/* ===========================================
  @ エリアページ共通CSS
  --------------------------------
  <!>編集禁止<!>
================================================ */

/* -----------------------------
  共通 
---------------------------------*/
@property --pc-width {
   syntax: "<length>";
   inherits: true;
   initial-value: 1100px;
   contactSct
}

@property --sp-width {
   syntax: "<percentage>";
   inherits: true;
   initial-value: 100%;
}

:root {
   --s8: 0.5555555555555556vw;
   --s14: 0.9722222222222222vw;
   --s16: 1.1111111111111112vw;
   --s18: 1.25vw;
   --s24: 1.6666666666666667vw;
   --s40: 2.7777777777777777vw;
}

/* 打ち消し */
.splide:not(.is-overflow) .splide__pagination {
   display: flex;
}

.at__box--cat:empty {
   display: none;
}

/* width */
.mw {
   max-width: var(--pc-width);
   width: 96%;
   margin: 0 auto;
}

@media screen and (max-width:768px) {
   .mw {
      width: 90%;
   }
}

/* ovl */
.overlay2 {
   width: 100%;
   height: 100vh;
   background: #000;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   opacity: .3;
   display: none;
   cursor: pointer;
   transform: translate3d(0, 0, 0) !important;
   -webkit-transform: translate3d(0, 0, 0) !important;
}

/* Title */
.area--ttl {
   margin-bottom: 16px;
   line-height: 1.8;
}

.area--ttl.type-w {
   color: #fff;
}

.area--ttl h2 {
   display: block;
   font-size: 22px;
   font-weight: bold;
   padding-left: 16px;
   border-left: 6px solid var(--main-color);
}

.area--ttl.type-w h2 {
   border-color: #fff;
}

.area--ttl2 {
   text-align: center;
}

.area--ttl2 span {
   color: var(--main-color);
   font-weight: bold;
}

.area--ttl2 b {
   display: block;
   font-size: 22px;
}

.return_top {
   position: fixed;
   bottom: 1rem;
   right: 1rem;
   color: #fff;
   background: #403e3ead;
   padding: 2rem;
   border-radius: 10px;
   z-index: 10;
}

@media screen and (max-width:768px) {
   .area--ttl {
      margin: 24px 0;
      line-height: 1.5;
   }

   .area--ttl h2 {
      font-size: 20px;
   }

   .area--ttl p {
      font-size: 14px;
      margin-top: 8px;
   }

   .area--ttl2 {
      padding: 32px 0;
   }

   .area--ttl2 b {
      font-size: 18px;
   }
}

/* -----------------------------
  @右訴求
---------------------------------*/

/* Peach */
.r-peach .top__sbWrap {
   background: #9b308c;
   background: #ff9600;
}
.no-right .r-peach .top__sbWrap {
   background: inherit;
}
.no-right .right__add{
  display: none;
}
.no-right [class*=r-] .sw__dwWrap .left{
  width: 480px;
}
.no-right [class*=r-] .sw__dwWrap .right{
    width: calc(100% - 500px);
}
.no-right .sd__change{
  display: none;
}
.no-right [class*=r-] .at__inr p{
  display: block;
}

[class*=r-] .at__inr p {
   display: block;
}

[class*=r-] .sd__change {
   margin-top: 0;
   margin-bottom: 24px;
}

[class*=r-] .sw__dwWrap .right,
[class*=r-] .sw__dwWrap .left {
   background: #fff;
   padding: 20px;
   border-radius: 16px;
}

[class*=r-] .sw__dwWrap .right {}

[class*=r-] .sw__dwWrap .left {
  width: 40%;
}

[class*=r-] .searchBox_wbf .area__name {
   font-size: 20px;
   font-weight: bold;
   text-align: left;
   padding: 5px 0 5px 10px;
   margin: 10px 0;
   border-left: 10px solid #2589d0;
}

[class*=r-] .topTourBox {
   display: grid;
   gap: 24px;
   margin-top: 24px;
   grid-template-columns: repeat(2, 1fr);
}

[class*=r-] [class*=topTourBox0] {
   padding: 10px;
   background: #fff;
}

[class*=r-] .ttl01 {
   font-size: 15px;
   padding: 16px 0;
   font-weight: bold;
}

[class*=r-] .ttl02 {
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   background: #000;
   color: #fff;
   padding: 4px;
}
  [class*=r-] .price {
      color: red;
      text-align: center;
      font-weight: bold;
      font-size: 120%;
  }
  [class*=r-] .docoWrap{
    box-shadow: none;
  }
  [class*=r-] .searchBox_wbf {
      width: 100%;
  }

@media screen and (max-width:768px) {

   [class*=r-] .sw__dwWrap .right,
   [class*=r-] .sw__dwWrap .left {
      width: 100%;
      border-radius: 0;
      padding: 0;
   }

   [class*=r-] .right__add--sp {
      background: #9b308c;
      padding: 0 24px 32px;
   }
   .okaTop .peachT .right__add--sp {
     background-color: #ff9600;
   }

   [class*=r-] .area__topImage .area__name {
      font-size: 21px;
      text-align: center;
   }

   [class*=r-] .at__inr {
      padding-bottom: 0;
   }

   [class*=r-] .right__add--sp img {
      margin: 0;
   }

   [class*=r-] .sw__dwWrap {
      padding: 0;
   }

   [class*=r-] .searchBox_wbf .area__name {
      font-size: 20px;
   }

   [class*=r-] .searchBox_wbf.ptn_1 {
      padding: 20px;
   }

   [class*=r-] #returnBtn {
      border-radius: 0;
   }

   [class*=r-] .docoWrap {
      position: inherit;
      box-sizing: border-box;
      border-radius: 0;
      padding: 20px;
      box-shadow: none;
   }

   [class*=r-] #dppBtn {
      margin-top: 24px;
      border-radius: 0;
      margin-bottom: -20px;
   }

   [class*=r-] .searchBox_wbf {
      width: 100%;
   }
   .no-right [class*=r-] .right__add--sp{
     display: none;
   }
  .no-right [class*=r-] .area__topImage .area__name {
        text-align: left;
        font-size: 34px;
  }
    .no-right .at__inr {
        text-align: left;
        padding: 32px 0;
    }
    .no-right [class*=r-] .sw__dwWrap .right {
        width: 100%;
    }
  
}

