html,
body { -webkit-text-size-adjust: 100%;
  width: 100%;
	height: auto;
  margin: 0;

}

html{border:6px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;}

body {position: relative;
	cursor: none;
	background-color: #F2EFE0;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Cutive Mono', monospace;

}

.noise{z-index: 2000;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-repeat: repeat;
	background-image: url("https://bazio.net/newwp/wp-content/uploads/noise.png");
	pointer-events: none;

}





h1{color:rgba(0,91,41,1);}
h2{color:rgba(0,91,41,1);}
h3{color:rgba(0,91,41,1);}
p{color:rgba(0,91,41,1);}
a{color:rgba(0,91,41,1);
	cursor: none;
 text-decoration:none;}
span{font-size:135%;
vertical-align:0%;}

.pageall{margin-top:0px;}

.page1,.page2,.page4,.page6,.page8,.page9{width: 87.7%;
float: right;
text-align:center;
clear: both;
position: relative;
margin-top:0px;}


.page1:before,.page2:before,.page3:before,.page4:before,.page5:before,.page6:before,.page7:before,.page8:before,.page9:before{
    content:"";
    display: block;
	padding-top:65.5%;
}
.page3:before,.page5:before,.page7:before{
    content:"";
    display: block;
	padding-top:57.5%;
background-color:#ccc;
}
.content{position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	width: 100%;
height:100%;}




.page3 {position: relative;
width:100%;
clear: both;
background-color:#ccc;}
.page5 {position: relative;
width:100%;
clear: both;}
.page7 {position: relative;
width:100%;
clear: both;}

.page3 img{width:100%;z-index: 10;position: relative;}
.page5 img{width:100%;z-index: 10;position: relative;}
.page7 img{width:100%;z-index: 10;position: relative;}





.top{display:none;}
.page3n{display:none;}
.page5n{display:none;}
.page7n{display:none;}




.btndiv{width: 100%;
text-align: center;
clear: both;}

.btndiv p{
text-align: center;
clear: both;}




table {
    width: 100%;
}
table th {
}
table th,
table td {color:rgba(0,91,41,1);
    text-align: center;
    padding: 5px;
}

thead
th:nth-child(6){
    color: royalblue;
}

th:nth-child(7){
    color: red;
}

td:nth-child(2){
    
}
td:nth-child(3){
    
}
td:nth-child(4){
    
}
td:nth-child(5){
    
}
td:nth-child(6){
    
}
td:nth-child(7){
    
}



/* cursor */

.cursor,
.follower {top: 0;
  left: 0;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #000;
  z-index: 1001;
	-webkit-transition: -webkit-transform ease .2s;
	transition: -webkit-transform ease .2s;
	transition: transform ease .2s;
	transition: transform ease .2s,-webkit-transform ease .2s;
}



.follower img{display:none;
width:28px;
}


.cursor.is-active {display:none;}


.follower.is-active img{display:block;
 -webkit-transform: scale(1);
          transform: scale(1);
}




.follower {filter: invert(1);
	mix-blend-mode:exclusion;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color:rgba(0,91,41,1);
	z-index: 1000;
	-webkit-transition: -webkit-transform ease .1s;
	transition: -webkit-transform ease .1s;
	transition: transform ease .1s;
	transition: transform ease .1s, -webkit-transform ease .1s;
	text-align: center;
}


.follower span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.follower.is-active {filter:none;
	mix-blend-mode:normal;
	background-color:rgba(0,91,41,0.8);	
-webkit-transform: scale(2.5);
	transform: scale(2.5);
z-index: 8;
}





.cursor.is-active-nav {display:inline;}

.follower.is-active-nav{filter:none;
	mix-blend-mode:normal;
	background-color:rgba(0,91,41,0.8);	
-webkit-transform: scale(1.5);
	transform: scale(1.5);
z-index: 8;
outline: 1px solid transparent;
}

.follower.is-active-nav img{display:none;}




/* nav */


.nav{position:fixed;
	top:0;
	left:0;
	width: 12.3%;
	height:100%;
	border-right: 2px solid rgba(0,91,41,1);
float: left;
letter-spacing: 0px;
z-index: 9;
}

.nav a{
}
.nav ul a{font-size: 1.15vw;
line-height:105%;
margin-bottom:8%;
display:inline-block;
border-bottom: 1px solid rgba(0,91,41,0);
}

.nav ul{margin-left:auto;
margin-top:43.5%;
padding: 0; 
width: 76.5%;
}
.nav li{
list-style-type: none;
list-style: none;
margin: auto;
}
.nav .sns{margin-left:auto;
margin-top:0px;
padding-top: 6.5%; 
width: 76.5%;}


.nav .sns a{display:inline;
clear: both;}

.nav .sns img{display:inline;
margin-top:0px;
margin-bottom:15%;
margin-top:0px;
padding: 0; 
width: 15.5%;}


.current{border-bottom: 1px solid rgba(0,91,41,1);
}


/* page1 */

.hedder{margin-top:6.1%;
margin-bottom:10.2%;
position:relative;
width: 100%;
float: left;}

.hedder .bazio{width:32.8%;
	
}

.hedder .bazio2{width: 9.2%;
	position:absolute;
	bottom: 5%;
	right: 22.6%;}

.leftright{width: 97.1%;
float: left;}

.leftrightdiv{width: 73.6%;
margin:auto;}

.page1 .left{width:41.3%;
	height:100%;
	float: left;
}
.page1 .right{width:41.3%;
	height:100%;
	float: right;
}


.page1 .left img{background-blend-mode: multiply;
}
.page1 .right img{background-blend-mode: multiply;
}




/* page2 */

.page2{position:relative;}

.page2 .bazio2{width: 13.0%;
	position:absolute;
	top: 14.0%;
	left: 9.3%;}

.page2 .bazio3{width: 8.1%;
	position:absolute;
	bottom: 14.0%;
	right: 10.7%;}

.page2 .textdivcontent{}
.page2 .textdiv{
height:100%;
width: 100%;
float: left;
}

.page2 .box{width: 58.0%;
margin-top:8.5%;
margin-left:auto;
margin-right:auto;
}

.page2 h1{font-size: 2.10vw;
line-height:220%;
letter-spacing: 0px;}

.page2 h2{margin-top:7.0%;
	font-size: 1.55vw;
font-weight:normal;
line-height:240%;
letter-spacing: 1px;}

.page2 .and{margin-left:1%;
margin-right:1%;}

/* page3 */


/* page4 */

.page4 .left{width: 28.5%;
float: left;
padding-top:16%;
}
.page4 .right{width: 64%;
float: right;
padding-right:0%;
padding-top:8%;}

.page4 .contentdiv{width: 87%;
margin:auto;
}

.page4 p{text-align: left;
font-size: 0.90vw;
line-height:210%;
white-space: nowrap;
}

.page4 span.diner {
font-size: 0.90vw;
}

.page4p{margin-bottom:5.5%;}

.access{margin-bottom:3%;}

.page4 .shoptext{width: 21.3%;
	position:absolute;
	top: 11.0%;
	left: 6.5%;}

.page4 .tel{background-image: url("https://bazio.net/newwp/wp-content/uploads/tel2.png");
background-size: auto 85%;
  background-repeat: no-repeat; 
text-align: left;
padding-left:8.5%;
background-position: 0% 20%;}

.page4 .mail{background-image: url("https://bazio.net/newwp/wp-content/uploads/mail2.png");
background-size: auto 85%;
background-repeat: no-repeat;
text-align: left;
padding-left:8.5%;
background-position: 0% 30%;}


.gmapdiv{ 
    position:relative;
    width:100%;
    height:0;
}
.gmapdiv iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
	height:400%;
	margin-top:-104.0%;
}


