@charset "UTF-8";

/* ------------------------------------------------
	　header
---------------------------------------------- */
header, nav, article, aside, section, footer {display:block;}
body{font-family: 'arial',arial,sans-serif; background:url(../img/bg_main_01.png) repeat;}
header{ /*position:relative; */background:rgba(251,247,231,0.8); width:100%; height:70px; padding:20px 0; position:absolute; }
header#head_top{ }
#head_wrap{width:1000px; margin:0 auto; overflow:hidden;}
#head_wrap div.L{ float:left;}
#head_wrap div.R{ float:right;}
nav#head_menu{ font-size:13px;}
nav#head_menu_L ul{ }
nav#head_menu_L ul li{display:inline-block; vertical-align:middle; margin-right:20px;}
nav#head_menu_L ul li:nth-child(1) a{color:#e26059; background:url(../img/ico_home.png) no-repeat left center; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(2) a{color:#be5311; background:url(../img/ico_book.png) no-repeat left center; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(3) a{color:#0da3b8; background:url(../img/ico_phot.png) no-repeat left center; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(4) a{color:#39536c; background:url(../img/ico_spot.png) no-repeat left center; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(5) a{color:#d9a200; background:url(../img/ico_food.png) no-repeat left center; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(6) a{color:#2c9b16; background:url(../img/ico_pin.png) no-repeat left center; background-size:16px auto;}
nav#head_menu_L ul li a{display:block; padding:0 0 0 20px;}

ul.head_menu_R{overflow:hidden;}
ul.head_menu_R li{float:left; vertical-align:middle;}
ul.head_menu_R li:nth-child(1),ul.head_menu_R li:nth-child(2){padding:5px;}
ul.head_menu_R li:nth-child(3),ul.head_menu_R li:nth-child(4){padding:0 5px;}
ul.head_menu_R li img{width:17px;}


#toggle{display: none;}

@media only screen and (max-width: 768px){
	
header{background:none; position:fixed; z-index:9999; padding:0; width:100%;}

#head_wrap{display:none; background:rgba(251,247,231,0.9); width:80%; padding:20px;}

#toggle{display:block; position:relative; width:100%;}
#toggle p{ text-align:right; padding:10px;}
#toggle .menu-trigger{}
#toggle .menu-trigger,
#toggle .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#toggle .menu-trigger {
	position: relative;
	width: 50px;
	height: 44px;
	padding:5px;
}
#toggle .menu-trigger span {
	position: absolute;
	left: 5px;
	width: 40px;
	height: 4px;
	background-color: #333;
	border-radius: 4px;
}
#toggle .menu-trigger span:nth-of-type(1) {
	top: 5px;
}
#toggle .menu-trigger span:nth-of-type(2) {
	top: 20px;
}
#toggle .menu-trigger span:nth-of-type(3) {
	bottom: 5px;
}
#toggle .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
#toggle .menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
#toggle .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}

#head_wrap div.L{ float:none; margin-bottom:8px;}
#head_wrap div.R{ float:none;}
nav#head_menu_L ul li{width:32%; margin-right:2%; vertical-align:top; margin-bottom:10px;}
nav#head_menu_L ul li:nth-child(3n){margin-right:0;}
nav#head_menu_L ul li:nth-child a{padding:5px;}
nav#head_menu_L ul li:nth-child(1) a{color:#e26059; background:url(../img/ico_home.png) no-repeat center 5px; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(2) a{color:#be5311; background:url(../img/ico_book.png) no-repeat center 5px; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(3) a{color:#0da3b8; background:url(../img/ico_phot.png) no-repeat center 5px; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(4) a{color:#39536c; background:url(../img/ico_spot.png) no-repeat center 5px; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(5) a{color:#d9a200; background:url(../img/ico_food.png) no-repeat center 5px; background-size:16px auto;}
nav#head_menu_L ul li:nth-child(6) a{color:#2c9b16; background:url(../img/ico_pin.png) no-repeat center 5px; background-size:16px auto;}
nav#head_menu_L ul li a{display:block; padding:18px 0 0 0; text-align:center; font-size:12px;}
nav#head_menu_L ul li a span{display:none}

ul.head_menu_R li:nth-child(1),ul.head_menu_R li:nth-child(2){width:15%; padding:5px 1%; text-align:center; margin-bottom:10px;}
ul.head_menu_R li:nth-child(3){padding:0 0 0 10px; width:70%;}
ul.head_menu_R li:nth-child(4){padding:0 2%; width:96%;}
ul.head_menu_R li img{width:20px;}
}


