@charset "UTF-8";
/* CSS Document */

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 12px!important;}
 /*============nav=============*/
nav {
  display: block;
  position: fixed!important;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}
.open nav {
  left: 0;
  opacity: 1;
}
nav .inner {
  padding: 25px;
}
nav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .inner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #333;
}
nav .inner ul li a {
  display: block;
  color: #a69023;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
nav .inner ul li a:hover {
  background: #e4e4e4;
}
nav {
  left: -220px;
  width: 220px;
}
.toggle_btn {
  display: block;
  position: fixed;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
}
.open .toggle_btn {
  left: 330px;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.open .toggle_btn span:nth-child(1), .open .toggle_btn span:nth-child(3) {
  width: 16px;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translate(-1px,4px) rotate(-45deg);
  transform: translate(-1px,4px) rotate(-45deg);
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translate(-1px,-4px) rotate(45deg);
  transform: translate(-1px,-4px) rotate(45deg);
}
.open .toggle_btn {
left: 250px;
}
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}
 .wrapper #page_top img{
 width:70px;
 height:70px;
}

}
@media (min-width: 769px) {
}
@media (max-width: 992px) {
}

/*sp*/
@media (max-width: 768px) {
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
}

/*pc*/
@media (min-width: 768px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
}



/*----- contens----- */
/*sp*/
@media (max-width: 768px) {
div,p{box-sizing: border-box;}
.main{max-width: 100%;padding-top: 50px;} 
.sp-menu {width:100%;height: 50px;background-color: #fff; text-align: center;position: fixed;z-index: 2;}
.sp-menu img{max-height: 50px;}
.infiniteslide1 {max-height:300px;background-size: cover;}
.container {width:100%;}
.contents {width:100%;}
 h2{margin-top: 0;}
 
/*index*/
.contents {width:100%;padding: 0 15px;}
.invoice span{font-size: 12px;padding: 2px 5px;}
.bo_01 {margin-bottom:45px;}
.box-news{float:none;}
.box-sns{float:none;margin-top: 30px;}
.box-sns div{height: auto;}
.obi-sp img{width: 100%;}
.party {margin-top: 40px;}
.party .yukata img{width: 100%; max-width: 425px;}

/*message*/
#messages h2{height: 103px; background: url("/images/top/main/004_sp.png") no-repeat}
#messages h3{margin:30px 0;height: 60px; background: url("/message/img/title_message.jpg") no-repeat}
 
/*services*/
#services h2{height: 103px; background: url("/images/top/main/003_sp.png") no-repeat}
#services h3{margin:50px 0 20px;;height: 60px; background: url("/service/img/title_service.jpg") no-repeat;}
#services .no2_title{background: url("/service/img/title_menu.jpg");}
#services .no3_title{background: url("/service/img/title_card.jpg");margin-top: 60px;}
#services .set img{width:22px;}
#services .services_box,#services .menu_box{padding: 0;}
#services table{width: 100%;box-sizing: border-box;}
#services table th, #services table td {padding:8px 10px;}
 
/*accesss*/
#accesss h2{height: 103px; background: url("/images/top/main/002_sp.png") no-repeat;}
#accesss h3{margin:50px 0 20px;;height: 60px; background: url("/access/img/title_map.jpg") no-repeat;}
#accesss h3:nth-of-type(2){background: url("/access/img/title_shop.jpg");}
.googlemap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.googlemap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*contact-inquirys*/
#inquirys h2{height: 103px; background: url("/images/top/main/005_sp.png") no-repeat}
#inquirys h3{margin:50px 0 20px;;height: 60px; background: url("../contact/img/title_contact1_sp.png") no-repeat;}
#inquirys .no2_title{background: url("../contact/img/title_contact2_sp.png") no-repeat;}
#inquirys .no3_title{background: url("../contact/img/title_contact3_sp.png") no-repeat;}
#inquirys table{width: 100%;}
#inquirys th,#inquirys td{width: 100%; display: block;border-top: none;text-align: center;}
#inquirys td input,#inquirys td textarea{margin: 0 auto;}

 /*online*/
#online h2{height: 103px; background: url("/images/top/main/007_sp.png") no-repeat}
#online h3{margin:30px 0;height: 60px; background: url("/online/img/title_online_sp.png") no-repeat}
#online .no2_title{background: url("/online/img/title_reservation_sp.png");}
#online h3 .confirm{background: url("/online/img/title_confirm_sp.png");}
#online .step img{width: 150px; height: auto;}
#online .reserve table{width: 100%;}
#online .reserve th,#online .reserve td{width: 100%; display: block;border-top: none;text-align: center;}
#online .reserve td input,#online .reserve td textarea{margin: 0 auto;}
#online .line img{width: 100%;}

/*blog*/
#blog h2{height: 103px; background: url("/images/top/main/006_sp.png") no-repeat}

/*--footer---*/
.footer .footer_box{	width: 100%;}
 
}

/*pc*/
@media (min-width: 768px) {
}






/* bace-size */
@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }