@charset "UTF-8";
/*---　Sentia専用css ----------------------------- */
/* 全体文字色 */
body {
    color: #2C2C2C;
}

.searchForm .parts01 dd > input,
.searchForm .parts01 dd #roomPersonText {
    color: #2C2C2C;
}
/* =========================================================
layout.css
========================================================= */
.globalHeader .siteLogo a {
    background: url("/img/sentabi/logo.svg") no-repeat left center/100% auto;
    width: 240px;
    height: 47px;
}
@media (max-width: 767px) {
    .globalHeader .siteLogo a {
        width: 170px;
    }
}

.globalFooter {
    background: #97cbb7;
    color: #fff;
}
.globalFooter a {
    color: #fff;
}
.globalFooter .footerNav .powered,
.globalFooter .footerNav .copyright {
    color: #fff;
}
@media (max-width: 767px) {
    .globalFooter .selectArea {
        background: #fff;
        margin-top: -16px;
        padding-top: 16px;
    }
}

/* =========================================================
form.css
========================================================= */
.searchForm .parts01.on {
    background: #E5F6F0;
}

.searchForm .submitBtn,
.searchForm .btn,
.filter_form .btn {
    background-color: #97cbb7 !important;
}

.narrowFormModal .submitBtn {
    border-radius: 8px;
    background: #97cbb7 url("/img/common/search_white.svg") no-repeat !important;
    background-position: calc(50% - (24px / 2) - 4px) center !important;
    text-indent: 28px;
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}

.formModal .okBtn span {
    background: #97cbb7;
}

.areaFormModal .areaInput[type="text"] {
    border-color: #97cbb7;
}

.roomFormModalList li .c-stepper button {
    border-color: #97cbb7;
    color: #97cbb7;
}

.spFormBox02 .sortLink.button_on,
.spFormBox02 .sortLink.form_on {
    border-color: #97cbb7;
    color: #97cbb7;
}
.spFormBox02 .sortLink.button_on .icon_down,
.spFormBox02 .sortLink.form_on .icon_down {
    fill: currentColor;
}
.spFormBox02 .sortLink .num {
    background: #97cbb7;
}

.sortList > li button.on {
    color: #97cbb7;
}
@media (max-width: 767px) {
    .sortList > li button.on {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iSWNvbiAvIENoZWNrIj48cGF0aCBpZD0iVmVjdG9yIiBkPSJNNy4zODc4IDE0LjI2ODNMNC4xMDg0OSAxMC44MTg5QzMuOTMxNzkgMTAuNjMzIDMuNjkyMTIgMTAuNTI4NiAzLjQ0MjIzIDEwLjUyODZDMy4xOTIzNCAxMC41Mjg2IDIuOTUyNjggMTAuNjMzIDIuNzc1OTcgMTAuODE4OUMyLjU5OTI3IDExLjAwNDcgMi41IDExLjI1NjggMi41IDExLjUxOTdDMi41IDExLjY0OTggMi41MjQzNyAxMS43Nzg3IDIuNTcxNzIgMTEuODk5QzIuNjE5MDcgMTIuMDE5MiAyLjY4ODQ4IDEyLjEyODUgMi43NzU5NyAxMi4yMjA1TDYuNzI2MjYgMTYuMzc1N0M3LjA5NDgzIDE2Ljc2MzQgNy42OTAyMSAxNi43NjM0IDguMDU4NzggMTYuMzc1N0wxOC4wNTc0IDUuODU4NDRDMTguMjM0MSA1LjY3MjU3IDE4LjMzMzMgNS40MjA0OCAxOC4zMzMzIDUuMTU3NjJDMTguMzMzMyA0Ljg5NDc2IDE4LjIzNDEgNC42NDI2NiAxOC4wNTc0IDQuNDU2NzlDMTcuODgwNyA0LjI3MDkyIDE3LjY0MSA0LjE2NjUgMTcuMzkxMSA0LjE2NjVDMTcuMTQxMiA0LjE2NjUgMTYuOTAxNiA0LjI3MDkyIDE2LjcyNDggNC40NTY3OUw3LjM4NzggMTQuMjY4M1oiIGZpbGw9IiNERjc3MjEiLz48L2c+PC9zdmc+");
    }
}

