@charset "utf-8";

/* 「このホテルで検索する」ボタン */
/* .Btnclose{display:none;} */
/* indexの方で指定 */

/* MV */
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img {
    width: 100%;
}

/* MV直下 テキスト */
.inner_ttl > .ctm_pageTtl.--pageTitle-MVBottom > .ttlLv1 {
    margin: 0;
    padding: 10px 10px 8px;
}
.inner_ttl > .ctm_pageTtl.--pageTitle-MVBottom > .ttlLv1 > .heading {
    font-size: 2.2rem;
    color: #fff;
}
@media (min-width: 740px) {
    .inner_ttl > .ctm_pageTtl.--pageTitle-MVBottom > .ttlLv1 > .heading {
        font-size: 2.6rem;
    }
}

/* MV直下、見出し */
.--infoArea-bg-yellow {
    background: #fffa67;
    padding: 20px;
    border: 1px solid #000000;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
}

/* フォント関連 */
.ctm_pageTtl.--fw-normal {
    font-weight: normal !important;
}
.ttlLv2 .heading .--fs-smaller {
    font-size: 80%;
}

/* 画面幅 100vw */
.--100vw {
    width: 100vw !important;
}
@media (max-width: 739px) {
    .--100vw-forSP {
        width: 100vw !important;
    }
}
@media (min-width: 740px) {
    .--100vw-forPC {
        width: 100vw !important;
    }
}

/* 余白関連 */
.--mgt-5 {margin-top: 5px !important;}
.--mgt-10 {margin-top: 10px !important;}
.--mgt-15 {margin-top: 15px !important;}
.--mgt-20 {margin-top: 20px !important;}
.--mgt-30 {margin-top: 30px !important;}
.--mgt-m-5 {margin-top: -5px !important;}
.--mgt-m-10 {margin-top: -10px !important;}
.--mgt-m-15 {margin-top: -15px !important;}
.--mgt-m-20 {margin-top: -20px !important;}
.--mgt-m-30 {margin-top: -30px !important;}
.--mgL-m-5 {margin-left: -5px !important;}
.--mgL-m-10 {margin-left: -10px !important;}
.--mgL-m-15 {margin-left: -15px !important;}
.--mgL-m-20 {margin-left: -20px !important;}
.--mgL-m-30 {margin-left: -30px !important;}
.--mgLR-m-5 {margin-left: -5px; margin-right: -5px !important;}
.--mgLR-m-10 {margin-left: -10px; margin-right: -10px !important;}
.--mgLR-m-15 {margin-left: -15px; margin-right: -15px !important;}
.--mgLR-m-20 {margin-left: -20px; margin-right: -20px !important;}
.--mgLR-m-30 {margin-left: -30px; margin-right: -30px !important;}
.--pdng-0 {padding: 0px !important;}
.--pdng-5 {padding: 5px !important;}
.--pdng-10 {padding: 10px !important;}
.--pdng-15 {padding: 15px !important;}
.--pdng-20 {padding: 20px !important;}
.--pdng-30 {padding: 30px !important;}
@media (max-width: 739px) {
    .--mgt5-forSP {margin-top: 5px !important;}
    .--mgt10-forSP {margin-top: 10px !important;}
    .--mgt15-forSP {margin-top: 15px !important;}
    .--mgt20-forSP {margin-top: 20px !important;}
    .--mgt30-forSP {margin-top: 30px !important;}
    .--mgt40-forSP {margin-top: 40px !important;}
    .--pdng0-forSP {padding: 0px !important;}
    .--pdng5-forSP {padding: 5px !important;}
    .--pdng10-forSP {padding: 10px !important;}
    .--pdng15-forSP {padding: 15px !important;}
    .--pdng20-forSP {padding: 20px !important;}
    .--pdng30-forSP {padding: 30px !important;}
    .--pdng40-forSP {padding: 40px !important;}
}
@media (min-width: 740px) {
    .--mgt5-forPC {margin-top: 5px !important;}
    .--mgt10-forPC {margin-top: 10px !important;}
    .--mgt15-forPC {margin-top: 15px !important;}
    .--mgt20-forPC {margin-top: 20px !important;}
    .--mgt30-forPC {margin-top: 30px !important;}
    .--mgt40-forPC {margin-top: 40px !important;}
    .--pdng0-forPC {padding: 0px !important;}
    .--pdng5-forPC {padding: 5px !important;}
    .--pdng10-forPC {padding: 10px !important;}
    .--pdng15-forPC {padding: 15px !important;}
    .--pdng20-forPC {padding: 20px !important;}
    .--pdng30-forPC {padding: 30px !important;}
    .--pdng40-forPC {padding: 40px !important;}
}

