@charset "utf-8";

/* CSS Document */

.nopc {
  display: none;
}

main {
  width: 100%;
}

main * {
  box-sizing: border-box;
}

/* common */
:root {
  /* bg MV */
  --mv__oka_bg: url(../okinawa/img/bg_okinawa_pc.jpg);
  --mv__hok_bg: url(../hokkaido/img/bg_hokkaido_pc.jpg);
  --mv__chiba_bg: url(../chiba/img/bg_chiba_pc.jpg);
  --mv__kanagawa_bg: url(../kanagawa/img/bg_kanagawa_pc.jpg);
  --mv__ishikawa_bg: url(../ishikawa/img/bg_ishikawa_pc.jpg);
  --mv__nagano_bg: url(../nagano/img/bg_nagano_pc.jpg);
  --mv__shizuoka_bg: url(../shizuoka/img/bg_shizuoka_pc.jpg);
  --mv__aichi_bg: url(../aichi/img/bg_aichi_pc.jpg);
  --mv__osaka_bg: url(../osaka/img/bg_osaka_pc.jpg);
  --mv__shimane_bg: url(../shimane/img/bg_shimane_pc.jpg);
  --mv__fukuoka_bg: url(../fukuoka/img/bg_fukuoka_pc.jpg);
  --mv__oita_bg: url(../oita/img/bg_oita_pc.jpg);
  /* 10/15発売 */
  --mv__aomori_bg: url(../aomori/img/bg_aomori_pc.jpg);
  --mv__miyagi_bg: url(../miyagi/img/bg_miyagi_pc.jpg);
  --mv__tochigi_bg: url(../tochigi/img/bg_tochigi_pc.jpg);
  --mv__gunma_bg: url(../gunma/img/bg_gunma_pc.jpg);
  --mv__yamanashi_bg: url(../yamanashi/img/bg_yamanashi_pc.jpg);
  --mv__gifu_bg: url(../gifu/img/bg_gifu_pc.jpg);
  --mv__mie_bg: url(../mie/img/bg_mie_pc.jpg);
  --mv__kyoto_bg: url(../kyoto/img/bg_kyoto_pc.jpg);
  --mv__tottori_bg: url(../tottori/img/bg_tottori_pc.jpg);
  --mv__kagawa_bg: url(../kagawa/img/bg_kagawa_pc.jpg);
  --mv__nagasaki_bg: url(../nagasaki/img/bg_nagasaki_pc.jpg);
  --mv__miyazaki_bg: url(../miyazaki/img/bg_miyazaki_pc.jpg);
  /* 10/19発売 */
  --mv__ibaraki_bg: url(../ibaraki/img/bg_ibaraki_pc.jpg);
  --mv__niigata_bg: url(../niigata/img/bg_niigata_pc.jpg);
  --mv__toyama_bg: url(../toyama/img/bg_toyama_pc.jpg);
  --mv__fukui_bg: url(../fukui/img/bg_fukui_pc.jpg);
  --mv__shiga_bg: url(../shiga/img/bg_shiga_pc.jpg);
  --mv__hyogo_bg: url(../hyogo/img/bg_hyogo_pc.jpg);
  --mv__wakayama_bg: url(../wakayama/img/bg_wakayama_pc.jpg);
  --mv__okayama_bg: url(../okayama/img/bg_okayama_pc.jpg);
  --mv__hiroshima_bg: url(../hiroshima/img/bg_hiroshima_pc.jpg);
  --mv__tokushima_bg: url(../tokushima/img/bg_tokushima_pc.jpg);
  --mv__ehime_bg: url(../ehime/img/bg_ehime_pc.jpg);
  --mv__kochi_bg: url(../kochi/img/bg_kochi_pc.jpg);
  --mv__saga_bg: url(../saga/img/bg_saga_pc.jpg);
  --mv__kumamoto_bg: url(../kumamoto/img/bg_kumamoto_pc.jpg);
  --mv__yamaguchi_bg: url(../yamaguchi/img/bg_yamaguchi_pc.jpg);
  /* 10/20発売 */
  --mv__akita_bg: url(../akita/img/bg_akita_pc.jpg);
  --mv__yamagata_bg: url(../yamagata/img/bg_yamagata_pc.jpg);
  --mv__saitama_bg: url(../saitama/img/bg_saitama_pc.jpg);
  --mv__tokyo_bg: url(../tokyo/img/bg_tokyo_pc.jpg);
  --mv__nara_bg: url(../nara/img/bg_nara_pc.jpg);
  --mv__kagoshima_bg: url(../kagoshima/img/bg_kagoshima_pc.jpg);
  --mv__fukushima_bg: url(../fukushima/img/bg_fukushima_pc.jpg);
  --mv__iwate_bg: url(../iwate/img/bg_iwate_pc.jpg);
  /* icon img */
  --icon__arrow_down: url(/cmn/icon/icon_arrow_down_white.svg);
  --icon__arrow_right: url(/cmn/icon/icon_arrow_right_white.svg);
  --icon__arrow_right2: url(../images/icon_arrow_right_cyan.svg);
  --icon__launch: url(/cmn/icon/icon_launch_blue.svg);
  /* color */
  --color__0: #fff;
  --color__1: #00a0c9;
  --color__2: #e34476;
  --color__3: #93e9ff;
  --color__4: #ccc;
  --color__5: #f6f6f6;
  --color__6: #F01C1C;
  --color__7: #666;
  --color__8: #333;
  --dblue: #1558d6;
  /* font */
  --ft__weight: 900;
  --ft__size14: 14px;
  --ft__size16: 16px;
  --ft__size18: 18px;
  --ft__size24: 24px;
  --ft__size30: 30px;
  --ft__size36: 36px;
}

