@charset "UTF-8";
/* CSS Document 250903*/

:root {
  --main-bg-color: #FFFFFF;
  --primary-color: #54c2f0; 
  --secondary-color: #eb6b81; 
  --accent-color:#fceb38;
  --red-color:#cc0000;
  --S-grade-color:#caaa49;
  --L-grade-color:#327bf3;;
  --A-grade-color:#f79155;
  --B-grade-color:#efcf02;
  --C-grade-color:#6fddad;

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

.mgt-L{margin-top: 32px;}
.mgt-M{margin-top: 24px;}
.mgt-S{margin-top: 12px;}

.pdl-s{padding-left: 8px;}
@media all and (min-width:740px) {
  .contentsInr .contentsUnit {width: 950px;padding: 0px;margin: 0 auto;}
  .mgt-L{margin-top: 56px;}
  .mgt-M{margin-top: 32px;}
  .mgt-S{margin-top: 16px;}
}

/* 背景色バリエーション */
.ctm_contentsFull.wrap01 {background-color: var(--primary-color);}

/* MVまわり */
@media all and (min-width:740px) {
  #MV .ctm_contentsFull {padding: 30px 0;}
}
/* 見出し */
.ctm_pageTtl.hc01{background-color:var(--primary-color);color:#fff;}
.ctm_pageTtl.hc01 .ttlLv2 .heading small{font-size: 0.6em;}
.point__head{
  background-color: var(--primary-color);
  padding: 8px;
}
.point__head .ctm_pageTtl.hc02{text-align: left;}
.point__head .ctm_pageTtl.hc02 .ttlLv1{
  margin: 0;
  padding: 0;
}
.point__head .ctm_pageTtl.hc02 .ttlLv1 .heading{
  display: flex;
}
.point__head .point__head--txt{
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  font-size: 2.4rem;
}
span.point__head--img{
  padding-right: 8px;
}

@media all and (min-width:740px) {
  .point__head{padding: 16px;}
  .point__head .ctm_pageTtl.hc02 .ttlLv1{
  margin: 0;
  padding: 0;
}
.point__head .point__head--txt{font-size: 2.8rem;}
.point__head .ctm_pageTtl.hc02 .ttlLv1 .heading {align-items: flex-start;}
span.point__head--img {
  padding-right: 16px;
    width: 150px;
    display: flex;
}
}

/* ポイントアンカー */
.point--anc__block{
  background-color: #E5F9FA;
  border-radius: 10px;
  padding: 16px;
}
.point--anc__block .ttlImgLv1 {
    margin-bottom: 20px;
    padding-top: 0px;
}
.point--anc__list{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.point--anc__list .image {
    width: 110px !important;
    margin-bottom: 4px !important;
}
.point--anc__txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.point--anc__txt .text {width: 88% !important;}
.point--anc__txt .textlink {width: auto !important;}
@media all and (min-width:740px) {
  .point--anc__block{
  border-radius: 20px;
  padding: 32px;
}
.point--anc__block .ttlImgLv1 {padding-top: 0px;}
.point--anc__list{
  flex-direction: row;
  align-items: flex-start;
}
.point--anc__list .image {
    width: 160px !important;
    margin-right: 4px !important;
    margin-bottom: 0px !important;
}
.point--anc__txt .text {width: 92% !important;}
}

.anc__txt01 {font-weight: bold;}
/* .anc__txt01 .txtLink{
  color: #cc0000 !important;
} */
.recommend__box .ttlLv3 {padding-top: 10px;}
.recommend__box--dep {
    background-color: #efedc9;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 8px;
}
/* .recommend__box--head .ttlLv3 .heading {
  font-size: 2.0rem;
} */
.sample-box{margin-top: 16px;}
.sample-box .ctm_pageTtl.hc03 .ttlLv2 .heading{font-size: 1.8rem;}
.sample-box .ctm_pageTtl.hc03 .ttlLv2{margin-top: 0;}
.grade-icon{
  display: inline-block;
  font-size: 1.2rem;
  padding: 2px 6px;
}
.icon_colorS {background-color: var(--S-grade-color);}
.icon_colorL {background-color: var(--L-grade-color);}
.icon_colorA {background-color: var(--A-grade-color);}
.icon_colorB {background-color: var(--B-grade-color);}
.icon_colorC {background-color: var(--C-grade-color);}
.icon_air-economy{
  background-color: #87dbb2;
  text-align: center;
  font-weight: bold;
  padding: 2px;
  margin: 4px auto;
}
.stay-box {
  border: 1px solid #ccc;
  text-align: center;
}
.hotel-heading {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto !important;
}

.htl__label {
    display: inline-block;
    background-color: #001681;
    padding: 10px;
    color: #fff;
    text-align: center;
    line-height: 9px;
    /* line-height: 23px; */
    position: relative;
    margin-bottom: 6px;
    font-weight: bold;
}
.htl__label::before, .htl__label::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    right: -16px;
    /* right: -39px; */
}
.htl__label::before {
    border-width: 15px 0 0 16px;
    /* border-width: 22px 0 0 39px; */
    border-color: transparent transparent transparent #001681;
    top: 0;
}
.htl__label::after {
    border-width: 15px 16px 0 0;
    /* border-width: 22px 39px 0 0; */
    border-color: #001681 transparent transparent transparent;
    bottom: 0;
}
.htl__room{
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 2px;
  text-align: center;
}
.charge-red-box{
  color: var(--red-color);
  border: 1px solid var(--red-color);
  padding: 2px;
  text-align: center;
}
.hotelBox .col {
    position: relative;
    padding-bottom: 66px !important;
  }

.hotelBtn {
    position: absolute;
    width: 93%;
    bottom: 10px;
  }
  .ctm_tableColor_set.table_typeA th {
    background-color: #001681;
    color: #fff;
  }



@media all and (min-width:740px) {
  .recommend__box .ttlLv3 {padding-top: 10px;}
  .recommend__box.ctm_bdrColumn .colWrap .col {padding: 24px;}
.recommend__box--txt{min-height: 84px;}
  .sample-box{
    width: 400px;
    margin: 16px auto 0;
  }
  .sample-box .ctm_pageTtl.hc03 .ttlLv2 .heading{font-size: 1.8rem;}
  .sample-box .ctm_pageTtl.hc03 .ttlLv2{
    margin-top: 0;
  }
  /* .hotel-heading {height: 56px !important;} */
}


/* =================================
メディアクエリ
=================================== */
    @media all and (min-width:740px) {
    }