/* TOP */
#main_img{background:url(../img/en_main.jpg) no-repeat; background-size:cover; height:650px;}
#main_img .main_img_box{ position:relative; margin:0 auto; width:1000px; top:270px; text-align:center;}
@media only screen and (max-width: 768px){
	#main_img{ height:260px;}
	#main_img .main_img_box{max-width:1000px; width:100%; top:74px;}
	#main_img .main_img_box img{ max-width:300px; width:100%;}
}
/* under */
#main_img_under{background:url(../img/en_main.jpg) no-repeat 0 top; background-size:cover; height:410px;}
#main_img_under .main_img_box{ position:relative; margin:0 auto; width:1000px; text-align:center; top:134px;}
#main_img_under .main_img_box img{ max-width:300px; width:100%;}
#main_img_under .main_img_box a:hover img{  opacity: 0.5;
  transition: opacity 0.3s;}
#main_img_under .main_img_box h2.title{font-family: Copperplate, "Copperplate Gothic Light", fantasy; text-align:center; font-weight:bold; font-size:36px; margin:0 auto 30px; line-height:1; color:#FFF;}
#main_img_under .main_img_box h2.title span.line{ display:block; margin:26px auto; height:1px; background:#FFF; width:100px;}
@media only screen and (max-width: 768px){
#main_img_under{height:250px;}
#main_img_under .main_img_box{max-width:1000px; width:100%; top:49px;}
#main_img_under .main_img_box img{ max-width:200px; width:100%;}
#main_img_under .main_img_box h2.title{font-family: Copperplate, "Copperplate Gothic Light", fantasy; text-align:center; font-weight:bold; font-size:28px; margin:0 auto 30px; line-height:1; color:#FFF;}
#main_img_under .main_img_box h2.title span.line{ display:block; margin:10px auto; height:1px; background:#FFF; width:100px;}
}

.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select-box01 select::-ms-expand {
	display: none;
}



.select-box01{
position:relative;
overflow:hidden;
display:inline-block;
min-width:65px;
border:1px solid #aaaaaa;
border-radius: 5px;
-webkit-border-radius: 5px;	/* Safari,Google Chrome */
-moz-border-radius: 5px;	/* Firefox */
color:#333;
font-size:12px;
}

.select-box01 select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:120px;
margin:0;
padding:5px 10px 5px 5px;
background:transparent;
border:0;
outline:none;
font-size:12px;
line-height:1.5;
}

.select-box01:before{
font-family: Copperplate, "Copperplate Gothic Light", fantasy;
content:'>';
transform: rotate( 90deg );
position:absolute;
z-index:1;
top:50%;
right:12px;
right:.75rem;
margin-top:-8px;
margin-top:-.5rem;
font-size:12px;
line-height:1;
color:#333333;
}

    dl.search2{
    	position:relative;
		width:100%;
		max-width:200px;
    }
    dl.search2 dt{
    	padding:0;
    	background-color:#fff;
    	border:1px solid #aaaaaa;
border-radius: 30px;
-webkit-border-radius: 30px;	/* Safari,Google Chrome */
-moz-border-radius: 30px;	/* Firefox */
    }
    dl.search2 dt input{
	font-size:12px;
    padding:0 5px 0 35px;
  	width:100%;
	max-width:110px;
    	height:29px;
    	background:none;
    	border:none;
		min-height:29px;
    }
    dl.search2 dd{
    	position:absolute;
    	top:1px;
		left:0;
    }
    dl.search2 dd button{
    	display:block;
    	width:30px;
    	height:30px;
    	color:#fff;
    	line-height:30px;
    	text-align:center;
    	border:1px solid #aaaaaa;
		border-radius: 30px;
-webkit-border-radius: 30px;	/* Safari,Google Chrome */
-moz-border-radius: 30px;	/* Firefox */
background:url(../img/ico_search.png) no-repeat center center #aaaaaa;
background-size:17px;
}

dl.search2 dd button span,.btn_search{display:none;}

.get_search dl.search2 dt input{max-width:185px; padding:0 0 0 40px;}

