/*/////////////////////////////////////////////////////////*/
/*山里であそぶ　背景*/
/*/////////////////////////////////////////////////////////*/
body.page-template-page-yamazato_front,
body.page-template-templates_yamazato,
body.page-template-templates_quiz,
body.post-type-archive-travel_photos,
body.tutor-frontend,
body.page-id-10700,
body.page-id-10755{
	font-family: 'Sawarabi Mincho', serif;
	background-color:#116a53 !important;
	background-image:url(../images/yamazato/experience_bg.png) !important;
	background-repeat:no-repeat;
	background-position: top right;
	background-size:700px;
	}

body.yamazato-enjoy.post-type-archive-travel_photos #wrapper section#experience,
body.yamazato-enjoy.page-template-templates_quiz #wrapper section#experience,
body.page-template-page-gest_term section#experience{
	background-color:#116a53 !important;
	background-image:none !important;
	padding-bottom:50px;
	margin-bottom:0 !important;
	display:block;}

@media screen and (max-width: 768px){
body.page-template-page-yamazato_front,
body.page-template-templates_yamazato,
body.page-template-templates_quiz,
body.post-type-archive-travel_photos,
body.tutor-frontend,
body.page-id-10700,
body.page-id-10755{
	font-family: 'Sawarabi Mincho', serif;
	background-color:#116a53 !important;
	background-image:url(../images/yamazato/experience_bg.png) !important;
	background-repeat:no-repeat;
	background-position: top -50px right;
	background-size:300px;
	}}

/*/////////////////////////////////////////////////////////*/
/*トップページへ移動*/
/*/////////////////////////////////////////////////////////*/

span#to_top a{
	display:block;
	border-radius: 300px; 
	background-color:#000;
	color:#fff;
	font-size:15px;
	line-height:1.3;	
	text-align:center;
	position: absolute;
	top:-115px;
	left:15%;
	width:180px;
	text-align:center;
	padding:120px 0px 30px 0px;
	z-index:10;
	}

span#to_top a em{
	font-style:normal;
	font-size:60%;
	display:block;}

span#to_top a:before{
	position: absolute;
	bottom:15px;
	right:46%;
	content:" ";
	display:block;
	width:10px;
	height:2px;
	background-color:#fff;
	transform: rotate(-45deg);}

span#to_top a:after{
	position: absolute;
	bottom:15px;
	left:46%;
	content:" ";
	display:block;
	width:10px;
	height:2px;
	background-color:#fff;
	transform: rotate(45deg);}

@media screen and (min-width:768px) and (max-width:1024px) {
span#to_top a{
	display:block;
	border-radius: 300px; 
	background-color:#000;
	color:#fff;
	font-size:16px;
	line-height:1.3;	
	text-align:center;
	position: absolute;
	top:-100px;
	right:15%;
	width:170px;
	text-align:center;
	padding:105px 0px 30px 0px;
	z-index:10;
	}

span#to_top a em{
	font-style:normal;
	font-size:60%;
	display:block;}

span#to_top a:before{
	position: absolute;
	bottom:20px;
	right:45%;
	content:" ";
	display:block;
	width:10px;
	height:2px;
	background-color:#fff;
	transform: rotate(-45deg);}

span#to_top a:after{
	position: absolute;
	bottom:20px;
	left:45%;
	content:" ";
	display:block;
	width:10px;
	height:2px;
	background-color:#fff;
	transform: rotate(45deg);}

}

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

span#to_top a{
	display:block;
	width:150px;
	text-align:center;
	border-radius: 300px; 
	background-color:#000;
	color:#fff;
	font-size:18px;
	line-height:1.3;	
	text-align:center;
	position: absolute;
	top:-120px;
	right:0;
	left:0;
	margin:0 auto;
	padding:130px 0px 40px 0px;
	z-index:10;
	}

span#to_top a em{
	font-style:normal;
	font-size:60%;
	display:block;}

