@charset "UTF-8";
div#grpLocationArea {
  position: relative;
  z-index: 10;
}

/* -- Reset -- */
#widewrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#contentsArea {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f3f3f3;
  line-height: 1.5;
}

#contentsArea #contents {
  width: 100%;
  padding: 0;
  background: none;
  color: #333;
}

.pc {
  display: none !important;
}

a {
  cursor: pointer;
}

a:hover {
  text-decoration: none  !important;
  opacity: .8;
  color: initial;
}

/* common */
.flex-center, .title, .navi, #part1 .info, #part1 .point, #part1 .point li, #part2 .tab, #part2 .main-info, #part3 .special, #part4 .plane-btns, #part5 .sale {
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-box {
  width: 90%;
  margin: 0 auto;
}

.common, #part1, #part2, #part3, #part4, #part5 {
  padding: 32px 0 32px;
  position: relative;
}

.title p {
  display: block;
  padding-bottom: 8px;
  width: 100%;
  border-bottom: 2px solid #E60012;
  font-size: 18px;
  font-weight: 700;
}

.title img {
  margin-right: 8px;
}

/* ---------------------------  top  -------------------------- */
#Top {
  width: 100%;
  background-color: #fff;
  position: relative;
}

#Top img {
  width: 100%;
}

#Top .imgs {
  position: absolute;
  bottom: 10px;
  width: 95%;
  right: 50%;
  padding: 12px 0 7px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/swiper_bg_sp.png) center top/100% 100% no-repeat;
  transform: translateX(50%);
}

#Top .swiper-box {
  position: relative;
  width: 100%;
  height: 100%;
}

#Top .swiper-container {
  width: 92%;
  border-radius: 47% 43% 58% 50%;
  box-sizing: border-box;
}

#Top .swiper-container img {
  width: 101%;
  border-radius: 47% 43% 58% 50%;
}

#Top .swiper-button-next {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  right: 0px;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow.png);
  background-size: 50%;
  background-position: center;
}

#Top .swiper-button-prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  left: 0px;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow.png);
  transform: rotate(180deg);
  background-size: 50%;
  background-position: center;
}

/* -------------- navi ------------------ */
.navi {
  background-color: #009700;
  padding: 12px 8px;
  font-size: 13px;
  z-index: 10;
}

.navi li {
  margin-right: 8px;
}

.navi li a {
  display: block;
  padding-bottom: 12px;
  font-weight: 700;
  color: #fff;
  position: relative;
  text-align: center;
}

.navi li a::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  bottom: 0;
  right: 50%;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow.png) center/100% 100% no-repeat;
  background-size: 10px;
  transform: translateX(50%) rotate(90deg);
}

.navi li:last-of-type {
  margin-right: 0;
}

/* ---------------- main content ------------- */
#part1 {
  background: #fff;
}

#part1 .sticker {
  width: 10%;
  position: absolute;
  top: 50px;
  left: 36px;
}

#part1 .info {
  flex-direction: column;
  padding: 8px 0 0;
  margin-bottom: 32px;
}

#part1 .info img {
  width: 100%;
}

#part1 .info p {
  font-size: 12px;
  line-height: 1.5;
}

#part1 .info a {
  display: block;
  color: #E60012;
  font-weight: 600;
  position: relative;
  padding-left: 10px;
  font-size: 14px;
}

#part1 .info a::before {
  position: absolute;
  left: 0;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/win_red.png) center/100% 100% no-repeat;
}

#part1 .info .important {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin: 8px 0;
}

#part1 .info .notice {
  width: 100%;
  margin-top: 4px;
  text-align: left;
}

#part1 .point {
  padding: 24px 0 0 0;
}

#part1 .point li {
  position: relative;
  flex-direction: column;
  width: calc((100% - 24px)/3);
  aspect-ratio: 1;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50%;
  background-color: #FFE8EA;
  margin-right: 8px;
  text-align: center;
}

#part1 .point li:last-of-type {
  margin-right: 0;
}

#part1 .point li p {
  font-size: 20px;
  color: #E60012;
  line-height: 1.1;
  margin-bottom: 4px;
}

#part1 .point li small {
  font-size: 16px;
}

#part1 .point li span {
  font-size: 32px;
}