/* -----------------------------
  推し旅 
---------------------------------*/

.oshitabi_bnr {
   background: #ffeb0a;
}

.oshitabi_bnr a {
   display: block;
}

.oshitabi_bnr a .pcOnly {
   width: 80%;
   margin: 0 auto;
}

/* -----------------------------
  検索ボックス 
---------------------------------*/
.top__sbWrap {
   position: relative;
   overflow: hidden;
   padding-bottom: 20px;
}

.area__topImage {
   position: relative;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.at__inr {
   z-index: 2;
   padding: 50px 0 20px;
   margin: 0 auto;
   color: #fff;
   text-shadow: 1px 1px 10px #333;
}

.area__topImage .area__name {
   font-size: 40px;
   font-weight: bold;
}

.area__topImage img {
   position: absolute;
   top: 0;
   z-index: -1;
   bottom: 0;
   right: 0;
   left: 0;
   object-fit: cover;
   height: 1000px;
   width: 100%;
}

.area__topImage::before {
   content: "";
   z-index: 1;
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden;
   position: absolute;
}

.sw__dwWrap {
   z-index: 1;
   width: var(--pc-width);
   margin: 15px auto 30px;
   border-radius: 10px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.docoWrap {
   position: relative;
   background: #fff;
   box-sizing: border-box;
   border-radius: 8px;
   padding-bottom: 20px;
   box-shadow: 0px 0px 5px 0px #3333334d;
}

.dwWrap__right {
   background: #fff;
   width: calc(100% - 785px);
   border-radius: 8px;
   padding-bottom: 20px;
}

body[class*=area_] .def__dpp .dwWrap__left {
   display: block;
   width: 480px;
}

body[class*=area_] .def__dpp .dwWrap__right {
   width: calc(100% - 500px);
}

.docoWrap--ttl {
   font-size: 16px;
   font-weight: bold;
   width: 90%;
   margin: 0 auto;
   padding: 20px 0 10px;
}

.docoWrap--ttl:has(+ .searchBox_wbf [name=SearchFormDomestic]) {
   margin-bottom: -10px;
}

.docoWrap--ttl i {
   margin-right: 10px;
   background: #afe0f3;
   padding: 10px;
   border-radius: 40px;
   color: #005e87;
}

.dppTxt {
   background: #eee;
   margin: 20px 0;
   padding: 15px;
   border-radius: 10px;
   font-size: 12px;
   text-align: left;
}

.dppTxt b {
   display: block;
}

#dppBtn,
#returnBtn {
   display: none;
}

@media screen and (max-width:768px) {
   .at__inr {
      text-align: left;
      padding: 32px 0;
   }

   .area__topImage img {
      width: 100%;
      object-fit: cover;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: -10;
   }

   .area__topImage .area__name {
      font-size: 34px;
   }

   body[class*=area_] .def__dpp .dwWrap__left {
      display: none;
   }

   body[class*=area_] .def__dpp .dwWrap__right {
      display: block;
   }

   body[class*=area_] .def__dpp .dwWrap__right {
      width: 100%;
   }

   .sw__dwWrap {
      width: 100%;
      background: #eee;
      padding: 18px;
      margin-top: 0;
      margin-bottom: 0;
   }

   #returnBtn {
      display: block;
      background: #96d2f4;
      width: 100%;
      text-align: center;
      box-sizing: border-box;
      color: #333;
      padding: 10px 0;
      margin-bottom: -20px;
      margin-top: 24px;
      border-radius: 0 0 8px 8px;
      font-weight: bold;
   }

   #dppBtn {
      display: block;
      background: #96d2f4;
      width: 100%;
      text-align: center;
      box-sizing: border-box;
      color: #333;
      padding: 10px 0;
      border-radius: 0 0 8px 8px;
      font-weight: bold;
   }

   .docoWrap {
      border-radius: 8px 8px 0 0;
   }
}

/* -----------------------------
  @ ページ内メニュー
---------------------------------*/

#depNav__sp {
   display: none;
}

.depNav {
   background: #dddde1;
   padding-bottom: var(--s24);
}

/* 出発地切り替え */
.depNav__dep--bb {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   padding: var(--s24) 0;
}

.depNav__dep--ttl {
   font-weight: bold;
   font-size: 18px;
}

.depNav__dep--sel {
   width: 25%;
   padding: var(--s16);
   font-size: 16px;
   border: none;
   border-radius: 8px;
   margin-left: var(--s24);
}

/* ページ内リンク */
.depNav__nav {
   margin: var(--s24) auto 0;
}

.depNav__dep {
   margin: 0 auto;
   border-bottom: 1px solid #aaa;
}

.depNav__nav--inr {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: var(--s16);
   grid-row-gap: var(--s16);
}

.depNav__nav--btn {
   background: #fff;
   border-radius: 4px;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
   display: flex;
   padding: var(--s18);
   align-items: center;
   justify-content: center;
}

.depNav__nav--btn:hover {
   background: var(--head-color);
   color: #fff;
}

.depNav__nav--btn i {
   margin-left: var(--s8);
}

.return_top {
   display: none;
}