.gmap{white-space: nowrap;
	font-size: 0.80vw;
	position:absolute;
	bottom: 0;
	right: 0;
clear: both;
	display: block;
	width: 25.0%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	text-decoration: none;
	color: rgba(0,91,41,1);
	background: #fff;
border-top:0.5px solid rgba(0,91,41,0.3);
border-left:0.5px solid rgba(0,91,41,0.3);}


.gmap:hover{
	position:absolute;
	bottom: 0;
	right: 0;
clear: both;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: rgba(0,91,41,1)}



/* page5 */



/* page6 */

.page6 .left{width: 30.0%;
float: left;
padding-top:17.5%;
text-align: left;}
.page6 .right{width: 63.5%;
float: right;
padding-top:8%;
height:100%;}

.page6 .contentdiv{width: 87%;
margin:auto;
height:100%;
}

.page6 .kichentext{
width:  21.3%;
	position:absolute;
	top: 11.0%;
	left: 6.5%;}



.page6 ul{clear: both;
float: left;
padding:0;
margin:0;
}
.page6 li{
list-style-type: none;
list-style: none;
}

.mon,.tue,.wed,.thu,.fri,.sat,.sun{
margin:0px;
font-size: 0.90vw;
line-height:210%;
display:block;
padding-bottom:3.0%;
}

.mon a:hover,.tue a:hover,.wed a:hover,.thu a:hover,.fri a:hover{color:rgba(124,48,0,1);
font-weight:bold;
letter-spacing: -1px;
}


.newmon a,.newtue a,.newwed a,.newthu a,.newfri a,.newsat a,.newsun a{color:rgba(124,48,0,1);
font-weight:bold;
letter-spacing: -1px;
}



.sat1,.sat2,.sat3,.sat4,.sat5,.sat6,.sun1,.sun2,.sun3,.sun4,.sun5,.sun6{margin:0px;
font-size: 0.90vw;
line-height:210%;
display: block;}


.newsat1,.newsat2,.newsat3,.newsat4,.newsat5,.newsat6,.newsun1,.newsun2,.newsun3,.newsun4,.newsun5,.newsun6{color:rgba(124,48,0,1);
font-weight:bold;
letter-spacing: -1px;}

.newsat1 a,.newsat2 a,.newsat3 a,.newsat4 a,.newsat5 a,.newsat6 a,.newsun1 a,.newsun2 a,.newsun3 a,.newsun4 a,.newsun5 a,.newsun6 a{color:rgba(124,48,0,1);
font-weight:bold;
letter-spacing: -1px;}




.page6 #eventp{margin:0px;
font-size: 0.90vw;
line-height:210%;
display: block;}

.page6 #eventp a:hover{color:rgba(124,48,0,1);
font-weight:bold;
letter-spacing: -1px;}

.page6 #eventsmall{margin-left: 29.0%;
font-size: 0.70vw;
line-height:200%;
display: inline;
clear: both;
float: left;
margin-top:0px;
margin-bottom:0px;
}

.eventul2 li{}

.btn2div{width: 100%;}

.btn2{white-space: nowrap;
	margin:auto;
	clear: both;
	display: block;
	position: relative;
	width: 44.0%;
	padding-top: 2.5%;
	padding-bottom: 2%;
	padding-left: 3.5%;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: rgba(0,91,41,1);
font-size: 0.90vw;
line-height:110%;
	float: left;
}
#btn21{margin-bottom:8.0%;}
#btn22{margin-top:15.0%;
margin-bottom:7%;}


.calendardiv{background-color:#fff;
border:4px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;
height:77%;
padding-bottom:0;
padding-left:4%;
padding-right:4%;
margin-right:0%;
position:relative;}

#wp-calendar{margin:0;
padding:0;
}

#wp-calendar th {text-transform: uppercase;
padding-bottom:3%;
padding-top:0%;
font-size: 1.40vw;
line-height:120%;}

#wp-calendar td{text-transform: uppercase;
padding-bottom:3%;
padding-top:3%;
font-size: 1.40vw;
line-height:120%;}

#wp-calendar caption{display:none;}
.wp-calendar-nav{display:none;}

.page6 h3{text-transform: uppercase;
font-size: 2.15vw;
line-height:150%;
padding-top:3%;
padding-bottom:5.5%;}


.page6 .bazio4{width:8.5%;
position:absolute;
top: 6.5%;
left: 24%;
}
.page6 .bazio5{width:7.5%;
position:absolute;
top: 6.5%;
right: 24%;
}

.page6 .righttodaysh{display:none;}


/* page7 */


/* page8 */
.page8{}

.page8 .content:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}


.page8 .menutext{width: 21.3%;
	position:absolute;
	top: 11.0%;
	left: 6.5%;}

.page8 .menulogo{width: 25.5%;
	position:absolute;
top: 11.0%;
	left: 18.0%;}

.menuimgdiv{width:99.5%;
float: left;}
.menuimg{width:88%;
margin:auto;
padding-top:15.5%;}
.menuimg div{
}
.menuimg img{width:100%;
margin:0%;
margin-bottom:0px;
padding:0px;
vertical-align:top;
border: solid 1.5px rgba(0,91,41,0.3);
box-sizing: border-box;
}
.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8{
width: calc( 97% /4 );
float: left;
margin-bottom: 1.5%;
}

.menu1,.menu2,.menu3,.menu5,.menu6,.menu7 {
margin-right: 1%;
}



.menuimg div {
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}
.menuimg div .caption {
text-align: center;
width:100%;
  position: absolute;
top:53%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	color:#fff;
}

.menuimg .caption1 {
font-size: 0.95vw;
line-height:50%;
	color:#fff;
}

.menuimg .caption2 {
font-size: 0.90vw;
line-height:210%;
	color:#fff;
}
.captionweight{font-weight: bold;
font-size: 0.95vw;
line-height:150%;
	color:#fff;
margin-top:0px;}

.menuimg div .mask {margin-left:0%;
margin-bottom:0;
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(0,91,41,0.7);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:	all 0.2s ease;
}
.menuimg div:hover .mask {
	opacity:1;	/* マスクを表示する */
}

.menuimg div .caption p{
	color:#fff;
}

.btndiv{width:98.5%;
float: left;
margin-top:3%;}

.btn{margin:auto;
	clear: both;
	display: block;
	position: relative;
	width: 13%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: rgba(0,91,41,1);
	font-size: 1.35vw;
line-height:85%;
}


