@charset "utf-8";
/* CSS Document */
/* カラー */
:root {
    /* メイン */
  --blu: #26adcb;
  --bk: #383c44;
  --yl: #fdff92;
  --grn: #18a460;
    /* 背景 */
  --gr: #b9b9b9;
  --sblu: #dbf3f9;
  --bg: #e9f5fa;
}
.summer_mv{
  background: var(--blu);
}

.lead_txt {
  text-align: center;
}
/*-----クリック無効対策-----*/
.nav_summer,
.acco_baby {
  position: relative;
  z-index: 2;
}
.box_shadow,
.btn_01 a {
  position: relative;
  z-index: 1;
}
/*-----背景-----*/
.bg_color {
  background: var(--bg);
  position: relative;
  z-index: 1;
}

/*-----ナビ-----*/
.nav_summer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.nav_summer li {
  border-right: 1px solid #ddd;
  width: calc(100% / 4);
  text-align: center;
}
.nav_summer li:last-of-type {
  border-right: none;
}
.nav_summer li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blu);
  font-weight: bold;
  padding: 45px 0 5px;
  height: 100%;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3;
  transition: .2s;
}
.nav_summer li a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 34px;
  top: 5px;
  left: 0;
}

.nav_summer li a>span::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--blu);
  border-right: 2px solid var(--blu);
  transform: rotate(135deg);
  /* top: 50%; */
  bottom: 23px;
  right: 14px;
  margin-top: -6px;
}
.nav_summer li:nth-child(1) a::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic01_off.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(2) a::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic02_off.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(3) a::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic03_off.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(4) a::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic04_off.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(5) a::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic05_off.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(6) a::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic06_off.png") no-repeat center 0/34px auto;
}
/* hover */
@media (any-hover: hover) {

.nav_summer li a:hover {
  color: #dad600;
}
.nav_summer li:nth-child(1) a:hover::before{
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic01_on.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(2) a:hover::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic02_on.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(3) a:hover::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic03_on.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(4) a:hover::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic04_on.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(5) a:hover::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic05_on.png") no-repeat center 0/34px auto;
}
.nav_summer li:nth-child(6) a:hover::before {
  background: url("/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic06_on.png") no-repeat center 0/34px auto;
}

.nav_summer li a:hover >span::before {
  border-color: #dad600;
}
}
.theme,
.summer_article{
  padding-top: 30px;
  padding-bottom: 50px;
}
 .plan{
  padding-top: 20px;
  padding-bottom: 30px;
}
.area{
  padding-top: 0;
  padding-bottom: 30px;
}
.higaeri,
.qa{
  padding-top: 20px;
}
/*-----クーポン-----*/
.campaign {
    margin-top: 30px;
    position: relative;
    z-index: 5;
}
.coupon_container {
  margin: 20px auto 10px;
}
.coupon_container .box_content{
  padding: 20px;
  border-color: var(--blu);
}
.coupon_container .box_content h2 {
  margin-bottom: 10px;
  font-size: 2rem;
  text-align: center;
  color: var(--blu);
}
.coupon_price dl {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--blu);
}
.coupon_price dl dt {
  background: #f28919;
  padding: 0 5px 0 7px;
  color: #fff;
  font-weight: 400;
  border-radius: 5px;
  letter-spacing: 0.3rem;
}
.coupon_price dl dd {
  font-weight: bold;
  padding-left: 5px;
}
.coupon_price dl dd .f_l {
  font-size: 2rem;
  line-height: 1;
  color: red;
}
.coupon_container .box_content .term {
  max-width: 500px;
  width: 70%;
  margin: 24px auto 16px;
}
.coupon_container .btn_01 a {
    min-width: unset;
    width: 90%;
}
/* 1枚のみ */
.coupon_container2 {
    max-width: 500px;
}
.coupon_container2 .ace-section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0.swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
}
.coupon_container2 .swiper-pagination {
    display: none;
}

