@charset "utf-8";
/* CSS Document */

/*=====================背景色=====================*/
.bgbeige {background: #faf7ea;}
/*=====================商品コンポーネント=====================*/
.base_prod.bdr li {
  border: 1px solid #803c2d;
  background: #fff;
}
.border_gold p.txt {
  border: 2px solid #ccbe73;
  border-radius: 8px;
  margin: 10px 0!important;
  padding: 8px;
}
.hotel_2col {
  margin: auto;
  width: 660px;
}
.hotel_2col li {
  border: 1px solid #803c2d;
  background: #fff;
}
.prince2023_east_west {
  padding-left: 20px;
  margin-top: 0px;
}
.prince2023_east_west .base_prod.bdr:first-child ul li {
  border-bottom: none;
}
.prince2023_east_west .base_prod.bdr:last-child ul li {
  border-top: none;
  margin-top: -24px;
  position: relative;
}
.prince2023_east_west .base_prod.bdr:last-child ul li:before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #803c2d 0 0/460px 1px;
  width: 460px;
  height: 1px;
  top: -5px;
  left: calc(50% - 230px);
}
/*=====================テキスト=====================*/
.top .section h2 {
  font-size: 2.4rem;
  color: #380d03;
  font-weight: bold;
  text-align: center;
  margin-top: -100px;
  padding-top: 100px;
}
.sub_text {
  text-align: center;
  margin: 10px auto 30px;
}
/*=====================ボタン影=====================*/
.shadow_beige a {
  box-shadow: 0px 0px 6px 2px #d0cbb8;
}
.shadow_gray a {
  box-shadow: 0px 0px 6px 2px #ccc;
}
/*=====================ナビ=====================*/
/*---------01---------*/
.prince2023_nav {
  display: flex;
  height: 60px;
}
.prince2023_nav a {
  transition: .2s;
}
.prince2023_nav .osusume a {
  display: inline-block;
  width: 250px;
  height: 60px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav01_pc_off.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .osusume a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav01_pc_on.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .busines a {
  display: inline-block;
  width: 250px;
  height: 60px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav02_pc_off.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .busines a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav02_pc_on.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .plan a {
  display: inline-block;
  width: 250px;
  height: 60px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav_03_pc_off.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .plan a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav_03_pc_on.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .hotel a {
  display: inline-block;
  width: 250px;
  height: 60px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav04_pc_off.png) no-repeat 0 0/250px 60px;
}
.prince2023_nav .hotel a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav04_pc_on.png) no-repeat 0 0/250px 60px;
}
/*---------03---------*/
.prince2023_nav_photo.pc {
  display: flex;
  margin-top: 80px;
}
/*=====================人気のエリア=====================*/
.prince2023_area {
  display: flex;
  width: 93%;
  height: 50px;
  margin: 15px auto 0;
  justify-content: space-between;
}
.prince2023_area a {
  transition: .2s;
  box-shadow: 0px 0px 6px 2px #ccc;
  position: relative;
  z-index: 1;
}
.swichi_thumb {
  position: relative;
  z-index: 1;
}
/*---------01---------*/
.prince2023_area .karuizawa a {
  display: inline-block;
  width: 225px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top01_pc_off.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .karuizawa a:hover {
 background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top01_pc_on.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .naeba a {
  display: inline-block;
  width: 225px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top02_pc_off.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .naeba a:hover {
 background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top02_pc_on.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .izu a {
  display: inline-block;
  width: 225px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top03_pc_off.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .izu a:hover {
 background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top03_pc_on.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .syutoken a {
  display: inline-block;
  width: 225px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top04_pc_off.png) no-repeat 0 0/225px 50px;
}
.prince2023_area .syutoken a:hover {
 background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top04_pc_on.png) no-repeat 0 0/225px 50px;
}
/*---------02---------*/
.prince2023_area:has(.shinagawa) {
  width: 88%;
}
.prince2023_area .shinagawa a {
  display: inline-block;
  width: 280px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken01_pc_off.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .shinagawa a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken01_pc_on.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .shinjuku a {
  display: inline-block;
  width: 280px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_pc_off.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .shinjuku a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_pc_on.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .ikebukuro a {
  display: inline-block;
  width: 280px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_pc_off.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .ikebukuro a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_pc_on.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .east a {
  display: inline-block;
  width: 280px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken03_pc_off.png) no-repeat 0 0/280px 50px;
}
.prince2023_area .east a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken03_pc_on.png) no-repeat 0 0/280px 50px;
}
.prince2023_area:has(.brand) {
  width: 52%;
  height: 80px;
  margin-top: 30px;
}
.prince2023_area .brand a {
  display: inline-block;
  width: 250px;
  height: 80px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken04_pc_off.png) no-repeat 0 0/250px 80px;
}
.prince2023_area .brand a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken04_pc_on.png) no-repeat 0 0/250px 80px;
}
.prince2023_area .hotellist a {
  display: inline-block;
  width: 250px;
  height: 80px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken05_pc_off.png) no-repeat 0 0/250px 80px;
}
.prince2023_area .hotellist a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken05_pc_on.png) no-repeat 0 0/250px 80px;
}
/*=====================ビジネスでのご利用にも=====================*/
.prince2023_busines {
  display: flex;
  width: 93%;
  height: 50px;
  margin: 30px auto;
  justify-content: space-between;
}
.prince2023_busines a {
  transition: .2s;
}
/*---------01---------*/
.prince2023_busines .tokyo a {
  display: inline-block;
  width: 460px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top05_pc_off.png) no-repeat 0 0/460px 50px;
}
.prince2023_busines .tokyo a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top05_pc_on.png) no-repeat 0 0/460px 50px;
}
.prince2023_busines .tokai a {
  display: inline-block;
  width: 460px;
  height: 50px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top06_pc_off.png) no-repeat 0 0/460px 50px;
}
.prince2023_busines .tokai a:hover {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top06_pc_on.png) no-repeat 0 0/460px 50px;
}
/*---------03---------*/
.prince2023_busines.btn_1col {
  justify-content: center;
}
/*=====================3つのブランド=====================*/
/*---------02---------*/
.prince2023_brand {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.prince2023_brand li {
  width: 32%;
}
.prince2023_brand dt {
  color: #380d03;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 15px;
}
.prince2023_brand dd {
  width: 300px;
  margin: auto;
}
.prince2023_brand .hotel_btn {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 25px;
  border: 1px solid #380d03;
  border-radius: 4px;
  color: #380d03;
  padding-left: 10px;
  transition: .2s;
  left: calc(50% - 150px);
}
.prince2023_brand .hotel_btn:hover {
  background: #380d03;
  color: #fff;
}
.prince2023_brand .hotel_btn:first-of-type {
  margin-bottom: 10px;
}
.prince2023_brand .hotel_btn:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: calc(50% - 3%);
  right: 2%;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg) translateX(-50%);
}
/*=====================温泉が自慢のプリンスホテルアコーディオン=====================*/
/*---------タイトル---------*/
.prince2023_accordion_onsen .info_box_component {border: none;}
.prince2023_accordion_onsen .accordionLink {border-top: 1px solid #380d03;}
.prince2023_accordion_onsen .accordionLink:last-of-type {border-bottom: 1px solid #380d03;}
.prince2023_accordion_onsen .info_box_ttl {
  margin-bottom: -10px;
  padding: 10px 15px 0;
}
.prince2023_accordion_onsen .info_box_component .info_box_ttl.text {
  display: block;/*flex打消*/
  color: #380d03;
  font-size: 2.0rem;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
}
.prince2023_accordion_onsen .info_box_component .info_box_ttl.text:has(.on),
.prince2023_accordion_onsen .info_box_component .info_box_ttl.text:hover {
  color: #803c2d;
  font-weight: bold;
}
.prince2023_accordion_onsen .pm_icon {
  position: relative;
  width: 14px;
  height: 21px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_open.png) no-repeat;
  border-radius: 0;
  top: -23px;
  left: 97%;
  display: block;
  margin-right: 15px;
}
.prince2023_accordion_onsen .pm_icon.pm_icon_plus.on {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_close.png) no-repeat;
  top: -27px;
}
.prince2023_accordion_onsen .pm_icon::before, .pm_icon_plus::after {
  display: none;
}
/*---------中身---------*/
.prince2023_accordion_onsen .info_box_list {
  background: #803c2d;
  padding: 20px 0;
}
.prince2023_accordion_onsen .info_box_list li {
  display: inline-block;
  width: 44%;
  padding: 1% 2% 0.5% 5%;
}
.prince2023_accordion_onsen .info_box_list li:nth-of-type(2n) {
  margin-left: 20px;
}
.prince2023_accordion_onsen .info_box_list li:nth-of-type(2n+1) {
  margin-left: 50px;
}
.prince2023_accordion_onsen .info_box_list li:not(:first-child) {
  border-top: none;
}
.prince2023_accordion_onsen .info_box_list li {
  border-bottom: 2px dotted #fff;
}
.prince2023_accordion_onsen .info_box_list a {
  color: #fff;
}
.prince2023_accordion_onsen .info_box_list a::after {
  position: absolute;
  content: "";
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_onsen.png) no-repeat 0 0/20px 18px;
  width: 20px;
  height: 18px;
  top: -1px;
  left: -30px;
  border: none;
}
.prince2023_accordion_onsen .info_box_list a:hover {
  color: #ffc8B9;
  text-decoration: underline;
  cursor: pointer;
}
/*=====================ホテル一覧アコーディオン=====================*/
/*---------タイトル---------*/
.prince2023_accordion .info_box_component {border: none;}
.prince2023_accordion .accordionLink {border-top: 1px solid #380d03;}
.prince2023_accordion .accordionLink:last-of-type {border-bottom: 1px solid #380d03;}
.prince2023_accordion .info_box_ttl {
  margin-bottom: -10px;
  padding: 10px 15px 0;
}
.prince2023_accordion .info_box_component .info_box_ttl.text {
  display: block;/*flex打消*/
  color: #380d03;
  font-size: 2.0rem;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
}
.prince2023_accordion .info_box_component .info_box_ttl.text:has(.on),
.prince2023_accordion .info_box_component .info_box_ttl.text:hover {
  color: #803c2d;
  font-weight: bold;
}
.prince2023_accordion .pm_icon {
  position: relative;
  width: 14px;
  height: 21px;
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_open.png) no-repeat;
  border-radius: 0;
  top: -23px;
  left: 97%;
  display: block;
  margin-right: 15px;
}
.prince2023_accordion .pm_icon.pm_icon_plus.on {
  background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_close.png) no-repeat;
  top: -27px;
}
.prince2023_accordion .pm_icon::before, .pm_icon_plus::after {
  display: none;
}
/*---------中身---------*/
.prince2023_accordion .info_box_list {
  background: #803c2d;
  padding: 20px 0;
}
.prince2023_accordion .info_box_list li {
  display: inline-block;
  width: 44%;
  padding: 1% 2% 0.5% 3%;
}
.prince2023_accordion .info_box_list li:nth-of-type(2n) {
  margin-left: 20px;
}
.prince2023_accordion .info_box_list li:nth-of-type(2n+1) {
  margin-left: 50px;
}
.prince2023_accordion .info_box_list li:not(:first-child) {
  border-top: none;
}
.prince2023_accordion .info_box_list li {
  border-bottom: 2px dotted #fff;
}
.prince2023_accordion .info_box_list a {
  color: #fff;
}
.prince2023_accordion .info_box_list a::after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  top: calc(50% - 2px);
  left: -15px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-left: none;/*元アイコン打消*/
  border-bottom: none;/*元アイコン打消*/
  transform: rotate(45deg) translateX(-50%);
}
.prince2023_accordion .info_box_list a:hover {
  color: #edb696;
  text-decoration: underline;
  cursor: pointer;
}
/*=====================アドベンチャーツーリズム=====================*/
#adventure {
  margin: 30px auto;
}
#adventure .base_prod {
  margin-bottom: 2%;
}
#adventure .base_prod .hotel li {
  padding: 20px 10px 10px;
}
.base_prod .hotel li>a .img_box>.ribbon {
  display: block;
  width: 100%;
  text-align: center;
  background: none;
  color: #222;
  font-size: 1.8rem;
  padding: 0;
  top: -14px;
  position: relative;
}
.base_prod .hotel li>a .img_box>.ribbon::after {
  content: "";
  display: inline-block;
  position: absolute;
  background: #629f52;
  width: 46px;
  height: 3px;
  border-radius: 2px;
  top: 30px;
  left: calc(50% - 23px);
}
.base_prod .hotel li>a .details_box .plan_box {
  background: #d9f2d3;
  margin: 10px 0;
  padding: 4px 10px;
  color: #458534;
  font-size: 1.2rem;
  font-weight: bold;
}
.base_prod .hotel li>a .details_box .plan_box>.plan_name {
  color: #222;
  font-size: 1.5rem;
}