/* page9 */

.page9 .contacttext{width: 21.3%;
	position:absolute;
	top: 11.0%;
	left: 6.5%;}

.page9 .tel{background-image: url("https://bazio.net/newwp/wp-content/uploads/tel2.png");
background-size: auto 85%;
background-repeat: no-repeat;
text-align: left;
padding-left:3.9%;
background-position: 0% 20%;
margin-right:6%;}

.page9 .mail{background-image: url("https://bazio.net/newwp/wp-content/uploads/mail2.png");
background-size: auto 85%;
background-repeat: no-repeat;
text-align: left;
padding-left:3.9%;
background-position: 0% 30%;}

.page9 .contentdiv{width: 87%;
margin:auto;
}
.page9 .left{
padding-top:16%;
}

.page9 .leftp{text-align: left;
font-size: 0.90vw;
line-height:210%;
}

.page9 .telpsh{display:none;
text-align: left;}

.page9 .telp{text-align: left;
font-size: 2.00vw;
line-height:200%;
padding-top:2.5%;}

.page9 .telp span{font-size:100%;}


.page9 span.diner{font-size: 0.90vw;}









@media screen and (max-width: 768px){
	
html{border:9px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
.nav{display:none;}
.page1,.page2,.page4,.page6,.page8,.page9{width: 100%;}

.follower.is-active-nav{z-index:99;}

	
/* page1 */	
.page1:before{padding-top:150.0%;}
.hedder{margin-top:11.2%;
margin-bottom:12.3%;
}
.hedder .bazio{width:52.8%;}
.hedder .bazio2{display:none;}
.leftright{width: 100%;}

.leftrightdiv{width: 47.8%;}
.page1 .left{width:100%;
	height:100%;
	float: none;
	clear: both;
	margin-bottom:35.5%;
	margin-left:6%;
}
.page1 .right{width:100%;
	height:100%;
	float: none;
	clear: both;
	margin-left:-1.5%;
}
.page1 .right .rightimgpc{display:none;}
.page1 .right .rightimgsh{display:block;}
.page1 .left .leftimgpc{display:none;}
.page1 .left .leftimgsh{display:block;}
	
	
/* page2 */
.page2:before{padding-top:152.0%;}
	
.page2 .textdiv{width:100%;}
	
.page2 .bazio2{width: 26.5%;
	position:absolute;
	top: 8.5%;
	left: 11%;}

.page2 .bazio3{width: 16.9%;
	position:absolute;
	bottom: 6.0%;
	right: 13.5%;}
.page2 .box{width: 100.0%;
margin-top:36.5%;
}
.page2 h1{font-size: 3.75vw;
margin-bottom:0%;}

.page2 h2{font-size: 2.80vw;
margin-top:7.0%;
font-weight:normal;
line-height:245%;}

	
	
/* page3 */
.page3:before{padding-top:147.5%;background-color:rgba(0,91,41,0.5);}
.page3imgpc{display:none;}
.page3imgsh{display:block;}
	
/* page4 */	
.page4:before{padding-top:152.0%;}
.page4 .shoptext{width: 61.7%;
height:auto;
top: 6.5%;
left: 13.0%;}
.page4 .contentdiv{width: 74%;}
.page4 .right{display:none;}	
.page4 .left{width: 100%;
float: none;
padding-top:26.0%;}
.page4 p{font-size: 2.80vw;
line-height:220%;
}

.gmapdiv iframe{margin-top:-95%;
}
.gmap{font-size: 2.60vw;
	width: 27.0%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 2%;
	padding-right: 2%;

}
	
.gmapdiv{padding-top:63.0%;}

/* page5 */
.page5:before{padding-top:147.5%;}
.page5imgpc{display:none;}
.page5imgsh{display:block;}
	
/* page6 */	
.page6:before{padding-top:303.5%;}
.page6 .kichentext{width: 61.7%;
height:auto;
top: 3.1%;
left: 13.0%;}
.page6 .contentdiv{width: 100%;}
.page6 .left{width: 74.5%;
margin:auto;
float: none;
clear: both;
padding-top:11.6%;
text-align: left;}
.page6 .right{width: 100%;
float: none;
clear: both;
padding-top:22.9%;
height:42.5%;}	
	

.calendardiv{background-color:#fff;
border:0px solid rgba(0,91,41,0);
height:100%;
width:100%;
margin-top:0%;
margin-right:0%;
padding-top:0%;
margin-right:0%;
padding-bottom:0;
padding-left:0%;
padding-right:0%;

}
	
.calendardivdiv{padding-left:11%;
padding-right:11%;
width:78%;}

.page6 h3{font-size: 6.05vw;
line-height:150%;
padding-top:4.0%;
padding-bottom:5.1%;}

#wp-calendar th {padding-bottom:4.5%;
padding-top:0%;
font-size: 3.50vw;
line-height:120%;}

#wp-calendar td{padding-bottom:4.5%;
padding-top:4.5%;
font-size: 3.50vw;
line-height:120%;}
	
	
.page6 .righttodaysh{
width: 87%;
margin:0;
padding-left:13.0%;
height:10.7%;
	text-align: center;
	text-decoration: none;
	background: rgba(0,91,41,1);
	display:block; 
text-align:left;
}
	
.page6 .righttodaysh p{display:inline;
padding:0;
color: #fff;
font-size: 3.05vw;
line-height: 465%;
}
.page6 #todaysh{display:inline;
padding:0;
color: #fff;
font-size: 3.05vw;
line-height: 465%;
}

.page6 .bazio4{width:11.0%;
position:absolute;
top: 17.5%;
left: 16%;
}
.page6 .bazio5{width:9.9%;
position:absolute;
top: 17.2%;
right: 16%;
}
	
.mon,.tue,.wed,.thu,.fri,.sat,.sun{
font-size: 2.80vw;
line-height:220%;
padding-bottom:3.0%;
}
.sat1,.sat2,.sat3,.sat4,.sat5,.sat6,.sun1,.sun2,.sun3,.sun4,.sun5,.sun6{font-size: 2.80vw;
line-height:220%;}

.page6 #eventp{font-size: 2.80vw;
line-height:220%;}

.btn2{
	width: 44.0%;
	padding-top: 2.5%;
	padding-bottom: 2.0%;
	padding-left: 4%;
font-size: 2.80vw;
line-height:120%;
}
#btn21{margin-bottom:8.5%;}
#btn22{margin-top:14.8%;
margin-bottom:8%;}
	
	
/* page7 */
.page7:before{padding-top:147.5%;}
.page7imgpc{display:none;}
.page7imgsh{display:block;}
	
	
/* page8 */
.page8:before{padding-top:551.5%;}
.page8 .menutext{width: 61.7%;
height:auto;
top: 1.85%;
left: 13.0%;}
.menuimg{width:74.0%;
margin:auto;
padding-top:23.82%;}

.menuimgdiv{width:100%;}
	
.menuimg img{width:100%;
margin-left:0%;margin-right:0%;
margin-bottom:0%;
padding:0px;}
.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8{width:100%;
 float: left;
margin-bottom: 3%;}	
	