@media screen and (max-width:768px) {
   .depNav.is-fixed {
     position: fixed;
     z-index: 20;
     top: 0;
     width: 100%;
     padding-bottom: 0;
   }

   .depNav__dep {
      background: #333;
      width: 100%;
   }

   .depNav__dep--bb {
      padding: 12px;
   }

   .depNav__dep--ttl {
      color: #fff;
   }

   #depNav__sp {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 16px;
      padding: 0;
      background: #57c1eb;
      width: 45px;
      height: 40px;
      border-radius: 4px;
   }

   .return_top {
      display: block;
      position: inherit;
      bottom: inherit;
      right: inherit;
      color: #333;
      background: #eee;
      padding: 8px 15px;
      border-radius: 4px;
      margin-left: auto;
   }

   .depNav__cls {
      display: none;
   }

   .depNav__nav--inr {
      gap: 0;
      grid-template-columns: repeat(2, 1fr);
      margin-bottom: 5px;
   }

   .depNav__nav--btn {
      border-radius: 0;
      padding: 15px 0;
   }

   .depNav__nav.is-fixed {
      margin: 0;
      width: 100%;
     /* display: none; */
     position: fixed;
     top: 60px;
      background: #eee;
   }

   .depNav__nav--inr li {
      border-bottom: 1px solid #ccc;
   }

   .depNav__nav--inr li:nth-child(n) {
      border-right: 1px solid #ccc;
   }

}

/* -----------------------------
  バナー
---------------------------------*/

.big__bnrWrap-inr {
   margin: var(--s40) auto var(--s24);
}

.campBnrArea {
   margin: 0 auto;
   padding-bottom: 5.555555555555555vw;
}

.campBnrArea .splide__pagination {
   bottom: -2.7777777777777777vw;
}

.campBnrArea .splide__pagination__page.is-active {
   background: var(--main-color);
}

.campBnrArea .splide__arrow--prev {
   left: 0;
}

.campBnrArea .splide__arrow--next {
   right: 0;
}

.campBnrArea .splide__arrow {
   top: inherit;
   bottom: -30%;
   transform: inherit;
}

@media screen and (max-width:768px) {
   .campBnrArea {
      padding-bottom: 80px;
   }

   .campBnrArea .splide__pagination {
      bottom: -42px;
   }

}

/* -----------------------------
  News
---------------------------------*/
.newsBox {
   margin: var(--s24) 0 0;
   background: #eee;
   padding: var(--s24) 0;
}

.newsBox_inr {
   margin: 0 auto;
}

.newsBox--ttl {
   text-align: center;
}

.newsBox--ttl span {
   color: var(--main-color);
   font-weight: bold;
}

.newsBox--ttl b {
   display: block;
   font-size: 20px;
}

.newsBox--list {
   padding: var(--s24);
   background: #fff;
   border-radius: 8px;
   margin: var(--s24) 0;
}

.newsBox--list a {
   display: block;
   padding: var(--s8) 0;
   border-bottom: 1px dashed #ccc;
}

.newsBox--list li:last-of-type a {
   border-bottom: none;
}

.newsBox--list .date {
   color: #333;
   font-size: 14px;
}

.newsBox--list .categoly {
   display: inline-block;
   background: #0070b3;
   font-size: 12px;
   padding: 2px 4px;
   color: #fff;
   margin: 0 8px;
   border-radius: 4px;
}

.newsBox--list .body {
   font-size: 14px;
}

.newsBox--btn {
   width: 150px;
   text-align: center;
   padding: 10px;
   background: var(--main-color);
   margin-left: auto;
   color: #fff;
   border-radius: 8px;
}

@media screen and (max-width:768px) {
   .newsBox--list {
      padding: 16px;
   }

   .newsBox--ttl b {
      font-size: 16px;
   }

   .newsBox--ttl span {
      font-size: 11px;
   }

   .newsBox--list .categoly {
      font-size: 10px;
   }

   .newsBox--ttl {
      padding: 16px 0;
   }

   .newsBox--list .body {
      display: block;
      font-size: 12px;
   }

   .newsBox--list .date {
      color: #666;
      font-size: 14px;
   }

   .newsBox--list a {
      padding: 12px 0;
   }

   .newsBox--list li:first-child a {
      padding-top: 0;
   }

   .newsBox--list li:last-child a {
      padding-bottom: 0;
   }

   .newsBox--btn {
      width: 150px;
      text-align: center;
      padding: 10px;
      margin: 24px auto;
      font-size: 12px;
   }
}

/* -----------------------------
  最安値
---------------------------------*/
.lpBlk {
   background: #2896c6;
   padding: 56px 0 56px;
}

.lowPrc--ttl {
   color: #fff;
   margin-bottom: 16px;
   line-height: 1.8;
}
.lp-sub_txt{
    font-size: 11px;
    display: block;
    color: #666;
    font-weight: normal;
}
.lowPrc--ttl h2 {
   display: block;
   font-size: 22px;
   font-weight: bold;
   padding-left: 16px;
   border-left: 6px solid #fff;
}

.lowPrc {}

.lowPrc_box {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 16px;
   grid-row-gap: 16px;
}

.lowPrc__box--link {
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-radius: 8px;
   padding: 16px;
}

.lowPrc__box .lowPrc__box--link:nth-of-type(2) {
   border-top: 1px dashed #aaa;
   width: 100%;
   padding-top: 5px;
   margin-top: 5px;
}

.lowPrc__box--link::after {
   content: "\f054";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: .5rem;
   padding: 0 0 0 1rem;
}

.lowPrc__box--ttl {
   font-weight: bold;
   font-size: 16px;
   width: 150px;
}

.lowPrc__box--txt {
   display: block;
   color: #333;
   font-size: .8rem;
   font-weight: normal;
}

.lowPrc__box--prc {
   font-size: 1.3rem;
   font-weight: bold;
   color: #f52b0b;
}

@media screen and (max-width:768px) {
   .lpBlk {
      padding: 40px 0;
   }

   .lowPrc_box {
      grid-template-columns: minmax(0, 1fr) 50%;
   }

   .lowPrc--ttl {
      line-height: 1.5;
   }

   .lowPrc--ttl {
      font-size: 14px;
      margin-top: 8px;
   }

   .lowPrc__box--ttl {
      font-size: 14px;
   }

   .lowPrc__box--prc {
      font-size: 18px;
   }

   .lowPrc__box--link {
      flex-wrap: wrap;
      padding: 12px;
   }
}

