@charset "utf-8";

/* デフォルト設定の上書き */
/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}
.ts_close{border:2px solid #c00;color:#c00;font-size:26px;font-weight:bold;text-align: center; padding:10px;}
.atten_box{border:2px solid #c00;color:#c00;padding:20px;font-size: 24px;font-weight: bold;}
/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}
.ctm_contentsFull {
    background: #fff;
    padding: 50px 0;
}

/* MV */
.--heroBnr-titleHeight .heroimgWrap .mainHeading .mainTtl img {
    width: 100%;
}
@media (min-width: 740px) {
    .--heroBnr-titleHeight .heroimgWrap .mainHeading .mainTtl img {
        /* height: 22vw; */
        width: calc(950 / 1920 * 100vw);
    }
}

/* MV h1テキスト */
.--heroBnr-h1-hidden .heroimgWrap .mainHeading .mainTtl {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* MV下帯 */
.ctm_contentsFull02{background-color:#cc0000;}
.ctm_pageTtl.hc05 .ttlLv2{margin: 0; padding: 5px 0; color: #fff;}

/* MV直下、設定期間テキスト */
.--settingPeriod-text{
    max-inline-size: max-content;
    margin-inline: auto;
}

/* 検索モジュールへのアンカーリンク */
.btnBox .anc_button_module_ .btn {
    background-color: #c00;
    border: 2px solid #c00;
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff;
}

/* 期間 */
div {
    --btnWidth: 100%;
    --outerWidth: 100%
}
@media (min-width: 740px) {
    div {
        --btnWidth: 60%;
        --outerWidth: 60%
    }
}
.outer {
    background-color: #c00;
    color: #fff;
    padding: 10px 5px 8px;
    font-size: 1.8rem;
/*    width: var(--outerWidth);
    margin-left: calc(50% - var(--outerWidth) / 2);*/
}
.outer.--width100 {
    width: 100%;
}
.btnBox > div.--linkBtn a {
    width: var(--btnWidth);
    margin-left: calc(50% - var(--btnWidth) / 2);
}
.--fsBig {
    font-size: 1.8rem !important;
}
@media (min-width: 740px) {
    .outer {
        font-size: 2.4rem;
    }
    .--fsBig {
        font-size: 2.4rem !important;
    }
}

.contentsInr a img:hover{
    opacity: 0.7;
}

/* 見出し（スマホ） */
@media (max-width: 740px){
.ctm_pageTtl.TtlSp .ttlLv2 .heading{font-size: 2.5rem;}
}

/* ～の予約に使える割引クーポンも配布中 */
@media (max-width: 740px){
.spBtn .btn{width: 91vw;}
}

/* 関東TDR */
.tdr-option{background: #0070c0; padding:20px 10px;}
.tdr-option-txt{color:#ffffff;}

/* 「ゆ」マーク */
.springMarkArea {margin: 20px 0;padding: 8px 12px 12px;border: 1px solid #ccc;}
.springMark {text-align:center;}
.springMark [class^="iconBath"]{text-align: center; font-size: 10px; font-weight: bold; color: #002060;}
.springMark [class^="iconBath"] i {display: block;font-size: 12px;color: #ffffff;font-weight: 700;border-radius: 50%;width: 2em;height: 2em;padding: 4px 0;margin: 0 auto;}
.springMark [class^="iconBath"][class*="Free"] i{background-color: #ff66b8;}
.springMark [class^="iconBath"][class*="Paid"] i{background-color: #ff66b8;}
.periodtext_02 {
    background-color: #7d0000;
    padding: 10px;
}
.periodtext_03 {
    background-color: #fff;
    padding: 20px;
}

/* クーポン獲得はこちら */
.ctm_pageTtl.hc02{background-color: #276edb; color:#ffffff;}

/* JALマイレージバンク（JMB）会員の方 */
.--timeSale-JMBmember-wrap .col{
    position: relative;
}
.--timeSale-JMBmember-wrap .textlink{
    position: absolute;
    background-color: #f9c700;
    font-weight: bold;
    padding: 0 0 4px 8px;
    bottom: -45px;
    left: 0;
    border: 1.5px solid #333;
    border-radius: 5px;
}
.--timeSale-JMBmember-wrap .textlink a {
    color: #333333;
    font-size: 1.8rem;
}
@media (max-width: 400px) {
    .--timeSale-JMBmember-wrap .textlink{
        bottom: -12vw;
    }
    .--timeSale-JMBmember-wrap .textlink a{
        font-size: 4.6vw;
    }
}
@media (max-width: 739px) {
    .--timeSale-JMBmember-wrap .clm_1_2col.colWrap .col:nth-of-type(n+2) {
        margin-top: 64px;
    }
}

/* タイムセール期間中のよくあるご質問はこちら */
.--faqAcButton-wrap .faq_ac_button_{
    display: flex;
    justify-content: center;
}

/* さらに！特別企画も同時開催！ */
/*
.contentsUnit .contentsUnit.specialplan_area {
    background-color: #fff2cc;
}
*/
@media (max-width: 739px) {
    .contentsUnit .contentsUnit.specialplan_area{
        margin-left: -10px;
        /* padding: 20px 10px; */
        padding: 12vw 10px;
        width: 100vw;
    }
}
@media (min-width: 740px) {
    .contentsUnit .contentsUnit.specialplan_area {
        /* padding: 20px; */
        padding: 60px 0 0;
    }
}

/* びっくりオプション 画像 */
.--bikkuriOP-border .img .imgParts {
    border: solid 1px #80808024;
}
.--bikkuriOP-mgt{
    margin-top: 10px;
}

/* 今なら！春のご予約もおトク！ */
.--ttl-top::before {
    content: "＼";
}
.--ttl-top::after {
    content: "／";
}
.--ttl-top.--slash-28forPC::before,
.--ttl-top.--slash-28forPC::after {
    font-size: 2.8rem;
}
.--ttl-top.--ttl-top-square::before {
    content: "■";
}
.--ttl-top.--ttl-top-beforeUnset::before {
    content: unset;
}
.--ttl-top.--ttl-top-afterUnset::after {
    content: unset;
}
.--ttl-top.--ttl-top-fcRD::before,
.--ttl-top.--ttl-top-fcRD::after{
    color: #cc0000;
}
.--ttl-top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    font-size: 2.8rem;
    font-weight: bold;
    width: fit-content;
    margin: auto;
    text-align: center;
    line-height: 1.35;
}
.--ttl-top.--ttl-top-leftJustify {
    justify-content: flex-start;
    align-items: flex-start;
    width: unset;
    margin: unset;
    text-align: start;
}
.--ttl-top.--ttl-top-fsL{
    font-size: 1.6rem;
}
.--ttl-top .text {
    width: fit-content !important;
}
.--marker {
    background: linear-gradient(transparent 52%, rgb(231 210 107 / 90%) 0%);
}
@media (max-width: 739px) {
    .--ttl-top {
        font-size: min(2.4rem, 4.65vw);
        width: unset;
        margin: unset;
        justify-content: space-evenly;
    }
    .--ttl-top.--marker{
        width: 100vw;
        margin-left: -10px;
        /* line-height: 6.4vw; */
    }
    .--ttl-top.--ttl-top-fsL{
        font-size: 1.8rem;
    }
    /* .--marker {
        background: linear-gradient(transparent 28%, rgb(231 210 107 / 90%) 0%);
    } */
}
@media (min-width: 740px) {
    .--ttl-top.--fs20forPC{
        font-size: 2.0rem;
    }
}

/* ＼他にもおトクなメニューをご用意！／ */
.--linkBtn-width .btn {
    margin-top: 5px;
}
@media (min-width: 740px) {
    .--linkBtn-width .btn {
        width: 428px;
    }
}

/*JMB会員限定クーポン*/
.gentei_coupon_col .col_inner{
    padding: 3%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.coupon_img{
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/time_sale/img_sites/pic_coupon.png);
    background-size: 100%;
    min-height: 110px;
    background-repeat: no-repeat;
}
.coupon_img .coupon_inner a{
    text-decoration: none;
}
.coupon_inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 108px;
    padding: 5px 50px 3px 10px;
}
.coupon_name{
    color: #001942;
    line-height: 1.3;
    border-bottom: 2px solid #001942;
}
.gentei_coupon_price{
    line-height: 1.1;
    color: #cc0000;
    margin-top: 5px;
}
.hotel_coupon_area {
    box-sizing: content-box;
    border: 3px solid #ffc828;
    padding: 0 3px 14px;
}
@media (max-width: 739px) {
    .coupon_img{
        min-height: 17.5vw;
    }
    .coupon_name{
        padding-bottom: 5px;
    }
    .gentei_coupon_price{
        margin-top: 10px;
    }
    .hotel_coupon_area {
        box-sizing: border-box;
    }
    .--colSP-wrap .--colSP-limitText p{
        font-size: 1.3rem;
    }
    .--colSP-wrap .--colSP-linkBlank a{
        font-size: 1.2rem;
    }
    .--colSP-wrap .coupon_inner {
        height: unset;
        padding: 0.5vw 8vw 0 2vw;
    }
    .--colSP-wrap .coupon_name {
        padding-bottom: 0.1vw !important;
        /* font-size: 2.6vw !important; */
        font-size: 2.8vw !important;
    }
    .--colSP-wrap .gentei_coupon_price {
        margin-top: 0.36vw !important;
        font-size: 2.6vw !important;
    }
    .--colSP-wrap .gentei_coupon_price .--colSP-price {
        font-size: 4vw !important;
    }
    .--colSP-wrap .gentei_coupon_price .--colSP-price-restriction {
        font-size: 2vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line{
        margin-top: 0.3vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-lineHeightS{
        line-height: 3.7vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-lineHeightM{
        line-height: 4vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-lineHeightL{
        line-height: 4.3vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-mgtS{
        margin-top: 0.5vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-mgtM{
        margin-top: 1vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-mgtL{
        margin-top: 1.5vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-pdngbS{
        padding-bottom: 0.5vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-pdngbM{
        padding-bottom: 1vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-pdngbL{
        padding-bottom: 1.5vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-pdngtS{
        padding-top: 0.5vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-pdngtM{
        padding-top: 1vw !important;
    }
    .--colSP-wrap .--colSP-ttl1Line.--colSP-pdngtL{
        padding-top: 1.5vw !important;
    }
    .--colSP-wrap .gentei_coupon_price .--colSP-price.--colSP-priceSizeS {
        font-size: 3.8vw !important;
    }
    .--colSP-wrap .gentei_coupon_price .--colSP-price.--colSP-priceSizeM {
        font-size: 4.4vw !important;
    }
    .--colSP-wrap .gentei_coupon_price .--colSP-price.--colSP-priceSizeL {
        font-size: 5vw !important;
    }
}
@media (min-width: 740px) {
    .coupon_name.--PC-fs-16{
        font-size: 1.6rem;
    }
    .coupon_name.--PC-fs-18{
        font-size: 1.8rem;
    }
    .gentei_coupon_price.--PC-mgtS {
        margin-top: 3px;
    }
    .gentei_coupon_price.--PC-mgtM {
        margin-top: 5px;
    }
    .gentei_coupon_price.--PC-mgtL {
        margin-top: 7px;
    }
}

/* クーポン獲得はこちら */
.hc02 .ttlLv2 {
    margin-top: 0;
    margin-bottom: 0;
}
.hc03 {
    background-color: #db6f27;
    color: #fff;
}

/* タイムセールとは？ */
.time_sale_btn__ {
    position: relative;
}
div {
    --whatTSBtnWidth: 64vw;
}
@media (min-width:740px){
    div {
        --whatTSBtnWidth: 280px;
    }
}
.estimated_amount_btn,
.recommended_coupons_btn {
    position: absolute;
    width: var(--whatTSBtnWidth);
    left: calc(50% - var(--whatTSBtnWidth) / 2);
}
.estimated_amount_btn {
    top: 31.5%;
}
.recommended_coupons_btn {
    top: 85%;
}
@media (max-width: 739px) {
    .estimated_amount_btn a.iconDown,
    .recommended_coupons_btn a.iconDown {
        min-height: unset;
        padding: 2.3vw 6vw 2.3vw 5vw;
        margin-top: 2.4vw;
    }
}
@media (min-width:740px){
    .estimated_amount_btn {
        top: 32.5%;
    }
    .recommended_coupons_btn {
        top: 86.5%;
    }
}
.estimated_amount_btn a.iconDown span.btnInr,
.recommended_coupons_btn a.iconDown span.btnInr{
    font-size: 3.4vw;
}
@media (min-width: 740px) {
    .estimated_amount_btn a.iconDown span.btnInr,
    .recommended_coupons_btn a.iconDown span.btnInr{
        font-size: 1.6rem;
    }
}

/* タイムセール期間中のよくあるご質問 */
.hc03__ {
    background-color: #f9c700;
    color: #000;
}

.btnBox .faq_ac_button_ .btn {
    background-color: #f9c700;
    border: 1px solid #f9c700;
    font-weight: bold;
    font-size: 1.5rem;
}

/* 企画担当者おすすめ特集 */
.ctm_pageTtl.hc01{
    background-color: #fff2cc;
    color:#000000;
}
.pickupBox{
    border: 1px solid #ccc;
    padding:20px 10px;
}
@media (min-width: 740px){
    .pickupBox .colWrap.clm_2_4col .col{margin-left:22px;}
    .pickupBox .clm_2_4col.colWrap .col:nth-child(2n+1){margin-left:22px;}
    .pickupBox .colWrap.clm_2_4col .col:first-child{margin-left:0px;}
}

/* さらに！特別企画も同時開催！ */
.--specialEvent-title-text {
    background-color: #ffe273;
    padding: 15px 10px;
}

/* 特別企画 強調テキスト */
.--specialEvent-enph-wrap {
    padding: 15px;
    background-color: #ffe599;
/*    box-shadow: -3px 3px 12px #ddc98a, 3px -3px 12px #e9e1c5;*/
    border-radius: 8px;
}
/*
@media (min-width: 740px) {
    .--specialEvent-enph-wrap {
        width: 80%;
        margin-left: calc(50% - 80% / 2);
    }
}
*/

/* 金属光沢 */
.--metal.--metal-G {
    background: linear-gradient(90deg, #8d650c 7%, #c19c33 22%, #f9e6b0 50%, #c19c33 78%, #8d650c 93% 100%);
}
.--metal.--metal-S {
    background: linear-gradient(90deg, #808080 7%, #9E9E9E 22%, #fcfcfc 50%, #9E9E9E 78%, #808080 93% 100%);
}
.--metal .--metal-inner {
    background-color: white;
    border-radius: 8px;
    padding: 15px;
    position: relative;
}

/* テキストアイコン 超目玉企画！ */
.--textIcon-002 {
    --ti-width-002: min(300px, 65vw);
    position: absolute;
    width: var(--ti-width-002);
    top: -50px;
    left: calc(50% - var(--ti-width-002) / 2 - 1vw);
}
@media (min-width: 740px) {
    .--textIcon-002 {
        top: -58px;
    }
}

/* いち押しレンタカー */
.--ichioshiRentaCar-wrap {
    background-color: #cceaf1;
    width: min(100%, 500px);
    margin: auto;
    padding: 15px;
    box-shadow: #00000045 0px 0px 8px 0px;
}
.--ichioshiRentaCar-wrap .ctm_pageTtl.hc01.--irc-ttlText {
    background-color: #54a8bd;
}
.--ichioshiRentaCar-wrap .ctm_pageTtl.hc01.--irc-ttlText .ttlLv2 {
    margin: 0;
}
.--ichioshiRentaCar-wrap .ctm_pageTtl.hc01.--irc-ttlText .ttlLv2 .heading {
    color: white;
    text-shadow: 2px 2px 0px #003176;
    display: inline-block;
    transform: skew(-10deg);
    font-size: 3.6rem;
}
/* いち押しレンタカー、タイトルデザイン */
.--customTitle-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 100px;
    /* margin: 15px 0 0 20px; */
    /* margin: 25px 0 0 20px; */
    margin: 40px 0 0 20px;
}
.--ichioshiRentaCar-wrap .--customTitle-wrap > .text:has(> .--customTitle-001) {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 101;
}
.--ichioshiRentaCar-wrap .--customTitle-wrap > .inner_ttl:has(> .--customTitle-002) { /* 見出しタイトルの場合 */
    position: absolute;
    width: 340px;
    margin-left: 70px;
    z-index: 100;
}
/* :has() が効かないとき用 */
.--ichioshiRentaCar-wrap .--customTitle-wrap > .text:nth-child(1) {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 101;
}
.--ichioshiRentaCar-wrap .--customTitle-wrap > div:nth-child(2).inner_ttl {
    position: absolute;
    width: 340px;
    margin-left: 70px;
    z-index: 100;
}
.--customTitle-wrap .--customTitle-001 {
    display: flex;
    width: 100px;
    height: 100px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffcd36;
    color: #00202E;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    border-radius: 50%;
}
.--customTitle-wrap .--customTitle-002 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.2rem;
    --r: 0.8em;
    padding-inline: calc(var(--r) + 2.0em);
    padding: 6px 0 4px 0;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    background: #CC333F;
}
.--customTitle-wrap .--customTitle-002 .ttlLv3 {
    margin: 0;
    padding: 0;
}
.--customTitle-wrap .--customTitle-002 .ttlLv3 .heading {
    border: 0;
    padding: 0;
    font-weight: normal;
    line-height: 2.8rem;
}
span.--span-fs22 {
    font-size: 2.2rem !important;
    font-weight: bold !important;
}
.--ichioshiRentaCar-img {
    text-align: center;
    margin-top: 10px;
}
.--ichioshiRentaCar-img .imgParts img {
    width: 300px;
}
/* テキストアイコン */
.--textIcon-001 {
    position: absolute;
    z-index: 1002;
    background-color: white;
    padding: 0.5vw 0.9vw 0.3vw;
    border: rgb(147, 147, 147) solid 1px;
    border-radius: 3px;
    font-size: 3.3vw;
    font-weight: bold;
    /* top: -3vw; */
    top: -8vw;
    left: 1vw;
}
/* @media (max-width: 739px) { */
@media (max-width: 500px) {
    .--ichioshiRentaCar-wrap .ctm_pageTtl.hc01.--irc-ttlText .ttlLv2 {
        padding: 2vw 0 1vw 0;
    }
    .--ichioshiRentaCar-wrap .ctm_pageTtl.hc01.--irc-ttlText .ttlLv2 .heading {
        font-size: min(8.4vw, 3.6rem);
    }
    .--ichioshiRentaCar-wrap .--customTitle-wrap > .text:has(> .--customTitle-001) {
        width: 22vw;
        height: 22vw;
        margin-right: 67vw;
    }
    .--customTitle-wrap .--customTitle-001 {
        width: 22vw;
        height: 22vw;
        font-size: 4.3vw;
        line-height: 5.6vw;
    }
    .--ichioshiRentaCar-wrap .--customTitle-wrap > .inner_ttl:has(> .--customTitle-002) {
        width: 71vw;
        margin-left: 15vw;
    }
    .--customTitle-wrap .--customTitle-002 {
        padding: 1.9vw 0 1.3vw 1.5vw;
    }
    .--customTitle-wrap .--customTitle-002 .ttlLv3 .heading {
        font-size: 3.4vw;
        line-height: 7vw;
    }
    span.--span-fs22 {
        font-size: 5.5vw !important;
    }
    .--ichioshiRentaCar-img {
        margin-top: 2.3vw;
    }
    .--ichioshiRentaCar-img .imgParts img {
        width: 63vw;
    }

    /****** 古い ios で崩れるため追記 start ******/
    /* :has() が効かないため、セレクタの指定方法を変更 */
    .--customTitle-wrap {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 22vw;
        /* margin: 3vw 0 0 0; */
        /* margin: 7vw 0 0 0; */
        margin: 9vw 0 0 0;
        width: calc(100vw - 6vw);
    }
    .--ichioshiRentaCar-wrap {
        width: 100%;
        margin: auto;
        padding: 0 0 20px 0;
    }
    .--ichioshiRentaCar-wrap .--customTitle-wrap > .text:nth-child(1) {
        position: absolute;
        z-index: 1001;
        width: 22vw;
        height: 22vw;
        /* margin-right: 67vw; */
        margin-right: unset;
        /* left: 3vw; */
        left: 1vw;
    }
    .--ichioshiRentaCar-wrap .--customTitle-wrap > div:nth-child(2).inner_ttl {
        position: absolute;
        z-index: 1000;
        /* width: 71vw; */
        width: 65vw;
        /* margin-left: 15vw; */
        margin-left: unset;
        /* right: 4vw; */
        right: 12.5vw;
    }
     /****** 古い ios で崩れるため追記 end ******/
}
@media (min-width: 740px) {
    .--textIcon-001 {
        font-size: 1.5rem;
        padding: 3px 3px 1px 6px;
        /* top: -7px; */
        /* left: -21px; */
        top: -33px;
        left: -21px;
    }
    .--ichioshiBtn-width-forPC > .btn {
        width: 500px;
    }
}

/* リスト (注釈リスト) */
.--noteList {
    display: flex;
    justify-content: center;
    align-items: center;
}
.--noteList-fw-bold {
    font-weight: bold;
}

/* タイムセールとは？ 今だけの特別プランで、旅に出よう！*/
.ctm_pageTtl.hc01.--whatsTimesale-h3 {
    background-color: #0096db;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 10px 6px;
}
.ctm_pageTtl.hc01.--whatsTimesale-h3 > .ttlLv2 {
    margin: 0;
    padding: 0;
}
.ctm_pageTtl.hc01.--whatsTimesale-h3 > .ttlLv2 > .heading {
    position: relative;
}
.--whatsTimesale-wrap {
    background: linear-gradient(to bottom right, #c3ecff, #fffedc, #daffc7);
    border-radius: 0px 0px 10px 10px;
    /* border: 1px solid #bbb; */
    border: 1px solid #0096db;
    border-top: unset;
    padding: 10px;
}
span.--whatsTimesale-titleIcon-01 {
    display: inline-block;
    width: 20px;
    height: 35px;
    margin-right: 8px;
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/time_sale/img_sites/2025_07/parts_titleIcon-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}
@media (min-width: 740px) {
    .--whatsTimesale-wrap {
        padding: 15px;
    }
    span.--whatsTimesale-titleIcon-01 {
        top: 0px;
        left: -30px;
        width: 22px;
        height: 42px;
    }
}

/******************
*** 汎用スタイル ***
*******************/

/****** flex関連 ******/
/* 汎用 -> flexbox */
.--G-flex {
    display: flex;
}
/* 汎用 -> flexbox -> 上寄せ */
.--G-flex.--G-flex-alignItems-start > *:first-child {
    align-items: flex-start;
}
/* 汎用 -> flexbox -> 下寄せ */
.--G-flex.--G-flex-alignItems-end > *:first-child {
    align-items: flex-end;
}

/****** リンクボタン関連 ******/
/* 汎用 --> ボタン中央寄せ (flex) */
.btnBox > .--G-linkbtn-center {
    display: flex;
    justify-content: center;
}

/****** grid関連 ******/
/* 汎用 -> grid */
.--grid {
    display: grid;
}
.--grid::before,
.--grid::after {
    display: none;
}
.--grid.--ji-start {
    justify-items: start;
}
.--grid.--gtc-1col {
    grid-template-columns: 1fr;
}
.--grid.--gtc-2col {
    grid-template-columns: 1fr 1fr;
}
.--grid.--gtc-3col {
    grid-template-columns: 1fr 1fr 1fr;
}
.--grid.--gtc-4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.--grid.--gap-10 {
    gap: 10px;
}
.--grid.--gap-15 {
    gap: 15px;
}
.--grid.--gap-20 {
    gap: 20px;
}
.--grid.--gap-30 {
    gap: 30px;
}
.--grid.--gap-50 {
    gap: 50px;
}
@media (min-width: 740px) {
    .--grid.--gtc-1col-forPC {
        grid-template-columns: 1fr;
    }
    .--grid.--gtc-2col-forPC {
        grid-template-columns: 1fr 1fr;
    }
    .--grid.--gtc-3col-forPC {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .--grid.--gtc-4col-forPC {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .--grid.--gtc-5col-forPC {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 739px) {
    .--grid.--gap-10-SP {
        gap: 10px;
    }
}

/*超目玉テーマパークスタイルstart 0814*/
.aem-Grid.aem-Grid--12.aem-Grid--default--12.--bgcPink {
    background-color: #F8C2F3;
    padding: 20px;
}
.aem-Grid.aem-Grid--12.aem-Grid--default--12.--bgcBlue {
    background-color: #B3EBFC;
    padding: 20px;
}
.aem-Grid.aem-Grid--12.aem-Grid--default--12.--bgcOrange {
    background-color: #FFC75F;
    padding: 20px;
}
.aem-Grid.aem-Grid--12.aem-Grid--default--12.--bgcGreen {
    background-color: #B6F3AE;
    padding: 20px;
}
.ctm_pageTtl.hc04.--themepark {
    background-color: #ffac7a;
    border-radius: 10px 10px 0 0;
	padding: 10px 10px 6px;
}
.ctm_pageTtl.hc04.--themepark .ttlLv2 {
    margin: 0;
    padding: 0;
}
.aem-Grid.aem-Grid--12.aem-Grid--default--12.--themepark-wrap {
    background: #fff1d0;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #ffac7a;
    border-top: unset;
    padding: 10px;
}
.--toppoint {
    background-color: #1f9ec7;
    padding: 6px 2px;
    color: #fff;
}
.--pointOutline{
    border: 1px solid #1f9ec7;
}
.--pointOutline .point_inr{
    padding: 5px;
}
.--pointOutline .point_inr .btnBox .btn{
    background: #fff;
    border: none;
    margin-top: 0;
}
/*
.aem-Grid.aem-Grid--12.aem-Grid--default--12.point_inr {
    height: 84px;
}
*/
/*超目玉テーマパークスタイルend*/


/*つながるJAL スタイル　start 0919*/
.acod-Txtposi .acodBlock .heading > .inr,.acod-Txtposi .acodBlock.type_normal > .heading > .inr,.acod-Txtposi .acodBlock.type_relBox > .heading > .inr {
    text-align: center;
}

.acod-Txtposi .acodBlock .heading{background: #333; border: 1px solid #333;}
.acod-Txtposi .acodBlock .heading .inr{color: #fff;}

/*10/21追加*/
.acod-Txtposi .acodBlock > .content {
    padding: 10px 0;
}

@media (min-width: 740px) {
	.acod-Txtposi .acodBlock > .content {
		padding: 15px 0;
	}
}
/*つながるJAL スタイル　end*/

/*mv_anchor*/
.anchorArea a.btn {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.anchorArea a.btn.iconDown {
  background-color: unset;
  border: none;
  width: 100%;
  position: relative;
}

.anchorArea a.btn.iconDown span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.anchorArea .btnBox .btn.iconDown:after {
  display: none;
}

.anchorArea .clm_1_4col.colWrap .col {
  width: 25%;
  margin-left: 0;
  border-left: 1px solid #ccc;
}

.anchorArea .clm_1_3col.colWrap .col {
  width: 33.3%;
  margin-left: 0;
  border-left: 1px solid #ccc;
}

.anchorArea .clm_1_4col.colWrap .col:last-child, .anchorArea .clm_1_3col.colWrap .col:last-child {
  border-right: 1px solid #ccc;
}

/*.anchorArea .clm_1_4col.colWrap .col:nth-child(2n+1) {
  margin-left: 0;
}*/

.anchorArea .clm_1_4col.colWrap .col .btnBox, .anchorArea .clm_1_3col.colWrap .col .btnBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.iconImg {
  width: 65px;
  margin-bottom: 10px;
}


.anchorNav {
  width: 100%;
  text-align: center;
}

span.arrow.-bottom {
  margin-top: 5px;
}

.arrow::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
}

.arrow.nav1::before {
  border-top: 1px solid #7f000f;
  border-right: 1px solid #7f000f;
}

.arrow.nav2::before {
  border-top: 1px solid #d3b822;
  border-right: 1px solid #d3b822;
}

.arrow.nav3::before {
  border-top: 1px solid #2b7ba6;
  border-right: 1px solid #2b7ba6;
}

.arrow.nav4::before {
  border-top: 1px solid #00632a;
  border-right: 1px solid #00632a;
}

.arrow.-bottom::before {
  transform: rotate(135deg);
}

@media screen and (max-width: 950px) {
  .anchorArea .colWrap.clm_1_4col, .anchorArea .colWrap.clm_1_3col {
    flex-direction: column;
  }

  .anchorArea .clm_1_4col.colWrap .col, .anchorArea .clm_1_3col.colWrap .col {
    width: 100%;
  }

  .anchorArea a.btn.iconDown span {
    flex-direction: row;
    justify-content: space-between;
  }

  .anchorArea .clm_1_4col.colWrap .col, .anchorArea .clm_1_3col.colWrap .col {
    border-left: none;
    border-bottom: 1px solid #ccc;
  }

  .anchorArea .clm_1_4col.colWrap .col:last-child, .anchorArea .clm_1_3col.colWrap .col:last-child {
    border-right: none;
    border-bottom: none;
  }

  .iconImg {
    width: 45px;
  }

  span.arrow.-bottom {
    margin-top: -12px;
  }
}

.ctm_contentsFull.full01 {
    background-color: #f2f2f2;
    padding: 20px 0;
}

@media screen and (max-width: 950px) {
    .ctm_contentsFull.full01 {
        background-color: #f2f2f2;
        padding: 10px;
    }
}
/*mv_anchor end*/

/*3point 2511月タイムセール start*/
.--must3Point .ctm_pageTtl.hc04 {
    background-color: #ed7000;
    color: #fff;
    border-radius: 35px;
}
.ctm_pageTtl.hc04.--must3Point .ttlLv2 {
    padding: 10px;
}
.--must3Point .ctm_pageTtl.hc04 > .ttlLv2 {
    padding: 10px;
}

.--must3Point .ctm_pageTtl .ttlLv3 .heading {
    font-size: 2.2rem;
    border-top: 4px double #d16b2d;
    border-bottom: 4px double #d16b2d;
}
.--must3Point .ctm_pageTtl .ttlLv3 .heading strong {
    color: #d16b2d;
    font-size: 3rem;
    margin-left: 5px;
}
.--must3Point .ctm_bdrColumn .colWrap .col {
    border: 3px solid #ed7000;
    background-color: #fffedc;
}

/*mv_anchor 3col*/
/*.anchorArea .clm_1_3col.colWrap .col {
    border-left: 1px solid #ccc;
}
.anchorArea .clm_1_3col.colWrap .col:last-child {
    border-right: 1px solid #ccc;
}
.anchorArea .clm_1_4col.colWrap .col {
    border-left: none;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 950px) {
	.anchorArea .clm_1_3col.colWrap .col {
		border-left: none;
		border-bottom: 1px solid #ccc;
		}
}
@media screen and (max-width: 950px) {
	.anchorArea .clm_1_3col.colWrap .col:last-child {
		border-right: none;
		border-bottom: none;
		}
}*/
/*3point 2511月タイムセール end*/

/*つながるJAL アコーディオン*/
.bgTunagarujal {
    background: transparent url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/time_sale/img_sites/bg_tunagarujal_pc.jpg) center top no-repeat;
    background-size: cover;
    width: auto;
    padding: 305px 0 21px 0;
}
@media(max-width:739px) {
	.bgTunagarujal {
		background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/time_sale/img_sites/bg_tunagarujal_sp.jpg);
		padding: 100vw 0 6vw 0;
	}
}

/*エリア別ホテル　追加帯 12/17修正*/
.hotel-area {
    background-color: #fffccc;
}
.hotel-1Word {
    background-color: #fff;
    padding: 5px;
    margin: 15px 15px;
}
/*ーエリアー*/
.TtlSp h3.heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin: 0 15px;
}
.TtlSp h3.heading::before, .TtlSp h3.heading::after {
    content: "";
    /* flex: 1; */
    /* height: 3px; */
    /* background-color: #3868c3; */
    border: 2px solid #3868c3;
    width: 20%;
}
/*---SP---*/
@media (max-width: 739px){
	.TtlSp h3.heading::before, .TtlSp h3.heading::after {
    width: 15%;
	}
}

/*マーカー*/
.hotel-1Word span.fs3L {
    background: linear-gradient(transparent 60%, #fdd2a3 70%);
}

/*期間限定タイムセール*/
.ctm_pageTtl.hc06.Osusume-Kikan-L h2.inr {
    font-size: 3rem;
    background-color: #CD3C2C;
}
.Osusume-Kikan-L .acodBlock > .content {
    background-color: #fffae2;
    border: 4px solid #CD3C2C;
    border-top: 0px;
    padding: 15px 70px;
}
.Osusume-Kikan-L .acodBlock.type_static .heading {
    border-color: #CD3C2C;
}
.Osusume-Kikan-M {
    background-color: #ffd1c6;
    padding: 0 10px 15px;
    margin-top: 25px;
}
.Osusume-Kikan-M .ttlLv2 h3.heading {
    border-bottom: 5px dotted #CD3C2C;
}
.TXT-pdl {
    padding-left: 35px;
}
.Osusume-Kikan-L .ctm_iconTxt_RD {
    background-color: #986D12;
}

/*---SP---*/
@media (max-width: 739px){
	.Osusume-Kikan-L .acodBlock > .content {padding: 10px;}
	.TXT-pdl {padding-left: 0px;}
	.ctm_pageTtl.hc06.Osusume-Kikan-L h2.inr {font-size: 2.5rem;}
}
/*point2-3 2025/11/12　色変更*/
.--must3Point .ctm_bdrColumn .colWrap .col {
    border: 6px solid #c6a548;
	border-radius: 10px;
    background-color: #fffedc;
}

/* 帯アンカーリンク_2512 */
.--mgt-m-20 { margin-top: -20px !important; }
.ctm_contentsFull.bandLinks-wrap {
    background-color: #f2f2f2;
    padding: 20px 0;
}
.bandLinks-wrap .bandLinks-buttons > .linkbtn * {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"],
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn {
    margin: 0;
    padding: 10px;
    background-color: transparent;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
    border-left: 0px;
}
.bandLinks-wrap .bandLinks-buttons .linkbtn:first-of-type .bandLinks-anc > [href*="bandLinks-"],
.bandLinks-wrap .bandLinks-buttons .linkbtn:first-of-type .bandLinks-anc > .btn {
    padding-top: 0;
}
.bandLinks-wrap .bandLinks-buttons .linkbtn:last-of-type .bandLinks-anc > [href*="bandLinks-"],
.bandLinks-wrap .bandLinks-buttons .linkbtn:last-of-type .bandLinks-anc > [href*="bandLinks-"] {
    padding-bottom: 0;
    border-right: 0;
    border-bottom: 0;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] > span,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn > span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-icon,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-icon {
    width: 45px;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"]::after,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn::after {
    display: none;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: fit-content;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow::before {
    display: block;
    content: "";
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    width: 10px;
    height: 10px;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow.--bottom::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow.--bottom::before {
    transform: rotate(135deg);
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow.--arrow-01::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow.--arrow-01::before {
    border-top-color: #00632a;
    border-right-color: #00632a;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow.--arrow-02::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow.--arrow-02::before {
    border-top-color: #7f000f;
    border-right-color: #7f000f;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow.--arrow-03::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow.--arrow-03::before {
    border-top-color: #cc0000;
    border-right-color: #cc0000;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow.--arrow-04::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow.--arrow-04::before {
    border-top-color: #2b7ba6;
    border-right-color: #2b7ba6;
}
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow.--arrow-05::before,
.bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow.--arrow-05::before {
    border-top-color: #d4ba28;
    border-right-color: #d4ba28;
}
@media (min-width: 740px) {
    .bandLinks-wrap .bandLinks-buttons > .linkbtn * {
        font-size: 1.2rem;
    }
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"],
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn {
        margin: 0;
        padding: 0px 10px;
        background-color: transparent;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 0px;
        border-left: 1px solid #ccc;
    }
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] > span,
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn > span {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        row-gap: 6px;
    }
    .bandLinks-wrap .bandLinks-buttons .linkbtn:last-of-type .bandLinks-anc > [href*="bandLinks-"],
    .bandLinks-wrap .bandLinks-buttons .linkbtn:last-of-type .bandLinks-anc > .btn {
        border-right: 1px solid #ccc;
    }
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-arrow,
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-arrow {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        width: fit-content;
    }
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > [href*="bandLinks-"] .bls-icon,
    .bandLinks-wrap .bandLinks-buttons .bandLinks-anc > .btn .bls-icon {
        width: 65px;
    }
}
/*超目玉　ツアーマイル2倍*/
.--medamaTourMile-wrap {
    background-color: #fff3d5;
    width: auto;
    margin: 0 80px;
    padding: 15px;
    box-shadow: #00000045 0px 0px 8px 0px;
}
@media (max-width: 739px){
	.--medamaTourMile-wrap{
		margin: auto;
	}
}