#pageTitle_specialOffers,
#pageTitle_offersStay,
#pageTitle_offersDinnerStay,
#pageTitle_offersEvent,
#pageTitle_offersOther,
#pageTitle_advancesaver,
#pageTitle_suite-experience,
#pageTitle_summertimesale,
#pageTitle_artworkSP {
display:none !important;
}

.forSP {
display:none
}

.grecaptcha-badge { visibility: hidden; }

li a {
color:#4169e1
}

.languageSwitcher {
text-shadow:1px 1px 0 #f4f4f1,-1px -1px 0 #f4f4f1,-1px 1px 0 #f4f4f1,1px -1px 0 #f4f4f1,0 1px 0 #f4f4f1,0-1px 0 #f4f4f1,-1px 0 0 #f4f4f1,1px 0 0 #f4f4f1
}

* {
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

*,::before,::after {
box-sizing:border-box;
border-style:solid;
border-width:0
}

@font-face {
font-family:'BeausiteClassic-Clear';
src:url(../../../../../../themes/twentynineteen-child/usual/fonts/BeausiteClassicWeb-Clear.woff);
font-weight:400;
font-style:normal
}

@font-face {
font-family:'BeausiteClassic-Medium';
src:url(../../../../../../themes/twentynineteen-child/usual/fonts/BeausiteClassicWeb-Medium.woff);
font-weight:400;
font-style:normal
}

@font-face {
font-family:'BeausiteFit-Light';
src:url(../../../../../../themes/twentynineteen-child/usual/fonts/BeausiteFitWeb-Light.woff);
font-weight:400;
font-style:normal
}

@font-face {
font-family:'BeausiteGrand-Light';
src:url(../../../../../../themes/twentynineteen-child/usual/fonts/BeausiteGrandWeb-Light.woff);
font-weight:400;
font-style:normal
}

.beausiteClear {
font-family:'BeausiteClassic-Clear'
}

.beausiteMedium {
font-family:'BeausiteClassic-Medium'
}

.beausiteFit {
font-family:'BeausiteFit-Light'
}

.beausiteGrand {
font-family:'BeausiteGrand-Light'
}

.footOffersTitleEN {
font-family:'BeausiteGrand-Light';
font-weight:300
}

.font09 {
font-size:.8rem!important
}

.navigation {
display:none
}

html {
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent;
overflow-x:hidden;
}

body {
text-align:center;
padding:0;
margin:0;
background:#f4f4f1;
overflow-x:hidden;
font-family:'BeausiteFit-Light',Ryumin,serif !important;
color:#2f2f2e;
line-height:1.51;
}

.singleProductDetail * {
font-family:'BeausiteFit-Light',Ryumin,serif !important;
}

.skyline {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
display:flex;
gap:0 35px;
align-items:center;
}

.skyline h1 {
margin-top:30px;
margin-left:150px;
}

.skyline h1 img {
width:150px;
}

.skyline ul {
display:flex;
gap:30px;
margin-top:8px;
margin-left:20px;
transition:all .3s ease;
}

@media screen and (max-width: 1800px) {

.skyline ul {
display:flex;
gap:25px;
margin-top:8px;
margin-left:10px;
}

}

.skyline ul li a {
color:#fff;
font-size:0.95rem;
font-weight:600;
letter-spacing:1px;
transition:all .3s ease;
}

@media screen and (max-width: 1760px) {

.skyline ul {
gap:20px;
margin-top:8px;
margin-left:10px;
}

.skyline ul li a {
color:#fff;
font-size:0.9rem;
font-weight:600;
letter-spacing:1px;
transition:all .3s ease;
}

}

.skyline ul li a:hover {
opacity:0.8;
}



@media screen and (max-width: 1690px) {

.skyline ul {
display:none;
}

}




.popupTitle {
font-size:clamp(20px,7vw,24px);
font-weight:600;
color:#001e61;
text-align:center;
margin-bottom:50px;
}

.popupText {
font-size:clamp(15px,4vw,16px);
line-height:1.61;
margin-bottom:15px;
padding:0 10px;
}

.popupTextCenter {
text-align:center;
}

.popupTextRight {
text-align:right;
}

.popupText a {
color:#001e61;
text-decoration:underline;
}

.popupTable {
margin-bottom:30px;
padding:0 10px;
}

.popupTable table {
width:100%;
border-top:solid 1px #001e61;
border-right:solid 1px #001e61;
}

.popupTable table th {
padding:15px 30px 15px 15px;
border-bottom:solid 1px #001e61;
border-left:solid 1px #001e61;
background:#d9edf7;
white-space:nowrap;
font-size:clamp(15px,4vw,16px);
font-weight:700;
}

.popupTable table td {
padding:15px 15px 15px 15px;
border-bottom:solid 1px #001e61;
border-left:solid 1px #001e61;
width:100%;
font-size:clamp(15px,4vw,16px);
font-weight:600;
}

.popupLink {
text-align:center;
margin-bottom:10px;
}

.popupLink a {
display:inline-block;
color:#ffffff;
font-size:clamp(15px,4vw,16px);
font-weight:500;
padding:13px 30px 15px 30px;
background:#001e61;
border-radius:100px;
}






.roomsBox h2 {
font-family:Ryumin,serif;
font-weight:500
}

[data-aos="LOGO"] {
opacity:0!important;
transition-property:all!important;
transition-duration:1000ms!important
}

[data-aos="LOGO"].aos-animate {
opacity:1!important;
transition-delay:500ms!important
}

.logo {
padding:15px 0 0
}

.logo a {
display:inline-block;
padding:10px
}

.logo a img {
width:120px
}

@keyframes fadeIn {
0% {
opacity:0
}

100% {
opacity:1
}
}

.parallax-window {
animation:fadeIn .2s ease .3s 1 normal
}

.intro {
position:relative;
}

.intro h2 {
position:absolute;
bottom:10%;
left:0;
width:100%;
text-align:center;
}

.intro h2 img {
width:1100px;
max-width:66%;
}

@media screen and (max-width: 1140px) {

.intro h2 img {
width:960px;
max-width:60%;
}

}

.intro p {
font-size:4.5vw;
font-weight:300;
line-height:1.21;
position:relative;
z-index:30;
margin-bottom:25px;
}

.intro p[data-aos] {
transition-delay:1000ms!important;
transition-duration:1000ms!important
}

.pageTitle [data-aos]:nth-of-type(1) {
transition-delay:700ms!important;
transition-duration:1300ms!important
}

.pageTitle [data-aos]:nth-of-type(2) {
transition-delay:1000ms!important;
transition-duration:1000ms!important
}

.pageTitle [data-aos]:nth-of-type(3) {
transition-delay:1300ms!important;
transition-duration:700ms!important
}

.c1 {
color:#002e52
}

.c2 {
color:#213988
}

.heroSlide {
margin:0 0 80px
position:relative;
}

.heroSlide[data-aos] {
transition-delay:1500ms!important;
transition-duration:1500ms!important
}

.heroSlide div {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.09567577030812324) 0%, rgba(0,0,0,0.04525560224089631) 75%, rgba(0,0,0,0.29735644257703087) 100%);
font-size:0;
}

.heroSlide div img {
width:100%;
height:auto;
margin:0;
position:relative;
mix-blend-mode:darken;
vertical-align:bottom;
}

.slide-arrow {
position:absolute;
top:45%;
z-index:20
}

.prev-arrow {
left:50px;
width:80px;
height:80px;
padding:20px;
background:rgba(0,0,0,0.6);
border-radius:100%;
transition:all .3s ease
}

.next-arrow {
right:50px;
width:80px;
height:80px;
padding:20px;
background:rgba(0,0,0,0.6);
border-radius:100%;
transition:all .3s ease
}

.prev-arrow:hover,.next-arrow:hover {
background:rgba(0,0,0,0.8);
cursor:pointer
}

.slide3 .fas {
position:absolute;
top:33%;
color:#fff
}

.slide3 .fa-angle-left {
left:0;
width:60px;
height:60px;
background:rgba(0,0,0,0.6);
border-radius:100%;
transition:all .3s ease;
font-size:2rem;
line-height:60px;
z-index:100
}

.slide3 .fa-angle-right {
right:0;
width:60px;
height:60px;
background:rgba(0,0,0,0.6);
border-radius:100%;
transition:all .3s ease;
font-size:2rem;
line-height:60px;
z-index:100
}

.slide3 .fas:hover {
cursor:pointer;
background:rgba(0,30,97,0.9)
}

.normalText {
margin:0 auto 80px;
max-width:1240px
}

.normalText h2 {
font-size:2rem;
font-weight:400;
margin-bottom:25px
}

.normalText p {
font-size:1.1rem;
line-height:1.61;
font-weight:400
}

.homePromise {
max-width:1140px;
margin:0 auto 100px;
border:solid 1px #e6643b;
box-sizing:border-box;
background:#f2dfd6;
padding:25px
}

.homePromise p {
font-size:.95rem;
line-height:1.51;
margin-bottom:15px;
font-weight:400
}

.homePromise ul li {
font-size:1rem;
font-weight:500;
line-height:1.61
}

.homePromise a {
font-weight:500
}

.homeInstagram {
margin-bottom:70px;
max-width:1340px;
margin-right:auto;
margin-left:auto
}

.homeInstagram h2 {
font-size:4rem;
font-weight:200;
color:#002e52;
margin-bottom:40px
}

.homeInstagram h3 {
font-size:1.8rem;
font-weight:200;
margin-bottom:15px;
padding-top:20px
}

.buttonOrange a {
background:#e7643c;
display:inline-block;
padding:8px 30px 9px;
color:#fff;
transition:all .4s ease;
border:solid 1px #e7643c
}

.buttonOrange a:hover {
background:none;
color:#e7643c
}

.buttonBlue a {
background:#243888;
display:inline-block;
padding:7px 50px 9px;
color:#fff;
transition:all .4s ease;
border:solid 1px #243888
}

.buttonBlue a:hover {
background:none;
color:#243888
}

#reserver {
width:100%!important;
height:100%!important
}

.mainReserver {
padding:0;
margin:0;
min-height:100%;
text-align:center
}

.reserveBox {
width:1400px;
max-width:95%;
margin:0 auto 100px;
background:#284192;
text-align:left
}

.wpb_wrapper {
width:1200px;
max-width:100%;
display:inline-block;
margin:0;
padding:50px;
background:var(--wpr-bg-be503497-16e5-419e-abfb-7a12cae56413);
text-align:center
}

.modalreserv {
width:100%;
height:100%;
margin:0 auto;
background:#e7643c
}