.menu1, .menu2, .menu3, .menu5, .menu6, .menu7 {
margin-right: 0%;
}
	
.menuimg div .caption {top:52%;}
.menuimg .caption1 {font-size: 3.55vw;}

.menuimg .caption2 {font-size: 2.80vw;
line-height:220%;}
.captionweight{font-size: 3.55vw;
line-height:215%;}
.menuimg div .mask {margin-left:0%;width:100%;}
.btndiv{width:100%;
margin-top:5.8%;}
.btn{width: 43%;
	padding: 2%;
	font-size: 4.45vw;
line-height:120%;
}
	
/* page9 */
.page9:before{padding-top:92.0%;}
.page9 .contacttext{width: 61.7%;
height:auto;
top: 10.2%;
left: 13.0%;}
.page9 .contentdiv{width: 74.5%;
margin:auto;
}
.page9 .left{
padding-top:25.4%;
}
.page9 .leftp{font-size: 2.80vw;
line-height:220%;
}
.page9 .telpsh{display:block;
font-size: 2.80vw;
line-height:220%;
padding-top:0.5%;
margin-top:0%;
margin-bottom:0%;}
	
.page9 .telp{font-size: 2.80vw;
line-height:220%;
padding-top:0%;
margin-top:0%;}
	
	
.page9 .telp a{font-size: 100%;
display:block;}

.page9 .telp span{font-size:135%;}

.page9 .tel{
background-size: auto 55%;
padding-left:9%;
background-position: 0% 33%;}

.page9 .mail{
background-size: auto 55%;
padding-left:9%;
background-position: 0% 43%;}
	
	
/* スマホメニューメニュー */

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 /*bottom: 20px;
 right: 20px;*/
 top: 31.0px;
 right: 14px;
 width: 60px;
 height: 60px;
 z-index: 9999;

}
a.menu-trigger:hover{
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 8px;
 width: 53.0%;
 height: 4px;
 background-color: rgba(0,91,41,1);
 border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
 top: 20px;
}
.menu-trigger span:nth-of-type(2) {
 top: 28px;
	display:none;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 20px;

}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(19px) rotate(-45deg);
	 top: 9px;
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-20px) rotate(45deg);
	 bottom: 9px;
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: left;
 position: fixed;
 top: 0;
left:0;
background-color: #F2EFE0;
opacity:1;
z-index:12;
padding: 20px;
border:8px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#overlay ul{
 padding-left: 0px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 50px;
}
#overlay ul li a{ z-index:10;
 color: rgba(0,91,41,1);
 text-decoration: none;
 
}



.navsh{position:fixed;
	top:0;
	left:0;
	width: 50%;
	height:100%;
	border-right: 1.5px solid rgba(0,91,41,0);
float: left;

}

.navsh a{
}
.navsh ul a{font-size: 3.10vw;
line-height:70%;
margin-bottom:0%;
display:inline-block;
border-bottom: 1px solid rgba(0,91,41,0);
}

.navsh ul{margin-left:auto;
margin-top:29%;
padding: 0; 
width: 70%;
}
.navsh li{
list-style-type: none;
list-style: none;
margin: auto;
}
.navsh .sns{margin-left:auto;
margin-top:0px;
padding-top: 9%; 
width: 70%;}

.navsh .sns img{display:inline;
margin-top:0px;
margin-bottom:18%;
margin-top:0px;
padding: 0; 
width: 11.5%;}


}

@media screen and (min-width: 768px) and (max-width: 1024px) {	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}
.gmapdiv{padding-top:67.0%;}
.gmapdiv iframe{margin-top:-100.0%;}
.page1 .right .rightimgpc{display:block;}
.page1 .right .rightimgsh{display:none;}
.page1 .left .leftimgpc{display:block;}
.page1 .left .leftimgsh{display:none;}
.page3imgpc{display:block;}
.page3imgsh{display:none;}
.page5imgpc{display:block;}
.page5imgsh{display:none;}
.page7imgpc{display:block;}
.page7imgsh{display:none;}
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}
.gmapdiv{padding-top:69.5%;}
.page1 .right .rightimgpc{display:block;}
.page1 .right .rightimgsh{display:none;}
.page1 .left .leftimgpc{display:block;}
.page1 .left .leftimgsh{display:none;}
.page3imgpc{display:block;}
.page3imgsh{display:none;}
.page5imgpc{display:block;}
.page5imgsh{display:none;}
.page7imgpc{display:block;}
.page7imgsh{display:none;}
}

@media screen and (min-width: 1600px) {	
.menu-trigger{display:none;}
#overlay{visibility:hidden;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
left:0;}
.gmapdiv{padding-top:68.5%;}
.page1 .right .rightimgpc{display:block;}
.page1 .right .rightimgsh{display:none;}
.page1 .left .leftimgpc{display:block;}
.page1 .left .leftimgsh{display:none;}
.page3imgpc{display:block;}
.page3imgsh{display:none;}
.page5imgpc{display:block;}
.page5imgsh{display:none;}
.page7imgpc{display:block;}
.page7imgsh{display:none;}
}







