@charset "utf-8";

/* コンテンツ幅 フル */
.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;}
}

/* AREA-INTRO */
#AREA-INTRO .ctm_pageTtl h4 { font-family: 'BIZ UDMincho', serif; font-weight: 400; }
#AREA-INTRO.ctm_contentsFull { padding: 20px 0; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); background: #d9f9f0; }
#AREA-INTRO.ctm_contentsFull .contentsUnit { -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg); }

#AREA-INTRO .inner_ttl { margin-top: -50px; }
#AREA-INTRO .inner_ttl .ttlLv3 { margin: 60px 0 0; }

/* HOTEL */
#HOTEL .ctm_pageTtl.hc01 .ttlLv1{padding: 0px;}
#HOTEL .pageTtl_box.ctm_pageTtl .areaTtl { background: linear-gradient(transparent 60%, #d9f9f0 60%); }
.linkstyleA{background-color:#fff8dc; float: right; width:210px; padding:3px; border:1px solid #E6E6E6; font-weight:bold;}

/** 3clm,4clm **/
[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: 0; margin: 0; }

.pageTtl_box.ctm_pageTtl .heading{color: #002060;padding: 0;}

.pageTtl_box.ctm_pageTtl .heading.withIcon { padding-right: 24px; }

.pageTtl_box.ctm_pageTtl .txtLink{font-size: 1.9rem;padding-left: 0;padding-right: 50px;}

.pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon { width: 20px; height: 16px; top:14px; left: auto; right: 6px; }
.pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon.long_name{right: 26px;}

.pageTtl_box.ctm_pageTtl [class^="iconBath"] i,
.pageTtl_box.ctm_pageTtl .areaTtl { font-family: 'BIZ UDMincho', serif; }

.pageTtl_box.ctm_pageTtl .areaTtl { display: block;  font-weight: 600; color: #333; margin-bottom: 10px; }
@media (min-width: 740px){
	.pageTtl_box.ctm_pageTtl .areaTtl { font-size: 1.4rem; }
}

.pageTtl_box.ctm_pageTtl [class^="iconBath"]{position: absolute;text-align: center;font-size: 10px; bottom: 0px; right: 0;}
/* @media (min-width: 740px){
	.pageTtl_box.ctm_pageTtl [class^="iconBath"]{ top: 33px; }
} */
.pageTtl_box.ctm_pageTtl [class^="iconBath"] i {display: block;font-size: 12px;color: #ffffff;font-weight: 700; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; }
.pageTtl_box.ctm_pageTtl [class^="iconBath"][class*="Free"] i{background-color: #ff66b8;}
.pageTtl_box.ctm_pageTtl [class^="iconBath"][class*="Paid"] i{background-color: #ff66b8;}

.tripBox180{width: 180px;margin: 0 auto;}

.reserveArea{display: flex;margin-top: 15px;flex-direction: column;}
@media (min-width: 740px){
    .reserveArea{margin-top: 20px;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;}

/* tourGadget03 */
.tourGadget03 .colWrap + .colWrap{margin-top: 10px;}
.tourGadget03 .pageTtl_box.ctm_pageTtl .heading,
.tourGadget03 .pageTtl_box.ctm_pageTtl .txtLink{
    font-size: 1.9rem;}

@media (min-width: 740px){
.tourGadget03 .clm_1_4col .pageTtl_box.ctm_pageTtl .heading,
.tourGadget03 .clm_1_4col .pageTtl_box.ctm_pageTtl .txtLink { font-size: 1.6rem; }
}

@media (min-width: 740px){
    .tourGadget03 .colWrap + .colWrap{margin-top: 10px;}}

.tourGadget03 .clm_1_3col .col,
.tourGadget03 .clm_1_4col .col { margin-top: 20px!important; padding: 10px; border: 1px solid #cccccc; }

.tourGadget03 .inrClm_1_2col{display: flex;margin-top: 10px;}

.tourGadget03 .inrClm_1_2col .inrCol { width: 100%; }

.tourGadget03 .inrClm_1_2col .inrCol:nth-child(2){width: 65%;margin-left: 10px;}

.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;}
}

@media (min-width: 740px){
    .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;}
.recommendation .tourGadget03 .reserveArea .btnList{margin-top: 40px;margin-left: 0;padding: 0 30px;width: auto;}
.tourGadget03 .clm_1_4col .reserveArea .btnList { padding: 0; }



/* sp_scroll_on */
/** 1clm **/
@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;width: calc(100% - 20px);}
.tourGadget01 .recommendWrap .recommendItem *{white-space: normal;}
.tourGadget01 .recommendWrap .recommendItem:nth-child(3n+1){
    margin-top: 0;
    margin-left: 10px;
}
.tourGadget01 .recommendWrap .recommendItem:first-child{
    margin-left: 0;
}
} 
/** 2clm 3clm **/
@media (max-width: 739px){
.tourGadget02 .column,
.tourGadget03 .column{overflow: auto;white-space: nowrap;}
.tourGadget02 .column .colWrap,
.tourGadget03 .column .colWrap{width: 100%;flex-wrap: nowrap;display: block;}
.tourGadget02 .column .colWrap .col,
.tourGadget03 .column .colWrap .col{display: inline-block;vertical-align: top;margin-top: 0;width: calc(100% - 10px);}
.tourGadget02 .column .colWrap .col *,
.tourGadget03 .column .colWrap .col *{white-space: normal;}

.tourGadget02 .column .colWrap .col,
.tourGadget03 .column .colWrap .col { margin-top: 0; margin-left: 10px; }
.tourGadget02 .column .colWrap .col:first-child,
.tourGadget03 .column .colWrap .col:first-child { margin-left: 0; }

}


.tourGadget03 .clm_1_2col.colWrap .col {background-color: #fff2cc;padding: 15px 10px 15px;position: relative;}
.tourGadget03 .clm_1_2col.colWrap .col .colInr {background-color: #ffffff;padding: 10px 10px 15px;}
.hotel_txt{background-color: #d9f9f080;padding: 10px;}

/* --------- add 250805 start --------- */
/* 御衣黄アイコン、早決アイコンの調整 */
.icons-wrap {
    margin-top: 10px;
    position: relative;
}

.icons-wrap > .gyoikoZakuraIcon-show {
/*    position: absolute;*/
    /* top: -30px;
    left: 0; */
    height: min(24px, 6vw);
    width: min(220px, 70%);
}
.icons-wrap > .hayagimeIcon-show {
    position: absolute;
    width: min(45px, 12vw);
    border: 1px solid #ff0000;
    background-color: #FFFF00;
    padding: 2px;
    top: -10px;
    right: 0;
}
.icons-wrap > .hayagimeIcon-hidden,
.icons-wrap > .gyoikoZakuraIcon-hidden {
    display: none;
}
/* @media (min-width: 740px) {
    .icons-wrap > .gyoikoZakuraIcon-hidden {
        visibility: hidden;
        display: block;
    }
} */
h3.heading {
    position: relative;
}
.img-90p > .imgParts img { width: 90%; }
.img-80p > .imgParts img { width: 80%; }
.img-70p > .imgParts img { width: 70%; }
.img-60p > .imgParts img { width: 60%; }
.img-50p > .imgParts img { width: 50%; }
.img-40p > .imgParts img { width: 40%; }
.img-30p > .imgParts img { width: 30%; }
.img-20p > .imgParts img { width: 20%; }
.img-10p > .imgParts img { width: 10%; }
@media (min-width: 740px) {
    .img-90p-forPC > .imgParts img { width: 90%; }
    .img-80p-forPC > .imgParts img { width: 80%; }
    .img-70p-forPC > .imgParts img { width: 70%; }
    .img-60p-forPC > .imgParts img { width: 60%; }
    .img-50p-forPC > .imgParts img { width: 50%; }
    .img-40p-forPC > .imgParts img { width: 40%; }
    .img-30p-forPC > .imgParts img { width: 30%; }
    .img-20p-forPC > .imgParts img { width: 20%; }
    .img-10p-forPC > .imgParts img { width: 10%; }
}

/* 取り組みアイコン 調整用 */
.col img.imagesize {
    width: min(50px, 14vw);
    height: auto;
}

/* ゆアイコン 説明欄 */
.bath-grid-wrap {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.recommended-bath {
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.recommended-bath .freehtml {
    width: fit-content !important;
}
.pageTtl_box.ctm_pageTtl.bath-bottom {
    width: fit-content;
    text-align: center;
}
.recommended-txt {
    margin-top: 10px;
    margin-left: 15px;
}

/* 汎用 -> grid */
.--grid {
    display: grid;
}
.--grid::before,
.--grid::after {
    display: none;
}
.--grid.--g-ji-c {
    justify-items: center;
}
.--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;
    }
}
@media (min-width: 740px) {
    .--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);
    }
}
/* --------- add 250805 end --------- */