/* -----------------------------
  Title
---------------------------------*/
.at__ttl {
   position: relative;
   font-size: 24px;
   border-left: 6px solid #0070b4;
   padding-left: 15px;
   line-height: 1.8;
   margin: 24px 0;
}

.at__ttl::before {
   content: "";
   width: 6px;
   height: calc(100% / 2);
   background: #69acd5;
   display: block;
   position: absolute;
   left: -6px;
   bottom: 0;
}

.at__ttl span {
   display: block;
}

.at__ttl .lead {
   font-weight: bold;
}

.at__ttl .sub {
   font-size: 16px;
}

@media screen and (max-width:768px) {
   .at__ttl {
      font-size: 20px;
      line-height: 1.5;
   }

   .at__ttl .sub {
      font-size: 13px;
   }

}

/* -----------------------------
  地図から探す
---------------------------------*/

.ka__inr {
  width: 95%;
  max-width: var(--pc-width);
  margin: 0 auto;
  padding: 40px 0;
}

.ka__map {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.ka__map-left {
  width: 350px;
  position: relative;
}

.ka__map-left>p {
  position: absolute;
  display: flex;
  padding: 4px 22px 4px 0;
  font-size: 12px;
  align-items: center;
  font-weight: bold;
  border-bottom: 1px solid #666;
  text-shadow: 0px 0px 3px #fff;
  cursor: pointer;
}

.ka__map-left>p:hover {
  opacity: .8;
}
.ka__map-right {
  width: calc(100% - 390px);
}

.ka__map-det {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #e2e7f0;
  padding: 20px;
  border-radius: 4px;
}

.ka__map-det.active {
  display: flex;
}

.ka__map--img {
  width: 300px;
}

.ka__map--txt {
  width: calc(100% - 324px);
}

.ka__map--txt-tit {
  font-size: 20px;
  font-weight: bold;
}

.ka__map--txt-t {
  padding: 16px 0;
  font-size: 14px;
  line-height: 1.6;
}

.ka__map--btn {
  background: #2996c6;
  padding: 12px 0;
  display: block;
  margin: 0 auto;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
}
.ka__map-left>p i {
  background: #68acd5;
  display: inline;
  padding: 4px;
  border-radius: 18px;
  font-size: 12px;
  margin-right: 6px;
}

@media only screen and (max-width:768px) {
  .ka__map-left {
    width: 100%;
  }

  .ka__map-right {
    width: 100%;
    margin-top: 24px;
  }

  .ka__map--img {
    width: 100%;
  }

  .ka__map--txt {
    width: 100%;
    padding-top: 16px;
  }

  .ka__inr {
    width: 90%;
    padding: 20px 0;
  }
}

/* -----------------------------
  おすすめツアー
---------------------------------*/
.area_osusumeBox {
   width: 100%;
   max-width: var(--pc-width);
   margin: 0 auto;
}

/* エリアスクロール */
.area__sclBox ul {
   padding-bottom: 20px;
   display: flex;
   flex-wrap: wrap;
   width: 1000px;
   margin-top: 15px;
}

.area__sclBox li {
   min-width: 4rem;
   text-align: center;
   margin-right: 5px;
}

.area__sclBox li>a,
.area__sclBox li>span {
   border: 1px solid #ccc;
   background: #fff;
   display: block;
   padding: 5px 10px;
   font-size: 11px;
   border-radius: 40px;
}

.area__sclBox li.sel>a,
.area__sclBox li.sel>span {
   border: 2px solid #2698c4;
   font-weight: bold;
   color: #2698c4;
   background: #d0f2ff;
}

.at_inr {
   padding: 40px 0;
}

.ao__box {
   display: none;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 8px;
   grid-row-gap: 8px;
}

.ao__box.active {
   display: grid;
}

.ao__box a {
   overflow: hidden;
   background: #fff;
   margin-top: 24px;
   border: 1px solid #ccc;
   border-radius: 8px;
}

.ao__box-ttl {
   padding: 24px;
   background: #fff;
}

.ao__box-tp {
   padding: 0 24px 24px;
}

.ao__box--ttl {
   font-weight: bold;
   font-size: 16px;
   margin-bottom: 10px;
}

.ao__box--txt {
   font-size: 12px;
   line-height: 1.8;
   padding: 5px 0;
   background: #f2f5f9;
   padding: 16px;
   border-radius: 8px;
   display: flex;
   align-items: center;
}

.ao__box--img img {
   object-fit: cover;
   width: 100%;
   height: 230px;
}

.getdpprice.pri {
   color: #ed5629;
   font-size: 24px;
   font-weight: bold;
}
.getdpprice.pri .no-tour{
    font-size: 14px;
    color: #333;
}

.at__box--dp {
   position: relative;
   padding: 16px 0 0;
}
.getdpprice_info{
  font-size:11px;
}

.getdpprice_info img {
   width: 40px;
   margin: 0 auto;
}

/* scrollBar */
@media only screen and (max-width:768px) {
   .at_inr {
      padding: 16px 0;
   }

   .ao__box.active {
      display: block;
   }

   .at__sclBox {
      padding: 20px 0;
      overflow-x: scroll;
   }

   .area__sclBox {
      overflow-x: scroll;
   }

   .area__sclBox::-webkit-scrollbar {
      height: 2px;
   }

   .area__sclBox::-webkit-scrollbar-track {
      background-color: #ccc;
      border-radius: 10px;
   }

   .area__sclBox::-webkit-scrollbar-thumb {
      background-color: #69acd5;
      width: 40%;
      border-radius: 10px;
   }
}

/* -----------------------------
  おすすめツアー
---------------------------------*/

.at__box {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: 1fr;
   grid-column-gap: 8px;
   grid-row-gap: 8px;
}

.at__Boxinr {
   background: #fff;
   display: block;
   border: 1px solid #ccc;
   border-radius: 5px;
   overflow: hidden;
}

.at__Boxinr img {
   object-fit: cover;
   width: 100%;
   height: 180px;
}

.at__box--ttl {
   font-size: 16px;
   padding: 16px;
   font-weight: bold;
}

.at__box--txt {
   padding: 0 16px 16px;
   font-size: 14px;
   line-height: 1.8;
}

.tourBtn {
   background: #2896c6;
   color: #fff;
   margin: 0 16px 16px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   padding: 8px;
}

.tourBtn:after {
   margin-left: auto;
   content: "\f054";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: .5rem;
   padding: 0 0 0 1rem;
}

@media only screen and (max-width:768px) {
   .area_osusumeBox div[data-key] {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
   }

   .ao__box a {
      border: none;
      border-bottom: 1px solid #ccc;
      display: block;
      border-radius: 0;
      padding-bottom: 16px;
   }

   .ao__box a:last-child {
      border-bottom: none;
   }

   .ao__box--img {
      grid-column: 1;
      grid-row: 1;
   }

   .ao__box--img img {
      height: 150px;
   }

   .ao__box-ttl {
      grid-column: 2;
      grid-row: 1;
      padding: 0;
   }

   .ao__box-tp {
      grid-column: 1 / 3;
      grid-row: 2;
      padding: 0;
   }

   .at__box {
      padding-bottom: 20px;
      display: flex;
      margin-top: 0;
   }

   .at__Boxinr {
      background: #fff;
      display: block;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
      width: 300px;
      flex-shrink: 0;
   }

}

/* -----------------------------
  モデルコース
---------------------------------*/

.mo__Boxinr {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.mo__Boxinr .mo__box--img {
   width: 600px;
}

.modelBox .mo__box--txt {
   padding: 0 0 24px 0;
   font-size: 18px;
   width: calc(100% - 624px);
}

.mo__box--ttl {
   font-weight: bold;
   font-size: 20px;
}

.mo__box--ttl+p {
   font-size: 16px;
   padding: 16px 0;
   background: #eee;
   margin: 16px 0;
   padding: 16px;
   border-radius: 8px;
}

.modelBox .tourBtn {
   margin: 0 0 24px;
}

@media only screen and (max-width:768px) {
   .mo__Boxinr .mo__box--img {
      width: 100%;
   }

   .modelBox .mo__box--txt {
      padding: 16px 0;
      width: 100%;
   }

   .mo__box--ttl {
      font-size: 18px;
   }

   .mo__box--ttl+p {
      font-size: 14px;
   }
}

/* -----------------------------
  おすすめホテル
---------------------------------*/

.at__box--cat {
   background: #333;
   color: #fff;
   font-size: 12px;
   padding: 4px 8px;
   margin: 16px 16px 0;
   display: inline-block;
}

.starBox,
.htlNameBox {
   font-size: 14px;
}

.starBox span {
   color: #d69f21;
}

.area__hotelBox .at__box--dp {
   padding: 16px;
}

.area__hotelBox .at__box--txt {
   margin: 0 16px;
   font-size: 13px;
   line-height: 1.8;
   background: #f2f5f9;
   padding: 16px;
   border-radius: 4px;
}

.area__tourBox .at__box--txt {
   background: #f2f5f9;
   margin: 0 16px;
   padding: 16px;
   border-radius: 4px;
}

.area__tourBox .at__box--dp {
   padding: 16px;
}

/* -----------------------------
  クーポン
---------------------------------*/
.couponBox {
   padding: 40px 0;
}

.couponBox_inr {
   padding: 40px 0;
   background: #fff;
   padding: 24px;
   box-shadow: 12px 16px 0 0px #ced1d7;
   border-radius: 8px;
   border: 1px solid #CCC;
}

.coupon_contents {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
}

.cc_imgs {
   width: 450px;
}

.cc_imgs img {
   object-fit: cover;
   width: 100%;
   height: 350px;
}

.cc_text {
   width: calc(100% - 500px);
}

.cc_text .ttl {
   font-weight: bold;
   font-size: 16px;
   line-height: 1.8;
   border-bottom: 1px solid;
   padding-bottom: 16px;
   margin-bottom: 16px;
}

.text_inner p+p {
   margin-top: 8px;
}

.cc_text .point {
   background: #333;
   color: #fff;
   padding: 4px 8px;
   border-radius: 2px;
   display: block;
   width: 8rem;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 8px;
}

.cc_ttl {
   background: #eee;
   padding: 16px;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
   border-radius: 4px;
   margin-bottom: 32px;
   position: relative;
}

.cc_ttl::after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   bottom: -8px;
   margin: 0 auto;
   background: #eee;
   height: calc(tan(45deg)* 20px / 2);
   width: 20px;
   clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.cc_link {
   background: #2996c6;
   padding: 24px;
   display: block;
   margin: 0 auto;
   width: 400px;
   text-align: center;
   margin-top: 24px;
   border-radius: 8px;
   font-weight: bold;
   color: #fff;
}

@media only screen and (max-width:768px) {
   .cc_imgs {
      width: 100%;
   }

   .cc_text {
      width: 100%;
   }

   .cc_link {
      padding: 18px;
      width: 100%;
   }

   .couponBox_inr {
      box-shadow: none;
   }

   .cc_ttl {
      font-size: 16px;
   }

   .cc_imgs img {
      height: 250px;
   }

   .cc_text .ttl {
      font-size: 15px;
      padding: 16px 0;
   }

   .text_inner p {
      font-size: 14px;
      background: #f3f5f9;
      padding: 16px;
      border-radius: 8px;
   }

   .cc_text .point {
      width: 100%;
      margin-bottom: 8px;
   }

}

/* -----------------------------
  エリアから探す
---------------------------------*/
.areaBox__list {
   display: grid;
   grid-template-rows: 1fr;
   grid-column-gap: 8px;
   grid-row-gap: 8px;
}

.smallArea a {
   background: #fff;
   padding: 16px;
   display: block;
}

.smallArea .tit {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}

.smallArea .tit span {
   display: block;
   font-size: 12px;
   color: #666;
}

.smallArea .tit+p {
   font-size: 14px;
   padding: 8px 0;
}

.areaBtn {
   background: #2896c6;
   color: #fff;
   border-radius: 8px;
   display: flex;
   align-items: center;
   padding: 8px;
   font-size: 14px;
   justify-content: center;
}

.areaBtn::before {
   margin-right: 8px;
   content: "\f054";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: 0.5rem;
}

@media only screen and (max-width:768px) {
   .areaBtn {
      font-size: 13px;
   }
}

/* -----------------------------
  家族旅行から探す
---------------------------------*/
.familyList .tit {
   font-size: 17px;
   font-weight: bold;
   text-align: center;
   padding: 16px 0;
}

.familyList .areaBtn {
   margin-top: 16px;
   font-size: 16px;
}

@media only screen and (max-width:768px) {
   .familyList {
      display: flex;
   }

   .familyBox,
   .mokutekiBox {
      padding-bottom: 40px;
   }

   .familyBox .at_inr {
      padding: 16px 0;
      overflow-x: scroll;
   }

   .familyList .tit {
      padding: 20px;
      text-align: left;
   }

   .familyList .text {
      font-size: 14px;
      padding: 0 20px;
   }

   .familyList a {
      background: #fff;
      display: block;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
      width: 300px;
      flex-shrink: 0;
   }

   .familyList .areaBtn {
      margin: 20px;
      font-size: 15px;
   }

}

/* -----------------------------
  目的から探す
---------------------------------*/
.mokutekiList {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   grid-column-gap: 10px;
   grid-row-gap: 0px;
}

.mokutekiList a {
   display: block;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 8px;
   overflow: hidden;
   margin-top: 15px;
   background: #fff;
}

.mokutekiList .tit {
   text-align: center;
   padding: 8px 0;
   font-weight: bold;
}

@media only screen and (max-width:768px) {
   .mokutekiList {
      grid-template-columns: repeat(3, 1fr);
   }

   .mokutekiList .tit {
      font-size: 11px;
   }
}

/* -----------------------------
  旅行の相談窓口
---------------------------------*/
.contactSct {
   background: var(--main-color);

}

.contactSct_box {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   padding: 80px 0;
}

.contactSct_txt {
   padding: 0 40px;
   max-width: 700px;
   width: 100%;
   margin: 0 auto;
}

.contactSct_ttl {
   font-size: 28px;
   color: #fff;
   font-weight: bold;
   border-left: 8px solid #fff;
   padding-left: 16px;
}

.btn_target {
   background: #fff200;
   display: block;
   padding: 24px;
   border-radius: 8px;
   margin: 16px 0;
   color: var(--head-color);
}

.btn_target>* {
   display: block;
}

.btn_target b {
   font-size: 20px;
}

.contactSct_content p {
   color: #fff;
}

.contactSct_content p>* {
   display: block;
}

.contactSct_content strong {
   font-size: 20px;
}

.contactSct_telTtl {
   font-size: 14px;
   font-weight: bold;
   line-height: 70px;
   width: 70px;
   height: 70px;
   text-align: center;
   letter-spacing: .1em;
   border: 1px solid #fff;
   border-radius: 50%;
}

.contactSct_telArea {
   display: flex;
   color: #fff;
   margin: 24px 0 0;
}

.contactSct_tel {
   padding: 5px 0 0 15px;
   width: calc(100% - 80px);
}

.contactSct_telNum {
   font-size: 32px;
   font-weight: bold;
   line-height: 1;
   margin-bottom: 5px;
   font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
}

.contactSct_telTime {
   font-size: 16px;
   line-height: 1.5;
}

@media only screen and (max-width:768px) {

   .contactSct_box {
      grid-template-columns: repeat(1, 1fr);
      padding: 40px 0;
   }

   .contactSct_txt {
      padding: 20px 0;
   }

   .contactSct_ttl {
      font-size: 20px;
   }

   .btn_target {
      padding: 16px;
   }

   .btn_target b {
      font-size: 18px;
   }

   .btn_target>*,
   .contactSct_content p {
      font-size: 14px;
   }

   .contactSct_telNum {
      font-size: 26px;
   }

}

/* -----------------------------
  出発空港から探す
---------------------------------*/
.departureBlk {
   padding: 40px 0 60px;
}

.departureBlk_inr {}

.departureBlk__list {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 16px;
}

.departureBlk__li--a {
   width: 100%;
   display: block;
   background: #2896c6;
   text-align: center;
   padding: 16px;
   border-radius: 8px;
   font-weight: bold;
   color: #fff;
}

.hatuchiLink {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 16px;
   margin-top: 16px;
}

.hatuchiLink li a.departureBlk__li--a {
   background: #e0f2fb;
   color: #2896c6;
   border: solid 3px #2896c6;
   box-sizing: border-box;
}

.hatuchiLink li a.departureBlk__li--a.ptn2 {
   background: #36a2d2;
   color: #fff;
   border: solid 3px #FFF;
}

.hatuchiLink li a.departureBlk__li--a.ptn2::after {
   color: #fff;
}

@media only screen and (max-width:768px) {
   .departureBlk__list {
      grid-template-columns: repeat(3, 1fr);
   }

   .hatuchiLink {
      grid-template-columns: repeat(2, 1fr);
   }

}

/* -----------------------------
  時期から探す
---------------------------------*/
.seasonBlk {
   padding: 40px 0 60px;
   background: #2896c6;
}

.seasonBlk_list {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 16px;
}

.seasonBlk__btn {
   display: block;
   background: #fff;
   text-align: center;
   padding: 16px 0;
   border-radius: 8px;
   font-weight: bold;
   color: #1b749b;
}

.seasonBlk__btn--ttl::after {
   margin-left: auto;
   content: "\f054";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: .5rem;
   padding: 0 0 0 1rem;
}

@media only screen and (max-width:768px) {
   .seasonBlk_list {
      grid-template-columns: repeat(3, 1fr);
   }
}

/* -----------------------------
  お土産
---------------------------------*/
.gourmet_tourBox .at___box {
   grid-template-columns: repeat(5, 1fr);
}

.gourmet_tourBox .at___box {
   display: grid;
   grid-template-rows: 1fr;
   grid-column-gap: 8px;
   grid-row-gap: 8px;
}

.gourmet_tourBox .at___box .grmBox {
   border: 1px solid #eee;
   background: #fff;
}

.gourmet_tourBox .at__box--txt {
   padding: 0 16px 24px;
}

@media only screen and (max-width:768px) {
   .gourmet_tourBox .at___box {
      grid-template-columns: repeat(2, 1fr);
   }
}

/* -----------------------------
  現地情報
---------------------------------*/
.infoBlk_inr {
   padding: 40px 0 60px;
}

/* -----------------------------
  観光情報
---------------------------------*/
.spotBlk_inr {
   padding: 40px 0;
}

.spotBlk__wrap {
   display: grid;
   grid-template-rows: 1fr;
   grid-column-gap: 8px;
   grid-row-gap: 8px;
   grid-template-columns: repeat(5, 1fr);
}

.spotBlk__wrap--img img {
   width: 100%;
   height: 150px;
   object-fit: cover;
}

.spotBlk__wrap--ttl {
   font-weight: bold;
   margin: 16px 0;
}

.spotBlk__cat {
   font-size: 12px;
   color: #666;
}

.spotBlk__wrap--btn {
   display: block;
   background: #2996c6;
   color: #fff;
   padding: 16px;
   font-size: 18px;
   margin: 24px auto;
   width: 250px;
   text-align: center;
   border-radius: 8px;
}

@media only screen and (max-width:768px) {
   .worldheritageBox {
      overflow-x: scroll;
   }

   .worldheritageBox .familyList {
      display: flex;
      grid-template-columns: repeat(1, 1fr);
   }

   .worldheritageBox .at_inr {
      overflow-x: scroll;
   }

   .spotBlk__wrap {
      grid-template-columns: repeat(1, 1fr);
   }

   .spotBlk__link {
      width: 100%;
      margin-bottom: 1rem;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
   }

   .spotBlk__wrap--img {
      width: 45%;
   }

   .spotBlk__wrap--right {
      width: 50%;
   }

   .spotBlk__wrap--btn {
      width: 100%;
   }
}

/* -----------------------------
  FAQ
---------------------------------*/
.faqBlock_inr {}

.faqBlock .item {
   border-bottom: solid 1px #ddd;
   padding-bottom: 32px;
   margin-bottom: 32px;
}

.faqBlock .item dt {
   display: flex;
   align-items: center;
   min-height: 40px;
   font-size: 18px;
   font-weight: bold;
   padding-left: 60px;
   position: relative;
   cursor: pointer;
}

.faqBlock .item dt:before {
   content: "Q";
   width: 47px;
   height: 45px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 22px;
   background: var(--main-color);
   border-radius: 100%;
   text-align: center;
   position: absolute;
   top: 0;
   left: 0;
}

.faqBlock .item dt.is-parent:after {
   content: "\f077";
}

.faqBlock .item dt:after {
   display: block;
   content: "\f078";
   color: #2896c7;
   font-family: "font awesome 5 free";
   font-weight: bold;
   position: absolute;
   top: 0;
   right: 0;
}

.faqBlock .item dd {
   display: none;
   font-size: 16px;
   padding-left: 3em;
   margin-top: 20px;
   position: relative;
   background: #eee;
   padding: 20px;
   border-radius: 20px;

}

@media only screen and (max-width:768px) {
   .faqBlock .item dt {
      width: 90%;
      font-size: 16px;
   }

   .faqBlock .item dd {
      font-size: 14px;
   }

   .faqBlock .item dt:after {
      right: -10%;
   }
}


/* -----------------------------
  FAQ
---------------------------------*/
.faqBlock {
   padding: 40px 0;
}

.suportArea {
   padding: 80px 0;
}

.suportArea .cmn-ttl {
   font-size: 24px;
   font-weight: bold;
   text-align: center;
   color: var(--sc);
   margin-bottom: 40px;
}

.suportArea .cmn-ttl>span:nth-of-type(1) {
   color: #333;
}

.suportArea .cmn-ttl>span:nth-of-type(2) {
   color: var(--main-color);
   font-size: 80%;
   display: block;
}

.supList {
   display: grid;
   grid-template-rows: 1fr;
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   grid-template-columns: repeat(4, 1fr);
   margin-top: 32px;
}

.supList a {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #3d7bae;
   color: #fff;
   font-weight: bold;
   padding: 16px 0;
   border-radius: 8px;
}

.supList a i {
   margin-right: 16px;
}

.telBlk_inr--ttl {
   text-align: center;
   display: block;
   color: #fff;
   font-size: 22px;
   padding: 16px 0;
   font-weight: bold;
}

@media only screen and (max-width:768px) {
   .suportArea {
      padding: 20px 0 56px;
   }

   .supList {
      grid-template-columns: repeat(1, 1fr);
      margin: 0;
   }

   .supList a {
      margin: 0;
      padding: 16px;
   }

   .supList a br {
      display: none;
   }
}

/* -----------------------------
  お客様の声
---------------------------------*/

#voiceWrap_dom {
   margin-top: 32px;
}

.voiceWrap {
   padding: 72px 0;
}

.voice-ttl {
   padding-bottom: 40px;
   text-align: center;
}

.voice-ttl span {
   color: var(--main-color);
   font-weight: bold;
}

.voice-ttl b {
   display: block;
   font-size: 24px;
}

.voiceWrap ul {
   display: grid;
   grid-template-rows: 1fr;
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   grid-template-columns: repeat(4, 1fr);
}

.voiceWrap li {
   background: #edf3fb;
   border-radius: 10px;
   padding: 16px;
   font-size: 14px;
}

.voiceInfo {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   border-bottom: 1px solid var(--main-color);
   padding-bottom: 12px;
   margin-bottom: 12px;
}

.voiceWrap i {
   margin-right: 16px;
   font-size: 45px;
   color: var(--main-color);
}

.voiceWrap .person {
   font-size: 16px;
}

.voiceWrap .area {
   display: block;
   color: var(--main-color);
}

.voiceWrap .txt {
   background: #fff;
   padding: 16px;
   border-radius: 8px;
   margin-top: 12px;
   /* max-height: 10lh; */
   overflow: hidden;
}

/* .voiceWrap .over::after {
    content: "続きを読む";
    background: #b7c4d7d1;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0.5rem 0;
    border-radius: 0 0 0.5rem 0.5rem;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
}
 */
@media only screen and (max-width:768px) {
   .voice-ttl b {
      font-size: 20px;
   }

   .voiceWrap {
      padding: 48px 0;
   }

   .voiceWrap ul {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      padding: 0 0 12px 8px;
      display: -ms-flexbox;
      margin-top: 2rem;
      display: flex;
   }

   .voiceWrap li {
      width: 90%;
      flex-shrink: 0;
      margin-right: 8px;
   }

   .voiceWrap ul li:last-child {
      margin-right: 0;
   }

   .voice-ttl {
      padding-bottom: 0;
   }

}

/* -----------------------------
  Ranking
---------------------------------*/

.rankBox {
   display: flex;
   gap: 0 32px;
   border-bottom: 1px solid #ccc;
   padding: 24px 0;
}

.rankBox .num {
   color: #666;
   font-size: 40px;
   font-weight: bold;
   line-height: 1.2;
   text-align: center;
}
.rankBox .right{
  width: 100%;
}

.rankingWrap .rankBox:nth-of-type(1) .num {
   color: #d9bb69;
}

.rankingWrap .rankBox:nth-of-type(2) .num {
   color: #adb1b7;
}

.rankingWrap .rankBox:nth-of-type(3) .num {
   color: #c68c48;
}

.rankBox h3 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 10px;
}