section {
  width: 100%;
  padding: 60px 0;
}

.inner__box {
  width: 992px;
  margin: auto;
}

.flex__box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
}

.ft--weight {
  font-weight: var(--ft__weight);
}

.ft--color {
  color: var(--color__6);
}

.icon--notice {
  font-size: var(--ft__size14);
  padding-left: 1em;
  position: relative;
}

.icon--notice.sm {
  font-size: 12px;
}
.icon--notice.txt-red{
  color: #e90000;
}

.icon--notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.icon--notice.dot {
  font-size: var(--ft__size16)
}

.icon--notice.dot::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.icon--notice>a {
  text-decoration: underline;
  color: var(--color__1);
  margin-left: 3px;
}

.icon--notice>a:hover {
  text-decoration: none;
}

.icon--notice>a::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: var(--icon__launch);
  margin-right: 3px;
  vertical-align: middle;
}

.new--line {
  display: block;
  font-size: var(--ft__size14);
}

.__underline {
  border-bottom: 1px dotted var(--color__7);
  margin-bottom: 10px;
}

/* mv__container */

.mv__container {
  height: 440px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.oka--mv {
  background-image: var(--mv__oka_bg);
}

.hok--mv {
  background-image: var(--mv__hok_bg);
}

.chiba--mv {
  background-image: var(--mv__chiba_bg);
}

.kanagawa--mv {
  background-image: var(--mv__kanagawa_bg);
}

.ishikawa--mv {
  background-image: var(--mv__ishikawa_bg);
}

.nagano--mv {
  background-image: var(--mv__nagano_bg);
}

.shizuoka--mv {
  background-image: var(--mv__shizuoka_bg);
}

.aichi--mv {
  background-image: var(--mv__aichi_bg);
}

.osaka--mv {
  background-image: var(--mv__osaka_bg);
}

.shimane--mv {
  background-image: var(--mv__shimane_bg);
}

.fukuoka--mv {
  background-image: var(--mv__fukuoka_bg);
}

.oita--mv {
  background-image: var(--mv__oita_bg);
}

/* 10/15発売 */
.aomori--mv {
  background-image: var(--mv__aomori_bg);
}

.miyagi--mv {
  background-image: var(--mv__miyagi_bg);
}

.tochigi--mv {
  background-image: var(--mv__tochigi_bg);
}

.gunma--mv {
  background-image: var(--mv__gunma_bg);
}

.yamanashi--mv {
  background-image: var(--mv__yamanashi_bg);
}

.gifu--mv {
  background-image: var(--mv__gifu_bg);
}

.mie--mv {
  background-image: var(--mv__mie_bg);
}

.kyoto--mv {
  background-image: var(--mv__kyoto_bg);
}

.tottori--mv {
  background-image: var(--mv__tottori_bg);
}

.kagawa--mv {
  background-image: var(--mv__kagawa_bg);
}

.nagasaki--mv {
  background-image: var(--mv__nagasaki_bg);
}

.miyazaki--mv {
  background-image: var(--mv__miyazaki_bg);
}

/* 10/19発売 */
.ibaraki--mv {
  background-image: var(--mv__ibaraki_bg);
}

.niigata--mv {
  background-image: var(--mv__niigata_bg);
}

.toyama--mv {
  background-image: var(--mv__toyama_bg);
}

.fukui--mv {
  background-image: var(--mv__fukui_bg);
}

.shiga--mv {
  background-image: var(--mv__shiga_bg);
}

.hyogo--mv {
  background-image: var(--mv__hyogo_bg);
}

.wakayama--mv {
  background-image: var(--mv__wakayama_bg);
}

.okayama--mv {
  background-image: var(--mv__okayama_bg);
}

.hiroshima--mv {
  background-image: var(--mv__hiroshima_bg);
}

.tokushima--mv {
  background-image: var(--mv__tokushima_bg);
}

.ehime--mv {
  background-image: var(--mv__ehime_bg);
}

.kochi--mv {
  background-image: var(--mv__kochi_bg);
}

.saga--mv {
  background-image: var(--mv__saga_bg);
}

.kumamoto--mv {
  background-image: var(--mv__kumamoto_bg);
}

.yamaguchi--mv {
  background-image: var(--mv__yamaguchi_bg);
}

/* 10/20発売 */
.akita--mv {
  background-image: var(--mv__akita_bg);
}

.yamagata--mv {
  background-image: var(--mv__yamagata_bg);
}

.saitama--mv {
  background-image: var(--mv__saitama_bg);
}

.tokyo--mv {
  background-image: var(--mv__tokyo_bg);
}

.nara--mv {
  background-image: var(--mv__nara_bg);
}

.kagoshima--mv {
  background-image: var(--mv__kagoshima_bg);
}

.fukushima--mv {
  background-image: var(--mv__fukushima_bg);
}

.iwate--mv {
  background-image: var(--mv__iwate_bg);
}

/* nav__container */
.nav__container {
  background-color: var(--color__1);
}

.nav__box {
  width: 992px;
  margin: auto;
}

.nav__box>li {
  width: calc(100% / 3);
  text-align: center;
  border-right: 2px solid var(--color__0);
}

.nav__box>li a {
  width: 100%;
  display: block;
  transition: all 0.3s;
  color: var(--color__0);
  font-size: var(--ft__size16);
  font-weight: var(--ft__weight);
  padding: 20px;
}

.nav__box>li:first-child {
  border-left: 2px solid var(--color__0);
}

.nav__box>li:hover a {
  background-color: var(--color__3);
}

.nav__box>li a::after {
  content: "";
  display: inline-block;
  background-image: var(--icon__arrow_down);
  background-size: cover;
  background-repeat: no-repeat;
  width: 26px;
  height: 20px;
  margin-left: 8px;
}

.nav__box>li:last-child a::after {
  background-image: var(--icon__arrow_right);
}

/* info__container */
.info__container {
  padding: 60px 0 0;
}

.campaign__title {
  font-size: var(--ft__size36);
  font-weight: var(--ft__weight);
  text-align: center;
  margin-bottom: 10px;
}
.special-copy{
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #e90000;
}
.price-note {
  font-size: 32px;
  font-weight: var(--ft__weight);
  color: #e90000;
  text-align: center;
}
.price-note>span{
  font-size: 16px;
  font-weight: normal;
  color: #000
}
.price-note .coupon-caution{
  display: block;
  font-size: 16px;
  font-weight: var(--ft__weight);
  color: #e90000;
  text-align: center;
}
.price-note>a{
  display: block;
  font-size: 18px;
  color: var(--dblue);
  text-decoration: underline;
}

.target-mark{
  padding: 10px;
  margin: 20px auto;
  background: #ECF2FD;
}
.target-txt{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.shien-icon{
  background: #F2F2F2;;
  font-weight: normal;
  color: #000;
  display: inline-block;
  margin: 0 3px;
  padding: 0 3px;
}
.target-txt>a{
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: var(--dblue);
  text-decoration: underline
}


.lead__copy {
  width: 850px;
  font-size: var(--ft__size16);
  margin: 0 auto 30px;
}

.discount__content {
  border: 2px dashed var(--color__1);
  padding: 10px;
}

.discount__data {
  font-size: var(--ft__size24);
  font-weight: bold;
  text-align: center;
}

.discount__data>span {
  display: block;
  font-size: var(--ft__size16);
  font-weight: normal
}

/* content__container */

.content__container h2,
.content2__container h2 {
  font-size: var(--ft__size24);
  text-align: center;
  border-bottom: 1px solid var(--color__2);
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.detail__content {
  padding: 10px;
}

.detail__box {
  border: 1px solid var(--color__4);
  border-bottom: none;
  font-size: var(--ft__size16);
}

.detail__box:last-child {
  border-bottom: 1px solid var(--color__4);
}

.detail__item--1 {
  width: 10em;
  flex-shrink: 0;
  padding: 10px;
  background-color: var(--color__5);
}

.detail__item--2 {
  flex: 1;
  padding: 10px;
}
.detail__item--box>li a{
  color: var(--dblue);
  text-decoration: underline
}

.coupon__link {
  margin: 10px auto;
}

.coupon__link>a {
  display: block;
  border: 1px solid var(--color__7);
  border-radius: 25px;
  padding: 10px 25px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  color: var(--color__8);
}

.coupon__link>a::after {
  content: "";
  background-image: var(--icon__arrow_right2);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
}

.coupon__link>a:hover {
  opacity: .7;
  background-color: var(--color__4);
}

/* tour__container */
.tour__container h2 {
  font-size: var(--ft__size30);
  font-weight: var(--ft__weight);
  text-align: center;
}

.tour__container h3 {
  font-size: var(--ft__size24);
  font-weight: var(--ft__weight);
  text-align: center;
  margin-bottom: 5px;
}

.tour__container h3>span {
  width: 100%;
  display: inline-block;
  position: relative;
}

/*.tour__container h3>span::before,
.tour__container h3>span::after {
  content: "";
  width: 300px;
  height: 1px;
  position: absolute;
  top: 50%;
  background-color: var(--color__8);
}

.tour__container h3>span::before {
  left: 0;
}

.tour__container h3>span::after {
  right: 0;
}*/

.tour__tab--area {
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto;
}

.tour__tab--area>li {
  color: var(--color__1);
  width: calc(100% / 5 - 10px);
  height: 68px;
  margin-right: 1%;
  margin-bottom: 10px;
  padding: 4px 8px;
  border: 1px solid var(--color__1);
  background: #FFF;
  font-size: 16px;
  font-weight: var(--ft__weight);
  text-align: center;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.tour__tab--area>li>small{
  display: block;
  font-size: 13px;
}
/*
.tour__tab--area>li::after {
  content: "";
  background-image: var(--icon__arrow_right);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
}
*/
.tour__tab--area>li.nav_on,
.tour__tab--area>li:hover {
  border: 1px solid var(--color__1);
  background: var(--color__1);
  color: #FFF
}

.item-txt__port {
  color: var(--color__0);
}


.area00 {
  display: none;
}

.other__link {
  width: 60%;
  margin: 30px auto 0;
}

.other__link>a {
  display: block;
  border: 2px solid var(--color__1);
  font-size: var(--ft__size16);
  font-weight: var(--ft__weight);
  color: var(--color__1);
  text-align: center;
  border-radius: 10px;
  background-color: var(--color__0);
  position: relative;
  line-height: 50px;
  transition: 0.3s;
}

.other__link>a::after {
  content: "";
  background-image: var(--icon__arrow_right2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 3%;
  bottom: 0;
  margin: auto;
}

.other__link>a:hover {
  background-color: var(--color__1);
  color: var(--color__0);
}

.other__link>a:hover::after {
  background-image: var(--icon__arrow_right);
}

/* content2__container */
.other__area--list {
  display: flex;
  flex-wrap: wrap;
}

.other__area--item {
  width: 155px;
  position: relative;
  margin: 0 10px 15px 0;
  padding-left: 22px;
  box-sizing: border-box;
}

.other__area--item:nth-child(6n) {
  margin-right: 0;
}

.other__area--item::before,
.other__area--item::after {
  position: absolute;
  content: '';
}

.other__area--item::before {
  width: 18px;
  height: 18px;
  top: 2px;
  left: 0;
  border-radius: 50%;
  background-color: var(--color__4);
}

.other__area--item::after {
  left: 5.5px;
  width: 4px;
  height: 4px;
  top: 8.5px;
  border-top: 1px solid var(--color__0);
  border-right: 1px solid var(--color__0);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.other__area--item>a:hover {
  text-decoration: underline;
}

.banner__area--list li {
  width: calc(96% / 5);
  margin-right: 1%;
  flex-grow: 1
}
.banner__area--list li:last-child{
  margin-right: 0
}

.banner__area--list li>a:hover {
  transition: all 0.3s;
  opacity: .7;
}

.soldout-txt {
  margin: 20px auto;
  font-size: 30px;
  font-weight: bold;
  color: #e90000;
  text-align: center;
}
.soldout-txt:empty{
  display: none
}

.special-notice {
  margin: 20px auto;
  font-size: 20px;
  font-weight: bold;
  color: #e90000;
  text-align: center;
}

.js-urgent-msg {
  width: 992px;
  margin: 50px auto;
  background: #fff5f5;
  border: 1px solid #ff8181;
  padding: 16px;
  font-weight: bold;
  text-align: center;
}

.js-urgent-msg p+p {
  margin-top: 10px;
}

/***** DP導線・完売後アンカーリンク *****/
.dp-linkwrap,
.anchor-link{
  width: 992px;
  margin: 40px auto 0;
  text-align: center;
}
.dp-link>a{
  display: block;
  border-radius: 10px;
  background: var(--dblue);
  padding: 20px 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  transition: 0.3s;
  position: relative
}
.dp-link>a::after{
  content: "";
  background: var(--icon__arrow_right) no-repeat center center / contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 3%;
  bottom: 0;
  margin: auto
}
.dp-link>a:hover{
  background: var(--color__1);
}
.dp-object>span{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding-left: 106px;
  position: relative;
}
.dp-object>span::before{
  content: "";
  background: url("../images/ico_zenkoku_shien.png") no-repeat center center / contain;
  width: 100px;
  height: 28px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
}

.anchor-link>a{
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
  color: var(--dblue);
  position: relative
}
.anchor-link>a::after{
  content: "";
  background: url("/cmn/icon/icon_arrow_right_blue.svg") no-repeat center center / contain;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  display: inline-block;
  vertical-align: middle;
  
}
.anchor-link>a:hover{
  text-decoration: none
}

/***** 商品JSON調整用 *****/
.product-list.card-style>li.port-arrange .product-list__item .item-photo__wrapper .item-txt__port .port-type::after{
  content: "発】";
  display: inline-block;
}

.product-list.card-style.hotel-part>li>a{
  pointer-events: none;
}
.product-list.card-style.hotel-part>li.link-up>a{
  pointer-events: auto!important
}
.product-list+.sub_tour{
  margin-top: 50px;
}
.item-label.apr_icon::after{
  content: "4月以降も対象";
  background: var(--dblue);
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px
}

/*** レンタカー注意文言 ***/
.notice-rentacar{
  background: #FFF5F5;
  border: 1px solid #FF8181;
  padding: 10px;
  margin-bottom: 50px;
}
.rentacar-midashi{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
  margin-bottom: 6px;
}
.rentacar-txt{
  text-align: center;
}
.rentacar-txt>a{
  color: var(--dblue);
  text-decoration: underline;
}
.rentacar-txt>a:hover{
  text-decoration: none
}

.sashikomi{
  margin: 20px auto;
  text-align: center;
}
.sashikomi>a{
  display: block;
}
.sashikomi>a:hover{
  opacity: 0.8
}

.js-april-msg{
  width: 992px;
  margin: 0 auto 20px;
}
.js-april-msg>p{
  text-align: center;
}
.js-april-msg>p .main{
  font-size: 36px;
  font-weight: var(--ft__weight);
  color: #e90000;
  background: linear-gradient(transparent 80%, #fff330 80%);
  display: inline-block;
  margin: 0 3px 5px;
}
.js-april-msg>p .start-txt{
  font-size: 24px;
  font-weight: var(--ft__weight);
  color: #e90000;
}
.js-april-msg>p .condition{
  font-size: 14px;
  font-weight: normal;
  color: #000;
  display: inline-block;
  margin-left: 5px
}
.js-april-msg>p .condition .apr_icon{
  background: var(--dblue);
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px;
  margin-right: 5px
}

.js-april-msg+.tour__container{
  padding-top: 0!important
}