@media only screen and (max-device-width:480px){
	
	
body {
font-family: monospace, serif;
}
	
	
html{border-top:12px solid rgba(0,91,41,1);
border-bottom:12px solid rgba(0,91,41,1);
border-left:9px solid rgba(0,91,41,1);
border-right:9px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
.menu-trigger{display:inline;}
#overlay{visibility:visible;}
.navsh{width:100%;}
.navsh ul{width: 85%;
margin-left:15%;
margin-top:20%;}
.navsh ul a{font-size: 5.00vw;
line-height:120%;}
.navsh .sns{margin-left:15%;
width: 85%;
padding-top: 6%}
.navsh .sns img{
margin-bottom:10%;
width: 6.5%;}

	
	
	
.nav{display:none;}
.page1,.page2,.page4,.page6,.page8,.page9{width: 100%;}

.follower.is-active-nav{z-index:99;}

	

/* page1 */	
.page1:before{padding-top:150.0%;}
.hedder{margin-top:11.2%;
margin-bottom:12.3%;
}
.hedder .bazio{width:52.8%;}
.hedder .bazio2{display:none;}
.leftright{width: 100%;}

.leftrightdiv{width: 47.8%;}
.page1 .left{width:100%;
	height:100%;
	float: none;
	clear: both;
	margin-bottom:35.5%;
	margin-left:6%;
}
.page1 .right{width:100%;
	height:100%;
	float: none;
	clear: both;
	margin-left:-1.5%;
}
.page1 .right .rightimgpc{display:none;}
.page1 .right .rightimgsh{display:block;}
.page1 .left .leftimgpc{display:none;}
.page1 .left .leftimgsh{display:block;}
	
	
/* page2 */
.page2:before{padding-top:152.0%;}
	
.page2 .textdiv{width:100%;}
	
.page2 .bazio2{width: 26.5%;
	position:absolute;
	top: 8.5%;
	left: 11%;}

.page2 .bazio3{width: 16.9%;
	position:absolute;
	bottom: 6.0%;
	right: 13.5%;}
.page2 .box{width: 100.0%;
margin-top:36.5%;
}
.page2 h1{font-size: 3.75vw;
margin-bottom:0%;}

.page2 h2{font-size: 2.80vw;
margin-top:7.0%;
font-weight:normal;
line-height:245%;}

	
	
/* page3 */
.page3:before{padding-top:147.5%;background-color:rgba(0,91,41,0.5);}
.page3imgpc{display:none;}
.page3imgsh{display:block;}
	
/* page4 */	
.page4:before{padding-top:152.0%;}
.page4 .shoptext{width: 61.7%;
height:auto;
top: 6.5%;
left: 13.0%;}
.page4 .contentdiv{width: 74%;}
.page4 .right{display:none;}	
.page4 .left{width: 100%;
float: none;
padding-top:26.0%;}
.page4 p{font-size: 2.80vw;
line-height:220%;
}
	
.page4 span.diner {
font-size: 2.80vw;
}
	
.gmapdiv iframe{margin-top:-95%;
}
.gmap{font-size: 2.60vw;
	width: 27.0%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 2%;
	padding-right: 2%;

}
	
.gmapdiv{padding-top:63.0%;}

/* page5 */
.page5:before{padding-top:147.5%;}
.page5imgpc{display:none;}
.page5imgsh{display:block;}
	
/* page6 */	
.page6:before{padding-top:303.5%;}
.page6 .kichentext{width: 61.7%;
height:auto;
top: 3.1%;
left: 13.0%;}
.page6 .contentdiv{width: 100%;}
.page6 .left{width: 74.5%;
margin:auto;
float: none;
clear: both;
padding-top:11.6%;
text-align: left;}
.page6 .right{width: 100%;
float: none;
clear: both;
padding-top:22.9%;
height:42.5%;}	

.calendardiv{background-color:#fff;
border:0px solid rgba(0,91,41,0);
height:100%;
width:100%;
margin-top:0%;
margin-right:0%;
padding-top:0%;
margin-right:0%;
padding-bottom:0;
padding-left:0%;
padding-right:0%;

}
	
.calendardivdiv{padding-left:11%;
padding-right:11%;
width:78%;}

.page6 h3{font-size: 6.05vw;
line-height:150%;
padding-top:4.0%;
padding-bottom:5.1%;}

#wp-calendar th {padding-bottom:4.5%;
padding-top:0%;
font-size: 3.50vw;
line-height:120%;}

#wp-calendar td{padding-bottom:4.5%;
padding-top:4.5%;
font-size: 3.50vw;
line-height:120%;}
	
	
.page6 .righttodaysh{
width: 87%;
margin:0;
padding-left:13.0%;
height:10.7%;
	text-align: center;
	text-decoration: none;
	background: rgba(0,91,41,1);
	display:block; 
text-align:left;
}
	
.page6 .righttodaysh p{display:inline;
padding:0;
color: #fff;
font-size: 3.05vw;
line-height: 465%;
}
.page6 #todaysh{display:inline;
padding:0;
color: #fff;
font-size: 3.05vw;
line-height: 465%;
}

.page6 .bazio4{width:11.0%;
position:absolute;
top: 17.5%;
left: 16%;
}
.page6 .bazio5{width:9.9%;
position:absolute;
top: 17.2%;
right: 16%;
}
	
.mon,.tue,.wed,.thu,.fri,.sat,.sun{
font-size: 2.80vw;
line-height:220%;
padding-bottom:3.0%;
}
.sat1,.sat2,.sat3,.sat4,.sat5,.sat6,.sun1,.sun2,.sun3,.sun4,.sun5,.sun6{font-size: 2.80vw;
line-height:220%;}

.page6 #eventp{font-size: 2.80vw;
line-height:220%;}

.btn2{
	width: 44.0%;
	padding-top: 2.5%;
	padding-bottom: 2.0%;
	padding-left: 4%;
font-size: 2.80vw;
line-height:120%;
}
#btn21{margin-bottom:8.5%;}
#btn22{margin-top:14.8%;
margin-bottom:8%;}
	
	
/* page7 */
.page7:before{padding-top:147.5%;}
.page7imgpc{display:none;}
.page7imgsh{display:block;}
	
	
/* page8 */
.page8:before{padding-top:551.5%;}
.page8 .menutext{width: 61.7%;
height:auto;
top: 1.85%;
left: 13.0%;}
.menuimg{width:74.0%;
margin:auto;
padding-top:23.82%;}

.menuimgdiv{width:100%;}
	
.menuimg img{width:100%;
margin-left:0%;margin-right:0%;
margin-bottom:0.3%;
padding:0px;}
.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8{width:100%;
 float: left;}	
	
.menuimg div .caption {top:52%;}
.menuimg .caption1 {font-size: 3.55vw;}

.menuimg .caption2 {font-size: 2.80vw;
line-height:220%;}
.captionweight{font-size: 3.55vw;
line-height:215%;}
.menuimg div .mask {margin-left:0%;width:100%;}
.btndiv{width:100%;
margin-top:5.8%;}
.btn{width: 43%;
	padding: 2%;
	font-size: 4.45vw;
line-height:120%;
}
	
/* page9 */
.page9:before{padding-top:92.0%;}
.page9 .contacttext{width: 61.7%;
height:auto;
top: 10.2%;
left: 13.0%;}
.page9 .contentdiv{width: 74.5%;
margin:auto;
}
.page9 .left{
padding-top:25.4%;
}
.page9 .leftp{font-size: 2.80vw;
line-height:220%;
}
	
.page9 span.diner {
font-size: 2.80vw;
}
.page9 .telpsh{display:block;
font-size: 2.80vw;
line-height:220%;
padding-top:0.5%;
margin-top:0%;
margin-bottom:0%;}
	
.page9 .telp{font-size: 2.80vw;
line-height:220%;
padding-top:0%;
margin-top:0%;}
	
	
.page9 .telp a{font-size: 100%;
display:block;}

.page9 .telp span{font-size:135%;}

.page9 .tel{
background-size: auto 55%;
padding-left:9%;
background-position: 0% 33%;}

.page9 .mail{
background-size: auto 55%;
padding-left:9%;
background-position: 0% 43%;}
	
	
/* スマホメニューメニュー */

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 /*bottom: 20px;
 right: 20px;*/
 top: 46.0px;
 right: 38px;
 width: 60px;
 height: 60px;
 z-index: 9999;

}
a.menu-trigger:hover{
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 8px;
 width: 76.0%;
 height: 4px;
 background-color: rgba(0,91,41,1);
 border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
 top: 16px;
}
.menu-trigger span:nth-of-type(2) {
 top: 28px;
	display:none;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 16px;

}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(19px) rotate(-45deg);
	 top: 9px;
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-20px) rotate(45deg);
	 bottom: 9px;
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: left;
 position: fixed;
 top: 0;
