/* .recommendLavel{display: inline-block;background-color: #ff0066;color: #ffffff;text-align: center;line-height: 54px;padding: 0 15px;position: relative;} */
/*.recommendLavel::before,
.recommendLavel::after{content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;right: -39px;}
.recommendLavel::before{border-width: 27px 39px 0 0;border-color: #ff0066 transparent transparent transparent;top: 0;}
.recommendLavel::after{border-width: 27px 0 0 39px;border-color: transparent transparent transparent #ff0066;bottom: 0;}*/
[class^="tourGadget"] {position: relative;}
/* [class^="tourGadget"] .recommendLavel{position: absolute;top: 0;left: 0;} */
.pageTtl_box.ctm_pageTtl {text-align: left;position: relative;}
.pageTtl_box.ctm_pageTtl [class^="ttlLv"]{padding: 10px 24px 0 0;margin: 0;}
.pageTtl_box.ctm_pageTtl .heading{color: #002060;padding: 0;}
.pageTtl_box.ctm_pageTtl .txtLink{font-size: 2rem;padding-left: 0;padding-right: 32px;}
.pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon{width: 20px;height: 16px;top:34px;left: auto;right: 6px;}
.pageTtl_box.ctm_pageTtl .heading .areaTtl{font-size: 1.4rem;display: block;}
.pageTtl_box.ctm_pageTtl [class^="iconBath"]{position: absolute;text-align: center;font-size: 10px;top: 20px;right: 0;}
.pageTtl_box.ctm_pageTtl [class^="iconBath"] i {display: block;font-size: 12px;color: #ffffff;font-weight: 700;border-radius: 50%;width: 2em;height: 2em;padding: 4px 0;}
.pageTtl_box.ctm_pageTtl [class^="iconBath"][class*="Free"] i{background-color: #ff66b8;}
.pageTtl_box.ctm_pageTtl [class^="iconBath"][class*="Paid"] i{background-color: #ff66b8;}
.appealLabel{background-color: #002060;color: #fff;text-align: center;margin-bottom: 20px;padding: 6px 0 7px;}
.appealLabel .sub01{font-size: 1.1rem;}
.appealLabel .sub02{font-size: 1.3rem;}
.appealLabel .main{font-size: 1.6rem;}
.areaPrice{display: flex;flex-wrap: wrap;}
.areaPrice li{font-size: 2.4rem;width: 50%;}
@media (min-width: 740px){
    .tourGadget01 .areaPrice .headPrice{font-size: 3.6rem;}
}
.areaPrice .headPrice{width: 100%;}
.areaPrice .depArea{display: inline-block;font-size: 1.4rem;width: 84px;}
.tripBox180{width: 180px;margin: 0 auto;}
.travelPeriod{display: flex;align-items: flex-start;margin-top: 15px;flex-direction: column;}
@media (min-width: 740px){
    .travelPeriod{flex-direction: row;}}
.travelPeriod{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 10px 5px;}
.travelPeriod [class^="period"]{background-color: #31a0ee;color: #ffffff;text-align: center;display: inline-block;width: 70px;line-height: 24px;}
.travelPeriod [class^="period"][class*="_two"]{background-color: #ea5a5a;}
.travelPeriod .txtDetail{margin-top: 15px;width: auto;}
@media (min-width: 740px){
    .travelPeriod .txtDetail{margin-top: 0;margin-left: 15px;width: 370px;}}
.reserveArea{display: flex;margin-top: 15px;flex-direction: column;}
@media (min-width: 740px){
    .reserveArea{margin-top: 30px;flex-direction: row;}}
.reserveArea .btnList{margin-top: 15px;padding: 0 30px;}
@media (min-width: 740px){
    .reserveArea .btnList{margin-top: 0;margin-left: 20px;padding: 0;width: calc(100% - 200px);}}
.reserveArea .btnList li .btn{margin: 0;}

/* tourGadget01 */
.tourGadget01 .recommendItem{margin-top: 10px;padding: 35px 15px 20px;position: relative;background-color: #ffcccc;}
@media (max-width: 739px){
    .tourGadget01 .appealLabel .sub01 {display: block;}
    .tourGadget01 .areaPrice li{width: 100%;}
}
@media (min-width: 740px){
    .tourGadget01 .recommendItem{padding: 35px 20px 20px;}
}
.tourGadget01 .recommendItem .recomInr{background-color: #ffffff;padding: 15px 20px;}
.tourGadget01 .recommendItem .colWrap{margin-top: 10px;}
.tourGadget01 .pageTtl_box.ctm_pageTtl [class^="iconBath"]{top: 0;}
.tourGadget01 .pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon {top: 1.5em;}
@media (min-width: 740px){
    .tourGadget01 .pageTtl_box.ctm_pageTtl .areaTtl {display: inline-block;}
    .tourGadget01 .pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon {top: 0.7em;}
}
/* tourGadget02 */
/* .tourGadget02 .pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon{top: auto;bottom: 0;} */
.tourGadget02 .colWrap .imgParts{margin: 5px 0 20px 0;}
/*.tourGadget02 .colWrap .col{background-color: #fff2cc;padding: 35px 15px 15px;position: relative;}
.tourGadget02 .colWrap .col .colInr{background-color: #ffffff;padding: 10px 15px;}*/
.tourGadget02 .appealLabel{margin-top: 25px;}
.tourGadget02 .appealLabel .sub01{display: block;}
.tourGadget02 .areaPrice li{font-size: 2.4rem; width: 50%;}
.tourGadget02 .travelPeriod{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 10px 5px;}
.tourGadget02 .areaPrice .headPrice{width: 50%;}

/* tourGadget03 */
.tourGadget03 .colWrap + .colWrap{margin-top: 10px;}
.tourGadget03 .pageTtl_box.ctm_pageTtl .heading,
.tourGadget03 .pageTtl_box.ctm_pageTtl .txtLink{
    font-size: 2rem;}
.tourGadget03 .appealLabel{margin-bottom: 10px;}
.tourGadget03 .appealLabel *{display: block;}
@media (min-width: 740px){
    .tourGadget03 .colWrap + .colWrap{margin-top: 10px;}}
.tourGadget03 .clm_1_3col .col{padding: 10px;border: 1px solid #cccccc;}
.tourGadget03 .inrClm_1_2col{display: flex;margin-top: 5px;}
.tourGadget03 .inrClm_1_2col .inrCol{width: calc(50% - 15px);}
.tourGadget03 .inrClm_1_2col .inrCol:nth-child(2){width: 65%;margin-left: 10px;}
/* .tourGadget03 .inrClm_1_2col .appealLabel {font-size: 1.2rem;} */
.tourGadget03 .inrClm_1_2col .areaPrice .headPrice{font-size: 2rem;}
.tourGadget03 .inrClm_1_2col .areaPrice li{font-size: 1.6rem;}
@media (max-width: 739px){
    .tourGadget03 .inrClm_1_2col .areaPrice .headPrice,
    .tourGadget03 .inrClm_1_2col .areaPrice li{font-size: 1.8rem; width: 100%}
}
.tourGadget03 .inrClm_1_2col .areaPrice .depArea{font-size: 1.2rem;}
@media (min-width: 740px){
    .tourGadget03 .inrClm_1_2col .areaPrice .depArea{width: 72px;}
}
.tourGadget03 .travelPeriod [class^="period"]{width: 60px;}

@media (min-width: 740px){
    .tourGadget03 .travelPeriod .txtDetail{width: 225px;}
    .tourGadget03 .inrClm_1_2col .areaPrice .headPrice{font-size: 1.6rem;}
    .tourGadget03 .inrClm_1_2col .areaPrice li {width: 100%;font-size: 1.6rem;}}
.tourGadget03 .reserveArea{flex-direction: column;}
.tourGadget03 .reserveArea .tripBox180{margin: auto;}
.tourGadget03 .reserveArea .btnList{margin-top: 30px;margin-left: 0;padding: 0 30px;width: auto;}

/* if noPrice*/
.noPrice .tourGadget03 .inrClm_1_2col .inrCol{
    width: 100%;
}

/*一押しホテル*/
/* @media (max-width: 739px){
    .recommendLavel {display: inline-block;background-color: #ff0066;color: #ffffff;text-align: center;line-height: 52px;padding: 0 15px;position: absolute;top: 0;left: 0;}
}
@media (min-width: 740px){
    .recommendLavel {display: inline-block;background-color: #ff0066;color: #ffffff;text-align: center;line-height: 52px;padding: 0 15px;position: absolute;top: 0;left: 0;}
} */
/*.recommendLavel::before,
.recommendLavel::after{content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;right: -39px;}
.recommendLavel::before{border-width: 27px 40px 0 0;border-color: #ff0066 transparent transparent transparent;top: 0;}
.recommendLavel::after{border-width: 27px 0 0 40px;border-color: transparent transparent transparent #ff0066;bottom: 0;}*/

/* tourGadget01 */
.tourGadget01 .recommendItem {margin-top: 10px;padding: 35px 15px 20px;position: relative;background-color: #ffcccc;}
@media (max-width: 739px){
    .tourGadget01 .appealLabel .sub01 {display: block;}
    .tourGadget01 .areaPrice li{width: 100%;}
}
@media (min-width: 740px){
    .tourGadget01 .recommendItem{padding: 20px 20px 20px;}
}
.tourGadget01 .recommendItem .recomInr{background-color: #ffffff;padding: 40px 10px 15px;}
.tourGadget01 .recommendItem .colWrap{margin-top: 10px;}
.tourGadget01 .pageTtl_box.ctm_pageTtl [class^="iconBath"]{top: 0;}
.tourGadget01 .pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon {top: 1.5em;}
@media (min-width: 740px){
    .tourGadget01 .pageTtl_box.ctm_pageTtl .areaTtl {display: inline-block;}
    .tourGadget01 .pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon {top: 0.7em;}
}
/* tourGadget02 */
.tourGadget02 .colWrap .col{background-color: #fff2cc;padding: 35px 15px 20px;position: relative;}
.tourGadget02 .colWrap .col .colInr{background-color: #ffffff;padding: 40px 10px 0;}
.tourGadget02 .appealLabel{margin-top: 25px;}
.tourGadget02 .appealLabel .sub01{display: block;}
.tourGadget02 .areaPrice li{font-size: 2.4rem; width: 50%;}
.tourGadget02 .travelPeriod{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 10px 5px;}
.tourGadget02 .areaPrice .headPrice{width: 50%;}
@media (max-width: 739px){
    .tourGadget02 .areaPrice .headPrice{width: 100%;}
    .tourGadget02 .areaPrice li{font-size: 2.4rem; width: 100%;}
}
@media (min-width: 740px){
    .tourGadget02 .colWrap .col {
        background-color: #fff2cc;
        padding: 20px 18px 20px;
        position: relative;
    }
}

/*1022*/

/*ranking*/
/*.ranking_area{background: #ecf6ff; padding: 1% 2%;}*/
.ranking_area{background: #fff3b9; padding: 1% 2%;}
.ranking .boxList{margin-top: 10px; border-bottom: none;}
.lank_num,.lank_no_num{display: flex; align-items: center; background: #fff; padding: 2%; border-radius: 10px;}
.lank_num::before,.lank_no_num::before{
margin-right: 10px;
padding-top: 10px;
width: 50px;
height: 45px;
border-radius: 50%;
font-weight: bold;
vertical-align: middle;
text-align: center;
} 
.ranking .lank_no1::before{content: "No.1"; background: #e9bc1a;} 
.ranking .lank_no2::before{content: "No.2"; background: #d5d5d5;} 
.ranking .lank_no3::before{content: "No.3"; background: #8d7211; color: #fff;} 
.ranking .lank_no_num::before{content: "";} 
.ranking .boxList dl{display: flex; align-items: center;}
.ranking .boxList dt{width: 35%; margin-bottom: 0;}
.ranking .boxList dd{width: 65%;}
.ranking .boxList dt span{padding: 10px;}

@media (max-width: 740px){
.ranking .boxList dl{font-size: 1.5rem;}
.ranking .boxList dt{width: 50%; margin-bottom: 0;}
.ranking .boxList dd{width: 50%;}
}
/*ranking*/

/*ラベル文字*/
[class^="btn_color"],.ttl_classY {color: #000 !important;font-weight: bold !important;}
    
/*イチ押し*/
.recommendLavel {background-color: #001681;}

.tourGadget01 .recommendItem { background-color: #e6d27a;}
.tourGadget02 .colWrap .col { background-color: #bbe1ff;}
.tourGadget02.--tg02-pink .colWrap .col { background-color: #ffbdd3; }

.f_sc {border: 1px solid #c00;padding: 4px 0px;}

.waribiki_coupon .col_inner {
    border: 1px solid #000000;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
}
.coupon_price_area,
.coupon_price_area-01 {
    padding: 3%;
}
.icon_WT {
    display: inline-block;
    border-radius: 11px;
    background-color: #fff;
    padding: 0 10px;
}
.coupon_detail {
    padding: 3%;
}
.col_inner.ctm_coupon-show,
.col_inner.ctm_coupon-hidden{
    position: relative;
}

.waribiki_coupon_int .coupon_price_area {background-color: #fffa67;padding-bottom: 15px;}
.waribiki_coupon_int .coupon_price_area-01 {background-color: #b8ecfd;padding-bottom: 15px;}
iframe#bedore-webagent-inner {display: block !important;}
@media (max-width: 740px){.sp_f p {font-size: 3vw;}}

/*.guampay .txtList::before {
    content: "終了しました";
    color: #cc0000;
    font-size: 20px;
    font-weight: 600;
}*/

.ttl_bbt {border-bottom: solid #e6d27a 4px;}
.ttl_bb {border-bottom: solid #bbe1ff 4px;}
.tourGadget02.--tg02-pink .ttl_bb {border-bottom: solid #ffbdd3 4px;}
.waribiki_coupon .disct_bg {background: #CC0000;color: #fff;}

/*2503価格一例調整*/
@media (min-width: 740px){
    .appeal_p {position: relative;}
    .appeal_c {
        position: absolute;
        bottom: 15px;right: 2%;
        border-radius: 50%;
        background: #fff;
        padding: 2%;
        border: 2px solid #cc0000;color: #fff;
        line-height: 1.3;
        width: 100px;
        height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.2rem;
    }
    .appeal_c.--appeal_c-bottom01 {
        bottom: 63px;
    }
}

@media (max-width: 739px){
    .appeal_c {
        border: 2px solid #cc0000;color: #fff;
        background: #fff;
        padding: 3px;
    }

}
.price_ttl{
    background: linear-gradient(transparent 56%, rgb(255 204 204 / 50%) 60%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.8rem;
}
.price_ttl::before{content: "＼";}
.price_ttl::after{content: "／";}

/* 毎朝食付きホテル！ 中サイズ */
div.recommendLavel-2510,
div.hotel-textLabel-center {
    --rl-bgc-blue: #001681;
    --rl-bgc-blown: #734b4b;
    --rl-bgc-green: #668010;
    --rl-fc-white: #FFF;
    --rl-fc-black: #333;
}
.recommendLavel-2510 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.recommendLavel-2510 .recommendLavel {
    background-color: var(--rl-bgc-blue);
}
.recommendLavel-2510 > .text {
    width: fit-content !important;
}
.recommendLavel-2510 > .text:not(:first-child) {
    border-left: 1px dashed var(--rl-bgc-green);
}
.recommendLavel-2510 > .text > .recommendLavel {
    padding: 0px 12px;
    width: fit-content;
    color: #FFF;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}
.recommendLavel-2510 > .text > .recommendLavel.--bgc-green {
    background-color: var(--rl-bgc-green);
}
@media (min-width: 740px) {
    .recommendLavel-2510 > .text > .recommendLavel {
        height: 50px;
    }
}

/* 毎朝食付きホテル！ 小サイズ */
.hotel-textLabel-center {
    margin-bottom: 8px;
    padding: 2px 4px;
    background-color: var(--rl-bgc-green);
    color: #fff;
}
.hotel-textLabel-center.--hidden {
    padding: 2px 4px;
    background-color: transparent;
    color: transparent;
    margin-bottom: 8px;
}