@charset "utf-8";

/* ログインしている時

.before_login{
	display: none;
} */

/* ログインしていない時*/
.after_login{
	display: none;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-size: 100%;
vertical-align: baseline;
font-family: "メイリオ","ms pgothic", sans-serif;
color: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
box-sizing: border-box;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

html{
overflow-y: scroll;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

input, textarea{
margin: 0;
padding: 0;
}

ol, ul{
list-style:none;
}

table{
border-collapse: collapse; 
border-spacing:0;
}

caption, th{
text-align: left;
}

a:focus {
outline:none;
}

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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

.both{
clear:both;
}

.inline_block {  
display: inline-block;  
*display: inline;  
*zoom: 1;  
}

.questraial{
font-family: 'Questrial', sans-serif;
}

.lat{
font-family: 'Lato', sans-serif;
}

body{
  line-height: 1.5;
/*
animation: fadeIn 1.75s ease 0s 1 normal;
-webkit-animation: fadeIn 1.75s ease 0s 1 normal;
*/
}

a{
text-decoration: none;
}

span.blo{
display: block;
}

img{
max-width: 100%; display: block;
}

.pc{
display: none;
}

.flex{ display: flex;}
footer{ background: #270b0b;}
footer p{ color: #fff;}

select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
background: transparent;
width: 100%;}

.selectwrap{position: relative;
z-index: 1;
overflow: hidden;
background: #fff;
border-radius: 5px;
}

.selectwrap::after{
content: "\f0dd";
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
color: #ccc;
font-size: 1.2rem;
font-family: fontAwesome;
overflow: hidden;
background: #000;
padding: 1em .25em 0;
height: 50px;
z-index: -1;}



@media screen and (min-width : 769px){

body{min-width: 1200px;}

a{ text-decoration: none;}
a.over{transition: all ease-out 0.3s; }
a.over:hover{ opacity: 0.6; }

.inner{width: 1200px; margin:0 auto; box-sizing: border-box;}

img{ width: auto !important;}
.sp{ display: none !important;}
.pc{ display: block !important;}
}

/* login_menu
 ========================================================================== */
::placeholder{ color: #AFAFAF}
#slide_menu .box_wrap .btn_list li p{padding: 4vw;display: block;font-size: 4vw;line-height: 1;color: #fff;font-weight: bold;text-align: center;background: #000;}
#login_menu{ display: none; opacity: 0; animation: view .5s;}
#login_menu.open{display: flex; justify-content: center; align-items: center;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 999; opacity: 1;animation: view .5s;}
#login_menu div.login_box{ width: 82%; position: relative; font-size: 3.2vw; margin-top: 5%;}
#login_menu div.login_box > p,#login_menu > div span{ color: #fff;}
.modal_close{width: 5vw;position: fixed; top: 2em; right: 2em; cursor: pointer;}
.modal-ttl{ text-align: center; color: #fff; padding-bottom: .5em;}
.modal-ttl span{ color: #fff;}
.modal-ttl span:nth-child(1){display: block;font-family: "Roboto", sans-serif!important; font-weight: 900;font-size: 2.75em;}
.modal-ttl span:nth-child(2){ font-size: .7em;}
.login-form{ background: #e5e0dc; border-radius: 3px; color: #000; padding: 2em 1.25em 1.5em;}
.login-form dd{ display: block; padding-bottom: 1em; align-items: center;}
.login-form dd p {text-align: left; font-weight: bold; line-height: 1.2; width: 100%; font-size: 1.1em;margin-bottom:.5em;}
.login-form dd p span{ display: inline; font-size: .8em; color: #000!important;padding-left:.5em;}
.login-form dd label{ width: 100%;}
.login-form input[type="text"],.login-form input[type="password"]{ font-size: 1.1em; padding:1em 1em; border: 1px solid #ccc; width: 100%; box-sizing: border-box; border-radius: 3px;}

#login_menu .login-send{ display: flex; justify-content: center; margin-top: .5em;}
#login_menu .login-send a{ background: #000; color: #fff; font-weight: bold; font-size: 1.3em; padding: .7em 4.5em; border-radius: 3px; text-align: center;}
#login_menu .pass-at{ text-align: center; padding-top: 1em;}
#login_menu .pass-at a{ color: #fa0431; text-decoration: underline; font-size: 1.1em;} 
#login_menu .reg p.reg-ttl{color: #fff; font-size: 1.3em;}
.reg-btm a span,.pass-reg a span{ font-size: .75em; padding-left: .25em;}
#login_menu .reg{padding: 1.5em 0 0; font-weight: bold; display: flex; align-items: center; flex-direction: column;}
#login_menu .reg-btm{ margin: 1em 0 2em;}
#login_menu .reg-btm,#login_menu .pass-reg{ display: flex; justify-content: center; width: 100%; text-align: center;}
#login_menu .reg-btm a,#login_menu .pass-reg a{font-size: 1.2em; background: #12cfc1; color: #fff; width: 82%; padding: .7em 0; border-radius: 3px;}

/* booking_menu
========================================================================== */
.booking_menu{box-sizing: border-box;z-index: 102;transition: all ease-in 0.1s;overflow: auto; padding: 0 0 5vw;}
.pagewrap .booking_menu{ padding: 0;}
#sp_booking_menu{position: fixed;top: 0;right: -100vw;padding: 20px 0;width: 100vw;height: 100%;}
#sp_booking_menu.open{right: 0;background: rgba(0,0,0,0.80);}
#sp_booking_menu.open div.date{margin-bottom: 6vw;}
#sp_booking_menu.open div.store{margin-top: 6vw;}
.booking_menu .top{padding: 23px 0 4vw;position: relative;}
.booking_menu .bottom{
  padding: 8vw 5vw;
  background: #E5E0DC;
  color: #000;
}
#sp_booking_menu .bottom{margin: 0 0 0;}
.booking_menu .bottom h2{margin: 0 0 3vw;padding: 0 0 0;color: #000;text-align: center;}
.booking_menu .bottom h2 span{color: inherit;}
.booking_menu .bottom .booking_wrap{margin: 0 0 0;}
.booking_menu .bottom .booking_wrap > div > div{margin: 0 0 6vw;}
.booking_menu .bottom .booking_wrap div.time{display: flex;align-items: center;justify-content: center;}
.booking_menu .bottom .booking_wrap div.time span{ padding: 0 .5em;}
.booking_menu .bottom .booking_wrap > div p{margin: 0 0 3px;font-size: 4vw;font-weight: bold;}
.booking_menu .bottom .booking_wrap .req{margin: 0 0 0;padding: .25em 1vw;font-size: 2.5vw;line-height: 1;font-weight: normal;background: #FC247C;color: #fff;vertical-align: middle;}
.booking_menu .bottom .booking_wrap select,.booking_menu .bottom .booking_wrap input{font-size: 16px;padding: 10px;box-sizing: border-box;border: none;}
.booking_menu .bottom .booking_wrap input{background: #fff;}
.booking_menu .bottom .booking_wrap .date input{ background: url("../images/booking_menu/calender_icn.svg") #fff no-repeat 98% center/auto 60%;}
.booking_menu .bottom .booking_wrap .store select,.booking_menu .bottom .booking_wrap .date input{width: 100%;}
.booking_menu .bottom .booking_wrap .time .selectwrap{width: 45%;margin-bottom: 0;}
.booking_menu .bottom .booking_wrap .store > p span{font-size: 3vw;line-height: 1;vertical-align: middle;display: inline-block;}
.booking_menu .bottom .booking_wrap .store > p span.z_center{ font-weight: normal;}
.booking_menu .bottom .booking_wrap .store > p > span{ font-weight: normal;}
.booking_menu .bottom .booking_wrap .store label input{vertical-align: middle;}
.z_center{padding: 4px 0 0 18px;position:relative;display: block;}
.int{display: none;}
.z_center::before{content: "";z-index: 0;top: 50%;left: 0;transform: translate(0,-50%);width: 8px;height: 8px;border: 2px solid #00A99D;background: #00A99D;display: block;position: absolute;transition: all 0.15s;}
.int:checked + .z_center{ font-weight: bold!important;}
.terms .z_center::before{left: 48%;}
.z_center::after{transition: all 0.15s;}
.int:checked + .z_center::before{border-color: #00A99D;background-color: #00A99D;}
.int:checked + .z_center::after{content: "\f00c";font-family: FontAwesome;font-size: 12px;color: #fff;opacity: 1;z-index: 1;position: absolute;
left: 1px;top: 50%;transform: translate(0,-50%);display: block;}
.booking_menu .bottom .booking_wrap .add p{padding: 3vw 0;display: block;text-align: center;background: #fff;border: 1px solid #999999;position: relative;font-size: 4vw;}
.booking_menu .bottom .booking_wrap .add p::before{content: "\f0fe";font-family: FontAwesome;position: absolute;right: 3vw;color: #333;font-size: 6vw;}
.booking_menu .bottom .booking_wrap .add p.close::before{content: "\f146";}
.booking_menu .bottom .booking_wrap .conf,.booking_menu .bottom .booking_wrap .re-conf{text-align: center;}
.booking_menu .bottom .booking_wrap .conf button{padding: 4vw 0 4vw 3vw;background: #000;border: none;position: relative;font-size: 4vw;font-weight:bold;color: #fff;width: 60%;box-sizing: border-box;}
.booking_menu .bottom .booking_wrap .re-conf button{padding: 4vw 0 4vw 3vw;background: #333333;border: none;position: relative;font-size: 4vw;
color: #fff;width: 70%;box-sizing: border-box;}
.booking_menu .bottom .booking_wrap .conf button::before{content: "\f002";font-family: FontAwesome;position: absolute;left: 4vw;color: #fff;font-size: 5vw;}
.booking_menu .bottom .booking_wrap .re-conf button::before{content: "\f078";font-family: FontAwesome;position: absolute;left: 4vw;color: #fff;
font-size: 5vw;}

/*---店舗一覧*/
.booking_menu .bottom .booking_wrap .store{ padding-bottom: 1em;}
.booking_menu .bottom .booking_wrap .store .store_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.booking_menu .bottom .booking_wrap .store .store_list li{ width: 32.5%; background: #fff; padding: 0 .5em; margin-bottom: .25em;}
.booking_menu .bottom .booking_wrap .store .store_list li label{ display: flex; align-items: center; padding: .35em 0 .3em;}
.booking_menu .bottom .booking_wrap .store .store_list li span{ font-size: .8em; padding-top: 0;}

/*オプション*/
.add-on .z_center::before{ border: 1px solid #000;}
.add-on .int + .z_center::before{ background-color: #fff; border-color: #000; }
.add-on .int:checked + .z_center::after{ color: #00A99D;}
.add-view{ display: none;animation: view .1s linear;}
.add-view.open{ display: block;}

.booking_menu .bottom .booking_wrap div.add-on > p > span {font-size: 3vw; font-weight: normal;}
.addon-room label,.addon-parking label,.addon-option label{ display: flex; align-items: center; background: #fff; width: 32.5%; padding: .25em .5em;}
.addon-room label span,.addon-parking label span,.addon-option label span{ font-size: .8em; padding: 0 0 0 1.2em;}

/*---TOP BOOKING 部屋の広さ*/
.addon-room{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1em;}
.addon-room label{ margin-bottom: .25em;}
.addon-room label:last-child{margin-right: 34%;}

/*---　TOP 駐車場*/
.addon-parking{ margin-bottom: 1em;}
.addon-parking label{ display: block;}

/*---TOP ルームオプション*/
.addon-option{ margin-bottom: 1em; display: flex; justify-content: space-between;}

/* btn_list
   ======================================= */
.booking_menu .btn_list{padding: 7vw 3vw;background: #fff;text-align: center;}
.booking_menu .btn_list li{margin: 0 0 3vw;}
.booking_menu .btn_list li:last-child{margin: 0 0 0;}
.booking_menu .btn_list li a{padding: 3vw 0;display: block;font-size: 4vw;font-weight: bold;border: 1px solid #000;}
.booking_menu .btn_list li a span{font-weight: normal;}
.booking_menu .photo_wrap{padding: 8vw 4vw;text-align: center;background: url(../images/booking_menu/bg_sp.jpg) no-repeat center center;background-size: cover;}
.booking_menu .photo_wrap h1{margin: 0 0 5vw;font-size: 4.2vw;line-height: 150%;color: #fff;}
.booking_menu .photo_wrap h3{margin: 0 0 4vw;font-size: 4.0vw;line-height:120%;color: #fff;text-align: center;font-family: 'Noto Serif SC', serif;font-weight:700;}
.booking_menu .photo_wrap p{margin: 0 0 0;font-size: 3vw;line-height:120%;	color: #fff;text-align: center;}
.booking_menu .photo_wrap p.etc{margin: 0 0 4vw;font-size: 3.0vw;text-align: center;font-family: 'Noto Serif SC', serif;font-weight:700;}

.booking_menu.open .btn_list{padding: 7vw 3vw;background: none;text-align: center;}
.booking_menu.open .btn_list li{margin: 0 0 4vw;}
.booking_menu.open .btn_list li a{border: 1px solid #fff;color:#fff;position:relative;font-size: 3.5vw;}
.booking_menu.open .btn_list li a img{width:70px;margin:.25em auto .75em;}
.booking_menu.open .btn_list li a span{color:#fff;}

@media print, screen and (min-width : 768px){
/* login_menu
 ========================================================================== */
#slide_menu .box_wrap .btn_list li p{padding: 15px;font-size: 18px;}
#login_menu div.login_box{ width: 90%; max-width: 90%;font-size: 16px; padding: 2em 4em 4em; margin-top: 0;background: rgba(255,255,255,1); }
.modal-ttl{padding-bottom: 1em;color: #000!important;line-height:1.3;}
.modal-ttl span{padding-top: .5em;color: #000!important;}
.modal-ttl span:nth-child(1){font-family: "Roboto", sans-serif!important; font-weight: 900;}
.login-form{ padding: 2em; background: #e5e0dc;}
.login-form dd{display: flex;justify-content: center;}
.login-form dd p{ text-align: left; width: 150px; font-size: 1em;}
.login-form dd label{ width: auto; min-width: 70%; padding-left: .88em;}
.login-form dd p span{ display: inline-block;}
.login-form input[type="text"], .login-form input[type="password"]{ padding: .88em .5em;}
#login_menu .login-send{margin-top:1.5em;}
#login_menu .pass-at{ padding-top: 2em;}
#login_menu .reg p.reg-ttl{color: #000;font-size: 1.1em;margin-top:1em;}
  
 /* booking_menu
 ========================================================================== */
#sp_booking_menu{position: fixed;}
.booking_menu .top{padding: 23px 0 4vw; position: relative;}
#sp_booking_menu{margin: 0 0 0; padding: 3vw 0 1vw;}
#sp_booking_menu .bottom{margin: 1vw 0 0;}
.booking_menu .bottom h2{font-size: 45px;}
.booking_menu .bottom h2 span{margin: 0 0; font-size: 18px;}
.booking_menu .bottom .booking_wrap{margin: 0 0 0;}
.booking_menu .bottom .booking_wrap > div{margin: 0 0 20px;}
.booking_menu .bottom .booking_wrap > div p{margin: 0 0 6px;font-size: 18px;}
.booking_menu .bottom .booking_wrap .req{margin: 0 0 0; padding: 0 20px; font-size: 14px;}
.booking_menu .bottom .booking_wrap .add p{font-size: 2.5vw;}
.booking_menu .bottom .booking_wrap .add p::before{font-size: 3vw;}
.booking_menu .bottom .booking_wrap select,.booking_menu .bottom .booking_wrap input{font-size: 18px;padding: 15px;}
.booking_menu .bottom .booking_wrap .conf{text-align: center;}
.booking_menu .bottom .booking_wrap .conf button{padding: 18px 0 18px 15px; font-size: 20px; width: 60%;}
.booking_menu .bottom .booking_wrap .conf button::before{left: 20px; top: 16px; font-size: 20px;}
.booking_menu .bottom .booking_wrap .store > p span{font-size: 16px;}
.booking_menu .bottom .booking_wrap .store .store_list li span{font-size: 16px; padding-top: 0;}

.addon-room label span,.addon-parking label span,.addon-option label span{ font-size:16px;}

/* btn_list
 ======================================= */
.booking_menu .btn_list{padding: 30px 0; font-size: 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.booking_menu .btn_list li{vertical-align: top; box-sizing: border-box; width: 48%;}
.booking_menu .btn_list li a{padding: 15px 0; font-size: 16px;}
.booking_menu .photo_wrap{ text-align: center; background: url(../images/booking_menu/bg_sp.jpg) no-repeat center center; background-size: cover;}
.booking_menu .photo_wrap h1{margin: 0 0 30px; font-size: 20px;}
.booking_menu .photo_wrap p{margin: 0 0 0; font-size: 16px;}
.main_view .swiper-slide{margin:0 0!important;overflow: hidden;}
.booking_menu .photo_wrap h3{margin: 0 0 10px;font-size: 20px;line-height:1.0;}
.booking_menu .photo_wrap p{margin: 0 0 0;font-size: 16px;}
 .booking_menu .photo_wrap p.etc{margin: 0 0 10px;font-size: 20px;}
	
.booking_menu.open .btn_list li a{font-size: 2vw;}		
.booking_menu.open .btn_list li a img{width:80px;margin:.25em auto .75em;}	
}

@media print, screen and (min-width : 769px){
  
/* login_menu
 ========================================================================== */
#login_btn_pc{ cursor: pointer;}
#login_menu.open{width: 100%;height:100%;}
#login_menu.open{background: rgba(0,0,0,.8);}
#login_menu div.login_box{ width: auto; min-width: 60%; max-width: 70%;font-size: 16px; padding: 2em 4em 4em; margin-top: 0;}
  
/* booking_menu
 ========================================================================== */
.booking_menu{background: #fff;font-size: 0;padding: 2vw 0 0;}
.booking_menu .form_wrap{font-size: 0;display: flex; flex-wrap: wrap;}
.booking_menu .top{padding: 23px 0 4vw;position: relative;}
.booking_menu .bottom{padding: 50px 50px;display: inline-block;vertical-align: top;box-sizing: border-box;width: 865px;}
.booking_menu .bottom h2{margin: 0 0 30px;font-size: 45px;text-align: left;}
.booking_menu .bottom h2 span{margin: 0 0 0 20px;padding: 10px 0 0;font-size: 18px;display: inline-block;}
.booking_menu .bottom .booking_wrap{margin: 0 0 0;}
.booking_menu .bottom .booking_wrap > div > div{margin: 0;}
.booking_menu .bottom .booking_wrap > div p{margin: 0 0 6px;font-size: 16px;}
.booking_menu .bottom .booking_wrap .req{margin: 0 0 0;padding: 0 5px;font-size: 11px;}
.booking_menu .bottom .booking_wrap .inflex{display: flex;align-items: flex-end;}
.booking_menu .bottom .booking_wrap select,.booking_menu .bottom .booking_wrap input{font-size: 20px;padding: 10px;}
.booking_menu .bottom .booking_wrap .date{margin-right: 30px;display: inline-block;vertical-align: bottom;box-sizing: border-box;width: 330px;}
.booking_menu .bottom .booking_wrap .date input{ background-position: 97% center;}
.booking_menu .bottom .booking_wrap .time{display: inline-block;vertical-align: bottom;box-sizing: border-box;width: 405px;font-size: 18px;margin-bottom: 0;}
.booking_menu .bottom .booking_wrap .time select{width: 165px;border-radius: 6px;}
.booking_menu .bottom .booking_wrap .time span{margin: 0 30px 0 14px;display: inline-block;width: 18px;box-sizing: border-box;}
.booking_menu .bottom .booking_wrap .store > p span{font-size: 11px;}
.booking_menu .bottom .booking_wrap .store > p span.z_center{ font-size: 14px;}
.booking_menu .bottom .booking_wrap .store .store_list{font-size: 0;}
.booking_menu .bottom .booking_wrap .store .store_list li{margin: 0 0 3px 0;font-size: 16px;background: #fff;display: inline-block;vertical-align: top;box-sizing: border-box;width: 14%;padding: 0;}
.booking_menu .bottom .booking_wrap .store .store_list li:nth-child(7n+7){margin: 0 0 3px 0;}
.booking_menu .bottom .booking_wrap .store .store_list li label{padding: 8px 11px;display: block;}
.booking_menu .bottom .booking_wrap .store .store_list li span{font-size: 14px;}
.z_center::before{width: 8px;height: 8px;}
.int:checked + .z_center::after{font-size: 10px;}
.booking_menu .bottom .booking_wrap .add{margin-bottom: 40px;width: 250px;}
.booking_menu .bottom .booking_wrap .add p{padding: 2px 10px;font-size: 13px;text-align: left;border: 3px solid #999;}
.booking_menu .bottom .booking_wrap .add p::before{right: 5px;font-size: 16px;}
.booking_menu .bottom .booking_wrap .conf{text-align: center;}
.booking_menu .bottom .booking_wrap .conf button{padding: 17px 0 17px 15px;font-size: 24px;font-weight: bold;width: 400px;border-radius: 6px;cursor: pointer;}
.booking_menu .bottom .booking_wrap .conf button::before{left: 20px;top: 20px;font-size: 26px;font-weight: normal;}
  
/**/
.booking_menu .add-on{ width: 100%; padding-bottom: 50px;}
.booking_menu .bottom .booking_wrap div.add-on > p > span{ font-size: 11px;}
.addon-room label, .addon-parking label, .addon-option label{ font-size: 14px;}
.addon-room label{ width: 19.5%;}
.addon-parking label{ width: 100%;}
.addon-room label:last-child{ margin-right: 0;}
.addon-room label span, .addon-parking label span, .addon-option label span{ font-size: 1em;}
.addon-room,.addon-parking,.addon-option{ width: 100%;}
  
.add-in{ display: flex; justify-content: space-between; margin-top: 20px;}
.add-in .parkbox{ width: 19.5%;}
.add-in .roombox{ width: 60%;}
  
/* btn_list
 ======================================= */
.booking_menu .btn_list{width: 100%;padding: 37px 0 0;font-size: 0;}
.booking_menu .btn_list li{width: 48%;}
.booking_menu .btn_list li a{padding: 15px 0;font-size: 18px;transition: .3s;margin-bottom:0;}
.booking_menu .btn_list li a span{transition: .3s;}
.booking_menu .btn_list li a:hover{background: #000;color: #fff;}
.booking_menu .btn_list li a:hover span{color: #fff;}
.booking_menu .photo_wrap.pc{text-align: center;background: url(../images/booking_menu/bg_pc.jpg) no-repeat center center;background-size: cover;vertical-align: top;box-sizing: border-box;width: 335px;align-items: center; justify-content: center; padding:4vw 1vw 0;}
.booking_menu .photo_wrap.pc > div{ width: 85%;}
.booking_menu .photo_wrap h1{margin: 0px 0 30px;font-size: 20px;line-height: 160%;text-align: center;display:block;padding:3em 1em 0}
.booking_menu .photo_wrap p{margin: 0 0 0;font-size: 16px;line-height: 180%;padding:0 1.5em}
  
.booking_menu .photo_wrap h3{margin: 0 0 20px;font-size: 21px;line-height: 160%;text-align: center;}
.booking_menu .photo_wrap p{margin: 0 0 0;font-size: 16px;line-height: 170%;padding:0 0}
.booking_menu .photo_wrap p.etc{margin: 0 0 20px;font-size: 18px;text-align: center;font-weight:bold;}
.booking_menu .photo_wrap p span{display: block !important;color:#fff;}	

/*下層ページBOOKING*/
#sp_booking_menu.open{transition: all ease-in 0.1s;}
#sp_booking_menu{}
#sp_booking_menu .dt-flex{ display: flex; justify-content: space-between; align-items: flex-end;}
.booking_menu .top{ width: 100%;}
#sp_booking_menu .bottom{ background: #e9e5e2; position: absolute; left: 50%; top: 15%;transform: translate(-50%,0);}
#sp_booking_menu.open div.date{ margin-bottom: 0;}
#sp_booking_menu.open div.store{ margin-top: 20px;}
}
	
@media print, screen and (min-width : 1100px){
/* login_menu
 ========================================================================== */
#login_menu div.login_box{ width: auto; min-width: 55%; max-width: 55%;font-size: 16px; padding: 10px 30px 30px; margin-top: 0;}
.modal_close{ width: 1.5em; position: absolute; top: -2em; right: 0;}
.modal-ttl span:nth-child(1){font-family: "Roboto", sans-serif!important; font-weight: 700;font-size:2em;}
.login-form{ padding: 20px 30px 15px; background: #e5e0dc;}
.login-form .mem-id{margin-bottom:1em;font-size: .8em;}	
#login_menu .login-send{margin-top:.5em;}
#login_menu .login-send a{ font-size: 1em; padding: .65em 0; width: 40%;}
#login_menu .pass-at{ padding-top: 1.5em;}
#login_menu .pass-at a{ font-size: .8em; }
#login_menu .reg-ttl{color: #000!important;text-align:center;padding:1.5em 0 0;font-weight:bold;}	
#login_menu .reg{ padding: 10px 0 0;justify-content: space-between;flex-direction:row;}
#login_menu .reg-btm,#login_menu .pass-reg{ margin: 0 0em; width: 47%; min-width: 47%!important;}
#login_menu .reg-btm a, #login_menu .pass-reg a{ background: #12cfc1;width:100%;}
.reg-btm a span, .pass-reg a span{display:block;font-size: .8em;}
	
#sp_booking_menu.open .btn_list{display:block;position: fixed; left: 85%; top:15%;padding:1vw 0 0;}
#sp_booking_menu.open .btn_list li{width:12%;margin: 0 0 1vw;}
#sp_booking_menu.open .btn_list li a{font-size:12px;line-height:1.7;}
#sp_booking_menu.open .btn_list li a span{display:block;font-size:12px;}
#sp_booking_menu.open .btn_list li a:hover{background:#444;}
#sp_booking_menu.open .btn_list li a img{width:80px!important;margin:.25em auto 1em;}	
}
@media print, screen and (min-width : 1440px){
#login_menu div.login_box{padding: 30px 40px 50px;}
.login-form{ padding: 35px 40px 25px;}
.login-form .mem-id{margin-bottom:1em;font-size:1em;}	
#login_menu .login-send{margin-top:1em;}
	
#sp_booking_menu.open .btn_list{left: 84%;}
#sp_booking_menu.open .btn_list li{width:13%;margin: 0 0 1.5vw;}
#sp_booking_menu.open .btn_list li a{font-size:15px;}
#sp_booking_menu.open .btn_list li a span{font-size:13px;}	
}

@media print, screen and (min-width : 1600px){
#sp_booking_menu.open .btn_list li{width:13%;margin: 0 0 2.5vw;}	
#sp_booking_menu.open .btn_list li a{font-size:17px;}
#sp_booking_menu.open .btn_list li a span{font-size:15px;}
}

@media print, screen and (min-width : 1800px){
#sp_booking_menu.open .btn_list li a{font-size:18px;}
#sp_booking_menu.open .btn_list li a span{font-size:16px;}
}

/* 2021.11.10 検索窓下ボタン修正 */
.new-btn-list{
  padding: 0 3vw 6vw;
  background-color: #E5E0DC;
  text-align: center;
  display: flex;
  justify-content: space-between;
  max-width: 865px;
}
.new-btn-list-pc{
display:none;
}
.new-btn-list li {
  width: 49%;
}
.new-btn-list a {
  display: block;
  transition: opacity .5s;
}
.new-btn-list a:hover {
  opacity: .7;
}

@media (min-width : 769px){
  .new-btn-list-sp{
  display:none;
  }
  .new-btn-list-pc{
  display:flex;
  background-color: transparent;
  max-width: 100%;
  }
  .booking_menu .photo_wrap.pc{
    display: flex !important;
    padding: 50px 0;
  }
  .new-btn-list{
    padding: 0;
  }
  .new-btn-list li {
    width: 49.2%;
  }
  .new-btn-list li a img{
  width:100% !important;
  }
  .booking_menu .bottom {
    padding: 50px 50px 24px;
  }
  .form_wrap{
    margin: 50px 0 20px;
  }
  #sp_booking_menu.open{
    width: 100%;
  }
  #sp_booking_menu .new-btn-list {
    position: absolute;
    top: calc(15% + 589px);
    z-index: 100;
    right: 0;
    left: 0;
    margin: auto;
    padding: 5px 15px 20px;
    z-index: -1;
  }
}/* min-width : 768px */