/* SPNAV */
.sp .navigation {position: fixed; top: 0; right: 0; width: 100%; z-index: 9998; transition:all .3s;-webkit-transform:translate(0,-100%);transform:translate(0,-100%); height: 100%;}
.nav_opened .sp .navigation{-webkit-transform:translate(0,0);transform:translate(0,0); box-shadow: 0 0 10px rgba(1, 1, 1, 0.5);background: rgb(1,1,1,0.7);}
.sp .navigation li a{padding: 10px; line-height: 50px; height: 50px; display: block; background: rgb(70,30,30,0.8); color: #fff; border-bottom: 1px solid rgb(255,255,255,0.4); font-size: 13px; letter-spacing: 1px;}
.sp .navigation li a.re { background: rgb(170,50,75,0.8); color: #fff; }
.sp .navigation li a img {padding-right: 5px; vertical-align: -3px;}
.open{display: table; position: fixed; z-index: 9999; right: 0; top: 0; height: 50px; width: 50px; background: rgb(200,60,50,0.7);}
.open div.open_body{vertical-align: middle;display: table-cell;}
.open div.open_body div{width: 30px; margin: 0 auto; transition:all .3s; }
.open span{display: block; height: 2px; width: 28px; background: #fff; transition:all .3s; }
.nav_opened .open div.open_body div{-webkit-transform: rotate(360deg); transform: rotate(360deg); }
.nav_opened .open span{margin: 0}
.nav_opened .open span.second{opacity: 0; }
.nav_opened .open span.first{-webkit-transform: rotate(45deg) translate(2px,2px); transform: rotate(45deg) translate(2px,2px); }
.nav_opened .open span.third{-webkit-transform: rotate(-45deg) translate(1px,-1px); transform: rotate(-45deg) translate(1px,-1px); }
.open span:first-child{margin: 0;}
.open span{margin-top: 6px;}
.spOnly{ display:none;}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none;
  }

/*======= PAD =======*/
@media only screen and (max-width: 600px){
        body.html{cursor:default;}
	section { position: relative; z-index: 2; }
	.sp{display:block;}
	.pc{display:none;}
    .sp .navigation { width: 100%; }
/*    .nav_opened .sp .navigation{background: none;}*/
	.fixed{width: 100%; /*min-height: 520px; */background-attachment: initial;}
	.subtitle,
	.box { width: 90%; overflow: hidden; }
	.box { margin:0 auto; }
	.subtitle { padding: 5% 5%; }
	.subtitle h1 div{background: url(../img/round_h2@2x.png); background-size: 95px;}
    .subtitle h3 {margin: 40px 0  15px; }
    .tc { text-align: center; }
    .header h1{ width: 55%; top: 46%;}
.header h1 img{
    width:100%;}
    
	.header h3 img {width: 310px; right: 20px; top: 70px; }
    .header .kaiki {
    font-size: 19px;
       margin-top:20px;
}
.header .kaiki span {
    font-size: 0.6em;
}
	.kaisai_open{background: rgb(250,220,50,0.7) center center no-repeat; border-radius: 50%; background-size: 200px; border-radius: 50%;}
	.kaisai_close{background: rgb(180,140,30,0.8) center center no-repeat; border-radius: 50%; background-size: 200px;border-radius: 50%;}
	.kaisai_review{background: rgb(80,120,20,0.7) center center no-repeat; border-radius: 50%; background-size: 200px;}
	.section_1 *{font-size: 17px;}
	.section_1 span{font-size: 18px; }
	.section_1 p { font-size: 14px; }
	.section_1 p span { font-size: 14px; }
	.section_4 a {border-bottom: 1px dotted #B0AFAA;}
	.section_2 .lr > div {width: 80%; display: block; }
	.section_2 .lr h5 { font-size: 14px; }
	.section_2 .lr p { font-size: 12px; }
    .section_2.box_mid { padding: 0;}
	.menu li { float: left; width: 46%; margin:10px 2%; font-size: 12px; }
	.menu-drink li strong { font-size: 14px; }
	.section_3_header > div h3 { font-size: 13px !important; }
.yukata_area .yukata_text h3 {font-size:25px; margin-bottom: 20px;}
.yukata_area .yukata_text dt {color:#fff;  font-size:16px; margin-bottom:5px;  display: inline-block;
  width: 20px; height: 20px; border-radius: 50%; border:1px solid #fff; text-align:center; line-height: 20px; margin-right:10px; padding: 2px;}
.yukata_area .yukata_text dd {color:#fff;  font-size:12px; margin:  0; width: calc(100% - 45px);     margin-bottom: 25px;}
.yukata_area .yukata_text dd span {font-size:17px; margin-bottom: 7px;
    display: inline-block; }
.insta-cp .yukata_area img {width: 80%;} 
    .spOnly{ display:block;}
    .menu-drink li{width:100%;}

}
@media (max-width: 768px){
    .pcOnly{display: none;} 
}
@media only screen and (max-width: 980px) and (min-width: 481px){
	/*.header {height: 880px; }*/
	.section_3_header {height: 520px; }
	.section_1 img {width: 30%;}

}

/*======= SP =======*/
@media only screen and (max-width: 480px){   
/*	.reserve-btn { display: none; }*/
/*    .reserve-btn {left:20px; top: 20px; }*/
	.rightbar {position: fixed; bottom: 0; right: 0px; width:100%; z-index: 5; font-size: 16px; z-index: 5;}
	.rightbar a {position: relative; display:block; text-align:center; transition: opacity .3s ease; }
	.rightbar a div {background: rgb(170,60,50,0.9); padding: 10px 20px; color:#fff; font-size: 1.3em; letter-spacing: 1px;}
	table tr{display: block; }
	.table table th,
	.table table td{width: 100%; display: list-item; border: none; list-style: none; box-sizing: border-box; border: 1px dotted #B0AFAA; }
	.table table th {border-bottom:none;}
	.table table td{margin-bottom: 1.5em;}
	.section_1 p { font-size: 12px; }
	.section_1 p span { font-size: 15px; }
/*	.fixed {min-height: 220px;}*/
	.section_3_header {/*height: 220px;*/ }
    .header h1{ width: 65%;}
    .header h1 img{ width: 80%;}
    .header .hero-mes{ width: 80%; color:#fff; letter-spacing: 1px; line-height: 1.8; display: inline-block; margin: 10px auto; padding: 10px; font-size: 15px; white-space: nowrap; bottom: 100px; }
    .header h2 img {width: 140px; right: 10px; bottom: 120px; }
	.header h3 img {display: none; }
    .header h3.kaiki {
    position: absolute;
    margin: 0 0 0 -104px;
    top: 100px;
    top: 424px;
    left: 50%;
    font-size: 15px;
}
.header h3.kaiki span {
    font-size: 0.6em;
}
	.header h5 img {width:88%; top: 64%; }
	.stats { height: 160px; width: 160px; background-size: 160px; margin-left: 0; text-align: center; }
	.stats ul li.stats_1{font-size: 12px; font-weight: bold;}
	.stats ul li.stats_2{font-size: 38px; font-weight: bold;}
	.stats ul li.stats_2 span {font-size: 32px;}
	.stats ul li.stats_3{font-size: 9px; font-weight: bold; letter-spacing: 0;}
	.section_1 {padding: 120px 0; /*margin-top: -100px;*/ position: relative;}
	.section_1 *{line-height: 1.7;}
.section_1{background: rgb(10,20,10,1) url("../img/intro_1_2025.jpg") center top no-repeat; background-size: cover; padding:55px 0 130px; }
	.section_1 img {width: 60%; padding: 10px 0 0;}
	.section_3_header img {width: 80%; margin: 0 auto; }
	.section_4 h1 img{width: 100px;}
	.section_4 table th {width: 90px; }
	.section_4 table th, .section_4 table td {font-size: 11px; }
	.section_4 .r {width: 40%; padding: 40px 30% 0; float: none; }
	.box h3 { text-align: center; font-size: 17px; padding:0 15px;}
	.info {text-align: center; font-size: 12px; }
    .lead {text-align: left; }
	.section_3_header > div h3 { font-size: 11px !important; text-align: center; padding:0 40px; }
	.section_4 .tableL{ background: none }
.yukata_area .yukata_text{width:80%;}
.insta-cp .yukata_area img {width: 100%;}
.kaisai_date.stats  ul li.stats_2{font-size: 34px;}
.kaisai_date.stats  ul li span { font-size: 21px ; }
.kaisai_date.stats  ul li.stats_3{font-size: 34px;}

}