#part1 .point li img {
  width: 50%;
  position: absolute;
  top: -12px;
  left: -6px;
}

#part2 {
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/bg.png) center/cover repeat-y;
  /* facilities */
}

#part2 .map {
  width: 100%;
  margin: 16px 0 40px;
}

#part2 .map img {
  width: 100%;
}

#part2 .tab li {
  width: calc((100% - 24px) / 3);
  padding: 12px 0 20px;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/tab_bg_sp.png) center/100% 100% no-repeat;
  margin-right: 8px;
  cursor: pointer;
}

#part2 .tab li:last-of-type {
  margin-right: 0;
}

#part2 .tab li a {
  position: relative;
  padding-left: 18px;
  color: #fff;
}

#part2 .tab li a::before {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  top: 50%;
  left: 0;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/location.png) center/100% 100% no-repeat;
  background-size: 14px;
  transform: translateY(-50%);
}

#part2 .tab li:hover {
  opacity: .8;
}

#part2 section {
  margin: 24px 0;
}

#part2 section:last-of-type {
  margin-bottom: 0;
}

#part2 .sub-title {
  width: fit-content;
  font-size: 16px;
  color: #222426;
  font-weight: 700;
  position: relative;
  margin: 0 auto;
  padding-left: 26px;
  margin-bottom: 12px;
}

#part2 .sub-title::before {
  position: absolute;
  content: '';
  width: 22px;
  height: 22px;
  top: 50%;
  left: 0;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/location_black.png) center/100% 100% no-repeat;
  background-size: 22px;
  transform: translateY(-50%);
}

#part2 .main-info {
  flex-direction: column;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
}

#part2 .main-info a {
  display: block;
}

#part2 .main-info a img {
  width: 100%;
}

#part2 .main-info .btn-group {
  width: 100%;
  margin-top: 8px;
}

#part2 .main-info .btn-group div {
  margin-bottom: 8px;
}

#part2 .main-info .btn-group p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
}

#part2 .main-info .btn-group a {
  border-radius: 80px;
  width: 100%;
  padding: 8px 32px 8px 24px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  background-color: #FFE8EA;
  position: relative;
  box-sizing: border-box;
}

#part2 .main-info .btn-group a::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 50%;
  right: 16px;
  background: url(../../images/202505/arrow_1.png) center/100% 100% no-repeat;
  background-size: 16px;
  transform: translateY(-50%);
}

#part2 .main-info .btn-group span {
  line-height: normal;
}


#part2 .main-info .btn-group div:nth-child(2) a{
  background-color: #CFE6BA;
}

#part2 .main-info .btn-group div:nth-child(2) a::after{
  background: url(../../images/202505/arrow_2.png) center/100% 100% no-repeat;
}
#part2 .main-info .btn-group div:nth-child(3) a{
  background-color: #FFD6BC;
}

#part2 .main-info .btn-group div:nth-child(3) a::after{
  background: url(../../images/202505/arrow_3.png) center/100% 100% no-repeat;
}
#part2 .main-info .btn-group div:nth-child(4) a{
  background-color: #B0CFDF;
}

#part2 .main-info .btn-group div:nth-child(4) a::after{
  background: url(../../images/202505/arrow_4.png) center/100% 100% no-repeat;
}

#part2 .others {
  position: relative;
  display: block;
}

#part2 .others .links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  margin-bottom: 8px;
}

#part2 .others .links li {
  padding: 12px 8px;
  box-sizing: border-box;
}

#part2 .others .links li:first-of-type {
  background-color: #00B900;
  color: #fff;
  font-weight: 700;
  width: 100%;
}

#part2 .others .links li:nth-of-type(n+2) {
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  box-sizing: border-box;
  padding: 11px 6px;
  width: 25%;
  box-sizing: border-box;
}

#part2 .others .links li:nth-of-type(n+2) a {
  color: #222426;
  position: relative;
  padding-right: 20px;
}

#part2 .others .links li:nth-of-type(n+2) a::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  top: 50%;
  right: 0;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow_black.png) center/100% 100% no-repeat;
  background-size: 12px;
  transform: translateY(-50%);
}

#part2 .others .links li:nth-of-type(4n-2) {
  border-left: 1px solid #999999;
}

