@charset "utf-8";
:root {
  --mainColor: 33,36,48;
  --btnColor: 33,36,48;
  --btnReservationColor: 183,166,134;
  --memberPriceColor: 33,36,48;
  --headerColor: 255,255,255;
  --headerFontColor: 33,36,48;
  --headerCaptionColor: 33,36,48;
  --navColor: 33,36,48;
  --navIconColor: 255,255,255;
  --followBarColor: 255,255,255;
  --followBarIconColor: 51,51,51;
  --bannerColor: 233,228,219;
  --bannerFontColor: 33,36,48;
}

/*----A メインカラー・施設カラー ----*/
.l-footer svg,
.c-select-icon svg,
.c-listMydata svg,
.p-mypageMenu .c-listMenu svg,
.c-listVacancy-day>a>svg,
.c-listFacilityArea>ul>li .c-icon svg,
.c-messageBox .c-headingMain .c-icon svg,
.c-listCard-item-name .c-icon svg{
  fill: rgb(var(--mainColor));
}
.c-textNumber,
.c-textPrice-point strong,
.c-calendarBox-daylist-month>strong,
.flatpickr-calendar .flatpickr-months .cur-month,
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months,
.c-listMydata>dd,
.p-mypageDataBox-pointHistory-item-pointBox-point,
.p-mypageTabBox-tab>li.is-act{
  color: rgb(var(--mainColor));
}
.c-listType-item-icon svg,
.c-icon-mark svg,
.c-listRoomData>li .c-icon svg,
.c-headingSection .c-icon svg,
.c-infoBox-title .c-icon svg{
  fill: rgb(var(--mainColor));
}
.c-listPlan .c-listPlan-item-select,
.c-textVacanciesNumber,
.c-listPlan .c-listPlan-item-select .c-textMoreBox-main::before,
.c-icon-empty,
.p-mypageDataBox-item-rank-item-bar::before,
.c-strongBox .c-formBox .c-listPrice-item::before,
.is-act .p-reservationsBox-clear-inner,
.p-mypageTabBox-tab>li.is-act::after,
.c-listErItem-item{
  background: rgb(var(--mainColor));
}
.c-infoBox-title::after,
.p-reservationsBox-clear-title::after{
  border-color: rgb(var(--mainColor));
}

/*----B ボタンカラー----*/
.c-button,
.c-textMoreBtn >p::before,
.c-listTag-item,
.c-formCalendar-radio>label::after,
.c-formCalendar-radio>input:checked+label::before,
.c-checkBox>input:checked+label::before,
.c-radio>input:checked+label::after,
.c-headingPage-return a::before,
.c-checkBox-agreement,
.c-strongBox,
.p-reservationsRegist{
  background: rgb(var(--btnColor));
}

/*--flatpickr--*/
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .dayContainer .flatpickr-day.startRange{
  background: rgb(var(--btnColor)) !important;
}

.c-button-white,
.c-button-border,
.c-textMoreBtn,
.c-headingPage-return a,
.c-strongBox .c-textAlert,
.c-input-strong{
  color: rgb(var(--btnColor)) !important;
}
.c-button.c-button-border .c-icon svg,
.c-button.c-button-white .c-icon svg,
.c-button.c-button-small .c-icon svg,
.c-listCard-item-data-point>dt .c-icon svg,
.c-strongBox .c-textAlert p .c-icon>svg{
  fill: rgb(var(--btnColor));
}
.c-button-border{
  border-color: rgb(var(--btnColor));
}

/*----C ボタンカラー・予約関連----*/
.c-button-reservation{
  background: rgb(var(--btnReservationColor));
}
.c-button-border-reservation{
  color: rgb(var(--btnReservationColor)) !important;
  border-color: rgb(var(--btnReservationColor)) !important;
}

/*----D 会員価格カラー----*/
.c-textPrice-user {
  color: rgb(var(--memberPriceColor));
}

/*--infoBanner--*/
.c-infoBanner-item{
  color:rgba(33,36,48,1);
  background:rgba(233,228,219,1);
  border-bottom:1px solid rgba(33,36,48,1);
}

/*--JRHMpoint--*/
.p-flowStep li.p-flowStep-current:first-of-type{
  background:linear-gradient(90deg, rgba(33,36,48,1) 0%, rgba(33,36,48,1) 50%, transparent 50%, transparent 100%);
}
.p-flowStep li.p-flowStep-current:last-of-type{
  background:linear-gradient(-90deg, rgba(33,36,48,1) 0%, rgba(33,36,48,1) 50%, transparent 50%, transparent 100%);
}
.p-flowStep li.p-flowStep-current::before,
.p-flowStep li.p-flowStep-current::after{
  background:rgba(33,36,48,1);
}