.narrowFormModal .hotelButtonList > li input:checked + label,
.narrowFormModal.activity
    .radioBtnList_activity
    > li
    label:has(.radio_btn:checked) {
    border-color: #97cbb7;
    color: #97cbb7;
}

.selectList > li button.on {
    color: #97cbb7;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iSWNvbiAvIENoZWNrIj48cGF0aCBpZD0iVmVjdG9yIiBkPSJNNy4zODc4IDE0LjI2ODNMNC4xMDg0OSAxMC44MTg5QzMuOTMxNzkgMTAuNjMzIDMuNjkyMTIgMTAuNTI4NiAzLjQ0MjIzIDEwLjUyODZDMy4xOTIzNCAxMC41Mjg2IDIuOTUyNjggMTAuNjMzIDIuNzc1OTcgMTAuODE4OUMyLjU5OTI3IDExLjAwNDcgMi41IDExLjI1NjggMi41IDExLjUxOTdDMi41IDExLjY0OTggMi41MjQzNyAxMS43Nzg3IDIuNTcxNzIgMTEuODk5QzIuNjE5MDcgMTIuMDE5MiAyLjY4ODQ4IDEyLjEyODUgMi43NzU5NyAxMi4yMjA1TDYuNzI2MjYgMTYuMzc1N0M3LjA5NDgzIDE2Ljc2MzQgNy42OTAyMSAxNi43NjM0IDguMDU4NzggMTYuMzc1N0wxOC4wNTc0IDUuODU4NDRDMTguMjM0MSA1LjY3MjU3IDE4LjMzMzMgNS40MjA0OCAxOC4zMzMzIDUuMTU3NjJDMTguMzMzMyA0Ljg5NDc2IDE4LjIzNDEgNC42NDI2NiAxOC4wNTc0IDQuNDU2NzlDMTcuODgwNyA0LjI3MDkyIDE3LjY0MSA0LjE2NjUgMTcuMzkxMSA0LjE2NjVDMTcuMTQxMiA0LjE2NjUgMTYuOTAxNiA0LjI3MDkyIDE2LjcyNDggNC40NTY3OUw3LjM4NzggMTQuMjY4M1oiIGZpbGw9IiNERjc3MjEiLz48L2c+PC9zdmc+");
}

.catList > li svg.icon_coupon {
    fill: #97cbb7;
}

/* =========================================================
calendar.css
========================================================= */
.flatpickr-day.selected::before,
.flatpickr-day.startRange::before,
.flatpickr-day.endRange::before,
.flatpickr-day.inRange::before {
    background: #E5F6F0;
}

.flatpickr-day.selected::after,
.flatpickr-day.startRange::after,
.flatpickr-day.endRange::after {
    background: #97cbb7;
}

.flatpickr-day.selected .memo.error,
.flatpickr-day.startRange .memo.error,
.flatpickr-day.endRange .memo.error {
    border-color: #cd0406;
    background: #E5F6F0;
    color: #cd0406;
}

.flatpickr-day.selected .memo.error::after,
.flatpickr-day.startRange .memo.error::after,
.flatpickr-day.endRange .memo.error::after {
    border-right-color: #cd0406;
    border-bottom-color: #cd0406;
}

.flatpickr-day.selected .memo .icon_information,
.flatpickr-day.startRange .memo .icon_information,
.flatpickr-day.endRange .memo .icon_information {
    fill: #cd0406;
}

/* =========================================================
content.css
========================================================= */
.c_red {
    color: #cd0406;
}

.btn .btnLink,
.btn a {
    border-color: #97cbb7;
    background: #97cbb7;
}