.modalreserv .booking-input-fields .checkin {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.modalreserv .booking-input-fields .checkout {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.modalreserv .booking-input-fields .mc,.modalreserv .booking-input-fields .adults {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.modalreserv .booking-input-fields .rc {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.booking-input-fields .date {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.booking-input-fields .time {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.booking-input-fields .people {
display:inline-block;
vertical-align:top;
width:20%;
box-sizing:border-box
}

.booking-input-fields label {
display:block
}

.wpb_wrapper form {
background:#002e52;
padding:40px
}

.booking-form * {
color:#333!important
}

.data-front {
width:100%;
text-align:left
}

.data-front span {
color:#333
}

.booking-input-fields .checkin {
display:inline-block;
vertical-align:top;
width:200px
}

.booking-input-fields .checkout {
display:inline-block;
vertical-align:top;
width:200px
}

.booking-input-fields .adults,.booking-input-fields .mc {
display:inline-block;
vertical-align:top;
width:180px
}

.booking-input-fields .children {
display:inline-block;
vertical-align:top;
width:180px
}

.booking-input-fields div.cc {
display:inline-block;
vertical-align:top;
width:180px
}

.booking-input-fields .cc {
display:inline-block;
vertical-align:top;
width:180px;
border-right:none !important;
}

.booking-form-label {
border-right:solid 1px #fff;
color:#333
}

.booking-form-label label {
margin-bottom:10px
}

.container .booking-form-label:last-child {
border-right:none
}

.booking-form-label button {
margin:0 10px
}

.booking-form-label button:hover {
cursor:pointer
}

.form_button {
display:inline-block;
padding:70px 0 0
}

#booking_form_submit {
color:#002e52;
font-size:1rem;
padding:14px 50px 15px;
background:#fff;
transition:all .3s ease;
border:solid 1px #002e52
}

#booking_form_submit:hover {
background:#002e52;
color:#fff;
border-color:#fff
}

#booking_form_submit2,#dine_form_submit2 {
color:#333;
font-size:1rem;
padding:14px 50px 15px;
background:#fff;
transition:all .3s ease;
border:solid 1px #fff
}

#booking_form_submit2:hover,#dine_form_submit2:hover {
background:#e7643c;
color:#fff;
border-color:#fff
}

.dineFormSubmit:before {
content:"";
display:block;
clear:both;
height:30px
}

.homeRestaurantReserve {
width:180px;
display:inline-block;
vertical-align:middle;
text-align:center;
}

.homeRestaurantReserve a {
display:block;
width:100%;
height:100%;
color:#fff;
text-align:center;
transition:all .5s ease;
position:relative;
}

.homeRestaurantReserve a h2 {
text-align:center;
padding:0 0 10px;
text-indent:10px
}

.homeRestaurantReserve a h3 {
text-align:center;
font-size:4.5rem;
opacity:.7;
text-indent:5px;
transition:all .5s ease;
position:absolute;
left:60px;
top:90px;
}

.homeRestaurantReserve a:hover h3 {
opacity:1
}

.checkin-data,.checkout-data,.reservationDateDine {
position:relative;
text-align:left
}

.checkin-data input,.checkout-data input,.reservationDateDine input {
position:absolute;
top:0;
left:0;
display:block;
width:80%;
height:30px;
z-index:100000;
color:rgba(255,255,255,0)!important;
}

.checkin-data input:hover,.checkout-data input:hover,.reservationDateDine input:hover {
cursor:pointer
}

.checkin-data .data-front,.checkout-data .data-front,.reservationDateDine .data-front {
position:relative;
padding-bottom:10px
}

#reservation_start_time {
background:none;
font-size:3rem;
color:#fff;
margin-top:30px
}

#reservation_start_time:hover {
cursor:pointer
}

#reservation_start_time option {
color:#333
}

.table-data input {
width:24%
}

.mc-data input,.cc-data input,.rc-data input,.table-data input,.adult-data input,.children-data input,.room-data input {
font-size:4rem;
margin-bottom:15px
}

.mc-data button,.rc-data button,.cc-data button,.table-data button,.adult-data button,.children-data button,.room-data button {
font-size:2rem
}

@media screen and (max-width: 1600px) {
.reserveBox {
width:1300px
}

.wpb_wrapper {
width:1100px
}
}

@media screen and (max-width: 1450px) {
.reserveBox {
width:90%
}

.wpb_wrapper {
width:100%
}

.homeRestaurantReserve {
width:100%;
display:inline-block;
vertical-align:middle;
text-align:center
}

.homeRestaurantReserve a {
padding:25px
}

.homeRestaurantReserve a h2 {
text-align:center;
padding:0;
text-indent:0;
font-size:1.2rem;
line-height:1;
display:inline-block;
vertical-align:middle
}

.homeRestaurantReserve a h3 {
text-align:center;
font-size:4rem;
opacity:.7;
text-indent:0;
display:inline-block;
vertical-align:middle;
margin-left:30px;
position:static;
}
}

.reservation_start_date {
min-height:180px
}

.homeHotel h2,.homeFoodAndDrinks h2 {
color:#002e52;
font-size:1.3rem
}

.homeHotel h3,.homeFoodAndDrinks h3 {
color:#002e52;
font-size:7rem;
font-family:'BeausiteGrand-Light',sans-serif;
font-weight:300;
font-style:normal
}

.quiche {
font-family:'BeausiteGrand-Light',sans-serif!important
}

.homeHotelFamily,.homeFoodAndDrinksFamily {
width:1600px;
max-width:90%;
margin:0 auto
}

.homeHotelParent {
width:48%;
float:left;
padding-top:30px
}

.homeHotelParent img {
width:100%
}

.homeHotelChild {
width:48%;
float:right;
z-index:-1;
margin:-39px 0 0
}

.homeHotelChild h5 {
color:#002e52;
font-size:1.7rem;
font-weight:400;
line-height:1.41;
padding:40px 0 30px
}

.homeHotelChild p {
padding:0 3%;
line-height:1.71;
margin-bottom:15px;
font-weight:400
}

.homeHotelChild h6,.FoodAndDrinksParent h5 {
padding:30px 0 0
}

.homeHotelChild h6 a,.FoodAndDrinksParent h5 a {
display:inline-block;
padding:12px 30px 13px;
border:solid 1px #002e52;
box-sizing:border-box;
color:#002e52;
transition:all .5s ease
}

.homeHotelChild h6 a:hover,.FoodAndDrinksParent h5 a:hover {
border:solid 1px #002e52;
color:#fff;
background:#002e52;
transition:all .5s ease
}

.normalSpace {
width:100%;
height:150px;
clear:both
}

.homePara {
margin:150px 0;
position:relative;
display:flex;
overflow:hidden;
text-align:left;
align-items:center;
flex-direction:column;
justify-content:center;
min-height:calc(100vw / 2.4)
}

.homePara img {
position:absolute;
z-index:10;
width:100%;
height:calc(100% + 11rem);
object-fit:cover;
pointer-events:none
}

.FoodAndDrinksParent {
width:48%;
float:left
}

.FoodAndDrinksParent p {
padding:0 3%;
line-height:1.71;
margin-bottom:15px;
font-weight:400
}

.FoodAndDrinksChild {
width:48%;
float:right;
margin-top:-35px
}

.FoodAndDrinksParent h4 {
color:#002e52;
font-size:1.7rem;
font-weight:400;
line-height:1.41;
padding:40px 0 30px
}

.popReserv {
position:fixed;
top:30px;
right:140px;
z-index:100
}

.popReserv a {
display:inline-block;
padding:13px 50px 14px;
color:#fff;
background:#e7643c;
font-size:1rem;
font-weight:100;
border:solid 1px #e7643c;
transition:all .5s ease
}

.popReserv a:hover {
color:#e7643c;
background:#fff;
border:solid 1px #e7643c
}

.popReserv2 {
position:fixed;
top:30px;
right:300px;
z-index:100
}

.popReserv2 a {
display:inline-block;
padding:13px 50px 14px;
color:#fff;
background:#e7643c;
font-size:1rem;
font-weight:100;
border:solid 1px #e7643c;
transition:all .5s ease
}

.popReserv2 a:hover {
color:#e7643c;
background:#fff;
border:solid 1px #e7643c
}

.spaReservWrap {
text-align:center;
margin:0 auto
}

.spaReserv {
text-align:left
}

.spaReserv small {
font-size:1rem
}

.spaReserv:after {
content:"";
display:block;
clear:both;
height:30px
}

.spaReserv label:first-child {
float:left;
width:45%
}

.spaReserv label:last-child {
float:right;
width:45%
}

.spaReserv input {
width:100%;
background:rgba(0,0,0,0.1);
box-sizing:border-box;
padding:5px;
text-align:left;
height:40px;
color:#333
}

::-webkit-calendar-picker-indicator {
filter:invert(1);
opacity:.6
}

.spaReserv select {
background:rgba(0,0,0,0.1);
box-sizing:border-box;
padding:5px;
width:100%;
text-align:left;
height:40px;
color:#333
}

.spaReserv select option {
padding:5px;
color:#333
}

.spaReserv select optgroup {
color:#333
}

.spaReservSubmit {
clear:both;
margin:0 auto;
text-align:center!important
}

.spaReservSubmit input {
display:block;
width:300px;
color:#fff;
font-size:1rem;
padding:14px 30px 15px;
box-sizing:border-box;
background:#e7643c;
transition:all .3s ease;
border:solid 1px #fff;
margin:0 auto!important
}

.spaReservSubmit input:hover {
color:rgba(255,255,255,0.8)
}

.spaReservInfo {
text-align:center;
height:60px;
vertical-align:middle;
line-height:60px
}

.spaReservInfo span {
font-size:2rem;
display:inline-block;
margin-left:10px;
vertical-align:top;
line-height:60px
}

.spaReservInfo span i {
display:inline-block;
margin-right:5px;
vertical-align:top;
line-height:60px
}

.wpml-ls-legacy-dropdown {
width:100px!important;
text-align:center!important;
transition:all .3s ease!important
}

.wpml-ls-legacy-dropdown * {
background:none!important;
border:none!important;
font-size:.9rem!important;
padding:0!important;
margin:0!important
}

.wpml-ls-item-toggle {
font-size:0!important;
padding-top:40px!important;
background:var(--wpr-bg-11579ecc-f7de-46df-ba17-90db558d55f7) center 5px no-repeat!important;
background-size:26px!important
}

.languageSwitcherWrapper {
position:fixed;
top:0;
z-index:500
}

.languageSwitcher {
padding:100px 0 0;
float:left;
top:0
}

.wpml-ls-sub-menu {
font-size:0!important
}

.wpml-ls-sub-menu li {
padding:10px 0 0!important;
margin:0!important
}

.wpml-ls-sub-menu li a {
padding:0!important;
margin:0!important
}

.menulanguageSwitcher {
text-align:center;
color:#fff
}

.wpml-ls-legacy-dropdown {
height:200px!important
}

.wpml-ls-statics-footer {
padding:30px 0!important
}

.wpml-ls-current-language a span {
border-bottom:solid 1px #fff
}

.wpml-ls-statics-footer li a {
opacity:.666;
transition:all .5s ease;
font-size:1.1rem!important
}

.wpml-ls-current-language a,.wpml-ls-statics-footer li a:hover {
opacity:1!important
}

.menuList {
text-align:center
}

.menuList:after {
content:"";
display:block;
clear:both;
height:80px
}

.menuList ul {
text-align:center
}

.menuList ul li {
text-align:center;
margin-bottom:8px;
opacity:0;
transition:all 1s ease
}

