@layer base, hubspot, tailwind;
@layer hubspot {/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: '';
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*='span'] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
}
.row-fluid [class*='span']:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: '';
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*='span'] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: '';
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*='span'] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
}
.row-fluid [class*='span']:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: '';
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*='span'] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
}
.row-fluid [class*='span']:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: '';
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}/*!
Modaal - accessible modals - v0.4.4
by Humaan, for all humans.
http://humaan.com
*/
.modaal-noscroll {
overflow: hidden;
}
.modaal-accessible-hide {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.modaal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
}
.modaal-wrapper {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow: auto;
opacity: 1;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
border: none;
background: 0 0;
padding: 0;
-webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
display: none;
opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
opacity: 0;
}
.modaal-wrapper [tabindex='0'] {
outline: 0 !important;
}
.modaal-wrapper.modaal-fullscreen {
overflow: hidden;
}
.modaal-outer-wrapper {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
display: block;
}
.modaal-inner-wrapper {
display: table-cell;
width: 100%;
max-width: 100vw;
height: 100%;
position: relative;
vertical-align: middle;
text-align: center;
padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
padding: 0;
display: block;
vertical-align: top;
}
.modaal-container {
position: relative;
display: inline-block;
width: 100%;
margin: auto;
text-align: left;
color: #000;
max-width: 1000px;
border-radius: 0;
background: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
cursor: auto;
}
.modaal-container.is_loading {
height: 100px;
width: 100px;
overflow: hidden;
}
.modaal-fullscreen .modaal-container {
max-width: none;
height: 100%;
overflow: auto;
}
.modaal-close {
position: fixed;
right: 20px;
top: 20px;
color: #fff;
cursor: pointer;
opacity: 1;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
outline: 0;
background: #fff;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
background: #b93d0c;
}
.modaal-close span {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.modaal-close:after,
.modaal-close:before {
display: block;
content: ' ';
position: absolute;
top: 14px;
left: 23px;
width: 4px;
height: 22px;
border-radius: 4px;
background: #fff;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.modaal-close:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modaal-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
background: #afb7bc;
right: 10px;
top: 10px;
}
.modaal-content-container {
padding: 30px;
}
.modaal-confirm-wrap {
padding: 30px 0 0;
text-align: center;
font-size: 0;
}
.modaal-confirm-btn {
font-size: 14px;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
cursor: pointer;
border: none;
background: 0 0;
}
.modaal-confirm-btn.modaal-ok {
padding: 10px 15px;
color: #fff;
background: #555;
border-radius: 3px;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
text-decoration: none;
color: #2f2f2f;
}
.modaal-instagram .modaal-container {
width: auto;
background: 0 0;
box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
padding: 0;
background: 0 0;
}
.modaal-instagram .modaal-content-container > blockquote {
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
}
.modaal-instagram iframe {
opacity: 0;
margin: -6px !important;
border-radius: 0 !important;
width: 1000px !important;
max-width: 800px !important;
box-shadow: none !important;
-webkit-animation: instaReveal 1s linear forwards;
animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
padding-left: 140px;
padding-right: 140px;
}
.modaal-image .modaal-container {
width: auto;
max-width: 100%;
}
.modaal-gallery-wrap {
position: relative;
color: #fff;
}
.modaal-gallery-item {
display: none;
}
.modaal-gallery-item img {
display: block;
}
.modaal-gallery-item.is_active {
display: block;
}
.modaal-gallery-label {
position: absolute;
left: 0;
width: 100%;
margin: 20px 0 0;
font-size: 18px;
text-align: center;
color: #fff;
}
.modaal-gallery-label:focus {
outline: 0;
}
.modaal-gallery-control {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
cursor: pointer;
color: #fff;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0);
border: none;
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
opacity: 0;
cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
outline: 0;
background: #fff;
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
background: #afb7bc;
}
.modaal-gallery-control span {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
display: block;
content: ' ';
position: absolute;
top: 16px;
left: 25px;
width: 4px;
height: 18px;
border-radius: 4px;
background: #fff;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
margin: -5px 0 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modaal-gallery-control:after {
margin: 5px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modaal-gallery-next-inner {
left: 100%;
margin-left: 40px;
}
.modaal-gallery-next-outer {
right: 45px;
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
left: 22px;
}
.modaal-gallery-prev:before {
margin: 5px 0 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
margin: -5px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
right: 100%;
margin-right: 40px;
}
.modaal-gallery-prev-outer {
left: 45px;
}
.modaal-video-wrap {
margin: auto 50px;
position: relative;
}
.modaal-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
background: #000;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modaal-iframe .modaal-content {
width: 100%;
height: 100%;
}
.modaal-iframe-elem {
width: 100%;
height: 100%;
display: block;
}
.modaal-loading-spinner {
background: 0 0;
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
margin: -100px 0 0 -100px;
-webkit-transform: scale(0.25);
-ms-transform: scale(0.25);
transform: scale(0.25);
}
.modaal-loading-spinner > div {
width: 24px;
height: 24px;
margin-left: 4px;
margin-top: 4px;
position: absolute;
}
.modaal-loading-spinner > div > div {
width: 100%;
height: 100%;
border-radius: 15px;
background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.12s;
animation-delay: 0.12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.37s;
animation-delay: 0.37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
-ms-animation: modaal-loading-spinner 1s linear infinite;
-moz-animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation: modaal-loading-spinner 1s linear infinite;
-o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.62s;
animation-delay: 0.62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
-webkit-animation: modaal-loading-spinner 1s linear infinite;
animation: modaal-loading-spinner 1s linear infinite;
-webkit-animation-delay: 0.87s;
animation-delay: 0.87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
@media only screen and (min-width: 1400px) {
.modaal-video-container {
padding-bottom: 0;
height: 731px;
}
}
@media only screen and (max-width: 1140px) {
.modaal-image .modaal-inner-wrapper {
padding-left: 25px;
padding-right: 25px;
}
.modaal-gallery-control {
top: auto;
bottom: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: rgba(0, 0, 0, 0.7);
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
background: #fff;
}
.modaal-gallery-next {
left: auto;
right: 20px;
}
.modaal-gallery-prev {
left: 20px;
right: auto;
}
}
@media screen and (max-width: 900px) {
.modaal-instagram iframe {
width: 500px !important;
}
}
@media only screen and (max-width: 600px) {
.modaal-instagram iframe {
width: 280px !important;
}
}
@media screen and (max-height: 1100px) {
.modaal-instagram iframe {
width: 700px !important;
}
}
@media screen and (max-height: 1000px) {
.modaal-inner-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.modaal-instagram iframe {
width: 600px !important;
}
}
@media screen and (max-height: 900px) {
.modaal-instagram iframe {
width: 500px !important;
}
.modaal-video-container {
max-width: 900px;
max-height: 510px;
}
}
@media only screen and (max-height: 820px) {
.modaal-gallery-label {
display: none;
}
}
@keyframes instaReveal {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes instaReveal {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes modaal-loading-spinner {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes modaal-loading-spinner {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}/**
* Swiper 8.1.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 24, 2022
*/
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
content: '';
position: relative;
top: -1px;
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
border-style: solid;
border-color: currentColor;
border-width: 2px 0 0 2px;
border-radius: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-45deg) scale(0.7);
transform: rotate(-45deg) scale(0.7);
}
.mx-icon-double-left:after {
left: -4px;
}
.mx-icon-double-right:before {
left: 4px;
}
.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
-webkit-transform: rotate(135deg) scale(0.7);
transform: rotate(135deg) scale(0.7);
}
.mx-btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
font-size: 14px;
font-weight: 500;
padding: 7px 15px;
margin: 0;
cursor: pointer;
background-color: transparent;
outline: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
color: #73879c;
white-space: nowrap;
}
.mx-btn:hover {
border-color: #1284e7;
color: #1284e7;
}
.mx-btn:disabled,
.mx-btn.disabled {
color: #ccc;
cursor: not-allowed;
}
.mx-btn-text {
border: 0;
padding: 0 4px;
text-align: left;
line-height: inherit;
}
.mx-scrollbar {
height: 100%;
}
.mx-scrollbar:hover .mx-scrollbar-track {
opacity: 1;
}
.mx-scrollbar-wrap {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.mx-scrollbar-track {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
width: 6px;
z-index: 1;
border-radius: 4px;
opacity: 0;
-webkit-transition: opacity 0.24s ease-out;
transition: opacity 0.24s ease-out;
}
.mx-scrollbar-track .mx-scrollbar-thumb {
position: absolute;
width: 100%;
height: 0;
cursor: pointer;
border-radius: inherit;
background-color: rgba(144, 147, 153, 0.3);
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.mx-zoom-in-down-enter,
.mx-zoom-in-down-enter-from,
.mx-zoom-in-down-leave-to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.mx-datepicker {
position: relative;
display: inline-block;
width: 210px;
}
.mx-datepicker svg {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.mx-datepicker-range {
/* width: 320px; */
width: auto;
}
.mx-datepicker-inline {
width: auto;
}
.mx-input-wrapper {
position: relative;
}
.mx-input {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 6px 30px;
padding-left: 10px;
font-size: 14px;
line-height: 1.4;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.mx-input:hover,
.mx-input:focus {
border-color: #409aff;
}
.mx-input:disabled,
.mx-input.disabled {
color: #ccc;
background-color: #f3f3f3;
border-color: #ccc;
cursor: not-allowed;
}
.mx-input:focus {
outline: none;
}
.mx-input::-ms-clear {
display: none;
}
.mx-icon-calendar,
.mx-icon-clear {
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
line-height: 1;
color: rgba(0, 0, 0, 0.5);
vertical-align: middle;
}
.mx-icon-clear {
cursor: pointer;
}
.mx-icon-clear:hover {
color: rgba(0, 0, 0, 0.8);
}
.mx-datepicker-main {
font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei',
sans-serif;
color: #73879c;
background-color: #fff;
border: 1px solid #e8e8e8;
}
.mx-datepicker-popup {
position: absolute;
margin-top: 1px;
margin-bottom: 1px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
z-index: 2001;
}
.mx-datepicker-sidebar {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100px;
padding: 6px;
overflow: auto;
}
.mx-datepicker-sidebar + .mx-datepicker-content {
margin-left: 100px;
border-left: 1px solid #e8e8e8;
}
.mx-datepicker-body {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mx-btn-shortcut {
display: block;
padding: 0 6px;
line-height: 24px;
}
.mx-range-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 750px) {
.mx-range-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mx-datepicker-header {
padding: 6px 8px;
border-bottom: 1px solid #e8e8e8;
}
.mx-datepicker-footer {
padding: 6px 8px;
text-align: right;
border-top: 1px solid #e8e8e8;
}
.mx-calendar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 248px;
padding: 6px 12px;
}
.mx-calendar + .mx-calendar {
border-left: 1px solid #e8e8e8;
}
.mx-calendar-header,
.mx-time-header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
line-height: 34px;
text-align: center;
overflow: hidden;
}
.mx-btn-icon-left,
.mx-btn-icon-double-left {
float: left;
}
.mx-btn-icon-right,
.mx-btn-icon-double-right {
float: right;
}
.mx-calendar-header-label {
font-size: 14px;
}
.mx-calendar-decade-separator {
margin: 0 2px;
}
.mx-calendar-decade-separator:after {
content: '~';
}
.mx-calendar-content {
position: relative;
height: 224px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mx-calendar-content .cell {
cursor: pointer;
}
.mx-calendar-content .cell:hover {
color: #73879c;
background-color: #f3f9fe;
}
.mx-calendar-content .cell.active {
color: #fff;
background-color: #1284e7;
}
.mx-calendar-content .cell.in-range,
.mx-calendar-content .cell.hover-in-range {
color: #73879c;
background-color: #dbedfb;
}
.mx-calendar-content .cell.disabled {
cursor: not-allowed;
color: #ccc;
background-color: #f3f3f3;
}
.mx-calendar-week-mode .mx-date-row {
cursor: pointer;
}
.mx-calendar-week-mode .mx-date-row:hover {
background-color: #f3f9fe;
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
background-color: #dbedfb;
}
.mx-calendar-week-mode .mx-date-row .cell:hover {
color: inherit;
background-color: transparent;
}
.mx-calendar-week-mode .mx-date-row .cell.active {
color: inherit;
background-color: transparent;
}
.mx-week-number {
opacity: 0.5;
}
.mx-table {
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.mx-table th {
padding: 0;
font-weight: 500;
vertical-align: middle;
}
.mx-table td {
padding: 0;
vertical-align: middle;
}
.mx-table-date td,
.mx-table-date th {
height: 32px;
font-size: 12px;
}
.mx-table-date .today {
/* color: #2a90e9; */
color: #333333;
}
.mx-table-date .cell.not-current-month {
color: #ccc;
background: none;
}
.mx-time {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 224px;
background: #fff;
}
.mx-time + .mx-time {
border-left: 1px solid #e8e8e8;
}
.mx-calendar-time {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mx-time-header {
border-bottom: 1px solid #e8e8e8;
}
.mx-time-content {
height: 224px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.mx-time-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
overflow: hidden;
}
.mx-time-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
border-left: 1px solid #e8e8e8;
text-align: center;
}
.mx-time-column:first-child {
border-left: 0;
}
.mx-time-column .mx-time-list {
margin: 0;
padding: 0;
list-style: none;
}
.mx-time-column .mx-time-list::after {
content: '';
display: block;
height: 192px;
}
.mx-time-column .mx-time-item {
cursor: pointer;
font-size: 12px;
height: 32px;
line-height: 32px;
}
.mx-time-column .mx-time-item:hover {
color: #73879c;
background-color: #f3f9fe;
}
.mx-time-column .mx-time-item.active {
color: #1284e7;
background-color: transparent;
font-weight: 700;
}
.mx-time-column .mx-time-item.disabled {
cursor: not-allowed;
color: #ccc;
background-color: #f3f3f3;
}
.mx-time-option {
cursor: pointer;
padding: 8px 10px;
font-size: 14px;
line-height: 20px;
}
.mx-time-option:hover {
color: #73879c;
background-color: #f3f9fe;
}
.mx-time-option.active {
color: #1284e7;
background-color: transparent;
font-weight: 700;
}
.mx-time-option.disabled {
cursor: not-allowed;
color: #ccc;
background-color: #f3f3f3;
}html {
font-family: "Noto Serif", serif;
scroll-behavior: smooth
}
html[lang=ko] {
font-family: "Noto Serif KR", serif
}
html[lang=zh-Hans] {
font-family: "Noto Serif SC", serif
}
html[lang=zh-Hant] {
font-family: "Noto Serif TC", serif
}
html[lang=th] {
font-family: "Noto Serif Thai", serif
}
html[lang=vi] {
font-family: Noto Sans Tai Viet, sans-serif
}
body {
-webkit-text-size-adjust: 100%;
color: #333;
font-size: .875rem;
font-variant-east-asian: proportional-width;
font-weight: 400;
line-height: 1.31
}
body.is_fixed {
overflow: hidden
}
button {
background-color: transparent;
border: none;
font-family: "Noto Serif", serif
}
img {
height: auto;
max-width: 100%;
vertical-align: top
}
sub, sup {
font-weight: inherit;
line-height: inherit;
position: static
}
sub {
bottom: 0;
vertical-align: sub
}
sub, sup {
font-size: smaller
}
sup {
top: 0;
vertical-align: super
}
input {
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 5px;
font-family: "Noto Serif", serif;
font-size: .875rem;
padding: 17px;
transition: .25s
}
input::-moz-placeholder {
color: #a7a7a7
}
input:-ms-input-placeholder {
color: #a7a7a7
}
input::placeholder {
color: #a7a7a7
}
input:focus {
border: 1px solid #004628;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1), 2px 2px 4px 1px rgba(0, 0, 0, .1), -2px -2px 4px 1px rgba(0, 0, 0, .1)
}
button, select, textarea {
color: inherit;
font-size: inherit
}
button {
cursor: pointer
}
.ly_cont {
margin-left: auto;
margin-right: auto;
max-width: 1230px;
padding-left: 15px;
padding-right: 15px
}
.ly_cont.ly_cont__col {
display: flex;
justify-content: space-between;
padding-bottom: 70px;
padding-top: 70px
}
.ly_cont_main {
flex: 1;
margin-right: 3.25203%
}
.ly_cont_main>:first-child {
margin-top: 0
}
.ly_cont_side {
flex: 0 0 260px
}
.ly_cont_side.ly_cont_side__wide {
flex: 0 0 360px
}
.ly_cont_side>:first-child {
margin-top: 0
}
.el_lv2Heading {
font-size: 1.5rem;
font-weight: 700;
margin-top: 80px;
text-align: center
}
.el_lv3Heading {
margin-top: 60px;
padding-bottom: 6px
}
.el_lv3Heading, .el_lv4Heading {
font-size: 1.25rem;
font-weight: 700
}
.el_lv4Heading {
border-left: 2px solid #d3ccb7;
margin-bottom: 25px;
margin-top: 40px;
padding-left: 6px
}
.el_lv5Heading {
color: #d3ccb7;
font-weight: 700;
margin-top: 30px
}
.el_lv5Heading, .el_lv6Heading {
font-size: 1.125rem;
margin-bottom: 20px
}
.el_lv6Heading {
margin-top: 20px
}
.el_bbHeading {
border-bottom: 1px solid #d5d0bf;
padding-bottom: 14px
}
.el_langSelecTtl {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 40px
}
.el_btn {
background-color: #d3ccb7;
border: 1px solid transparent;
border-radius: 15px;
color: #333;
cursor: pointer;
display: inline-block;
font-size: .875rem;
font-weight: 700;
max-width: 100%;
padding: 20px 10px;
position: relative;
text-align: center;
text-decoration: none;
transition: .25s;
width: 300px
}
.el_btn:focus, .el_btn:hover {
background-color: #ebdfbd;
border-color: #ebdfbd;
color: currentColor
}
.el_btn.el_btn__small {
padding: 10px 23px;
width: 172px
}
.el_btn.el_btn__short {
padding-bottom: 15px;
padding-top: 15px
}
.el_btn.el_btn__noIcon {
padding-right: 10px!important
}
.el_btn.el_btn__noIcon:after {
content: none!important
}
.el_btn[target=_blank] {
padding-right: 36px
}
.el_btn[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%)
}
.el_btn[href$=".pdf"] {
padding-right: 36px
}
.el_btn[href$=".pdf"]:after {
content: url('data:image/svg+xml;charset=utf-8,')!important;
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%)
}
.el_btn.el_btn__iconPlus {
padding-right: 36px
}
.el_btn.el_btn__iconPlus:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%)
}
.el_btn.el_btn__iconPlusBig {
padding-right: 36px
}
.el_btn.el_btn__iconPlusBig:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%)
}
.el_btn.el_btn__iconMinusBig {
padding-right: 36px
}
.el_btn.el_btn__iconMinusBig:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%)
}
.el_btn.el_btn__iconChevronRight {
padding-right: 36px
}
.el_btn.el_btn__iconChevronRight:after {
content: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22path-1-inside-1_4792_5810%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M3.82837%200.171631L7.65685%204.00012L3.82837%207.8286L-0.00011598%204.00012L3.82837%200.171631Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M7.65685%204.00012L8.36396%204.70722L9.07107%204.00012L8.36396%203.29301L7.65685%204.00012ZM3.12126%200.878738L6.94975%204.70722L8.36396%203.29301L4.53548%20-0.535476L3.12126%200.878738ZM6.94975%203.29301L3.12126%207.12149L4.53548%208.53571L8.36396%204.70722L6.94975%203.29301Z%22%20fill%3D%22white%22%20mask%3D%22url(%23path-1-inside-1_4792_5810)%22%2F%3E%3C%2Fsvg%3E");
position: absolute;
right: 17px;
right: 15px;
top: 50%;
top: .65em;
transform: translateY(-50%)
}
.el_btn.el_btn__iconVideo {
padding-right: 36px
}
.el_btn.el_btn__iconVideo:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 17px;
right: 20px;
top: 50%;
transform: translateY(-50%)
}
.el_btn.el_btn__borderWhite {
background-color: transparent;
border-color: #fff;
color: #fff
}
.el_btn.el_btn__green {
background-color: #004628;
color: #fff
}
.el_btn.el_btn__green:focus, .el_btn.el_btn__green:hover {
background-color: #006d4d;
border-color: transparent
}
.el_btn.el_btn__green[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_btn.el_btn__blue {
background-color: #254292;
color: #fff
}
.el_btn.el_btn__blue:focus, .el_btn.el_btn__blue:hover {
background-color: #5168a8;
border-color: transparent
}
.el_btn.el_btn__blue[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_btn.el_btn__borderGold {
background-color: #fff;
border-color: #b09f69;
color: #7a6d42
}
.el_btn.el_btn__borderGold:focus, .el_btn.el_btn__borderGold:hover {
background-color: #ebdfbd;
border-color: transparent
}
.el_btn.el_btn__borderGold[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_btn.el_btn__borderBlue {
background-color: #fff;
border-color: #254292;
color: #254292
}
.el_btn.el_btn__borderBlue:focus, .el_btn.el_btn__borderBlue:hover {
background-color: #9cc5e6
}
.el_btn.el_btn__borderBlue[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_btn.el_btn__addIcon {
padding-right: 36px
}
.el_btn.el_btn__addIcon:after {
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%)
}
.el_btn.el_btn__addIcon[target=_blank]:after {
display: none
}
.el_btn.el_btn__addIcon .el_btn_icon {
height: 16px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: auto
}
.el_btn.el_btn__lightGreen {
background-color: #ccdad4
}
.el_btn.el_btn__lightGreen:focus, .el_btn.el_btn__lightGreen:hover {
background-color: #aec5bb
}
.el_iconButton {
--icon-margin: 9.45px;
align-items: flex-start;
display: inline-flex;
flex-wrap: nowrap;
gap: var(--icon-margin);
justify-content: center
}
.el_iconButton .el_iconButton_text {
display: inline-block;
flex: 0 1 auto;
line-height: 1.4;
max-width: calc(100% - var(--icon-margin)*2 - 40px);
min-width: 0;
text-align: center
}
.el_iconButton .el_icon__left, .el_iconButton .el_icon__right {
flex-shrink: 0;
width: 20px
}
.el_iconButton .el_icon__xs {
--icon-margin: 7.55px;
margin-top: .5lh;
transform: translateY(-50%);
width: 11.74px
}
.el_smallBtn {
background: #d3ccb7;
border-radius: 10px;
color: #333;
cursor: pointer;
font-size: .6875rem;
padding: 5px;
text-align: center;
transition: .25s
}
.el_smallBtn:focus, .el_smallBtn:hover {
opacity: .75
}
.el_smallBtn.el_smallBtn__lightPink {
background-color: #f9e0e0
}
.el_smallUtilBtn {
align-items: center;
background-color: #004628;
border-radius: 10px;
color: #fff;
display: inline-flex;
height: 30px;
justify-content: center;
line-height: 1.1;
width: 115px
}
.el_smallUtilBtn.el_smallUtilBtn__gray {
background-color: #d9d9d9;
color: #333
}
.el_simpleIconBtn {
background-color: #fff;
border: 1px solid #b09f69;
color: #7a6d42;
cursor: pointer;
display: inline-block;
font-size: 0;
padding: 25px 45px;
position: relative;
text-align: center
}
.el_simpleIconBtn:after {
color: #b09f69;
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.el_simpleIconBtn:link {
color: #7a6d42
}
.el_simpleIconBtn:focus, .el_simpleIconBtn:hover {
opacity: .75;
text-decoration: none
}
.el_simpleIconBtn.el_simpleIconBtn__plus:after {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_simpleIconBtn.el_simpleIconBtn__loading {
background-color: #d9d9d9;
pointer-events: none
}
.el_simpleIconBtn.el_simpleIconBtn__loading:after {
content: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2030%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22%23fff%22%3E%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%221%3B%20.2%3B%201%22%20begin%3D%220s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Frect%3E%20%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22%23fff%22%3E%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%221%3B%20.2%3B%201%22%20begin%3D%220.2s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Frect%3E%20%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%224%22%20height%3D%2220%22%20fill%3D%22%23fff%22%3E%20%3Canimate%20attributeName%3D%22opacity%22%20attributeType%3D%22XML%22%20values%3D%221%3B%20.2%3B%201%22%20begin%3D%220.4s%22%20dur%3D%220.6s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Frect%3E%20%3C%2Fsvg%3E);
padding-top: 10px
}
.el_loadMore {
margin-top: 40px;
text-align: center
}
.el_modalCloseBtn {
align-items: center;
background: #d9d9d9;
border: none;
color: #333;
display: flex;
font-size: .875rem;
gap: 8px;
justify-content: center;
padding: 8px 0;
text-align: center;
transition: opacity .25s
}
.el_modalCloseBtn:hover {
cursor: pointer
}
.el_modalCloseBtn:hover:focus, .el_modalCloseBtn:hover:hover {
opacity: .75
}
.el_modalCloseBtn__top {
width: 100px
}
.el_modalCloseBtn__onlyIcon {
height: 35px;
width: 35px
}
.el_modalCloseBtn__bottom {
width: 100%
}
.el_modalCloseBtn:before {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_label {
background-color: #fff;
border: 1px solid #7a6d42;
border-radius: 10px;
display: inline-block;
font-size: .875rem;
padding: .5em 1em
}
.el_label.is_active {
background-color: #d3ccb7;
color: #fff
}
.el_label.el_label__fzSmall {
font-size: .625rem
}
.el_label.el_label__narrow {
padding-left: 5px;
padding-right: 5px
}
.el_label.el_label__darkGold02 {
color: #7a6d42
}
.el_label.el_label__bgDarkGold02 {
background-color: #7a6d42;
border-color: #7a6d42;
color: #fff
}
.el_label.el_label__red {
border-color: #860b0b;
color: #860b0b
}
.el_label.el_label__green {
border-color: #004628;
color: #004628
}
.el_label.el_label__bgYellow {
background-color: #d3a14e;
border-color: #d3a14e
}
.el_label.el_label__bgGreen {
background-color: #004628;
border-color: #004628;
color: #fff
}
.el_beforeIcon:before {
color: currentColor;
display: inline-table;
line-height: 1;
margin-right: 10px;
vertical-align: middle
}
.el_beforeIcon.el_beforeIcon__mic:before {
content: url(https://cdn2.hubspot.net/hubfs/6991697/common/img/icon-mic.svg)
}
.el_numberLabel {
border: 1px solid #000;
font-size: 20px;
padding: 2px 10px
}
.el_noteTxt {
color: #666;
font-size: .6875rem
}
.el_borderTtl {
margin-bottom: 12px;
position: relative
}
.el_borderTtl:after {
background-color: #333;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%;
z-index: 1
}
.el_borderTtl span {
background-color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 700;
padding-right: 8px;
position: relative;
z-index: 2
}
.el_loading {
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border: 6px solid #ddd;
border-radius: 50%;
border-top-color: #999;
height: 65px;
margin: 50px auto;
width: 65px
}
@-webkit-keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.el_link {
color: #333;
text-decoration: none
}
.el_link:focus, .el_link:hover {
text-decoration: underline
}
.el_iconLink {
color: #333;
-moz-column-gap: 7px;
column-gap: 7px;
display: inline-flex;
justify-content: center;
text-decoration: none
}
.el_iconLink:focus, .el_iconLink:hover {
text-decoration: underline
}
.el_selectChevron {
display: inline-block;
position: relative
}
.el_selectChevron:after {
border-color: #333;
border-style: solid;
border-width: 0 1px 1px 0;
content: "";
height: 6px;
margin-top: -.2em;
position: absolute;
right: 15px;
top: 50%;
transform: rotate(45deg) translateY(-50%);
width: 6px
}
:root {
--color-hotel-theme: #004628
}
:root:has(body[data-hotel-where*=gran]) {
--color-hotel-theme: #b7a869
}
:root:has(body[data-hotel-where*=gran-kyoto]), :root:has(body[data-hotel-where*=place-higobashi]), :root:has(body[data-hotel-where*=place-kyoto]) {
--color-hotel-theme: #47372c
}
:root:has(body[data-hotel-where=anchored-osaka-namba]) {
--color-hotel-theme: #921a04
}
:root:has(body[data-hotel-where=bouncee-fukuoka-hakata]) {
--color-hotel-theme: #921a04
}
.ly_header {
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .05));
top: 0;
z-index: 160
}
.ly_header, .ly_header.ly_header_hotel {
background: #fff;
position: -webkit-sticky;
position: sticky
}
.ly_header.ly_header_hotel {
transition: background-color .3s ease;
width: 100%
}
html[lang=zh-Hans] .ly_header.is_osaka, html[lang=zh-Hans] .ly_header.is_osaka .ly_header_buttons button, html[lang=zh-Hant] .ly_header.is_osaka, html[lang=zh-Hant] .ly_header.is_osaka .ly_header_buttons button {
font-family: Noto Sans SC, "Noto Serif SC", serif
}
html[lang=ko] .ly_header.is_osaka, html[lang=ko] .ly_header.is_osaka .ly_header_buttons button {
font-family: Noto Sans KR, "Noto Serif KR", serif
}
html[lang=th] .ly_header.is_osaka, html[lang=th] .ly_header.is_osaka .ly_header_buttons button {
font-family: IBM Plex Sans Thai, "Noto Serif Thai", serif
}
html[lang=vi] .ly_header.is_osaka, html[lang=vi] .ly_header.is_osaka .ly_header_buttons button {
font-family: Quicksand, Noto Sans Tai Viet, serif
}
html[lang=en] .ly_header.is_osaka, html[lang=en] .ly_header.is_osaka .ly_header_buttons button, html[lang=es] .ly_header.is_osaka, html[lang=es] .ly_header.is_osaka .ly_header_buttons button {
font-family: vignetteSans, "Noto Serif", serif
}
.ly_header.is_osaka .el_modalCloseBtn {
font-family: inherit
}
.ly_header_hotel .ly_header_navi {
border: none!important
}
.ly_header_inner {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1230px;
padding-left: 15px;
padding-right: 15px;
position: relative
}
.ly_header_hotel .ly_header_innerWrap {
background: hsla(0, 0%, 100%, .5)
}
.bl_headerUtils {
align-items: center;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
font-size: 14px;
gap: 20px;
justify-content: space-between;
min-height: 144px;
padding-block: 10px 10px;
position: relative
}
.ly_header_logo {
align-items: center;
display: flex;
height: auto;
inset: 0;
justify-content: center;
margin: auto;
margin-inline: auto;
max-height: auto;
max-width: 430px;
order: 2;
pointer-events: none;
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.ly_header_logo span {
display: none
}
.ly_header_logo img {
pointer-events: auto
}
.bl_headerUtils_logo {
align-items: center;
color: #333;
display: flex;
font-size: 1.5rem;
font-weight: 700;
gap: 16px;
text-decoration: none
}
.bl_headerUtils_logo:focus, .bl_headerUtils_logo:hover {
opacity: .75
}
.bl_headerUtils_logo img {
height: auto;
margin: auto;
max-height: 140px;
max-width: 430px;
pointer-events: auto;
width: auto
}
.bl_headerUtils_right {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 21px;
margin-left: auto
}
.bl_headerSubNav {
display: flex;
gap: 40px
}
.bl_headerSubNav_link {
color: #333;
font-weight: 700;
text-decoration: none
}
.bl_headerSubNav_link:focus, .bl_headerSubNav_link:hover {
text-decoration: underline
}
.el_headerLangBtn {
align-items: center;
background: #004628;
border-radius: 15px;
color: #fff;
cursor: pointer;
display: flex;
font-weight: 700;
height: 70px;
justify-content: center;
text-align: center;
text-decoration: none;
transition: .25s;
width: 180px
}
.el_headerLangBtn:focus, .el_headerLangBtn:hover {
opacity: .75
}
.el_headerLangBtn span {
margin-left: 14px;
margin-right: 24px
}
#header_lang_select_modal {
background-color: #fff;
border-radius: 15px;
bottom: 30px;
left: 0;
overflow: hidden;
position: absolute;
right: auto;
transform: translateY(100%);
width: 700px;
z-index: 1
}
#header_lang_select_modal .bl_modal_inner {
padding-left: 40px;
padding-right: 40px
}
.bl_headerNav {
display: flex;
flex-wrap: wrap;
font-family: "Noto Serif", serif;
gap: 0 1.5em;
justify-content: space-between
}
.bl_headerNav__jcs {
gap: 40px;
justify-content: flex-start
}
.bl_headerNav__jcs .bl_headerNav_item {
flex-grow: 0
}
.bl_headerNav_item {
position: relative;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.bl_headerNav_link {
align-items: center;
color: #333;
display: flex;
font-size: 1.125rem;
height: 100%;
padding-block: 15px;
position: relative;
text-align: center;
text-decoration: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.bl_headerNav_link:after {
background-color: transparent;
bottom: 10px;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
transition: background-color .25s;
width: 50px
}
.bl_headerNav_link.is_active:after, .bl_headerNav_link:focus:after, .bl_headerNav_link:hover:after {
background-color: #b09f69
}
body:has(.bl_KV) .ly_header_hotel .bl_headerNav_link {
color: #fff;
transition: color .2s ease-out, text-shadow .2s ease-out
}
body:has(.bl_KV) .is_shadow_low:not(.bl_headerNav__jcs) .bl_headerNav_link {
text-shadow: 0 0 10px #000
}
body:has(.bl_KV) .is_shadow_high:not(.bl_headerNav__jcs) .bl_headerNav_link {
text-shadow: 0 0 5px #000
}
.ly_header_hotel.js_windowScrolled .bl_headerNav_link {
color: #000!important
}
body:has(.bl_KV) .ly_header_hotel.js_windowScrolled .bl_headerNav_link {
text-shadow: none
}
body:has(.bl_KV) .ly_header_hotel:not(.js_windowScrolled) .bl_headerNav_link.is_active:after {
background-color: #fff
}
body:has(.bl_KV) .ly_header_hotel:not(.js_windowScrolled) .bl_headerNav_link:focus:after, body:has(.bl_KV) .ly_header_hotel:not(.js_windowScrolled) .bl_headerNav_link:hover:after {
background-color: #fff
}
.bl_headerChildNav {
background-color: #fff;
opacity: 0;
position: absolute;
right: 0;
top: 100%;
transform: translateY(-8px);
transition: .25s;
visibility: hidden;
width: 224px;
z-index: 10
}
.is_lastChildMenu .bl_headerChildNav {
left: auto;
right: 0
}
.bl_headerNav_item__hasChild:hover .bl_headerChildNav {
opacity: 1;
transform: translateY(0);
visibility: visible
}
.bl_headerChildNav_item {
border-bottom: 1px solid hsla(0, 0%, 80%, .7)
}
.ly_headerChildNav_links {
align-self: flex-start;
margin-left: auto;
margin-top: 4px;
order: 3
}
.bl_headerChildNav_links {
align-items: flex-end;
align-self: flex-start;
display: flex;
flex-direction: column;
gap: 12px;
margin-left: auto;
margin-top: 20px;
text-align: right
}
.bl_headerChildNav_links a {
color: inherit;
text-decoration: none
}
.bl_headerChildNav_links a:focus, .bl_headerChildNav_links a:hover {
opacity: .8;
text-decoration: underline
}
.ly_header_buttons {
display: flex;
flex-direction: column;
gap: 5px;
margin-left: 15px;
order: 4
}
.ly_header_buttons>li>a, .ly_header_buttons>li>button {
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #000;
border-radius: 13px;
color: #fff;
display: flex;
font-size: 10px;
font-weight: 700;
height: 36px;
min-width: 210px;
padding-block: 5px;
padding-inline: 15px 40px;
position: relative;
text-decoration: none
}
.ly_header_buttons>li>a.el_headerBtn, .ly_header_buttons>li>button.el_headerBtn {
width: 100%
}
.ly_header_buttons>li>a.is_type1, .ly_header_buttons>li>button.is_type1 {
background-color: #2e273b;
width: 100%
}
.ly_header_buttons>li>a.is_type2, .ly_header_buttons>li>button.is_type2 {
background-color: #004628;
width: 100%
}
.ly_header_buttons>li>a.is_type3, .ly_header_buttons>li>button.is_type3 {
background-color: #1f4456;
width: 100%
}
.ly_header_buttons>li>a:not([target=_blank]):after, .ly_header_buttons>li>a:not([target=_blank]):before, .ly_header_buttons>li>button:not([target=_blank]):after, .ly_header_buttons>li>button:not([target=_blank]):before {
background: #fff;
bottom: 0;
content: "";
height: 10px;
margin-block: auto;
position: absolute;
right: 20px;
top: 0;
width: 2px
}
.ly_header_buttons>li>a:not([target=_blank]):after, .ly_header_buttons>li>button:not([target=_blank]):after {
transform: rotate(90deg)
}
.ly_header_buttons>li>a[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 13px;
top: 11px
}
.ly_header_buttons>li:first-of-type:last-of-type>a, .ly_header_buttons>li:first-of-type:last-of-type>button.is-reserve {
background-color: #004628;
border-radius: 16px;
color: #fff;
font-size: 14px;
font-weight: 700;
height: 78px;
justify-content: center;
max-width: 150px;
min-width: 150px;
padding-inline: 30px 45px;
position: relative;
text-align: center;
text-transform: capitalize
}
.ly_header_buttons>li:first-of-type:last-of-type>a:before, .ly_header_buttons>li:first-of-type:last-of-type>button.is-reserve:before {
display: none
}
.ly_header_buttons>li:first-of-type:last-of-type>a[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,');
position: absolute;
right: 13px;
top: 50%;
transform: translateY(-50%)
}
.ly_header_buttons>li:first-of-type:last-of-type>button.is-reserve:after {
background: none;
border: solid #fff;
border-width: 0 1px 1px 0;
bottom: 0;
content: "";
height: 6px;
margin-block: auto;
position: absolute;
right: 24px;
top: 0;
transform: translateY(-40%) rotate(45deg);
width: 6px
}
.ly_header_buttons>li:first-of-type:last-of-type>button.is-reserve.no-icon {
padding-inline: 30px
}
.ly_header_buttons>li:first-of-type:last-of-type>button.is-reserve.no-icon:after {
display: none
}
.ly_header_buttons .js_headerReserve, .ly_header_buttons li {
position: relative
}
.ly_header_buttons .js_headerReserve .ly_header_reserveDropdown {
background-color: transparent;
border-radius: 16px;
box-shadow: 0 16px 40px rgba(0, 0, 0, .15);
font-family: "Noto Serif", serif;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 100%;
transform: translateY(-8px);
transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
visibility: hidden;
width: min(820px, 100vw - 40px);
z-index: 20
}
.ly_header_buttons .js_headerReserve .ly_header_reserveDropdown .ly_header_reserveDropdown_inner {
background-color: #fff;
border-radius: 15px;
border-top: 1px solid #ccc;
box-shadow: inset 0 0 0 4px #cec6ac, inset 0 0 0 6px #faf8f2, inset 0 0 0 7px #cec6ac;
max-height: min(80vh, 640px);
overflow-y: auto
}
.ly_header_buttons .js_headerReserve.is_open .ly_header_reserveDropdown {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveSection_wrapper {
margin-bottom: 0
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveSection {
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
max-width: none;
padding: 0 var(--padding-x);
width: 100%
}
.ly_header_buttons .vm_reserveSection__header .bl_categoryTab {
background: #fff;
position: -webkit-sticky;
position: sticky;
top: 8px;
z-index: 10
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveRestaurant_body, .ly_header_buttons .vm_reserveSection__header .bl_reserveSection_body {
max-width: none;
padding-inline: 0
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveFormCondItem.bl_reserveFormCondItem__btn {
margin-top: 32px
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveFormCondWindow_wrapper {
bottom: auto;
padding: 16px 0 0;
top: auto;
transform: translateX(-30%);
width: 100%
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveFormCondWindow {
max-width: none;
width: 490px
}
.el_spMenuBtn {
display: none
}
.ly_header_hotel .el_spMenuBtn {
margin-left: auto
}
.ly_header_lang {
align-items: center;
margin-right: auto;
order: 1
}
.bl_headerLangLabel {
align-items: center;
display: flex;
gap: .85em;
height: 39px;
margin-left: 8px
}
.bl_headerLangLabel svg {
flex-shrink: 0;
height: 16px;
width: 16px
}
.bl_headerLangLabel path {
fill: currentColor!important
}
.bl_headerLangBtn {
align-items: center;
border: 1px solid #000;
border-radius: 7px;
display: flex;
font-family: inherit;
height: 39px;
justify-content: center;
line-height: 1;
min-width: 132px;
padding-inline: 10px 30px;
position: relative;
transition: .2s
}
.bl_headerLangBtn.js_modalOpened, .bl_headerLangBtn:hover {
background-color: #fff
}
.bl_headerLangBtn:after {
border: solid #000;
border-width: 0 1px 1px 0;
bottom: 0;
content: "";
height: 6px;
margin-block: auto;
position: absolute;
right: 10px;
top: 0;
transform: translateY(-40%) rotate(45deg);
width: 6px
}
.ly_spMenu {
display: none
}
.ly_spHeaderNavWrapper {
background-color: #fff;
display: flex;
flex-direction: column;
height: auto;
margin-left: auto;
position: absolute;
right: 0;
top: 0;
width: 90%
}
.bl_spMenus {
display: flex;
flex-wrap: wrap;
font-family: "Noto Serif", serif
}
.bl_spMenus_item {
border-bottom: 1px solid #d9d9d9;
width: 100%
}
.bl_spMenus_item>* {
flex: 1 1 auto
}
.bl_spMenus_item.bl_spMenus_item__col2 {
display: flex;
width: 50%
}
.bl_spMenus_item.bl_spMenus_item__child {
border-width: 0
}
.bl_spMenus_item.bl_spMenus_item__child .el_spMenuLink {
display: inline-block;
font-weight: 400
}
.bl_spMenus_item.bl_spMenus_item__child .el_spMenuLink:after, .bl_spMenus_item.bl_spMenus_item__child .el_spMenuLink:before {
display: none
}
.bl_spMenus_item.bl_spMenus_item__child .el_spMenuLink[target=_blank]>span:after {
content: url('data:image/svg+xml;charset=utf-8,');
padding-left: .5em
}
.bl_spMenus_item.bl_spMenus_item__child .el_spMenuLink>span {
display: inline-block;
padding-left: 20px;
position: relative
}
.bl_spMenus_item.bl_spMenus_item__child .el_spMenuLink>span:before {
content: url('data:image/svg+xml;charset=utf-8,');
display: block;
height: 1.14em;
left: 0;
position: absolute;
width: 1.14em
}
.bl_spMenus_item.bl_spMenus_item__snsAccounts {
display: flex;
flex-wrap: wrap;
min-height: 55px;
padding: 7px 10px;
row-gap: 7px
}
.bl_spMenus_item.bl_spMenus_item__snsAccounts>* {
flex: 0 1 33%
}
.bl_spMenus_item.bl_spMenus_item__hotelList {
padding: 15px 20px
}
.bl_spMenus_item.bl_spMenus_item__hotelList:first-child {
border-top: 1px solid #d9d9d9
}
.bl_spMenus_item.bl_spMenus_item__hotelList:last-child {
border-bottom-width: 0
}
.el_spMenuAreaTtl, .el_spMenuLink {
font-weight: 700
}
.el_spMenuLink {
align-items: flex-start;
color: #333;
display: flex;
gap: 5px;
padding: 16px 10px;
text-decoration: none;
word-break: break-word
}
.el_spMenuLink:focus, .el_spMenuLink:hover {
opacity: .75
}
.el_spMenuLink:before {
content: url('data:image/svg+xml;charset=utf-8,');
display: block;
height: 1.14em;
margin-top: .1em;
width: 1.14em
}
.el_spMenuLink:not(.el_spMenuLink__hasChildren)[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,');
padding-left: .5em
}
.el_spMenuLink.el_spMenuLink__hasChildren {
padding-right: 40px;
position: relative
}
.el_spMenuLink.el_spMenuLink__hasChildren:before {
display: none
}
.el_spMenuLink.el_spMenuLink__hasChildren:after {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-size: contain;
content: "";
display: block;
height: 10px;
margin-left: auto;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
width: 10px
}
.el_spMenuLink.el_spMenuLink__hasChildren.is_open {
background: #efece3;
color: #876d22
}
.el_spMenuLink.el_spMenuLink__hasChildren.is_open:after {
background-image: url('data:image/svg+xml;charset=utf-8,');
height: 1px
}
.el_spMenuSnsAccounts {
align-items: center;
color: #333;
display: flex;
font-weight: 700;
gap: 5px;
line-height: 1.2;
text-decoration: none
}
.el_spMenuSnsAccounts:focus, .el_spMenuSnsAccounts:hover {
text-decoration: underline
}
.el_spMenuSnsAccounts svg {
flex: 1 0 auto;
max-width: 32px;
width: 20px
}
.bl_spLangBtn_wrapper {
padding: 20px
}
.bl_spLangBtn, .bl_spLangBtn_wrapper {
display: flex;
justify-content: center;
position: relative
}
.bl_spLangBtn {
align-items: center;
background: #004628;
border-radius: 100px;
color: #fff;
cursor: pointer;
font-weight: 700;
gap: 9px;
height: 60px;
padding-right: 40px;
text-align: center;
width: 295px
}
.bl_spLangBtn_rightIcon {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%)
}
.bl_spLang_wrapper {
background-color: #fff;
border-radius: 15px;
bottom: 50%;
display: none;
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .1)) drop-shadow(3px 3px 4px rgba(0, 0, 0, .09)) drop-shadow(7px 6px 6px rgba(0, 0, 0, .05)) drop-shadow(12px 11px 7px rgba(0, 0, 0, .01)) drop-shadow(19px 17px 7px rgba(0, 0, 0, 0));
left: auto;
position: absolute;
right: auto;
width: 255px;
z-index: 1
}
.bl_spLang_wrapper.is_heightLimited {
max-height: 35svh;
overflow: auto
}
.bl_spLang_wrapper.is_showInBottom {
bottom: auto;
top: 50%
}
.bl_spLang_item+.bl_spLang_item {
border-top: 1px solid #d9d9d9
}
.bl_spLang_link {
color: #333;
display: block;
padding: 10px 28px;
text-decoration: none
}
.bl_spLang_link:focus, .bl_spLang_link:hover {
text-decoration: underline
}
.ly_headerMegaMenu {
left: 0;
opacity: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 100%;
z-index: 100
}
.ly_headerMegaMenu.is_show {
opacity: 1;
visibility: visible
}
.ly_headerMegaMenu_navi {
display: none;
opacity: 0
}
.ly_headerMegaMenu_navi.is_show {
display: block
}
.ly_headerMegaMenu_navi.is_animation {
opacity: 1;
transition: opacity .35s ease-out
}
.ly_headerMegaMenu_inner {
-ms-scroll-chaining: none;
background: #fff;
border-top: 1px solid rgba(0, 0, 0, .05);
box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
box-sizing: border-box;
height: 100%;
margin-inline: auto;
max-width: 1230px;
overflow-y: auto;
overscroll-behavior: none;
padding-inline: 0
}
.ly_headerMegaMenu_naviBlocks {
display: flex;
font-family: "Noto Serif", serif;
padding: 30px 15px;
width: 100%
}
.ly_headerMegaMenu_naviBlock {
flex: 1;
padding-bottom: 15px;
padding-inline: 40px
}
.ly_headerMegaMenu_naviBlock+.ly_headerMegaMenu_naviBlock {
border-left: 1px solid #ccc
}
.ly_headerMegaMenu_naviSection+.ly_headerMegaMenu_naviSection {
margin-top: 30px
}
.el_headerMegaMenu_naviSection_label {
color: #000;
font-size: 1.25rem;
font-weight: 700
}
.ly_headerMegaMenu_naviSection_list {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 20px
}
.el_headerMegaMenu_link_label {
font-weight: 600
}
.ly_headerMegaMenu_link {
color: #333;
display: grid;
gap: .5em 20px;
grid-template-areas: "img label" "img description";
grid-template-columns: 80px 1fr;
grid-template-rows: auto auto;
text-decoration: none
}
.ly_headerMegaMenu_link:hover {
opacity: .75
}
.ly_headerMegaMenu_link[target=_blank] .el_headerMegaMenu_link_label:after {
content: url('data:image/svg+xml;charset=utf-8,');
padding-left: .5em
}
.el_headerMegaMenu_link_image {
grid-area: img
}
.el_headerMegaMenu_link_image img {
aspect-ratio: 1;
background: #e5ece9;
border: none;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.el_headerMegaMenu_link_label {
color: #000;
grid-area: label;
margin-top: auto
}
.el_headerMegaMenu_link_description {
color: #000;
grid-area: description;
margin-bottom: auto
}
.ly_footer_inner {
margin-left: auto;
margin-right: auto;
max-width: 1230px;
padding-left: 15px;
padding-right: 15px
}
.ly_footer_inner__aboveFooter {
padding-bottom: 30px;
padding-top: 27px
}
.el_footerHr {
border-top: 1px solid #424242;
margin-bottom: 0;
margin-top: 0
}
.bl_footerSnsAccounts_ttl {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 11px
}
.bl_footerSnsAccounts_items {
display: flex;
flex-wrap: wrap;
gap: 20px
}
.bl_footerSnsAccounts_link {
align-items: center;
color: #333;
display: flex;
flex-wrap: wrap;
gap: 10px;
text-decoration: none
}
.bl_footerSnsAccounts_link:focus, .bl_footerSnsAccounts_link:hover {
text-decoration: underline
}
.bl_footerSnsAccounts_link svg {
width: 27px
}
.bl_horizSmallNavs {
display: flex;
flex-wrap: wrap;
gap: 20px 40px
}
.bl_horizSmallNavs_link {
color: #d9d9d9;
text-decoration: none
}
.bl_horizSmallNavs_link:focus, .bl_horizSmallNavs_link:hover {
text-decoration: underline
}
.bl_footerSection_wrapper {
display: flex;
gap: 50px;
padding-bottom: 30px;
padding-top: 74px
}
.is_sogo .bl_footerSection_wrapper {
padding-top: 47px
}
.bl_footerSection__1 {
display: grid;
gap: 40px 50px;
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr
}
.is_sogo .bl_footerSection__1 {
-moz-column-gap: 0;
column-gap: 0
}
.bl_footerSection__1 .bl_footerSection_inner {
grid-column: 1/2;
grid-row: 1/3;
min-width: min(30%, 350px)
}
.bl_footerSection__1 .bl_footerSection_ttl {
font-size: 1.625rem
}
.is_sogo .bl_footerSection__1 .bl_footerSection_ttl {
font-size: 1.25rem
}
.bl_footerSection__1 .bl_footerNav {
margin-top: 46px
}
.bl_footerSection__1 .bl_footerNav_item {
margin-bottom: 20px
}
.bl_footerSection_logo {
margin-top: 60px
}
.bl_footerSection_logo img {
width: 160px
}
.bl_footerSection_imgLinks {
margin-top: 30px
}
.bl_footerSection_imgLinks li+li {
margin-top: 20px
}
.bl_footerSection_imgLinks img {
max-width: 155px
}
.bl_footerSection_info {
color: #fff;
display: flex;
flex-wrap: wrap;
font-size: .625rem;
gap: 40px;
grid-column: 2/3;
grid-row: 2/3
}
.bl_footerSection_info_contentsLink {
flex: 1;
max-width: calc(50% - 20px);
min-width: 200px
}
.bl_footerSection_info_contentsLink :where(p+p) {
margin-top: 14px
}
.bl_footerSection_info_btn {
margin-top: 20px
}
.bl_footerSection_info_btn a {
border: 2px solid hsla(0, 0%, 100%, .2);
border-radius: 6px;
color: #fff;
display: block;
font-size: .75rem;
padding: 8px 12px;
text-decoration: none;
text-transform: uppercase;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.bl_footerSection__2 {
margin-left: auto;
min-width: 300px
}
.bl_footerSection__2 .bl_footerSection_ttl {
font-size: 1.25rem
}
.bl_footerSection__2 .bl_footerNav {
margin-top: 12px
}
.bl_footerSection__2 .bl_footerNav_item {
margin-bottom: 22px
}
.bl_footerSection_embed_item .widget__body>div {
height: 76px;
margin-top: 20px;
position: relative;
width: 300px
}
.bl_footerSection_embed_item .widget__body iframe {
border: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.bl_footerSection_ttl {
color: #fff;
font-weight: 700;
max-width: 332px
}
.bl_footerSection_ttl a {
color: inherit;
text-decoration: none
}
.bl_footerSection_ttl a:focus, .bl_footerSection_ttl a:hover {
text-decoration: underline
}
.bl_footerSection_ttl_link {
color: #fff;
text-decoration: none
}
.bl_footerSection_ttl_link:focus, .bl_footerSection_ttl_link:hover {
text-decoration: underline
}
.bl_footerHotelList {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 140px;
row-gap: 18px;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 30px;
margin-top: 40px
}
.bl_footerHotelList_link {
color: #d9d9d9;
text-decoration: none
}
.bl_footerHotelList_link:focus, .bl_footerHotelList_link:hover {
text-decoration: underline
}
.bl_footerSection_txtArea {
text-wrap: balance;
text-wrap: pretty;
max-width: 332px
}
.bl_footerSection_txt {
color: #fff;
margin-top: 44px
}
.bl_footerSection_telLink {
color: #fff;
display: inline-block;
margin-top: 20px;
text-decoration: none
}
.bl_footerSection_embed {
margin-top: 64px
}
.bl_footerSection_embed>:last-child {
margin-bottom: 0
}
.bl_footerSection_embed_item {
margin-bottom: 14px
}
.bl_footerNav>:last-child {
margin-bottom: 0
}
.bl_footerNav_link {
color: #fff;
text-decoration: none
}
.bl_footerNav_link:focus, .bl_footerNav_link:hover {
text-decoration: underline
}
.bl_footerModal_wrapper .el_btn__iconPlus {
background-color: #fff;
color: #333;
font-weight: 400;
margin-top: 51px;
padding-left: 16px;
text-align: left;
width: 100%
}
.bl_footerModal_wrapper .el_btn__iconPlus:focus, .bl_footerModal_wrapper .el_btn__iconPlus:hover {
opacity: .75
}
.bl_footerModal_wrapper .el_btn__iconPlus:after {
content: url('data:image/svg+xml;charset=utf-8,')
}
.el_footerCopyright {
border-top: 1px solid #424242;
color: #fff;
display: block;
font-size: .75rem;
padding: 22px 15px;
text-align: center
}
.bl_sect {
padding-bottom: 100px;
padding-top: 100px
}
.bl_sect>:last-child {
margin-bottom: 0
}
.bl_wysiwyg>:first-child {
margin-top: 0
}
.bl_wysiwyg>:last-child {
margin-bottom: 0
}
.bl_wysiwyg h1 {
font-size: 1.625rem;
font-weight: 700;
text-align: center
}
.bl_wysiwyg h1>span {
display: inline-block;
padding-bottom: 31px;
position: relative
}
.bl_wysiwyg h1>span:after {
background-color: #b09f69;
bottom: 0;
content: "";
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 40px
}
.bl_wysiwyg h2 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 30px;
margin-top: 80px;
text-align: center
}
.bl_wysiwyg h3 {
margin-bottom: 20px;
margin-top: 60px;
padding-bottom: 6px
}
.bl_wysiwyg h3, .bl_wysiwyg h4 {
font-size: 1.25rem;
font-weight: 700
}
.bl_wysiwyg h4 {
border-left: 2px solid #d3ccb7;
margin-bottom: 25px;
margin-top: 40px;
padding-left: 6px
}
.bl_wysiwyg h5 {
color: #d3ccb7;
font-weight: 700;
margin-top: 30px
}
.bl_wysiwyg h5, .bl_wysiwyg h6 {
font-size: 1.125rem;
margin-bottom: 20px
}
.bl_wysiwyg h6 {
margin-top: 20px
}
.bl_wysiwyg a {
color: #333;
text-decoration: none
}
.bl_wysiwyg a:focus, .bl_wysiwyg a:hover {
text-decoration: underline
}
.bl_wysiwyg a[target=_blank]:after {
content: url('data:image/svg+xml;charset=utf-8,');
margin-left: 3px;
margin-right: 5px
}
.bl_wysiwyg blockquote, .bl_wysiwyg pre {
background-color: #efece3;
margin-bottom: 20px;
margin-top: 20px;
padding: 20px
}
.bl_wysiwyg p {
margin-bottom: 30px;
margin-top: 30px
}
.bl_wysiwyg p+ol, .bl_wysiwyg p+ul {
margin-top: -20px
}
.bl_wysiwyg strong {
font-weight: 700
}
.bl_wysiwyg em {
font-style: italic
}
.bl_wysiwyg ul {
list-style-type: none;
margin-bottom: 20px;
margin-top: 20px
}
.bl_wysiwyg ul>li {
padding-left: 1em;
position: relative
}
.bl_wysiwyg ul>li+li {
margin-top: 10px
}
.bl_wysiwyg ul>li:before {
background-color: #7a6d42;
border-radius: 50%;
content: "";
display: block;
height: .2em;
left: 0;
position: absolute;
top: .5em;
width: .2em
}
.bl_wysiwyg ol {
list-style-type: decimal;
margin-bottom: 20px;
margin-top: 20px;
padding-left: 1em
}
.is_generalDisabled {
opacity: .5;
pointer-events: none
}
.is_generalDisabledVisual {
opacity: .5;
pointer-events: auto
}
.swiper-fade .swiper-slide {
opacity: 0!important
}
.swiper-fade .swiper-slide.swiper-slide-active {
opacity: 1!important
}
.bl_carousel.swiper {
padding-bottom: 20px
}
.bl_carousel.swiper.is_notSlider {
padding-bottom: 0
}
.bl_carousel.swiper.is_notSlider .swiper-wrapper {
box-sizing: border-box;
gap: 70px;
justify-content: center;
padding-left: 15px;
padding-right: 15px
}
.bl_carousel.swiper.is_notSlider .swiper-slide {
flex-shrink: 1;
margin-right: 0!important
}
.bl_carousel.bl_carousel__noGap.swiper.is_notSlider .swiper-wrapper {
gap: 0
}
.bl_carousel .swiper-slide {
height: auto
}
.bl_carousel .swiper-pagination {
margin-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
position: static
}
.bl_carousel .swiper-pagination .swiper-pagination-bullet {
background-color: transparent;
border: 1px solid transparent;
border-radius: 100%;
color: #cbcbcb;
height: 25px;
opacity: 1;
overflow: hidden;
position: relative;
transition: .25s;
width: 25px
}
.bl_carousel .swiper-pagination .swiper-pagination-bullet:after {
background-color: currentColor;
border-radius: 100%;
content: "";
display: block;
height: 3px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 3px
}
.bl_carousel .swiper-pagination .swiper-pagination-bullet-active {
border-color: #333;
color: #333
}
.bl_carousel .swiper-button {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 64px;
z-index: 1
}
.bl_carousel.bl_carousel__insta {
opacity: 0;
transition: .5s;
visibility: hidden
}
.bl_carousel.bl_carousel__insta.is_show {
opacity: 1;
visibility: visible
}
.el_swiperImg {
text-align: center;
width: 300px
}
.bl_simpleCarousel {
padding-bottom: 20px!important;
position: relative
}
.bl_simpleCarousel .swiper-pagination {
bottom: 0!important
}
.bl_simpleCarousel .swiper-pagination-bullet {
background: #ccc;
height: 8px;
width: 8px
}
.bl_simpleCarousel .swiper-pagination-bullet-active {
background: #7a7a7a
}
.bl_simpleCarousel .swiper-button {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
z-index: 1
}
.bl_simpleCarousel .swiper-button:focus, .bl_simpleCarousel .swiper-button:hover {
opacity: .75;
transition: opacity .25s
}
.bl_simpleCarousel_slide img {
border-radius: 10px;
width: 100%
}
.bl_simpleCarousel_caption {
font-size: .875rem;
margin-left: 1em;
margin-right: 1em;
margin-top: 10px
}
.bl_simpleCarousel_btn .swiper-button-prev {
left: 5px
}
.bl_simpleCarousel_btn .swiper-button-next {
right: 5px
}
.fade-enter-active, .fade-leave-active {
transition: opacity .5s
}
.fade-enter, .fade-leave-to {
opacity: 0
}
.modaal-container {
border-radius: 15px;
max-height: 90svh;
max-width: min(1000px, 88vw);
overflow: auto
}
.modaal-content-container {
padding: 0
}
.modaal-close {
display: none
}
.is_narrowModal .modaal-container {
max-width: 760px
}
.is_narrowModal .bl_modal_ttl {
margin-bottom: 40px
}
.is_narrowModal .bl_modal_ttl:has(+.bl_modal_subTtl) {
margin-bottom: 22px
}
#wovn-translate-widget {
display: none!important
}
.hp_hasHorizIcon {
align-items: center;
display: flex;
justify-content: center
}
.hp_dn {
display: none!important
}
.hp_db {
display: block!important
}
.hp_di {
display: inline!important
}
.hp_dib {
display: inline-block!important
}
.hp_dtb {
display: table!important
}
.hp_ditb {
display: inline-table!important
}
.hp_dtbc {
display: table-cell!important
}
.hp_dtbr {
display: table-row!important
}
.hp_aic {
align-items: center!important
}
.hp_visHidden {
visibility: hidden!important
}
.hp_wd0p {
width: 0!important
}
.hp_wd5p {
width: 5%!important
}
.hp_wd10p {
width: 10%!important
}
.hp_wd15p {
width: 15%!important
}
.hp_wd20p {
width: 20%!important
}
.hp_wd25p {
width: 25%!important
}
.hp_wd30p {
width: 30%!important
}
.hp_wd35p {
width: 35%!important
}
.hp_wd40p {
width: 40%!important
}
.hp_wd45p {
width: 45%!important
}
.hp_wd50p {
width: 50%!important
}
.hp_wd55p {
width: 55%!important
}
.hp_wd60p {
width: 60%!important
}
.hp_wd65p {
width: 65%!important
}
.hp_wd70p {
width: 70%!important
}
.hp_wd75p {
width: 75%!important
}
.hp_wd80p {
width: 80%!important
}
.hp_wd85p {
width: 85%!important
}
.hp_wd90p {
width: 90%!important
}
.hp_wd95p {
width: 95%!important
}
.hp_wd100p {
width: 100%!important
}
.hp_p0 {
padding: 0!important
}
.hp_p5 {
padding: 5px!important
}
.hp_p10 {
padding: 10px!important
}
.hp_p15 {
padding: 15px!important
}
.hp_p20 {
padding: 20px!important
}
.hp_p25 {
padding: 25px!important
}
.hp_p30 {
padding: 30px!important
}
.hp_p35 {
padding: 35px!important
}
.hp_p40 {
padding: 40px!important
}
.hp_p45 {
padding: 45px!important
}
.hp_p50 {
padding: 50px!important
}
.hp_p55 {
padding: 55px!important
}
.hp_p60 {
padding: 60px!important
}
.hp_p65 {
padding: 65px!important
}
.hp_p70 {
padding: 70px!important
}
.hp_p75 {
padding: 75px!important
}
.hp_p80 {
padding: 80px!important
}
.hp_p85 {
padding: 85px!important
}
.hp_p90 {
padding: 90px!important
}
.hp_p95 {
padding: 95px!important
}
.hp_p100 {
padding: 100px!important
}
.hp_pt0 {
padding-top: 0!important
}
.hp_pt5 {
padding-top: 5px!important
}
.hp_pt10 {
padding-top: 10px!important
}
.hp_pt15 {
padding-top: 15px!important
}
.hp_pt20 {
padding-top: 20px!important
}
.hp_pt25 {
padding-top: 25px!important
}
.hp_pt30 {
padding-top: 30px!important
}
.hp_pt35 {
padding-top: 35px!important
}
.hp_pt40 {
padding-top: 40px!important
}
.hp_pt45 {
padding-top: 45px!important
}
.hp_pt50 {
padding-top: 50px!important
}
.hp_pt55 {
padding-top: 55px!important
}
.hp_pt60 {
padding-top: 60px!important
}
.hp_pt65 {
padding-top: 65px!important
}
.hp_pt70 {
padding-top: 70px!important
}
.hp_pt75 {
padding-top: 75px!important
}
.hp_pt80 {
padding-top: 80px!important
}
.hp_pt85 {
padding-top: 85px!important
}
.hp_pt90 {
padding-top: 90px!important
}
.hp_pt95 {
padding-top: 95px!important
}
.hp_pt100 {
padding-top: 100px!important
}
.hp_pr0 {
padding-right: 0!important
}
.hp_pr5 {
padding-right: 5px!important
}
.hp_pr10 {
padding-right: 10px!important
}
.hp_pr15 {
padding-right: 15px!important
}
.hp_pr20 {
padding-right: 20px!important
}
.hp_pr25 {
padding-right: 25px!important
}
.hp_pr30 {
padding-right: 30px!important
}
.hp_pr35 {
padding-right: 35px!important
}
.hp_pr40 {
padding-right: 40px!important
}
.hp_pr45 {
padding-right: 45px!important
}
.hp_pr50 {
padding-right: 50px!important
}
.hp_pr55 {
padding-right: 55px!important
}
.hp_pr60 {
padding-right: 60px!important
}
.hp_pr65 {
padding-right: 65px!important
}
.hp_pr70 {
padding-right: 70px!important
}
.hp_pr75 {
padding-right: 75px!important
}
.hp_pr80 {
padding-right: 80px!important
}
.hp_pr85 {
padding-right: 85px!important
}
.hp_pr90 {
padding-right: 90px!important
}
.hp_pr95 {
padding-right: 95px!important
}
.hp_pr100 {
padding-right: 100px!important
}
.hp_pb0 {
padding-bottom: 0!important
}
.hp_pb5 {
padding-bottom: 5px!important
}
.hp_pb10 {
padding-bottom: 10px!important
}
.hp_pb15 {
padding-bottom: 15px!important
}
.hp_pb20 {
padding-bottom: 20px!important
}
.hp_pb25 {
padding-bottom: 25px!important
}
.hp_pb30 {
padding-bottom: 30px!important
}
.hp_pb35 {
padding-bottom: 35px!important
}
.hp_pb40 {
padding-bottom: 40px!important
}
.hp_pb45 {
padding-bottom: 45px!important
}
.hp_pb50 {
padding-bottom: 50px!important
}
.hp_pb55 {
padding-bottom: 55px!important
}
.hp_pb60 {
padding-bottom: 60px!important
}
.hp_pb65 {
padding-bottom: 65px!important
}
.hp_pb70 {
padding-bottom: 70px!important
}
.hp_pb75 {
padding-bottom: 75px!important
}
.hp_pb80 {
padding-bottom: 80px!important
}
.hp_pb85 {
padding-bottom: 85px!important
}
.hp_pb90 {
padding-bottom: 90px!important
}
.hp_pb95 {
padding-bottom: 95px!important
}
.hp_pb100 {
padding-bottom: 100px!important
}
.hp_pl0 {
padding-left: 0!important
}
.hp_pl5 {
padding-left: 5px!important
}
.hp_pl10 {
padding-left: 10px!important
}
.hp_pl15 {
padding-left: 15px!important
}
.hp_pl20 {
padding-left: 20px!important
}
.hp_pl25 {
padding-left: 25px!important
}
.hp_pl30 {
padding-left: 30px!important
}
.hp_pl35 {
padding-left: 35px!important
}
.hp_pl40 {
padding-left: 40px!important
}
.hp_pl45 {
padding-left: 45px!important
}
.hp_pl50 {
padding-left: 50px!important
}
.hp_pl55 {
padding-left: 55px!important
}
.hp_pl60 {
padding-left: 60px!important
}
.hp_pl65 {
padding-left: 65px!important
}
.hp_pl70 {
padding-left: 70px!important
}
.hp_pl75 {
padding-left: 75px!important
}
.hp_pl80 {
padding-left: 80px!important
}
.hp_pl85 {
padding-left: 85px!important
}
.hp_pl90 {
padding-left: 90px!important
}
.hp_pl95 {
padding-left: 95px!important
}
.hp_pl100 {
padding-left: 100px!important
}
.hp_mra {
margin-right: auto!important
}
.hp_m0 {
margin: 0!important
}
.hp_m5 {
margin: 5px!important
}
.hp_m10 {
margin: 10px!important
}
.hp_m15 {
margin: 15px!important
}
.hp_m20 {
margin: 20px!important
}
.hp_m25 {
margin: 25px!important
}
.hp_m30 {
margin: 30px!important
}
.hp_m35 {
margin: 35px!important
}
.hp_m40 {
margin: 40px!important
}
.hp_m45 {
margin: 45px!important
}
.hp_m50 {
margin: 50px!important
}
.hp_m55 {
margin: 55px!important
}
.hp_m60 {
margin: 60px!important
}
.hp_m65 {
margin: 65px!important
}
.hp_m70 {
margin: 70px!important
}
.hp_m75 {
margin: 75px!important
}
.hp_m80 {
margin: 80px!important
}
.hp_m85 {
margin: 85px!important
}
.hp_m90 {
margin: 90px!important
}
.hp_m95 {
margin: 95px!important
}
.hp_m100 {
margin: 100px!important
}
.hp_MT5 {
margin-top: -5px!important
}
.hp_MT10 {
margin-top: -10px!important
}
.hp_MT15 {
margin-top: -15px!important
}
.hp_MT20 {
margin-top: -20px!important
}
.hp_MT25 {
margin-top: -25px!important
}
.hp_MT30 {
margin-top: -30px!important
}
.hp_MT35 {
margin-top: -35px!important
}
.hp_MT40 {
margin-top: -40px!important
}
.hp_MT45 {
margin-top: -45px!important
}
.hp_MT50 {
margin-top: -50px!important
}
.hp_MT55 {
margin-top: -55px!important
}
.hp_MT60 {
margin-top: -60px!important
}
.hp_MT65 {
margin-top: -65px!important
}
.hp_MT70 {
margin-top: -70px!important
}
.hp_MT75 {
margin-top: -75px!important
}
.hp_MT80 {
margin-top: -80px!important
}
.hp_MT85 {
margin-top: -85px!important
}
.hp_MT90 {
margin-top: -90px!important
}
.hp_MT95 {
margin-top: -95px!important
}
.hp_MT100 {
margin-top: -100px!important
}
.hp_mt0 {
margin-top: 0!important
}
.hp_mt5 {
margin-top: 5px!important
}
.hp_mt10 {
margin-top: 10px!important
}
.hp_mt15 {
margin-top: 15px!important
}
.hp_mt20 {
margin-top: 20px!important
}
.hp_mt25 {
margin-top: 25px!important
}
.hp_mt30 {
margin-top: 30px!important
}
.hp_mt35 {
margin-top: 35px!important
}
.hp_mt40 {
margin-top: 40px!important
}
.hp_mt45 {
margin-top: 45px!important
}
.hp_mt50 {
margin-top: 50px!important
}
.hp_mt55 {
margin-top: 55px!important
}
.hp_mt60 {
margin-top: 60px!important
}
.hp_mt65 {
margin-top: 65px!important
}
.hp_mt70 {
margin-top: 70px!important
}
.hp_mt75 {
margin-top: 75px!important
}
.hp_mt80 {
margin-top: 80px!important
}
.hp_mt85 {
margin-top: 85px!important
}
.hp_mt90 {
margin-top: 90px!important
}
.hp_mt95 {
margin-top: 95px!important
}
.hp_mt100 {
margin-top: 100px!important
}
.hp_mt0ForChild>:first-child {
margin-top: 0!important
}
.hp_MR5 {
margin-right: -5px!important
}
.hp_MR10 {
margin-right: -10px!important
}
.hp_MR15 {
margin-right: -15px!important
}
.hp_MR20 {
margin-right: -20px!important
}
.hp_MR25 {
margin-right: -25px!important
}
.hp_MR30 {
margin-right: -30px!important
}
.hp_MR35 {
margin-right: -35px!important
}
.hp_MR40 {
margin-right: -40px!important
}
.hp_MR45 {
margin-right: -45px!important
}
.hp_MR50 {
margin-right: -50px!important
}
.hp_MR55 {
margin-right: -55px!important
}
.hp_MR60 {
margin-right: -60px!important
}
.hp_MR65 {
margin-right: -65px!important
}
.hp_MR70 {
margin-right: -70px!important
}
.hp_MR75 {
margin-right: -75px!important
}
.hp_MR80 {
margin-right: -80px!important
}
.hp_MR85 {
margin-right: -85px!important
}
.hp_MR90 {
margin-right: -90px!important
}
.hp_MR95 {
margin-right: -95px!important
}
.hp_MR100 {
margin-right: -100px!important
}
.hp_mr0 {
margin-right: 0!important
}
.hp_mr5 {
margin-right: 5px!important
}
.hp_mr10 {
margin-right: 10px!important
}
.hp_mr15 {
margin-right: 15px!important
}
.hp_mr20 {
margin-right: 20px!important
}
.hp_mr25 {
margin-right: 25px!important
}
.hp_mr30 {
margin-right: 30px!important
}
.hp_mr35 {
margin-right: 35px!important
}
.hp_mr40 {
margin-right: 40px!important
}
.hp_mr45 {
margin-right: 45px!important
}
.hp_mr50 {
margin-right: 50px!important
}
.hp_mr55 {
margin-right: 55px!important
}
.hp_mr60 {
margin-right: 60px!important
}
.hp_mr65 {
margin-right: 65px!important
}
.hp_mr70 {
margin-right: 70px!important
}
.hp_mr75 {
margin-right: 75px!important
}
.hp_mr80 {
margin-right: 80px!important
}
.hp_mr85 {
margin-right: 85px!important
}
.hp_mr90 {
margin-right: 90px!important
}
.hp_mr95 {
margin-right: 95px!important
}
.hp_mr100 {
margin-right: 100px!important
}
.hp_MB5 {
margin-bottom: -5px!important
}
.hp_MB10 {
margin-bottom: -10px!important
}
.hp_MB15 {
margin-bottom: -15px!important
}
.hp_MB20 {
margin-bottom: -20px!important
}
.hp_MB25 {
margin-bottom: -25px!important
}
.hp_MB30 {
margin-bottom: -30px!important
}
.hp_MB35 {
margin-bottom: -35px!important
}
.hp_MB40 {
margin-bottom: -40px!important
}
.hp_MB45 {
margin-bottom: -45px!important
}
.hp_MB50 {
margin-bottom: -50px!important
}
.hp_MB55 {
margin-bottom: -55px!important
}
.hp_MB60 {
margin-bottom: -60px!important
}
.hp_MB65 {
margin-bottom: -65px!important
}
.hp_MB70 {
margin-bottom: -70px!important
}
.hp_MB75 {
margin-bottom: -75px!important
}
.hp_MB80 {
margin-bottom: -80px!important
}
.hp_MB85 {
margin-bottom: -85px!important
}
.hp_MB90 {
margin-bottom: -90px!important
}
.hp_MB95 {
margin-bottom: -95px!important
}
.hp_MB100 {
margin-bottom: -100px!important
}
.hp_mb0 {
margin-bottom: 0!important
}
.hp_mb5 {
margin-bottom: 5px!important
}
.hp_mb10 {
margin-bottom: 10px!important
}
.hp_mb15 {
margin-bottom: 15px!important
}
.hp_mb20 {
margin-bottom: 20px!important
}
.hp_mb25 {
margin-bottom: 25px!important
}
.hp_mb30 {
margin-bottom: 30px!important
}
.hp_mb35 {
margin-bottom: 35px!important
}
.hp_mb40 {
margin-bottom: 40px!important
}
.hp_mb45 {
margin-bottom: 45px!important
}
.hp_mb50 {
margin-bottom: 50px!important
}
.hp_mb55 {
margin-bottom: 55px!important
}
.hp_mb60 {
margin-bottom: 60px!important
}
.hp_mb65 {
margin-bottom: 65px!important
}
.hp_mb70 {
margin-bottom: 70px!important
}
.hp_mb75 {
margin-bottom: 75px!important
}
.hp_mb80 {
margin-bottom: 80px!important
}
.hp_mb85 {
margin-bottom: 85px!important
}
.hp_mb90 {
margin-bottom: 90px!important
}
.hp_mb95 {
margin-bottom: 95px!important
}
.hp_mb100 {
margin-bottom: 100px!important
}
.hp_ML5 {
margin-left: -5px!important
}
.hp_ML10 {
margin-left: -10px!important
}
.hp_ML15 {
margin-left: -15px!important
}
.hp_ML20 {
margin-left: -20px!important
}
.hp_ML25 {
margin-left: -25px!important
}
.hp_ML30 {
margin-left: -30px!important
}
.hp_ML35 {
margin-left: -35px!important
}
.hp_ML40 {
margin-left: -40px!important
}
.hp_ML45 {
margin-left: -45px!important
}
.hp_ML50 {
margin-left: -50px!important
}
.hp_ML55 {
margin-left: -55px!important
}
.hp_ML60 {
margin-left: -60px!important
}
.hp_ML65 {
margin-left: -65px!important
}
.hp_ML70 {
margin-left: -70px!important
}
.hp_ML75 {
margin-left: -75px!important
}
.hp_ML80 {
margin-left: -80px!important
}
.hp_ML85 {
margin-left: -85px!important
}
.hp_ML90 {
margin-left: -90px!important
}
.hp_ML95 {
margin-left: -95px!important
}
.hp_ML100 {
margin-left: -100px!important
}
.hp_ml0 {
margin-left: 0!important
}
.hp_ml5 {
margin-left: 5px!important
}
.hp_ml10 {
margin-left: 10px!important
}
.hp_ml15 {
margin-left: 15px!important
}
.hp_ml20 {
margin-left: 20px!important
}
.hp_ml25 {
margin-left: 25px!important
}
.hp_ml30 {
margin-left: 30px!important
}
.hp_ml35 {
margin-left: 35px!important
}
.hp_ml40 {
margin-left: 40px!important
}
.hp_ml45 {
margin-left: 45px!important
}
.hp_ml50 {
margin-left: 50px!important
}
.hp_ml55 {
margin-left: 55px!important
}
.hp_ml60 {
margin-left: 60px!important
}
.hp_ml65 {
margin-left: 65px!important
}
.hp_ml70 {
margin-left: 70px!important
}
.hp_ml75 {
margin-left: 75px!important
}
.hp_ml80 {
margin-left: 80px!important
}
.hp_ml85 {
margin-left: 85px!important
}
.hp_ml90 {
margin-left: 90px!important
}
.hp_ml95 {
margin-left: 95px!important
}
.hp_ml100 {
margin-left: 100px!important
}
.hp_mla {
margin-left: auto!important
}
.hp_centering {
display: block;
margin-left: auto;
margin-right: auto
}
.hp_roundImg {
border-radius: 14px
}
.hp_bgcBase {
background-color: #efece3!important
}
.hp_bgcWhite {
background-color: #fff!important
}
.hp_bgcLightBrown02 {
background-color: #efece3!important
}
.hp_sectBgImg {
background-position: top
}
.hp_bgcBrown {
background-color: #efece3!important
}
.hp_bgcCream {
background-color: #f7f6f1!important
}
.hp_bgcPink {
background-color: #f9e0e0!important
}
.hp_bgcDarkBrown {
background-color: #dedacc!important
}
.hp_btGray {
border-top: 1px solid #d9d9d9!important
}
.hp_bdn {
border: none!important
}
.hp_brn {
border-right: none!important
}
.hp_bbn {
border-bottom: none!important
}
.hp_btLightBrown02 {
border-top: 1px solid #efece3!important
}
.hp_fwb {
font-weight: 700!important
}
.hp_fwn {
font-weight: 500!important
}
.hp_ffn {
font-weight: 400!important
}
.hp_ffb {
font-weight: 700!important
}
.hp_fzXXSmall {
font-size: 1rem!important
}
.hp_fzXSmall {
font-size: 1.2rem!important
}
.hp_fzSmall {
font-size: 1.4rem!important
}
.hp_fzMiddle {
font-size: 1.6rem!important
}
.hp_fzLarge {
font-size: 1.8rem!important
}
.hp_fzXLarge {
font-size: 2rem!important
}
.hp_fzH6 {
font-size: 2.2rem!important
}
.hp_fzH5 {
font-size: 2.4rem!important
}
.hp_fzH4 {
font-size: 2.8rem!important
}
.hp_fzH3 {
font-size: 3.2rem!important
}
.hp_fzH2 {
font-size: 3.6rem!important
}
.hp_fzH1 {
font-size: 4rem!important
}
.hp_tal {
text-align: left!important
}
.hp_tac {
text-align: center!important
}
.hp_tar {
text-align: right!important
}
.hp_taj {
text-align: justify!important
}
.hp_hang {
padding-left: 1em;
text-indent: -1em
}
.hp_tacl {
text-align: center!important
}
.hp_jcc {
display: flex!important;
justify-content: center!important
}
.hp_blankIcon:after {
content: url('data:image/svg+xml;charset=utf-8,');
margin-left: 3px;
margin-right: 5px
}
.hp_vam {
vertical-align: middle!important
}
.hp_txtColorRed {
color: #c00!important
}
.hp_hang {
padding-left: 1em!important;
text-indent: -1em!important
}
.pc_hidden {
height: 0!important;
position: absolute!important;
visibility: hidden!important
}
.pc_db {
display: block
}
.pc_w23p {
width: 23%!important
}
.pc_btGray {
border-top: 1px solid #ccc!important
}
.md_only, .sp_only, .sp_onlyDf, .sp_onlyDib, .sp_onlyDif, .tb_only {
display: none!important
}
.sp_db {
display: inline
}
.sp_sectTtl {
font-size: 2.4rem;
font-weight: 500
}
.bl_reserveSection_wrapper .bl_reserveSection {
--padding-x: 23px;
background-color: #fff;
border-radius: 15px;
border-top: 1px solid #ccc;
box-shadow: inset 0 0 0 4px #cec6ac, inset 0 0 0 6px #faf8f2, inset 0 0 0 7px #cec6ac;
margin-left: auto;
margin-right: auto;
max-width: 1060px;
padding: 20px var(--padding-x);
width: calc(100% - 30px)
}
.bl_reserveSection_wrapper .bl_reserveRestaurant_body, .bl_reserveSection_wrapper .bl_reserveSection_body {
-moz-column-gap: 2%;
column-gap: 2%;
display: grid;
grid-template-columns: repeat(2, minmax(300px, 1fr));
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-top: 37.42px;
max-width: 1230px;
padding-left: 15px;
padding-right: 15px;
row-gap: 14px
}
.bl_reserveSection_wrapper .bl_reserveSection_body.is_sogo, .bl_reserveSection_wrapper .is_sogo.bl_reserveRestaurant_body {
justify-content: flex-start
}
.bl_reserveSection_wrapper .bl_reserveSection_body.is_sogo .bl_reserveFormCondItem, .bl_reserveSection_wrapper .is_sogo.bl_reserveRestaurant_body .bl_reserveFormCondItem {
flex-basis: 27%
}
.bl_reserveSection_wrapper .bl_reserveSection_reserveText {
order: 999;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem {
flex: 1 1 31%;
height: 55px;
max-width: 490px;
position: relative
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.is_1 {
order: 1
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.is_2 {
order: 2
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.is_3 {
order: 3
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.is_4 {
order: 4
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.is_5 {
order: 5
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.is_6 {
order: 6
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__btn {
align-items: center;
display: flex;
flex-direction: column;
height: auto;
margin: 71px auto 0;
max-width: 240px!important;
row-gap: 14px
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__btn .el_btn {
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__bookingCode {
align-items: center;
display: flex;
justify-content: center;
margin: 20px auto 0;
max-width: 374px!important;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__bookingCode input {
max-width: unset;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__bookingCode .bl_reserveFormCondItem_icon svg {
height: auto;
width: 25.71px
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit {
align-items: flex-start;
-moz-column-gap: 23px;
column-gap: 23px;
display: flex;
flex-direction: row;
justify-content: center;
max-width: unset!important
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit.bl_reserveFormCondItem__btn {
margin-top: 57px
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit.bl_reserveFormCondItem__btn:has(:nth-child(2)) .bl_reserveFormCondItem_submit_inner {
min-width: min(100%, 374px)
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit:has(+.hidden:last-child), .bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit:last-child {
margin-bottom: 48px
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 374px!important;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner .el_iconLink {
margin-top: 26px
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner .bl_flight_text {
font-size: 12px;
font-weight: 500;
margin-top: 17.76px;
text-align: center
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner:has(.el_button_ihgLink) .bl_reserveFormCondItem_submit_inner_heading {
color: inherit
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner_heading {
color: #004628;
font-size: 14px;
font-weight: 700;
letter-spacing: 0;
line-height: 100%;
margin-bottom: 13px;
text-align: center
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner_heading.el_button_ihgHeading {
color: #333
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem .el_button_ihgLink {
background-color: #2e273b
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem .bl_reserveFormCondItem_dummyInput {
align-items: center;
border: 1px solid #d9d9d9;
border-radius: 5px;
color: #505050;
cursor: pointer;
display: flex;
gap: 10px;
height: 55px;
justify-content: flex-start;
line-height: 1;
padding: 12px 20px;
text-decoration: none;
transition: .25s;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem .bl_reserveFormCondItem_dummyInput:focus, .bl_reserveSection_wrapper .bl_reserveFormCondItem .bl_reserveFormCondItem_dummyInput:hover {
opacity: 1
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem .bl_reserveFormCondItem_dummyInput.is_focused {
border: 1px solid #004628;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1), 2px 2px 4px 1px rgba(0, 0, 0, .1), -2px -2px 4px 1px rgba(0, 0, 0, .1)
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem input:disabled {
opacity: 1
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem_icon {
align-items: center;
color: #a7a7a7;
display: flex;
left: 20px;
position: absolute;
top: 50%;
transform: translateY(-54%);
width: 20px;
z-index: 2
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem_input {
background-color: #fff;
color: #505050;
height: 55px;
left: 0;
line-height: 1;
padding: 12px 20px 12px 50px;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem_input::-moz-placeholder {
color: #333
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem_input:-ms-input-placeholder {
color: #333
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem_input::placeholder {
color: #333
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem_input.is_focused {
border: 1px solid #004628;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1), 2px 2px 4px 1px rgba(0, 0, 0, .1), -2px -2px 4px 1px rgba(0, 0, 0, .1)
}
.bl_reserveSection_wrapper .bl_reserveFormCondWindow_wrapper {
bottom: 0;
padding-bottom: 55px;
position: absolute;
width: 490px;
z-index: 140
}
.bl_reserveSection_wrapper .bl_reserveFormCondWindow {
align-items: center;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-moz-column-gap: 8px;
column-gap: 8px;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-height: min(60svh, 500px);
overflow: auto;
padding: 20px;
row-gap: 20px
}
.bl_reserveSection_wrapper .bl_reserveFormCondWindow .bl_vertListWithRadio {
width: 100%
}
.bl_reserveSection_wrapper .bl_categoryTab {
--modal-inner-margin-x: 0px;
border-bottom: 1px solid #cec6ac;
display: flex;
justify-content: center;
margin: 0 calc(var(--padding-x)*-1 + 7px)
}
.bl_reserveSection_wrapper .bl_categoryTab_inner {
display: flex;
flex-wrap: nowrap;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.bl_reserveSection_wrapper .bl_categoryTab_item {
align-items: center;
border-color: #cec6ac;
border-bottom: 0 #cec6ac;
border-style: solid;
color: #7a6d42;
cursor: pointer;
display: flex;
flex: 1 0 0;
font-family: "Noto Serif TC", serif;
font-size: 24px;
gap: 18.58px;
justify-content: center;
line-height: 1;
padding: 21.44px 66.66px 21.44px 40.57px;
position: relative;
white-space: nowrap
}
.bl_reserveSection_wrapper .bl_categoryTab_item.active {
border-bottom-width: 5px;
font-weight: 700
}
.bl_reserveSection_wrapper.is_blockVariant {
margin-bottom: 0;
padding: 0
}
.bl_reserveSection_wrapper.is_blockVariant .bl_reserveSection.is_blockVariant {
background-color: transparent;
border: 0;
box-shadow: none;
margin: 0;
max-width: none;
padding: 0;
position: static;
width: 100%
}
.bl_reserveSection_wrapper.is_blockVariant .bl_reserveRestaurant_body, .bl_reserveSection_wrapper.is_blockVariant .bl_reserveSection_body {
margin-top: 24px
}
.bl_reserveRestaurant_body {
grid-template-columns: 1fr!important
}
.bl_reserveRestaurant_body .bl_reserveFormCondItem {
margin: 0 auto;
min-width: min(372px, 100%)
}
.bl_restaurantList {
-moz-column-gap: 39px;
column-gap: 39px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}
.bl_restaurantList_item {
border-bottom: 1px solid #004628;
display: grid;
grid-template-columns: subgrid
}
.bl_restaurantList_link {
color: #333;
cursor: pointer;
display: flex;
flex-direction: column;
font-weight: 600;
justify-content: space-between;
padding: 20px 0 13px;
text-align: left;
text-decoration: none;
width: 100%
}
.bl_restaurantList_link:focus, .bl_restaurantList_link:hover {
background-color: #efece3
}
.bl_restaurantList_category_list {
display: flex;
flex-wrap: wrap;
gap: 10px
}
.bl_restaurantList_category_list:not(:empty) {
margin-top: 20px
}
.bl_restaurantList_category_item {
background-color: #fff;
border: 1px solid #860b0b;
border-radius: 10px;
color: #860b0b;
display: inline-flex;
font-size: 14px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 6px
}
.bl_reserveRestaurant_info {
display: grid;
gap: 35px;
grid-template-columns: 1fr 1.488fr;
margin-left: auto;
margin-right: auto;
margin-top: 63px;
max-width: 814px;
width: 100%
}
.bl_reserveRestaurant_info_title {
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
line-height: 100%
}
.el_restaurantList_image {
aspect-ratio: 1.4/1;
border-radius: 14px;
margin-top: 20px;
max-width: 313px;
width: 100%
}
.bl_reserveFormCondItem__roomAndPersonNum {
display: grid;
gap: 13px;
grid-template-columns: 78px 1fr 78px 1fr;
padding: 0
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_title {
align-items: center;
display: flex;
gap: 8px
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_title .bl_reserveFormField_title_icon {
align-items: center;
display: flex
}
.bl_reserveFormField_input_datepicker__sp {
display: none
}
.bl_reserveFormCondItem_form {
display: flex;
flex-direction: column;
justify-content: space-between
}
.bl_datepicker_popup .bl_customDatePicker_wrapper, .bl_reservationFlow_popup .bl_customDatePicker_wrapper, .bl_reserveSection_wrapper .bl_customDatePicker_wrapper, .datepicker-base .bl_customDatePicker_wrapper, .ly_mobileDatePicker .bl_customDatePicker_wrapper {
position: absolute;
transform: translateY(-70%);
z-index: 3
}
.bl_datepicker_popup .bl_customDatePicker_wrapper .mx-input-wrapper, .bl_reservationFlow_popup .bl_customDatePicker_wrapper .mx-input-wrapper, .bl_reserveSection_wrapper .bl_customDatePicker_wrapper .mx-input-wrapper, .datepicker-base .bl_customDatePicker_wrapper .mx-input-wrapper, .ly_mobileDatePicker .bl_customDatePicker_wrapper .mx-input-wrapper {
display: none
}
.bl_datepicker_popup .mx-datepicker-content:has(.mx-calendar:first-child):has(.today:not(.not-current-month)) .mx-calendar:last-child .mx-btn-icon-left, .bl_reservationFlow_popup .mx-datepicker-content:has(.mx-calendar:first-child):has(.today:not(.not-current-month)) .mx-calendar:last-child .mx-btn-icon-left, .bl_reserveSection_wrapper .mx-datepicker-content:has(.mx-calendar:first-child):has(.today:not(.not-current-month)) .mx-calendar:last-child .mx-btn-icon-left, .datepicker-base .mx-datepicker-content:has(.mx-calendar:first-child):has(.today:not(.not-current-month)) .mx-calendar:last-child .mx-btn-icon-left, .ly_mobileDatePicker .mx-datepicker-content:has(.mx-calendar:first-child):has(.today:not(.not-current-month)) .mx-calendar:last-child .mx-btn-icon-left {
display: none!important
}
.bl_datepicker_popup .bl_customDatePicker.bl_customDatePicker__inPopup, .bl_datepicker_popup .bl_reservationFlow_body.bl_customDatePicker__inPopup, .bl_datepicker_popup .bl_reserveRestaurant_info.bl_customDatePicker__inPopup, .bl_reservationFlow_popup .bl_customDatePicker.bl_customDatePicker__inPopup, .bl_reservationFlow_popup .bl_reservationFlow_body.bl_customDatePicker__inPopup, .bl_reservationFlow_popup .bl_reserveRestaurant_info.bl_customDatePicker__inPopup, .bl_reserveSection_wrapper .bl_customDatePicker.bl_customDatePicker__inPopup, .bl_reserveSection_wrapper .bl_reservationFlow_body.bl_customDatePicker__inPopup, .bl_reserveSection_wrapper .bl_reserveRestaurant_info.bl_customDatePicker__inPopup, .datepicker-base .bl_customDatePicker.bl_customDatePicker__inPopup, .datepicker-base .bl_reservationFlow_body.bl_customDatePicker__inPopup, .datepicker-base .bl_reserveRestaurant_info.bl_customDatePicker__inPopup, .ly_mobileDatePicker .bl_customDatePicker.bl_customDatePicker__inPopup, .ly_mobileDatePicker .bl_reservationFlow_body.bl_customDatePicker__inPopup, .ly_mobileDatePicker .bl_reserveRestaurant_info.bl_customDatePicker__inPopup {
transform: translateX(25%);
z-index: 10000
}
.bl_datepicker_popup .bl_customDatePicker .mx-input, .bl_datepicker_popup .bl_reservationFlow_body .mx-input, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-input, .bl_reservationFlow_popup .bl_customDatePicker .mx-input, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-input, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-input, .bl_reserveSection_wrapper .bl_customDatePicker .mx-input, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-input, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-input, .datepicker-base .bl_customDatePicker .mx-input, .datepicker-base .bl_reservationFlow_body .mx-input, .datepicker-base .bl_reserveRestaurant_info .mx-input, .ly_mobileDatePicker .bl_customDatePicker .mx-input, .ly_mobileDatePicker .bl_reservationFlow_body .mx-input, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-input {
height: 42px
}
.bl_datepicker_popup .bl_customDatePicker .mx-icon-calendar, .bl_datepicker_popup .bl_reservationFlow_body .mx-icon-calendar, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-icon-calendar, .bl_reservationFlow_popup .bl_customDatePicker .mx-icon-calendar, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-icon-calendar, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-icon-calendar, .bl_reserveSection_wrapper .bl_customDatePicker .mx-icon-calendar, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-icon-calendar, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-icon-calendar, .datepicker-base .bl_customDatePicker .mx-icon-calendar, .datepicker-base .bl_reservationFlow_body .mx-icon-calendar, .datepicker-base .bl_reserveRestaurant_info .mx-icon-calendar, .ly_mobileDatePicker .bl_customDatePicker .mx-icon-calendar, .ly_mobileDatePicker .bl_reservationFlow_body .mx-icon-calendar, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-icon-calendar {
display: none
}
.bl_datepicker_popup .bl_customDatePicker.mx-datepicker-main, .bl_datepicker_popup .bl_customDatePicker .mx-datepicker-main, .bl_datepicker_popup .bl_reservationFlow_body.mx-datepicker-main, .bl_datepicker_popup .bl_reservationFlow_body .mx-datepicker-main, .bl_datepicker_popup .bl_reserveRestaurant_info.mx-datepicker-main, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-datepicker-main, .bl_reservationFlow_popup .bl_customDatePicker.mx-datepicker-main, .bl_reservationFlow_popup .bl_customDatePicker .mx-datepicker-main, .bl_reservationFlow_popup .bl_reservationFlow_body.mx-datepicker-main, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-datepicker-main, .bl_reservationFlow_popup .bl_reserveRestaurant_info.mx-datepicker-main, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-datepicker-main, .bl_reserveSection_wrapper .bl_customDatePicker.mx-datepicker-main, .bl_reserveSection_wrapper .bl_customDatePicker .mx-datepicker-main, .bl_reserveSection_wrapper .bl_reservationFlow_body.mx-datepicker-main, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-datepicker-main, .bl_reserveSection_wrapper .bl_reserveRestaurant_info.mx-datepicker-main, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-datepicker-main, .datepicker-base .bl_customDatePicker.mx-datepicker-main, .datepicker-base .bl_customDatePicker .mx-datepicker-main, .datepicker-base .bl_reservationFlow_body.mx-datepicker-main, .datepicker-base .bl_reservationFlow_body .mx-datepicker-main, .datepicker-base .bl_reserveRestaurant_info.mx-datepicker-main, .datepicker-base .bl_reserveRestaurant_info .mx-datepicker-main, .ly_mobileDatePicker .bl_customDatePicker.mx-datepicker-main, .ly_mobileDatePicker .bl_customDatePicker .mx-datepicker-main, .ly_mobileDatePicker .bl_reservationFlow_body.mx-datepicker-main, .ly_mobileDatePicker .bl_reservationFlow_body .mx-datepicker-main, .ly_mobileDatePicker .bl_reserveRestaurant_info.mx-datepicker-main, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-datepicker-main {
border-radius: 15px;
color: #333;
font-family: inherit
}
.bl_datepicker_popup .bl_customDatePicker.mx-datepicker-popup, .bl_datepicker_popup .bl_reservationFlow_body.mx-datepicker-popup, .bl_datepicker_popup .bl_reserveRestaurant_info.mx-datepicker-popup, .bl_reservationFlow_popup .bl_customDatePicker.mx-datepicker-popup, .bl_reservationFlow_popup .bl_reservationFlow_body.mx-datepicker-popup, .bl_reservationFlow_popup .bl_reserveRestaurant_info.mx-datepicker-popup, .bl_reserveSection_wrapper .bl_customDatePicker.mx-datepicker-popup, .bl_reserveSection_wrapper .bl_reservationFlow_body.mx-datepicker-popup, .bl_reserveSection_wrapper .bl_reserveRestaurant_info.mx-datepicker-popup, .datepicker-base .bl_customDatePicker.mx-datepicker-popup, .datepicker-base .bl_reservationFlow_body.mx-datepicker-popup, .datepicker-base .bl_reserveRestaurant_info.mx-datepicker-popup, .ly_mobileDatePicker .bl_customDatePicker.mx-datepicker-popup, .ly_mobileDatePicker .bl_reservationFlow_body.mx-datepicker-popup, .ly_mobileDatePicker .bl_reserveRestaurant_info.mx-datepicker-popup {
box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar, .datepicker-base .bl_customDatePicker .mx-calendar, .datepicker-base .bl_reservationFlow_body .mx-calendar, .datepicker-base .bl_reserveRestaurant_info .mx-calendar, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar {
padding: 6px 0;
width: 223px
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar+.mx-calendar, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar+.mx-calendar, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar+.mx-calendar, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar+.mx-calendar, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar+.mx-calendar, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar+.mx-calendar, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .datepicker-base .bl_customDatePicker .mx-calendar+.mx-calendar, .datepicker-base .bl_reservationFlow_body .mx-calendar+.mx-calendar, .datepicker-base .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar+.mx-calendar, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar+.mx-calendar, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar+.mx-calendar {
border-left-width: 0
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar+.mx-calendar, .bl_datepicker_popup .bl_customDatePicker .mx-datepicker-main, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar+.mx-calendar, .bl_datepicker_popup .bl_reservationFlow_body .mx-datepicker-main, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-datepicker-main, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar+.mx-calendar, .bl_reservationFlow_popup .bl_customDatePicker .mx-datepicker-main, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar+.mx-calendar, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-datepicker-main, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-datepicker-main, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar+.mx-calendar, .bl_reserveSection_wrapper .bl_customDatePicker .mx-datepicker-main, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar+.mx-calendar, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-datepicker-main, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-datepicker-main, .datepicker-base .bl_customDatePicker .mx-calendar+.mx-calendar, .datepicker-base .bl_customDatePicker .mx-datepicker-main, .datepicker-base .bl_reservationFlow_body .mx-calendar+.mx-calendar, .datepicker-base .bl_reservationFlow_body .mx-datepicker-main, .datepicker-base .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .datepicker-base .bl_reserveRestaurant_info .mx-datepicker-main, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar+.mx-calendar, .ly_mobileDatePicker .bl_customDatePicker .mx-datepicker-main, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar+.mx-calendar, .ly_mobileDatePicker .bl_reservationFlow_body .mx-datepicker-main, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar+.mx-calendar, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-datepicker-main {
border: 0
}
.bl_datepicker_popup .bl_customDatePicker .mx-btn, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn, .datepicker-base .bl_customDatePicker .mx-btn, .datepicker-base .bl_reservationFlow_body .mx-btn, .datepicker-base .bl_reserveRestaurant_info .mx-btn, .ly_mobileDatePicker .bl_customDatePicker .mx-btn, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn {
color: inherit
}
.bl_datepicker_popup .bl_customDatePicker .mx-btn-current-month, .bl_datepicker_popup .bl_customDatePicker .mx-btn-current-year, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-current-month, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-current-year, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-current-month, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-current-year, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-current-month, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-current-year, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-current-month, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-current-year, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-current-month, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-current-year, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-current-month, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-current-year, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-current-month, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-current-year, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-current-month, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-current-year, .datepicker-base .bl_customDatePicker .mx-btn-current-month, .datepicker-base .bl_customDatePicker .mx-btn-current-year, .datepicker-base .bl_reservationFlow_body .mx-btn-current-month, .datepicker-base .bl_reservationFlow_body .mx-btn-current-year, .datepicker-base .bl_reserveRestaurant_info .mx-btn-current-month, .datepicker-base .bl_reserveRestaurant_info .mx-btn-current-year, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-current-month, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-current-year, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-current-month, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-current-year, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-current-month, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-current-year {
pointer-events: none
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-header, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-header, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-header, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-header, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-header, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-header, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-header, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-header, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-header, .datepicker-base .bl_customDatePicker .mx-calendar-header, .datepicker-base .bl_reservationFlow_body .mx-calendar-header, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-header, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-header, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-header, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-header {
align-items: center;
display: flex;
justify-content: center
}
.bl_datepicker_popup .bl_customDatePicker .mx-range-wrapper, .bl_datepicker_popup .bl_reservationFlow_body .mx-range-wrapper, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-range-wrapper, .bl_reservationFlow_popup .bl_customDatePicker .mx-range-wrapper, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-range-wrapper, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-range-wrapper, .bl_reserveSection_wrapper .bl_customDatePicker .mx-range-wrapper, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-range-wrapper, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-range-wrapper, .datepicker-base .bl_customDatePicker .mx-range-wrapper, .datepicker-base .bl_reservationFlow_body .mx-range-wrapper, .datepicker-base .bl_reserveRestaurant_info .mx-range-wrapper, .ly_mobileDatePicker .bl_customDatePicker .mx-range-wrapper, .ly_mobileDatePicker .bl_reservationFlow_body .mx-range-wrapper, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-range-wrapper {
gap: 20px
}
.bl_datepicker_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_datepicker_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_reservationFlow_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .datepicker-base .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .datepicker-base .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .datepicker-base .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .ly_mobileDatePicker .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .ly_mobileDatePicker .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-left {
opacity: 0;
pointer-events: none
}
.bl_datepicker_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_datepicker_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_reservationFlow_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .datepicker-base .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .datepicker-base .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .datepicker-base .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .ly_mobileDatePicker .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .ly_mobileDatePicker .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date .mx-btn-icon-right {
position: absolute;
right: 15px
}
.bl_datepicker_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_datepicker_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_reservationFlow_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .datepicker-base .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .datepicker-base .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .datepicker-base .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .ly_mobileDatePicker .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .ly_mobileDatePicker .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-right {
opacity: 0;
pointer-events: none
}
.bl_datepicker_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_datepicker_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_reservationFlow_popup .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .datepicker-base .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .datepicker-base .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .datepicker-base .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .ly_mobileDatePicker .bl_customDatePicker .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .ly_mobileDatePicker .bl_reservationFlow_body .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-range-wrapper .mx-calendar-panel-date+.mx-calendar-panel-date .mx-btn-icon-left {
left: 15px;
opacity: 1;
pointer-events: auto;
position: absolute
}
.bl_datepicker_popup .bl_customDatePicker .mx-btn-icon-double-left, .bl_datepicker_popup .bl_customDatePicker .mx-btn-icon-double-right, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-icon-double-left, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-icon-double-right, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-icon-double-left, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-icon-double-right, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-icon-double-left, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-icon-double-right, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-icon-double-left, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-icon-double-right, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-icon-double-left, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-icon-double-right, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-icon-double-left, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-icon-double-right, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-icon-double-left, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-icon-double-right, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-icon-double-left, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-icon-double-right, .datepicker-base .bl_customDatePicker .mx-btn-icon-double-left, .datepicker-base .bl_customDatePicker .mx-btn-icon-double-right, .datepicker-base .bl_reservationFlow_body .mx-btn-icon-double-left, .datepicker-base .bl_reservationFlow_body .mx-btn-icon-double-right, .datepicker-base .bl_reserveRestaurant_info .mx-btn-icon-double-left, .datepicker-base .bl_reserveRestaurant_info .mx-btn-icon-double-right, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-icon-double-left, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-icon-double-right, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-icon-double-left, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-icon-double-right, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-icon-double-left, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-icon-double-right {
display: none
}
.bl_datepicker_popup .bl_customDatePicker .mx-btn-icon-left, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-icon-left, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-icon-left, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-icon-left, .datepicker-base .bl_customDatePicker .mx-btn-icon-left, .datepicker-base .bl_reservationFlow_body .mx-btn-icon-left, .datepicker-base .bl_reserveRestaurant_info .mx-btn-icon-left, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-icon-left, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-icon-left, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-icon-left {
order: 1
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-header-label, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-header-label, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-header-label, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-header-label, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-header-label, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-header-label, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-header-label, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-header-label, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-header-label, .datepicker-base .bl_customDatePicker .mx-calendar-header-label, .datepicker-base .bl_reservationFlow_body .mx-calendar-header-label, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-header-label, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-header-label, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-header-label, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-header-label {
color: #000;
order: 2
}
.bl_datepicker_popup .bl_customDatePicker .mx-btn-icon-right, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-icon-right, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-icon-right, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-icon-right, .datepicker-base .bl_customDatePicker .mx-btn-icon-right, .datepicker-base .bl_reservationFlow_body .mx-btn-icon-right, .datepicker-base .bl_reserveRestaurant_info .mx-btn-icon-right, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-icon-right, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-icon-right, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-icon-right {
order: 3
}
.bl_datepicker_popup .bl_customDatePicker .mx-btn-icon-left, .bl_datepicker_popup .bl_customDatePicker .mx-btn-icon-right, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-icon-left, .bl_datepicker_popup .bl_reservationFlow_body .mx-btn-icon-right, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-icon-left, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-btn-icon-right, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-icon-left, .bl_reservationFlow_popup .bl_customDatePicker .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-btn-icon-right, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-icon-left, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_customDatePicker .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-btn-icon-right, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-icon-left, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-btn-icon-right, .datepicker-base .bl_customDatePicker .mx-btn-icon-left, .datepicker-base .bl_customDatePicker .mx-btn-icon-right, .datepicker-base .bl_reservationFlow_body .mx-btn-icon-left, .datepicker-base .bl_reservationFlow_body .mx-btn-icon-right, .datepicker-base .bl_reserveRestaurant_info .mx-btn-icon-left, .datepicker-base .bl_reserveRestaurant_info .mx-btn-icon-right, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-icon-left, .ly_mobileDatePicker .bl_customDatePicker .mx-btn-icon-right, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-icon-left, .ly_mobileDatePicker .bl_reservationFlow_body .mx-btn-icon-right, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-icon-left, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-btn-icon-right {
align-items: center;
background-color: #d9d9d9;
color: #333;
display: flex;
height: 24px;
justify-content: center;
width: 30px
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-header-label .mx-btn, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, .datepicker-base .bl_customDatePicker .mx-calendar-header-label .mx-btn, .datepicker-base .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-header-label .mx-btn, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn {
font-size: 1rem
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn:focus, .bl_datepicker_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn:hover, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:focus, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:hover, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:focus, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:hover, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn:focus, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn:hover, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:focus, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:hover, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:focus, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:hover, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-header-label .mx-btn:focus, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-header-label .mx-btn:hover, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:focus, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:hover, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:focus, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:hover, .datepicker-base .bl_customDatePicker .mx-calendar-header-label .mx-btn:focus, .datepicker-base .bl_customDatePicker .mx-calendar-header-label .mx-btn:hover, .datepicker-base .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:focus, .datepicker-base .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:hover, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:focus, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:hover, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-header-label .mx-btn:focus, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-header-label .mx-btn:hover, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:focus, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-header-label .mx-btn:hover, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:focus, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn:hover {
color: inherit
}
html[lang=vi] .bl_datepicker_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, html[lang=vi] .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, html[lang=vi] .datepicker-base .bl_customDatePicker .mx-calendar-header-label .mx-btn, html[lang=vi] .datepicker-base .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, html[lang=vi] .datepicker-base .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn, html[lang=vi] .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-header-label .mx-btn, html[lang=vi] .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-header-label .mx-btn, html[lang=vi] .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-header-label .mx-btn {
font-size: inherit
}
.bl_datepicker_popup .bl_customDatePicker .mx-table-date thead tr th:first-child, .bl_datepicker_popup .bl_reservationFlow_body .mx-table-date thead tr th:first-child, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-table-date thead tr th:first-child, .bl_reservationFlow_popup .bl_customDatePicker .mx-table-date thead tr th:first-child, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-table-date thead tr th:first-child, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-table-date thead tr th:first-child, .bl_reserveSection_wrapper .bl_customDatePicker .mx-table-date thead tr th:first-child, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-table-date thead tr th:first-child, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-table-date thead tr th:first-child, .datepicker-base .bl_customDatePicker .mx-table-date thead tr th:first-child, .datepicker-base .bl_reservationFlow_body .mx-table-date thead tr th:first-child, .datepicker-base .bl_reserveRestaurant_info .mx-table-date thead tr th:first-child, .ly_mobileDatePicker .bl_customDatePicker .mx-table-date thead tr th:first-child, .ly_mobileDatePicker .bl_reservationFlow_body .mx-table-date thead tr th:first-child, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-table-date thead tr th:first-child {
color: #c00
}
.bl_datepicker_popup .bl_customDatePicker .mx-table-date thead tr th:last-child, .bl_datepicker_popup .bl_reservationFlow_body .mx-table-date thead tr th:last-child, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-table-date thead tr th:last-child, .bl_reservationFlow_popup .bl_customDatePicker .mx-table-date thead tr th:last-child, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-table-date thead tr th:last-child, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-table-date thead tr th:last-child, .bl_reserveSection_wrapper .bl_customDatePicker .mx-table-date thead tr th:last-child, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-table-date thead tr th:last-child, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-table-date thead tr th:last-child, .datepicker-base .bl_customDatePicker .mx-table-date thead tr th:last-child, .datepicker-base .bl_reservationFlow_body .mx-table-date thead tr th:last-child, .datepicker-base .bl_reserveRestaurant_info .mx-table-date thead tr th:last-child, .ly_mobileDatePicker .bl_customDatePicker .mx-table-date thead tr th:last-child, .ly_mobileDatePicker .bl_reservationFlow_body .mx-table-date thead tr th:last-child, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-table-date thead tr th:last-child {
color: #2585cf
}
.bl_datepicker_popup .bl_customDatePicker .mx-table-date tbody tr td:first-child, .bl_datepicker_popup .bl_reservationFlow_body .mx-table-date tbody tr td:first-child, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-table-date tbody tr td:first-child, .bl_reservationFlow_popup .bl_customDatePicker .mx-table-date tbody tr td:first-child, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-table-date tbody tr td:first-child, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-table-date tbody tr td:first-child, .bl_reserveSection_wrapper .bl_customDatePicker .mx-table-date tbody tr td:first-child, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-table-date tbody tr td:first-child, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-table-date tbody tr td:first-child, .datepicker-base .bl_customDatePicker .mx-table-date tbody tr td:first-child, .datepicker-base .bl_reservationFlow_body .mx-table-date tbody tr td:first-child, .datepicker-base .bl_reserveRestaurant_info .mx-table-date tbody tr td:first-child, .ly_mobileDatePicker .bl_customDatePicker .mx-table-date tbody tr td:first-child, .ly_mobileDatePicker .bl_reservationFlow_body .mx-table-date tbody tr td:first-child, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-table-date tbody tr td:first-child {
color: #c00
}
.bl_datepicker_popup .bl_customDatePicker .mx-table-date tbody tr td:last-child, .bl_datepicker_popup .bl_reservationFlow_body .mx-table-date tbody tr td:last-child, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-table-date tbody tr td:last-child, .bl_reservationFlow_popup .bl_customDatePicker .mx-table-date tbody tr td:last-child, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-table-date tbody tr td:last-child, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-table-date tbody tr td:last-child, .bl_reserveSection_wrapper .bl_customDatePicker .mx-table-date tbody tr td:last-child, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-table-date tbody tr td:last-child, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-table-date tbody tr td:last-child, .datepicker-base .bl_customDatePicker .mx-table-date tbody tr td:last-child, .datepicker-base .bl_reservationFlow_body .mx-table-date tbody tr td:last-child, .datepicker-base .bl_reserveRestaurant_info .mx-table-date tbody tr td:last-child, .ly_mobileDatePicker .bl_customDatePicker .mx-table-date tbody tr td:last-child, .ly_mobileDatePicker .bl_reservationFlow_body .mx-table-date tbody tr td:last-child, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-table-date tbody tr td:last-child {
color: #2585cf
}
.bl_datepicker_popup .bl_customDatePicker .cell, .bl_datepicker_popup .bl_reservationFlow_body .cell, .bl_datepicker_popup .bl_reserveRestaurant_info .cell, .bl_reservationFlow_popup .bl_customDatePicker .cell, .bl_reservationFlow_popup .bl_reservationFlow_body .cell, .bl_reservationFlow_popup .bl_reserveRestaurant_info .cell, .bl_reserveSection_wrapper .bl_customDatePicker .cell, .bl_reserveSection_wrapper .bl_reservationFlow_body .cell, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .cell, .datepicker-base .bl_customDatePicker .cell, .datepicker-base .bl_reservationFlow_body .cell, .datepicker-base .bl_reserveRestaurant_info .cell, .ly_mobileDatePicker .bl_customDatePicker .cell, .ly_mobileDatePicker .bl_reservationFlow_body .cell, .ly_mobileDatePicker .bl_reserveRestaurant_info .cell {
font-size: .875rem
}
.bl_datepicker_popup .bl_customDatePicker .mx-table-month .cell, .bl_datepicker_popup .bl_reservationFlow_body .mx-table-month .cell, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-table-month .cell, .bl_reservationFlow_popup .bl_customDatePicker .mx-table-month .cell, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-table-month .cell, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-table-month .cell, .bl_reserveSection_wrapper .bl_customDatePicker .mx-table-month .cell, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-table-month .cell, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-table-month .cell, .datepicker-base .bl_customDatePicker .mx-table-month .cell, .datepicker-base .bl_reservationFlow_body .mx-table-month .cell, .datepicker-base .bl_reserveRestaurant_info .mx-table-month .cell, .ly_mobileDatePicker .bl_customDatePicker .mx-table-month .cell, .ly_mobileDatePicker .bl_reservationFlow_body .mx-table-month .cell, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-table-month .cell {
border-radius: 0
}
.bl_datepicker_popup .bl_customDatePicker .mx-date-row:has(.active) .active:before, .bl_datepicker_popup .bl_reservationFlow_body .mx-date-row:has(.active) .active:before, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-date-row:has(.active) .active:before, .bl_reservationFlow_popup .bl_customDatePicker .mx-date-row:has(.active) .active:before, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-date-row:has(.active) .active:before, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-date-row:has(.active) .active:before, .bl_reserveSection_wrapper .bl_customDatePicker .mx-date-row:has(.active) .active:before, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-date-row:has(.active) .active:before, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-date-row:has(.active) .active:before, .datepicker-base .bl_customDatePicker .mx-date-row:has(.active) .active:before, .datepicker-base .bl_reservationFlow_body .mx-date-row:has(.active) .active:before, .datepicker-base .bl_reserveRestaurant_info .mx-date-row:has(.active) .active:before, .ly_mobileDatePicker .bl_customDatePicker .mx-date-row:has(.active) .active:before, .ly_mobileDatePicker .bl_reservationFlow_body .mx-date-row:has(.active) .active:before, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-date-row:has(.active) .active:before {
border-radius: 50% 0 0 50%
}
.bl_datepicker_popup .bl_customDatePicker .mx-date-row:has(.active) .active~.active, .bl_datepicker_popup .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active, .bl_reservationFlow_popup .bl_customDatePicker .mx-date-row:has(.active) .active~.active, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active, .bl_reserveSection_wrapper .bl_customDatePicker .mx-date-row:has(.active) .active~.active, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active, .datepicker-base .bl_customDatePicker .mx-date-row:has(.active) .active~.active, .datepicker-base .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active, .datepicker-base .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active, .ly_mobileDatePicker .bl_customDatePicker .mx-date-row:has(.active) .active~.active, .ly_mobileDatePicker .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active {
background-color: #c0b79c
}
.bl_datepicker_popup .bl_customDatePicker .mx-date-row:has(.active) .active~.active:before, .bl_datepicker_popup .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active:before, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active:before, .bl_reservationFlow_popup .bl_customDatePicker .mx-date-row:has(.active) .active~.active:before, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active:before, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active:before, .bl_reserveSection_wrapper .bl_customDatePicker .mx-date-row:has(.active) .active~.active:before, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active:before, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active:before, .datepicker-base .bl_customDatePicker .mx-date-row:has(.active) .active~.active:before, .datepicker-base .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active:before, .datepicker-base .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active:before, .ly_mobileDatePicker .bl_customDatePicker .mx-date-row:has(.active) .active~.active:before, .ly_mobileDatePicker .bl_reservationFlow_body .mx-date-row:has(.active) .active~.active:before, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-date-row:has(.active) .active~.active:before {
border-radius: 0 50% 50% 0
}
.bl_datepicker_popup .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_datepicker_popup .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_reservationFlow_popup .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_reserveSection_wrapper .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .datepicker-base .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .datepicker-base .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .datepicker-base .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .ly_mobileDatePicker .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .ly_mobileDatePicker .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active {
background-color: #c0b79c
}
.bl_datepicker_popup .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_datepicker_popup .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_reservationFlow_popup .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_reserveSection_wrapper .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .datepicker-base .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .datepicker-base .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .datepicker-base .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .ly_mobileDatePicker .bl_customDatePicker .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .ly_mobileDatePicker .bl_reservationFlow_body .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-date-row:has(.active)~.mx-date-row:has(.active) .active:before {
border-radius: 0 50% 50% 0
}
.bl_datepicker_popup .bl_customDatePicker.is_checkinDateSelected .active, .bl_datepicker_popup .bl_reservationFlow_body.is_checkinDateSelected .active, .bl_datepicker_popup .bl_reserveRestaurant_info.is_checkinDateSelected .active, .bl_reservationFlow_popup .bl_customDatePicker.is_checkinDateSelected .active, .bl_reservationFlow_popup .bl_reservationFlow_body.is_checkinDateSelected .active, .bl_reservationFlow_popup .bl_reserveRestaurant_info.is_checkinDateSelected .active, .bl_reserveSection_wrapper .bl_customDatePicker.is_checkinDateSelected .active, .bl_reserveSection_wrapper .bl_reservationFlow_body.is_checkinDateSelected .active, .bl_reserveSection_wrapper .bl_reserveRestaurant_info.is_checkinDateSelected .active, .datepicker-base .bl_customDatePicker.is_checkinDateSelected .active, .datepicker-base .bl_reservationFlow_body.is_checkinDateSelected .active, .datepicker-base .bl_reserveRestaurant_info.is_checkinDateSelected .active, .ly_mobileDatePicker .bl_customDatePicker.is_checkinDateSelected .active, .ly_mobileDatePicker .bl_reservationFlow_body.is_checkinDateSelected .active, .ly_mobileDatePicker .bl_reserveRestaurant_info.is_checkinDateSelected .active {
pointer-events: none
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell.active, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell.active, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.active, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell.active, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell.active, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.active, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell.active, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell.active, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell.active, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell.active, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell.active, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell.active, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell.active, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell.active, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell.active {
background-color: #7a6d42;
border-radius: 50%;
color: #fff;
position: relative
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell.active:before, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell.active:before, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.active:before, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell.active:before, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell.active:before, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.active:before, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell.active:before, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell.active:before, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell.active:before, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell.active:before, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell.active:before, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell.active:before, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell.active:before, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell.active:before, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell.active:before {
background-color: #f7f6f1;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell.hover-in-range, .bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell.in-range, .bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell:hover, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell.hover-in-range, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell.in-range, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell:hover, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.hover-in-range, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.in-range, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell:hover, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell.hover-in-range, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell.in-range, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell:hover, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell.hover-in-range, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell.in-range, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell:hover, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.hover-in-range, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.in-range, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell:hover, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell.hover-in-range, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell.in-range, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell:hover, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell.hover-in-range, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell.in-range, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell:hover, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell.hover-in-range, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell.in-range, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell:hover, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell.hover-in-range, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell.in-range, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell:hover, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell.hover-in-range, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell.in-range, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell:hover, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell.hover-in-range, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell.in-range, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell:hover, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell.hover-in-range, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell.in-range, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell:hover, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell.hover-in-range, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell.in-range, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell:hover, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell.hover-in-range, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell.in-range, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell:hover {
background-color: #f7f6f1;
color: #333
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell.disabled, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell.disabled, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.disabled, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell.disabled, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell.disabled, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.disabled, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell.disabled, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell.disabled, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell.disabled, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell.disabled, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell.disabled, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell.disabled, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell.disabled, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell.disabled, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell.disabled {
background-color: transparent;
color: inherit;
opacity: .35
}
.bl_datepicker_popup .bl_customDatePicker .mx-calendar-content .cell.not-current-month, .bl_datepicker_popup .bl_reservationFlow_body .mx-calendar-content .cell.not-current-month, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.not-current-month, .bl_reservationFlow_popup .bl_customDatePicker .mx-calendar-content .cell.not-current-month, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-calendar-content .cell.not-current-month, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-calendar-content .cell.not-current-month, .bl_reserveSection_wrapper .bl_customDatePicker .mx-calendar-content .cell.not-current-month, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-calendar-content .cell.not-current-month, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-calendar-content .cell.not-current-month, .datepicker-base .bl_customDatePicker .mx-calendar-content .cell.not-current-month, .datepicker-base .bl_reservationFlow_body .mx-calendar-content .cell.not-current-month, .datepicker-base .bl_reserveRestaurant_info .mx-calendar-content .cell.not-current-month, .ly_mobileDatePicker .bl_customDatePicker .mx-calendar-content .cell.not-current-month, .ly_mobileDatePicker .bl_reservationFlow_body .mx-calendar-content .cell.not-current-month, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-calendar-content .cell.not-current-month {
cursor: default;
opacity: 0
}
.bl_datepicker_popup .bl_customDatePicker .mx-datepicker-footer, .bl_datepicker_popup .bl_reservationFlow_body .mx-datepicker-footer, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-datepicker-footer, .bl_reservationFlow_popup .bl_customDatePicker .mx-datepicker-footer, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-datepicker-footer, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-datepicker-footer, .bl_reserveSection_wrapper .bl_customDatePicker .mx-datepicker-footer, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-datepicker-footer, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-datepicker-footer, .datepicker-base .bl_customDatePicker .mx-datepicker-footer, .datepicker-base .bl_reservationFlow_body .mx-datepicker-footer, .datepicker-base .bl_reserveRestaurant_info .mx-datepicker-footer, .ly_mobileDatePicker .bl_customDatePicker .mx-datepicker-footer, .ly_mobileDatePicker .bl_reservationFlow_body .mx-datepicker-footer, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-datepicker-footer {
border-top-width: 0;
display: flex;
justify-content: center
}
.bl_datepicker_popup .bl_customDatePicker .mx-datepicker-btn-confirm, .bl_datepicker_popup .bl_reservationFlow_body .mx-datepicker-btn-confirm, .bl_datepicker_popup .bl_reserveRestaurant_info .mx-datepicker-btn-confirm, .bl_reservationFlow_popup .bl_customDatePicker .mx-datepicker-btn-confirm, .bl_reservationFlow_popup .bl_reservationFlow_body .mx-datepicker-btn-confirm, .bl_reservationFlow_popup .bl_reserveRestaurant_info .mx-datepicker-btn-confirm, .bl_reserveSection_wrapper .bl_customDatePicker .mx-datepicker-btn-confirm, .bl_reserveSection_wrapper .bl_reservationFlow_body .mx-datepicker-btn-confirm, .bl_reserveSection_wrapper .bl_reserveRestaurant_info .mx-datepicker-btn-confirm, .datepicker-base .bl_customDatePicker .mx-datepicker-btn-confirm, .datepicker-base .bl_reservationFlow_body .mx-datepicker-btn-confirm, .datepicker-base .bl_reserveRestaurant_info .mx-datepicker-btn-confirm, .ly_mobileDatePicker .bl_customDatePicker .mx-datepicker-btn-confirm, .ly_mobileDatePicker .bl_reservationFlow_body .mx-datepicker-btn-confirm, .ly_mobileDatePicker .bl_reserveRestaurant_info .mx-datepicker-btn-confirm {
display: none
}
.bl_datepicker_popup .bl_inFormUtilBtns, .bl_reservationFlow_popup .bl_inFormUtilBtns, .bl_reserveSection_wrapper .bl_inFormUtilBtns, .ly_mobileDatePicker .bl_inFormUtilBtns {
display: flex;
gap: 20px
}
.bl_datepicker_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__small, .bl_reservationFlow_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__small, .bl_reserveSection_wrapper .bl_inFormUtilBtns.bl_inFormUtilBtns__small, .ly_mobileDatePicker .bl_inFormUtilBtns.bl_inFormUtilBtns__small {
gap: 10px
}
.bl_datepicker_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__small .el_smallUtilBtn, .bl_reservationFlow_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__small .el_smallUtilBtn, .bl_reserveSection_wrapper .bl_inFormUtilBtns.bl_inFormUtilBtns__small .el_smallUtilBtn, .ly_mobileDatePicker .bl_inFormUtilBtns.bl_inFormUtilBtns__small .el_smallUtilBtn {
max-width: 100px
}
.bl_datepicker_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup, .bl_reservationFlow_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup, .bl_reserveSection_wrapper .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup, .ly_mobileDatePicker .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup {
justify-content: center;
width: 100%
}
.bl_datepicker_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items, .bl_reservationFlow_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items, .bl_reserveSection_wrapper .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items, .ly_mobileDatePicker .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items {
flex: 1 1 115px;
max-width: 115px
}
.bl_datepicker_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items .el_smallUtilBtn, .bl_reservationFlow_popup .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items .el_smallUtilBtn, .bl_reserveSection_wrapper .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items .el_smallUtilBtn, .ly_mobileDatePicker .bl_inFormUtilBtns.bl_inFormUtilBtns__inPopup .bl_inFormUtilBtns_items .el_smallUtilBtn {
width: 100%
}
.bl_datepicker_popup .bl_customDatePicker_wrapper {
transform: none
}
.bl_customDatePicker_wrapper.is-teleported {
position: static;
transform: none;
width: 100%
}
.bl_customDatePicker_wrapper.is-teleported .mx-datepicker-popup {
bottom: auto!important;
left: 0!important;
margin-top: 0;
position: static!important;
top: 0!important;
transform: none!important;
width: 100%
}
.bl_customDatePicker_wrapper.is-teleported .mx-datepicker, .bl_customDatePicker_wrapper.is-teleported .mx-datepicker-range {
width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker {
display: flex;
flex-direction: column;
min-width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_ttl, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_ttl, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_ttl {
font-weight: 700
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_rooms, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_rooms, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_rooms {
border-top: 1px solid #d9d9d9;
margin-top: 10px;
padding-top: 20px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_room, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_room, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_room {
display: grid;
gap: 8px;
grid-template-columns: auto 1fr 1fr;
grid-template-rows: repeat(auto-fill, minmax(0, 1fr))
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_roomRow, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_roomRow, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_roomRow {
display: contents
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_roomRow+.bl_roomAndNinzuPicker_roomRow, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_roomRow+.bl_roomAndNinzuPicker_roomRow, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_roomRow+.bl_roomAndNinzuPicker_roomRow {
margin-top: 15px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_roomRow_ttl, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_roomRow_ttl, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_roomRow_ttl {
grid-column: 1/2;
padding-top: 6px;
white-space: nowrap
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_roomRow_body, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_roomRow_body, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_roomRow_body {
display: contents
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker {
align-items: center;
display: flex;
gap: 14px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker--adults, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker--adults, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker--adults {
grid-column: 2/3
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker--children, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker--children, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker--children {
grid-column: 3/4
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAgeList, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAgeList, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAgeList {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
gap: 12px;
grid-column: 3/4;
margin-top: 4px;
max-width: 100%;
min-width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge {
align-items: center;
-moz-column-gap: 14px;
column-gap: 14px;
display: grid;
flex-direction: column;
grid-column: span 2;
grid-template-columns: 96px 1fr;
max-width: 100%;
min-width: 120px;
width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_label, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_label, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_label {
display: contents;
font-size: 14px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_labelText, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_labelText, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_labelText {
display: block;
line-height: 1.4
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_labelText, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker_label, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_labelText, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker_label, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_labelText, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker_label {
width: 96px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker.bl_roomAndNinzuPicker_picker--adults .bl_roomAndNinzuPicker_picker_label, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker.bl_roomAndNinzuPicker_picker--adults .bl_roomAndNinzuPicker_picker_label, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker.bl_roomAndNinzuPicker_picker--adults .bl_roomAndNinzuPicker_picker_label {
width: unset
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_select, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_select, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_select {
-webkit-text-fill-color: #333;
background-color: #fff;
border: 1px solid #333;
border-radius: 7px;
color: #333;
font-size: inherit;
max-width: 100%;
min-width: 100%;
padding: 4px 10px;
width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_select.is_placeholder, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_select.is_placeholder, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_select.is_placeholder {
text-align: center;
-moz-text-align-last: center;
text-align-last: center
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_error, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_error, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_error {
color: #860b0b;
font-size: 12px;
grid-column: span 2;
margin-top: 6px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_minusBtn, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_plusBtn, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_minusBtn, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_plusBtn, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_minusBtn, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_plusBtn {
align-items: center;
background-color: #d9d9d9;
border-radius: 3px;
cursor: pointer;
display: flex;
font-size: 0;
height: 30px;
justify-content: center;
min-width: 30px;
position: relative;
width: 30px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_minusBtn:focus, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_minusBtn:hover, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_plusBtn:focus, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_plusBtn:hover, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_minusBtn:focus, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_minusBtn:hover, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_plusBtn:focus, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_plusBtn:hover, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_minusBtn:focus, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_minusBtn:hover, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_plusBtn:focus, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_plusBtn:hover {
opacity: .75
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_minusBtn:before, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_plusBtn:before, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_minusBtn:before, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_plusBtn:before, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_minusBtn:before, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_plusBtn:before {
background-color: #333;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 30%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_plusBtn:after, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_plusBtn:after, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_plusBtn:after {
background-color: #333;
content: "";
display: block;
height: 30%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 1px
}
.bl_reserveFormCondWindow_wrapper.is-teleported, .bl_reserveSection_wrapper {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
@media screen and (max-width:768px) {
body {
font-size: .875rem
}
body.is_fixed {
position: fixed;
width: 100%
}
.ly_cont {
max-width: 100%
}
.ly_cont.ly_cont__col {
flex-direction: column;
padding-bottom: 35px;
padding-top: 35px
}
.ly_cont_main {
margin-bottom: 60px;
margin-right: 0
}
.el_langSelecTtl {
margin-bottom: 20px
}
.el_modalCloseBtn {
padding: 7px 0
}
.el_numberLabel {
font-size: 15px;
padding: 2px 5px
}
.el_borderTtl span {
font-size: 17px
}
.ly_header_inner {
max-width: 100%;
padding-left: 5px;
padding-right: 0
}
.bl_headerUtils {
flex-wrap: nowrap;
gap: 0;
min-height: 70px;
padding-block: 0
}
.ly_header_logo {
margin-inline: 0 auto;
margin-right: auto;
order: 0;
position: static;
width: auto
}
.ly_header_logo span {
display: none
}
.bl_headerUtils_logo {
font-size: 1.125rem;
gap: 0;
padding-bottom: 0;
padding-top: 0
}
.bl_headerUtils_logo img.el_logo__sp {
height: 60px;
max-width: none;
width: auto
}
body[data-hotel-where=kagawa] .bl_headerUtils_logo img[src$=".webp"], body[data-hotel-where=kagawa] .bl_headerUtils_logo img[src*=".webp?"], body[data-hotel-where=niihama] .bl_headerUtils_logo img[src$=".webp"], body[data-hotel-where=niihama] .bl_headerUtils_logo img[src*=".webp?"] {
filter: url(#exact-color);
height: 44px;
margin: 8px 0 8px 8px
}
.ly_header.is_anchored-osaka-namba .bl_headerUtils_logo img {
margin-top: -8px
}
.bl_headerUtils_logoText {
display: none!important
}
.bl_headerNav {
display: none
}
.bl_headerChildNav {
background-color: hsla(0, 0%, 93%, .1);
display: none;
opacity: 1;
position: static;
transform: none;
transition: none;
visibility: visible;
width: 100%
}
.bl_headerChildNav_item {
border-bottom: none;
border-top: 1px solid hsla(0, 0%, 93%, .3)
}
.ly_headerChildNav_links {
display: none
}
.bl_headerChildNav_links a:focus, .bl_headerChildNav_links a:hover {
text-decoration: none
}
.ly_header_buttons {
display: none
}
.ly_header_buttons .vm_reserveSection__header .bl_reserveFormCondWindow_wrapper {
padding-top: 0;
top: auto
}
.el_spMenuBtn {
align-items: center;
cursor: pointer;
display: flex;
flex-shrink: 0;
height: 70px;
justify-content: center;
position: relative;
transition: .25s;
width: 70px
}
.el_spMenuBtn:after, .el_spMenuBtn:before {
background-color: var(--color-hotel-theme);
border-radius: 1em;
content: "";
display: block;
height: 4px;
inset: 0;
margin: auto;
position: absolute;
width: 30px
}
.el_spMenuBtn:before {
transform: translateY(-8px)
}
.el_spMenuBtn:after {
transform: translateY(8px)
}
.el_spMenuBtn.is_open {
background-color: color-mix(in srgb, var(--color-hotel-theme), transparent 50%)
}
.el_spMenuBtn.is_open:before {
transform: rotate(45deg)
}
.el_spMenuBtn.is_open:after {
transform: rotate(-45deg)
}
.ly_header_lang {
display: none
}
.ly_spMenu {
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
display: block;
overflow-x: hidden;
position: fixed;
right: 0;
top: 70px;
transition: .25s;
width: 0;
z-index: 1
}
.ly_spMenu.is_show {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
overflow: auto;
width: 100%
}
.ly_headerMegaMenu {
display: none!important
}
.ly_footer_inner, .ly_headerMegaMenu_inner {
max-width: 100%
}
.is_sogo .ly_footer_inner {
padding-left: 40px;
padding-right: 40px
}
.ly_footer_inner__aboveFooter {
padding-bottom: 60px;
padding-top: 55px
}
.bl_horizSmallNavs {
gap: 32px 10px
}
.bl_horizSmallNavs_item {
flex: 0 1 calc(50% - 10px)
}
.bl_footerSection_wrapper {
display: block;
padding-bottom: 61px;
padding-top: 54px
}
.is_sogo .bl_footerSection_wrapper {
padding-top: 57px
}
.bl_footerSection__1 {
display: block
}
.bl_footerSection__1 .bl_footerSection_inner {
margin-right: 0;
min-width: 0;
min-width: min(100%, 350px)
}
.bl_footerSection__1 .bl_footerNav {
margin-top: 60px
}
.bl_footerSection__1 .bl_footerNav_item {
margin-bottom: 30px
}
.bl_footerSection_logo {
margin-top: 80px;
text-align: center
}
.bl_footerSection_imgLinks {
text-align: center
}
.bl_footerSection_info {
flex-direction: column;
margin-inline: auto;
margin-top: 40px;
max-width: 335px
}
.bl_footerSection_info_contentsLink {
max-width: none
}
.bl_footerSection_info_contentsLink p:has(img) {
text-align: center
}
.bl_footerSection__2 .bl_footerNav, .bl_footerSection__2 .bl_footerSection_ttl, .bl_footerSection_info, .bl_footerSection_info_btn, .bl_footerSection_info_onerewards, .bl_footerSection_info_onerewards_logo, .bl_footerSection_info_rihgamembers, .bl_footerSection_inner .bl_footerNav {
margin-left: auto;
margin-right: auto;
max-width: 240px
}
.bl_footerSection_info_btn {
margin-inline: auto
}
.bl_footerSection__2 {
margin-right: auto;
margin-top: 60px;
min-width: unset
}
.bl_footerSection__2 .bl_footerNav {
margin-top: 41px
}
.bl_footerSection__2 .bl_footerNav_item {
font-size: 1rem;
margin-bottom: 30px
}
.bl_footerSection_ttl {
max-width: unset;
text-align: center
}
.bl_footerHotelList {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
margin-bottom: 0;
margin-top: 57px;
row-gap: 21px
}
.bl_footerHotelList_item {
flex-basis: calc(50% - 12px)
}
.bl_footerSection_txtArea {
margin-left: auto;
margin-right: auto;
max-width: 240px
}
.bl_footerSection_txt {
margin-top: 38px
}
.bl_footerSection_embed {
margin-inline: auto;
max-width: 335px
}
.bl_footerNav {
display: flex;
flex-wrap: wrap;
margin-bottom: -30px
}
.bl_footerNav_item {
margin-right: 4%;
width: 48%
}
.bl_footerNav_item:nth-child(2n) {
margin-right: 0
}
.bl_footerModal_wrapper .el_btn__iconPlus {
display: block;
font-size: 1rem;
margin-left: auto;
margin-right: auto;
max-width: 335px;
padding-bottom: 14px;
padding-left: 12px;
padding-top: 14px;
width: 100%
}
.bl_sect {
padding-bottom: 50px;
padding-top: 50px
}
.bl_wysiwyg p {
margin-bottom: 20px;
margin-top: 20px
}
.bl_wysiwyg p+ol, .bl_wysiwyg p+ul {
margin-top: -10px
}
.bl_carousel .swiper-pagination {
margin-bottom: 30px
}
.bl_carousel .swiper-button {
width: 17.07vw
}
.el_swiperImg {
width: 65.87vw
}
.bl_simpleCarousel {
padding-bottom: 25px!important
}
.bl_simpleCarousel .swiper-pagination-bullet {
height: 10px;
width: 10px
}
.bl_simpleCarousel .swiper-button {
display: none
}
:where(.ly_cont) .bl_simpleCarousel:not(.bl_mediaObject_img) {
--margin: calc(50% - 50vw);
margin-left: var(--margin);
margin-right: var(--margin);
max-width: calc(100% + var(--margin)*2*-1);
width: 100vw
}
.modaal-container {
max-height: 80svh
}
.sp_roundImg {
border-radius: 14px
}
.sp_bdrs0 {
border-radius: 0!important
}
.sp_sliderRoundBox figure {
border-radius: 14px;
overflow: hidden
}
.hp_fzXXSmall {
font-size: 1rem!important
}
.hp_fzXSmall {
font-size: 1.1rem!important
}
.hp_fzSmall {
font-size: 1.2rem!important
}
.hp_fzMiddle {
font-size: 1.4rem!important
}
.hp_fzLarge {
font-size: 1.6rem!important
}
.hp_fzH4, .hp_fzXLarge {
font-size: 1.8rem!important
}
.hp_fzH3 {
font-size: 2.1rem!important
}
.hp_fzH2 {
font-size: 2.4rem!important
}
.hp_fzH1 {
font-size: 2.7rem!important
}
.hp_tacl {
text-align: left!important
}
.hp_talc {
text-align: center!important
}
.lg_only, .pc_only {
display: none!important
}
.pc_hidden {
height: auto!important;
position: static!important;
visibility: visible!important
}
.pc_db {
display: inline
}
.pc_btGray {
border-top: none!important
}
.md_only {
display: block!important
}
.md_rounded {
border-radius: 15px!important
}
.md_full {
margin-left: -15px!important;
width: calc(100% + 30px)!important
}
.md_firstChildPt0>:first-child {
padding-top: 0!important
}
.md_pr25 {
padding-right: 25px!important
}
.md_pr35 {
padding-right: 35px!important
}
.md_pl25 {
padding-left: 25px!important
}
.md_pl35 {
padding-left: 35px!important
}
.md_tal {
text-align: left!important
}
.md_pt0 {
padding-top: 0!important
}
.md_pt5 {
padding-top: 5px!important
}
.md_pt10 {
padding-top: 10px!important
}
.md_pt15 {
padding-top: 15px!important
}
.md_pt20 {
padding-top: 20px!important
}
.md_pt25 {
padding-top: 25px!important
}
.md_pt30 {
padding-top: 30px!important
}
.md_pt35 {
padding-top: 35px!important
}
.md_pt40 {
padding-top: 40px!important
}
.md_pt45 {
padding-top: 45px!important
}
.md_pt50 {
padding-top: 50px!important
}
.md_pt55 {
padding-top: 55px!important
}
.md_pt60 {
padding-top: 60px!important
}
.md_pt65 {
padding-top: 65px!important
}
.md_pt70 {
padding-top: 70px!important
}
.md_pt75 {
padding-top: 75px!important
}
.md_pt80 {
padding-top: 80px!important
}
.md_pt85 {
padding-top: 85px!important
}
.md_pt90 {
padding-top: 90px!important
}
.md_pt95 {
padding-top: 95px!important
}
.md_pt100 {
padding-top: 100px!important
}
.md_pb0 {
padding-bottom: 0!important
}
.md_pb5 {
padding-bottom: 5px!important
}
.md_pb10 {
padding-bottom: 10px!important
}
.md_pb15 {
padding-bottom: 15px!important
}
.md_pb20 {
padding-bottom: 20px!important
}
.md_pb25 {
padding-bottom: 25px!important
}
.md_pb30 {
padding-bottom: 30px!important
}
.md_pb35 {
padding-bottom: 35px!important
}
.md_pb40 {
padding-bottom: 40px!important
}
.md_pb45 {
padding-bottom: 45px!important
}
.md_pb50 {
padding-bottom: 50px!important
}
.md_pb55 {
padding-bottom: 55px!important
}
.md_pb60 {
padding-bottom: 60px!important
}
.md_pb65 {
padding-bottom: 65px!important
}
.md_pb70 {
padding-bottom: 70px!important
}
.md_pb75 {
padding-bottom: 75px!important
}
.md_pb80 {
padding-bottom: 80px!important
}
.md_pb85 {
padding-bottom: 85px!important
}
.md_pb90 {
padding-bottom: 90px!important
}
.md_pb95 {
padding-bottom: 95px!important
}
.md_pb100 {
padding-bottom: 100px!important
}
.md_mt0 {
margin-top: 0!important
}
.md_mt5 {
margin-top: 5px!important
}
.md_mt10 {
margin-top: 10px!important
}
.md_mt15 {
margin-top: 15px!important
}
.md_mt20 {
margin-top: 20px!important
}
.md_mt25 {
margin-top: 25px!important
}
.md_mt30 {
margin-top: 30px!important
}
.md_mt35 {
margin-top: 35px!important
}
.md_mt40 {
margin-top: 40px!important
}
.md_mt45 {
margin-top: 45px!important
}
.md_mt50 {
margin-top: 50px!important
}
.md_mt55 {
margin-top: 55px!important
}
.md_mt60 {
margin-top: 60px!important
}
.md_mt65 {
margin-top: 65px!important
}
.md_mt70 {
margin-top: 70px!important
}
.md_mt75 {
margin-top: 75px!important
}
.md_mt80 {
margin-top: 80px!important
}
.md_mt85 {
margin-top: 85px!important
}
.md_mt90 {
margin-top: 90px!important
}
.md_mt95 {
margin-top: 95px!important
}
.md_mt100 {
margin-top: 100px!important
}
.sp_only {
display: block!important
}
.sp_onlyDib {
display: inline-block!important
}
.sp_onlyDf, .sp_onlyDif {
display: flex!important
}
.sp_db {
display: block
}
.sp_full {
left: -15px!important;
position: relative!important;
width: calc(100% + 30px)!important
}
.sp_restoreFull {
left: 15px;
position: relative;
width: calc(100% - 30px)
}
.sp_w33p {
width: 33%!important
}
.sp_wa {
width: auto!important
}
.sp_pt0 {
padding-top: 0!important
}
.sp_pt5 {
padding-top: 5px!important
}
.sp_pt10 {
padding-top: 10px!important
}
.sp_pt15 {
padding-top: 15px!important
}
.sp_pt20 {
padding-top: 20px!important
}
.sp_pt25 {
padding-top: 25px!important
}
.sp_pt30 {
padding-top: 30px!important
}
.sp_pt35 {
padding-top: 35px!important
}
.sp_pt40 {
padding-top: 40px!important
}
.sp_pt45 {
padding-top: 45px!important
}
.sp_pt50 {
padding-top: 50px!important
}
.sp_pt55 {
padding-top: 55px!important
}
.sp_pt60 {
padding-top: 60px!important
}
.sp_pt65 {
padding-top: 65px!important
}
.sp_pt70 {
padding-top: 70px!important
}
.sp_pt75 {
padding-top: 75px!important
}
.sp_pt80 {
padding-top: 80px!important
}
.sp_pt85 {
padding-top: 85px!important
}
.sp_pt90 {
padding-top: 90px!important
}
.sp_pt95 {
padding-top: 95px!important
}
.sp_pt100 {
padding-top: 100px!important
}
.sp_pb0 {
padding-bottom: 0!important
}
.sp_pb5 {
padding-bottom: 5px!important
}
.sp_pb10 {
padding-bottom: 10px!important
}
.sp_pb15 {
padding-bottom: 15px!important
}
.sp_pb20 {
padding-bottom: 20px!important
}
.sp_pb25 {
padding-bottom: 25px!important
}
.sp_pb30 {
padding-bottom: 30px!important
}
.sp_pb35 {
padding-bottom: 35px!important
}
.sp_pb40 {
padding-bottom: 40px!important
}
.sp_pb45 {
padding-bottom: 45px!important
}
.sp_pb50 {
padding-bottom: 50px!important
}
.sp_pb55 {
padding-bottom: 55px!important
}
.sp_pb60 {
padding-bottom: 60px!important
}
.sp_pb65 {
padding-bottom: 65px!important
}
.sp_pb70 {
padding-bottom: 70px!important
}
.sp_pb75 {
padding-bottom: 75px!important
}
.sp_pb80 {
padding-bottom: 80px!important
}
.sp_pb85 {
padding-bottom: 85px!important
}
.sp_pb90 {
padding-bottom: 90px!important
}
.sp_pb95 {
padding-bottom: 95px!important
}
.sp_pb100 {
padding-bottom: 100px!important
}
.sp_mt0 {
margin-top: 0!important
}
.sp_mt5 {
margin-top: 5px!important
}
.sp_mt10 {
margin-top: 10px!important
}
.sp_mt15 {
margin-top: 15px!important
}
.sp_mt20 {
margin-top: 20px!important
}
.sp_mt25 {
margin-top: 25px!important
}
.sp_mt30 {
margin-top: 30px!important
}
.sp_mt35 {
margin-top: 35px!important
}
.sp_mt40 {
margin-top: 40px!important
}
.sp_mt45 {
margin-top: 45px!important
}
.sp_mt50 {
margin-top: 50px!important
}
.sp_mt55 {
margin-top: 55px!important
}
.sp_mt60 {
margin-top: 60px!important
}
.sp_mt65 {
margin-top: 65px!important
}
.sp_mt70 {
margin-top: 70px!important
}
.sp_mt75 {
margin-top: 75px!important
}
.sp_mt80 {
margin-top: 80px!important
}
.sp_mt85 {
margin-top: 85px!important
}
.sp_mt90 {
margin-top: 90px!important
}
.sp_mt95 {
margin-top: 95px!important
}
.sp_mt100 {
margin-top: 100px!important
}
.sp_mb0 {
margin-bottom: 0!important
}
.sp_mb5 {
margin-bottom: 5px!important
}
.sp_mb10 {
margin-bottom: 10px!important
}
.sp_mb15 {
margin-bottom: 15px!important
}
.sp_mb20 {
margin-bottom: 20px!important
}
.sp_mb25 {
margin-bottom: 25px!important
}
.sp_mb30 {
margin-bottom: 30px!important
}
.sp_mb35 {
margin-bottom: 35px!important
}
.sp_mb40 {
margin-bottom: 40px!important
}
.sp_mb45 {
margin-bottom: 45px!important
}
.sp_mb50 {
margin-bottom: 50px!important
}
.sp_mb55 {
margin-bottom: 55px!important
}
.sp_mb60 {
margin-bottom: 60px!important
}
.sp_mb65 {
margin-bottom: 65px!important
}
.sp_mb70 {
margin-bottom: 70px!important
}
.sp_mb75 {
margin-bottom: 75px!important
}
.sp_mb80 {
margin-bottom: 80px!important
}
.sp_mb85 {
margin-bottom: 85px!important
}
.sp_mb90 {
margin-bottom: 90px!important
}
.sp_mb95 {
margin-bottom: 95px!important
}
.sp_mb100 {
margin-bottom: 100px!important
}
.sp_ml0 {
margin-left: 0!important
}
.sp_ml5 {
margin-left: 5px!important
}
.sp_ml10 {
margin-left: 10px!important
}
.sp_ml15 {
margin-left: 15px!important
}
.sp_ml20 {
margin-left: 20px!important
}
.sp_ml25 {
margin-left: 25px!important
}
.sp_ml30 {
margin-left: 30px!important
}
.sp_ml35 {
margin-left: 35px!important
}
.sp_ml40 {
margin-left: 40px!important
}
.sp_ml45 {
margin-left: 45px!important
}
.sp_ml50 {
margin-left: 50px!important
}
.sp_ml55 {
margin-left: 55px!important
}
.sp_ml60 {
margin-left: 60px!important
}
.sp_ml65 {
margin-left: 65px!important
}
.sp_ml70 {
margin-left: 70px!important
}
.sp_ml75 {
margin-left: 75px!important
}
.sp_ml80 {
margin-left: 80px!important
}
.sp_ml85 {
margin-left: 85px!important
}
.sp_ml90 {
margin-left: 90px!important
}
.sp_ml95 {
margin-left: 95px!important
}
.sp_ml100 {
margin-left: 100px!important
}
.sp_mr0 {
margin-right: 0!important
}
.sp_mr5 {
margin-right: 5px!important
}
.sp_mr10 {
margin-right: 10px!important
}
.sp_mr15 {
margin-right: 15px!important
}
.sp_mr20 {
margin-right: 20px!important
}
.sp_mr25 {
margin-right: 25px!important
}
.sp_mr30 {
margin-right: 30px!important
}
.sp_mr35 {
margin-right: 35px!important
}
.sp_mr40 {
margin-right: 40px!important
}
.sp_mr45 {
margin-right: 45px!important
}
.sp_mr50 {
margin-right: 50px!important
}
.sp_mr55 {
margin-right: 55px!important
}
.sp_mr60 {
margin-right: 60px!important
}
.sp_mr65 {
margin-right: 65px!important
}
.sp_mr70 {
margin-right: 70px!important
}
.sp_mr75 {
margin-right: 75px!important
}
.sp_mr80 {
margin-right: 80px!important
}
.sp_mr85 {
margin-right: 85px!important
}
.sp_mr90 {
margin-right: 90px!important
}
.sp_mr95 {
margin-right: 95px!important
}
.sp_mr100 {
margin-right: 100px!important
}
.sp_MT5 {
margin-top: -5px!important
}
.sp_MT10 {
margin-top: -10px!important
}
.sp_MT15 {
margin-top: -15px!important
}
.sp_MT20 {
margin-top: -20px!important
}
.sp_MT25 {
margin-top: -25px!important
}
.sp_MT30 {
margin-top: -30px!important
}
.sp_MT35 {
margin-top: -35px!important
}
.sp_MT40 {
margin-top: -40px!important
}
.sp_MT45 {
margin-top: -45px!important
}
.sp_MT50 {
margin-top: -50px!important
}
.sp_MT55 {
margin-top: -55px!important
}
.sp_MT60 {
margin-top: -60px!important
}
.sp_MT65 {
margin-top: -65px!important
}
.sp_MT70 {
margin-top: -70px!important
}
.sp_MT75 {
margin-top: -75px!important
}
.sp_MT80 {
margin-top: -80px!important
}
.sp_MT85 {
margin-top: -85px!important
}
.sp_MT90 {
margin-top: -90px!important
}
.sp_MT95 {
margin-top: -95px!important
}
.sp_MT100 {
margin-top: -100px!important
}
.sp_MB5 {
margin-bottom: -5px!important
}
.sp_MB10 {
margin-bottom: -10px!important
}
.sp_MB15 {
margin-bottom: -15px!important
}
.sp_MB20 {
margin-bottom: -20px!important
}
.sp_MB25 {
margin-bottom: -25px!important
}
.sp_MB30 {
margin-bottom: -30px!important
}
.sp_MB35 {
margin-bottom: -35px!important
}
.sp_MB40 {
margin-bottom: -40px!important
}
.sp_MB45 {
margin-bottom: -45px!important
}
.sp_MB50 {
margin-bottom: -50px!important
}
.sp_MB55 {
margin-bottom: -55px!important
}
.sp_MB60 {
margin-bottom: -60px!important
}
.sp_MB65 {
margin-bottom: -65px!important
}
.sp_MB70 {
margin-bottom: -70px!important
}
.sp_MB75 {
margin-bottom: -75px!important
}
.sp_MB80 {
margin-bottom: -80px!important
}
.sp_MB85 {
margin-bottom: -85px!important
}
.sp_MB90 {
margin-bottom: -90px!important
}
.sp_MB95 {
margin-bottom: -95px!important
}
.sp_MB100 {
margin-bottom: -100px!important
}
.sp_bgcTrans {
background-color: transparent!important
}
.sp_btGray {
border-top: 1px solid #ccc!important
}
.sp_btn {
border-top: none!important
}
.sp_width25 {
width: 25px!important
}
.sp_width50 {
width: 50px!important
}
.sp_width75 {
width: 75px!important
}
.sp_width100 {
width: 100px!important
}
.sp_width125 {
width: 125px!important
}
.sp_width150 {
width: 150px!important
}
.sp_width175 {
width: 175px!important
}
.sp_width200 {
width: 200px!important
}
.sp_width225 {
width: 225px!important
}
.sp_width250 {
width: 250px!important
}
.sp_width275 {
width: 275px!important
}
.sp_width300 {
width: 300px!important
}
.sp_tal {
text-align: left!important
}
.bl_reserveSection_wrapper {
padding: 20px
}
.bl_reserveSection_wrapper .bl_reserveSection {
border: 5px solid #cec6ac;
border-radius: 15px;
box-shadow: inset 0 0 0 0 #cec6ac, inset 0 0 0 4px #faf8f1, inset 0 0 0 5px #cec6ac;
padding: 5px 23px;
position: unset;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveRestaurant_body, .bl_reserveSection_wrapper .bl_reserveSection_body {
border: 0;
grid-template-columns: 1fr;
max-width: none;
padding: 0;
row-gap: 27.78px
}
.bl_reserveSection_wrapper .bl_reserveSection_body.is_sogo .bl_reserveFormCondItem, .bl_reserveSection_wrapper .is_sogo.bl_reserveRestaurant_body .bl_reserveFormCondItem {
flex-basis: auto
}
.bl_reserveSection_wrapper .bl_reserveSection_body.is_sogo .bl_reserveFormCondItem__bookingCode, .bl_reserveSection_wrapper .is_sogo.bl_reserveRestaurant_body .bl_reserveFormCondItem__bookingCode {
order: 6
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem {
flex: auto;
max-width: none
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__btn {
margin-top: 10px;
max-width: none!important
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem__bookingCode {
margin-top: 27.78px;
max-width: none
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit.bl_reserveFormCondItem__btn {
margin-top: 42.17px
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner {
margin: 0 auto
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit .bl_reserveFormCondItem_submit_inner .bl_flight_text {
text-align: left
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem.bl_reserveFormCondItem_submit {
flex-direction: column;
row-gap: 40px
}
.bl_reserveSection_wrapper .bl_reserveFormCondWindow_wrapper {
bottom: auto;
padding-bottom: 0;
padding-top: 55px;
top: 0;
width: 100%
}
.bl_reserveSection_wrapper .bl_reserveFormCondWindow {
align-items: flex-start;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
padding-left: 15px;
padding-right: 15px
}
.bl_reserveSection_wrapper .bl_reserveFormCondWindow .bl_reserveFormCondWindow_btn {
min-width: 140px
}
.bl_reserveSection_wrapper .bl_categoryTab {
border-bottom: 1px solid #cec6ac;
display: flex;
justify-content: center;
margin: 0 var(--modal-inner-margin-x)
}
.bl_reserveSection_wrapper .bl_categoryTab_inner {
width: 100%
}
.bl_reserveSection_wrapper .bl_categoryTab_item {
padding: 25.48px 25.37px
}
.bl_reserveSection_wrapper .bl_categoryTab_item:not(:last-child):after {
background-color: #cec6ac;
content: "";
height: 24px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px
}
.bl_reserveSection_wrapper .bl_categoryTab_item:nth-child(1n) {
flex: 1
}
.bl_reserveSection_wrapper .bl_categoryTab_item:nth-child(2n) {
flex: 2
}
.bl_reserveSection_wrapper .bl_categoryTab_item svg {
display: none
}
.bl_reserveSection_wrapper.is_blockVariant .bl_reserveRestaurant_body, .bl_reserveSection_wrapper.is_blockVariant .bl_reserveSection_body {
margin-top: 20px
}
.bl_reserveRestaurant_info .bl_restaurantList_category_list {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-top: 0
}
.bl_restaurantList_category_item {
padding: 4px 6px
}
.bl_reserveRestaurant_info {
grid-template-columns: 1fr;
margin-top: 34px
}
.bl_reserveRestaurant_info_inner {
-moz-column-gap: 18px;
column-gap: 18px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
row-gap: 14px
}
.bl_reserveRestaurant_info_title {
font-size: 14px
}
.el_restaurantList_image_wrapper {
grid-column: 1/2;
grid-row: 1/3
}
.el_restaurantList_image {
margin-top: 0
}
.bl_reserveFormCondItem__roomAndPersonNum {
gap: 7px 22px;
grid-template-columns: 1fr 1fr 1fr
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_title {
grid-row: 1
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_input {
grid-row: 2
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_input--date, .bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_title--date {
grid-column: 1
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_input--time, .bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_title--time {
grid-column: 2
}
.bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_input--guest, .bl_reserveFormCondItem__roomAndPersonNum>.bl_reserveFormField_title--guest {
grid-column: 3
}
.bl_reserveFormField_input_datepicker__sp {
align-items: center;
border-radius: 7px;
border-width: 1px;
display: block;
display: flex;
justify-content: center;
padding: 2px 4px;
width: 100%
}
.bl_datepicker_popup .bl_inFormUtilBtns, .bl_reservationFlow_popup .bl_inFormUtilBtns, .bl_reserveSection_wrapper .bl_inFormUtilBtns, .ly_mobileDatePicker .bl_inFormUtilBtns {
gap: 15px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_room, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_room, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_room {
grid-template-columns: auto 1fr
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_roomRow_ttl, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_roomRow_ttl, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_roomRow_ttl {
padding-top: 0
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_roomRow_body, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_roomRow_body, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_roomRow_body {
align-items: flex-end;
flex-direction: column;
row-gap: 10px
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker {
justify-content: space-between
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker--adults, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker--adults, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker--adults {
width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker--children, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker--children, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker--children {
grid-column: 2/3;
width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAgeList, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAgeList, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAgeList {
grid-column: 2/3;
justify-content: flex-end;
width: 100%
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge {
grid-template-columns: 85px 1fr
}
.bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_childAge_labelText, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker.bl_roomAndNinzuPicker_picker--adults .bl_roomAndNinzuPicker_picker_label, .bl_reserveFormCondWindow_wrapper.is-teleported .bl_roomAndNinzuPicker_picker_label, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_childAge_labelText, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker.bl_roomAndNinzuPicker_picker--adults .bl_roomAndNinzuPicker_picker_label, .bl_reserveSection_wrapper .bl_roomAndNinzuPicker_picker_label, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_childAge_labelText, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker.bl_roomAndNinzuPicker_picker--adults .bl_roomAndNinzuPicker_picker_label, .roomAndNinzuPicker-base .bl_roomAndNinzuPicker_picker_label {
width: max(85px, 100%)
}
.bl_reserveFormCondWindow_wrapper.is-teleported {
max-width: min(90vw, 490px)
}
}
@media(any-hover:hover) {
a {
transition: .25s
}
a:focus, a:hover {
text-decoration: none
}
a>img {
transition: .25s
}
a>img:focus, a>img:hover {
opacity: .75
}
}
@media screen and (min-width:768px) {
body:has(.bl_KV) .ly_header.ly_header_hotel {
background: hsla(0, 0%, 100%, .2);
position: fixed
}
.ly_header.js_windowScrolled {
background-color: #fff!important
}
.bl_headerUtils_logo {
display: block;
height: auto;
max-height: 140px;
max-width: 430px;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.bl_footerSection_info_btn a {
transition: opacity .2s
}
.bl_footerSection_info_btn a:hover {
opacity: .75
}
.bl_carousel.swiper.is_sliderOnMd .swiper-wrapper {
box-sizing: border-box;
gap: 70px;
justify-content: center;
padding-left: 15px;
padding-right: 15px
}
.bl_carousel.swiper.is_sliderOnMd .swiper-slide {
flex-shrink: 1;
margin-right: 0!important
}
.bl_carousel.bl_carousel__noGap.swiper.is_sliderOnMd .swiper-wrapper {
gap: 0
}
.lg_rounded {
border-radius: 15px!important
}
.lg_pt0 {
padding-top: 0!important
}
.lg_pt5 {
padding-top: 5px!important
}
.bl_reserveSection_wrapper .bl_reserveFormCondItem .el_iconLink.is_hideSecondSection, .bl_reserveSection_wrapper .bl_reserveFormCondItem.is_hideSecondSection {
display: none
}
}
@media screen and (max-width:767px) {
.ly_header.ly_header_hotel {
background: #fff;
position: -webkit-sticky;
position: sticky;
width: auto
}
}
@media screen and (min-width:769px)and (max-width:1100px) {
.ly_header_logo {
position: static
}
.bl_headerUtils_logo {
min-height: 100px
}
.bl_headerUtils_logo img {
max-height: 100px;
max-width: 100%
}
}
@media screen and (min-width:769px)and (max-width:1200px) {
.ly_header_buttons>li>a, .ly_header_buttons>li>button {
min-width: auto;
width: 160px
}
}
@media screen and (max-width:7681px) {
.pc_roundImg {
border-radius: 14px
}
.pc_bdrs0 {
border-radius: 0!important
}
.hp_talc {
text-align: left!important
}
.pc_pt0 {
padding-top: 0!important
}
.pc_pt5 {
padding-top: 5px!important
}
.pc_pt10 {
padding-top: 10px!important
}
.pc_pt15 {
padding-top: 15px!important
}
.pc_pt20 {
padding-top: 20px!important
}
.pc_pt25 {
padding-top: 25px!important
}
.pc_pt30 {
padding-top: 30px!important
}
.pc_pt35 {
padding-top: 35px!important
}
.pc_pt40 {
padding-top: 40px!important
}
.pc_pt45 {
padding-top: 45px!important
}
.pc_pt50 {
padding-top: 50px!important
}
.pc_pt55 {
padding-top: 55px!important
}
.pc_pt60 {
padding-top: 60px!important
}
.pc_pt65 {
padding-top: 65px!important
}
.pc_pt70 {
padding-top: 70px!important
}
.pc_pt75 {
padding-top: 75px!important
}
.pc_pt80 {
padding-top: 80px!important
}
.pc_pt85 {
padding-top: 85px!important
}
.pc_pt90 {
padding-top: 90px!important
}
.pc_pt95 {
padding-top: 95px!important
}
.pc_pt100 {
padding-top: 100px!important
}
.pc_pb0 {
padding-bottom: 0!important
}
.pc_pb5 {
padding-bottom: 5px!important
}
.pc_pb10 {
padding-bottom: 10px!important
}
.pc_pb15 {
padding-bottom: 15px!important
}
.pc_pb20 {
padding-bottom: 20px!important
}
.pc_pb25 {
padding-bottom: 25px!important
}
.pc_pb30 {
padding-bottom: 30px!important
}
.pc_pb35 {
padding-bottom: 35px!important
}
.pc_pb40 {
padding-bottom: 40px!important
}
.pc_pb45 {
padding-bottom: 45px!important
}
.pc_pb50 {
padding-bottom: 50px!important
}
.pc_pb55 {
padding-bottom: 55px!important
}
.pc_pb60 {
padding-bottom: 60px!important
}
.pc_pb65 {
padding-bottom: 65px!important
}
.pc_pb70 {
padding-bottom: 70px!important
}
.pc_pb75 {
padding-bottom: 75px!important
}
.pc_pb80 {
padding-bottom: 80px!important
}
.pc_pb85 {
padding-bottom: 85px!important
}
.pc_pb90 {
padding-bottom: 90px!important
}
.pc_pb95 {
padding-bottom: 95px!important
}
.pc_pb100 {
padding-bottom: 100px!important
}
.pc_mt0 {
margin-top: 0!important
}
.pc_mt5 {
margin-top: 5px!important
}
.pc_mt10 {
margin-top: 10px!important
}
.pc_mt15 {
margin-top: 15px!important
}
.pc_mt20 {
margin-top: 20px!important
}
.pc_mt25 {
margin-top: 25px!important
}
.pc_mt30 {
margin-top: 30px!important
}
.pc_mt35 {
margin-top: 35px!important
}
.pc_mt40 {
margin-top: 40px!important
}
.pc_mt45 {
margin-top: 45px!important
}
.pc_mt50 {
margin-top: 50px!important
}
.pc_mt55 {
margin-top: 55px!important
}
.pc_mt60 {
margin-top: 60px!important
}
.pc_mt65 {
margin-top: 65px!important
}
.pc_mt70 {
margin-top: 70px!important
}
.pc_mt75 {
margin-top: 75px!important
}
.pc_mt80 {
margin-top: 80px!important
}
.pc_mt85 {
margin-top: 85px!important
}
.pc_mt90 {
margin-top: 90px!important
}
.pc_mt95 {
margin-top: 95px!important
}
.pc_mt100 {
margin-top: 100px!important
}
.pc_mb0 {
margin-bottom: 0!important
}
.pc_mb5 {
margin-bottom: 5px!important
}
.pc_mb10 {
margin-bottom: 10px!important
}
.pc_mb15 {
margin-bottom: 15px!important
}
.pc_mb20 {
margin-bottom: 20px!important
}
.pc_mb25 {
margin-bottom: 25px!important
}
.pc_mb30 {
margin-bottom: 30px!important
}
.pc_mb35 {
margin-bottom: 35px!important
}
.pc_mb40 {
margin-bottom: 40px!important
}
.pc_mb45 {
margin-bottom: 45px!important
}
.pc_mb50 {
margin-bottom: 50px!important
}
.pc_mb55 {
margin-bottom: 55px!important
}
.pc_mb60 {
margin-bottom: 60px!important
}
.pc_mb65 {
margin-bottom: 65px!important
}
.pc_mb70 {
margin-bottom: 70px!important
}
.pc_mb75 {
margin-bottom: 75px!important
}
.pc_mb80 {
margin-bottom: 80px!important
}
.pc_mb85 {
margin-bottom: 85px!important
}
.pc_mb90 {
margin-bottom: 90px!important
}
.pc_mb95 {
margin-bottom: 95px!important
}
.pc_mb100 {
margin-bottom: 100px!important
}
.pc_ml0 {
margin-left: 0!important
}
.pc_ml5 {
margin-left: 5px!important
}
.pc_ml10 {
margin-left: 10px!important
}
.pc_ml15 {
margin-left: 15px!important
}
.pc_ml20 {
margin-left: 20px!important
}
.pc_ml25 {
margin-left: 25px!important
}
.pc_ml30 {
margin-left: 30px!important
}
.pc_ml35 {
margin-left: 35px!important
}
.pc_ml40 {
margin-left: 40px!important
}
.pc_ml45 {
margin-left: 45px!important
}
.pc_ml50 {
margin-left: 50px!important
}
.pc_ml55 {
margin-left: 55px!important
}
.pc_ml60 {
margin-left: 60px!important
}
.pc_ml65 {
margin-left: 65px!important
}
.pc_ml70 {
margin-left: 70px!important
}
.pc_ml75 {
margin-left: 75px!important
}
.pc_ml80 {
margin-left: 80px!important
}
.pc_ml85 {
margin-left: 85px!important
}
.pc_ml90 {
margin-left: 90px!important
}
.pc_ml95 {
margin-left: 95px!important
}
.pc_ml100 {
margin-left: 100px!important
}
}
@media screen and (max-width:1326px) {
.pc_only_withTb {
display: none!important
}
}
@media screen and (min-width:751px)and (max-width:1326px) {
.tb_only {
display: block!important
}
}}
@layer base {* {
box-sizing: border-box;
}
/* webkit specific styles */
input[type='color']::-webkit-color-swatch {
border: none;
}
input[type='color']::-webkit-color-swatch-wrapper {
padding: 0;
}
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
padding: 0;
margin: 0;
/* font-size: 100%; */
font-weight: inherit;
vertical-align: baseline;
background: transparent;
border: 0;
outline: 0;
}
body {
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
padding: 0;
margin: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
color: #000;
text-decoration: none;
background-color: #ff9;
}
/* change colours to suit your needs */
mark {
font-style: italic;
font-weight: bold;
color: #000;
background-color: #ff9;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
padding: 0;
margin: 1em 0;
border: 0;
border-top: 1px solid #ccc;
}
input,
select {
vertical-align: middle;
}
input:focus {
outline: none;
}
ul,
ol {
list-style-type: none;
}} 1