.sp {display: none;}

/*====================== 2024.06.19 追記======================*/
#adventure .base_prod .hotel li:nth-child(2),
#adventure .base_prod .hotel li:nth-child(3) {
  position: relative;
  pointer-events: none; /*クリック無効*/
}
#adventure .base_prod .hotel li:nth-child(2)::before,
#adventure .base_prod .hotel li:nth-child(3)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 3;
}
#adventure .base_prod .hotel li:nth-child(2)::after,
#adventure .base_prod .hotel li:nth-child(3)::after
 {
  content: '販売終了しました。';
  position: absolute;
  z-index: 4;
  top: 50%;
  /* bottom: 0; */
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #fff;
  color: #222;
  text-align: center;
  letter-spacing: 0.1rem;
  width: 80%;
}



/*======================SP======================*/
@media screen and (max-width: 767px) {
  .sp {display: block;}
  .pc {display: none;}
  /*=====================商品コンポーネント=====================*/
  .base_prod.bdr li {
    border: 1px solid #803c2d;
    background: #fff;
  }
  .swiper-wrapper {
    width: 94%;
    margin: 0 auto;
  }
  .swiper-wrapper li.swiper-slide {
    width: 45%!important;
  }
  .hotel.swiper-wrapper li:not(:last-child) {
    margin-right: 8px!important;
  }
  .hotel.border_gold {
    width: 94%;
    margin: 0 auto;
  }
  .hotel.border_gold li {
    padding: 10px;
  }
  .hotel_2col {
    margin: auto;
    width: 94%;
  }
  .prince2023_east_west {
    padding-left: 0;
    margin-top: 0px;
  }
  .prince2023_east_west .base_prod.bdr:first-child ul li {
    border-bottom: none;
  }
  .prince2023_east_west .base_prod.bdr:last-child ul li {
    border-top: none;
    margin-top: -6%;
    padding-top: 17px;
    position: relative;
  }
  .prince2023_east_west .base_prod.bdr:last-child ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: #803c2d 0 0/94% 1px;
    width: 94%;
    height: 1px;
    top: 0;
    left: calc(50% - 47%);
  }
  /*=====================テキスト=====================*/
  .top .section h2 {
    font-size: 1.8rem;
  }
  .sub_text {
    text-align: center;
    margin: 0 auto 20px;
  }
  /*=====================ナビ=====================*/
  /*---------01---------*/
  .prince2023_nav {
    display: flex;
    width: 100%;
    height: 73px;
    margin: 0 auto;
  }
  .prince2023_nav li {
    width: 25%;
  }
  .prince2023_nav .osusume a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav01_sp.png) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .osusume a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav01_sp.png) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .busines a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav02_sp.png) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .busines a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav02_sp) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .plan a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav03_sp.png) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .plan a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav03_sp.png) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .hotel a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav04_sp.png) no-repeat 0 0/100% 100%;
  }
  .prince2023_nav .hotel a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/nav04_sp.png) no-repeat 0 0/100% 100%;
  }
  /*---------03---------*/
  .prince2023_nav_photo.sp {
    margin: 50px auto 0;
    width: 94%;
  }
  .prince2023_nav_photo.sp li {
    width: 100%;
    margin: auto;
  }
  .prince2023_nav_photo.sp li:not(:last-child) {
    margin-bottom: 10px;
  }
  /*=====================人気のエリア=====================*/
  .prince2023_area {
    display: flex;
    width: 300px;
    height: 80px;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /*---------01---------*/
  .prince2023_area .karuizawa a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top01_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .karuizawa a:hover {
   background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top01_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .naeba a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top02_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .naeba a:hover {
   background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top02_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .izu a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top03_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .izu a:hover {
   background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top03_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .syutoken a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top04_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .syutoken a:hover {
   background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top04_sp.png) no-repeat 0 0/145px 35px;
  }
  /*---------02---------*/
  .prince2023_area:has(.shinagawa) {
    width: 300px;
    gap: 10px;
  }
  .prince2023_area:has(.shinagawa) li {
    height: 35px;
  }
  .prince2023_area .shinagawa a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken01_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .shinagawa a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken01_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .shinjuku a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .shinjuku a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .ikebukuro a {
    display: inline-block;
    width: 145px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .ikebukuro a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken02_sp.png) no-repeat 0 0/145px 35px;
  }
  .prince2023_area .east a {
    display: inline-block;
    width: 300px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken03_sp.png) no-repeat 0 0/300px 35px;
  }
  .prince2023_area .east a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken03_sp.png) no-repeat 0 0/300px 35px;
  }
  .prince2023_area:has(.brand) {
    width: 260px;
    height: 50px;
    margin-top: 20px;
  }
  .prince2023_area:has(.brand) li {
    height: 50px;
  }
  .prince2023_area .brand a {
    display: inline-block;
    width: 125px;
    height: 50px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken04_sp.png) no-repeat 0 0/125px 50px;
  }
  .prince2023_area .brand a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken04_sp.png) no-repeat 0 0/125px 50px;
  }
  .prince2023_area .hotellist a {
    display: inline-block;
    width: 125px;
    height: 50px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken05_sp.png) no-repeat 0 0/125px 50px;
  }
  .prince2023_area .hotellist a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_shutoken05_sp.png) no-repeat 0 0/125px 50px;
  }
  /*=====================ビジネスでのご利用にも=====================*/
  .prince2023_busines {
    display: flex;
    width: 300px;
    height: 80px;
    margin: 15px auto;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /*---------01---------*/
  .prince2023_busines .tokyo a {
    display: inline-block;
    width: 300px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top05_sp.png) no-repeat 0 0/300px 35px;
  }
  .prince2023_busines .tokyo a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top05_sp.png) no-repeat 0 0/300px 35px;
  }
  .prince2023_busines .tokai a {
    display: inline-block;
    width: 300px;
    height: 35px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top06_sp.png) no-repeat 0 0/300px 35px;
  }
  .prince2023_busines .tokai a:hover {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/btn_top06_sp.png) no-repeat 0 0/300px 35px;
  }
  /*---------03---------*/
  .prince2023_busines.btn_1col {
    height: 35px;
    margin-top: 40px;
  }
  /*=====================3つのブランド=====================*/
  /*---------02---------*/
  .prince2023_brand {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex-direction: column;
  }
  .prince2023_brand li {
    width: 100%;
  }
  .prince2023_brand li:not(:last-child) {
    margin-bottom: 40px;
  }
  .prince2023_brand dt {
    color: #380d03;
    font-size: 1.6rem;
    text-align: center;
    margin-top: 15px;
  }
  .prince2023_brand dd {
    width: 280px;
    margin: auto;
  }
  .prince2023_brand .hotel_btn {
    display: inline-block;
    position: relative;
    width: 290px;
    height: 25px;
    border: 1px solid #380d03;
    border-radius: 4px;
    color: #380d03;
    padding-left: 10px;
    transition: .2s;
    left: calc(50% - 145px);
  }
  .prince2023_brand .hotel_btn:hover {
    background: #380d03;
    color: #fff;
  }
  .prince2023_brand .hotel_btn:first-of-type {
    margin-bottom: 10px;
  }
  .prince2023_brand .hotel_btn:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: calc(50% - 3%);
    right: 2%;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg) translateX(-50%);
  }
  /*=====================温泉が自慢のプリンスホテルアコーディオン=====================*/
  .prince2023_accordion_onsen {
    width: 94%;
  }
  /*---------タイトル---------*/
  .prince2023_accordion_onsen .info_box_component {border: none;}
  .prince2023_accordion_onsen .accordionLink {border-top: 1px solid #380d03;}
  .prince2023_accordion_onsen .accordionLink:last-of-type {border-bottom: 1px solid #380d03;}
  .prince2023_accordion_onsen .info_box_ttl {
    margin-bottom: 0;
    padding: 12px 15px 0;
  }
  .prince2023_accordion_onsen .info_box_component .info_box_ttl.text {
    font-size: 1.7rem;
    text-align: left;
  }
  .prince2023_accordion_onsen .pm_icon {
    position: relative;
    width: 7px;
    height: 10px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_open.png) no-repeat 0 0/7px 10px;
    border-radius: 0;
    top: -19px;
    left: 97%;
    display: block;
  }
  .prince2023_accordion_onsen .pm_icon.pm_icon_plus.on {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_close.png) no-repeat 0 0/7px 10px;
    top: -21px;
  }
  .prince2023_accordion_onsen .pm_icon::before, .pm_icon_plus::after {
    display: none;
  }
  /*---------中身---------*/
  .prince2023_accordion_onsen .info_box_list {
    background: #803c2d;
    padding: 15px 0;
    width: 106%;
    margin-left: -3%;
  }
  .prince2023_accordion_onsen .info_box_list li {
    display: inline-block;
    width: 94%;
    padding: 0;
  }
  .prince2023_accordion_onsen .info_box_list li:nth-of-type(2n) {
    margin-left: 3%;
  }
  .prince2023_accordion_onsen .info_box_list li:nth-of-type(2n+1) {
    margin-left: 3%;
  }
  .prince2023_accordion_onsen .info_box_list li:not(:first-child) {
    border-top: none;
  }
  .prince2023_accordion_onsen .info_box_list li {
    border-bottom: 1px dotted #fff;
  }
  .prince2023_accordion_onsen .info_box_list a {
    color: #fff;
    padding: 10px 30px 5px;
    padding-right: 0;
    font-size: 1.4rem;
  }
  .prince2023_accordion_onsen .info_box_list a::after {
    position: absolute;
    content: "";
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_onsen.png) no-repeat 0 0/14px 13px;
    width: 14px;
    height: 13px;
    top: 15px;
    left: 9px;
    border: none;
    transform: unset;
  }
  /*=====================ホテル一覧アコーディオン=====================*/
  .prince2023_accordion {
    width: 94%;
  }
  /*---------タイトル---------*/
  .whatsnew {
    margin-bottom: 0;
  }
  .prince2023_accordion .info_box_ttl {
    margin-bottom: 0;
    padding: 12px 15px 0;
  }
  .prince2023_accordion .info_box_component .info_box_ttl.text {
    font-size: 1.7rem;
    text-align: left;
  }
  .prince2023_accordion .pm_icon {
    position: relative;
    width: 7px;
    height: 10px;
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_open.png) no-repeat 0 0/7px 10px;
    border-radius: 0;
    top: -19px;
    left: 97%;
    display: block;
  }
  .prince2023_accordion .pm_icon.pm_icon_plus.on {
    background: url(/content/dam/jretravel/site/page/feature/princehotels/images/ic_close.png) no-repeat 0 0/7px 10px;
    top: -21px;
  }
  /*---------中身---------*/
  .prince2023_accordion .info_box_list {
    background: #803c2d;
    padding: 15px 0;
    width: 106%;
    margin-left: -3%;
  }
  .prince2023_accordion .info_box_list li {
    display: inline-block;
    width: 94%;
    padding: 0;
  }
  .prince2023_accordion .info_box_list li:nth-of-type(2n) {
    margin-left: 3%;
  }
  .prince2023_accordion .info_box_list li:nth-of-type(2n+1) {
    margin-left: 3%;
  }
  .prince2023_accordion .info_box_list li:not(:first-child) {
    border-top: none;
  }
  .prince2023_accordion .info_box_list li {
    border-bottom: 1px dotted #fff;
  }
  .prince2023_accordion .info_box_list a {
    color: #fff;
    padding: 10px 30px 5px;
    padding-right: 0;
    font-size: 1.4rem;
  }
  .prince2023_accordion .info_box_list a::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 20px;
    left: 13px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: none;/*元アイコン打消*/
    border-bottom: none;/*元アイコン打消*/
    transform: rotate(45deg) translateX(-50%);
  }
  /*=====================アドベンチャーツーリズム=====================*/
  .sp_txleft p {
    text-align: left !important;
  }
  #adventure .title img.sp {
    width: 355px;
  }
  #adventure .base_prod {
    margin-bottom: 10%;
  }
  #adventure .base_prod .hotel li {
    width: 85% !important;
    padding: 5px 10px 10px;
  }
  #adventure .base_prod.clm3 .hotel li>a .img_box>.ribbon {
    top: -3px;
  }
  .base_prod .hotel li>a .img_box>.ribbon::after {
    top: 32px;
  }
}
/*======================PCのみ======================*/
@media screen and (min-width: 768px) {
  #adventure .swiper-container .swiper-button-disabled,
  #adventure .swiper-pagination-bullets {
    display: none;
  }
}