.zdo_drawer_nav_wrapper.open .menuList ul li {
opacity:1
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(1) {
transition-delay:.2s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(2) {
transition-delay:.25s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(3) {
transition-delay:.3s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(4) {
transition-delay:.35s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(5) {
transition-delay:.4s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(6) {
transition-delay:.45s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(7) {
transition-delay:.5s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(8) {
transition-delay:.55s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(9) {
transition-delay:.6s
}

.zdo_drawer_nav_wrapper.open .menuList ul li:nth-of-type(10) {
transition-delay:.65s
}

.menuList ul li a {
font-size:2.2rem;
color:#fff;
transition:all .5s ease
}

.menuList ul li a:hover {
opacity:.666
}

.menuSubList {
text-align:center
}

.menuSubList:after {
content:"";
display:block;
clear:both;
height:50px
}

.menuSubList ul {
text-align:center
}

.menuSubList ul li {
display:inline-block;
margin:0 10px;
opacity:0;
transition:all 1s ease
}

.zdo_drawer_nav_wrapper.open .menuSubList ul li {
opacity:1
}

.zdo_drawer_nav_wrapper.open .menuSubList ul li:nth-of-type(1) {
transition-delay:.55s
}

.zdo_drawer_nav_wrapper.open .menuSubList ul li:nth-of-type(2) {
transition-delay:.6s
}

.zdo_drawer_nav_wrapper.open .menuSubList ul li:nth-of-type(3) {
transition-delay:.65s
}

.zdo_drawer_nav_wrapper.open .menuSubList ul li:nth-of-type(4) {
transition-delay:.7s
}

.menuSubList ul li a {
font-size:1.05rem;
font-family:'BeausiteClassic-Clear',Ryumin,serif;
font-weight:600;
font-style:normal;
color:#fff;
transition:all .5s ease
}

.menuSubList ul li a:hover {
opacity:.666
}

.menuSNS {
text-align:center
}

.menuSNS ul {
text-align:center;
transition:all 1s ease;
opacity:0
}

.zdo_drawer_nav_wrapper.open .menuSNS ul {
opacity:1;
transition-delay:.6s
}

.menuSNS ul li {
display:inline-block
}

.menuSNS ul li a {
width:50px;
height:50px;
color:#fff;
transition:all .5s ease;
font-size:1.2rem;
display:inline-block;
padding:14px 10px 10px;
background:rgba(255,255,255,0.2);
border-radius:50%;
text-align:center
}

.menuSNS ul li a:hover {
color:#002e52;
background:rgba(255,255,255,0.8)
}

.menuLogo {
position:fixed;
top:30px;
right:70px
}

.menuLogo img {
width:150px
}

#post-215 header {
display:none
}

.edit-link {
display:none
}

.lastSpace {
width:100%;
height:100px;
text-indent:-5000px
}

.footer {
width:1400px;
max-width:90%;
margin:0 auto
}

.footerEN {
width:1140px
}

.footer .firstRow {
  display: flex;
  justify-content: space-between; /* 必要に応じて */
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem; /* 任意 */
}

/* 不要な float, inline-block を削除 */
.footer .firstRow .logos,
.footer .firstRow .contactInfo,
.footer .firstRow .footerLinks {
  flex: 0 1 auto;
}

.footer .firstRow:after {
content:"";
display:block;
clear:both;
height:20px
}

.footer .firstRow .logos {
display:inline-block;
float:left;
vertical-align:top
}

.footer .firstRow .logos h2 {
text-align:center
}

.footer .firstRow .logos h2 img {
width:130px;
height:auto
}

.footer .firstRow .logos h3 {
padding:20px 0 30px;
text-align:center;
font-size:1.1rem;
font-weight:500;
color:#002E51
}

.footer .firstRow .logos ul {
text-align:center;
transition:all 1s ease;
}

.footer .firstRow .logos ul li {
display:inline-block;
margin:0 1px
}

.footer .firstRow .logos ul li a {
width:43px;
height:43px;
color:#707070;
transition:all .5s ease;
font-size:1.1rem;
display:inline-block;
padding:10px 8px 6px;
background:rgba(255,255,255,0.2);
border:solid 1px #707070;
border-radius:50%;
text-align:center
}

.footer .firstRow .logos ul li a:hover {
color:#fff;
background:#707070
}

.footer .firstRow > section {
  margin-left: auto;
  flex: 0 0 auto;
  order: 99; /* wrap したときも最後に来るように */
}

.footer .contactInfo {
display:inline-block;
float:left;
text-align:left;
vertical-align:top;
margin:0 0 0 2%;
font-weight:600;
color:#282828
}

.footerEN .contactInfo {
margin:0 3% 0 7%
}

.footer .contactInfo a {
color:#0046D9
}

.footer .contactInfo span {
color:#0046D9;
}

.footer .contactInfo h4 {
font-size:.95rem;
font-weight:600;
line-height:1.81;
margin:0 0 20px
}

.footer .contactInfo address {
font-size:.95rem;
font-style:normal;
line-height:1.81
}

.footer .contactInfo p {
font-size:.9rem;
font-style:normal;
line-height:1.81;
padding-top:20px;
}

.footer .contactInfoEN h4 {
font-size:.9rem;
font-weight:600;
line-height:1.81;
margin:0 0 20px
}

.footer .contactInfoEN address {
font-size:.9rem;
line-height:1.81
}

.footer .footerLinks {
display:flex;
gap:0 15px;
text-align:left;
white-space:nowrap
}

@media screen and (max-width: 1550px) {

.footer .footerLinks {
display:flex;
flex-direction:column;
gap:0 0;
text-align:left;
white-space:nowrap;
}

}

.footerEN .footerLinks {
float:right
}

.footer .footerLinks ul {
vertical-align:top;
text-align:left
}

.footer .footerLinks ul li {
font-size:1rem;
font-weight:600;
line-height:1.81
}

.footer .footerLinksEN ul li {
font-size:.9rem
}

.footer .footerLinks ul li a {
color:#0046D9
}

.MMform {
width:390px;
float:right
}

.MMform h6 {
font-size:1.1rem;
text-align:center !important;
margin-bottom:-30px
}

.MMform > div {
margin:0 auto;
text-align:center!important;
padding:50px 0 0
}

.MMform input {
border:solid 1px #5a5a5a!important;
background:#fff;
text-align:left!important;
padding:5px;
margin-top:3px
}

.MMform select {
border:solid 1px #5a5a5a!important;
padding:5px;
margin-top:3px
}

.MMform input[type=submit] {
background:#001e61!important
}

#contacta-webform-submission-620230da2d8163534f964097 {
font-size:16px!important;
padding:5px 15px!important;
border-radius:0!important;
background-color:#001e61!important
}

.MMform a {
text-decoration:underline;
color:#0046d9;
font-weight:500
}

@media screen and (max-width: 1550px) {
.MMform {
width:300px
}
}

@media screen and (max-width: 1400px) {
.footerJP .contactInfo {
width:250px
}

.footerEN {
width:800px
}

.footerEN .logos {
display:block!important;
width:100%;
float:none!important;
margin-bottom:60px
}
}



@media screen and (max-width: 1200px) {
.footerJP .firstRow .logos {
display:block;
float:none;
margin-bottom:50px
}

.footerJP .contactInfo {
display:inline-block;
float:none;
text-align:left;
vertical-align:top;
margin:0 3% 0 0;
width:370px
}

.footerJP .footerLinks {
display:inline-block;
float:none;
width:auto;
text-align:left;
white-space:nowrap
}

.footerJP .footerLinks ul {
width:200px;
display:inline-block
}



.MMform {
float:none;
width:550px;
margin:0 auto;
padding:50px 30px 20px
}

.MMform h6 {
margin-bottom:-40px
}

.MMform > div {
float:none;
background:transparent;
margin:0 auto;
text-align:center!important;
padding:50px 30px 30px;
border:solid 1px #5a5a5a
}

.MMform input {
border:solid 1px #5a5a5a!important;
background:#fff;
text-align:left!important
}

.MMform select {
border:solid 1px #5a5a5a!important
}
}

@media screen and (max-width: 960px) {
.contactInfo {
width:100%;
margin:0 auto 50px!important;
text-align:center!important;
float:none
}

.footerJP .footerLinks {
width:100%!important;
float:none!important;
text-align:center!important;
margin:0 auto!important
}

.footerEN .footerLinks li {
text-align:center!important;
}

}

.footer .secondRow {
padding:20px 0 40px;
text-align:center;
}

.footer .secondRow ul {
display:flex;
justify-content:center;
gap:20px;
}

.footer .secondRow ul li img {
background:#4a4941;
width:auto;
height:66px;
padding:5px 10px;
display:inline-block
}

.footer .secondRow ul li:nth-of-type(3) img {
background:transparent;
width:auto;
height:66px;
padding:0;
}

.footer .thirdRow ul {
display:flex;
justify-content:center;
}

.footer .thirdRow ul li {
display:inline-block
}

.footer .thirdRow ul li:after {
content:"｜";
display:inline-block;
margin:0 5px 0 15px
}

.footer .thirdRow ul li:last-child:after {
content:"";
margin:0;
}

.footer .thirdRow ul li a {
color:#0046D9;
font-size:.9rem;
font-weight:600;
letter-spacing:1px
}

.footer .copyright {
padding:30px 0 25px
}

.footer .copyright p {
font-size:.9rem;
font-weight:600;
color:#4a4941
}

.pageTitle {
width:100%;
text-align:center;
padding:23vw 0 17vw 0;
background:rgba(0,0,0,0.39);
background-size:contain;
position:relative;
}

.pageTitle h2 {
font-size:3.3rem;
font-family:Ryumin,serif;
font-weight:400;
line-height:1.41;
color:#fff;
max-width:1080px;
margin:0 auto
}

.pageTitle h3 {
font-size:1rem;
font-family:'BeausiteClassic-Clear',sans-serif;
font-weight:400;
color:#fff;
letter-spacing:2px;
opacity:.8
}

.pageTitle .category-tags {
padding-top:25px
}

.pageTitle .category-tags a {
display:inline-block;
padding:7px 20px 9px;
background:#002e52;
border-radius:80px;
color:#fff;
transition:all .4s ease;
font-family:'BeausiteGrand-Light',Ryumin,serif;
font-weight:400
}

.pageTitle .category-tags a:hover {
background:#fff;
color:#002e52
}

#PAGETITLESHORT {
padding:8vw 0 7vw 0;
}

.footOffers h3 a {
transition:all .4s ease;
opacity:.7
}

.footOffers h3 a:hover {
opacity:1
}

.footOffers h4 {
padding:15px 5%!important
}

.footOffers h4 a {
color:#fff;
font-size:1.3rem
}

.footOffers h5 {
padding:0 0 15px
}

.footOffers h5 ul li {
display:inline-block;
margin:0 3px
}

.footOffers h5 ul li a {
color:#426cf4;
font-size:.9rem;
font-weight:500
}

.footOffers p {
font-size:.9rem;
color:#fff!important;
opacity:.8;
line-height:1.41
}

.footOffers h6 {
padding:10px 0 0
}

.footOffers h6 a {
color:#fff!important;
font-size:.9rem;
padding:8px 10px 10px!important;
border:solid 1px #fff!important;
transition:all .4s ease
}

.footOffers h6 a:hover {
background:#fff!important;
color:#002e52!important
}

.footOffers .slick-dots {
position:absolute;
bottom:-25px;
display:block;
width:100%;
padding:0;
margin:0;
list-style:none;
text-align:center
}

.footOffers .slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 5px;
padding:0;
cursor:pointer
}

.footOffers .slick-dots li button {
font-size:0;
line-height:0;
display:block;
width:20px;
height:20px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent
}

.footOffers .slick-dots li button:hover,.footOffers .slick-dots li button:focus {
outline:none
}

.footOffers .slick-dots li button:hover:before,.footOffers .slick-dots li button:focus:before {
opacity:1
}

.footOffers .slick-dots li button:before {
font-family:'slick';
font-size:6px;
line-height:20px;
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
content:'•';
text-align:center;
opacity:.33;
color:#fff;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.footOffers .slick-dots li.slick-active button:before {
opacity:1;
color:#e7643c
}

.popup {
background:#ddd
}

.parallax-slider {
top:0;
left:0
}

.uText {
width:960px;
max-width:90%;
font-size:1.05rem;
line-height:1.51;
margin:0 auto
}

.theHotelSection1 {
width:70%;
padding:80px 0;
margin:0 30% 0 0;
background:var(--wpr-bg-665da2b2-fc75-47bd-adb6-d0684bd6a7df) left top no-repeat;
background-size:cover;
position:relative
}

.theHotelSection1 .elementor-container {
position:absolute;
top:0;
right:-30%;
width:70%;
float:right;
background:var(--wpr-bg-99cc8588-b854-42ff-a2d4-019ac5e4cc00) left top repeat;
padding:3vw
}

.theSuiteSection1 {
width:77% !important;
background:var(--wpr-bg-f2d1c090-df8d-4fe6-b1c0-dc93cf314ba4) left top no-repeat !important;
padding:120px 0 !important;
background-size:contain !important;
margin:0 20% 0 0 !important;
}

.theSuiteSection1 .elementor-container {
position:absolute;
top:0;
right:-25%;
width:70% !important;
float:right;
background:var(--wpr-bg-503ab734-806d-4cc2-abb0-72c06c8c423f) left top repeat;
padding:3vw
}

@media screen and (max-width: 1580px) {

.theSuiteSection1 {
width:77% !important;
background:var(--wpr-bg-f2d1c090-df8d-4fe6-b1c0-dc93cf314ba4) left top no-repeat !important;
padding:120px 0 !important;
background-size:contain !important;
margin:0 20% 0 0 !important;
}

.theSuiteSection1 .elementor-container {
position:absolute;
top:0;
right:-25%;
width:60% !important;
float:right;
background:var(--wpr-bg-7ade80d7-1f6f-457f-a40a-2b36d1a19393) left top repeat;
padding:2vw
}

}

@media screen and (max-width: 1260px) {

.theSuiteSection1 {
width:74% !important;
background:url(../../../../../../themes/twentynineteen-child/images/the-hotel/suite.jpg) left top no-repeat !important;
padding:120px 0 0 0 !important;
background-size:contain !important;
margin:0 10% 100px 0 !important;
}

.theSuiteSection1 .elementor-container {
position:absolute;
top:100px !important;
right:-30%;
width:66% !important;
float:right;
background:url(../../../../../../themes/twentynineteen-child/images/indigo-blue.jpg) left top repeat;
padding:1.8vw
}

}


.theHotelSection1 h2 {
color:#fff;
font-size:2rem;
line-height:1.51;
margin:0 0 20px
}

.theHotelSection1 p {
color:#fff;
font-size:1.1rem;
line-height:1.8;
margin:0 auto 20px;
max-width:600px
}


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

.theSuiteSection1 {
width:85% !important;
background:var(--wpr-bg-d1856877-f1ac-463b-91a0-7ec7f5844102) left top no-repeat !important;
padding:10% 0 10% 0 !important;
background-size:contain !important;
margin:0 10% 100px 0 !important;
}

.theSuiteSection1 .elementor-container {
position:absolute;
top:0 !important;
right:-10%;
width:60% !important;
float:right;
background:var(--wpr-bg-eeb1cfd5-404e-4090-9c36-7a49286a9f4e) left top repeat;
padding:1.8vw
}

.theHotelSection1 h2 {
color:#fff;
font-size:2.8rem;
line-height:1.51;
margin:0 0 0;
}

.theHotelSection1 p {
color:#fff;
font-size:1.25rem;
line-height:1.9;
margin:0 auto 20px;
max-width:600px
}

}


.spbr {
display:none !important;
}

.theHotelSection1 img {
display:none!important
}
.artworkIntro img {
display:none!important
}

.theHotelSection2 {
width:70%;
padding:80px 0;
margin:0 0 0 30%;
background:var(--wpr-bg-57a4d5af-0f6d-4fb0-b5ff-a0d5adf26e4c) left top no-repeat;
background-size:cover;
position:relative
}

.theHotelSection2 .elementor-container {
position:absolute;
top:0;
left:-60%;
width:70%;
float:right;
background:var(--wpr-bg-c8ac78cc-a2af-42d3-9fec-da813d5c0109) left top repeat;
padding:3vw
}

.artworkIntro {
width:55%;
padding:150px 0;
margin:0 0 0 45%;
background:var(--wpr-bg-985ef220-e28b-4c0c-b9bf-6ce2e038b85f) right top no-repeat;
background-size:cover;
position:relative
}

.artworkIntroEN {
width:55%;
padding:50px 0;
margin:0 0 0 45%;
background:var(--wpr-bg-73d4d1aa-6370-4a22-b163-9e09a06a734d) right top no-repeat;
background-size:cover;
position:relative
}

.artworkIntro .elementor-container {
position:absolute;
top:0;
left:-75%;
width:85%;
float:right;
background:var(--wpr-bg-ad134edd-1b5a-4251-ad2e-6fd070e89213) left top repeat;
padding:90px 30px;
}

.artworkIntroEN .elementor-container {
padding:60px 30px;
}

@media screen and (max-width: 1970px) {

.artworkIntro {
width:55%;
padding:140px 0;
margin:0 0 0 45%;
}

.artworkIntro .elementor-container {
left:-75%;
width:90%;
padding:90px 30px;
}

.artworkIntroEN .elementor-container {
left:-75%;
width:90%;
padding:50px 0 20px 0 !important;
}

}

@media screen and (max-width: 1850px) {

.artworkIntro {
width:60%;
padding:130px 0;
margin:0 0 0 40%;
}

.artworkIntro .elementor-container {
left:-66%;
width:90%;
padding:90px 30px;
}

}

@media screen and (max-width: 960px) {

.artworkIntro {
width:60%;
padding:130px 0;
margin:0 0 0 40%;
}

.artworkIntro .elementor-container {
left:-60%;
width:100%;
padding:90px 20px;
}

}

.theHotelSection2 h2 {
color:#fff;
font-size:2rem;
line-height:1.51;
margin:0 0 20px
}

.artworkIntro h2 {
color:#fff;
font-size:2rem;
line-height:1.51;
margin:0 0 20px
}

.theHotelSection2 p {
color:#fff;
font-size:1.1rem;
line-height:2.2;
margin:0 auto 20px;
max-width:600px
}

.artworkIntro p {
color:#fff;
font-size:1.2rem;
line-height:2;
margin:0 auto 20px;
max-width:600px
}

.artworkIntroEN p {
color:#fff;
font-size:1.2rem;
line-height:1.7;
margin:0 auto 20px;
max-width:90%;
}

.theHotelSection2 img {
display:none!important
}

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

.onsenMessage {
width:1200px!important;
margin:0 auto
}

.eatSelector a {
display:block;
height:400px;
line-height:400px!important;
position:relative;
color:#fff!important;
transition:all .3s ease;
background:rgba(0,0,0,0.3);
font-size:1.2rem!important
}

.eatSelector a:hover {
background:rgba(0,0,0,0.0);
z-index:200
}

.eatSelector a:hover:after {
transform:scale(1.1,1.1);
opacity:1
}

.eatSelect1 {
position:relative
}

.eatSelector a:after {
position:absolute;
top:0;
content:"";
display:block;
width:100%;
height:100%;
opacity:.8;
background-size:cover;
z-index:-10;
transition:all .3s ease
}

.eatSelect1 a:after {
background:var(--wpr-bg-addfc38f-fed0-4c01-b632-0b313ddc16f4) center center no-repeat;
background-size:cover
}

.eatSelect2 a:after {
background:var(--wpr-bg-7189a4cf-c73e-4129-acde-b9ba32702ec0) center center no-repeat;
background-size:cover
}

.eatSelect3 a:after {
background:var(--wpr-bg-fef8321d-16b1-425d-961d-42f2dab12cc3) center center no-repeat;
background-size:cover
}

.eatSelect4 a:after {
background:var(--wpr-bg-309ba67c-36ff-44b2-90cd-ff77098df8ba) center center no-repeat;
background-size:cover
}

.eatSelect5 a:after {
background:var(--wpr-bg-e92e0335-dbcd-4848-9823-e3af68811144) center center no-repeat;
background-size:cover
}

.eatSelector a h2 {
position:relative;
z-index:300
}

.stickarrow {
display:inline-block;
width:60%;
height:8px;
margin-left:0;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
transform:skew(45deg);
position:absolute;
top:240px;
left:20%
}

@media screen and (max-width: 1300px) {
.eatSelector {
width:100%!important
}

.eatSelector a {
height:180px;
line-height:180px!important;
font-size:1.2rem!important;
margin-bottom:5px
}

.stickarrow {
display:inline-block;
width:30%;
height:8px;
margin-left:0;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
transform:skew(45deg);
position:absolute;
top:130px;
left:35%
}
}

@media screen and (max-width: 800px) {
.eatSelector {
width:100%!important
}

.eatSelector a {
height:160px;
line-height:160px!important;
font-size:4vw!important;
margin-bottom:5px
}

.stickarrow {
display:inline-block;
width:30%;
height:8px;
margin-left:0;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
transform:skew(45deg);
position:absolute;
top:110px;
left:35%
}
}

.harnnMenu {
width:1200px;
max-width:90%;
margin:0 auto
}

.harnnMenu li div {
padding:0 25px;
box-sizing:border-box
}

.harnnMenu div img {
width:100%!important;
height:auto
}

.harnnMenu li div h2 {
padding:15px 0 10px;
font-size:1.3rem;
color:#002E51
}

.harnnMenu li div h3 {
padding:0 0 15px;
border-bottom:solid 2px #002E51;
display:inline-block;
font-size:.9rem;
font-weight:400;
color:#002E51
}

.harnnMenu div span {
display:block;
padding:15px 0 0;
font-size:.9rem;
line-height:1.61;
color:#282828
}

.slide-arrow2 {
position:absolute;
top:55%;
z-index:20
}

.prev-arrow2 {
left:-70px;
width:60px;
height:60px;
padding:20px;
background:rgba(0,0,0,0.6);
border-radius:100%!important;
transition:all .3s ease
}

.next-arrow2 {
right:-70px;
width:60px;
height:60px;
padding:20px;
background:rgba(0,0,0,0.6);
border-radius:100%!important;
transition:all .3s ease
}

.prev-arrow2:hover,.next-arrow2:hover {
background:rgba(0,0,0,0.8);
cursor:pointer
}

.harnnMenu2 {
width:800px;
max-width:90%;
margin:0 auto
}

.harnnMenu2 li div {
padding:0 25px;
box-sizing:border-box
}

.harnnMenu2 div img {
width:100%!important;
height:auto
}

.harnnMenu2 li div h2 {
padding:15px 0 10px;
font-size:1.3rem;
color:#002E51
}

.harnnMenu2 li div h3 {
padding:0 0 15px;
border-bottom:solid 2px #002E51;
display:inline-block;
font-size:.9rem;
font-weight:400;
color:#002E51
}

.harnnMenu2 div span {
display:block;
padding:15px 0 0;
font-size:.9rem;
line-height:1.61;
color:#282828
}

.modalreservTitle {
text-align:center
}

.indigoBlue {
color:#002E52
}

.familyBox {
width:1400px;
max-width:90%;
margin:0 auto
}

.familyBox:after {
content:"";
display:block;
clear:both;
height:80px
}

.familyBox h2 {
font-size:2rem
}

.familyBox h3 {
font-size:6rem;
font-family:'BeausiteGrand-Light',sans-serif;
font-weight:300;
font-style:normal;
margin-bottom:20px;
}

.familyBoxContainer {
position:relative
}

.familyBoxContainer img {
max-width:100%;
height:auto
}

.familyParent {
width:60%;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
margin-top:0;
transition:all .5s ease
}

.familyParent img {
z-index:-10;
position:relative
}

.familyChild {
width:35%;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
padding:30px 0 0;
transition:all .5s ease
}

.familyLeft {
float:left
}

.familyRight {
float:right
}

.familyCatch {
font-size:1.9rem;
margin-bottom:30px
}

.familyText {
font-size:1.1rem;
line-height:1.71;
margin:0 0 20px
}

.familyButton {
margin:30px 0
}

.familyButton a {
display:inline-block;
padding:10px 50px;
border:solid 1px #002E51;
font-size:1.1rem;
color:#002E51;
transition:all .5s ease
}

.familyButton a:hover {
background:#002E51;
color:#fff
}

.homeTheSpaByHarnn {
padding:5px 0 25px
}

.homeTheSpaByHarnn a {
display:block;
padding:25px;
background:#243888;
text-align:center;
color:#fff
}

.homeTheSpaByHarnn a h2 {
font-size:1rem;
display:inline-block;
padding:0 5px 10px;
border-bottom:solid 1px #fff
}

.homeTheSpaByHarnn a h3 {
font-size:1.3rem;
font-weight:600;
padding:8px 0 10px
}

.homeTheSpaByHarnn a h4 {
padding:0 0 20px
}

.homeTheSpaByHarnn a h4 img {
width:70%;
height:auto
}

.homeTheSpaByHarnn a h5 {
display:inline-block;
font-size:1.05rem;
color:#002E51;
background:#fff;
padding:6px 10px;
transition:all .5s ease;
border:solid 1px #fff
}

.homeTheSpaByHarnn a:hover h5 {
color:#fff;
background:#243888
}

.homeActivity {
background:var(--wpr-bg-e7499f92-c05c-40b8-9474-92a05054b715) left top;
padding:50px;
width:1400px;
max-width:90%;
margin:60px auto;
box-sizing:border-box
}

.homeActivity a {
display:block;
padding:50px;
background:#002E51;
color:#fff;
text-align:center
}

.homeActivity a h2 {
display:inline-block;
padding:0 10px 8px;
border-bottom:solid 1px #fff;
font-size:1rem
}

.homeActivity a h3 {
padding:25px 0 35px;
font-size:2.5rem;
font-weight:400
}

.homeActivity a h4 {
display:inline-block;
padding:16px 24px;
background:#fff;
color:#002E51;
transition:all .5s ease;
border:solid 1px #fff
}

.homeActivity a:hover h4 {
background:#002E51;
color:#fff
}

.uSpace {
width:100%;
clear:both;
height:100px;
text-indent:-5000px
}

@media screen and (max-width: 1400px) {
.homeHotel h2,.homeFoodAndDrinks h2 {
color:#002e52;
font-size:4vw
}

.homeHotel h3,.homeFoodAndDrinks h3 {
color:#002e52;
font-size:7vw;
font-family:'BeausiteGrand-Light',sans-serif;
font-weight:300;
font-style:normal
}

.homeHotelFamily,.homeFoodAndDrinksFamily {
max-width:90%;
margin:0 auto
}

.homeHotelParent {
width:100%;
float:none;
padding-top:30px
}

.homeHotelParent img {
width:100%
}

.homeHotelChild {
width:100%;
float:none;
z-index:-1;
margin:0
}

.homeHotelChild h4 {
display:none
}

.homeHotelChild h5 {
color:#002e52;
font-size:5vw;
font-weight:400;
line-height:1.41;
padding:40px 0 30px
}

.homeHotelChild p {
padding:0 3%;
line-height:1.71;
margin-bottom:15px;
font-weight:400
}

.homeHotelChild h6,.FoodAndDrinksParent h5 {
padding:30px 0 0
}

.homeHotelChild h6 a,.FoodAndDrinksParent h5 a {
display:inline-block;
padding:12px 30px 13px;
border:solid 1px #002e52;
box-sizing:border-box;
color:#002e52;
transition:all .5s ease
}

.homeHotelChild h6 a:hover,.FoodAndDrinksParent h5 a:hover {
border:solid 1px #002e52;
color:#fff;
background:#002e52;
transition:all .5s ease
}

.FoodAndDrinksParent {
width:100%;
float:none
}

.FoodAndDrinksParent p {
padding:0 3%;
line-height:1.71;
margin-bottom:15px;
font-weight:400
}

.FoodAndDrinksChild {
width:100%;
float:none;
margin-top:0
}

.FoodAndDrinksParent h4 {
color:#002e52;
font-size:1.7rem;
font-weight:400;
line-height:1.41;
padding:40px 0 30px
}

.familyBox {
max-width:95%
}

.familyBox h2 {
font-size:1.8rem
}

.familyBox h3 {
font-size:5.5rem
}

.familyParent {
width:55%
}

.familyChild {
width:41%
}

.familyCatch {
font-size:1.8rem;
margin-bottom:30px
}

.familyText {
font-size:1rem
}

.familyButton a {
font-size:1.1rem
}
}

@media screen and (max-width: 1100px) {
.familyBox {
max-width:96%
}

.familyBox h2 {
font-size:1.7rem
}

.familyBox h3 {
font-size:5rem
}

.familyParent {
width:55%
}

.familyChild {
width:43%
}

.familyCatch {
font-size:1.5rem;
margin-bottom:30px
}

.familyText {
font-size:.95rem
}

.familyButton a {
font-size:1rem
}

.spaReservWrap {
width:90%;
margin:0 auto
}

.spaReserv {
text-align:left
}

.spaReserv small {
font-size:1rem
}

.spaReserv:after {
content:"";
display:block;
clear:both;
height:30px
}

.spaReserv label:first-child {
float:left;
width:45%
}

.spaReserv label:last-child {
float:right;
width:45%
}

.spaReserv input {
width:100%;
background:rgba(255,255,255,0.2);
box-sizing:border-box;
padding:5px;
text-align:left;
height:40px;
color:#fff
}

::-webkit-calendar-picker-indicator {
filter:invert(1);
opacity:.6
}

.spaReserv select {
background:rgba(255,255,255,0.2);
box-sizing:border-box;
padding:5px;
width:100%;
text-align:left;
height:40px;
color:#fff
}

.spaReserv select option {
padding:5px;
color:#333
}

.spaReserv select optgroup {
color:#333
}

.spaReservSubmit {
clear:both;
width:700px;
margin:0 auto;
text-align:center!important
}

.spaReservSubmit input {
display:block;
width:300px;
color:#333;
font-size:1rem;
padding:14px 30px 15px;
box-sizing:border-box;
background:#fff;
transition:all .3s ease;
border:solid 1px #fff;
margin:0 auto!important
}

.spaReservSubmit input:hover {
background:transparent;
color:#fff;
border-color:#fff
}

.spaReservInfo {
height:60px;
vertical-align:middle;
line-height:60px
}

.spaReservInfo span {
font-size:2rem;
display:inline-block;
margin-left:10px;
vertical-align:top;
line-height:60px
}

.spaReservInfo span i {
display:inline-block;
margin-right:5px;
vertical-align:top;
line-height:60px
}
}

.close-animatedModal {
position:absolute;
top:20px;
right:30px;
font-size:3rem;
font-weight:100;
color:#fff
}

.close-animatedModal:hover {
cursor:pointer
}

header.entry-header {
display:none
}

.photoBox figure:after {
content:"";
display:block;
clear:both;
height:5px
}

.photoBox .norebro-text-sc {
padding:15px 0
}

.photoBox a span {
display:inline-block;
padding:10px 24px;
font-size:1rem;
color:#282828;
border:solid 1px #282828;
transition:all .5s ease
}

.photoBox a:hover span {
background:#282828;
color:#fff
}

.photoBox .press-list-title {
font-size:.95rem;
font-weight:600
}

.photoBox .press-list-spec {
font-size:.8rem;
font-weight:300
}

.titleNoBG {
padding:180px 0 60px;
background:#0b2a23;
margin-bottom:60px;
color:#fff;
}

.downloadBox {
margin-bottom:50px
}

.uTable:after {
content:"";
display:block;
clear:both;
height:20px
}

.uTable th {
border-top:solid 1px silver;
border-bottom:solid 1px silver;
padding:15px 30px 15px 0
}

.uTable td {
border-top:solid 1px silver;
border-bottom:solid 1px silver;
padding:15px 0
}

.uTableA {
width:100%;
border-top:solid 1px silver;
border-right:solid 1px silver;
}

.uTableA th,
.uTableA td {
border-bottom:solid 1px silver;
border-left:solid 1px silver;
vertical-align:top;
padding:10px;
}

.uTableA th {
background:#e9e9e4;
}

.offersButtonBox {
text-align:center
}

.offersButtonBox * {
display:inline-block!important
}

.pageSlideWrap {
width:1600px;
max-width:90%;
margin:0 auto
}

.pageSlideWrapNew {
max-width:94%;
}

.pageSlide {
width:100%;
font-size:0
}

.pageSlide div {
position:relative;
max-width:30%;
display:inline-block;
vertical-align:top;
margin:0 1% 50px
}

.pageSlideWrapNew .pageSlideAll {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:0 15px;
}

.pageSlideWrapNew .pageSlideAll div {
position:relative;
width:calc(100% / 3 - 10px);
max-width:calc(100% / 3 - 10px);
vertical-align:top;
margin:0 0 50px;
background:#e0eef1;
padding:9px;
}

.pageSlideWrapNew .pageSlideAll div h4 {
font-size:23px;
font-weight:500;
color:#00263a;
}

.pageSlideWrapNew .pageSlideAll div p {
font-size:16px;
font-weight:400;
padding:10px 5px;
text-align:center;
color:#00263a;
}


@media screen and (max-width: 1300px) {

.pageSlideWrapNew .pageSlideAll {
gap:0 20px;
}

.pageSlideWrapNew .pageSlideAll div {
width:calc(100% / 2 - 10px);
max-width:calc(100% / 2 - 10px);
}

}

.pageSlideWrapNew h5 {
display:none;
}

.slide3Home div {
position:relative
}

.pageSlide .post-categories {
position:absolute;
top:0;
padding:15px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap:5px 5px;
}

.slide3Home .post-categories {
position:absolute;
top:0;
padding:20px 25px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap:5px 5px;
}

.pageSlide .post-categories li,.slide3Home .post-categories li {
display:inline-block;
}

.pageSlide .post-categories li a,.slide3Home .post-categories li a {
display:inline-block;
padding:7px 10px;
color:#fff;
background:#243888;
border-radius:50px;
font-size:.8rem
}

.pageSlide h3 {
aspect-ratio: 1500 / 875;
overflow:hidden;
}

.pageSlide h3 img {
width:100%;
}

.pageSlideWrapNew h3 {
aspect-ratio: 1500 / 875;
overflow:hidden;
}

.pageSlideWrapNew h3 img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.pageSlide h4 {
font-size:1.1rem;
font-weight:600;
line-height:1.41;
padding:20px 0 15px;
text-align:center;
}

.pageSlide p {
font-size:1rem;
line-height:1.51;
margin-bottom:15px;
word-break:normal;
}

.slide3Wrap {
width:1600px;
max-width:90%;
margin:0 auto;
text-align:center
}

.slide3 {
text-align:center
}

.slide3 div {
padding:10px 0
}

.slide3 div h3 {
text-align:center!important
}

.slide3 div h3 img {
width:92%;
display:inline-block;
margin:0 auto
}

.slide3 div h4 {
padding:13px 3% 10px;
font-size:1.1rem;
font-weight:600;
color:#002E51
}

.slide3 div p {
font-size:1rem;
font-weight:400;
color:#282828;
margin-bottom:13px;
padding:0 5%
}

.slide3 h6 a,.pageSlide h6 a {
display:inline-block;
padding:10px;
font-size:1rem;
color:#002E52;
border:solid 1px #002E52;
transition:all .5s ease
}

.slide3 h6 a:hover,.pageSlide h6 a:hover {
background:#002E52;
color:#fff
}

.slideRooms {
background:#fff;
padding:0 25px;
box-sizing:border-box
}

@media screen and (max-width: 1300px) {
.slide3 .fas {
position:absolute;
top:45%;
color:#282828
}

.slide3 .fa-angle-left {
left:-60px;
width:60px;
height:60px;
transition:all .3s ease;
font-size:2rem;
line-height:60px;
background:none
}

.slide3 .fa-angle-right {
right:-60px;
width:60px;
height:60px;
transition:all .3s ease;
font-size:2rem;
line-height:60px;
background:none
}

.slide3 .fas:hover {
cursor:pointer;
background:rgba(0,30,97,0.2)
}
}

@media screen and (max-width: 1100px) {
.pageSlideWrap {
width:100%;
margin:0 auto
}

.pageSlide {
width:100%;
font-size:0
}

.pageSlide div {
position:relative;
max-width:47%;
display:inline-block;
vertical-align:top;
margin:0 1% 50px
}

.pageSlide .post-categories {
position:absolute;
top:15px;
left:15px
}

.pageSlide .post-categories li {
display:inline-block;
margin:0 5px 5px 0
}

.pageSlide .post-categories li a {
display:inline-block;
padding:7px 10px;
color:#fff;
background:#243888;
border-radius:50px;
font-size:.85rem
}

.pageSlide h3 img {
width:100%
}

.pageSlide h4 {
font-size:1rem;
font-weight:600;
line-height:1.41;
padding:17px 0 10px
}

.pageSlide p {
font-size:.9rem;
line-height:1.51;
margin-bottom:15px
}

.pageSlide h6 a {
display:inline-block;
padding:10px;
font-size:.9rem;
color:#002E52;
border:solid 1px #002E52;
transition:all .5s ease
}

.pageSlide h6 a:hover {
background:#002E52;
color:#fff
}
}

.telText {
vertical-align:middle
}

.telText em {
display:inline-block;
vertical-align:middle;
font-style:normal
}

.telText i {
display:inline-block;
vertical-align:middle;
margin:0 5px 0 10px;
font-size:2rem
}

.telText a {
display:inline-block;
vertical-align:middle;
font-size:1.5rem;
color:#243888;
font-weight:500;
text-decoration:underline
}

.modalreservStay {
text-align:center
}

.modalreserveRestaurant {
text-align:center
}

.catCarousel .post-categories {
margin-bottom:10px
}

.catCarousel .post-categories li {
display:inline-block;
margin:0 3px
}

.catCarousel .post-categories li a {
display:inline-block;
padding:5px 10px;
background:#002e52;
color:#fff;
font-size:.8rem;
font-weight:500;
border-radius:30px
}

.menuSlideText {
width:100%!important
}

.menuSlideText h2 {
width:50%!important;
display:inline-block;
float:right
}

.menuSlideText h2 img {
width:100%!important
}

.menuSlideText div {
width:50%!important;
display:inline-block!important
}

.head-border {
display:flex;
align-items:center
}

.head-border:before,.head-border:after {
content:"";
height:1px;
flex-grow:1;
background-color:#e6643b
}

.head-border:before {
margin-right:1rem
}

.head-border:after {
margin-left:1rem
}

.restaurantMenuPDFs {
color:#555
}

.restaurantMenuPDFs a {
display:inline-block;
white-space:nowrap;
color:#243888;
text-decoration:underline!important
}

.restaurantMenuPDFs a:hover {
text-decoration:none!important
}

.updatesList {
max-width:90%;
margin:0 auto
}

.updatesList div {
padding:20px 0;
border-bottom:solid 1px #555;
text-align:left
}

.updatesList h3 {
margin-bottom:10px;
}

.updatesList h3 ul {
display:flex;
gap:5px 5px;
}

.updatesList h3 li {
display:inline-block;
}

.updatesList h3 a {
display:inline-block;
padding:2px 6px 4px;
border:solid 1px #002E52;
transition:all .3s ease;
color:#555;
font-size:.8rem
}

.updatesList h3 a:hover {
background:#002E52;
color:#fff
}

.updatesList h4 {
display:inline-block;
color:#243888;
margin-bottom:10px
}

.updatesList h5 {
font-size:1.1rem;
line-height:1.51
}

.updatesList h5 a {
transition:all .3s ease
}

.updatesList h5 a:hover {
color:#0046D9
}

.updatesCatMenu li {
display:inline-block;
margin:0 3px
}

.updatesCatMenu li a {
display:inline-block;
background:#ccc;
color:#222;
padding:5px 8px 7px;
transition:all .3s ease;
border-radius:50px
}

.updatesCatMenu li a:hover {
color:#fff;
background:#002E52
}

.current-cat a {
color:#fff!important;
background:#002E52!important
}

a.wc-forward {
display:inline-block;
padding:10px;
background:#000
}

.variations select {
padding:10px!important;
border:solid 1px #ddd;
margin-left:.5rem
}

.elementor-widget-container .woocommerce .woocommerce-order {
text-align:center;
background:#fff;
padding:30px
}

table.woocommerce-table--order-details {
margin:0 auto;
border-top:solid 1px #ddd!important;
border-right:solid 1px #ddd!important
}

table.woocommerce-table--order-details td,table.woocommerce-table--order-details th {
border-bottom:solid 1px #ddd!important;
border-left:solid 1px #ddd!important;
padding:10px!important
}

.woocommerce-table__product-name a {
color:#282828!important
}

.woocommerce-customer-details {
padding:30px 0
}

.woocommerce-column--billing-address {
padding:20px;
border:solid 1px #ddd;
color:#282828!important
}

.woocommerce-column--shipping-address {
padding:20px;
border:solid 1px #ddd;
color:#282828!important
}

.woocommerce-order * {
color:#282828!important
}

.aws-search-field {
background:#fff!important;
text-align:left
}

.aws-search-field::placeholder {
text-align:left
}

.product_type_variable,.product_type_simple {
text-align:center;
display:block;
border:solid 1px #2f2f2f;
padding:5px 8px 8px;
font-size:.9rem;
transition:all .3s ease
}

.product_type_variable:hover,.product_type_simple:hover {
background:#2f2f2f;
color:#fff!important
}

.variations label {
display:inline-block;
padding:7px 7px 0 0;
white-space:nowrap
}

.variations .reset_variations {
white-space:nowrap
}

.variations select {
padding:10px!important
}

.wpfFilterButton {
background:#2f2f2f;
color:#fff
}

.submitBtn {
text-align:center!important
}

.richText {
font-size:.85rem!important
}



.bookingSet h2 {
font-size:1.3rem;
font-weight:500;
margin:0 0 25px
}

.bookingStay .booking-input-fields .booking-form-label {
margin-bottom:30px;
text-align:center
}

.bookingStay .booking-input {
color:rgba(255,255,255,0)!important
}

.booking-input-fields {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.bookingStay div.rc {
width:100%;
}

.booking-input-fields2 {
display:flex;
justify-content:space-between;
width:100%;
}

.labelAdults {
width:45%;
}

.labelChild {
width:45%;
}

.bookingStay .data-front {
text-align:center;
border-bottom:solid 1px silver;
}

.bookingRestaurant .data-front {
text-align:center;
font-size:1.1rem;
background:#e5e5e5;
padding:10px 0 13px;
}

.bookingStay .mc-data,.bookingStay .cc-data,.bookingStay .rc-data,.bookingStay .table-data,.bookingStay .adult-data,.bookingStay .children-data,.bookingStay .room-data {
padding-bottom:10px;
border-bottom:solid 1px silver
}

.bookingStay .mc-data input,.bookingStay .cc-data input,.bookingStay .rc-data input,.bookingRestaurant .table-data input,.bookingRestaurant .adult-data input,.bookingRestaurant .children-data input,.bookingRestaurant .room-data input {
font-size:2.4rem;
margin-bottom:15px;
max-width:100%;
}

.bookingStay .mc-data button,.bookingStay .cc-data button,.bookingStay .rc-data button,.bookingRestaurant .table-data button,.bookingRestaurant .adult-data button,.bookingRestaurant .children-data button,.bookingRestaurant .room-data button {
font-size:1.8rem;
background:rgba(0,0,0,0.1);
width:40px;
height:40px;
padding:0
}

.bookingStay .form_button,.bookingRestaurant .form_button {
display:block;
text-align:center;
padding:20px 0 0
}

.bookingStay .form_button input,.bookingRestaurant .form_button input {
background:#e7643c!important;
color:#fff!important
}

.bookingStay .form_button input:hover,.bookingRestaurant .form_button input:hover {
color:rgba(255,255,255,0.8)!important
}

.bookingStay .checkin-date:after,.bookingStay .checkout-date:after,.data-front .table-date:after {
content:"日"
}

.bookingRestaurant {
text-align:center
}

.bookingRestaurant #reservation_start_time {
background:none;
font-size:1.8rem;
color:#fff;
margin-top:0
}

.bookingRestaurant #reservation_start_time:hover {
cursor:pointer
}

.bookingRestaurant #reservation_start_time option {
color:#333
}

.bookingRestaurant .booking-form-label {
width:auto!important;
margin-bottom:30px
}

.bookingRestaurant .reservation_start_date {
width:100%;
min-height:auto;
}

.bookingRestaurant #reservation_start_time {
padding-bottom:10px;
}

.bookingRestaurant .container {
display:flex;
flex-wrap:wrap;
justify-content:center;
flex-flow:column;
}

.reserveBox {
font-size:0
}

.reserveBox input,.reserveBox label,.reserveBox button {
color:#fff!important
}

.reserveBox .container {

}

.reserveBox .booking-form-label {
border-right:solid 1px #fff;
min-height:180px;
color:#fff;
text-align:center;
font-size:1rem
}

.reserveBox div.rc {
border-right:none!important
}

.reserveBox .booking-input-fields * {
text-align:center!important
}

.reserveBox .checkin-date,.reserveBox .checkout-date,.reserveBox .table-date {
font-size:4rem;
display:block;
margin-bottom:10px
}

.reserveBox .checkin-weekday,.reserveBox .checkout-weekday,.reserveBox .table-weekday {
display:block;
padding:10px 0 0
}

.reserveBox .checkin-data,.reserveBox .checkout-data,.reserveBox .reservationDateDine {
position:relative;
text-align:center
}

.reserveBox .checkin-data input,.reserveBox .checkout-data input,.reserveBox .reservationDateDine input {
position:absolute;
top:0;
left:10%;
display:block;
width:80%;
height:130px;
z-index:100000;
color:rgba(255,255,255,0)!important
}

.reserveBox .checkin-data input:hover,.reserveBox .checkout-data input:hover,.reserveBox .reservationDateDine input:hover {
cursor:pointer
}

.reserveBox .checkin-data .data-front,.reserveBox .checkout-data .data-front,.reserveBox .reservationDateDine .data-front {
position:absolute;
top:0;
color:#fff!important;
position:relative;
border-bottom:none;
padding-bottom:0
}

.reserveBox .checkin-data *,.reserveBox .checkout-data *,.reserveBox .reservationDateDine * {
color:#fff!important
}

.reserveBox div.rc {
border-right:solid 1px #ffffff !important;
}

.reserveBox .booking-input-fields .checkin {
width:170px
}

.reserveBox .booking-input-fields .checkout {
width:170px
}

.reserveBox .booking-input-fields .adults,.reserveBox .booking-input-fields .mc {
width:170px
}

.reserveBox .booking-input-fields .children {
width:170px
}

.reserveBox .booking-input-fields .rooms,.reserveBox .booking-input-fields .rc {
width:170px;
}

.reserveBox .form_button {
display:block;
padding:60px 0 0;
text-align:center !important;
width:100%;
}

.reserveBox #booking_form_submit {
color:#002e52!important;
font-size:1rem;
padding:14px 50px 15px;
background:#fff;
transition:all .3s ease;
border:solid 1px #002e52;
display:inline-block;
margin:0 auto;
}