.btn.clear .btnLink,
.btn.clear a {
    color: #97cbb7;
}

.star_coupon .coupon {
    background-color: #E5F6F0;
    color: #97cbb7;
}

.map_marker01 {
    fill: #cd0406;
}

.checkbox:checked {
    border-color: #97cbb7;
    background-color: #97cbb7;
}

.radio_btn:checked {
    border-color: #97cbb7;
}
.radio_btn:checked::before {
    background: #97cbb7;
}

.tabList li.active a {
    color: #97cbb7;
}
.tabList li.active a::after {
    background: #97cbb7;
}

.couponModal .btn a,
.couponModal .couponClick .btnLink {
    border-color: #659A86;
    background: #659A86;
}

/* =========================================================
stay.css
========================================================= */
.stayTop .titleArea {
    background-image: url("../img/nishiawa/kv_photo.jpg");
}
@media (max-width: 767px) {
    .stayTop .titleArea {
        background-image: url("../img/nishiawa/kv_photo_sp.jpg");
    }
}

/* =========================================================
search.css
========================================================= */
.searchResultList .listItem .detailBtn {
    background: #97cbb7;
}

.searchResultList .listItem .tag span {
    background: #E5F6F0;
}

.mapLink a span {
    color: #97cbb7 !important;
}

/* =========================================================
detail.css
========================================================= */
.hotelinfo .mapBlock .mapTextBlock .link .icon_map {
    fill: #97cbb7;
}

.hotelinfo .mapBlock .mapPhoto span {
    color: #97cbb7;
}
.hotelinfo .mapBlock .mapPhoto span .icon_map {
    fill: currentColor;
}

.plan .checkboxList input:checked + label {
    border-color: #97cbb7;
    color: #97cbb7;
}

.plan .roomList .planListItem .noteList,
.planModal .policyBlock {
    background: #E5F6F0;
}

.detailTitle::before {
    background: #97cbb7;
}

.couponList .listItem .inner,
.couponList .listItem::before,
.couponList .listItem::after,
.couponList .listItem .inner::before,
.couponList .listItem .inner::after {
    border-color: #97cbb7;
}

.coupon .couponList .listItem .couponTitle {
    background-image: linear-gradient(
        to right,
        #97cbb7,
        #97cbb7 8px,
        transparent 8px,
        transparent 16px
    );
    color: #97cbb7;
}
.coupon .couponList .listItem .couponTitle .icon_coupon {
    fill: currentColor;
}

.couponList .listItem .inner::before {
    background-color: #97cbb7;
}

.couponList .listItem .btn.login .btnLink {
    border-color: #659A86;
    background: #659A86;
}

.planEmpty .icon .icon_bed {
    fill: #659A86;
}

.couponModal .modalTitle {
    color: #97cbb7;
}
.couponModal .modalTitle .icon_coupon {
    fill: currentColor;
}

/* =========================================================
booking.css
========================================================= */
.booking .checkinInfo .policyBlock,
.booking .sidemenu .planInfo .noteList {
    background: #E5F6F0;
}