span#to_top a:before{
	position: absolute;
	bottom:20px;
	right:45%;
	content:" ";
	display:block;
	width:10px;
	height:2px;
	background-color:#fff;
	transform: rotate(-45deg);}

span#to_top a:after{
	position: absolute;
	bottom:20px;
	left:45%;
	content:" ";
	display:block;
	width:10px;
	height:2px;
	background-color:#fff;
	transform: rotate(45deg);}
}

/**********************************************************/
/* ハンバーガーメニュー
/**********************************************************/
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

#yaotsu_mall_menu.nav{
	position: absolute;
	top:0;
	right:0;
	border-style:none !important;}

#yaotsu_mall_menu.nav .nav_content #main_menu{
	width:100%;
	display:block;
	list-style:none;
	text-align:left !important;
	border-style:none;
	margin:70px 0 0 0;
	padding:0;
	float:none;}

#yaotsu_mall_menu.nav .nav_content #yaotsu_menu,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info{
	width:100%;
	display:block;
	list-style:none;
	text-align:left !important;
	border-style:none;
	margin:30px 0 0 0;
	padding:0;
	float:none;}

#yaotsu_mall_menu.nav .nav_content #main_menu li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li{
	display:block;
	text-align:left !important;
	vertical-align:top;
	border-bottom:dotted 1px #fff;
	position:relative;
	}

#yaotsu_mall_menu.nav .nav_content #main_menu li ul li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li ul li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li ul li{
	display:block;
	text-align:left !important;
	vertical-align:top;
	border-top:dotted 1px #fff;
	border-bottom-style:none !important;
	position:relative;
	}

#yaotsu_mall_menu.nav .nav_content #main_menu li a:link,
#yaotsu_mall_menu.nav .nav_content #main_menu li a:visited,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:link,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:visited,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:link,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:visited{
	display:block;
	font-size:100%;
	text-decoration:none;
	color:#fff;
	text-align:left !important;
	background-color:transparent;
	border-style:none;
	margin:8px 30px 3px 15px !important;}

#yaotsu_mall_menu.nav .nav_content #main_menu li a:hover,
#yaotsu_mall_menu.nav .nav_content #main_menu li a:active,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:hover,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:active,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:hover,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:active{
	color:#e16a52;}

#yaotsu_mall_menu.nav .nav_content #main_menu li a:after,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:after,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:after{
	content:"";
	display:block;
	background-color:#fff;
	width:10px;
	height:1px;
	transform: rotate(45deg);
	position:absolute;
	bottom:16px;
	right:5px;
	}

#yaotsu_mall_menu.nav .nav_content #main_menu li a:before,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:before,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:before{
	content:"";
	display:block;
	background-color:#fff;
	width:10px;
	height:1px;
	transform: rotate(-45deg);
	position:absolute;
	bottom:10px;
	right:5px;
	}

/* ハンバーガーアイコンの設置スペース */
#yaotsu_mall_menu.nav .drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:5px;
  right:0;
  z-index: 100001;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
#yaotsu_mall_menu.nav .drawer_open span,
#yaotsu_mall_menu.nav .drawer_open span:before,
#yaotsu_mall_menu.nav .drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
#yaotsu_mall_menu.nav .drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
#yaotsu_mall_menu.nav .drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#yaotsu_mall_menu.nav #drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#yaotsu_mall_menu.nav #drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
  background: #fff;
}

#yaotsu_mall_menu.nav #drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
  background: #fff;
}
  
/* メニューのデザイン*/
#yaotsu_mall_menu.nav .nav_content {
	width: 50%;
	height: 100%;
	position: fixed;
	left: 100%; /* メニューを画面の外に飛ばす */
	z-index: 100000;
        background:rgba(0,0,0,0.8);
	transition: .5s;
}

