/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}

/* MV */
.mainTtl{
    text-shadow: 0 0 4px #222222;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.mainLead{
    display: inline-block;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 739px){
    .heroimgWrap .mainHeading{
        padding: 0 20px;top: calc(15% + 10px);}
    .mainLead{
        margin: 10px 10px 0;}}

/* tabBlock */
.tabBlock .tabs_parent li:not(.current) a span::after{
    transform: rotate(-90deg);}

/* feature */
#feature{margin-top: 50px;}
@media (min-width: 740px){
    #feature{
        margin-top: 145px;
        padding-bottom: 30px;}}
#feature .tmbBlock .inr{background-color: transparent;}
#feature .slidControl{
	position: absolute;
    /* width: 950px;
    text-align: center;
    transform: translateX(0);
    background-color: transparent;
    margin: 20px auto 0; */
}
#feature .slidControl .playControl{
        display: none;}
/* #feature .slidControl .slick-dots li button::before{
    border: 2px solid #cc0000;
    width: 12px;
    height: 12px;} */
#feature .colWrap.js-slick .slick-prev,
#feature .colWrap.js-slick .slick-next{
    z-index: 50;
    top: calc(25% + 4px);
}
/* latest */
#latest{margin-top: 20px;}
@media (min-width: 740px){
    #latest{margin-top: 30px;
    padding: 0 0 20px;}}
#latest .column .btn.iconDown::after{
    background-position: 0 -53px;}