.booking .checkinInfo .privacyCheck label input.error,
dl.form dd input[type="text"].error,
dl.form dd input[type="tel"].error,
dl.form dd input[type="email"].error,
dl.form dd textarea.error,
dl.form:has(input#flightNum.error),
dl.form:has(input.customText.error),
dl.form:has(textarea.error) {
    border-color: #cd0406;
    background-color: #E5F6F0;
}

.errorText .icon_information {
    fill: currentColor !important;
}

.creditModal .cautionList li {
    background: #E5F6F0;
}

.complete .checkinInfo .titleBlock .secTitle01 {
    color: #659A86;
}

.loading_icon .icon_load02 {
    fill: #97cbb7;
}

/* =========================================================
activity.css
========================================================= */
.activityTop .titleArea {
    background-image: url("../img/nishiawa/kv_activity.jpg");
}
@media (max-width: 767px) {
    .activityTop .titleArea {
        background-image: url("../img/nishiawa/kv_activity_sp.jpg");
    }
}

/* =========================================================
activityDetail.css
========================================================= */
.activityinfo .mapBlock .mapTextBlock .link .icon_map,
.calendarSec .open_closeNote li svg,
.timeModal .timeSelectList li p.open_close svg {
    fill: #97cbb7;
}

.calendarSec .open_closeNote li.aboutCancel {
    border-color: #97cbb7;
    background: #E5F6F0;
    color: #97cbb7;
}

.timeModal .timeSelectList li .open_close,
.calendarSec .calendar td .open_close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMjJDMTAuNjE2NyAyMiA5LjMxNjY3IDIxLjczNzMgOC4xIDIxLjIxMkM2Ljg4MzM0IDIwLjY4NjcgNS44MjUgMTkuOTc0MyA0LjkyNSAxOS4wNzVDNC4wMjUgMTguMTc1NyAzLjMxMjY3IDE3LjExNzMgMi43ODggMTUuOUMyLjI2MzMzIDE0LjY4MjcgMi4wMDA2NyAxMy4zODI3IDIgMTJDMS45OTkzMyAxMC42MTczIDIuMjYyIDkuMzE3MzMgMi43ODggOC4xQzMuMzE0IDYuODgyNjcgNC4wMjYzMyA1LjgyNDMzIDQuOTI1IDQuOTI1QzUuODIzNjcgNC4wMjU2NyA2Ljg4MiAzLjMxMzMzIDguMSAyLjc4OEM5LjMxOCAyLjI2MjY3IDEwLjYxOCAyIDEyIDJDMTMuMzgyIDIgMTQuNjgyIDIuMjYyNjcgMTUuOSAyLjc4OEMxNy4xMTggMy4zMTMzMyAxOC4xNzYzIDQuMDI1NjcgMTkuMDc1IDQuOTI1QzE5Ljk3MzcgNS44MjQzMyAyMC42ODYzIDYuODgyNjcgMjEuMjEzIDguMUMyMS43Mzk3IDkuMzE3MzMgMjIuMDAyIDEwLjYxNzMgMjIgMTJDMjEuOTk4IDEzLjM4MjcgMjEuNzM1MyAxNC42ODI3IDIxLjIxMiAxNS45QzIwLjY4ODcgMTcuMTE3MyAxOS45NzYzIDE4LjE3NTcgMTkuMDc1IDE5LjA3NUMxOC4xNzM3IDE5Ljk3NDMgMTcuMTE1MyAyMC42ODcgMTUuOSAyMS4yMTNDMTQuNjg0NyAyMS43MzkgMTMuMzg0NyAyMi4wMDEzIDEyIDIyWk0xMiAyMEMxNC4yMzMzIDIwIDE2LjEyNSAxOS4yMjUgMTcuNjc1IDE3LjY3NUMxOS4yMjUgMTYuMTI1IDIwIDE0LjIzMzMgMjAgMTJDMjAgOS43NjY2NyAxOS4yMjUgNy44NzUgMTcuNjc1IDYuMzI1QzE2LjEyNSA0Ljc3NSAxNC4yMzMzIDQgMTIgNEM5Ljc2NjY3IDQgNy44NzUgNC43NzUgNi4zMjUgNi4zMjVDNC43NzUgNy44NzUgNCA5Ljc2NjY3IDQgMTJDNCAxNC4yMzMzIDQuNzc1IDE2LjEyNSA2LjMyNSAxNy42NzVDNy44NzUgMTkuMjI1IDkuNzY2NjcgMjAgMTIgMjBaIiBmaWxsPSIjOTdDQkI3Ii8+PC9zdmc+");
}

.timeModal .timeSelectList li .timeWrap.on {
    border-color: #97cbb7;
}

