@charset "UTF-8";
/*---　一の宿専用css ----------------------------- */
/* ==================================================================================================================
$gray変更
================================================================================================================== */
/* =========================================================
layout.css
========================================================= */
@media (min-width: 768px) {
    .globalHeader .headerNavMenu03 .mypageLink a {
        background: #f7f7f7;
    }
}

.globalFooter .selectArea > li input {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

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

.formModalList li a,
.formModalList li label {
    background: #f7f7f7;
}

.areaFormModal .textWrap .cancelBtn {
    background: #f7f7f7;
}

.spFormBox01 .formTextWrap {
    background: #f7f7f7;
}

.narrowFormModal .hotelButtonList > li label {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

@media (max-width: 767px) {
    .selectModal .searchBox {
        background: #f7f7f7;
        border-color: #f7f7f7;
    }
}

.narrowFormModal.activity .hotelButtonList > li label {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}
.narrowFormModal.activity
    .radioBtnList_activity
    > li
    label:not(:has(.radio_btn:checked)) {
    background: #f7f7f7;
    border-color: #f7f7f7;
}

/* =========================================================
stay.css
========================================================= */
@media (max-width: 767px) {
    .contents.stayTop {
        background: #f7f7f7;
    }
}

/* =========================================================
search.css
========================================================= */
@media (min-width: 768px) {
    .contents:has(section.search) {
        background: #f7f7f7;
    }
}

/* =========================================================
detail.css
========================================================= */
.reviewBlock .listBlock .reviewStarList li .reviewBar {
    background: #f7f7f7;
}

.plan .spPlanForm.sp {
    background: #f7f7f7;
}
.plan .checkboxList label {
    border-color: #f7f7f7;
    background: #f7f7f7;
}
.plan .tabList {
    background: #f7f7f7;
}
.plan .tabList li:not(.active) a {
    background: #f7f7f7;
}
@media (max-width: 767px) {
    .plan .tabContents {
        background: #f7f7f7;
    }
}
@media (min-width: 768px) {
    .plan .roomList .listItem {
        background: #f7f7f7;
    }
}

@media (max-width: 767px) {
    .planEmpty {
        background: #f7f7f7;
    }
}

.reviewList li .secTitle02::before {
    background: #f7f7f7;
}

@media (max-width: 767px) {
    section.coupon::before {
        background: #f7f7f7;
    }
}

@media (max-width: 767px) {
    .couponList {
        background: #f7f7f7;
    }
}
@media (max-width: 767px) {
    .couponList .listItem::before,
    .couponList .listItem::after {
        background: #f7f7f7;
    }
}
.couponList .listItem .btn.gray a,
.couponList .listItem .btn.gray .btnLink {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.couponModal .btn.gray .btnLink {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

/* =========================================================
booking.css
========================================================= */
@media (min-width: 768px) {
    .contents:has(section.booking).bgGray {
        background: #f7f7f7;
    }
}

dl.form dd input[type="text"]:not(.error),
dl.form dd input[type="tel"]:not(.error),
dl.form dd input[type="email"]:not(.error),
dl.form dd input[type="password"]:not(.error),
dl.form dd textarea:not(.error) {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}
dl.form dd .selectLink {
    background-color: #f7f7f7;
}
dl.form:has(input#flightNum:not(.error)),
dl.form:has(input.customText:not(.error)),
dl.form:has(textarea:not(.error)) {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

.complete .checkinInfoBlock .dataBlock > dl dd {
    background: #f7f7f7;
}
.complete .checkinInfo .thanksBlock {
    background: #f7f7f7;
}

/* =========================================================
activity.css
========================================================= */
@media (max-width: 767px) {
    .contents.activityTop {
        background: #f7f7f7;
    }
}

/* =========================================================
activityDetail.css
========================================================= */
@media (max-width: 767px) {
    .detailMain .calendarSec::before {
        background: #f7f7f7;
    }
}

/* =========================================================
mypage.css
========================================================= */
.mypage .titleBlock .userIcon {
    background: #f7f7f7;
}
.mypage .status.canceled {
    background: #f7f7f7;
}
.mypage .prefectures {
    background: #f7f7f7;
}

.mycoupon .couponList .listItem .btn.gray a,
.mycoupon .couponList .listItem .btn.gray .btnLink {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.repaymentModal .detailInfo02,
.cancelModal .detailInfo02 {
    background: #f7f7f7;
}

/* =========================================================
spotSearch.css
========================================================= */
.rootModal .bg_block {
    background: #f7f7f7;
}

.rootModal02 .couponBlock {
    background: #f7f7f7;
}
.rootModal02 .couponList {
    background: #f7f7f7;
}
.rootModal02 .couponList .listItem::before,
.rootModal02 .couponList .listItem::after {
    background: #f7f7f7;
}
.rootModal02 .couponList .listItem .btn.gray a,
.rootModal02 .couponList .listItem .btn.gray .btnLink {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

/* =========================================================
map.css
========================================================= */
body:has(#mapid) .searchForm .spFormBox01 .formTextWrap {
    background-color: #fff;
}
body:has(#mapid) .searchForm.stay.is_show .spFormBox01 .formTextWrap {
    background: #f7f7f7;
}

/* ==================================================================================================================
カスタム
================================================================================================================== */
/* =========================================================
layout.css
========================================================= */
@media (min-width: 768px) {
    .globalHeader {
        background-color: #000000;
        color: #fff;
        border-bottom-color: #000000;
    }
}
.globalHeader .siteLogo a {
    background: url("/img/aichinoyado/logo.png") no-repeat left center/100% auto;
    width: 187px;
    height: 32px;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
    .globalHeader .siteLogo a {
        width: 140px;
    }
}
@media (min-width: 768px) {
    .globalHeader .icon_down {
        fill: #fff;
    }
    .globalHeader .headerNavMenu02 li input {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24gLyBUcmlhbmdsZSAvIERvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNi43MDYzIDkuMjA3QzYuMzE1ODQgOS41OTc0NiA1LjY4MTczIDkuNTk3NDYgNS4yOTEyNyA5LjIwN0wxLjI5MjkzIDUuMjA4NjZDMS4wMDU1NSA0LjkyMTI4IDAuOTIxMjEzIDQuNDkzMzQgMS4wNzc0IDQuMTE4NDlDMS4yMzM1OCAzLjc0MzY1IDEuNTk1OTMgMy41IDIuMDAyMDEgMy41SDkuOTk4NjhDMTAuNDAxNiAzLjUgMTAuNzY3MSAzLjc0MzY1IDEwLjkyMzMgNC4xMTg0OUMxMS4wNzk1IDQuNDkzMzQgMTAuOTkyIDQuOTIxMjggMTAuNzA3OCA1LjIwODY2TDYuNzA5NDIgOS4yMDdINi43MDYzWiIgZmlsbD0iI2ZmZiIvPgo8L2c+Cjwvc3ZnPgo=");
        color: #fff;
    }
    .globalHeader .headerNavMenu02 li input::placeholder {
        color: #fff;
    }
    .globalHeader .headerNavMenu03 a svg {
        fill: #fff;
    }
    .globalHeader .headerNavMenu03 .mypageLink a {
        background: #fff;
    }
    .globalHeader .headerNavMenu03 .mypageLink a svg {
        fill: #000000;
    }
}

.globalFooter {
    background: #eeeae2;
}
@media (max-width: 767px) {
    .globalFooter .selectArea {
        background: #fff;
        margin-top: -16px;
        padding-top: 16px;
    }
}

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

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

.formModal .okBtn span {
    background: #000000;
}

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

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

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

.sortList > li button {
    color: #999999;
}

.sortList > li button.on {
    color: #000000;
}
@media (max-width: 767px) {
    .sortList > li button.on {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24gLyBDaGVjayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjM4NzggMTQuMjY4M0w0LjEwODQ5IDEwLjgxODlDMy45MzE3OSAxMC42MzMgMy42OTIxMiAxMC41Mjg2IDMuNDQyMjMgMTAuNTI4NkMzLjE5MjM0IDEwLjUyODYgMi45NTI2OCAxMC42MzMgMi43NzU5NyAxMC44MTg5QzIuNTk5MjcgMTEuMDA0NyAyLjUgMTEuMjU2OCAyLjUgMTEuNTE5N0MyLjUgMTEuNjQ5OCAyLjUyNDM3IDExLjc3ODcgMi41NzE3MiAxMS44OTlDMi42MTkwNyAxMi4wMTkyIDIuNjg4NDggMTIuMTI4NSAyLjc3NTk3IDEyLjIyMDVMNi43MjYyNiAxNi4zNzU3QzcuMDk0ODMgMTYuNzYzNCA3LjY5MDIxIDE2Ljc2MzQgOC4wNTg3OCAxNi4zNzU3TDE4LjA1NzQgNS44NTg0NEMxOC4yMzQxIDUuNjcyNTcgMTguMzMzMyA1LjQyMDQ4IDE4LjMzMzMgNS4xNTc2MkMxOC4zMzMzIDQuODk0NzYgMTguMjM0MSA0LjY0MjY2IDE4LjA1NzQgNC40NTY3OUMxNy44ODA3IDQuMjcwOTIgMTcuNjQxIDQuMTY2NSAxNy4zOTExIDQuMTY2NUMxNy4xNDEyIDQuMTY2NSAxNi45MDE2IDQuMjcwOTIgMTYuNzI0OCA0LjQ1Njc5TDcuMzg3OCAxNC4yNjgzWiIgZmlsbD0iIzdBNkE1NSIvPgo8L2c+Cjwvc3ZnPgo=");
    }
}

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

.selectList > li button.on {
    color: #000000;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24gLyBDaGVjayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjM4NzggMTQuMjY4M0w0LjEwODQ5IDEwLjgxODlDMy45MzE3OSAxMC42MzMgMy42OTIxMiAxMC41Mjg2IDMuNDQyMjMgMTAuNTI4NkMzLjE5MjM0IDEwLjUyODYgMi45NTI2OCAxMC42MzMgMi43NzU5NyAxMC44MTg5QzIuNTk5MjcgMTEuMDA0NyAyLjUgMTEuMjU2OCAyLjUgMTEuNTE5N0MyLjUgMTEuNjQ5OCAyLjUyNDM3IDExLjc3ODcgMi41NzE3MiAxMS44OTlDMi42MTkwNyAxMi4wMTkyIDIuNjg4NDggMTIuMTI4NSAyLjc3NTk3IDEyLjIyMDVMNi43MjYyNiAxNi4zNzU3QzcuMDk0ODMgMTYuNzYzNCA3LjY5MDIxIDE2Ljc2MzQgOC4wNTg3OCAxNi4zNzU3TDE4LjA1NzQgNS44NTg0NEMxOC4yMzQxIDUuNjcyNTcgMTguMzMzMyA1LjQyMDQ4IDE4LjMzMzMgNS4xNTc2MkMxOC4zMzMzIDQuODk0NzYgMTguMjM0MSA0LjY0MjY2IDE4LjA1NzQgNC40NTY3OUMxNy44ODA3IDQuMjcwOTIgMTcuNjQxIDQuMTY2NSAxNy4zOTExIDQuMTY2NUMxNy4xNDEyIDQuMTY2NSAxNi45MDE2IDQuMjcwOTIgMTYuNzI0OCA0LjQ1Njc5TDcuMzg3OCAxNC4yNjgzWiIgZmlsbD0iIzdBNkE1NSIvPgo8L2c+Cjwvc3ZnPgo=");
}

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

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

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

/* =========================================================
content.css
========================================================= */
.btn .btnLink,
.btn a {
    border-color: #000000;
    background: #000000;
}

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

.star_coupon .coupon {
    background-color: #eeeae2;
    color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

.detailTitle::before {
    background: #000000;
}

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

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

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

.couponList .listItem .btn.login .btnLink {
    border-color: #0c5200;
    background: #0c5200;
}

.planEmpty .icon .icon_bed {
    fill: #0c5200;
}

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

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

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

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

.complete .checkinInfo .titleBlock .secTitle01 {
    color: #0c5200;
}

.loading_icon .icon_load02 {
    fill: #000000;
}

.booking .checkinInfo .linkBlock a {
    color: #196b99;
}

/* =========================================================
activity.css
========================================================= */
.activityTop .titleArea {
    background-image: url("../img/hakone/kv_activity.jpg");
}
@media (max-width: 767px) {
    .activityTop .titleArea {
        background-image: url("../img/hakone/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: #000000;
}

.calendarSec .open_closeNote li.aboutCancel {
    border-color: #000000;
    background: #eeeae2;
    color: #000000;
}

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

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

@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,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24gLyBUcmlhbmdsZSAvIERvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNi43MDYzIDkuMjA3QzYuMzE1ODQgOS41OTc0NiA1LjY4MTczIDkuNTk3NDYgNS4yOTEyNyA5LjIwN0wxLjI5MjkzIDUuMjA4NjZDMS4wMDU1NSA0LjkyMTI4IDAuOTIxMjEzIDQuNDkzMzQgMS4wNzc0IDQuMTE4NDlDMS4yMzM1OCAzLjc0MzY1IDEuNTk1OTMgMy41IDIuMDAyMDEgMy41SDkuOTk4NjhDMTAuNDAxNiAzLjUgMTAuNzY3MSAzLjc0MzY1IDEwLjkyMzMgNC4xMTg0OUMxMS4wNzk1IDQuNDkzMzQgMTAuOTkyIDQuOTIxMjggMTAuNzA3OCA1LjIwODY2TDYuNzA5NDIgOS4yMDdINi43MDYzWiIgZmlsbD0iIzdBNkE1NSIvPgo8L2c+Cjwvc3ZnPgo=");
    }
    .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: #000000;
    }
}

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

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

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

.free_cancel_policy .icon {
    background-color: #000000;
}

/* =========================================================
mypage.css
========================================================= */
.mypage .status {
    color: #0c5200;
    background: #e7f3e5;
}
.mypage .status.noShow {
    color: #ef751d;
}

.mypage .canceledNote {
    background: #eeeae2;
}

.mycoupon .couponList .listItem .couponTitle,
.recommendList .coupon_title {
    color: #000000;
}
.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: #0c5200;
    background: #0c5200;
}

.categoryBtnList > li button.on,
.mycoupon .selectArea > li p.selectLink.button_on {
    border-color: #000000;
    color: #000000;
}
.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: #000000;
}

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

.mycouponList .bookName a {
    color: #196b99;
}

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

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

.rootModal .modalTitle01::before {
    background: #000000;
}
.rootModal .noteBlock {
    background: #eeeae2;
}

.rootModal .rootDetailList > li .root_spot .modalBtn {
    color: #196b99;
}

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

/* =========================================================
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: #000000;
    color: #000000;
}
.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: #000000;
    }
}

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

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

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

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

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

.mapSlideList .listItem.spot .coupon_title {
    color: #000000;
}

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

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

.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: #000000;
    background: #eeeae2;
} /*# sourceMappingURL=hakone.css.map */

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

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

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

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

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

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

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

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

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

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

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

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

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

.benefitList .listItem .btn.login .btnLink {
    border-color: #70813f;
    background: #70813f;
}