#hotel .errorTxt{
    text-align: center;
}
#hotel .errorTxt span{
    display: inline-block;
    padding: 15px 10px;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #cccccc;
}
#hotel .colWrap .pageTtl_box {
    text-align: left;
}
#hotel .colWrap [class*="ttlLv"]{
    min-height: 73px;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: left;
}
#hotel .colWrap .col {
    border: 1px solid #cccccc;
}
#hotel .colWrap .col .img .imgParts {
    height: 187px;
    background-color: #cccccc;
    text-align: center;
}
#hotel .colWrap .col .img .imgParts img {
    max-width: 100%;
    width: auto;
    height: 100%;
}
/* plan */
@media (min-width: 740px){
    #plan{margin-top: 40px;}}

[class*="ttlLv"] [class*="label_"]{
    display: inline-block;
    color: #ffffff;
    font-size: 1.6rem;
    padding: 2px 6px;
    font-weight: normal;
}
[class*="ttlLv"] [class*="label_"][class*="rentcar"]{
    background-color: #AE7D65;
}
[class*="ttlLv"] [class*="label_"][class*="meal"]{
    background-color: #B2B84A;
}
[class*="ttlLv"] [class*="label_"][class*="ferry"]{
    background-color: #6CA3D2;
}
[class*="ttlLv"] [class*="label_"][class*="taxi"]{
    background-color: #e3ab1b;
}
[class*="ttlLv"] [class*="label_"][class*="jr"]{
    background-color: #F76AC9;
}
/* spot */
#spot{margin-top: 50px;}
@media (min-width: 740px){
    #spot{margin-top: 90px;}}

/* ontrip */
#ontrip{padding: 40px 0;}
@media (min-width: 740px){
    #ontrip{padding: 80px 0 80px;}}
@media (min-width: 740px){
    #question{padding: 50px 0 80px;}}

/* question */
#question{padding: 20px 0 30px;}
@media (min-width: 740px){
    #question{padding: 50px 0 80px;}}
.ttl_ontrip {text-align: center;}
@media (max-width: 739px){
    .ttl_ontrip img{width: 300px;}}
    /* tripAdvisor */
.tripBox180{margin: 0 auto;}

/* clm scroll */
@media (max-width: 739px){
.sp_scroll_on .column{overflow: auto;white-space: nowrap;}
.sp_scroll_on .column .colWrap{width: 100%;flex-wrap: nowrap;display: block;}
.sp_scroll_on .column .colWrap .col{display: inline-block;vertical-align: top;margin-top: 0;}
.sp_scroll_on .column .colWrap .col *{white-space: normal;}
.sp_scroll_on .column .colWrap .col:first-child,
.sp_scroll_on .column .colWrap .col:nth-child(3n+1){
    margin-top: 0;
    margin-left: 10px;
}
}
.sp_scroll_on .column .colWrap .col{border: none;}
.sp_scroll_on .column .clm_1_3col .col,
.sp_scroll_on .column .clm_3_3col .col{width: 300px;}
.sp_scroll_on .column .clm_1_4col .col{width: 218px;}
.btn.iconDown.iconHead::after{background-position: 0 -53px;}
.colWrap.feature_plan .col{border: none;}
.colWrap.feature_plan{margin-top: 90px;}
/* clm slick */
.colWrap.clm_3_3col.recommend_plan .col{
    border: 1px solid #ccc;
}
.colWrap.clm_1_4col.feature_plan .col .txtLink {
    font-weight: 700;
    color: #333333;
}
@media all and (min-width:740px){
.colWrap.js-slick{
    display: block;
    width: 950px;
	padding-bottom: 55px;
}
.colWrap.js-slick .slick-prev,
.colWrap.js-slick .slick-next{
    z-index: 50;
}
.colWrap.clm_3_3col.recommend_plan .slick-list{
    margin-left: -25px;
}
.colWrap.clm_1_4col.feature_plan .slick-list{
    margin-left: -30px;
}
.colWrap.clm_3_3col.recommend_plan .col,
.colWrap.clm_3_3col.recommend_plan .col:first-child,
.colWrap.clm_3_3col.recommend_plan .col:nth-child(3n+1){
    margin-top: 0;
    margin-left: 25px;
}
.colWrap.feature_plan{margin-top: 55px;}
.colWrap.clm_1_4col.feature_plan .col,
.colWrap.clm_1_4col.feature_plan .col:first-child,
.colWrap.clm_1_4col.feature_plan .col:nth-child(3n+1){
    margin-top: 0;
    margin-left: 30px;
    padding: 0;
}
}

/* carousel link */
.contLink:hover .txtLink,
.contLink:hover .btnInr{text-decoration: underline;}
/* tab spot */
.areaMap{position: relative;}
.areaMap .js-areatab ul li {position: absolute;padding: 13px 0 11px;}
.areaMap .js-areatab ul li a{border: 1px solid #9e9e9e;font-size: 1.6rem;padding: 13px 15px 11px 30px;background-color: #ffffff;position: relative;}
.areaMap .js-areatab ul li.is-active a,
.areaMap .js-areatab ul li a:hover{background-color: #cc0000;color: #ffffff;border-color: #cc0000;}
.areaMap .js-areatab ul li a::after{
    font-size: inherit;position: absolute;top: 50%;left: 10px;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    content: '';display: inline-block;vertical-align: middle;background-image: url(/content/dam/sites/global/Y18/img/icons_utility.svg);background-repeat: no-repeat;background-size: 100px auto;
    width: 8px;height: 12px;background-position: 0 0;
}
.areaMap .js-areatab ul li.is-active a::after,
.areaMap .js-areatab ul li a:hover::after{width: 8px;height: 13px;background-position: 0 -17px;}
@media (max-width: 739px){
    .areaMap .js-areatab ul li {padding: 0;}
    .areaMap .js-areatab ul li a{font-size: 2.667vw;padding: 0.8vw 2.133vw 0.533vw 4.267vw;}
    .areaMap .js-areatab ul li a::after{left: 2.133vw;background-size: 13.333vw auto;width: 1.067vw;height: 1.6vw;}
    .areaMap .js-areatab ul li.is-active a::after,
    .areaMap .js-areatab ul li a:hover::after{width: 1.067vw;height: 1.733vw;background-position: 0 -2.267vw;}
}
@media (orientation:landscape){
    .areaMap .js-areatab ul li {padding: 13px 0 11px;}
}

.spot_info dl dt{font-size: 1.8rem;margin-top: 10px;}
.spot_info dl dd{margin-top: 15px;}

/* timesale gadget for TIME_SALE */
.round-txt .fcRD{font-size: 2rem;background-color: #ffcccc;padding: 11px 60px;border-radius: 40px;}
@media (max-width: 739px){
    .round-txt .fcRD{display: inline-block;}
}
@media (min-width: 740px){
    .round-txt .fcRD{font-size: 3.6rem;padding: 4px 40px;border-radius: 45px;}
    .round-txt .fcRD br{display: none;}
}
.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;}
#TIME_SALE .pageTtl_box.ctm_pageTtl {text-align: left;position: relative;}
#TIME_SALE .pageTtl_box.ctm_pageTtl [class^="ttlLv"]{padding: 10px 24px 0 0;margin: 0;}
#TIME_SALE .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;}
.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 (max-width: 740px){
    .tourGadget01 .areaPrice li{font-size: 3.6rem;width: 100%;}
}
.areaPrice .headPrice{font-size: 3.6rem;width: 100%;}
.areaPrice .depArea{font-size: 1.4rem;}
.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;}
.tourGadget02 .pageTtl_box.ctm_pageTtl .heading .areaTtl,
.tourGadget03 .pageTtl_box.ctm_pageTtl .heading .areaTtl{display: block;}
/* tourGadget01 */
.tourGadget01 {margin-top: 30px;}
.tourGadget01 .recommendItem{margin-top: 30px;padding: 35px 15px 20px;position: relative;background-color: #ffcccc;}
@media (min-width: 740px){
    .tourGadget01 {margin-top: 50px;}
    .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: 0.7em;}
/* sp_scroll_on */
/* @media (max-width: 739px){
.tourGadget01{overflow: auto;white-space: nowrap;}
.tourGadget01 .recommendWrap{width: 100%;flex-wrap: nowrap;display: block;}
.tourGadget01 .recommendWrap .recommendItem{display: inline-block;vertical-align: top;margin-top: 0;}
.tourGadget01 .recommendWrap .recommendItem *{white-space: normal;}
.tourGadget01 .recommendWrap .recommendItem:first-child,
.tourGadget01 .recommendWrap .recommendItem:nth-child(3n+1){
    margin-top: 0;
    margin-left: 10px;
}
} */
/* tourGadget02 */
.tourGadget02 {margin-top: 30px;}
.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: 740px){
    .tourGadget02 {margin-top: 50px;}
    .tourGadget02 .areaPrice .headPrice{width: 100%;}
    .tourGadget02 .areaPrice li{font-size: 2.4rem; width: 100%;}
}
/* sp_scroll_on */
/* @media (max-width: 739px){
.tourGadget02 .column{overflow: auto;white-space: nowrap;}
.tourGadget02 .column .colWrap{width: 100%;flex-wrap: nowrap;display: block;}
.tourGadget02 .column .colWrap .col{display: inline-block;vertical-align: top;margin-top: 0;}
.tourGadget02 .column .colWrap .col *{white-space: normal;}
.tourGadget02 .column .colWrap .col:first-child,
.tourGadget02 .column .colWrap .col:nth-child(3n+1){
    margin-top: 0;
    margin-left: 10px;
}
} */
#TIME_SALE .column .btn.iconDown::after{
    background-position: 0 -53px;}
#TIME_SALE .ttlLv1{margin-bottom: 0;padding-bottom: 0;}