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

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

#keyVisual {
  width: 100%;
  margin-bottom: 0;
}

#keyVisual p {
  text-align: center;
  font-size: 13px;
  padding: 10px 0;
}

#keyVisual ul {
  display: flex;
  width: 1040px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}

#keyVisual ul li:nth-child(2) {
  display: flex;
}

#keyVisual ul li:nth-child(2) a {
  display: block;
  font-size: 0;
  height: 24px;
  background: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/head_navi.gif);
}

#keyVisual ul li:nth-child(2) a:nth-child(1) {
  width: 120px;
  background-position: 0 0;
}

#keyVisual ul li:nth-child(2) a:nth-child(2) {
  width: 75px;
  background-position: -119px 0px;
}

#keyVisual ul li:nth-child(2) a:nth-child(3) {
  background-position: -194px 0px;
  width: 75px;
}

#keyVisual ul li:nth-child(2) a:nth-child(4) {
  background-position: -269px 0px;
  width: 75px;
}

#keyVisual h1 {
  text-indent: 0px;
  background: url(https://img.travel.rakuten.co.jp/themepark/sanrio/202209/images/redbg.png);
  text-align: center;
}

#keyVisual h1 img {
  display: block;
  margin: 0 auto;
}

#widewrapper {
  width: 100%;
  position: relative;
  clear: both;
}

#widewrapper a:hover {
  opacity: 0.8;
}

#contents.column1 {
  width: 100%;
  background: none;
  padding: 0;
}

#navi {
  padding: 10px 0 64px;
}

#navi ul {
  width: 1040px;
  margin: 0 auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

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

#room .areabtn {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

#room .btn {
  display: flex;
}

#room .btn li {
  margin: 10px;
}

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

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

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

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

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

h2.ttl {
  text-align: center;
}

.wrap {
  background: #fff;
  padding: 64px 80px;
}

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

.htl2 {
  overflow: hidden;
}

.htl2 .hotelbox {
  float: left;
  border-radius: 8px;
  border: 1px solid #E44531;
  padding: 24px;
  margin-bottom: 15px;
  line-height: 150%;
  width: 460px;
}

.htl2 .hotelbox:nth-child(odd) {
  margin-right: 19px;
}

.htl2 .hotelbox p.area {
  color: #E44531;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px dashed #E44531;
  padding-bottom: 5px;
}
.hotelbox a:hover{text-decoration: none !important;}
.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 !important;
  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: 31%;
  margin: 0 !important;
}

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


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

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

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

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

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

#park .hotelbox .container {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
}

#park .hotelbox .right {
  width: 500px;
}

#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: 14px;
}

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

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

#park .hotelbox .right .btn {
  padding-top: 20px;
  display: block;
}

#park .hotelbox .right .btn li {
  width: 330px;
  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: 20px 0;
  position: relative;
  border: 2px solid #119C5B;
}

#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%;
}

.navi {
  position: fixed;
  bottom: 10px;
  right: 0;
  z-index: 9999;
}

.bnr {
  text-align: center;
  padding: 82px 0 130px;
  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;
}

.photot{ position: relative; overflow: hidden;}
.photot a:hover{ 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: 40px; width: 508px; }
#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; }