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


#popup001.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1031;
background: rgba(0, 0, 0, 0.5);
}
#popup001.popup.is-show {
display: flex;
justify-content: center;
align-items: center;
}
#popup001 .popup-content {
background: #fff;
padding: 20px;
border-radius: 5px;
position: relative !important;
width: 320px;
}

#popup001 .resavation_h2,
#popup001 .resavation_h2_sub {
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 600;
text-align: center;
margin: 0;
color: #c02c49;
padding: 0 1em;
}

#popup001 .resavation_h2 {
font-size: 1.5rem;
padding-bottom: 0.3em;
border-bottom: 1px solid #c02c49;
}
#popup001 .resavation_h2_sub {
font-size: 1.2rem;
}

#closeBtn {
position: absolute;
top: -20px;
right: -20px;
appearance: none;
border: 2px solid #c02c49;
border-radius: 100%;
box-sizing: border-box;
background-color: #f7e0e4;
margin: 0;
padding: 0;
width: 38px;
height: 38px;
line-height: 0;
font-size: 1.6rem;
font-weight: bold;
color: #c02c49;
}

#popup001 .resavation_h2_bottom {
text-align: center;
font-size: 1.2rem;
}

#popup001 .btnGroupList {
list-style: none;
padding: 0;
margin: 0;
}

#popup001 .btnGroupList li {
margin: 0 0 1em 0;
padding: 0;
margin-bottom: 1em;
font-size: 1.0rem;
line-height: 1.5em;
}

#popup001 .btnGroupList li a {
display: block;
background-color: #0b1b52;
font-size: 1.6rem;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 600;
color: #fff;
text-align: center;
line-height: 3em;
text-decoration: none;
position: relative;
border-radius: 10px;
background-repeat: no-repeat;
background-position: left 1em center;
background-size: auto 30px;
margin-bottom: -0.75em;
}
#popup001 .btnGroupList li a::after {
position: absolute;
top: 0;
right: 0.5em;
content: ">";
}

#popup001 .btnGroupList li.webResevation a {
background-image: url("../images/bg_desktop001.svg")
}

#popup001 .btnGroupList li.callResevation a {
background-image: url("../images/bg_call001.svg")
}





.footerFlaoting {
position: fixed;
z-index: 10;
left: 2px;
bottom: 0px;
width: calc(100% - 4px);
}


.footerFlaoting ul {
margin: 0 0;
padding: 0;
display: flex;
}

.footerFlaoting li {
list-style-type: none;
margin: 0 1px;
padding: 0;
width: calc(50% - 2px);
}

#openBtn,
#open-chatbot {
appearance: none;
border: none;
border-radius:0;
line-height: 1em;
box-sizing: border-box;
background-color: transparent;
margin: 0;
padding: 0;
}

#openBtn img,
#open-chatbot img {
width: 100%;
height: auto;
}


.reservation_h2 {
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 600;
}


/* for PC */
@media screen and (min-width: 1024px) {


	.footerFlaoting {
	left: calc(100% - 680px);
	bottom: 10px;
	width: 600px;
	}


}