@media (max-width: 767px) {
    .detailSide:has(+ .detailMain .calendarModal.is_show)
        .peopleModal
        .inputWrap
        > li.selecting_on:not(.ok)
        input,
    .timeModal.is_show
        + .peopleModal
        .inputWrap
        > li.selecting_on:not(.ok)
        input,
    .peopleModal.is_show .inputWrap > li.selecting_on:not(.ok) .numTextList {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iSWNvbiAvIFRyaWFuZ2xlIC8gRG93biI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuNzA2MyA5LjIwN0M2LjMxNTg0IDkuNTk3NDYgNS42ODE3MyA5LjU5NzQ2IDUuMjkxMjcgOS4yMDdMMS4yOTI5MyA1LjIwODY2QzEuMDA1NTUgNC45MjEyOCAwLjkyMTIxMyA0LjQ5MzM0IDEuMDc3NCA0LjExODQ5QzEuMjMzNTggMy43NDM2NSAxLjU5NTkzIDMuNSAyLjAwMjAxIDMuNUg5Ljk5ODY4QzEwLjQwMTYgMy41IDEwLjc2NzEgMy43NDM2NSAxMC45MjMzIDQuMTE4NDlDMTEuMDc5NSA0LjQ5MzM0IDEwLjk5MiA0LjkyMTI4IDEwLjcwNzggNS4yMDg2Nkw2LjcwOTQyIDkuMjA3SDYuNzA2M1oiIGZpbGw9IiNERjc3MjEiLz48L2c+PC9zdmc+");
    }
    .detailSide:has(+ .detailMain .calendarModal.is_show)
        .peopleModal
        .inputWrap
        > li.selecting_on:not(.ok)
        input::placeholder,
    .timeModal.is_show
        + .peopleModal
        .inputWrap
        > li.selecting_on:not(.ok)
        input::placeholder,
    .peopleModal.is_show
        .inputWrap
        > li.selecting_on:not(.ok)
        .numTextList::placeholder {
        color: #97cbb7;
    }
}

.activityinfo .mapBlock .mapPhoto span,
.peopleModal.is_show .inputWrap > li.selecting_on:not(.ok) .numTextList::after {
    color: #97cbb7;
}

.activityinfo .mapBlock .mapPhoto span .icon_map {
    fill: currentColor;
}

.peopleModal .stock_error p {
    border-color: inherit;
    background: #E5F6F0;
    color: #cd0406;
}
.peopleModal .stock_error p svg {
    fill: currentColor;
}

/* 無料キャンセルポリシー */
.free_cancel_policy {
    color: #97cbb7;
    background-color: #F9F9F9;
    border: 1px solid #F9F9F9;
}

.free_cancel_policy .icon {
    background-color: #97cbb7;
}

/* =========================================================
mypage.css
========================================================= */
.mypage .status {
    color: #659A86;
    background: #f4f8df;
}

.mypage .canceledNote {
    background: #E5F6F0;
}

.mycoupon .couponList .listItem .couponTitle,
.recommendList .coupon_title {
    color: #97cbb7;
}
.mycoupon .couponList .listItem .couponTitle .icon_coupon,
.recommendList .coupon_title .icon_coupon {
    fill: currentColor;
}

.mycoupon .couponList .listItem .btn.login .btnLink,
.couponModal .btn.login .btnLink {
    border-color: #659A86;
    background: #659A86;
}

dl.form dd input[type="password"].error,
dl.form.checkBox .checkboxList > li input.error {
    border-color: #cd0406;
    background-color: #E5F6F0;
}

.categoryBtnList > li button.on,
.mycoupon .selectArea > li p.selectLink.button_on {
    border-color: #97cbb7;
    color: #97cbb7;
}
.categoryBtnList > li button.on .icon_down,
.categoryBtnList > li button.on .svg_icon,
.mycoupon .selectArea > li p.selectLink.button_on .icon_down,
.mycoupon .selectArea > li p.selectLink.button_on .svg_icon {
    fill: currentColor;
}
.categoryBtnList > li button.on::after,
.mycoupon .selectArea > li p.selectLink.button_on::after {
    background: #97cbb7;
}