/*----E ヘッダー背景色----*/
.l-header-top{
  background: rgb(var(--headerColor));
}

/*----F ヘッダー文字色----*/
.l-header-logo{
  color: rgb(var(--headerFontColor)) !important;
}
.l-header-hamburger i{
  background: rgb(var(--headerFontColor));
}
.l-header-top svg{
  fill: rgb(var(--headerFontColor));
}

/*----G ヘッダーキャプション----*/
.l-header-caption{
  color: rgb(var(--headerCaptionColor));
}

/*----H- グローバルナビカラー---*/
.l-header-bottom,
.l-header-contentArea{
  background: rgb(var(--navColor));
}

/*----I グローバルナビアイコンカラー----*/
.l-header,
.l-header .c-listMainNav-item>a{
  color: rgb(var(--navIconColor));
}
.l-header-hamburger.is-active i{
  background: rgb(var(--navIconColor));
}
.l-header-bottom svg,
.l-header .c-listMainNav-item>a .c-icon svg,
.l-header .c-listMenu ul li a .c-icon svg,
.l-header-contentArea-name-icon>svg{
  fill: rgb(var(--navIconColor));
}
.l-header-contentArea .c-listMenu ul li::after{
  background: rgb(var(--navIconColor));
}

/*----J 追従バーカラー（PCのみ）----*/
@media (min-width: 814px) {
  .l-header-roomsPlanBox.followBar-custom-color{
    background: rgb(var(--followBarColor));
  }
}

/*----K 追従バーアイコンカラー（PCのみ）----*/
@media (min-width: 814px) {
  .l-header-roomsPlanBox,
  .l-header-roomsPlanBox-selectData,
  .l-header-roomsPlanBox-selectData-item{
    color: rgb(var(--followBarIconColor));
  }
  .l-header-roomsPlanBox-selectData-item-rooms::before,
  .l-header-roomsPlanBox-selectData-item-day::before{
    background: rgb(var(--followBarIconColor));
  }
}

/*----Y お知らせバナー背景色----*/
.p-topInfo-item{
  background: rgb(var(--bannerColor));
}
/*----Z お知らせバナー文字色----*/
.p-topInfo-item{
  color: rgb(var(--bannerFontColor));
}
.p-topInfo-item-close::before,
.p-topInfo-item-close::after{
  background: rgb(var(--bannerFontColor));
}
.p-topInfo-item .c-icon svg{
  fill: rgb(var(--bannerFontColor));
}

/*----フォント ベース ----*/
body,
button{
  font-family: 'Noto Serif JP', serif;
}

/*----フォント ゴシック体 ----*/
.l-header-roomsPlanBox-selectData-item,
.c-listMenu ul li a,
.c-listType-item,
.c-textPrice-point,
.c-textPrice-user,
.c-listReservationItem-item-accodion,
.c-roomDetailBox-cont-roomData>li>p,
.c-listForm-title-required,
.c-listNote,
.c-listItemDetail,
.c-textPrice,
.c-listData,
.c-roomDetailBox-small .c-roomDetailBox-cont,
.c-modalBox-small .c-modalBox-content-box,
.c-input,.c-radio,.c-checkBox,.c-select,
.c-button-small{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*----フォント 明朝 ----*/
.c-textPrice-point strong,
.c-textPrice-user strong{
  font-family: 'Noto Serif JP', serif;
}

/*--textColor--*/
.u-fontColor-mainColor{color:rgb(var(--mainColor)) !important;}
.u-fontColor-btnColor{color:rgb(var(--btnColor)) !important;}
.u-fontColor-btnReservationColor{color:rgb(var(--btnReservationColor)) !important;}
.u-fontColor-headerColor{color:rgb(var(--headerColor)) !important;}
.u-fontColor-headerFontColor{color:rgb(var(--headerFontColor)) !important;}
.u-fontColor-navColor{color:rgb(var(--navColor)) !important;}
.u-fontColor-navIconColor{color:rgb(var(--navIconColor)) !important;}

/*--svg--*/
.c-svg::after{
  background-color:rgb(var(--mainColor));
}
.c-svg.navIcon::after{
  background-color:rgb(var(--navIconColor));
}
.c-svg.headerFont::after{
  background-color:rgb(var(--headerFontColor));
}
.c-svg.btnColor::after{
  background-color:rgb(var(--btnColor));
}
.c-svg.btnReservationColor::after{
  background-color:rgb(var(--btnReservationColor));
}
.c-svg.bannerFontColor::after{
  background-color:rgb(var(--bannerFontColor));
}
.c-svg.black::after{
  background-color:#333;
}
.c-svg.white::after{
  background-color:#fff;
}
.c-svg.red::after{
  background-color:#ea6c71;
}