/* メニュー黒ポチを消す */
#yaotsu_mall_menu.nav .nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#yaotsu_mall_menu.nav #drawer_input:checked ~ .nav_content {
  left: 50%;/* メニューを画面に入れる */
}


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

/* メニューのデザイン*/
#yaotsu_mall_menu.nav .nav_content {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 100%; /* メニューを画面の外に飛ばす */
	z-index: 99;
        background:rgba(0,0,0,0.8);
	transition: .5s;
}

/* メニュー黒ポチを消す */
#yaotsu_mall_menu.nav .nav_list {
  list-style: none;
}

/* アイコンがクリックされたらメニューを表示 */
#yaotsu_mall_menu.nav #drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}}

/**********************************************************/
/* マイアカウントページ
/**********************************************************/

#primary #main .woocommerce a.ywpar-button-message{
	color:#3d9cd2;
	text-decoration:none !important;
	border-style:none;
	background-color:#fff !important;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	padding:0.2% 2% !important; 
	margin-left:1% !important;
	font-weight:bold;
	}

#primary #main .woocommerce a.ywpar-button-message::after{
 content: " →";}

nav.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content{
	display:block;
	margin:60px 0 30px 0;
	}

h2#user_name{
	text-align:left;
	margin-bottom:20px;}

h2#user_name span.honorific_title{
	display:inline-block;
	margin-left:8px;
	font-size:75%;}

.woocommerce-MyAccount-content .mep-user-ticket-list table{
	margin:15px 0 35px 0;
	background-color: transparent;
	}

.woocommerce-MyAccount-content .mep-user-ticket-list table th{
	padding:0px 20px;
	background-color: transparent;
	}

.woocommerce-MyAccount-content strong{
	font-size:150%;}

#my_Account_dashboard .before_my_account{
	border:1px #ccc solid;
	padding:2.5%;
	margin:2% 0;
	}

#my_Account_dashboard .before_my_account h2{
	font-size:150%;
	display:inline-block;
	margin-right:35px;
	padding-right:45px;
	border-right:#999 solid 1px;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;}

#my_Account_dashboard .before_my_account p{
	display:inline-block;
	margin:0;
	padding:0;
	}

#my_Account_dashboard .before_my_account p strong{
	display:inline-block;
	padding:0 15px;}

ul.point_flow{
	margin:20px 0 35px 0;
	padding:3.5%;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background-color:#eee;}

ul.point_flow li{
	display:block;
	margin-bottom:3%;
	position:relative;
	padding-left:35px;}

ul.point_flow li:last-child{
	margin-bottom:0%;
	}

ul.point_flow li span.no{
	display:block;
	width:25px;
	line-height:25px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	color:#fff;
	border-radius: 100px;        /* CSS3草案 */  
	-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100px;   /* Firefox用 */  }

@media screen and (max-width: 768px) {
#my_Account_dashboard .before_my_account h2{
	font-size:150%;
	display:block;
	text-align:center;
	margin-right:0px;
	padding-right:0px;
	border-right-style:none;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;}

#my_Account_dashboard .before_my_account p{
	display:block;
	margin:0;
	padding:0;
	}

ul.point_flow{
	margin:20px 0 35px 0;
	padding:8%;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background-color:#eee;}

ul.point_flow li{
	display:block;
	margin-bottom:5%;
	position:relative;
	padding-left:35px;}

ul.point_flow li:last-child{
	margin-bottom:0%;
	}

ul.point_flow li span.no{
	display:block;
	width:25px;
	line-height:25px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	color:#fff;
	border-radius: 100px;        /* CSS3草案 */  
	-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 100px;   /* Firefox用 */  }
}


.yaotsu_login{
	margin:5% 0 0 0;}

.yaotsu_login h2{
	text-align:center;}

.yaotsu_login form{
	padding:5%;}

.yaotsu_login form input{
	font-size:150%;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	padding:1% 3% !important;
	margin-top:0.5%;
	margin-bottom:3%;
	}

