/**********************************************************/
/*ヘッダー・メイン画像 ・メインメニュー                   
/**********************************************************/

.mob_header_image{
	display:none;}

header.site-header {
	position: relative;
	display:block;
	width:100%;
	margin:0 auto 0.3em auto;
	padding:0;
	border-bottom-style:none;
	background:rgba(255,255,255,0.5);}

header#masthead.site-header .inner{
	width:95% !important;
	height:105px !important;
	position:relative;
	margin:0 auto !important;
	padding:0;
	}

.site-branding {
  	position: absolute;
	top:0px;
	left:0px;}

.site-header-cart{
  	position: absolute;
	top:55px;
	right:0px;}

.site-search{
	margin-top:10px;}

.site-search input.search-field{
	padding:12px 10px 10px 35px!important;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	}

header.site-header .inner .site-title a{
	display:block;
	color:#000;
	background-image:url(../images/common/kamosika.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-size:contain;
	width:330px !important;
	display:block;
	font-size:18px;
	line-height:1.2;
	margin: 15px 0 0 0 !important;
	padding: 5px 0 15px 25px!important;}

header.site-header .inner .site-title a:focus{
  outline: none; }

header.site-header .inner .site-title a:hover,
header.site-header .inner .site-title a:active {
	border-style:none;} 

header.site-header .inner .site-description {
	position: absolute;
	top:-3px;
	left:0px;
	font-size: 0.7em;
	display: block;
	width:100% !important;}

header.site-header .inner ul.item_list_bt{
	position:absolute;
	top:87px;
	left:0px;
	z-index:99999999999999999999999999999999999;}

header.site-header .inner ul.item_list_bt li{
	display:inline-block;}


header.site-header .inner ul.item_list_bt  li a:link,
header.site-header .inner ul.item_list_bt li a:visited{
	text-align:center;
	display:inline-block;
	color:#fff;
	font-size:90%;
	line-height:1.3px;
	padding:12px 20px;	
	background-color:#49A73A;
	border-radius: 90px;        /* CSS3草案 */  
	-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100px;   /* Firefox用 */}
	header .inner .item_list_bt a:hover,
	header .inner .item_list_bt a:active{
	opacity: 0.8;
	text-decoration:none;}

.information_index{
	background-color: rgba(255,255,255,0.8);
	width:300px;
	font-size:90%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	padding:15px;
	text-align:left;
	position: absolute;
	top: 230px; right: 40px;
	z-index:999999999999999999999999999999999;}   

.information_index span{
	font-size:80%;
	display:block;
	text-align:right;}


/*--------------------------------------------------------------
    メイン　カテゴリーメニュー
--------------------------------------------------------------- */
ul.main_bt{
	text-align:left !important;
	position:absolute;
	top:0;
	left:0;
	right:0;
	max-width:1024px;
	margin:0 auto;
	padding:3px 0 3px 0;
	z-index:1;
	background-color:#fff;}

ul.main_bt li{
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0;}

ul.main_bt li a{
	text-align:center !important;
	font-size:80%;
	list-style:none;
	display:block;
	border-radius: 10px 10px 0px 0px ;        /* CSS3草案 */  
	-webkit-border-radius: 10px 10px 0px 0px ;    /* Safari,Google Chrome用 */  
	-moz-border-radius:  10px 10px 0px 0px ;   /* Firefox用 */
	padding: 0px 10px 10px 10px !important;
	line-height:2;
	z-index:4;
	text-decoration:none;}

ul.main_bt li.mva_bt a:link,
ul.main_bt li.mva_bt a:visited{
	background-color:#49A73A;
	color:#fff;
	border:1px solid #49A73A;}

ul.main_bt li.yaotsu-area_bt a:link,
ul.main_bt li.yaotsu-area_bt a:visited{
	background-color:#0066ff;
	color:#fff;
	border:1px solid #0066ff;}

ul.main_bt li.campaign_bt a:link,
ul.main_bt li.campaign_bt a:visited{
	background-color:#C11920;
	color:#fff;
	border:1px solid #C11920;}

ul.main_bt li.mva_bt a:hover,
ul.main_bt li.mva_bt a:active{
	background-color:#fff;
	color:#49A73A;
	border:1px solid #49A73A;}

ul.main_bt li.yaotsu-area_bt a:hover,
ul.main_bt li.yaotsu-area_bt a:active{
	background-color:#fff;
	color:#0066ff;
	border:1px solid #0066ff;}

ul.main_bt li.campaign_bt a:hover,
ul.main_bt li.campaign_bt a:active{
	background-color:#fff;
	color:#C11920;
	border:1px solid #C11920;}





/************************************************
PC用画面
*************************************************/
@media screen and (min-width: 769px){
header.site-header {
	position: relative;
	display:block;
	width:100%;
	margin:0 auto 1.4286em auto;
	padding:3px 0;
	border-bottom-style:none;}

header#masthead.site-header .inner{
	max-width:1200px !important;
	width:98%;
	position:relative;
	margin:0 auto;
	padding:0;
	}

header.site-header .user-name{
  	position: absolute;
	top:70px;
	left:0;}

header.site-header .user-name span.account_info_bt a:link,
header.site-header .user-name span.account_info_bt a:active{
	font-size:90%;
	display:inline-block;
	background-color:#000;
	color:#fff;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	padding:0px 10px;}

header.site-header .user-name span.account_info_bt a:hover,
header.site-header .user-name span.account_info_bt a:visited{
	color:#fff;
	background-color:#e65252;}

header.site-header .user-name span.user_registration_bt a:link,
header.site-header .user-name span.user_registration_bt a:active{
	font-size:90%;
	display:inline-block;
	background-color:#000;
	color:#fff;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	padding:0px 10px;}

header.site-header .user-name span.user_registration_bt a:hover,
header.site-header .user-name span.user_registration_bt a:visited{
	color:#fff;
	background-color:#e65252;}

.site-branding {
  	position: absolute;
	top:15px;
	left:0px;}

header.site-header .inner .site-title a{
	display:block;
	background-image:url(../images/common/kamosika.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-size: contain;
	width:600px !important;
	display:block;
	font-size:70%;
	line-height:1.1;
	margin: 0!important;
	padding: 20px 0 5px 45px !important;}

header.site-header .inner .site-description {
	position: absolute;
	top:0px;
	left:48px;
	font-size: 0.75em;
	display: block; }

header.site-header .inner ul#sns{
	position:absolute;
	top:5px;
	left:0;
	padding:0;
	margin:0;}

header.site-header .inner ul#sns li{
	display:inline-block;
	text-align:center;
	padding:0;
	margin:0;}

header.site-header .inner ul#sns li a:link,
header.site-header .inner ul#sns li a:active{}

header.site-header .inner ul#sns li a:hover,
header.site-header .inner ul#sns li a:visited{}

header.site-header .inner ul#sns li img{
	width:20px;
	height:auto;}

header.site-header .inner ul.item_list_bt{
	position:absolute;
	top:93px;
	left:78px;
	z-index:99999999999999999999999999999999999;}

header.site-header .inner ul.item_list_bt li{
	display:inline-block;}


header.site-header .inner ul.item_list_bt  li a:link,
header.site-header .inner ul.item_list_bt li a:visited{
	text-align:center;
	display:inline-block;
	color:#fff;
	line-height:1.3px;
	padding:12px 20px;	
	background-color:#49A73A;
	border-radius: 90px;        /* CSS3草案 */  
	-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100px;   /* Firefox用 */}
	header .inner .item_list_bt a:hover,
	header .inner .item_list_bt a:active{
	opacity: 0.8;
	text-decoration:none;}

.information_index{
	background-color: rgba(255,255,255,0.8);
	width:300px;
	font-size:90%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	padding:15px;
	text-align:left;
	position: absolute;
	top: 230px; right: 40px;
	z-index:999999999999999999999999999999999;}   

.information_index span{
	font-size:80%;
	display:block;
	text-align:right;}

/*--------------------------------------------------------------
    メイン　カテゴリーメニュー
--------------------------------------------------------------- */
ul.main_bt{
	text-align:center;
	position:absolute;
	top:-23px;
	left:0;
	z-index:3;}

ul.main_bt li{
	list-style:none;
	display:inline-block;}

ul.main_bt li a{
	font-size:80%;
	list-style:none;
	display:block;
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	width:110px;
	padding: 5px 0 10px 0;
	z-index:4;
	text-decoration:none;}

ul.main_bt li.mva_bt a:link,
ul.main_bt li.mva_bt a:visited{
	background-color:#49A73A;
	color:#fff;}

ul.main_bt li.yaotsu-area_bt a:link,
ul.main_bt li.yaotsu-area_bt a:visited{
	background-color:#0066ff;
	color:#fff;}

ul.main_bt li.campaign_bt a:link,
ul.main_bt li.campaign_bt a:visited{
	background-color:#C11920;
	color:#fff;}

ul.main_bt li.mva_bt a:hover,
ul.main_bt li.mva_bt a:active{
	background-color:#fff;
	color:#49A73A;
	border:1px solid #49A73A;}

ul.main_bt li.yaotsu-area_bt a:hover,
ul.main_bt li.yaotsu-area_bt a:active{
	background-color:#fff;
	color:#0066ff;
	border:1px solid #0066ff;}

ul.main_bt li.campaign_bt a:hover,
ul.main_bt li.campaign_bt a:active{
	background-color:#fff;
	color:#C11920;
	border:1px solid #C11920;}

}


/************************************************
モバイル用画面
*************************************************/
@media screen and (max-width: 768px){

.mob_header_image{
	display:block;}

header.site-header {
	position: relative;
	width: 100%;
	margin-bottom: 1.4286em;
	border-bottom-style:none;
}

.site-branding {
	width:90% !important;
  	position: absolute;
	top:0 !important;
	left:0;}

header.site-header .inner{
	height:60px !important;
	width:95%;
	margin:0 auto;
	position:relative;
	}

header.site-header .inner .site-title{
	width:100% !important;}

header.site-header .inner .site-title a{
	display:block;
	width:250px;
	background-image:url(../images/common/kamosika.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-size:contain !important;	
	display:block;
	font-size:15px;
	line-height:1.2;
	margin: 25px  0  0  0 !important;
	padding: 0 0 0 40px!important;}

header.site-header .inner .site-description {
	width:100% !important;
	padding:0 !important;
	margin:0 !important;
	position: absolute;
	top:3px;
	left:0;
	font-size:10px;
	line-height:1.3 !important;
	display: block; }

header.site-header .inner ul.item_list_bt{
	position:absolute;
	top:95px;
	left:5px;
	z-index:99999999999999999999999999999999999;}

header.site-header .inner ul.item_list_bt li{
	display:inline-block;
	margin:0;
	padding:0;}

header.site-header .user-name{
  	position: absolute;
	top:100px;
	font-size:90%;
	top:70px;
	left:0;}

header.site-header .user-name span.account_info_bt a:link,
header.site-header .user-name span.account_info_bt a:active{
	font-size:90%;
	display:inline-block;
	background-color:#000;
	color:#fff;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	padding:0px 10px;}

header.site-header .user-name span.account_info_bt a:hover,
header.site-header .user-name span.account_info_bt a:visited{
	color:#fff;
	background-color:#e65252;}

header.site-header .user-name span.user_registration_bt a:link,
header.site-header .user-name span.user_registration_bt a:active{
	font-size:90%;
	display:inline-block;
	background-color:#000;
	color:#fff;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	padding:0px 10px;}

header.site-header .user-name span.user_registration_bt a:hover,
header.site-header .user-name span.user_registration_bt a:visited{
	color:#fff;
	background-color:#e65252;}

header.site-header .inner ul.item_list_bt  li a:link,
header.site-header .inner ul.item_list_bt li a:visited{
	text-align:center;
	display:inline-block;
	font-size:80%;
	color:#fff;
	line-height:1.3px;
	padding:10px 10px;	
	background-color:#49A73A;
	border-radius: 100px;        /* CSS3草案 */  
	-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100px;   /* Firefox用 */}
	header .inner .item_list_bt a:hover,
	header .inner .item_list_bt a:active{
	opacity: 0.8;
	text-decoration:none;}

.information_index{
	width:95%;
	margin:2% auto 3% auto;
	font-size:90%;
	padding:15px;
	text-align:left;}   

.information_index span{
	font-size:80%;
	display:block;
	text-align:right;}

ul.main_bt{
	text-align:left;
	position:absolute;
	top:-22px;
	left:5%;
	width:95%;
	z-index:1;
	background-color:#fff;}

ul.main_bt li{
	list-style:none;
	display:inline-block;}

ul.main_bt li a{
	font-size:70%;
	list-style:none;
	display:block;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	padding: 3px 10px 10px 10px;
	z-index:4;
	text-decoration:none;}

}


















/**********************************************************/
/*メインメニュー                   
/**********************************************************/

nav.cat_nav{
	width:100%;
	display:block;
	position:relative;
	z-index:30;
	padding:30px 0 20px 0;
	}

body.home nav.cat_nav{
	padding:60px 0 0 0;
	}

@media screen and (max-width:767px){
nav.cat_nav .inner{
	width:95%;
	margin:0 auto;
	padding:0;}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
nav.cat_nav .inner{
	width:98%;
	margin:0 auto;
	padding:0;}}

@media screen and (min-width:1025px) {
nav.cat_nav .inner{
	max-width:1200px;
	width:98%;
	margin:0 auto;
	padding:0;}

nav.cat_nav .inner ul li{
	margin-top:90px;
}}

@media screen and (max-width:449px){
#top_page_cat_nav nav.cat_nav{
	width:95% !important;
	margin:120px auto 0 auto !important;
	padding:20px 0 20px 0 !important;
	display:block;
	}

nav.cat_nav .inner ul li span.cat_tit br{
	display:block;}}


@media screen and (min-width:450px) and (max-width:767px){
#top_page_cat_nav nav.cat_nav{
	width:95% !important;
	margin:200px auto 0 auto !important;
	padding:20px 0 20px 0 !important;
	display:block;
	}
nav.cat_nav .inner ul li span.cat_tit br{
	display:block;}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
#top_page_cat_nav nav.cat_nav{
	margin:250px auto 30px auto !important;
	display:block;

nav.cat_nav .inner ul li span.cat_tit br{
	display:block;}
	}

nav.cat_nav .inner{
	width:95% !important;
	margin:0 auto !important;}
}

@media screen and (min-width:1025px) and (max-width:1500px) {
#top_page_cat_nav nav.cat_nav{
	margin:500px 0 50px 0 !important;
	}}

@media screen and (min-width:1501px) and (max-width:1700px)  {
#top_page_cat_nav nav.cat_nav{
	margin:600px 0 50px 0 !important;
	}}

@media screen and (min-width:1701px){
#top_page_cat_nav nav.cat_nav{
	margin:700px 0 50px 0 !important;
	}}

nav.cat_nav .inner ul {
	width:100%;
	display: flex;
    	flex-wrap:wrap;/* 改行許可 */
	justify-content:space-between;
	gap:0 10px;
	position:relative;
	margin-top:0 !important;
	margin-bottom:30px;
	}

nav.cat_nav .inner ul li{
	position:relative;
	width: calc((100% - 60px) / 6) !important;
	display:inline-block;
	list-style-type:none;
	padding:125px 5px 20px 5px;
	}

body.home nav.cat_nav .inner ul {
	width:100%;
	display: flex;
    	flex-wrap:wrap;/* 改行許可 */
	justify-content:space-between;
	gap: 60px;
	position:relative;
	margin-top:0 !important;
	margin-bottom:30px;
	}

body.home nav.cat_nav .inner ul li{
	position:relative;
	width: calc((100% - 140px) / 3) !important;
	display:inline-block;
	list-style-type:none;
	padding:125px 5px 20px 5px;
	}

nav.cat_nav .inner ul li span.cat_tit{
	display:block;
	width:100%;
	height:35px;
	position: absolute;
	top:-120px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	line-height:1.3;
	}

@media screen and (max-width:767px){
nav.cat_nav{
	width:95%;
	display:block;
	position:relative;
	z-index:30;
	padding:20px 0 !important;
	margin:200px auto 0 auto;
	}

nav.cat_nav .inner ul{
	width:100%;
	display: flex;
    	flex-wrap:wrap;/* 改行許可 */
	justify-content:space-between;
	gap: 0 10px;
	position:relative;}

nav.cat_nav .inner ul li{
	position:relative;
	width: calc((100% - 20px) / 2) !important;
	display:inline-block;
	list-style-type:none;
	padding:10px 0px 27px 0px !important;
	margin-bottom:40px;
	line-height:1.5;
	}

body.home nav.cat_nav .inner ul {
	width:100%;
	display: flex;
    	flex-wrap:wrap;/* 改行許可 */
	justify-content:space-between;
	gap: 40px;
	position:relative;
	margin-top:0 !important;
	margin-bottom:30px;
	}

body.home nav.cat_nav .inner ul li{
	position:relative;
	width: calc((100% - 40px) / 2) !important;
	display:inline-block;
	list-style-type:none;
	padding:10px 0px 27px 0px !important;
	margin-bottom:40px;
	line-height:1.5;
	}

nav.cat_nav .inner ul li span.cat_tit{
	display:block;
	width:100%;
	height:auto !important;
	position:relative !important;
	top:0 !important;
	margin:0 auto 10px auto!important;
	text-align:center!important;
	font-size:110%;
	font-weight:bold;
	line-height:1.3;
	}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
nav.cat_nav{
	width:95%;
	display:block;
	position:relative;
	z-index:30;
	padding:20px 0 !important;
	margin:200px auto 0 auto;
	}

nav.cat_nav .inner ul{
	margin:0 !important;
	padding:0 !important;}

nav.cat_nav .inner ul li{
	position:relative;
	width: calc((100% - 64px) / 2) !important;
	display:inline-block;
	list-style-type:none;
	padding:10px 10px 20px 10px !important;
	margin-bottom:40px;
	line-height:1.5;
	}

nav.cat_nav .inner ul li span.cat_tit{
	display:block;
	width:100%;
	height:auto !important;
	position:relative !important;
	top:0 !important;
	margin:0 auto 10px 0!important;
	text-align:center;
	font-size:125%;
	font-weight:bold;
	line-height:1.3;
	}}

nav.cat_nav .inner ul li span.cat_tit img{
	position:relative;
	z-index:99999;
	display:block;
	width:50%;
	height:auto;
	margin:0 auto 10px auto;}

nav.cat_nav .inner ul li:nth-child( 3 ) span.cat_tit img{
	width:65%;
	margin:0 auto 17px auto;}

nav.cat_nav .inner ul li:nth-child( 5 ) span.cat_tit img{
	width:65%;
	margin:5px auto 15px auto;}

nav.cat_nav .inner ul li a:link,
nav.cat_nav .inner ul li a:visited{
	color:#000;
	font-size:100%;
	background-image:url(../images/arrow.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-size: 30px 23px;
	display:block;
	height:100%;
	padding-bottom:30px;
	opacity: 1;}


nav.cat_nav .inner ul li a:hover,
nav.cat_nav .inner ul li a:active{
	color:#000;
	opacity: 0.8;}

nav.cat_nav .inner ul li a:link img,
nav.cat_nav .inner ul li a:visited img{
	color:#000;
	font-size:80%;
	opacity: 1;}

nav.cat_nav .inner ul li a:hover img,
nav.cat_nav .inner ul li a:active img{
	color:#000;
	font-size:80%;
	opacity: 0.8;}


.slider_box{
	position:relative;
	z-index:50;
	margin-top:15px;}

body.home #slider.main-image{
	margin:0 0 10px 0;}


/**********************************************************/
/*山里で遊ぶ・メインメニュー                   
/**********************************************************/
#event_menu {
	display: flex;
	margin: 0 ;
	width: 50%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	gap: 10px;}

#event_menu li.menu{
	display:block;
	text-align:center;
	width : -webkit-calc((100% - 40px ) / 5) !important;
	width : calc((100% - 40px ) / 5) !important;
	padding:0!important;
	margin:0!important;
	text-align:center;
	position: relative;
	border-radius:150px;
	background-color:#fff;}

body.tutor-frontend #event_menu li.menu,
body.page-id-10700 #event_menu li.menu,
body.page-id-10755 #event_menu li.menu{
	width : -webkit-calc((100% - 20px ) / 3) !important;
	width : calc((100% - 20px ) / 3) !important;}

#event_menu li.menu em{
	font-style:normal;}

#event_menu li.menu a{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
	color: #000;
	padding:12px 0 7px 0!important;
	 display: block;
	font-size:100%;
	text-align: center;
	text-decoration: none;
	width: 100%;}

#event_menu li.menu.menu01 a{
	padding:15px 0 5px 0 !important;}

body.tutor-frontend nav.event_nav #event_menu li.menu01 a,
body.page-id-10700 nav.event_nav #event_menu li.menu01 a,
body.page-id-10755 nav.event_nav #event_menu li.menu01 a{
	padding:12px 0 7px 0 !important !important;}

@media screen and (max-width: 768px){

.mep-default-sidebar{
	display:none !important;}
}

body.page-template-page-yamazato_enjyoy02_forest #event_menu li.menu:nth-child(3),
body.page-template-page-yamazato_enjyoy02_plant #event_menu li.menu:nth-child(3){
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	}

body.page-template-page-yamazato_enjyoy02_tokusan #event_menu li.menu:nth-child(3){
	background-color:transparent;
	color:#000;
	border:1px solid #000;
	}

body.page-template-page-yamazato_experience #event_menu li.menu:nth-child(1),
body.page-template-page-yamazato_enjyoy03 #event_menu li.menu:nth-child(2),
body.page-template-page-yamazato_enjyoy02 #event_menu li.menu:nth-child(3),
body.post-type-archive-travel_photos #event_menu li.menu:nth-child(4),
body.page-template-page-gest_term #event_menu li.menu:nth-child(4),
body.page-template-page-experience #event_menu li.menu:nth-child(4),
body.page-template-templates_quiz #event_menu li.menu:nth-child(4),
body.tax-travel_photos_cat #event_menu li.menu:nth-child(4),
body.category.yamazato-enjoy #event_menu li.menu:nth-child(5),
body.single.yamazato-enjoy #event_menu li.menu:nth-child(5){
	color:#000;
	background-color:#106a53;
	border:1px solid #fff;
	}

body.page-template-page-yamazato_enjyoy02_forest #event_menu li.menu:nth-child(3) a,
body.page-template-page-yamazato_enjyoy02_plant #event_menu li.menu:nth-child(3) a,
body.page-template-page-yamazato_enjyoy02 #event_menu li.menu:nth-child(3) a,
body.page-template-page-yamazato_experience #event_menu li.menu:nth-child(1) a,
body.page-template-page-yamazato_enjyoy03 #event_menu li.menu:nth-child(2) a,
body.post-type-archive-travel_photos #event_menu li.menu:nth-child(4) a,
body.page-template-page-gest_term #event_menu li.menu:nth-child(4) a,
body.page-template-page-experience #event_menu li.menu:nth-child(4) a,
body.page-template-templates_quiz #event_menu li.menu:nth-child(4) a,
body.tax-travel_photos_cat #event_menu li.menu:nth-child(4) a,
body.category.yamazato-enjoy #event_menu li.menu:nth-child(5) a,
body.single.yamazato-enjoy #event_menu li.menu:nth-child(5) a{
    color: #fff !important;
	}

body.page-template-page-yamazato_enjyoy02_tokusan #event_menu li.menu:nth-child(3) a{
    color: #000;
	}

#event_menu li.menu span{
	line-height:1 !important;
	display:block;
	font-size:70%;}

@media screen and (max-width: 768px){

#event_menu {
	text-align:center !important;
	display: flex;
	margin: 0 auto !important;
	width: 100% !important;
	position:absolute;
	top:0;
	left:0;
	gap: 5px!important;}

#event_menu li.menu{
	display:block;
	text-align:center;
	width : -webkit-calc((100% - 20px ) / 5) !important;
	width : calc((100% - 20px ) / 5) !important;
	padding:0!important;
	margin:0!important;
	text-align:center;
	position: relative;
	border-radius:150px;
	background-color:#fff;}

body.tutor-frontend #event_menu li.menu,
body.page-id-10700 #event_menu li.menu,
body.page-id-10755 #event_menu li.menu{
	width : -webkit-calc((100% - 20px ) / 3) !important;
	width : calc((100% - 20px ) / 3) !important;}

#event_menu li.menu a{
	color: #000;
	padding:20px 0 18px 0!important;
	display:block !important;
	font-size:100%;
	text-align: center;
	text-decoration: none;
	width: 100%;}

#event_menu li.menu.menu01 a{
	padding:23px 0 21px 0 !important;}