/*-----タイトル-----*/
.feature .section h2 {
  display: block;
  text-align: center;
  font-size: 2.4rem;
  color: var(--blu);
  /* margin: -120px auto 20px; */
  margin: -120px auto 0;
  padding: 180px 0 0;
  position: relative;
  z-index: -1;
}
#hisyo h2 {
  margin-top: -160px;
}

.feature .section h2::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 155px;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* .feature .section h2::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 48px;
  height: 5px;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ff7373;
  border-radius: 6px;
} */

.feature #hisyo.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/logo_hisyotabi_02.png) no-repeat 0 0 / 200px 35px;
  max-width: 200px;
  width: 100%;
  top: 165px;
}
.feature #plan.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic02_off.png) no-repeat 0 0 / 50px 50px;
}
.feature #higaeri.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic03_off.png) no-repeat 0 0 / 50px 50px;
}
.feature #area.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic04_off.png) no-repeat 0 0 / 50px 50px;
}
.feature #theme.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic05_off.png) no-repeat 0 0 / 50px 50px;
}
.feature #article.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic06_off.png) no-repeat 0 0 /60px 60px;
  width: 60px;
  height: 60px;
}
.feature #qa.section h2::before {
  background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2026_ic07.png) no-repeat 0 0 / 50px 50px;
}

.feature .section.coupon_ttl h2 {
  margin: 30px auto 10px;
  padding: 0;
}
.feature .section h3 {
  font-size: 2.0rem;
  color: #067daf;
  text-align: center;
  background: none;
  border: none;
  padding: 0 0 15px;
  position: relative;
}

.coupon_container .feature .section h3 {
  font-size: 2.2rem;
  padding: 0;
  margin: 15px auto 10px;
}
.coupon_container .feature .section h3::before {
  display: none;
}
/*-----ボタン-----*/
.btn_01 {
  text-align: center;
  margin: 10px auto;
}
.btn_01 a {
  display: inline-block;
  width: auto;
  min-width: 400px;
  font-size: 1.8rem;
  color: var(--yl);
  background: var(--blu);
  padding: 0 30px 0 10px;
  font-weight: bold;
  border-radius: 22px;
  position: relative;
  margin: auto;
  line-height: 2.2;
  transition: .2s;
}
.btn_01 a span {
  font-size: 1.2rem;
}
.btn_01 a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--yl);
  border-right: 2px solid var(--yl);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
.btn_01 a:hover {
  opacity: .7;
}
/*-----商品コンポーネント-----*/

.s_icon01,
.s_icon02,
.s_icon03 {
  display: inline;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding: 5px 10px;
  border-radius: 5px;
}
.s_icon01 {
  background: #f28919;
  /*ファミリー、オールインクルーシブ*/
}
.s_icon02 {
  background: #2a65dc;
  /*海プール、涼*/
}
.s_icon03 {
  background: #3d9f38;
  /*高原、アクティビティ*/
}
.s_icon_baby {
  display: inline-block;
  /*ウェルカムベビー*/
  width: 60px;
  margin: 0 auto -8px;
}
.box_content {
  border: 1px solid var(--bk);
  border-radius: 10px;
  background: #fff;
  height: 100%;
}
.base_prod .hotel li{
  padding: 0;
}
.details_box{
  padding: 0 10px;
}
.base_prod .hotel li>a .img_box>img{
  border-radius: 10px 10px 0 0;
}
.base_prod .hotel li>a .details_box>.area {
  position: absolute;
  top: 10px;
  left: -3px;
  background: var(--blu);
  border: 1px solid var(--bk);
}

