@charset "utf-8";

/* slick */
.dpBoxWrap .slidControl{width:950px;text-align:center;transform:translateX(0);background-color:transparent;margin:0 auto;padding:0;line-height:0;}
.dpBoxWrap .slidControl .playControl{display:none;}
.dpBoxWrap .slidControl .slick-dots li{margin:20px 8px 0;}
.dpBoxWrap .slidControl .slick-dots li button::before{border:2px solid #cc0000;width:12px;height:12px;}
.dpBoxWrap .slidControl .slick-dots li.slick-active button::before{background-color:#cc0000;}
.dpBoxWrap .slick-dots > li:first-child:last-child{display:none;}
.dpBoxWrap .slick-dotted.slick-slider{margin:0 auto;}
.dpBoxWrap .slick-slider .slick-prev, .dpBoxWrap .slick-slider .slick-next{height:40px;width:40px;z-index:5;}
.dpBoxWrap .slick-slider .slick-next{right:-40px;padding:8px 5px 8px 15px;}
.dpBoxWrap .slick-slider .slick-prev{left:-40px;padding:8px 15px 8px 5px;}
.dpBoxWrap .slick-disabled{cursor:auto;}
@media (max-width:739px){
.dpBoxWrap .slidControl{width:100%;}
.dpBoxWrap .slidControl .slick-dots li{margin:20px 5px 0;}
.dpBoxWrap .slick-slider .slick-prev, .dpBoxWrap .slick-slider .slick-next{padding:0;width:20px;}
.dpBoxWrap .slick-slider .slick-next{right:-25px;}
.dpBoxWrap .slick-slider .slick-prev{left:-25px;}
}

/* dpBox */
.dpBoxWrap{display:block;width:950px;/*margin-left:-20px;*/}
.dpBoxWrap .slick-list{margin-left:-20px;}
.dpBoxWrap .dpBox{border:1px solid #dcdcdc;cursor:auto;padding:20px;margin-left:20px;width:465px;}
.dpBoxWrap .dpBox .dpHead{margin-top:20px;}
.dpBoxWrap .dpBox .dpHead .heading{font-weight:bold;}
.dpBoxWrap .dpBox .dpInr{border-top:1px solid #dcdcdc;padding-top:16px;margin-top:8px;}
.dpBoxWrap .dpBox .dpInr .priceTxt{color:#cc0000;font-size:2rem;font-weight:bold;margin-top:8px;}
.dpBoxWrap .dpBox .dpInr .priceTxt > span{font-size:1.4rem;}
.dpBoxWrap .dpBox .dpInr .priceTxt .class{color:#333;}
.dpBoxWrap .dpBox .dpInr .noteList{margin-top:16px;}
.dpBoxWrap .dpBox .dpInr .noteList > li{font-size:1.2rem;}
.dpBoxWrap .dpBox .dpInr .btnBox{display:block;margin-top:10px;}
@media (min-width:740px){
.dpBoxWrap .slick-list .slick-track{min-width:100%;}
}
@media (max-width:739px){
.dpBoxWrap{margin:0;width:100%;}
.dpBoxWrap .dpBox{margin:0;width:100%;}
.dpBoxWrap .dpBox .dpInr .btnBox{margin-top:16px;}
.dpBoxWrap .slick-list{margin:0 auto;}
.dpBoxWrap.js-slick{margin:0 auto;width:calc(100% - 35px);}
/*.dpBoxWrap .dpBox .js-eqHeightCols-item, .dpBoxWrap .dpBox .js-eqHeightCols-item-2, .dpBoxWrap .dpBox .js-eqHeightCols-item-3{height:auto !important;}*/
}

/* 幅調整 */
@media (min-width: 740px) {
    .-w70p-forPC { width: 70% !important;}
}

/* 見出しタイトル */
.ctm_pageTtl.hc07 {
    background-color: #003466;
    color: #ffffff;
}

/* テキストラベル 001 */
.text > [class*="ctm_iconTxt_"].-textIcon-001 {
    border-radius: 30px;
    padding: 4px 25px 3px;
    font-size: 1.6rem;
}

/* テキストアイコン ホテルグレード */
.btn_colorS{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#caaa49;}
.btn_colorL{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#327bf3;}
.btn_colorA{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#f79155;}
.btn_colorB{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#efcf02;}
.btn_colorC{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#9b9baa;}

[class^="btn_color"]{
    color: #000 !important;
    font-weight: bold !important;
}

/* 燃料サーチャージ込み！ */
.text-fuelSC {
    border: 1px solid #c00;
    padding: 4px 0px;
}

/* セール表示用 */
.saleBox {
    border: 3px solid #003466;
    width: min(600px, 100%);
    margin-left: auto;
    margin-right: auto;
}

/* 期間限定！（クリスマスセール） */
.contentsInr .contentsUnit.LTOffer {
    --LTO-pd: 20px;
    --LTO-bd: 3px;
    border: var(--LTO-bd) solid #003466;
    padding-top: var(--LTO-pd);
    padding-bottom: var(--LTO-pd);
}
.LTOffer .ctm_pageTtl.-title {
    width: fit-content;
    background-color: #C00;
    color: #FFF;
    border-radius: 4px;
}
.LTOffer .ctm_pageTtl.-title [class*="ttlLv"] {
    margin: 0;
    padding: 4px 8px;
}
.LTOffer .ctm_pageTtl.-title [class*="ttlLv"] .heading {
    font-size: 2.0rem;
}
@media (min-width: 740px) {
    .contentsInr .contentsUnit.LTOffer {
        width: calc(950px + var(--LTO-pd) * 2 + var(--LTO-bd) * 2);
        padding: var(--LTO-pd);
    }
    .LTOffer .ctm_pageTtl.-title [class*="ttlLv"] .heading {
        font-size: 1.8rem;
    }
}

/* ビジネスクラス・プレミアムエコノミークラス利用限定！ */
.cpy-wrap {
    padding: 0 10px 10px;
    background-color: #ffefde;
}
@media (min-width: 740px) {
    .cpy-wrap {
        padding: 0 20px 20px;
    }
}
.-couponCd {
    width: fit-content;
    border: 2px solid #000;
}
.-couponCd table tr td {
    padding: 5px;
    background-color: #fff;
    color: #c00;
    font-size: 1.8rem;
}
.-couponCd table tr td:nth-child(1) {
    background-color: #000;
    color: #fff;
}
.-couponCd table tr td:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
}

/* おすすめホテルプランのご紹介 */
.-bgc-lightYellow {
    background-color: #fffad2 !important;
}
.-bgc-white-col > .colWrap > .col {
    background-color: #FFF !important;
}
.-ttl-pdmg0 > [class*="ttlLv"] {
    padding: 0;
    margin: 0;
}
.osusumeHotels-blueWrap {
    background-color: #174d97;
    color: #FFF;
    border-radius: 10px;
    padding: 12px;
}
.osusumeHotels-text-underLine {
    border-bottom: solid 1px #f5d900;
    padding-bottom: 3px;
    margin-bottom: 5px;
}
.osusumeHotels-text-yellow {
    color: #f5d900;
}
.-pdng5-forSP {
    padding: 5px !important;
}
@media (min-width: 740px) {
    .-pdng15-forPC {
        padding: 15px !important;
    }
}