body.tutor-frontend nav.event_nav #event_menu li.menu01 a,
body.page-id-10700 nav.event_nav #event_menu li.menu01 a,
body.page-id-10755 nav.event_nav #event_menu li.menu01 a{
	padding:20px 0 18px 0!important;}

body.page-template-page-yamazato_enjyoy02_forest #event_menu li.menu:nth-child(3){
	background-color:#38547e;
	}

body.page-template-page-yamazato_enjyoy02_plant #event_menu li.menu:nth-child(3){
	background-color:#0e6c55;
	}

body.page-template-page-yamazato_enjyoy02_tokusan #event_menu li.menu:nth-child(3){
	background-color:#fabf15;
	}

body.page-template-page-yamazato_experience #event_menu li.menu:nth-child(1),
body.page-template-page-yamazato_enjyoy03 #event_menu li.menu:nth-child(2),
body.page-template-page-yamazato_enjyoy02 #event_menu li.menu:nth-child(3),
body.post-type-archive-travel_photos #event_menu li.menu:nth-child(4),
body.page-template-page-gest_term #event_menu li.menu:nth-child(4),
body.page-template-page-gest #event_menu li.menu:nth-child(4),
body.page-template-templates_quiz #event_menu li.menu:nth-child(4),
body.category.yamazato-enjoy #event_menu li.menu:nth-child(5),
body.single.yamazato-enjoy #event_menu li.menu:nth-child(5){
	background-color:#106a53;
	border:1px solid #fff;
	}