.reserveBox #booking_form_submit:hover {
background:#002e52;
color:#fff!important;
border-color:#fff
}

@media screen and (max-width: 1200px) {
.reserveBox,.wpb_wrapper {
text-align:center
}

.modalreserv .form_button {
padding-top:30px
}

.reserveBox .booking-form-label label {
padding:20px 0 10px;
font-size:4vw
}

.reserveBox .booking-input-fields .booking-input {
background:rgba(255,255,255,0.3)
}

.reserveBox #booking-form-dine .booking-form-label {
border-right:solid 1px #fff;
min-height:300px;
text-align:center!important;
width:30%
}

.reserveBox #booking-form-dine div.people {
border-right:none;
min-height:300px;
text-align:center!important;
width:30%
}

.reserveBox .booking-input-fields .checkin {
display:block;
vertical-align:top;
width:90%!important;
margin:0 auto;
border:none;
padding:0
}

.reserveBox .booking-input-fields:after {
content:"";
display:block;
clear:both;
height:30px
}

.reserveBox .booking-input-fields .checkout {
display:block;
vertical-align:top;
width:90%!important;
margin:0 auto;
border:none;
padding:0
}

.reserveBox .booking-input-fields .mc {
display:inline-block;
vertical-align:top;
width:40%;
border:none;
padding:0
}

