.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: 1.9rem;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%;}
@media (max-width: 739px){
    .tourGadget02 .areaPrice .headPrice{width: 100%;}
    .tourGadget02 .areaPrice li{font-size: 2.4rem; width: 100%;}
}

/* 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%;
}