body.page-template-page-yamazato_enjyoy02_forest #event_menu li.menu:nth-child(3) a,
page-template-page-yamazato_enjyoy02_plant #event_menu li.menu:nth-child(3) a,
body.page-template-page-yamazato_enjyoy02 #event_menu li.menu:nth-child(3) a,
body.page-template-page-yamazato_experience #event_menu li.menu:nth-child(1) a,
body.page-template-page-yamazato_enjyoy03 #event_menu li.menu:nth-child(2) a,
body.post-type-archive-travel_photos #event_menu li.menu:nth-child(4) a,
body.page-template-page-gest_term #event_menu li.menu:nth-child(4) a,
body.page-template-page-gest #event_menu li.menu:nth-child(4) a,
body.page-template-templates_quiz #event_menu li.menu:nth-child(4) a,
body.category.yamazato-enjoy #event_menu li.menu:nth-child(5) a,
body.single.yamazato-enjoy #event_menu li.menu:nth-child(5) a{
    color: #fff;
	}

body.page-template-page-yamazato_enjyoy02_tokusan #event_menu li.menu:nth-child(3) a{
    color: #000;
	}

#event_menu li.menu span{
	display:block;
	line-height:1.1 !important;
	font-size:70%;}}


#event_menu li li a:hover{
opacity: 1;
	} 