.reserveBox .booking-input-fields .cc {
display:inline-block;
vertical-align:top;
width:40%;
border:none;
padding:0
}

.reserveBox div.mc {
margin-right:10%
}

button.prev,button.next {
font-size:8vw
}

.reserveBox .booking-input-fields .rc {
display:inline-block;
vertical-align:top;
width:100%;
border:none;
padding:0;
border-right:none !important;
}

.reserveBox .booking-form-label .input-number {
background:rgba(255,255,255,0.3);
padding:10px;
width:100%;
box-sizing:border-box
}

.modalreserv .booking-form-label .input-number {
background:rgba(255,255,255,0.3);
padding:10px;
width:100%;
box-sizing:border-box;
font-size:4vw
}

.reserveBox .data-front {
min-height:60px;
position:relative
}

.reserveBox .data-front span {
font-size:16px!important;
line-height:1!important;
padding:0!important;
margin:0!important
}

.reserveBox .checkin-year,.reserveBox .checkout-year {
position:absolute;
left:20px;
top:23px
}

.reserveBox .checkin-month,.reserveBox .checkout-month {
position:absolute;
left:80px;
top:23px
}

.reserveBox .checkin-date,.reserveBox .checkout-date {
position:absolute;
left:120px;
top:23px
}

.reserveBox .checkin-date:after,.reserveBox .checkout-date:after {
content:"日"
}