@media only screen and (max-width: 768px){
dl.search2{margin:0 auto;}
dl.search2 dt input{font-size:16px; color:#333; height:39px; max-width:95%; padding:0 0 0 45px;}
dl.search2 dd button{
    	width:40px;
    	height:40px;
background:url(../img/ico_search.png) no-repeat center center #aaaaaa;
background-size:19px;
}
.get_search dl.search2 dt input{max-width:185px; padding:0 0 0 40px;}
}

/* ------------------------------------------------
	　foter
---------------------------------------------- */
#foter_bn{width:100%; background:#000; padding:20px 2%;}
#foter_bn ul{width:100%; max-width:960px; margin:0 auto; padding:0 20px;}
#foter_bn ul li{vertical-align:middle; text-align:center;}
#foter_bn ul li img{height:auto; max-height:60px; margin:0 auto;}
footer{ background-color:#FFF; text-align:center;}
.footer_nav li{ display:inline-block; margin:20px 10px; font-size:100%;}
footer hr{border-bottom:1px solid #000; width:45px; margin:0 auto 10px auto;}
#copy{padding:10px;}


/* ------------------------------------------------
	　index
---------------------------------------------- */
#access_wrap{ width:100%; margin:5px auto; overflow:hidden;}
#access_wrap div.L{ width:49.8%; float:left; }
#access_wrap div.L .img_box{ padding: 0 0 30px; text-align:center; width:100%; background:#caebf9; margin:0 auto 5px;}
#access_wrap div.L .access_list{ font-family:'Oswald'; background:#dcdcdc;  height:368px; padding:30px 0; margin-bottom:5px;}
#access_wrap div.L .access_list ol{ width:350px; margin:0 auto 10px; overflow:hidden;}
#access_wrap div.L .access_list li{ width:100%; overflow:hidden; margin:0 auto 10px; padding:0 0 0 40px ;}
#access_wrap div.L .access_list li:nth-child(1){ background:url(../img/access_img01.png) no-repeat left center; background-size:contain;}
#access_wrap div.L .access_list li:nth-child(2){ background:url(../img/access_img02.png) no-repeat left center; background-size:contain;}
#access_wrap div.L .access_list li:nth-child(3){ background:url(../img/access_img03.png) no-repeat left center; background-size:contain;}
#access_wrap div.L .access_list li:nth-child(4){ background:url(../img/access_img04.png) no-repeat left center; background-size:contain;}
#access_wrap div.L .access_list li p{ float:left; font-size:21px; font-weight:bold;}
#access_wrap div.L .access_list li p:last-child{ float:right; text-align:center; width:170px; background:#eb6100; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#access_wrap div.R{ width:49.8%; float:right; background:#caebf9;}
#access_wrap div.R .img_box{padding:30px 0; text-align:center; width:100%}
@media only screen and (max-width: 768px){
#access_wrap div.L{ width:100%; float:none;}
#access_wrap div.L .img_box{padding: 0;}
#access_wrap div.L .img_box img{ max-width:451px; width:100%;}
#access_wrap div.L .access_list{ width:100%; padding:30px 2%;}
#access_wrap div.L .access_list ol{ width:100%; max-width:350px;}
#access_wrap div.R{width:100%; float:none; padding:0 2%;}
#access_wrap div.R .img_box img{ max-width:508px; width:100%;}
}

h2.title{font-family: Copperplate, "Copperplate Gothic Light", fantasy; text-align:center; font-weight:bold; font-size:36px; margin:0 auto 30px; line-height:1;}
h2.title span.line{ display:block; margin:20px auto 0; height:1px; background:#000; width:100px;}

a.more_btn{ font-family:'Oswald'; display:block; width:190px; text-align:center; font-size:18px; padding:0 5px 10px 0; margin:0 auto; height:46px; background:url(../img/access_bg01.png) no-repeat 5px 6px;transition: all 500ms ease 0s;}
a.more_btn span{border:1px solid #000; display:block; padding:5px 0;}
a.more_btn:hover{ background:url(../img/access_bg01.png) no-repeat 0px 0px; color:#000; padding:0; }

#about{ background:#fdf8e8; padding:100px 2% 70px;}
#about div.movie{ width:100%; max-width:1000px;; margin:0 auto 30px;}
@media only screen and (max-width: 768px){
#about div.movie {position: relative; width: 100%; padding-top: 56.25%;}
#about div.movie iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
}

#tourism{padding:100px 2% 10px; width:100%;}
#tourism input[type="radio"] {display: none;}
#tourism .tabBtn{display:table; width: 100%; margin: 0 0 1px; padding-top:10px; position:relative;}
#tourism .tabBtn li {
  text-align:center;
  display: table-cell;
  width: 25%;
  vertical-align:top;
}
#tourism .tabBtn li:nth-child(1),.tabBtn li:nth-child(3){ padding-top:20px;}
#tourism .tabBtn li:nth-child(1) div{background:url(../img/img_spring.jpg) no-repeat center center; padding:20px 0; overflow: hidden;}
#tourism .tabBtn li:nth-child(2) div{background:url(../img/img_summer.jpg) no-repeat center center; padding:20px 0; overflow: hidden;}
#tourism .tabBtn li:nth-child(3) div{background:url(../img/img_autumn.jpg) no-repeat center center; padding:20px 0; overflow: hidden;}
#tourism .tabBtn li:nth-child(4) div{background:url(../img/img_winter.jpg) no-repeat center center; padding:20px 0; overflow: hidden;}
#tourism .tabBtn li img{width:100%; max-width:40px; display:block; margin:0 auto 10px auto;}
#tourism .tabBtn li span{font-family: Copperplate, "Copperplate Gothic Light", fantasy; text-align:center; font-size:24px;}
#tourism .tabBtn li:last-child {border-right: 0;}
#tourism .tabBtn li label{
  display: block;
  cursor: pointer;
  color: #fff;
  margin:20px;
  padding:20px;
  background-color: rgba(0,0,0,.4);
  transition-property:background,width;
    transition-duration:2s;
    transition-timing-function:ease-out;}
@media only screen and (max-width: 768px){
#tourism .tabBtn{margin-bottom:10px;}
#tourism .tabBtn li:nth-child(1) div{background:url(../img/img_spring.jpg) no-repeat center center; background-size:cover; padding:5px 0; overflow: hidden;}
#tourism .tabBtn li:nth-child(2) div{background:url(../img/img_summer.jpg) no-repeat center center; background-size:cover; padding:5px 0; overflow: hidden;}
#tourism .tabBtn li:nth-child(3) div{background:url(../img/img_autumn.jpg) no-repeat center center; background-size:cover; padding:5px 0; overflow: hidden;}
#tourism .tabBtn li:nth-child(4) div{background:url(../img/img_winter.jpg) no-repeat center center; background-size:cover; padding:5px 0; overflow: hidden;}
#tourism .tabBtn li img{width:100%; max-width:20px; display:block; margin:0 auto 10px auto;}
#tourism .tabBtn li span{font-size:12px;}
#tourism .tabBtn li label{margin:5px; padding:5px; display:block;}
}
#tourism .tabBtn li label:hover{
  background-color: rgba(0,0,0,.7);
transition-property:background,width;
    transition-duration:0.6s;
    transition-timing-function:ease-out;}

	
	
/* :::::: mechanism :::::: */
#tourism_wrapper {
  overflow: hidden;
  width:100%;
  max-width:1000px;
  margin:0 auto 30px auto;
}
#all_season{padding:100px 2% 30px;}
#all_season_wrapper{
  width:100%;
  max-width:1000px;
  margin:0 auto 30px auto;
}
#tourism_wrapper .tabContents{
  width: 500%;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
#tourism_wrapper .tabContents ul{
  float: left;
  width: 20%;
  opacity: 0.1;
  transition: opacity 0.3s;
}
.tabContents ul li{width:23.5%; margin-right:2%; margin-bottom:10px; display:inline-block; border:1px solid #DEDEDE; float:left;}
.tabContents ul li figure{overflow:hidden; width: 100%; height: auto; max-height:140px; position:relative;}
.tabContents ul li img{width:100%;}
.tabContents ul li:nth-child(4n){ margin-right:0;}
.tabContents ul li figcaption{position:absolute; bottom:0; background-color: rgba(0,0,0,.5); color:#FFF; padding:10px; font-weight:normal; width:100%;}
.tabContents ul li.coming_soon{width:100%; text-align:center; border:none; font-weight:bold; margin-right:0; padding:20px 0;}

@media only screen and (max-width: 768px){
	.tabContents ul li{width:49%;}
	.tabContents ul li:nth-child(2n){ margin-right:0;}
	.tabContents ul li figcaption{font-size:12px;}
}

/* :::::: mechanism :::::: */
#tab-1:checked ~ .tabBtn li [for="tab-1"],
#tab-2:checked ~ .tabBtn li [for="tab-2"],
#tab-3:checked ~ .tabBtn li [for="tab-3"],
#tab-4:checked ~ .tabBtn li [for="tab-4"]{
	margin:0;
	padding:40px;
  background-color: rgba(0,0,0,.4);
transition-property:background,width;
    transition-duration:0.6s;
    transition-timing-function:ease-out;}
@media only screen and (max-width: 768px){
#tab-1:checked ~ .tabBtn li [for="tab-1"],
#tab-2:checked ~ .tabBtn li [for="tab-2"],
#tab-3:checked ~ .tabBtn li [for="tab-3"],
#tab-4:checked ~ .tabBtn li [for="tab-4"]{ padding:10px; margin:0;}
#tab-1:checked ~ .tabBtn li div,
#tab-2:checked ~ .tabBtn li div,
#tab-3:checked ~ .tabBtn li div,
#tab-4:checked ~ .tabBtn li div{padding:0; margin:0;}
}
#tab-1:checked ~ .tabContents ul:nth-child(1),
#tab-2:checked ~ .tabContents ul:nth-child(2),
#tab-3:checked ~ .tabContents ul:nth-child(3),
#tab-4:checked ~ .tabContents ul:nth-child(4){
  opacity: 1;
}