/* 背景色 */
.--bgc-navy {background-color: #404B8A !important;}
.--bgc-LightNavy {background-color: #f2f4ff !important;}
.--bgc-skyBlue {background-color: #a9dfff !important;}
.--bgc-LightBlue {background-color: #174d97 !important;}
.--bgc-brightGreen {background-color: #BBE45E !important;}
/* .--bgc-oldGreen {background-color: #5F7E15 !important;} */
.--bgc-oldGreen {background-color: #668010 !important;}
.--bgc-lightGreen {background-color: #f1f7e1 !important;}
.--bgc-white {background-color: #ffffff !important;}
.--bgc-orange {background-color: #e67700 !important;}
.--bgc-lightOrange {background-color: #ffefde !important;}
.--bgc-lightCyan {background-color: #e1f7f6 !important;}
.--bgc-lightYellow {background-color: #fffad2 !important;}
.--bgc-pink {background-color: #ffbdd3 !important;}
.--bgc-lightPink {background-color: #fff2f6 !important;}
.--bgc-red {background-color: #cc0000 !important;}
.--bgc-ocher {background-color: #e6d27a !important;}
.--bgc-blawn {background-color: #B85E00 !important;}

/* カラムの背景色 */
.--bgc-white-col > .colWrap > .col {background-color: #ffffff !important;}

/* 文字色 */
.--fc-normal {color: #333 !important;}
.--fc-brightRed {color: #E00000 !important;}
.--fc-white {color: #FFF !important;}

/* ボーダー */
.--border-gray {border: 1px solid #cdcdcd !important;}
.--border-paleBlue-2px {border: 2px solid #389ceb !important;}
.--border-red-3px {border: 3px solid #cc0000 !important;}

/* 影 */
.--shadow {box-shadow: 0 0 7px 0px rgb(218 218 218) !important;}
.--shadow-navy {box-shadow: 0 0 7px #b1b5cb !important;}

/* スタイル打ち消し */
.--bgc-unset {background-color: unset !important;}
.--border-unset {border: unset !important;}
.--mgt-unset {margin-top: unset;}

/* 見出しタイトル 余白消し */
.--ttl-pdmg0 > [class*="ttlLv"] {padding: 0; margin: 0;}

/* 画像サイズ */
.img .--imgSize-90 img {width: 90%;}
.img .--imgSize-80 img {width: 80%;}
.img .--imgSize-70 img {width: 70%;}
.img .--imgSize-60 img {width: 60%;}
.img .--imgSize-50 img {width: 50%;}
.img .--imgSize-40 img {width: 40%;}
.img .--imgSize-30 img {width: 30%;}
.img .--imgSize-20 img {width: 20%;}
.img .--imgSize-10 img {width: 10%;}
@media (max-width: 739px) {
    .img .--imgSizeForSP-90 img {width: 90%;}
    .img .--imgSizeForSP-80 img {width: 80%;}
    .img .--imgSizeForSP-70 img {width: 70%;}
    .img .--imgSizeForSP-60 img {width: 60%;}
    .img .--imgSizeForSP-50 img {width: 50%;}
    .img .--imgSizeForSP-40 img {width: 40%;}
    .img .--imgSizeForSP-30 img {width: 30%;}
    .img .--imgSizeForSP-20 img {width: 20%;}
    .img .--imgSizeForSP-10 img {width: 10%;}
}
@media (min-width: 740px) {
    .img .--imgSizeForPC-90 img {width: 90%;}
    .img .--imgSizeForPC-80 img {width: 80%;}
    .img .--imgSizeForPC-70 img {width: 70%;}
    .img .--imgSizeForPC-60 img {width: 60%;}
    .img .--imgSizeForPC-50 img {width: 50%;}
    .img .--imgSizeForPC-40 img {width: 40%;}
    .img .--imgSizeForPC-30 img {width: 30%;}
    .img .--imgSizeForPC-20 img {width: 20%;}
    .img .--imgSizeForPC-10 img {width: 10%;}
}

/* 要素の高さ */
.--height-XXp.--h15p * {height: 15px !important;}
.--height-XXp.--h20p * {height: 20px !important;}
.--height-XXp.--h25p * {height: 25px !important;}
.--height-XXp.--h30p * {height: 30px !important;}
.--height-XXp.--h35p * {height: 35px !important;}
.--height-XXp.--h40p * {height: 40px !important;}
.--height-XXp.--h45p * {height: 45px !important;}
.--height-XXp.--h50p * {height: 50px !important;}
.--height-XXp.--h55p * {height: 55px !important;}
.--height-XXp.--h60p * {height: 60px !important;}
.--height-XXp.--h65p * {height: 65px !important;}
.--height-XXp.--h70p * {height: 70px !important;}
.--height-XXp.--h75p * {height: 75px !important;}
.--height-XXp.--h80p * {height: 80px !important;}

/* 要素の幅 */
.-width-auto {width: auto !important;}
.-width-XXp.-wAuto * {width: auto !important;}
.-width-XXp.-wfit * {width: fit-content !important;}
.-width-XXp.-w15p * {width: 15px !important;}
.-width-XXp.-w20p * {width: 20px !important;}
.-width-XXp.-w25p * {width: 25px !important;}
.-width-XXp.-w30p * {width: 30px !important;}
.-width-XXp.-w35p * {width: 35px !important;}
.-width-XXp.-w40p * {width: 40px !important;}
.-width-XXp.-w45p * {width: 45px !important;}
.-width-XXp.-w50p * {width: 50px !important;}
.-width-XXp.-w55p * {width: 55px !important;}
.-width-XXp.-w60p * {width: 60px !important;}
.-width-XXp.-w65p * {width: 65px !important;}
.-width-XXp.-w70p * {width: 70px !important;}
.-width-XXp.-w75p * {width: 75px !important;}
.-width-XXp.-w80p * {width: 80px !important;}

/* 文字サイズ */
.--textXS {font-size: 1.05rem !important;}
.--textS {font-size: 1.2rem !important;}
.--textNormal {font-size: inherit !important;}
.--textM {font-size: 1.6rem !important;}
.--textL {font-size: 1.8rem !important;}
.--text2L {font-size: 2.0rem !important;}
.--text3L {font-size: 2.4rem !important;}
.--text4L {font-size: 2.8rem !important;}
.--text5L {font-size: 3.2rem !important;}

/* 文字 要素の長さに合わせる */
.--textWidth-Fit {width: fit-content;}
.--fitAll * {width: fit-content !important;}

/* 文字 装飾、デコレーション */
.-text-dashed {text-decoration: dashed;}
.-text-dotted {text-decoration: dotted;}
.-text-double {text-decoration: double;}
.-text-lineThru {text-decoration: line-through;}
.-text-none {text-decoration: none;}
.-text-overline {text-decoration: overline;}
.-text-solid {text-decoration: solid;}
.-text-underline {text-decoration: underline;}
.-text-wavy {text-decoration: wavy;}

/* 番号付き注釈リスト 任意の番号を付与 */
.--bkop-c-noteList.--nl-no1 > .noteList_star.numSingle > li:before {content: "*1";}
.--bkop-c-noteList.--nl-no2 > .noteList_star.numSingle > li:before {content: "*2";}
.--bkop-c-noteList.--nl-no3 > .noteList_star.numSingle > li:before {content: "*3";}
.--bkop-c-noteList.--nl-no4 > .noteList_star.numSingle > li:before {content: "*4";}
.--bkop-c-noteList.--nl-no5 > .noteList_star.numSingle > li:before {content: "*5";}
.--bkop-c-noteList.--nl-no6 > .noteList_star.numSingle > li:before {content: "*6";}

/* 見出しタイトル -> line-height */
.ctm_pageTtl.-lineHeight-150 [class*="ttlLv"] .heading { line-height: 1.5;}
.ctm_pageTtl.-lineHeight-135 [class*="ttlLv"] .heading { line-height: 1.35;}
.ctm_pageTtl.-lineHeight-120 [class*="ttlLv"] .heading { line-height: 1.20;}

/* テキストラベルまとめ 001～999 */
.text > [class*="ctm_iconTxt_"].--textIcon-001,
div [class*="ctm_iconTxt_"].--textIcon-001 {
    border-radius: 30px;
    padding: 4px 25px 3px;
    font-size: 1.6rem;
}
.text > .--textIcon-002,
div .--textIcon-002 {
    display: inline-block;
    width: fit-content;
    border-radius: 999px;
    background-color: #fff;
    padding: 0 10px;
}
.text > [class*="ctm_iconTxt_"].-textIcon-002,
div [class*="ctm_iconTxt_"].-textIcon-002 {
    background-color: #6b2a2a !important;
}

/* テキストアイコン 楕円 */
.text > [class*="ctm_iconTxt_"].--textIcon-oval {
    border-radius: 30px;
    padding: 4px 25px 3px;
    font-size: 1.6rem;
}

/* 見出しタイトル 余白削除 */
.innerTtl-deleteMgPd > [class*="ttlLv"] {
    margin: 0;
    padding: 0;
}

/* ホテルグレード付き (ラベル付き) 見出しタイトル */
.innerTtl-labeled > [class*="ttlLv"] > .heading {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
    column-gap: 8px;
}
.innerTtl-labeled > [class*="ttlLv"] > .heading > * {
    display: inline-block;
}
.innerTtl-labeled > [class*="ttlLv"] > .heading > [class*="btn_color"] {
    padding: 4px 0px 2px;
    min-width: 75px;
    text-align: center;
}

/* 自由形内のホテルタイトルテキスト */
.--free-hotelTitle {
    position: relative;
    text-align: center;
    font-weight: bold;
}

/* テキストラベル ホテル ※背景色は別で付与する */
.--textLabel-hotel {
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 1.2rem;
    padding: 3px 6px 2px;
    font-weight: bold;
}

/* 見出しタイトル */
.ctm_pageTtl[class*="--"] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 見出しタイトルレベル2 (h3) */
.ctm_pageTtl.--titleLv2 > .ttlLv2 {
    margin: 0;
    padding: 0;
}
.ctm_pageTtl.--titleLv2 > .ttlLv2 > .heading {
    font-size: 2.2rem;
}

/* 見出しタイトル帯付き (h3) */
.ctm_pageTtl.--titleLv2-band {
    position: relative;
    /* background-color: #ff8200; */
    /* background-color: #83b11a; */
    background-color: #404B8A;
    padding: 10px 0 8px;
}
.ctm_pageTtl.--titleLv2-band > .ttlLv2 {
    margin: 0;
    padding: 0;
}
.ctm_pageTtl.--titleLv2-band > .ttlLv2 > .heading {
    color: white;
    line-height: 1.5;
}
@media (min-width: 740px) {
    .ctm_pageTtl.--titleLv2-band > .ttlLv2 > .heading {
        font-size: 1.8rem;
    }
}

/* 見出しタイトル帯付き (h4) */
.ctm_pageTtl.--titleLv3-band {
    position: relative;
    /* background-color: #ff8200; */
    /* background-color: #83b11a; */
    background-color: #404B8A;
    padding: 10px 0 8px;
}
.ctm_pageTtl.--titleLv3-band > .ttlLv3 {
    margin: 0;
    padding: 0;
}
.ctm_pageTtl.--titleLv3-band > .ttlLv3 > .heading {
    color: white;
}

/* 見出しタイトル テキストアイコン */
.ctm_pageTtl span.--textIcon-XXoff {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 63px;
    height: 63px;
    top: -30px;
    left: -10px;
    background-color: #c00;
    border: 2px solid #ffffff;
    border-radius: 50%;
    padding-top: 4px;
    font-size: 1.8rem;
    line-height: 2rem;
}
@media (min-width: 740px) {
    .ctm_pageTtl span.--textIcon-XXoff {
        width: 70px;
        height: 70px;
        top: -25px;
        left: -30px;
    }
}

/* 金額テキスト */
.--optAmount {
    display: inline-block;
    width: fit-content;
    padding: 2px 15px 0px;
    background-color: #cc0000;
    color: #ffffff;
}

/* びっくりオプション関連 */
.--bikkuriOP-wrap {
    /* border: 3px solid #404B8A; */
    border: 3px solid #e37500;
    /* border: 3px solid #83b11a; */
    /* margin-left: -10px;
    width: 100vw; */
}
.--bikkuriOP-wrap .--bkop-title {
    position: relative;
    /* background-color: #404B8A; */
    background-color: #e37500;
    /* background-color: #83b11a; */
}
.--bikkuriOP-wrap .--bkop-title .ttlLv2,
.--bikkuriOP-wrap .--bkop-title.--bkop-OW-ttlLv3 .ttlLv3 {
    margin: 0;
    padding: 10px 10px 8px;
}
.--bikkuriOP-wrap .--bkop-title .ttlLv2 .heading,
.--bikkuriOP-wrap .--bkop-title.--bkop-OW-ttlLv3 .ttlLv3 .heading {
    padding: 0;
    font-size: 2.4rem;
    color: white;
}
.--bikkuriOP-wrap .--bkop-title.--fc-normal .ttlLv2 .heading,
.--bikkuriOP-wrap .--bkop-title.--fc-normal.--bkop-OW-ttlLv3 .ttlLv3 .heading {
    color: #333;
}
/* タイトルレベルに合わせて overwrite */
.ctm_pageTtl.--bkop-title.--bkop-OW-ttlLv3 .ttlLv2 {
    margin: 0;
    padding: 10px 10px 8px;
}
.--bikkuriOP-wrap .--bkop-contents {
    padding: 0 10px 10px;
    /* background-color: #eeffc7; */
    background-color: #ffefde;
}
.--bikkuriOP-wrap .--bkop-contentWrap {
    background-color: white;
    /* border: 3px solid #ff8200; */
    /* border: 3px solid #83b11a; */
    border: 3px solid #404B8A;
    padding: 0px 10px 20px;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title {
    position: relative;
    /* background-color: #ff8200; */
    /* background-color: #83b11a; */
    background-color: #404B8A;
    margin: 0px -10px;
    padding: 28px 0 10px;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title.--textLabel-hidden {
    padding: 10px 0 8px;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title .ttlLv3 {
    margin: 0;
    padding: 0;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title .ttlLv3 .heading {
    color: white;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title .heading .--areaIcon-hnl {
    position: absolute;
    font-size: 1.6rem;
    font-weight: normal;
    top: 2px;
    right: 0;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title::before {
    content: "XX%\AOFF";
    white-space: pre;
    position: absolute;
    /* top: -24px; */
    top: -32px;
    left: -24px;
    background-color: #e93a3a;
    border-radius: 50%;
    padding: 14px 12px 10px 12px;
    line-height: 1.2;
    font-weight: bold;
    color: white;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-title.--textLabel-hidden::before {
    display: none;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-img {
    margin: 0 -10px;
    border: 1px solid white;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-text.--amount,
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-text .--amount {
    text-align: center;
    color: #c00;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-text.--tableText {
    width: fit-content;
    table-layout: fixed;
}
.--tableText.--tt-resText.--tblt-SP tr td:first-child {
    width: 15%;
    min-width: 65px;
}
.--tableText.--tblt-SP {
    display: block;
}
.--tableText.--tblt-PC {
    display: none;
}
.--tableText tr td {
    vertical-align: top;
    text-align: start;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col > div:nth-child(1) {
    width: 100%;
}
.--bkop-c-noteList > * {
    margin-left: -7px;
}
@media (min-width: 740px) {
    .--bikkuriOP-wrap {
        margin-left: unset;
        width: 100%;
    }
    .--bikkuriOP-wrap .--bkop-contents {
        padding: 0 20px 20px;
    }
    .--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col {
        flex-direction: row;
        margin-top: 10px;
    }
    /* .--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col > div:nth-child(1) {
        width: 90%;
    } */
    /* .--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col > div:nth-child(2) {
        margin-left: 15px;
    } */
    .--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col .--bkop-c-img {
        border: unset;
        margin: unset;
    }
    .--bikkuriOP-wrap .--bkop-contentWrap .--bkop-2col .--bkop-c-img {
        border: unset;
        margin: unset;
    }
    .--tableText.--tblt-SP {
        display: none;
    }
    .--tableText.--tblt-PC {
        display: block;
        width: fit-content;
    }
    /* .--tableText.--tblt-PC tr td:first-of-type {
        text-align: right;
    } */
    .--bkop-c-noteList > * {
        margin-left: unset;
    }
    .--bikkuriOP-wrap .--bkop-contentWrap .--bkop-c-text.--amount {
        text-align: left;
    }
}

/* 台湾 オプショナルツアー */
.aem-Grid.aem-Grid--12.aem-Grid--default--12.tw-ev_bg2 {
    background: white;
    border: solid #ff8e8e;
    border-radius: 6px;
}
.tw-ev_bg2 .inner_ttl .tw-ev_title2 .ttlLv2 {
    border-bottom: unset;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.tw-ev_bg2 .inner_ttl .tw-ev_title2 .ttlLv2 .heading {
    position: relative;
    padding: 0.25em 0;
    display: unset;
    border-left: unset;
}
.tw-ev_bg2 .inner_ttl .tw-ev_title2 .ttlLv2 .heading::after {
    content: "";
    display: block;
    height: 4px;
    background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
    background: linear-gradient(to right, rgb(255 71 71), transparent);
}
.aem-Grid.aem-Grid--12.aem-Grid--default--12.tw-ev_bg3 {
    background: white;
    border: solid #cbf1ff;
}
.aem-Grid.aem-Grid--12.aem-Grid--default--12.tw-ev_point {
    background: #b0eaff;
}
.tw-ev_sub {
    background: #00baff;
    width: fit-content;
    margin: -17px 0 0 0;
    padding: 4px 10px;
    font-weight: bolder;
}
@media (min-width: 740px) {
    .tw-ev_sub {
        margin: -17px 0 0 -17px;
    }
}

/* GO GO GUAM PAY */
.ctm_pageTtl.guampay_ttl {
    background: #ff6699;
    text-align: unset;
    font-size: 1rem;
}
.ctm_pageTtl.guampay_ttl > .ttlLv2 {
    margin-bottom: unset;
    margin-top: 0;
}
.ctm_pageTtl.guampay_ttl > .ttlLv2 .heading {
    font-size: 2.1rem;
    padding: 0 11px;
}

/* クーポンコード */
.--couponCd {
    width: fit-content;
    /* border: 2px solid #c00; */
    border: 2px solid #333;
}
.--couponCd table tr td {
    padding: 5px;
    font-size: 1.8rem;
    color: #c00;
    background-color: #fff;
}
.--couponCd table tr td:nth-child(1) {
    /* background-color: #C00; */
    background-color: #333;
    color: #fff;
}
.--couponCd table tr td:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
}

/* ホテル、テキストラベル */
.hotelBox .colWrap .col {
    position: relative;
}
.hotel-textLabel-right {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 4px;
    background-color: #001681;
    color: #fff;
    font-size: 1.2rem;
}

/* 帯アンカーリンク */
.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: #333;
    border-right-color: #333;
}
.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: #cc0000;
    border-right-color: #cc0000;
}
.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: #d4ba28;
    border-right-color: #d4ba28;
}
.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: #00632a;
    border-right-color: #00632a;
}
.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: #2b7ba6;
    border-right-color: #2b7ba6;
}
@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;
    }
}

/***************************************
 ランキング 
 ***************************************/
 .ranking-wrap {
    /* background-color: #fff3b9; */
    background-color: #ffe6de;
    padding: 15px 10px;
    /* 変数 */
    --bc-no1: #FFF7CC;
    --bc-no2: #F4F4F5;
    --bc-no3: #F7F0E8;
    --color-no1: #857000;
    --color-no2: #6F6F7B;
    --color-no3: #8E632F;
    --color-amount: #cc0000;
    --sp-wrapSize: min(420px, 100%);
    --lowerAreaSize: min(275px, 80vw);
}
/* ランキング -> 金額テキスト、エリアテキスト */
.ranking-wrap .ranking-area-amount {
    color: var(--color-amount);
}
.ranking-wrap .ranking-area-areaName {
    margin-left: 10px;
}
.ranking-wrap .ranking-area-amount,
.ranking-wrap .ranking-area-areaName {
    font-size: 1.6rem;
}
/* ランキング -> 見出しタイトル */
.ranking-wrap .ctm_pageTtl > .ttlLv1 {
    margin: 0;
    padding: 0;
}
.ranking-wrap .ctm_pageTtl > .ttlLv1 > .heading {
    font-size: 1.8rem;
    line-height: 1.5;
}
/* ランキング -> トップ3リスト */
.ranking-wrap .ranking-top3Area > * .r-t3-list {
    background-color: #FFF;
    margin: auto;
    border: 2px solid #FFF;
    border-radius: 10px;
}
.ranking-wrap .ranking-top3Area > *:nth-child(1) .r-t3-list {
    background-color: var(--bc-no1);
    border-color: var(--color-no1);
}
.ranking-wrap .ranking-top3Area > *:nth-child(2) .r-t3-list {
    background-color: var(--bc-no2);
    border-color: var(--color-no2);
}
.ranking-wrap .ranking-top3Area > *:nth-child(3) .r-t3-list {
    background-color: var(--bc-no3);
    border-color: var(--color-no3);
}
.ranking-wrap .ranking-top3Area > *  .r-t3-list .boxList {
    margin: 0;
    border: 0;
}
.ranking-wrap .ranking-top3Area > * .r-t3-list .boxList .linkBox::after {
    right: 8px;
}
.ranking-wrap .ranking-top3Area > * .r-t3-list .boxList .linkBox .content {
    padding: 10px 20px 10px 10px;
    text-align: center;
    vertical-align: baseline;
}
.ranking-wrap .ranking-top3Area > * .r-t3-list .boxList .linkBox .r-t3-l-rank::before {
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 2.0rem;
}
.ranking-wrap .ranking-top3Area > *:nth-child(1) .r-t3-list .boxList .linkBox .r-t3-l-rank::before {
    content: "No.1";
    color: var(--color-no1);
}
.ranking-wrap .ranking-top3Area > *:nth-child(2) .r-t3-list .boxList .linkBox .r-t3-l-rank::before {
    content: "No.2";
    color: var(--color-no2);
}
.ranking-wrap .ranking-top3Area > *:nth-child(3) .r-t3-list .boxList .linkBox .r-t3-l-rank::before {
    content: "No.3";
    color: var(--color-no3);
}
/* ランキング -> トップ3以外 */
.ranking-wrap .ranking-lowerArea {
    background-color: #FFF;
    width: min(800px, 100%);
    margin: auto;
    padding: 10px;
}
.ranking-wrap .ranking-lowerArea .linklist {
    width: fit-content !important;
}
.ranking-wrap .ranking-lowerArea .linklist > *:first-child {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #dedede;
}
.ranking-wrap .ranking-lowerArea .linklist .boxList {
    margin: 0;
    border: unset;
}
.ranking-wrap .ranking-lowerArea .linklist .boxList .linkBox a {
    width: var(--lowerAreaSize);
    height: unset;
}
.ranking-wrap .ranking-lowerArea .linklist .boxList .linkBox .content {
    padding: 5px 20px 5px 5px;
}
@media (max-width: 739px) {
    .ranking-wrap .ranking-top3Area > * .r-t3-list {
        width: var(--sp-wrapSize);
    }
    .ranking-wrap .ranking-lowerArea {
        width: var(--sp-wrapSize);
    }
}
@media (min-width: 740px) {
    .ranking-wrap {
        padding: 10px 15px 15px;
    }
    .ranking-wrap .ctm_pageTtl > .ttlLv1 > .heading {
        font-size: 3.2rem;
        line-height: 1.35;
    }
    .ranking-wrap .ctm_pageTtl > .ttlLv1 > .heading .-fs50per-forPC{
        font-size: 50%;
    }
    .ranking-wrap .ctm_pageTtl > .ttlLv1 > .heading .-fs75per-forPC{
        font-size: 75%;
    }
    .ranking-wrap .ranking-lowerArea.--grid.--gtc-2col-forPC {
        grid-template-columns: repeat(2, var(--lowerAreaSize));
    }
}

/**************************
 オークラニッコー特集 
 **************************/
/* オークラニッコー特集 -> タイトル内ロゴ */
span.logo-okuraNikkoJALCity {
    display: block;
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/jaldp/timesale/img_sites/logo_asi-okuraNikkoJALCity-2511.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 300px;
    height: 80px;
}
.title-logo-left .ttlLv2 .heading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.title-logo-left .ttlLv2 .heading > span {
    display: block;
}
/* オークラニッコー特集 -> ホテルごとのロゴ */
.okuraNikko-hotel-logo img {
    width: auto;
    height: 40px;
}
/* オークラニッコー特集 -> 青背景 */
.okuraNikko-blueWrap {
    background-color: #174d97;
    color: #FFF;
    border-radius: 10px;
    padding: 12px;
}
.okuraNikko-text-yellow {
    color: #f5d900;
}
.okuraNikko-text-underLine {
    border-bottom: solid 1px #f5d900;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

/* 高さ揃え無効 SPのみ */
@media (max-width: 739px) {
    .eqHeight-unset-forSP [class*="js-eqHeightCols-item"] {
        height: unset !important;
    }
}

/* 汎用 -> grid */
.--grid {
    display: grid;
}
.--grid::before,
.--grid::after {
    display: none;
}
.--grid.--g-ji-c {
    justify-items: center;
}
.--grid.--ji-stretch {
    justify-items: stretch;
}
.--grid.--ai-c {
    align-items: center;
}
.--grid.--jc-c {
    justify-content: center;
}
.--grid.--jc-se {
    justify-content: space-evenly;
}
.--grid.--gtc-1col {
    grid-template-columns: 1fr;
}
.--grid.--gtc-2col {
    grid-template-columns: repeat(2, 1fr);
}
.--grid.--gtc-3col {
    grid-template-columns: repeat(3, 1fr);
}
.--grid.--gtc-4col {
    grid-template-columns: repeat(4, 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 (max-width: 739px) {
    .--grid.--flex-forSP {
        display: flex;
    }
    .--grid.--gap-10-forSP {
        gap: 10px;
    }
    .--grid.--gap-15-forSP {
        gap: 15px;
    }
    .--grid.--gap-20-forSP {
        gap: 20px;
    }
    .--grid.--gap-30-forSP {
        gap: 30px;
    }
    .--grid.--gap-50-forSP {
        gap: 50px;
    }
}
@media (min-width: 740px) {
    .--grid.--gap-10-forPC {
        gap: 10px;
    }
    .--grid.--gap-15-forPC {
        gap: 15px;
    }
    .--grid.--gap-20-forPC {
        gap: 20px;
    }
    .--grid.--gap-30-forPC {
        gap: 30px;
    }
    .--grid.--gap-50-forPC {
        gap: 50px;
    }
    .--grid.--gtc-1col-forPC {
        grid-template-columns: 1fr;
    }
    .--grid.--gtc-2col-forPC {
        grid-template-columns: repeat(2, 1fr);
    }
    .--grid.--gtc-3col-forPC {
        grid-template-columns: repeat(3, 1fr);
    }
    .--grid.--gtc-4col-forPC {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 汎用 -> flexbox */
.-flexbox {
    display: flex;
}
.-flexbox::before,
.-grflexboxid::after {
    display: none;
}
.-flexbox.-fd-row {
    flex-direction: row;
}
.-flexbox.-fd-column {
    flex-direction: column;
}
.-flexbox.-fd-rowRrev {
    flex-direction: row-reverse;
}
.-flexbox.-fd-columnRev {
    flex-direction: column-reverse;
}
.-flexbox.-fw-nowrap {
    flex-wrap: nowrap;
}
.-flexbox.-fw-wrap {
    flex-wrap: wrap;
}
.-flexbox.-ac-center {
    align-content: center;
}
.-flexbox.-ac-flexStart {
    align-content: flex-start;
}
.-flexbox.-ac-flexEnd {
    align-content: flex-end;
}
.-flexbox.-ac-spaceAround {
    align-content: space-around;
}
.-flexbox.-ac-spaceBetween {
    align-content: space-between;
}
.-flexbox.-ac-stretch {
    align-content: stretch;
}
.-flexbox.-jc-center {
    justify-content: center;
}
.-flexbox.-jc-flexStart {
    justify-content: flex-start;
}
.-flexbox.-jc-flexEnd {
    justify-content: flex-end;
}
.-flexbox.-jc-spaceBetween {
    justify-content: space-between;
}
.-flexbox.-jc-spaceAround {
    justify-content: space-around;
}
.-flexbox.-jc-spaceEvenly {
    justify-content: space-evenly;
}
.-flexbox.-ai-center {
    justify-content: center;
}
.-flexbox.-ai-flexStart {
    justify-content: flex-start;
}
.-flexbox.-ai-flexEnd {
    justify-content: flex-end;
}
.-flexbox.-ai-stretch {
    justify-content: stretch;
}
.-flexbox.-ai-baseline {
    justify-content: baseline;
}

/* 汎用 grid -> オオクラニッコー特集 */
@media (min-width: 740px) {
    .--grid.--gtc-custom-01 {
        grid-template-columns: 1fr 2fr 1fr;
    }
}