@import url(https://fonts.googleapis.com/css?family=Lato);
body {
  margin: 0;
}

nav.event_nav {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	z-index:1000000000;
margin:0 0 30px 0;
}


/**********************************************************/
/*『Rewind Japan 802』ヘッダー                  
/**********************************************************/
header#yamazato_explanation.yamazato_tutor-lms{}

header#yamazato_explanation.yamazato_tutor-lms h1.yamazato_tit{
	font-size:25px;}

header#yamazato_explanation.yamazato_tutor-lms h1.yamazato_tit span.yamazato_explanation{
	font-size:60%;}

header#yamazato_explanation.yamazato_tutor-lms h1.yamazato_tit em{
	font-size: 70%;}

header#yamazato_explanation.yamazato_tutor-lms h1.yamazato_tit em.rewind{
	display: inline-block;
	padding-right: 10px;
	font-family: "Delicious Handrawn", cursive !important;
	font-weight: 400;
	font-style: normal;
	font-size: 280%;}

@media screen and (max-width: 768px){
header#yamazato_explanation.yamazato_tutor-lms h1.yamazato_tit{
	font-size:22px;}

header#yamazato_explanation.yamazato_tutor-lms h1.yamazato_tit em.rewind{
	display: block;
	padding-right: 10px;
	font-family: "Delicious Handrawn", cursive !important;
	font-weight: 400;
	font-style: normal;
	font-size: 230%;}
}