/*-----タブ-----*/
.tab_menu,
.tab-list {
  display: flex;
  position: relative;
  justify-content: space-between;
  height: 40px;
  background: var(--gr);
  border-radius: 9px;
  margin: 10px auto;
}
.tab_menu>li,
.tab-list>li {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  cursor: pointer;
}
.tab_menu.clm3>li {
  width: calc(100% / 3);
}
.tab-list.clm5>li {
  width: calc(100% / 5);
}
.tab_menu>li.active,
.tab-list>li.active02 {
  /* color: #fff; */
  background-color: var(--blu);
  border-radius: 9px;
  border: 1px solid var(--bk);
}
.tab_area,
.tab-contents-item {
  display: none;
}
.tab_area.show,
.tab-contents-item.show02 {
  display: block;
}
/*-----カルーセル-----*/
.wrap_slide {
  position: relative;
  display: flex;
}
.wrap_slide .swiper {
  overflow: hidden;
  position: relative;
  padding: 0 3% 40px;
}
.wrap_slide .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.wrap_slide .swiper .swiper-pagination {
  bottom: 0;
}
.wrap_slide .cmn_contents {
  margin: auto;
}
.base_prod {
  margin-bottom: 0;
}
.clm_3 .base_prod.clm1 li,
.base_prod.side_box.clm1 li {
  padding: 10px 10px 0;
}
.clm_3 .cm_btn .base_prod.clm1 li,
.cm_btn .base_prod.side_box.clm1 li {
  padding: 0 10px;
}
/*商品コンポーネントのページネーション */
.box_content .base_prod .swiper-button-next,
.box_content .base_prod .swiper-button-prev,
.box_content .base_prod .swiper-pagination {
  display: none !important;
}
/* 前へ/後ろへボタン */
.wrap_slide .swiper-button-prev,
.wrap_slide .swiper-button-next {
  content: "";
  position: absolute;
  display: block;
  top: 45%;
  width: 18px;
  height: 18px;
  border-top: 2px solid var(--blu);
  border-right: 2px solid var(--blu);
  transform: rotate(45deg);
}
.wrap_slide .swiper-button-prev.swiper-button-disabled,
.wrap_slide .swiper-button-next.swiper-button-disabled {
  opacity: .35;
}
.wrap_slide .swiper-button-prev {
  top: 48%;
  left: -20px;
  transform: rotate(-135deg);
}
.wrap_slide .swiper-button-next {
  right: -20px;
}
.swiper-pagination-bullet {
  background: var(--blu);
}

/*----- 夏休み人気の避暑地 -----*/
.plan .base_prod.bdr li {
  border-color: var(--bk);
  border-radius: 10px;
  background: #fff;
}
.plan .wrap_slide .swiper-button-prev,
.plan .wrap_slide .swiper-button-next {
  border-color: var(--blu);
}
.plan .base_prod .hotel li>a .details_box>.ttl {
    text-align: center;
    margin-bottom: 10px;
}
.plan .base_prod .hotel li>a .details_box>p.txt {
    background: var(--bg);
    text-align: center;
    padding: 5px;
    color: var(--blu);
    font-weight: bold;
}
.higaeri .outside_txt,
.plan .outside_txt {
    padding: 0 12px;
}
.plan .btn_01 a {
    min-width: unset;
    width: 100%;
}

.plan .swiper-container .swiper-button-prev:after,
.plan .swiper-container .swiper-button-next:after{
  content: none;
}
.plan .swiper-button-prev, .plan .swiper-button-next {
    content: "";
    position: absolute;
    display: block;
    top: 45%;
    width: 18px;
    height: 18px;
    border-top: 2px solid var(--blu);
    border-right: 2px solid var(--blu);
    transform: rotate(45deg);
}
.plan .swiper-button-prev{
    transform: rotate(-135deg);
}
.plan .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: -40px;
}
.spot_access {
    margin-top: 5px;
    margin-bottom: 10px;
}
.spot_access .midashi {
    font-weight: bold;
    display: block;
}

/*----- 日帰りプラン -----*/
.higaeri .base_prod .hotel li>a .details_box>.tag>.icon {
    color: #f0417f;
    border-color: #f0417f;
}
.higaeri .base_prod .hotel li>a .details_box>.tag>.icon:nth-child(2) {
    background: #f0417f;
    color: #fff;
}
.higaeri .outside_txt{
  padding: 10px;
}
.area .spot_txt,
.higaeri .spot_txt {
    padding: 7px;
    background: var(--bg);
    border-radius: 10px;
}