.mypage .checkinInfoBlock .ruleText.on .icon_check {
    fill: #97cbb7;
}

/* =========================================================
spotSearch.css
========================================================= */
.selectBoxArea .selectBtn,
.selectBoxArea .selectText.on {
    border-color: #97cbb7;
    color: #97cbb7;
}
.selectBoxArea .selectBtn .icon_down,
.selectBoxArea .selectText.on .icon_down {
    fill: currentColor;
}

.searchResultList .listItem .coupon_title {
    color: #97cbb7;
}
.searchResultList .listItem .coupon_title svg {
    fill: currentColor;
}

.rootModal .modalTitle01::before {
    background: #97cbb7;
}
.rootModal .noteBlock {
    background: #E5F6F0;
}

.rootModal02 .mapBlock .mapPhoto span {
    color: #97cbb7;
}
.rootModal02 .mapBlock .mapPhoto span .icon_map {
    fill: currentColor;
}
.rootModal02 .couponList .listItem::before,
.rootModal02 .couponList .listItem::after,
.rootModal02 .couponList .listItem .inner {
    border-color: #97cbb7;
}
.rootModal02 .couponList .listItem .couponTitle {
    background-image: linear-gradient(
        to right,
        #97cbb7,
        #97cbb7 8px,
        transparent 8px,
        transparent 16px
    );
    color: #97cbb7;
}
.rootModal02 .couponList .listItem .couponTitle .icon_coupon {
    fill: currentColor;
}
.rootModal02 .couponList .listItem .btn.login:not(.gray) .btnLink {
    border-color: #659A86;
    background: #659A86;
}

/* =========================================================
map.css
========================================================= */
.mapSlideList .listItem .btnBox .btn .btnLink,
.mapSlideList .listItem .btnBox .btn a,
.favoriteList li button.on,
.categoryBtnList > li button.on,
.mycoupon .selectArea > li p.selectLink.button_on {
    border-color: #97cbb7;
    color: #97cbb7;
}
.mapSlideList .listItem .btnBox .btn .btnLink svg,
.mapSlideList .listItem .btnBox .btn a svg,
.favoriteList li button.on svg,
.categoryBtnList > li button.on svg,
.mycoupon .selectArea > li p.selectLink.button_on svg {
    fill: currentColor;
}

@media (max-width: 767px) {
    .fav_on.slideTop_on .favoriteListBox .favoriteList li button.on,
    .slideTop_on .mapBtnBox .categoryBtnList > li button.on,
    .slideTop_on .selectBoxArea .selectBtn {
        border-color: #97cbb7;
    }
}

.mapSlideList .listItem .btnBox .btn.detailBtn .btnLink,
.mapSlideList .listItem .btnBox .btn.detailBtn a {
    background: #97cbb7;
}

.mapSlideList .listItem.-focus .listWrap,
.mapSlideList .listItem.-focus > a {
    border-color: #97cbb7;
}

.map .markerWrap a:hover,
.map .markerWrap a:hover::before,
.mapSlideList .listItem .listWrap:hover,
.mapSlideList .listItem > a:hover {
    border-color: #97cbb7;
}

.mapSearchBtn .icon_search,
.map .rootSearchBtn .icon_search,
.mapSlide .mapShowBtn .icon_map2,
.map .markerWrap .icon_coupon,
.rootModal .routeBtnList .btn .icon {
    fill: #97cbb7;
}

@media (min-width: 768px) {
    body:has(#mapid) .searchForm .wrapper .parts01.on {
        background: #E5F6F0;
    }
}

.mapSlideList .listItem .tag span {
    background: #E5F6F0;
}

.mapSlideList .listItem.spot .coupon_title {
    color: #97cbb7;
}

.rootModal02 .couponList .listItem .btn a,
.rootModal02 .couponList .listItem .btn .btnLink {
    border-color: #97cbb7;
    background: #97cbb7;
}