#part2 .others .links .long-item {
  width: 28% !important;
}

#part2 .others .map-bg {
  pointer-events: none;
  width: 95%;
  margin-bottom: 25px;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

#part2 .swiper-slide {
  width: 210px;
  border-radius: 4px;
}

#part2 .swiper-wrapper {
  padding-bottom: 20px;
}

#part2 .hotel-main {
  background-color: #fff;
  border-radius: 4px;
  padding-bottom: 8px;
}

#part2 .hotel-main .hotel-link {
  background-color: #00B900;
  border-radius: 4px;
  padding: 13px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  display: block;
  box-sizing: border-box;
  margin: 0 8px;
}

#part2 .hotel-item {
  display: block;
  border-radius: 4px;
  background-color: #fff;
}

#part2 .hotel-item img {
  width: 100%;
  border-radius: 4px 4px 0 0;
  min-height: 140px;
}

#part2 .hotel-item .hotel-info {
  padding: 8px;
  color: #222426;
}

#part2 .hotel-item .hotel-info .hotel-name {
  font-size: 14px !important;
  font-weight: 600;
}

#part2 .hotel-item .hotel-info .hotel-area {
  color: #828487;
  font-size: 12px;
  margin: 8px 0;
}

#part2 .hotel-item .hotel-info .hotel-detail {
  font-size: 12px;
}

#part2 .hotel-item .hotel-info .hotel-price {
  color: #BF0000;
  font-size: 10px;
  text-align: right;
  font-weight: 700;
  margin: 8px 0 12px;
}

#part2 .hotel-item .hotel-info .hotel-price em {
  font-size: 16px;
}

#part2 .plan-btn {
  width: 87%;
  margin: 30px auto 20px;
  display: block;
  border-radius: 8px;
  font-weight: 700;
  color: #fff;
  background-color: #0068B7;
  padding: 6px  0;
  position: relative;
}

#part2 .plan-btn p:nth-of-type(1) {
  font-size: 14px;
  text-align: center;
}

#part2 .plan-btn p:nth-of-type(1) span {
  font-size: 24px;
}

#part2 .plan-btn p:nth-of-type(2) {
  font-size: 24px;
  text-align: center;
}

#part2 .plan-btn .doll {
  position: absolute;
  left: 12px;
  top: -13px;
  width: 58px;
  pointer-events: none;
}

#part2 .plan-btn .bubble {
  position: absolute;
  pointer-events: none;
}

#part2 .plan-btn .bubble-1 {
  right: 45px;
  bottom: 7px;
  width: 27px;
}

#part2 .plan-btn .bubble-2 {
  width: 8px;
  left: 16px;
  bottom: 12px;
}

#part2 .plan-btn .bubble-3 {
  top: 10px;
  right: 10px;
}

#part2 .plan-btn::after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  top: 50%;
  right: 12px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow.png) center/100% 100% no-repeat;
  transform: translateY(-50%);
}

#part2 .plan-btn:focus-visible {
  outline: none;
}

#part3 {
  background-color: #fff;
}

#part3 .special {
  flex-direction: column;
  margin: 18px auto 0;
}

#part3 .special a {
  display: block;
  position: relative;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  background-color: #0068B7;
  color: #fff;
  text-align: center;
  border-radius: 100px;
  width: 100%;
  margin-bottom: 16px;
  height: 48px;
  line-height: 48px;
}

#part3 .special a:last-of-type {
  margin-bottom: 0;
}

#part3 .special a span {
  font-size: 16px;
}

#part3 .special a img {
  width: 52px;
  height: 52px;
  position: absolute;
  top: -3px;
  left: 0%;
}

#part3 .special a::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 50%;
  right: 16px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow_blue.png) center/100% 100% no-repeat;
  background-size: 16px;
  transform: translateY(-50%);
}

#part3 .sticker {
  position: absolute;
  top: -32%;
  left: 10px;
  width: 15%;
}

#part4 {
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/bg_red.png) center/cover repeat-y;
}

#part4 .common-box {
  width: 100%;
}

#part4 .title {
  width: 90%;
  margin: 0 auto;
}

#part4 section {
  text-align: center;
}

#part4 section p {
  margin-bottom: 8px;
  color: #222426;
  font-weight: 500;
  font-size: 18px;
}