/*----- 目的から探す -----*/
.area .spot_txt {
    margin-top: 10px !important;
}
.area .spot_txt p{
 font-size: 1.6rem;
 color: var(--blu);
 font-weight: bold;
}

/*-----ウェルカムベビーのお宿とは？-----*/
.bg_02 li.acc_list {
    width: 80%;
    margin: 0 auto;
}
.acco_baby .acc_QandA input[type="checkbox"]+label.btn_question::after,
.acco_baby .box_answer>.inner_answer>div::after {
  display: none;
}
.acco_baby .acc_QandA .btn_question {
  text-align: center;
  font-size: 2rem;
  padding: 2px 0;
  height: 40px;
  border-radius: 9px;
  background: var(--sblu);
}
.acco_baby .btn_check+.btn_question+.box_answer>.inner_answer>div {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.acco_baby .btn_check+.btn_question+.box_answer>.inner_answer>div>.logo_baby {
  width: 16%;
  margin-right: 4%;
}
.acco_baby .btn_check+.btn_question+.box_answer>.inner_answer>div>.text_baby {
  width: 80%;
}
/*-----エリアから探す-----*/
.bnr_container {
  display: flex;
  justify-content: center;
}
.bnr_container .banner {
  width: 25% !important;
  padding: 0 10px;
  background: #fff;
}
.bnr_container .imageitem img {
  width: 100%;
  height: 142px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
  border: 1px solid;
  border-bottom: none;
}
.bnr_container .imageitem,
.bnr_container .textitem {
  width: 100%;
  padding: 0;
}
.bnr_container .textitem::before,
.bnr_container .textitem::after {
  content: none;
}
.bnr_container .listitem a {
  flex-direction: column;
  background: none;
}
.bnr_container .titleitem {
  background: var(--blu);
  padding: 7px 10px;
  position: relative;
  color: #fff;
  font-size: 1.6rem;
  margin: 0;
  border-radius: 0 0 10px 10px;
  border: 1px solid black;
  border-top: none;
}
.bnr_container .titleitem::before {
  content: "";
  margin: 0;
  position: absolute;
  top: calc(50% - 4px);
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.bnr_container .leaditem {
  padding: 5px 0 0;
  font-size: 1.3rem;
}
.bnr_container.area .listitem a {
  position: relative;
}
.bnr_container.area .listitem a>.textitem {
  position: absolute;
  top: calc(50% - 18px);
}
.bnr_container.area .listitem a>.textitem>.titleitem {
  background: none;
  font-size: 2.4rem;
  text-align: center;
  filter: drop-shadow(1px 1px 3px #000);
}
.bnr_container.area .titleitem::before {
  width: 10px;
  height: 10px;
  right: 26%;
}
/*-----おすすめ記事-----*/
.article_container {
  margin: 0 auto 30px;
}
.article_container .bnr_box>li {
  border: 1px solid var(--bk) !important;
  background: #fff;
  border-radius: 8px;
  padding-right: 10px;
  overflow: hidden;
}
.article_container .bnr_box .clm_list_txtarea {
  display: none;
}
.article_container .bnr_box_1>li .clm_lst_tag {
  width: 47%;
  margin-left: 3%;
}
.article_container .bnr_box_1>li .clm_lst_tag>div {
  padding: 0;
}
.article_container .bnr_box .clm_list_bnr a {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--bk) !important;
  background: var(--sblu);
  border: 1px solid var(--bk);
  border-radius: 20px;
  margin: 20px auto 0;
  padding: 4px 40px;
  transition: .2s;
}
.article_container .bnr_box .clm_list_bnr a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--bk);
  border-right: 2px solid var(--bk);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
/* .article_container .bnr_box .clm_list_bnr a:hover {
  background: #95dcff;
} */
/*-----よくあるご質問-----*/
/*QA*/
.acc_QandA {
    margin-top: 20px;
}
.acc_QandA input[type="checkbox"]+label.btn_question::after,
.box_answer>.inner_answer>div::after {
  position: absolute;
  top: 5px;
  left: 1%;
  margin-top: 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  line-height: 1.5;
}
.acc_QandA input[type="checkbox"]+label.btn_question::after {
  content: "Q";
  background: none;
  color: var(--blu);
  border: none;
}
.box_answer>.inner_answer>div::after {
  content: "A";
  color: #f0417f;
  top: 11px;
}
.acc_QandA input[type="checkbox"]+label::before {
  display: none;
}
/* + - */
.acc_QandA .btn_question>.btn_mark,
.acc_QandA .btn_question>.btn_mark::after {
  position: absolute;
  content: "";
  background: var(--blu);
  height: 2px;
  top: calc(50% - 1px);
}
.acc_QandA .btn_question>.btn_mark {
  width: 14px;
  right: 2%;
}
.acc_QandA .btn_question>.btn_mark::after {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  transition: 0.3s;
  transform: rotate(90deg);
}
.acc_QandA input[type="checkbox"]:checked+.btn_question>.btn_mark::after {
  transform: rotate(180deg);
}
/*Qテキスト*/
.acc_QandA .btn_question {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 40px;
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--blu);
  border: 1px solid var(--blu);
  border-radius: 9px;
  margin: 0 auto 10px;
  padding: 4px 50px;
}
/*Aテキスト*/
.box_answer {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 0.5s ease-in-out -0.2s, opacity 0.25s ease-in-out 0s;
}
.btn_check:checked+.btn_question+.box_answer {
  visibility: visible;
  opacity: 1;
  max-height: 400px;
  transition: all 0.5s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
}
.box_answer>.inner_answer {
  margin: 0 auto 20px;
}
.btn_check+.btn_question+.box_answer>.inner_answer>div {
  position: relative;
  padding: 10px 10px 10px 50px;
  font-size: 1.5rem;
}