.rootModal02 .couponList .listItem .inner::before {
    background-color: #97cbb7;
}

.map .markerWrap.genre_hotel .icon_coupon,
.map .markerWrap.genre_activity .icon_coupon,
.map .markerWrap.genre_spot .icon_coupon,
.map .markerWrap.genre_rest .icon_coupon,
.map .markerWrap.genre_ent .icon_coupon,
.map .markerWrap.genre_night .icon_coupon,
.map .markerWrap.genre_dummy1 .icon_coupon,
.map .markerWrap.genre_osusume .icon_coupon,
.map .markerWrap.genre_shop .icon_coupon,
.map .markerWrap.genre_trans .icon_coupon {
    border-color: #97cbb7;
    background: #fff;
}

/* =========================================================
filter.css
========================================================= */
.sort-item.active {
    background-color: #97cbb7 !important;
}

.radiobox:checked::before {
    background-color: #97cbb7 !important;
}

.otaPlanListItem .btn .btnLink,
.otaPlanListItem .btn a {
    border-color: #97cbb7;
    background: #97cbb7;
}

.otaPlanListItem .btn.clear .btnLink,
.otaPlanListItem .btn.clear a {
    color: #97cbb7;
}

/* =========================================================
hotelPagination.css
========================================================= */
.current_hotel_pagination {
    background: #97cbb7 !important;
    color: #fff !important;
    cursor: auto !important;
}

/* =========================================================
activityPagination.css
========================================================= */
.current_act_pagination {
    background: #97cbb7 !important;
    color: #fff !important;
    cursor: auto !important;
}

.hotelInfo .textBlock p.price .guestRoomBtn {
    background-color: #97cbb7 !important;
}

/* =========================================================
header.css
========================================================= */
.headerNavMenu01 li.current-category a {
    background-color: #97cbb7;
    color: white;
}

/* =========================================================
style.css(公式特典)
========================================================= */
.icon_present_box {
    background-color: #97cbb7 !important;
}

/* =========================================================
benefitsModal.css(公式特典)
========================================================= */
.benefits-modal .modal-content .view-site-button {
    background-color: #97cbb7 !important;
}

/* =========================================================
benefitsDetail.css(公式特典)
========================================================= */
.benefitList .listItem .inner,
.benefitList .listItem::before,
.benefitList .listItem::after,
.benefitList .listItem .inner::before,
.benefitList .listItem .inner::after {
    border-color: #97cbb7;
}

.coupon .benefitList .listItem .couponTitle {
    background-image: linear-gradient(
        to right,
        #97cbb7,
        #97cbb7 8px,
        transparent 8px,
        transparent 16px
    );
    color: #97cbb7;
}
.coupon .benefitList .listItem .couponTitle .icon_coupon {
    fill: currentColor;
}

.benefitList .listItem .inner::before {
    background-color: #97cbb7;
}

.benefitList .listItem .btn.login .btnLink {
    border-color: #659A86;
    background: #659A86;
}

/* 背景 */
.contents {
    background: #f9f9f9;
}

.searchForm {
    background: #f9f9f9;
}

.searchForm .wrapper {
    background: #f9f9f9;
}

.spForm {
    background: #f9f9f9;
}

.searchForm .parts01 {
    background: #FFFFFF;
    border: 1px solid #E9E8E6;
}

.spFormBox01 .formTextWrap {
    background: #E9E8E6;
}

/* ボーダー */
.mypage {
    border-top: 1px solid #A6AAAA;
}

.globalHeader {
    border-bottom: 1px solid #A6AAAA;
}


/*  */
.peopleModal .bookBtnBox .btn .btnLink:disabled {
    pointer-events: none;
    background-color: #A6AAAA;
    opacity: 0.4;
    border: 1px solid #A6AAAA;
}

.tooltip-icon {
    background: #97cbb7 !important;
}