p.form-row{
	text-align:center;}

.woocommerce-MyAccount-content .new-post {
	border-bottom:1px dotted #eee;
	padding:15px 0;}

.woocommerce-MyAccount-content .new-post h2{
	font-size:110%;
	}



@media screen and (min-width: 769px){
body.home .main-image{
	margin-top:-50px;}

.col-full{
	max-width:1200px !important;
	width:98%;
	margin:0 auto !important;
	padding:0 !important;}

/**********************************************************/
/*コンテンツ
/**********************************************************/


.single-product #secondary,
.page-template #secondary,{
	width:100%;
	display: flexbox;}

.single-product #secondary .widget,
.page-template #secondary .widget{
	width:30%;
	margin:1.5%;
	display:inline-block;
	vertical-align:top;}

body.single-post #primary{
	width:100%;
	float:none;}


/**********************************************************/
/*トップページ
/**********************************************************/
  .col-full {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0em;
    box-sizing: content-box; }

  .col-full header.entry-header h1.entry-title{
	font-size:300%;
	margin:50px;
	text-align:center;}

  .col-full .entry-content p{
	text-align:left;}

ul#top_banner{
	width:100%;
	margin:15px 0;
	text-align:center;
	display: flex;
	flex-wrap:wrap;/* 改行許可 */}

ul#top_banner li{
	display:block;
	text-align:center;
	width : -webkit-calc(100% / 5) ;
	width : calc(100% / 5) ;
	padding:1%;}

ul#top_banner li img{
	width:100%;}

/**********************************************************/
/*Footer
/**********************************************************/
footer .col-full .footer-widgets{
	text-align:center;
	vertical-align:top;}

footer .col-full .footer-widgets .block{
	width:100%;
	display:block;
	vertical-align:top !important;}

footer .col-full .footer-widgets .block .widget{
	width:100%;
	display:inline-block;
	vertical-align:top !important;
	margin:0;
	padding:0;}}





@media screen and (max-width: 768px){
/**********************************************************/
/*トップPR                
/**********************************************************/

.site-branding {
  float: left;
  margin-bottom: 0;
  width: calc( 100% - 60px); }

  .site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0; }

    .site-branding .site-title a {
      font-weight: 700; }

  .site-branding .logo {
    margin: 0; }


/**********************************************************/
/*トップページ
/**********************************************************/

  .col-full header.entry-header h1.entry-title{
	margin-top: -50px important;
	font-size:280%;
	line-height:1.5;
	margin-bottom:50px;}

  .col-full .entry-content p{
	text-align:left;}

ul#top_banner{
	width:100%;
	margin:15px 0;
	text-align:center;
	display: flex;
	flex-wrap:wrap;/* 改行許可 */}

ul#top_banner li{
	display:block;
	text-align:center;
	width : -webkit-calc(96% / 2) ;
	width : calc(96% / 2) ;
	margin:1%;}

ul#top_banner li img{
	width:100%;}

/**********************************************************/
/*コンテンツ
/**********************************************************/

.single-product #secondary{
	width:100%;
	display: block;
	margin-bottom:50px;}

.single-product #secondary .widget{
	background-color:transparent;
	width:100%;
	margin: 30px 0 10px 0;
	vertical-align:top;}

.pr_photo{
	margin-bottom:35px;}

/**********************************************************/
/*　歴史　　　　　　　　　　　　　　　　　　　　　　　　　*/
/**********************************************************/

body.yaotsu-history #content{
	padding-top:0;
	margin-top: -50px !important;
	}


/**********************************************************/
/*Footer
/**********************************************************/
#sidebar_footer section{
	padding:0 2.5%;}

/**********************************************************/
/*Table
/**********************************************************/

#main .page .entry-content table {
  border-collapse: collapse;
}
#main .page .entry-content table td, #main .page .entry-content table th {
  display: block;
  padding: 10px;
}}