.reserveBox .checkin-weekday,.reserveBox .checkout-weekday {
position:absolute;
left:160px;
top:23px
}

.reserveBox .data-front span {
float:left
}

.reserveBox .checkin-data {
position:relative
}

.reserveBox .checkin-data input,.reserveBox .checkout-data input,.reserveBox .reservationDateDine input {
position:absolute;
left:0;
display:block;
width:100%;
height:60px;
z-index:100;
color:#fff
}

.reserveBox .checkin-date,.reserveBox .checkout-date,.reserveBox .table-date {
font-size:1rem;
display:inline-block;
margin-bottom:10px
}

.reserveBox .data-frontModal {
min-height:200px
}

.reserveBox .data-frontModal span {
float:none;
display:block;
text-align:center
}

.reserveBox .data-frontModal .table-date {
font-size:5rem!important
}

.reserveBox .data-frontModal .table-year {
font-size:1.1rem!important;
padding:20px 0 15px!important
}

.reserveBox .data-frontModal .table-month {
font-size:1.1rem!important;
padding:0 0 15px!important
}

.reserveBox .data-frontModal .table-weekday {
font-size:1.1rem!important;
padding:0 0 15px!important
}

.reserveBox .adults,.reserveBox .children,.reserveBox .rooms {
display:block;
width:95%!important;
margin:0 auto;
border:none
}