#part4 .airplane {
  margin: 16px 0 40px;
}

#part4 .plane-btns {
  font-size: 14px;
  margin-bottom: 16px;
}

#part4 .plane-btns:last-of-type {
  margin-bottom: 0;
}

#part4 .plane-btns a {
  display: block;
  box-sizing: border-box;
  width: calc((90% - 16px) / 2);
  margin-right: 16px;
  position: relative;
  padding: 9px 0;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
}

#part4 .plane-btns a:last-of-type {
  margin-right: 0;
}

#part4 .plane-btns a::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 50%;
  right: 8px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow_dblue.png) center/100% 100% no-repeat;
  background-size: 16px;
  transform: translateY(-50%);
}

#part4 .plane-btns a img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: multiply;
  /* 使用混合模式 */
}

#part4 .plane-btns a span {
  position: relative;
}

#part4 .plane-btns .ana {
  background-color: #1b0e80;
}

#part4 .plane-btns .jal {
  background-color: #CC0000;
}

#part4 .plane-btns .jal::after {
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow_red.png) center/100% 100% no-repeat;
}

#part4 .search-part {
  margin: 16px 0 24px;
  /* #search-box.verB .searchUndate {
          top: -39px;
      }
      #search-box.verB.test .grey.InpuDateBox.roomNumber {
          .structure30 {
              display: flex;
          }
      }
      #search-box.verB.test .dhAll.dh{
          margin-top: 60px;
          position: relative;
      }
      #search-box.verB.test #dap-search-form .structure dd.date {
          width: 50%;
      }

      #search-box.verB.test .explain {
          left: 680px
      }
      #dap-childBox {
          display: flex;
      }
      */
}

#part4 .search-part #search-box {
  background-color: transparent;
}

#part4 .search-part #search-box .searchNavi {
  background: transparent;
}

#part4 .search-part .expo {
  text-align: left;
}

#part4 .search-part #search-box input#expo {
  display: none;
}

#part4 .search-part #search-box .expo input[type="checkbox"] + label {
  display: inline-block;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  margin-left: 3px;
  padding-left: 21px;
  background: url(data:image/gif;base64,R0lGODlhEAAQAIAAANnZ2f///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3Q0EzNTVFQkJFODExRUNBNDI5QkEwNTM5QjRBRTBFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3Q0EzNTVGQkJFODExRUNBNDI5QkEwNTM5QjRBRTBFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTdDQTM1NUNCQkU4MTFFQ0E0MjlCQTA1MzlCNEFFMEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTdDQTM1NURCQkU4MTFFQ0E0MjlCQTA1MzlCNEFFMEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAACIISPacHtvp5kcb5qG85hZ2+BkyiRF8BBaEqtrKkqslEAADs=) left center no-repeat;
}

#part4 .search-part #search-box .expo input[type="checkbox"] + label#expoLB {
  background: url(data:image/gif;base64,R0lGODlhEAAQAIAAANnZ2f///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3Q0EzNTVFQkJFODExRUNBNDI5QkEwNTM5QjRBRTBFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3Q0EzNTVGQkJFODExRUNBNDI5QkEwNTM5QjRBRTBFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTdDQTM1NUNCQkU4MTFFQ0E0MjlCQTA1MzlCNEFFMEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTdDQTM1NURCQkU4MTFFQ0E0MjlCQTA1MzlCNEFFMEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAEAAQAAACIISPacHtvp5kcb5qG85hZ2+BkyiRF8BBaEqtrKkqslEAADs=) left center no-repeat;
}