left:0;
background-color: #F2EFE0;
opacity:1;
z-index:12;
padding: 20px;
border-top:12px solid rgba(0,91,41,1);
border-bottom:12px solid rgba(0,91,41,1);
border-left:9px solid rgba(0,91,41,1);
border-right:9px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#overlay ul{
 padding-left: 0px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 50px;
}
#overlay ul li a{ z-index:10;
 color: rgba(0,91,41,1);
 text-decoration: none;
 
}




.navsh{position:fixed;
	top:0;
	left:0;
	width: 50%;
	height:100%;
	border-right: 1.5px solid rgba(0,91,41,0);
float: left;

}

.navsh a{
}
.navsh ul a{font-size: 4.90vw;
line-height:150%;
margin-bottom:0%;
display:inline-block;
border-bottom: 1px solid rgba(0,91,41,0);
}

.navsh ul{margin-left:auto;
margin-top:29%;
padding: 0; 
width: 70%;
}
.navsh li{
list-style-type: none;
list-style: none;
margin: auto;
}
.navsh .sns{margin-left:auto;
margin-top:0px;
padding-top: 12%; 
width: 70%;}

.navsh .sns img{display:inline;
margin-top:0px;
margin-bottom:24%;
margin-top:0px;
padding: 0; 
width: 17.0%;}

	

	
}




	



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
	
	
body {
font-family: monospace, serif;
}
	
	
html{border-top:12px solid rgba(0,91,41,1);
border-bottom:12px solid rgba(0,91,41,1);
border-left:9px solid rgba(0,91,41,1);
border-right:9px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
.menu-trigger{display:inline;}
#overlay{visibility:visible;}
.navsh{width:100%;}
.navsh ul{width: 85%;
margin-left:15%;
margin-top:20%;}
.navsh ul a{font-size: 5.00vw;
line-height:120%;}
.navsh .sns{margin-left:15%;
width: 85%;
padding-top: 6%}
.navsh .sns img{
margin-bottom:10%;
width: 6.5%;}

	
	
	
	
.nav{display:none;}
.page1,.page2,.page4,.page6,.page8,.page9{width: 100%;}

.follower.is-active-nav{z-index:99;}

	
/* page1 */	
.page1:before{padding-top:150.0%;}
.hedder{margin-top:11.2%;
margin-bottom:12.3%;
}
.hedder .bazio{width:52.8%;}
.hedder .bazio2{display:none;}
.leftright{width: 100%;}

.leftrightdiv{width: 47.8%;}
.page1 .left{width:100%;
	height:100%;
	float: none;
	clear: both;
	margin-bottom:35.5%;
	margin-left:6%;
}
.page1 .right{width:100%;
	height:100%;
	float: none;
	clear: both;
	margin-left:-1.5%;
}
.page1 .right .rightimgpc{display:none;}
.page1 .right .rightimgsh{display:block;}
.page1 .left .leftimgpc{display:none;}
.page1 .left .leftimgsh{display:block;}
	
	
/* page2 */
.page2:before{padding-top:152.0%;}
	
.page2 .textdiv{width:100%;}
	
.page2 .bazio2{width: 26.5%;
	position:absolute;
	top: 8.5%;
	left: 11%;}

.page2 .bazio3{width: 16.9%;
	position:absolute;
	bottom: 6.0%;
	right: 13.5%;}
.page2 .box{width: 100.0%;
margin-top:36.5%;
}
.page2 h1{font-size: 3.75vw;
margin-bottom:0%;}

.page2 h2{font-size: 2.80vw;
margin-top:7.0%;
font-weight:normal;
line-height:245%;}

	
	
/* page3 */
.page3:before{padding-top:147.5%;background-color:rgba(0,91,41,0.5);}
.page3imgpc{display:none;}
.page3imgsh{display:block;}
	
/* page4 */	
.page4:before{padding-top:152.0%;}
.page4 .shoptext{width: 61.7%;
height:auto;
top: 6.5%;
left: 13.0%;}
.page4 .contentdiv{width: 74%;}
.page4 .right{display:none;}	
.page4 .left{width: 100%;
float: none;
padding-top:26.0%;}
.page4 p{font-size: 2.80vw;
line-height:220%;
}
.page4 span.diner {
font-size: 2.80vw;
}
.gmapdiv iframe{margin-top:-95%;
}
.gmap{font-size: 2.60vw;
	width: 27.0%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 2%;
	padding-right: 2%;

}
	
.gmapdiv{padding-top:63.0%;}

/* page5 */
.page5:before{padding-top:147.5%;}
.page5imgpc{display:none;}
.page5imgsh{display:block;}
	
/* page6 */	
.page6:before{padding-top:303.5%;}
.page6 .kichentext{width: 61.7%;
height:auto;
top: 3.1%;
left: 13.0%;}
.page6 .contentdiv{width: 100%;}
.page6 .left{width: 74.5%;
margin:auto;
float: none;
clear: both;
padding-top:11.6%;
text-align: left;}
.page6 .right{width: 100%;
float: none;
clear: both;
padding-top:22.9%;
height:42.5%;}	

.calendardiv{background-color:#fff;
border:0px solid rgba(0,91,41,0);
height:100%;
width:100%;
margin-top:0%;
margin-right:0%;
padding-top:0%;
margin-right:0%;
padding-bottom:0;
padding-left:0%;
padding-right:0%;

}
	
.calendardivdiv{padding-left:11%;
padding-right:11%;
width:78%;}

.page6 h3{font-size: 6.05vw;
line-height:150%;
padding-top:4.0%;
padding-bottom:5.1%;}

#wp-calendar th {padding-bottom:4.5%;
padding-top:0%;
font-size: 3.50vw;
line-height:120%;}

#wp-calendar td{padding-bottom:4.5%;
padding-top:4.5%;
font-size: 3.50vw;
line-height:120%;}
	
	
.page6 .righttodaysh{
width: 87%;
margin:0;
padding-left:13.0%;
height:10.7%;
	text-align: center;
	text-decoration: none;
	background: rgba(0,91,41,1);
	display:block; 
text-align:left;
}
	
.page6 .righttodaysh p{display:inline;
padding:0;
color: #fff;
font-size: 3.05vw;
line-height: 465%;
}
.page6 #todaysh{display:inline;
padding:0;
color: #fff;
font-size: 3.05vw;
line-height: 465%;
}

.page6 .bazio4{width:11.0%;
position:absolute;
top: 17.5%;
left: 16%;
}
.page6 .bazio5{width:9.9%;
position:absolute;
top: 17.2%;
right: 16%;
}
	
.mon,.tue,.wed,.thu,.fri,.sat,.sun{
font-size: 2.80vw;
line-height:220%;
padding-bottom:3.0%;
}
.sat1,.sat2,.sat3,.sat4,.sat5,.sat6,.sun1,.sun2,.sun3,.sun4,.sun5,.sun6{font-size: 2.80vw;
line-height:220%;}

.page6 #eventp{font-size: 2.80vw;
line-height:220%;}