.reserveBox .adults .input-number,.reserveBox .children .input-number,.reserveBox .rooms .input-number {
background:rgba(255,255,255,0.3);
padding:10px;
width:100%;
box-sizing:border-box;
font-size:4vw
}
}

span.wpcf7-not-valid-tip {
color:#fff;
display:inline-block;
padding:3px 3px 5px;
background:#d33;
border:solid 2px #d33
}

.wpcf7 form.invalid .wpcf7-response-output {
color:#dc3232;
font-weight:900;
border:1.5px solid #d33!important;
border-radius:2px;
margin:1.5em 0;
padding:.5em 1em;
text-align:center
}

a.wc-forward {
color:#fff!important
}

.modal-open {
position:fixed;
top:46px;
right:210px;
width:150px;
height:50px;
text-align:center;
line-height:50px;
font-weight:400;
color:#fff;
background:#e7643c;
margin:auto;
cursor:pointer;
z-index:999
}

.modal2-open {
position:fixed;
top:46px;
right:39px;
width:150px;
text-align:center;
height:50px;
line-height:50px;
font-weight:400;
color:#fff;
background:#e7643c;
margin:auto;
cursor:pointer;
z-index:999
}

.modal3-open {
position:relative;
width:150px;
text-align:center;
height:50px;
line-height:50px;
font-weight:400;
color:#fff;
background:#243888;
margin:auto;
cursor:pointer;
z-index:999
}

.modal-container {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
background:rgba(0,0,0,50%);
padding:40px 20px;
overflow:auto;
opacity:0;
visibility:hidden;
transition:.3s;
box-sizing:border-box;
z-index:1000
}

.modal2-container {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
background:rgba(0,0,0,50%);
padding:40px 20px;
overflow:auto;
opacity:0;
visibility:hidden;
transition:.3s;
box-sizing:border-box;
z-index:1000
}

.modal3-container {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
background:rgba(0,0,0,50%);
padding:40px 20px;
overflow:auto;
opacity:0;
visibility:hidden;
transition:.3s;
box-sizing:border-box;
z-index:1000
}

.modal-container:before {
content:"";
display:inline-block;
vertical-align:middle;
height:100%
}

.modal2-container:before {
content:"";
display:inline-block;
vertical-align:middle;
height:100%
}

.modal3-container:before {
content:"";
display:inline-block;
vertical-align:middle;
height:100%
}

.modal-container.active {
opacity:1;
visibility:visible
}

.modal2-container.active {
opacity:1;
visibility:visible
}

.modal3-container.active {
opacity:1;
visibility:visible
}

.modal-body {
position:fixed;
top:30px;
right:30px;
display:inline-block;
vertical-align:middle;
max-width:500px;
width:90%;
box-shadow:0 0 6px rgba(0,0,0,0.3);
z-index:9999999998
}

.modal2-body {
position:fixed;
top:30px;
right:30px;
display:inline-block;
vertical-align:middle;
max-width:500px;
width:90%;
box-shadow:0 0 6px rgba(0,0,0,0.3);
z-index:9999999998
}

.modal3-body {
position:fixed;
top:30px;
right:30px;
display:inline-block;
vertical-align:middle;
max-width:700px;
width:90%;
box-shadow:0 0 6px rgba(0,0,0,0.3);
z-index:9999999998
}

.modal-close {
position:absolute;
display:flex;
align-items:center;
justify-content:center;
top:-10px;
right:-10px;
width:50px;
height:50px;
font-size:40px;
color:#fff;
background:#001e61;
cursor:pointer;
z-index:9999999999
}

.modal2-close {
position:absolute;
display:flex;
align-items:center;
justify-content:center;
top:-10px;
right:-10px;
width:50px;
height:50px;
font-size:40px;
color:#fff;
background:#001e61;
cursor:pointer;
z-index:9999999999
}

.modal3-close {
position:absolute;
display:flex;
align-items:center;
justify-content:center;
top:-10px;
right:-10px;
width:50px;
height:50px;
font-size:40px;
color:#fff;
background:#001e61;
cursor:pointer;
z-index:9999999999
}

.modal-content {
background:#fff;
text-align:left;
padding:30px;
overflow-y:auto;
max-height:80vh
}

.modal2-content {
background:#fff;
text-align:left;
padding:30px;
overflow-y:auto;
max-height:80vh
}

.modal3-content {
background:#fff;
text-align:left;
padding:30px;
overflow-y:auto;
max-height:80vh
}

@media screen and (max-width: 1000px) {
.modal-open {
position:fixed;
top:13px;
right:13px;
width:150px;
height:42px;
text-align:center;
line-height:42px;
font-weight:400;
color:#fff;
background:#e7643c;
margin:auto;
cursor:pointer;
z-index:999
}

.modal2-open {
position:fixed;
top:62px;
right:13px;
width:150px;
text-align:center;
height:42px;
line-height:42px;
font-weight:400;
color:#fff;
background:#e7643c;
margin:auto;
cursor:pointer;
z-index:999
}
}

.modal-open-static {
position:static !important;
}

.parallax-slider {
left:0;
top:0;
opacity:0;
animation: fadeIn 1.5s ease;
animation-fill-mode: both;
animation-delay: 1.5s;
}

@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.contactform table {
width:100%;
}

.contactform table th {
white-space:nowrap;
padding:30px 50px 30px 0;
border-bottom:solid 1px #d4d4d4;
vertical-align:middle;
}

.contactform table h3 {
display:flex;
justify-content:space-between;
align-items:center;
gap:0 25px;
}

.contactform table th strong {
margin:-2px 0 0 0;
font-size:clamp(16px,4vw,18px);
font-weight:500;
}

.contactform table th em {
margin:5px 0;
padding:0 7px 2px;
background:#cc3300;
color:#fff;
font-style:normal;
font-size:clamp(15px,3.5vw,15px);
font-weight:500;
}

.contactform table th span {
margin:5px 0;
padding:0 7px 2px;
background:#5a5a5a;
color:#fff;
font-style:normal;
font-size:clamp(15px,3.5vw,15px);
font-weight:500;
}

.contactform table td {
width:100%;
text-align:left;
padding:30px 0 30px 0;
border-bottom:solid 1px #d4d4d4;
font-size:clamp(16px,4vw,18px);
font-weight:400;
}

.contactform table td cite {
display:block;
font-size:clamp(15px,3.5vw,16px);
font-style:normal;
line-height:1.51;
margin-bottom:10px;
}

.contactform table tr:last-child th,
.contactform table tr:last-child td {
border-bottom-color:#fff;
}

.contactform table td input[type=text] {
text-align:left;
border:solid 1px #5a5a5a;
padding:5px;
font-size:clamp(16px,4vw,18px);
font-weight:500;
}

.contactform table td textarea {
text-align:left;
border:solid 1px #5a5a5a;
padding:5px;
font-size:clamp(16px,4vw,18px);
font-weight:500;
}

.contactform table td select {
border:solid 1px #5a5a5a;
padding:5px;
font-size:clamp(16px,4vw,18px);
font-weight:500;
}

.contactform table td input[type=number] {
text-align:left;
border:solid 1px #5a5a5a;
padding:5px;
font-size:clamp(16px,4vw,18px);
font-weight:500;
}

.contactform table td small {
display:inline-block;
margin-left:10px;
}

.submitArea {
padding:30px 0 0 0;
}

.inputSubmit {
background:#001e61;
color:#fff;
font-size:clamp(17px,5vw,19px);
font-weight:500;
padding:12px 40px 15px 40px;
transition:all .3s ease;
}

.inputBack {
background:#5e5e5e;
color:#fff;
font-size:clamp(17px,5vw,19px);
font-weight:500;
padding:12px 40px 15px 40px;
transition:all .3s ease;
margin-right:20px;
}

@media screen and (max-width: 960px) {

.contactform table h3 {
display:flex;
justify-content:flex-start;
align-items:center;
gap:0 20px;
}

.contactform table th {
display:block;
width:100%;
white-space:nowrap;
padding:30px 0 0 0;
border-bottom:none;
vertical-align:middle;
}

.contactform table td {
display:block;
width:100%;
text-align:left;
padding:20px 0 40px 0;
border-bottom:solid 1px #d4d4d4;
}

}


.contactform input,
.contactform textarea {
max-width:100%;
font-family:sans-serif;
font-size:clamp(16px,4vw,18px);
font-weight:500;
}

.contactform label {
font-family:sans-serif;
font-size:clamp(16px,4vw,18px);
font-weight:500;
margin-right:20px;
}

.inputName {
width:200px;
}

.inputFurigana {
width:250px;
}

.inputNameLong {
width:300px;
}

.inputFuriganaLong {
width:350px;
}

.inputTel {
width:160px;
}

.inputMail {
width:400px;
}

.inputURL {
width:450px;
}

.inputHope2,
.inputFunction {
width:450px;
}

.inputContent {
width:100%;
height:200px;
}

.inputStay,
.inputDeparture {
width:170px;
}

.inputUseday,
.inputTime,
.inputUseday2,
.inputTime2 {
width:170px;
}

.inputNum {
width:50px;
margin-right:5px;
}

.mwform-radio-field-text,
span.medium {
font-weight:400 !important;
}

.radioItems {

}

.mwform-radio-field label:hover,
.inputReserve:hover {
cursor:pointer;
}

.mwform-radio-field {
display:inline-block;
margin-top:3px;
}

.mwform-radio-field label {
display:flex;
justify-content:start;
gap:0;
align-items:center;
}

.agreeArea {
padding:20px 0 0 0;
}

.agreeArea p {
margin-bottom:15px;
font-size:clamp(15px,3.5vw,16px);
line-height:1.51;
}