.btn_check:checked + .btn_question {
    background-color: var(--bg);
}
/*-----おすすめ記事-----*/
.article_contens>ul>li:nth-child(odd),
.article_contens>ul>li {
  margin-bottom: 5%;
}
.article_contens>ul>li .ac_ttl {
  margin-bottom: 3%;
}
.article_contens>ul>li .ac_ttl a {
  font-weight: bold;
  font-size: 1.5rem;
  color: #222;
}
/* -----クーポン終了----- */
/* .end_message {
  position: relative;
  pointer-events: none;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(203, 203, 203, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: #000;
  z-index: 5;
}
.card_center {
  max-width: 480px;
}
@media screen and (max-width:767px) {
  .card_center .box_shadow {
    margin: 0 auto;
  }
} */

/*-----PC-----*/
@media screen and (min-width: 768px) {
  /*-----カルーセル-----*/
  .wrap_slide .swiper {
    padding: 0 0 40px;
  }
  .wrap_slide .swiper .swiper-wrapper .swiper-slide {
    width: 320px;
  }
  /*.wrap_slide.clm2 .swiper .swiper-wrapper .swiper-slide {
    width: 490px;
  }*/
  .pc_clm2 .swiper-wrapper {
    justify-content: center;
  }
  /*前へ/後ろへボタン*/
  .wrap_slide .swiper-button-prev.swiper-button-disabled,
  .wrap_slide .swiper-button-next.swiper-button-disabled {
    opacity: .35;
  }
  .wrap_slide.coupon_container .swiper-button-prev {
    z-index: 2;
  }
  .wrap_slide.coupon_container .swiper-button-next {
    z-index: 2;
  }
  /*カルーセルなし 非表示*/
  .wrap_slide.no_swipe .swiper-button-prev,
  .wrap_slide.no_swipe .swiper-button-next,
  .wrap_slide.no_swipe .swiper-pagination {
    display: none !important;
  }
  /*エリアページ夏クーポン*/
  .box_content.area_coupon_clm1 {
    width: 48%;
  }
}