.rankBox .info {
   display: flex;
   gap: 0 32px;
   align-items: center;
   justify-content: right;
}

.rankBox .info .pri {
   color: #ff2b06;
   font-size: 30px;
   font-weight: bold;
   font-style: italic;
   margin-left: 0;
}

.rankBox .info .pri .yen {
   font-size: 50%;
   font-style: normal;
   margin-left: 5px;
}

@media only screen and (max-width:768px) {
   .rankBox h3 {
      font-size: 15px;
   }

   .rankBox .info {
      gap: 0 10px;
   }
}

/* -----------------------------
  お電話
---------------------------------*/

.telBlk {
   background: url(/upload/tenant_1/lts_trip.webp) no-repeat bottom right #2896c6;
   background-size: 20% auto;
   padding: 1rem 0 2rem;
   margin: 0;
}

.telBlk2 {
   background: #2896c6;
   padding: 1rem 0 2rem;
   margin: 0;
}

.telBlk__wrap {
   background: #fff;
   padding: 1rem;
   max-width: 800px;
   border-radius: 0.5rem;
   margin: 0 auto;
   width: 100%;
}

.telBlk__wrap--dep {
   width: calc(100% / 2 - 1rem);
   margin-bottom: 1rem;
}

.telBlk__wrap--oka {
   background: url(/upload/tenant_1/bg_bnr_ok.webp) #fff no-repeat;
   background-size: 100% auto;
}

