@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');

*{margin:0;padding:0;border:0;outline:none;}
h1, h1 a {font-size:39px;color:#181818;text-decoration:none; line-height:40px; text-align:center; margin-bottom:10px; font-family: "Fjalla One", sans-serif; font-weight:lighter;}
.wel {text-decoration:none; margin:0 auto; font-weight:normal; font-size:28px; color:#ED1A3B; text-transform:uppercase; letter-spacing:1px; line-height:55px;}
.red { font-size:27px; line-height:36px; color:#fff; font-family: "Fjalla One", sans-serif;padding-bottom:10px;}
.title2, .title2 a {text-align:left; text-decoration:none; font-weight:bold; font-size:21px; color:#333; margin:6px 0; font-family: "Fjalla One", sans-serif;}
.title3, .title3 a  {font-size:30px;color:#fff;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:normal; text-align:center; font-family: "Fjalla One", sans-serif;}
.t3  {font-size:30px;color:#202020;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:normal; font-family: "Fjalla One", sans-serif;}
.title4, .title4 a {font-size:30px; font-weight:bold;color:#333; text-decoration:none; text-align:left; margin-bottom:6px; font-family: "Fjalla One", sans-serif;}
.title5 {text-decoration:none; margin:0 auto; font-weight:Normal; font-size:25px; color:#fff; padding:15px 0 5px 0; font-family: "Fjalla One", sans-serif;}
.title5 a { color:#fff; text-decoration:none;}
.title6 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:25px; color:#002D72; letter-spacing:1px; line-height:34px; font-family: "Fjalla One", sans-serif;}
.top2 {margin-top:2% !important;}
.ct { text-align:center;}
.white {text-decoration:none; margin:0 auto; font-weight:bold; font-size:21px; color:#fff;  text-transform:uppercase; letter-spacing:1px; margin-top:10px;}
body{ background:#fff; font-family: "PT Sans Narrow", sans-serif;}
.call{ float:right; padding:8px 8px;  color:#c20808; font-size:16px; border:solid 1px #c20808; font-weight:bold; text-align:center; margin:6px 0; }
.call a { color:#c20808; text-decoration:none;}
#headbg {margin:0 auto; z-index:1000; width:100%; float:none; position:fixed; background-color: rgba(0, 0, 0, 0.8);  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);}
#head { margin:0 auto; width:86%;  }
	
.logo{ width:150px;  position:absolute; z-index:100; padding-top:10px;}
.logo img { width:100%;}
.menu { float:right; width:70%; margin:12px 12px; right:20px;}
.phone { float:right; width: 90%; text-align:right; margin-right:150px;}
.phone a{
    color:#fff; letter-spacing:0.03em;
    text-decoration:none;
font-size:21px;}
.bk {float:right;} 

/* ===== RIBBON BOOK NOW BUTTON ===== */
.ribbon-book{ font-family: "Fjalla One", sans-serif;
    position: absolute; right:60px;
    display: inline-block;
    width: 120px;
    height: 105px;
    background: #EB0029;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 85%,
        50% 100%,
        0 85%
    );
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* TEXT */
.ribbon-book span{
    position: absolute;
    top: 35%;
    left: 50%; padding-top:14px;
    transform: translate(-50%, -50%);
    color: #fff;
   font-family: "Fjalla One", sans-serif;
    font-size:26px;
    letter-spacing: 2px;
    line-height: 1.4;
}

/* HOVER EFFECT */
.ribbon-book:hover{
    background:#d60023;
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}
/* OPTIONAL SHINE EFFECT */
.ribbon-book::after{
    content:'';
    position:absolute;
    inset:0;
    background: linear-gradient(
        120deg,
        transparent 30%,
        rgba(255,255,255,0.25),
        transparent 70%
    );
    opacity:0;
    transition:.4s;
}
.ribbon-book:hover::after{  opacity:1; }
.map1{ font-size:12px;
padding:10px;
width:50%; font-family: "PT Sans Narrow", sans-serif;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left;
}
.content {width:80%; margin:0 auto; padding:4% 0; position:relative; }
.cont {width:96%; margin:0 auto; border-bottom:solid 1px #c0c0c0; padding-bottom:15px; }
.content p, .con1 p {font-size:23px; color:#333; font-weight:normal; line-height:32px; text-align:center; letter-spacing:0.01em;}
.content p a {color:#EB0029; text-decoration:none;}

#smo{ width:220px; float:right;}
.social-icon{float:left; padding:10px 6px; width:24px;}

#footbg { width:100%; background:#1D1D1D; padding:3% 0;}
#footer  {width:86%; margin:0 auto;  line-height:30px; color:#fff;}
#footer p{ font-size:19px; color:#fff; font-weight:normal;}
#footer p a{text-decoration:none; color:#fff;}
.footer-col {float:right; width:38%; text-align:left; padding:15px 0px; font-size:19px; font-weight:normal;}
.footer-co {float:left; width:200px; text-align:left; padding-top:40px;}
.footer-col ul { float:left; width:40%; margin-left:22px;}
.footer-col ul li{list-style:circle; line-height:28px; }
.footer-col ul li a{ font-size:19px; font-weight:normal; text-decoration:none; color:#fff;}
.footer-col ul li a:hover{text-decoration:none; color:#ccc;}

#w2b-StoTop{display: block;position: fixed;top:78%;padding: 10px; color:#fff; font-size:13px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#4c4c4c;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:13px;}
.col{ width:36%; font-size:16px; color:#323437;  float:left; font-weight:normal; margin:20px 20px;}
.col ul li{ font-size:16px; color:#323437; list-style:circle; margin-left:20px; line-height:30px;}
.col ul li a{color:#323437; text-decoration:none;}
#lastbg { width:100%;  background:#333;}
.last  {width:86%; margin:0 auto; padding:1% 0%; line-height:30px; color:#ededed;}
.last p, .last p a{line-height:26px; font-size:19px; padding:5px 0; color:#ededed; text-decoration:none; font-weight:200;}
.smo{ width:90%; float:left; padding:10px 0;}
.social-icons {
            display: flex;
            gap: 12px; margin-top:10px;
        }
        .social-icons a {
            text-decoration: none;
            color: white;
            width: 34px;
            height: 34px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .social-icons a.facebook { background-color: #3b5998; }
        .social-icons a.twitter { background-color: #1da1f2; }
        .social-icons a.instagram { background-color: #e4405f; }
        .social-icons a.blog { background-color: #F57C00; }
        .social-icons a.youtube { background-color: #ff0000; }
		
label {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

#w2b-StoTop{display: block;position: fixed;top:70%;padding: 10px; color:#fff; font-size:19px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#c41e3a;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}


.reserve { color:#333; text-align:center; margin:0 auto; font-size:24px;  text-transform:uppercase;  float:left;   line-height:35px; font-weight:normal; padding:4px 10px;}
#reserve {margin:0 auto; font-family: "PT Sans Narrow", sans-serif;width:100%; padding:12px 0; position: absolute;   z-index: 1000;    bottom: 10px;}
.imenu { width:78%; margin:0 auto;     background-color: rgba(255, 255, 255, 0.9); padding:18px 14px;}
.check1{ margin:0px 12px; float:left; width:10%; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#fff;
width:88%; padding:10px 8px;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;
color:#444; font-family: "PT Sans Narrow", sans-serif;border-radius:10px;
}
.message{font-size:12px; border-radius:10px;
width:100%; padding:9px;
border: 1px double #cecece;
overflow:hidden; background:#fff;
margin:0 auto;
color:#444; font-family: 'Poppins', sans-serif;
}
input[type="submit"], .palace-button, input#searchsubmit {
background-color:#EB0029; border:none; color:#fff; font-size: 16px; font-family: "PT Sans Narrow", sans-serif; padding:7px 32px; font-weight:bold;  border-radius:6px; letter-spacing:1px;}
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}
.map1{ font-size:12px;
padding:10px;  font-family: 'Poppins', sans-serif;
width:50%;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px;
}
.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width: 87% !important;
position: fixed;
}
.ada { width:100%; margin:0 auto;  text-align:center; color:#fff; background:#333; font-size:21px; padding:1% 0;}
.ada a { color:#fff; text-decoration:none;}

.fq{text-align:left; text-decoration: none; color:#004986; font-weight:bold;  font-size:18px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:16px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:16px; color:#B84A00; text-decoration:none;}


/* ===== SLIDER ===== */
.hero-slider{
  position:relative;
  height:100vh;
  overflow:hidden;
}
.slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:1s ease;
}
.slide::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,.15));
}
.slide.active{opacity:1;}

/* ===== CONTENT ===== */
.slide-content{
  position:absolute;
  top:50%;
  left:8%; 
  transform:translateY(-50%);
  max-width:520px; background-color: rgba(0, 0, 0, 0.8); padding:10px 10px;
  color:#fff;
}
.slide-content small{
  letter-spacing:2px;
  font-size:17px;
}
.slide-content .t1{
  font-family: "Fjalla One", sans-serif;
  font-size:40px;   color:#fff;
  line-height:1.2;
  margin:15px 0 25px;
}
.slide-content a{
  display:inline-block;
  padding:14px 36px;
  border:2px solid #fff;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  letter-spacing:1px;
  position:relative;
  overflow:hidden;
}
.slide-content a::after{
  content:'';
  position:absolute;
  inset:0;
  background:#fff;
  transform:translateY(100%);
  transition:.3s;
}
.slide-content a span{
  position:relative;
  z-index:2;
}
.slide-content a:hover::after{
  transform:translateY(0);
}
.slide-content a:hover span{
  color:#000;
}

/* ===== ARROWS ===== */
.arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  font-size:30px;
  cursor:pointer;
  padding:10px;
  z-index:5;
}
.prev{left:30px;}
.next{right:30px;}

/* ===== MOBILE ===== */
@media(max-width:768px){
.hero-slider{height:75vh;}
.slide-content{
  left:6%;
  right:6%;
}
.slide-content h1{
  font-size:32px;
}
}	

.section-wrapper {
    max-width: 1200px;
    margin: auto;z
    padding: 40px 20px;
}

.section {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 10px;
}

.section.reverse {
    flex-direction: row-reverse;
}

.section-content {
    flex: 1;
}

.t2 {
    font-size: 37px; font-family: "Fjalla One", sans-serif;
    margin-bottom: 15px; font-weight:Normal;
    color: #ED1A3B;
}

.section-content p {
    font-size: 23px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 25px;
}

.read-more {
    display: inline-block;
    padding: 12px 20px;
    background: #333;
    color: #fff;
    text-decoration: none;
    font-size: 19px;
    letter-spacing: 1px;
    border-radius: 4px;
    transition: 0.3s;
}

.read-more:hover {
    background: #ED1A3B;
}

.image-grid {
    flex: 2;
    gap: 15px;
}

.image-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.image-grid img.large {
    grid-column: span 2;
    height: 260px;
}

/* Section Wrapper */
.image-section {
    max-width: 1200px;
    margin: auto;
    padding: 80px 20px;
}

/* Image Grid */
.image-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

/* Image Box */
.image-box {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    cursor: pointer;
}

/* Images */
.image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Right Column Stack */
.right-stack {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 25px;
}

/* Hover Zoom */
.image-box:hover img {
    transform: scale(1.08);
}

/* Overlay */
.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.05),
        rgba(0,0,0,0.45)
    );
    opacity: 0;
    transition: 0.4s ease;
}

.image-box:hover .overlay {
    opacity: 1;
}

/* Caption */
.caption {
    position: absolute;
    bottom: 25px; background-color: rgba(0, 0, 0, 0.8); padding:10px 10px;
    left: 25px;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.4s ease;
}

.caption-title {
    margin: 0;
    font-size: 23px; 
    font-weight: 500;
    letter-spacing: 1px;
}

.caption span {
    font-size: 16px;
    opacity: 0.9;
}

.image-box:hover .caption {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 991px) {
    .image-layout {
        grid-template-columns: 1fr;
    }

    .right-stack {
        grid-template-rows: auto;
    }
}


/* Responsive */
@media (max-width: 991px) {
    .section,
    .section.reverse {
        flex-direction: column;
    }

    .image-grid img.large {
        height: auto;
    }

    .section-content h2 {
        font-size: 28px;
    }
}

.editorial-slider {
    background: var(--brand);
    padding: 80px 0;
    overflow: hidden;
}

/* ===== Container ===== */
/* Attraction Section */


.hotel-info{
padding:20px 20px;
background:#f7f8fb;
font-family:'Poppins',sans-serif;
}

.info-container{
max-width:1200px;
margin:auto;
}

/* Heading */

.section-title{
text-align:center;
font-size:36px;
margin-bottom:50px;
}

/* Grid */

.info-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
}

/* Box */

.info-box{
text-align:center;
padding:30px 25px;
border-right:1px solid #ddd;
}

.info-box.last{
border-right:none;
}

/* Icon */

.icon{
font-size:32px;
color:#4b4e6f;
margin-bottom:15px;
}

/* Text */

.info-box-title{
font-size:18px;
margin-bottom:10px;
}

.info-box p{
font-size:14px;
line-height:1.6;
color:#555;
}

/* Mobile */

@media(max-width:900px){

.info-grid{
grid-template-columns:repeat(2,1fr);
}

.info-box{
border-right:none;
border-bottom:1px solid #ddd;
}

}

@media(max-width:500px){

.info-grid{
grid-template-columns:1fr;
}

}

.collapsible {
 font-family: "PT Sans Narrow", sans-serif;
  color:#d71440; font-weight:400;
  cursor: pointer;
  padding:8px 8px; 
  margin:0 auto; float:none; background:none;
  text-align: left;
  outline: none; display:block;
  font-size:21px;
}

.active, .collapsible:hover {
  color:#333;
}

.addtx {
  padding: 0 0;
  display: none;
  overflow: hidden;
  
}

.attraction-section {
  padding: 5px 60px;
  background: #f5f5f5;
}

.attraction-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.attraction-item {
  position: relative;
  overflow: hidden;
 
}

.attraction-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.attraction-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  padding: 15px;
}

.attraction-overlay-title {
  margin: 0 0 10px;
  font-size: 28px;
}

.attraction-overlay p {
  font-size: 17px;
  line-height: 1.4;
}

.attraction-item:hover img {
  transform: scale(1.1);
}

.attraction-item:hover .attraction-overlay {
  opacity: 1;
}

/* Mobile Responsive */
@media(max-width: 992px) {
  .attraction-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 600px) {
  .attraction-grid {
    grid-template-columns: 1fr;
  }
}

.location-section {
  padding: 80px 20px;
  background: #f5f5f5;
}

.location-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 60px;
  align-items: center;
}

.location-left span {
  letter-spacing: 3px;
  font-size: 19px;
  color: #777;
}

.t3 {
  font-size: 48px;
  margin-top: 10px;
  font-weight: 700;
  color: #333;
}

.location-right p {
  font-size: 21px;
  line-height: 1.8;
  color: #555;
}

.read-more-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 30px;
  border: 1px solid #333;
  text-decoration: none;
  color: #333;
  font-size: 19px;
  transition: all 0.3s ease;
}

.read-more-btn:hover {
  background: #333;
  color: #fff;
}

/* Responsive */
@media(max-width: 768px) {
  .location-container {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .location-left h2 {
    font-size: 32px;
  }
}

/* ===== ADA + RESPONSIVE OVERRIDES ===== */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: inherit; }
img { max-width: 100%; height: auto; }
a, button, input, select { touch-action: manipulation; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}
button.arrow {
  border: 0;
  background: rgba(0,0,0,.35);
  line-height: 1;
}
button.arrow:hover, button.arrow:focus-visible { background: rgba(0,0,0,.65); }
#headbg { left: 0; top: 0; }
#head { max-width: 1200px; min-height: 96px; }
.logo { max-width: 150px; }
.phone a, #footer p a, .footer-col ul li a, .last p a { color: #fff; }
.wel, .section-content h2 { color: #D71440; }
.content p a, .content a { color: #D71440; }
.location-left span { color: #555; }
.info-box p { color: #444; }
.collapsible { color: #B51034; }
.collapsible:hover, .collapsible:focus-visible, .collapsible.active { color: #333; }
.read-more:hover, .read-more:focus-visible { background:#D71440; color:#fff; }
.read-more-btn:hover, .read-more-btn:focus-visible { background:#333; color:#fff; }
#cookieConsent a { color: #8ee6a2 !important; }
#acceptCookies { background-color:#2e7d32 !important; color:#fff !important; min-height: 40px; }
.message, .message1, .map1 { color:#333; background:#fff; border-color:#767676; }
input[type="submit"], .palace-button, input#searchsubmit { min-height: 40px; }

@media (max-width: 1100px) {
  #head, #footer, .last, .content { width: 92%; }
  .menu { width: 72%; margin-right: 0; }
  .phone { width: auto; margin-right: 138px; }
  .ribbon-book { right: 20px; width: 105px; height: 96px; }
  .ribbon-book span { font-size: 23px; }
  .imenu { width: 92%; }
  .check1 { width: 15%; margin: 7px 1%; }
  .reserve { width: 100%; float: none; padding-bottom: 8px; }
}

@media (max-width: 900px) {
  #headbg { position: relative; background-color: rgba(0,0,0,.88); }
  #head { min-height: 0; padding: 10px 0; }
  .logo { position: relative; float: left; padding-top: 0; width: 130px; }
  .bk { float: right; }
  .ribbon-book { position: relative; right: auto; width: 92px; height: 82px; }
  .ribbon-book span { font-size: 20px; padding-top: 10px; }
  .menu { float: none; clear: both; width: 100%; margin: 12px 0 0; }
  .phone { float: none; width: 100%; margin: 6px 0 10px; text-align: center; }
  .phone a { font-size: 20px; }
  #cssmenu ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; }
  #cssmenu ul li { float: none; }
  .hero-slider { height: 72vh; min-height: 460px; }
  .slide-content { top: 52%; max-width: 88%; }
  .slide-content .t1 { font-size: 36px; }
  #reserve { position: static; background: #f5f5f5; padding: 12px 0; }
  .imenu { background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.08); }
  .check1 { width: 31.333%; }
  .content { padding: 35px 0; }
  .content p, .con1 p { font-size: 21px; line-height: 30px; }
  .footer-co, .footer-col { float: none; width: 100%; text-align: center; }
  .footer-col ul { width: 45%; text-align: left; }
  .social-icons { justify-content: center; }
}

@media (max-width: 640px) {
  h1, h1 a { font-size: 30px; line-height: 36px; }
  .wel { font-size: 22px; line-height: 34px; }
  .red, .title3, .t3, .title4, .title5, .title6 { font-size: 24px; line-height: 32px; }
  .hero-slider { height: 65vh; min-height: 420px; }
  .slide-content { left: 7%; right: 7%; }
  .slide-content small { font-size: 14px; }
  .slide-content .t1 { font-size: 30px; line-height: 1.25; }
  .prev { left: 10px; }
  .next { right: 10px; }
  .arrow { font-size: 24px; padding: 9px; }
  .reserve { font-size: 22px; }
  .check1 { width: 100%; margin: 7px 0; }
  .message, .message1 { width: 100%; min-height: 42px; font-size: 16px; }
  input[type="submit"], .palace-button, input#searchsubmit { width: 100%; font-size: 17px; }
  .ada { font-size: 18px; line-height: 26px; padding: 14px 12px; }
  .section-wrapper, .image-section, .location-section, .attraction-section { padding-left: 16px; padding-right: 16px; }
  .section { gap: 20px; }
  .section-content p, .location-right p { font-size: 19px; line-height: 1.6; }
  .location-left h2 { font-size: 30px; }
  .image-layout { gap: 16px; }
  .right-stack { gap: 16px; }
  .attraction-overlay { position: static; opacity: 1; background: #333; }
  .attraction-item:hover img { transform: none; }
  .attraction-overlay h3 { font-size: 24px; }
  .footer-col ul { float: none; width: 100%; margin-left: 20px; }
  .last { text-align: center; }
  .last p, .last p a { font-size: 17px; line-height: 25px; }
  #w2b-StoTop { top: auto; bottom: 16px; right: 10px; margin-right: 0; }
}

@media (max-width: 420px) {
  .logo { width: 112px; }
  .ribbon-book { width: 76px; height: 70px; }
  .ribbon-book span { font-size: 17px; letter-spacing: 1px; }
  .phone a { font-size: 18px; }
  .slide-content .t1 { font-size: 26px; }
  .content p, .con1 p { font-size: 18px; line-height: 28px; }
  .section-content h2 { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}