/*-----SP-----*/
@media screen and (max-width: 767px) {
  .plan, .area{
    padding: 0 0 30px;
  }
  .theme{
    padding: 5px 0 30px;
  }
   .summer_article{
    padding: 10px 0 30px;
  }
  .higaeri,
  .qa{
    padding-top: 0;
  }
  .theme .section h2, .qa .section h2 {
    margin-bottom: 20px;
}
  .hisyo_box{
    position: relative;
    z-index: 2;
  }
  /*-----背景-----*/
  /* .ace-section:has(>.bg_01)::before {
    background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2025_bg01.png) no-repeat 0 0 / 120px 125px;
    width: 120px;
    height: 125px;
    right: 10px;
  }
  .ace-section:has(>.bg_02)::before {
    display: none;
  }
  .ace-section:has(>.bg_03)::before {
    background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2025_bg02.png) no-repeat 0 0 / 60px 80px;
    width: 60px;
    height: 80px;
    right: 10px;
    top: 0;
  }
  .ace-section:has(>.bg_03)::after {
    background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2025_bg02.png) no-repeat 0 0 / 60px 80px;
    width: 60px;
    height: 80px;
    left: 15px;
    top: 70px;
  }
  .ace-section:has(>.bg_04)::before {
    background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2025_bg01.png) no-repeat 0 0 / 120px 125px;
    width: 120px;
    height: 125px;
    left: 10px;
    top: -10px;
  }
  .ace-section:has(>.bg_05)::before {
    background: url(/content/dam/jretravel/site/page/seasonal/summer/images/summer2025_bg01.png) no-repeat 0 0 / 120px 125px;
    width: 120px;
    height: 125px;
    right: 10px;
    top: 0;
  } */
  /*-----ナビ-----*/
  .nav_summer {
    flex-wrap: wrap;
    border: 0.5px solid #ddd;
  }
  .nav_summer li {
    border: 0.5px solid #ddd !important;
    width: calc(100% / 2);
  }
  .nav_summer li:nth-of-type(4), .nav_summer li:nth-of-type(5) {
    width: calc(100% / 2);
  }
  .nav_summer li a {
    font-size: 1.4rem;
    padding: 30px 0 5px;
    line-height: 1.1;
    height: 65px;
  }
  /* .nav_summer li a::before {
    background-size: 25px;
  } */
  .nav_summer li:nth-child(1) a::before,
  .nav_summer li:nth-child(2) a::before,
  .nav_summer li:nth-child(3) a::before,
  .nav_summer li:nth-child(4) a::before,
  .nav_summer li:nth-child(5) a::before,
  .nav_summer li:nth-child(6) a::before {
    background-size: 25px;
  }
  .nav_summer li a>span {
    width: 100%;
  }
  .nav_summer li a>span::before {
    right: 10px;
  }
  /*-----クーポン-----*/
  .coupon_container {
    margin: 10px auto;
  }
  .coupon_container .box_content .term{
    width: 100%;
  }
  .coupon_container .btn_01 a{
    width: 100%;
  }

  /* .box_shadow {
    width: 90% !important;
    height: 100% !important;
    margin: 20px 10px;
    padding: 0 20px 15px !important;
  }
  .box_shadow .feature .section h2 {
    font-size: 1.8rem;
    background: linear-gradient(transparent 95%, #f9a11744 95%);
  }
  .box_shadow .coupon_text dl {
    flex-direction: column;
  }
  .box_shadow .coupon_text dl>dt,
  .box_shadow .coupon_text dl>dd,
  .box_shadow.hisyo .coupon_text dl>dt,
  .box_shadow.hisyo .coupon_text dl>dd {
    width: auto;
  } */

   /* ページネーション */
  /* .wrap_slide.coupon_container .swiper-button-prev {
    display: block !important;
    left: 10px;
    z-index: 3;
  }
  .wrap_slide.coupon_container .swiper-button-next {
    display: block !important;
    right: 10px;
    z-index: 3;
  } */
  /*エリアページ夏クーポン*/
  .box_content.area_coupon_clm1 {
    margin-bottom: 4px;
  }
  /*-----タイトル-----*/
  .feature .section h2 {
    font-size: 2.2rem;
  }
  .feature .section h3 {
    font-size: 1.8rem;
    padding: 0 0 10px;
  }
  .coupon_container .feature .section h3 {
    font-size: 1.8rem;
  }
  /*-----ボタン-----*/
  .btn_01 {
    margin: 5px 10px;
  }
  .btn_01 a {
    min-width: 100%;
    font-size: 1.5rem;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .hisyo_box .btn_01 a ,
  .summer_article .btn_01 a {
    padding-top: 5px;
    padding-bottom: 5px;
}
  /*-----商品コンポーネント-----*/
  /* .base_prod .hotel li>a .details_box>.area {
    top: 1%;
    right: 1.5%;
  } */
  /*-----タブ-----*/
  .tab_menu,
  .tab-list {
    margin: 10px;
  }
  .tab_menu.clm3 {
    height: 50px;
  }
  .tab_menu>li,
  .tab-list>li {
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .tab_menu.clm3>li {
    padding: 7px 0;
    line-height: 1.3;
    font-size: 1.3rem;
  }
  .tab-list.clm5>li {
    padding: 12px 0;
  }
  /* 夏休み人気の避暑地 */
  /* .plan .swiper-container-initialized .swiper-slide {
    width: 75% !important;
    margin-left: 16px !important;
} */
  .plan .swiper-container-initialized .swiper-slide {
    width: 92% !important;
    margin-left: 6px !important;
}
  .plan .swiper-container{
    padding: 0 10px;
  }
.base_prod .hotel li{
    padding-bottom: 10px;
}
  .plan .area_note {
    margin-top: 32px;
}
  /*-----エリアから探す-----*/
  .bnr_container {
    flex-wrap: wrap;
    margin: 0 10px;
  }
  .bnr_container .banner {
    width: 47% !important;
    margin: 0 auto 20px !important;
  }
  .bnr_container .tyo_destination_banner .titleitem {
    font-size: 1.5rem;
    padding: 5px 8px;
  }
  .bnr_container .tyo_destination_banner .textitem {
    padding: 0;
  }
  .bnr_container .tyo_destination_banner .imageitem img {
    height: 100px;
  }
  .bnr_container.area .listitem a>.textitem>.titleitem {
    font-size: 2rem;
  }
  .bnr_container.area .titleitem::before {
    right: 23%;
  }
  /* .bnr_container.sp_clm1 .banner:first-of-type {
    width: 100% !important;
  }
  .bnr_container.sp_clm1 .tyo_destination_banner:first-of-type .imageitem img {
    height: 200px;
  } */
  /*-----カルーセル-----*/
  .wrap_slide .cmn_contents {
    width: 100%;
  }
  /*-----ウェルカムベビーのお宿とは？-----*/
  .bg_02 li.acc_list{
    width: 97%;
  }
  .acco_baby .btn_check+.btn_question+.box_answer>.inner_answer>div {
    flex-direction: column;
    padding: 10px 0;
  }
  .acco_baby .btn_check+.btn_question+.box_answer>.inner_answer>div>.logo_baby {
    width: 130px;
    margin: 0 auto 10px;
  }
  .acco_baby .btn_check+.btn_question+.box_answer>.inner_answer>div>.text_baby {
    width: auto;
  }
  /*-----おすすめ記事-----*/
  .article_container .bnr_box_1>li .clm_list_img {
    width: 49% !important;
  }
  .article_container .bnr_box>li{
    padding: 10px;
  }
  .article_container .bnr_box_1>li .clm_lst_tag>div {
    font-size: 1.3rem;
    /* margin: 0 !important;
    line-height: 1.4; */
  }
  .article_container .bnr_box .clm_list_area[style*="none"]+.clm_list_title{
    margin-top: -0.2em;
  }
  .article_container .bnr_box .clm_list_bnr a {
    margin: 9px auto 0;
    padding: 4px 0;
  }
  
  /*-----よくあるご質問-----*/
  .acc_QandA {
    margin: 0 10px;
  }
  .acc_QandA .btn_question {
    font-size: 1.5rem;
    height: auto;
    border-radius: 8px;
  }
  .acc_QandA .btn_question>.btn_mark {
    right: 3%;
  }
}