/*
 * CSS for PC
 * @date     2018
 * @author   sarahchan
 */
/* ------------------------------------------

------------------------------------------ */
.pc {
  display: none !important;
}

img {
  max-width: 100%;
}

#keyVisual {
  margin-bottom: 0;
}

#keyVisual p {
  font-size: 12px;
  padding: 10px 10px 0;
}

#navi {
  padding: 10px;
}

#navi li {
  margin: 10px 0;
}

#navi li a {
  display: block;
}

#room {
  background: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/pinkbg.png);
  padding: 20px 10px;
}

#room .areabtn {
  padding: 10px 0;
}

#room .areabtn .btn {
  display: flex;
}

#room .areabtn .btn li {
  margin: 0;
}

#room .areabtn .btn li a {
  display: block;
}

#room .areabtn .btn li a:hover img.on {
  display: block;
}

#room .areabtn .btn li a:hover img.off {
  display: none;
}

#room .areabtn .btn li a img.on {
  display: none;
}

#room .areabtn ul li:nth-child(even) {
  padding-top: 20px;
}

h2.ttl {
  text-align: center;
}

.gallery-thumb img {
  width: 100%;
}

.htl2 {
  overflow: hidden;
}

.htl2 .hotelbox {
  border-radius: 8px;
  border: 1px solid #E44531;
  padding: 5%;
  margin-bottom: 15px;
  line-height: 150%;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
}

.htl2 .hotelbox p.area {
  color: #E44531;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px dashed #E44531;
  padding-bottom: 5px;
}
.htl2 .hotelbox p.area a{color: #E44531 !important;}
.htl2 .hotelbox p.name {
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  padding: 10px 0;
}

.htl2 .hotelbox p.pr {
  font-size: 14px;
  padding: 10px 0;
}

.htl2 .hotelbox .room {
  background: #FFFDD8;
  padding: 16px;
  font-size: 14px;
  display: block;
  cursor: pointer;
}

.htl2 .hotelbox .room:hover {
  text-decoration: none;
  color: #333;
}

.htl2 .hotelbox .room b {
  display: block;
  text-align: center;
  font-size: 16px;
  padding-bottom: 10px;
}

.htl2 .hotelbox .btn {
  justify-content: space-between;
  padding-top: 20px;
}

.htl2 .hotelbox .btn li {
  width: 100%;
  margin-bottom: 5px;
}

.htl2 .hotelbox .btn li a {
  display: block;
  background: #E44531;
  text-align: center;
  border-radius: 8px;
  padding: 10px 0;
}

.htl2 .hotelbox .btn li a img {
  display: block;
  margin: 0 auto;
}

.htl2 .hotelbox .jdsSwiper {
  padding-bottom: 55px;
}

.htl2 .hotelbox .jdsSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.htl2 .hotelbox .jdsSwiper .swiper-pagination {
  display: flex;
  justify-content: space-between;
  bottom: 0;
}

.htl2 .hotelbox .jdsSwiper .swiper-pagination .swiper-pagination-bullet {
  width: calc(100% / 4.2);
  height: 50px;
  border-radius: 0;
  margin: 0;
}

.htl2 .hotelbox .jdsSwiper .swiper-button-next {
  background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/next.png);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  right: 0;
  top: 40%;
}

.htl2 .hotelbox .jdsSwiper .swiper-button-prev {
  background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/prev.png);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  left: 0;
  top: 40%;
}

#park {
  background: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/greenbg.png);
  padding: 20px 10px;
}

#park .wrap {
  margin: 20px 0;
}

#park h2 {
  margin-bottom: 20px;
}

#park .hotelbox {
  background-color: #fff;
  padding: 10px;
}

#park .hotelbox .parkname {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #119C5B;
  font-size: 128%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

#park .hotelbox .parkname b {
  border-radius: 5px;
  font-size: 12px;
  border: 1px dashed #119C5B;
  display: block;
  padding: 5px;
  margin-right: 5px;
}

#park .hotelbox .container {
  padding-top: 20px;
}

#park .hotelbox .right {
  width: 100%;
}

#park .hotelbox .right .note {
  font-size: 12px;
  color: #666;
  text-align: right;
  padding-top: 20px;
}

#park .hotelbox .right .pr {
  padding: 30px 0;
  line-height: 150%;
  text-align: center;
  font-size: 12px;
}

#park .hotelbox .right .pr b {
  font-size: 14px;
  display: block;
  padding: 5px 0;
}

#park .hotelbox .right .pr span {
  text-align: left;
  display: block;
}

#park .hotelbox .right .btn {
  display: block;
}

#park .hotelbox .right .btn li {
  margin: 10px auto;
}

#park .hotelbox .right .btn li:last-child a {
  border: 2px solid #119C5B;
  background: #fff;
}

#park .hotelbox .right .btn li:last-child a:after {
  border-color: #119C5B;
}

#park .hotelbox .right .btn li a {
  display: block;
  background: #119C5B;
  text-align: center;
  border-radius: 60px;
  padding: 15px 0;
  position: relative;
  border: 2px solid #119C5B;
}

#park .hotelbox .right .btn li a img {
  display: block;
  margin: 0 auto;
}

#park .hotelbox .right .btn li a:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  right: 20px;
  top: 41%;
}

#park .hotelbox .jdsSwiper {
  padding-bottom: 55px;
  width: 100%;
}

#park .hotelbox .jdsSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}

#park .hotelbox .jdsSwiper .swiper-pagination {
  display: flex;
  justify-content: space-between;
  bottom: 0;
}

#park .hotelbox .jdsSwiper .swiper-pagination .swiper-pagination-bullet {
  width: calc(100% / 4.2);
  height: 50px;
  border-radius: 0;
  margin: 0;
}

#park .hotelbox .jdsSwiper .swiper-button-next {
  background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/next01.png);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  right: 0;
  top: 40%;
}

#park .hotelbox .jdsSwiper .swiper-button-prev {
  background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/prev01.png);
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  left: 0;
  top: 40%;
}

.bnr {
  text-align: center;
  padding: 10px 10px 100px;
  background: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/bottomline.png) bottom center repeat-x;
}

.bnr p {
  font-size: 12px;
  color: #666;
  padding-bottom: 10px;
}

.navi{position: fixed;bottom: 0; right: 0;z-index: 999;width: 50px; height: 50px;}



.photot{ position: relative; overflow: hidden;}
.photot a:active{ opacity: 0.7;}
.photot img{ width: 100%;}
.photot .jdsSlides{ overflow: hidden; width: 100%; position: relative; padding-bottom: 4px;}
.photot .jdsSlides a{ display: block; line-height: 0;}
.photot .rslides_tabs{ display: flex; justify-content: center; gap: 4px;}
.photot .rslides_nav{  text-indent: -9999px; z-index: 9; display: block; width: 32px; height: 32px; position: absolute; top: 35%; }
.photot .next { background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/next.png); background-size: 32px 32px; right: 0; }
.photot .prev { background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/prev.png); background-size: 32px 32px; left: 0; }

#park .photot { padding-bottom: 8px;}
#park .photot .next { background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/next01.png); background-size: 32px 32px; }
#park .photot .prev { background-image: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/prev01.png); background-size: 32px 32px; }