.telBlk__wrap--hkd {
   background: url(/upload/tenant_1/bg_bnr_hk.webp) #fff no-repeat;
   background-size: 100% auto;
}

.telBlk__wrap--ico {
   background: #2896c6;
   color: #fff;
   display: inline-block;
   padding: 0 1rem;
   font-size: 1.2rem;
   border-radius: 20px;
   font-weight: bold;
   text-align: center;
}

.telBlk__wrap--txt {
   text-align: center;
   font-size: 2rem;
   font-weight: bold;
   color: #2896c5;
}

.telBlk__wrap--att {
   font-size: .8rem;
   text-align: center;
   color: #c53728;
   font-weight: bold;
}

.telBlk__wrap--mail {
   background: #f9f7ab;
   padding: 1rem;
   max-width: 500px;
   border-radius: 0.5rem;
   margin: 0 auto;
   color: #12729b;
   width: 100%;
   text-align: center;
   font-weight: bold;
   display: block;
}

.telBlk__wrap--mail:hover {
   opacity: .8;
   color: #12729b;
}

@media only screen and (max-width:768px) {
   .telBlk__wrap--txt {
      font-size: 22px;
   }

   .telBlk__wrap--att {
      font-size: 11px;
   }
}

/* -----------------------------
  プロが教える観光情報
---------------------------------*/
.kankoInfo__itmW {
   margin-bottom: 1rem;
}

.kankoInfo__itmW:last-of-type {
   margin-bottom: 0;
}

.kankoInfo__itm--ttl {
   cursor: pointer;
   border-radius: .5rem;
   background: #dff1fb;
   font-size: 1.1rem;
   font-weight: bold;
   padding: 1rem;
   overflow: hidden;
   display: flex;
   align-items: center;
}

.kankoInfo__itm--i {
   margin-right: .5rem;
}

.kankoInfo__itm--ttl::after {
   float: right;
   content: "\f078";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   transition: all 0.3s 0s ease;
}

.kankoInfo__itm--ttl.open::after {
   transform: rotate(180deg);
}

.kankoInfo__itm--txt {
   display: none;
   padding: 1rem;
   border: 1px solid #def0fb;
   font-size: 1rem;
}

.depNav:not(:has(.big__bnrWrap)){
    margin-bottom:24px;    
}

/* -----------------------------
  @右訴求（NEW）
---------------------------------*/