.btn2{
	width: 44.0%;
	padding-top: 2.5%;
	padding-bottom: 2.0%;
	padding-left: 4%;
font-size: 2.80vw;
line-height:120%;
}
#btn21{margin-bottom:8.5%;}
#btn22{margin-top:14.8%;
margin-bottom:8%;}
	
	
/* page7 */
.page7:before{padding-top:147.5%;}
.page7imgpc{display:none;}
.page7imgsh{display:block;}
	
	
/* page8 */
.page8:before{padding-top:551.5%;}
.page8 .menutext{width: 61.7%;
height:auto;
top: 1.85%;
left: 13.0%;}
.menuimg{width:74.0%;
margin:auto;
padding-top:23.82%;}

.menuimgdiv{width:100%;}
	
.menuimg img{width:100%;
margin-left:0%;margin-right:0%;
margin-bottom:0.3%;
padding:0px;}
.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8{width:100%;
 float: left;}	
	
.menuimg div .caption {top:52%;}
.menuimg .caption1 {font-size: 3.55vw;}

.menuimg .caption2 {font-size: 2.80vw;
line-height:220%;}
.captionweight{font-size: 3.55vw;
line-height:215%;}
.menuimg div .mask {margin-left:0%;width:100%;}
.btndiv{width:100%;
margin-top:5.8%;}
.btn{width: 43%;
	padding: 2%;
	font-size: 4.45vw;
line-height:120%;
}
	
/* page9 */
.page9:before{padding-top:92.0%;}
.page9 .contacttext{width: 61.7%;
height:auto;
top: 10.2%;
left: 13.0%;}
.page9 .contentdiv{width: 74.5%;
margin:auto;
}
.page9 .left{
padding-top:25.4%;
}
.page9 .leftp{font-size: 2.80vw;
line-height:220%;
}
	
.page9 span.diner {
font-size: 2.80vw;
}
	
.page9 .telpsh{display:block;
font-size: 2.80vw;
line-height:220%;
padding-top:0.5%;
margin-top:0%;
margin-bottom:0%;}
	
.page9 .telp{font-size: 2.80vw;
line-height:220%;
padding-top:0%;
margin-top:0%;}
	
	
.page9 .telp a{font-size: 100%;
display:block;}

.page9 .telp span{font-size:135%;}

.page9 .tel{
background-size: auto 55%;
padding-left:9%;
background-position: 0% 33%;}

.page9 .mail{
background-size: auto 55%;
padding-left:9%;
background-position: 0% 43%;}
	
	
	
/* スマホメニューメニュー */

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 /*bottom: 20px;
 right: 20px;*/
 top: 46.0px;
 right: 38px;
 width: 60px;
 height: 60px;
 z-index: 9999;

}
a.menu-trigger:hover{
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 8px;
 width: 76.0%;
 height: 4px;
 background-color: rgba(0,91,41,1);
 border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
 top: 16px;
}
.menu-trigger span:nth-of-type(2) {
 top: 28px;
	display:none;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 16px;

}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(19px) rotate(-45deg);
	 top: 9px;
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-20px) rotate(45deg);
	 bottom: 9px;
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: left;
 position: fixed;
 top: 0;
left:0;
background-color: #F2EFE0;
opacity:1;
z-index:12;
padding: 20px;
border-top:12px solid rgba(0,91,41,1);
border-bottom:12px solid rgba(0,91,41,1);
border-left:9px solid rgba(0,91,41,1);
border-right:9px solid rgba(0,91,41,1);
  -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#overlay ul{
 padding-left: 0px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 50px;
}
#overlay ul li a{ z-index:10;
 color: rgba(0,91,41,1);
 text-decoration: none;
 
}




.navsh{position:fixed;
	top:0;
	left:0;
	width: 50%;
	height:100%;
	border-right: 1.5px solid rgba(0,91,41,0);
float: left;

}

.navsh a{
}
.navsh ul a{font-size: 3.80vw;
line-height:130%;
margin-bottom:0%;
display:inline-block;
border-bottom: 1px solid rgba(0,91,41,0);
}

.navsh ul{margin-left:auto;
margin-top:29%;
padding: 0; 
width: 70%;
}
.navsh li{
list-style-type: none;
list-style: none;
margin: auto;
}
.navsh .sns{margin-left:auto;
margin-top:0px;
padding-top: 11%; 
width: 70%;}

.navsh .sns img{display:inline;
margin-top:0px;
margin-bottom:23%;
margin-top:0px;
padding: 0; 
width: 13.5%;}


	

}





/* chome */