#tab-1:checked ~ .tabContents { -webkit-transform: translateX(0); transform: translateX(0); }
#tab-2:checked ~ .tabContents { -webkit-transform: translateX(-20%); transform: translateX(-20%); }
#tab-3:checked ~ .tabContents { -webkit-transform: translateX(-40%); transform: translateX(-40%); }
#tab-4:checked ~ .tabContents { -webkit-transform: translateX(-60%); transform: translateX(-60%); }


/* ------------------------------------------------
	　page & single
---------------------------------------------- */
.post_page{ width:100%; padding:0 2%;}
.post_page h3{font-family: Copperplate, "Copperplate Gothic Light", fantasy; font-weight:bold; font-size:28px;}
.post_page_wrap{padding:30px 0; width:100%; max-width:1000px; margin:0 auto;}
.the_content_wrap{ padding:20px 0;}

.blog_info{padding:0;}
.blog_info ul li{display:inline-block; margin-right:10px; font-size:13px;}
.blog_info ul li span{background:#be5311; padding:5px 10px; color:#FFF; margin-right:5px;}
.blog_info ul li a.spring{ color:#e26059; margin-right:5px; display:inline-block; margin-bottom:10px;}
.blog_info ul li a.summer{ color:#0da3b8; margin-right:5px; display:inline-block; margin-bottom:10px;}
.blog_info ul li a.autumn{ color:#d9a200; margin-right:5px; display:inline-block; margin-bottom:10px;}
.blog_info ul li a.winter{ color:#39536c; margin-right:5px; display:inline-block; margin-bottom:10px;}

@media only screen and (max-width: 768px){
.blog_info ul li{width:98%;}
.blog_info ul li:first-child{margin-bottom:10px;}
}

.post_page_wrap .main_img{ display:block; max-width:1000px; margin:0 auto 30px auto; width:100%;}

.post_page_wrap p{margin-bottom:10px;}
.post_page_wrap p.first:first-letter{font-size:18px; font-weight:bold;}
.post_page_wrap img.left_phot{max-width:400px; width:100%; height:auto; float:left; margin:0 10px 10px 0;}
@media only screen and (max-width: 768px){
.post_page_wrap img.left_phot{ display:block; float:none; margin:0 auto 10px auto;}
}

.nav-below{width:100%;}
.nav-previous{ float:left;}
.nav-next{float:right;}

.get_search{}

/* ------------------------------------------------
	　sidebar
---------------------------------------------- */
#sidebar_single{width:100%; padding:30px 2%;}
#sidebar_single .sidebar_single_wapper{max-width:1000px; width:100%; margin:0 auto;}
#sidebar_single ul{background:rgba(255,255,255,0.40);padding:10px;}
#sidebar_single ul li{}
#sidebar_single h3{font-family: Copperplate, "Copperplate Gothic Light", fantasy; font-weight:bold; font-size:28px; margin-bottom:5px;}


/* ------------------------------------------------
	　category
---------------------------------------------- */
.category_page{width:100%; padding:30px 2%;}
.category_page_wrap{max-width:1000px; width:100%; margin:0 auto;}
.category_page_wrap ul.single_list{
}

.category_page_wrap ul.single_list li{
	margin-bottom:20px; padding-bottom:20px;
	border-bottom:1px dashed #333;
}
.category_page_wrap ul.single_list li img{max-width:300px; width:100%; float:left; display:block; margin-right:20px;}

.category_page_wrap ul.single_list li a:hover img{
opacity: 0.6;
transition: opacity 0.6s;}
.category_page_wrap ul.single_list li p{margin-bottom:10px;}
.category_page_wrap a.btn_more{transition:0.6s; background-color:#333; border:1px solid #333; padding:5px 10px; color:#FFF;}
.category_page_wrap a:hover.btn_more{background-color:#FFF; padding:5px 10px; color:#333;}
.category_page h3{font-family: Copperplate, "Copperplate Gothic Light", fantasy; font-weight:bold; font-size:28px;}
@media only screen and (max-width: 768px){
.category_page h3{line-height:30px; margin-bottom:10px;}
.category_page_wrap ul.single_list li img{float:none;}
.category_page_wrap ul.single_list li a.img_link{display:block; max-width:300px; width:100%; margin:0 auto 10px auto;}
}
/* ------------------------------------------------
	　pagenavi
---------------------------------------------- */
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 10px; margin: 2px; color: green;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color:#BFBFBF;}
.wp-pagenavi span.current {font-weight: bold;}



/* ------------------------------------------------
	　list
---------------------------------------------- */

ui.list01,
ui.list02,
ui.list03,
ui.list04{
	list-style: none;
}

/* == list01 ========================================= 
丸
*/
ul.list01{margin-bottom:10px;}
ul.list01 li {text-indent:-1em; padding-left:1em;}
ul.list01 li::before {content: '●'; font-size:85%; margin-right:5px;}
ul.list01 li:last-child{margin-bottom:0px;}

/* == list02 ========================================= 
てん
*/
ul.list02{margin-bottom:10px;}
ul.list02 li {text-indent:-1em; padding-left:1em; margin-bottom:10px;}
ul.list02 li::before {content: '・'; font-size:85%; margin-right:5px;}

/* == list03 ========================================= 
チェックBOX
*/
ul.list03 li {
	position: relative;
	padding-left:25px;
}
ul.list03 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 16px;
	height: 6px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* == list03 ========================================= 
チェックBOX
*/
ul.list04 li {
	position: relative;
	padding-left:16px;
}
ul.list04 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}


/* =========================================== 
マーカー
*/
.m_kasen02 {background:linear-gradient(transparent 60%, #F4B49C 60%);}
.m_kasen03 {background:linear-gradient(transparent 60%, #99cccc 60%);}
.m_kasen04 {background:linear-gradient(transparent 60%, #D0DD3E 60%);}
.m_kasen05 {background:linear-gradient(transparent 60%, #FFC23F 60%);}

.m_kasen02_s {background:linear-gradient(transparent 80%, #F4B49C 60%);}
.m_kasen03_s {background:linear-gradient(transparent 80%, #99cccc 60%);}
.m_kasen04_s {background:linear-gradient(transparent 80%, #D0DD3E 60%);}
.m_kasen05_s {background:linear-gradient(transparent 80%, #FFC23F 60%);}

.m_kasen01 {border-bottom: dashed 1px #e26059;}


.table03{border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-collapse: collapse;
  width: 100%;}
.table03 th,
.table03 td{border-left: 1px solid #333; border-bottom: 1px solid #000; padding: 10px;}
.table03 thead th{ background-color:#333; text-align:center; color:#FFF;}
.table03 thead th:nth-child(1){ width:17%;}
.table03 thead th:nth-child(2){ width:23%;}
.table03 thead th:nth-child(3){ width:60%;}
.table03 tbody th,.table03 tbody td{text-align:center; background-color:#FFF; font-weight:bold;}
.table03 tbody th{font-weight:normal;}
.table03 tbody tr:nth-child(2n) th,.table03 tbody tr:nth-child(2n) td{background-color:#dcdddd;}
.table03 tbody td.table_bg_red{background-color:#f5eaf0;}


/* ------------------------------------------------
	　common
---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:72%; }
.text11{ font-size:79%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}

.red { color:#f00;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}