#part4 .search-part #search-box .expo input[type="checkbox"]:checked + label#expoLB {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZDNjZGUyNi05YTE5LTI4NDEtODQ3Yi04OTZhNzk1ZTg0YjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ4RDZCRkE5RTU4MTFFQUJDMTNDMzdDMThCNjFFOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQ4RDZCRjk5RTU4MTFFQUJDMTNDMzdDMThCNjFFOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTkxNUU2RTk4QTA3MTFFQUFCNDk5QTZDOEYwMTAwMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTkxNUU2RUE4QTA3MTFFQUFCNDk5QTZDOEYwMTAwMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5DRVfZAAAD20lEQVR42uyZWUhUURjHv++cq6ZtqCNFUs2M0kZBT0EE9pBpmRvRorZbTS9FCxW9Bj0FLS5jRg89RBRE9hA9mKJmm1r02Mw8lNBCZLbQjFTj3HP6zh2LIIoZt+7E+RiGew+XO7/5zv/8v+/ci65HLki0YJCAoaE1tIbW0BpaQ2toDa2hNbRNwvjnBBOkUZ5V6kjJuvGm6bV4lwDQXMKJWcfXTquk441TK1b7VoXkN1vLg0lZ4z6liCWAgOy02Z4Zu2ydaSahwVlbkFkipTAhgsA4GDnGHPtCc4kNrrqVjiIphDoFA5mac+/bGpu6B+W4PveMIqYAKaQZJa72VTz9+tyOmSYd1ztrCtNLidUE04BkxjmN7/Zt7hjosaPlkVecy/HmZxQJEQGQDEkVarw6UNUx0GVHnyZV1LpOK2Kp3AIl50OqqOwY6LZjcSFVNLq9+ZlFphy0Tg3kSAc7/XETj9NCNCTWu88SMXkFLT0OfIg4UNUe6h7ODeO6Oo2n0A9/sbIVu44b3HVELIgYTCbI34apirgzTc66b5qnfWF7y4LW5ROXxOEVOSrHphiUKBnxWsQ71crrHr7YYryuJKPg4MxjWUnTZ6TOvDj/6orJS2P5n4053sKMUip5FjFDhtEctwe7RrRCYrxuVWYxfZtmJCKUNi7Mvbxy0rK/q6KRVKHcjUqI4CIZURHvCmweSY7jg+7ob6NvpNoluWoWAM7Pu/QnbqWK3NoVyitMVfUox6qAwHb/xrbgg/HbBFz7eOPmuyZGgRimnuwHd8GkvN9z7HXXFqYXUwWRGCEzjta8al9VZ+jR6BSpdE96LNdJhNufml2ps+amLaBEAgK1ZpTAYke57/PjZ+GXP4kvOBvzHaQKU7mbTIrqeIe/8s6IVRE3tMWNzR+anSnZ8ycuVHOuyGmMFTvWPv385Hn4BZ3W55JXrFHzYJU9buV4h7/iTqgHRi8w3ncuKGWd82xRVhm17WGIcEDOFNkW34a8KXm7s/dSJyTA5CLpR82jCtIFoxo4jBdF1EWccZ8syVwnrG6YSgZnSUOzIUxyC0TDaitgT2BbS/CuLTa2AuFA7xGCK3Osp3ZYSPxV+srgLGKPf1Nr6KGNHiGQng/1Hr3V34SqvzQsAUdnjhss2crx1jEiHlHDRCLY33v4Zv91ugeqDNOQVLdDIt7SErxn04c1lk4ON/VdIVDro3TiCWxtCd4f281E7Jb3h5WMrZ/amBxclLr4vdm3J7C9c6AHxjhwVF4zk/E5jewwC78M9yXMYzGqJc8ir8Zv5wYJGBpaQ2toDa2hNbSG1tAa+n+E/i7AADVJla6FcHKbAAAAAElFTkSuQmCC) left center no-repeat;
  background-size: 16px 16px;
}

#part4 .search-part #search-box p.searchSubmit a {
  background-color: #D04A00;
}

#part5 {
  background-color: #fff;
}

#part5 .sticker {
  position: absolute;
  top: -9%;
  right: 10px;
  width: 15%;
}

#swiperBox5.swiper-box {
  margin: 16px 0;
}

#swiperBox5 .swiper-container {
  padding-bottom: 16px;
}

#swiperBox5 .swiper-slide {
  width: calc((90% - 20px) / 1.5);
}

#swiperBox5 .swiper-slide a {
  display: block;
}

#swiperBox5 .swiper-slide img {
  width: 100%;
  object-fit: scale-down;
  border-radius: 6px;
}

#swiperBox5 .swiper-slide p {
  font-size: 14px;
  margin-top: 8px;
}

#part5 .swiper-scrollbar1 {
  bottom: 0;
}

#part5 .usj {
  display: block;
  width: 100%;
  margin: 0 0 32px;
}