_:lang(x)::-internal-media-controls-overlay-cast-button, .follower {filter: none;
	mix-blend-mode:normal;
	background-color:rgba(0,91,41,0.8);
}

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    -webkit-backface-visibility: hidden;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, .mon a:hover,.tue a:hover,.wed a:hover,.thu a:hover,.fri a:hover{letter-spacing: 0px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 #eventp a:hover{letter-spacing: 0px;}	
_:lang(x)::-internal-media-controls-overlay-cast-button, .newsat1 a,.newsat2 a,.newsat3 a,.newsat4 a,.newsat5 a,.newsat6 a,.newsun1 a,.newsun2 a,.newsun3 a,.newsun4 a,.newsun5 a,.newsun6 a{letter-spacing: 0px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .newmon a,.newtue a,.newwed a,.newthu a,.newfri a,.newsat a,.newsun a{letter-spacing: 0px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .newsat1,.newsat2,.newsat3,.newsat4,.newsat5,.newsat6,.newsun1,.newsun2,.newsun3,.newsun4,.newsun5,.newsun6{letter-spacing: 0px;}





@media screen and (min-width: 768px) and (max-width: 824px) {	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left{transform-origin: left center; 
transform: scale(0.7);
padding-top:6% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left p{font-size:10px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .gmapdiv{transform: scale(1);width: 140%;padding-top: 93.0%;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .gmapdiv iframe {margin-top: -100%;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .tel {padding-left: 12.5%;}
	
	


_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 .left{transform-origin: left center; 
transform: scale(0.7);
padding-top:11% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 p{font-size:10px !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 ul{width:150%; !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .btn2 {width: 59.0%;}

	

_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption .captionweight{font-size:12px;transform: scale(0.6);margin-bottom:-21px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption .caption2{font-size:10px;transform: scale(0.6);margin-bottom:-6px;}	
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}
	

	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .leftp{font-size:10px;
transform-origin: left center; 
transform: scale(0.7);
padding-top:0% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .left{padding-top:12% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .telp{padding-top:0% !important;
}



}

@media screen and (min-width: 824px) and (max-width: 924px) {	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left{transform-origin: left center; 
transform: scale(0.7);
padding-top:6% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left p{font-size:11.5px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .gmapdiv{transform: scale(1);width: 140%;padding-top: 93.0%;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .gmapdiv iframe {margin-top: -100%;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .tel {padding-left: 12.5%;}
	
	

_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 .left{transform-origin: left center; 
transform: scale(0.7);
padding-top:11% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 p{font-size:11.5px !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 ul{width:150%; !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .btn2 {width: 59.0%;}

	

_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption .captionweight{font-size:13.5px;transform: scale(0.6);margin-bottom:-24px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption .caption2{font-size:11.5px;transform: scale(0.6);margin-bottom:-5px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}	


_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .leftp{font-size:11.5px;
transform-origin: left center; 
transform: scale(0.7);
padding-top:0% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .left{padding-top:12% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .telp{padding-top:0% !important;
}



}

@media screen and (min-width: 924px) and (max-width: 1024px) {	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left{transform-origin: left center; 
transform: scale(0.7);
padding-top:6% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left p{font-size:13px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .gmapdiv{transform: scale(1);width: 140%;padding-top: 93.0%;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .gmapdiv iframe {margin-top: -100%;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .tel {padding-left: 12.5%;}
	
	

_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 .left{transform-origin: left center; 
transform: scale(0.7);
padding-top:11% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 p{font-size:13px !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 ul{width:150%; !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .btn2 {width: 59.0%;}


	

_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption .captionweight{font-size:15px;transform: scale(0.6);margin-bottom:-27px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page8 .caption .caption2{font-size:13px;transform: scale(0.6);margin-bottom:-5px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}	
	


_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .leftp{font-size:13px;
transform-origin: left center; 
transform: scale(0.7);
padding-top:0% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .left{padding-top:12% !important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .telp{padding-top:0% !important;
}

}







	



/* win */
.win body{
font-family: 'Noto Sans JP', sans-serif;
}
.win span{
	font-family: 'Cutive Mono', monospace;
}

.win .nav{font-family: 'Cutive Mono', monospace;}
.win .navsh{font-family: 'Cutive Mono', monospace;}

.win .calendardivdiv{font-family: 'Cutive Mono', monospace;}

.win .page6 h3{font-family: 'Cutive Mono', monospace;}

.win .gmap{font-family: 'Cutive Mono', monospace;}

.win .btn{font-family: 'Cutive Mono', monospace;}

.win .mon a:hover,.win .tue a:hover,.win .wed a:hover,.win .thu a:hover,.win .fri a:hover{
letter-spacing: 0px;}


.win .newmon a,.win .newtue a,.win .newwed a,.win .newthu a,.win .newfri a,.win .newsat a,.win .newsun a{letter-spacing: 0px;}

.win .newmon,.win .newtue,.win .newwed,.win .newthu,.win .newfri,.win .newsat,.win .newsun{letter-spacing: 0px;}


.win .newsat1,.win .newsat2,.win .newsat3,.win .newsat4,.win .newsat5,.win .newsat6,.win .newsun1,.win .newsun2,.win .newsun3,.win .newsun4,.win .newsun5,.win .newsun6{letter-spacing: 0px;}

.win .newsat1 a,.win .newsat2 a,.win .newsat3 a,.win .newsat4 a,.win .newsat5 a,.win .newsat6 a,.win .newsun1 a,.win .newsun2 a,.win .newsun3 a,.win .newsun4 a,.win .newsun5 a,.win .newsun6 a{
letter-spacing: 0px;}

.win .page6 #eventp a:hover{
letter-spacing: 0px;}


.win .page9 .tel{
background-size: auto 65%;
background-position: 0% 60%;}

.win .page9 .mail{
background-size: auto 65%;
background-position: 0% 70%;}

.win .page9 .telp{
padding-top:2.0%;}



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


_:lang(x)::-internal-media-controls-overlay-cast-button, .win .btn2 {width: 67.0%;}

	

_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .captionweight{font-size:12px;transform: scale(0.6);margin-bottom:-23px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .caption2{font-size:10px;transform: scale(0.6);margin-bottom:-6px;}	
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}

}

@media screen and (min-width: 824px) and (max-width: 924px) {	


_:lang(x)::-internal-media-controls-overlay-cast-button, .win .btn2 {width: 67.0%;}

	

_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .captionweight{font-size:13.5px;transform: scale(0.6);margin-bottom:-24px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .caption2{font-size:11.5px;transform: scale(0.6);margin-bottom:-4px;}	
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	


_:lang(x)::-internal-media-controls-overlay-cast-button, .win .btn2 {width: 67.0%;}


	

_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .captionweight{font-size:15px;transform: scale(0.6);margin-bottom:-27px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .caption2{font-size:13px;transform: scale(0.6);margin-bottom:-5px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}
	



}

@media screen and (min-width: 1024px) and (max-width: 1124px) {	

_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption {width: 160% !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .captionweight{font-size:16px;transform: scale(0.6);margin-bottom:-27px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .caption .caption2{font-size:14px;transform: scale(0.6);margin-bottom:-2px;}
_:lang(x)::-internal-media-controls-overlay-cast-button, .win .page8 .menu6 .caption2{margin-bottom:3px;}
	

}























	
	
	
@media only screen and (max-device-width:480px){
	
/* chome */
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left {
transform: scale(1); 
padding-top: 26.0%!important; 
}
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left p {
font-size: 2.80vw;
}	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .gmapdiv {
transform: scale(1);
width: 100%;
padding-top: 63.0%;
}
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 p {
font-size: 135%!important;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 .left {
transform: scale(1)!important;
padding-top: 11.6%!important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .left {
    padding-top: 25.4%!important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .leftp {
    font-size: 2.80vw;
    transform: scale(1);
    padding-top: 0% !important;
}

	
/* win */

.win .page4 .left {
transform: scale(1); 
padding-top: 26.0%!important; 
}
	
.win .page4 .left p {
font-size: 2.80vw;
}	
.win .page4 .gmapdiv {
transform: scale(1);
width: 100%;
padding-top: 63.0%;
}
	
.win .page6 p {
font-size: 135%!important;
}

.win .page6 .left {
transform: scale(1)!important;
padding-top: 11.6%!important;
}
.win .page9 .left {
    padding-top: 25.4%!important;
}
.win .page9 .leftp {
    font-size: 2.80vw;
    transform: scale(1);
    padding-top: 0% !important;
}	
	
	
}
	
	
	
	
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
/* chome */
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left {
transform: scale(1); 
padding-top: 26.0%!important; 
}
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .left p {
font-size: 2.80vw;
}	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page4 .gmapdiv {
transform: scale(1);
width: 100%;
padding-top: 63.0%;
}
	
_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 p {
font-size: 135%!important;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, .page6 .left {
transform: scale(1)!important;
padding-top: 11.6%!important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .left {
    padding-top: 25.4%!important;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .page9 .leftp {
    font-size: 2.80vw;
    transform: scale(1);
    padding-top: 0% !important;
}	
	
	
	
/* win */

.win .page4 .left {
transform: scale(1); 
padding-top: 26.0%!important; 
}
	
.win .page4 .left p {
font-size: 2.80vw;
}	
.win .page4 .gmapdiv {
transform: scale(1);
width: 100%;
padding-top: 63.0%;
}
	
.win .page6 p {
font-size: 135%!important;
}

.win .page6 .left {
transform: scale(1)!important;
padding-top: 11.6%!important;
}
.win .page9 .left {
    padding-top: 25.4%!important;
}
.win .page9 .leftp {
    font-size: 2.80vw;
    transform: scale(1);
    padding-top: 0% !important;
}	
	
}