.agreeArea p a {
text-decoration:underline;
color:#0046d9;
}

.agreeArea label:hover,
.agreeArea input:hover {
cursor:pointer;
}

.mw_wp_form_confirm .agreeArea,
.mw_wp_form_confirm td small,
.mw_wp_form_confirm td cite {
display:none !important;
}


@media screen and (max-width: 1080px) {

.contactform table td small {
display:block;
margin-top:10px;
margin-left:0;
}

}



#ZenSearchFrom {
padding:50px;
text-align:center;
}

.fieldsets {
display:flex;
flex-wrap:wrap;
gap:20px 20px;
justify-content:center;
}

.fieldsets fieldset {
width:calc(50% - 20px);
}

.fieldsets input[type=text] {
border:solid 1px #c0c0c0;
}

.children {
display:none !important;
}


body.woocommerce-page:before,
body.lp-template-default:before {
content:"";
display:block;
width:100%;
height:180px;
background:#2f2f2e;
}

body.lp-template-default:before {
margin-bottom:50px;
}

.zoomSlider {
position:relative;
padding:30px 0;
width:1340px;
max-width:90%;
margin:0 auto;
}

.zoomSlider .slick-slide {
  transform-origin: center center;
  transform: scale(0.92);
  transition: 0.5s ease-out;
}
.zoomSlider .slick-center,
.zoomSlider .is-active-next {
  transform: scale(1);
}

.zoomSlider i {
position:absolute;
z-index:10;
color:#e7643c;
font-size:4vw;
top:calc(50% - 30px);
cursor:pointer;
transition:all .3s ease;
}

.zoomSlider i:hover {
opacity:0.8;
}

.zoomSlider i.fa-angle-left {
left:-50px;
}

.zoomSlider i.fa-angle-right {
right:-50px;
}

.zoomSlide {
position:relative;
}

.zoomSlide img {
width:100%;
}

.zoomSlide section {
width:90%;
margin:-50px auto 0;
padding:30px 30px 35px 30px;
background:#2e5992;
margin-top:-50px;
color:#fff;
transition:all .3s ease;
opacity:0;
}

.zoomSliderPetit section {
background-color:#0b2a23;
}

.zoomSliderWalk section {
background-color:#d7463c;
}

.zoomSlider .slick-center section,
.zoomSlider .is-active-next section {
opacity:1;
transition-delay:0.5s;
}

.zoomSlide section h2 {
font-size:30px;
margin-bottom:15px;
}

.zoomSlide section p {
font-size:1.1rem;
line-height:1.61;
}

.zoomSlide section h3 {
display:none;
padding:25px 0 0 0;
}

.zoomSlide section h3 a {
display:inline-block;
padding:15px 20px 15px 20px;
color:#fff;
border:solid 1px #fff;
transition:all .3s ease;
font-size:1.1rem;
}

.zoomSlide section h3 a:hover {
background:rgba(255,255,255,1);
color:#2e5992;
}


@media (max-width: 1400px) {

.zoomSlider {
position:relative;
padding:30px 0;
width:100%;
max-width:100%;
margin:0 auto;
}

.zoomSlider i.fa-angle-left {
left:13px;
}

.zoomSlider i.fa-angle-right {
right:13px;
}

}


.neighborhoodMap img {
width:100%;
}



.seasonSelector {
padding:30px 0 0 0;
}

.seasonSelector ul {
display:flex;
justify-content:center;
width:1200px;
max-width:96%;
margin:0 auto;
}

.seasonSelector ul li {
margin-left:-1px;
width:calc(25% - 1px);
position:relative;
}

.seasonActive:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #e0917f;
}

.seasonSelector ul li a {
display:flex;
gap:15px;
align-items:center;
padding:10px 30px;
border:solid 1px #d4d4d4;
background:transparent;
transition:all .3s ease;
color:#000000;
font-size:20px;
}

.seasonSelector ul li a img {
width:60px;
filter:drop-shadow(0 0 1px rgba(0,0,0,0.25));
}

.seasonSelector ul li a:hover {
background:#ecd1c9;
}

.seasonSelector li.seasonActive a {
background:#e0917f !important;
color:#ffffff;
border-color:#e0917f;
}

@media (max-width: 1000px) {

.seasonSelector ul li a {
padding:10px 20px;
font-size:18px;
gap:10px;
}

.seasonSelector ul li a img {
width:54px;
}

}


@media (max-width: 800px) {



}


.seasonDrop {
display:none;
}

.seasonDrop select {
border:solid 1px #d4d4d4 !important;
}


.seasonListWrap {
display:none;
}




.artworkSlide .fa-angle-left {
position:absolute;
left:-60px;
top:50%;
font-size:50px;
width:60px;
height:60px;
margin-top:-44px;
}

.artworkSlide .fa-angle-right {
position:absolute;
right:-50px;
top:50%;
font-size:50px;
width:60px;
height:60px;
margin-top:-44px;
}

.artworkSlide .fa-angle-right:hover {
cursor:pointer;
}

.artworkSlide {
margin-left:-10px;
}

.artworkSlide div section {
padding-right:10px;
}

.artworkSlide div section h4 {
padding:10px;
font-size:clamp(16px,3.5vw,17px);
font-weight:600;
color:#00263a;
}

@media (max-width: 1530px) {

.artworkSlide .fa-angle-left {
position:absolute;
left:-30px;
top:50%;
font-size:50px;
width:60px;
height:60px;
margin-top:-44px;
z-index:100;
}

.artworkSlide .fa-angle-right {
position:absolute;
right:-20px;
top:50%;
font-size:50px;
width:60px;
height:60px;
margin-top:-44px;
z-index:100;
}

}


@media (max-width: 1240px) {

.artworkSlide {
margin-left:0;
}

.artworkSlide div section {
padding-right:5px;
padding-left:5px;
}

.artworkSlide .fa-angle-left {
position:absolute;
left:-30px;
top:50%;
font-size:50px;
width:60px;
height:60px;
margin-top:-44px;
z-index:100;
}

.artworkSlide .fa-angle-right {
position:absolute;
right:-30px;
top:50%;
font-size:50px;
width:60px;
height:60px;
margin-top:-44px;
z-index:100;
}

}



.custom-caption {
    position: relative;
    margin-top: 10px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 100%;
}



#pageTitle_Neighborhood {
display:none !important;
}

#pageTitle_experiencesSP {
display:none !important;
}



#artworkSP {
display:none !important;
}

@media (min-width: 800px) {

#artworkSP {
display:none !important;
visibility:hidden !important;
}

}


.page-id-46716 .parallax-mirror:nth-of-type(2),
.page-id-289 .parallax-mirror:nth-of-type(2),
.page-id-24 .parallax-mirror:nth-of-type(2) {
display:none !important;
visibility:hidden !important;
}









.ihg_Hotels {
border:solid 2px #000000BD;
position:relative;
width:1400px;
max-width:90%;
margin:80px auto 0 auto;
padding:56px 24px;
}

.ihg_Hotels_Head {
position:absolute;
margin:-79px 0 0 20px;
}

.ihg_Hotels_Head img {
width:230px;
}

.ihg_Hotels_List {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:23px 10px;
}

.ihg_Hotels_List > div {
width:calc(10% - 10px);
}

.ihg_Hotels_List img {
width:80%;
height:auto;
}

.ihg_Hotels_Foot {
position:absolute;
right:0;
bottom:-23px;
margin:0 20px 0 0;
}

.ihg_Hotels_Foot img {
width:230px;
}


@media (max-width: 1150px) {

.ihg_Hotels {
padding:46px 13px;
}

.ihg_Hotels_List {
gap:23px 10px;
}

.ihg_Hotels_List > div {
width:calc(13% - 5px);
}

.ihg_Hotels_List img {
width:70%;
}

}


@media (max-width: 900px) {

.ihg_Hotels {
padding:46px 0;
}

.ihg_Hotels_List {
gap:18px 10px;
}

.ihg_Hotels_List > div {
width:17%;
}

.ihg_Hotels_List img {
width:76%;
}

}



.snsX svg {
color:#fff;
width:50%;
fill:white;
}

.snsX a:hover svg {
fill:#002e52;
}


.snsX_foot svg {
color:#fff;
width:50%;
fill:#707070;
}

.snsX_foot a:hover svg {
fill:white;
}


.howtoBeds {
display:flex;
justify-content:space-between;
gap:10px 20px;
align-items:center;
position:relative;
padding-bottom:15px;
transition:all .3s ease;
}

.howtoBeds section {
margin-top:-5px;
}

.howtoBeds:hover {
opacity:0.7;
}

.howtoBeds::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: calc(100% - 30px); /* 矢印の幅を考慮して水平線の幅を調整 */
height: 1px;
background-color: black;
}

.howtoBeds::after {
content: "";
position: absolute;
right: 20px;
bottom: -5px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid black;
}

.howtoBeds h2 {
text-align:center;
width:65%;
}

.howtoBeds section {
width:35%;
}


.howtoBeds span {
display:block;
}

.rotate_triangle,
.rotate_triangle::after {
display:none;
}




.howtoBeds2 {
display:flex;
justify-content:space-between;
gap:10px 20px;
align-items:center;
position:relative;
padding-bottom:15px;
transition:all .3s ease;
}

.howtoBeds2 section {
margin-top:-5px;
}

.howtoBeds2::before,
.howtoBeds2::after {
  content: "";
  position: absolute;
  opacity: 0; /* 初期状態では非表示 */
  transition: opacity 0.3s ease; /* フェードイン効果 */
}

.howtoBeds2::before {
  left: 0;
  bottom: 0;
  width: calc(100% - 30px);
  height: 1px;
  background-color: black;
}

.howtoBeds2::after {
  right: 20px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid black;
}

.howtoBeds2.active::before,
.howtoBeds2.active::after {
  opacity: 1; /* クリック時に表示 */
}

.howtoBeds2 h2 {
text-align:center;
width:65%;
}

.howtoBeds2 section {
width:35%;
}

.howtoBeds2 span {
display:block;
}


.howtoBeds3 {
display:flex;
justify-content:space-between;
gap:10px 20px;
align-items:center;
position:relative;
padding-bottom:15px;
transition:all .3s ease;
}

.howtoBeds3 section {
margin-top:-5px;
}

.howtoBeds3::before,
.howtoBeds3::after {
  content: "";
  position: absolute;
  opacity: 0; /* 初期状態では非表示 */
  transition: opacity 0.3s ease; /* フェードイン効果 */
}

.howtoBeds3::before {
  left: 0;
  bottom: 0;
  width: calc(100% - 30px);
  height: 1px;
  background-color: black;
}

.howtoBeds3::after {
  right: 20px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid black;
}

.howtoBeds3.active::before,
.howtoBeds3.active::after {
  opacity: 1; /* クリック時に表示 */
}

.howtoBeds3 h2 {
text-align:center;
width:65%;
}

.howtoBeds3 section {
width:35%;
}

.howtoBeds3 span {
display:block;
}


h5 .post-categories {
display:none !important;
}




@media screen and (max-width: 1300px) {

.footer .firstRow{
justify-content:center;    /* 行全体を中央寄せ */
}
.footer .firstRow > section{
margin-left:0;             /* auto を無効化 */
margin-top:2rem;           /* 上との余白お好みで */
}

}

@media screen and (max-width: 1200px) {

.footer .firstRow{
justify-content:center;
flex-direction:column;
align-items:center;
}
.footer .firstRow > section{
margin-left:0;             /* auto を無効化 */
margin-top:0;           /* 上との余白お好みで */
order:0;
}

.footerJP .firstRow .logos {
margin-bottom: 0;
}
        
}


.formbox-editor_PFVJN {
background:transparent !important;
}

.footerJP .firstRow section div {
background:transparent !important;
padding:0 !important;
margin:0 !important;
}

.footerJP .firstRow section fieldset:last-child div {
background:#001e61 !important;
padding:15px 20px !important;
}