#part5 .usj img {
  width: 100%;
}

#part5 .sale {
  width: 100%;
  margin: 16px auto 0;
  flex-wrap: wrap;
}

#part5 .sale a {
  display: block;
  width: calc((100% - 8px) / 2);
  margin: 0 8px 8px 0;
}

#part5 .sale a:nth-of-type(2n) {
  margin-right: 0;
}

#part5 .sale a img {
  width: 100%;
}

#part5 .expo-bnr{
  display: block;
  margin: 30px 0;
}

#part5 .expo-bnr img {
  width: 100%;
  display: block;
}

.searchTip {
  font-size: 12px !important;
  margin: 15px 0;
  text-align: left;
}

.padding-10 {
  padding: 0 10px;
}

/* --------  select modal  --------- */
.amountInputTitle {
  text-align: left !important;
}

.amountInputWrapper {
  display: flex !important;
  max-width: 100% !important;
  margin-bottom: 8px !important;
}

.djp-amountTitle {
  text-align: left !important;
}

#maskDh {
  bottom: 32px !important;
  height: 133px !important;
}

#djp-search-form {
  background-color: #d3d2d2;
  padding-bottom: 15px;
}

/* --------  recommend-title  --------- */
.recommend-title {
  text-align: left;
  font-size: 14px;
  margin-bottom: 12px;
}

.recommend-note {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 20px;
}


.couponHotel {
  width: 90%;
  box-sizing: border-box;
  display: block;
  background: #0068B7;
  color: #fff!important;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Zen Kaku Gothic New',sans-serif;
  border-radius: 6px;
  padding: 8px 8px 8px 57px;
  margin: 32px auto;
  text-align: left;
  position: relative;
}
.couponHotel:hover {
  color: #fff!important;
}
.couponHotel p {
  position: relative;
  padding-left: 48px;
}

.couponHotel p::before {
  width: 32px;
  height: 37px;
  content: '';
  display: block;
  position: absolute;
  top: 45%;
  left: 0px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/icon_coupon.png) center/100% 100% no-repeat;
  transform: translateY(-50%);
}

.couponHotel::after {
  width: 20px;
  height: 20px;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/arrow_blue.png) center/100% 100% no-repeat;
  transform: translateY(-50%);
}


#part1 .couponHotel {
  padding: 16px 50px 16px 16px;
  font-size: 14px;
  font-weight: 400;
}

#part1 .couponHotel p {
  padding-left: 0;
  text-align: center;
}

#part1 .couponHotel p::before {
  display: none;
}


.green-btn {
  display: block!important;
  border-radius: 160px;
  padding: 12px 24px 12px 0;
  text-align: center;
  color: #fff!important;
  font-size: 14px;
  background-color: #00B900;
  position: relative;
  box-sizing: border-box;
}
.green-btn::before {
  display: none!important;
}
.green-btn::after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  top: 50%;
  right: 16px;
  background: url(https://img.travel.rakuten.co.jp/special/expo2025/hotels/images/btn_arrow.png) center/100% 100% no-repeat;
  background-size: 24px;
  transform: translateY(-50%);
}

#part1 .green-btn {
  width: 100%;
  margin-top: 8px;
}

#part2 #swiperBox3  {
  margin-bottom: 24px;
}

#part2 #swiperBox3 .swiper-slide {
  display: block;
  width: 316px;
  
}
#part2 #swiperBox3 .swiper-slide img {
  width: 100%;
  height: 166px;
}

#part2 #swiperBox4 .swiper-slide {
  display: block;
  width: 200px;
  font-weight: 700;
  font-size: 12px;
  background: #fff;
}
#part2 #swiperBox4 .swiper-slide img {
  width: 100%;
  height: 112px;
  font-size: 0;
}
#part2 #swiperBox4 .slide-area {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px;
  background: rgba(0, 0, 0, 0.50);
  text-align: center;
  color: #fff;
  
}
#part2 #swiperBox4 .slide-title {
  color:#000;
  padding: 0 5px 10px;
 
}

.map-img {
  width: 100%;
}


.video {
  margin-bottom: 30px;
}

.video .recommend-title {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}



.video-box {
  max-width: 60%;
  margin: auto;
}