/* =========================================================
   Zen Kaku Gothic New の読み込み
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;600;700&display=swap');


/* =========================================================
   海野24 アメニティ・設備
   Beds24用
   ========================================================= */


/* ---------------------------------------------------------
   全体
   --------------------------------------------------------- */
.umino-amenities {
    max-width: 960px;
    margin: 16px 0 !important;
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    color: #292a2f !important;
}


/* ---------------------------------------------------------
   最上部タイトル
   --------------------------------------------------------- */
.umino-amenities-heading {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;

    color: #292a2f !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.umino-amenities-heading-title {
    color: #292a2f !important;
}


/* ---------------------------------------------------------
   アイコン共通
   --------------------------------------------------------- */
.umino-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;

    display: inline-block !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/* ---------------------------------------------------------
   SVGアイコン
   #292a2f で統一
   --------------------------------------------------------- */


/* キラキラ / アメニティ見出し */
.icon-sparkle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3L12 3z'/%3E%3C/svg%3E") !important;
}


/* 案1：寝室・バスルーム（ベッド＋シャワー） */
.icon-bed {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 19v-6a2 2 0 0 1 2-2h7v8'/%3E%3Cpath d='M2 15h9'/%3E%3Cpath d='M2 8v11'/%3E%3Cpath d='M15 5a3 3 0 0 1 3 3v2'/%3E%3Cpath d='M18 10v9'/%3E%3Cpath d='M15 13h.01M18 13h.01M21 13h.01'/%3E%3C/svg%3E") !important;
}


/* キッチン */
.icon-kitchen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 0 9-9H3a9 9 0 0 0 9 9zM12 12V3M8 3v4M16 3v4'/%3E%3C/svg%3E") !important;
}


/* Wi-Fi */
.icon-wifi {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.55a11 11 0 0 1 14 0M1.42 9a16 16 0 0 1 21.16 0M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01'/%3E%3C/svg%3E") !important;
}


/* 洗濯機 */
.icon-washer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='2' width='18' height='20' rx='2'/%3E%3Ccircle cx='12' cy='13' r='5'/%3E%3Cpath d='M7 6h.01M10 6h.01'/%3E%3C/svg%3E") !important;
}


/* 車 */
.icon-car {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.5 2.8C1.4 11.2 1 12 1 13v3c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E") !important;
}


/* ベビー用品（ベビーチェア / ハイチェア） */
.icon-baby {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7a1 1 0 0 1 1 1v6H8V4a1 1 0 0 1 1-1z'/%3E%3Cpath d='M8 10v3h7v-3'/%3E%3Cpath d='M6 10h11'/%3E%3Cpath d='M7 13l-2.5 8M16 13l2.5 8'/%3E%3Cpath d='M8.5 17h6.5'/%3E%3C/svg%3E") !important;
}


/* 設備・家電 */
.icon-device {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E") !important;
}


/* その他 */
.icon-grid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
}


/* ---------------------------------------------------------
   主な6項目
   PC：3列 × 2行
   --------------------------------------------------------- */
.umino-feature-amenities {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 4px 8px !important;

    margin-bottom: 12px !important;
    padding: 0 !important;
}

.umino-feature-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 6px !important;

    min-height: 30px !important;
    height: 30px !important;

    padding: 0 4px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    color: #292a2f !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    border: none !important;
}


/* ---------------------------------------------------------
   詳細一覧
   --------------------------------------------------------- */
.umino-amenities-details {
    margin-top: 12px !important;

    border: 1px solid #e5dcd7 !important;
    border-radius: 3px !important;
}


/* 詳細一覧の見出し */
.umino-amenities-details>summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 12px 14px !important;

    cursor: pointer !important;
    list-style: none !important;

    color: #a67763 !important;
    background: #faf7f5 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}


/* デフォルト三角を消す */
.umino-amenities-details>summary::-webkit-details-marker {
    display: none !important;
}


/* ＋ */
.umino-details-arrow {
    color: #a67763 !important;

    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    transition: transform 0.2s ease !important;
}


/* 開いたとき */
.umino-amenities-details[open] .umino-details-arrow {
    transform: rotate(45deg) !important;
}


/* ---------------------------------------------------------
   詳細一覧の中身
   --------------------------------------------------------- */
.umino-amenities-content {
    padding: 16px 16px 20px !important;
}


/* 導入文 */
.umino-amenities-intro {
    margin: 0 0 20px !important;

    color: #292a2f !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
}


/* ---------------------------------------------------------
   カテゴリー
   --------------------------------------------------------- */
.umino-amenity-category {
    margin-bottom: 22px !important;
}

.umino-amenity-category-last {
    margin-bottom: 8px !important;
}


/* カテゴリータイトル */
.umino-amenity-category-title {
    display: flex !important;
    align-items: center !important;

    gap: 6px !important;

    margin-bottom: 8px !important;

    color: #a67763 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}

.umino-amenity-category-title .umino-icon {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}


/* ---------------------------------------------------------
   各アメニティ一覧
   --------------------------------------------------------- */
.umino-amenity-list {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 6px 0 !important;

    color: #292a2f !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
}

.umino-amenity-list span {
    color: #292a2f !important;

    font-size: 13px !important;
    font-weight: 500 !important;
}


/* 区切り「・」 */
.umino-amenity-list span:not(:last-child)::after {
    content: " ・ " !important;

    color: #292a2f !important;
    font-weight: 400 !important;
}


/* ---------------------------------------------------------
   ご滞在に関するご案内
   --------------------------------------------------------- */
.umino-amenity-notes {
    margin-top: 24px !important;

    padding: 14px 15px !important;

    background: #f8f8f8 !important;

    border-radius: 3px !important;
    border-left: 3px solid #a67763 !important;

    color: #292a2f !important;

    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
}


/* タイトル */
.umino-notes-title {
    margin: 0 0 8px !important;

    color: #a67763 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/* 箇条書き */
.umino-amenity-notes ul {
    margin: 0 !important;
    padding-left: 16px !important;
}

.umino-amenity-notes li {
    margin-bottom: 6px !important;
}

.umino-amenity-notes li:last-child {
    margin-bottom: 0 !important;
}

.umino-amenity-notes strong {
    color: #292a2f !important;
    font-weight: 600 !important;
}


/* ---------------------------------------------------------
   スマートフォン
   2列 × 3行
   --------------------------------------------------------- */
@media (max-width: 600px) {

    .umino-feature-amenities {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 2px 6px !important;
    }

    .umino-feature-item {
        min-height: 28px !important;
        height: 28px !important;

        padding: 0 2px !important;
        gap: 5px !important;

        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .umino-feature-item .umino-icon {
        width: 16px !important;
        height: 16px !important;
        flex-basis: 16px !important;
    }

    .umino-amenities-content {
        padding: 16px 14px 20px !important;
    }

    .umino-amenities-intro {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .umino-amenity-list,
    .umino-amenity-list span {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .umino-amenity-category {
        margin-bottom: 22px !important;
    }

    .umino-amenity-category-last {
        margin-bottom: 8px !important;
    }

    .umino-amenity-notes {
        margin-top: 24px !important;
        padding: 14px !important;
    }

}

/* =========================================================
   上段6項目：タイトル＋補足
========================================================= */

.umino-feature-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 5px 4px !important;
}

.umino-feature-item>.umino-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin-top: 2px !important;
}

.umino-feature-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    line-height: 1.4 !important;
}

.umino-feature-title {
    display: block !important;
    color: #292a2f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.umino-feature-sub {
    display: block !important;
    margin-top: 2px !important;
    color: #686868 !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


/* =========================================================
   上段用アイコン
========================================================= */

/* テンキー：セルフチェックイン */
.icon-keypad {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Ccircle cx='8' cy='7' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='12' cy='7' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='16' cy='7' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='8' cy='11' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='12' cy='11' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='16' cy='11' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='8' cy='15' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='12' cy='15' r='.7' fill='%23292a2f'/%3E%3Ccircle cx='16' cy='15' r='.7' fill='%23292a2f'/%3E%3Cpath d='M9 19h6'/%3E%3C/svg%3E") !important;
}

/* Wi-Fi */
.icon-wifi {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 10a11 11 0 0 1 14 0'/%3E%3Cpath d='M8 13a6.5 6.5 0 0 1 8 0'/%3E%3Cpath d='M10.5 16a2.5 2.5 0 0 1 3 0'/%3E%3Ccircle cx='12' cy='19' r='.7' fill='%23292a2f'/%3E%3C/svg%3E") !important;
}

/* 無料駐車場：横向きの車 */
.icon-parking {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.5 2.8C1.4 11.2 1 12 1 13v3c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* テレビ */
.icon-tv {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E") !important;
}

/* キッチン */
.icon-kitchen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292a2f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v7M4 3v4a2 2 0 0 0 4 0V3M6 10v11M15 3c-2 0-3 2.5-3 5.5S13 14 15 14s3-2.5 3-5.5S17 3 15 3zM15 14v7'/%3E%3C/svg%3E") !important;
}

/* 屋外防犯カメラ */
.icon-camera {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg transform='translate(-30.3036 -14.6334) scale(0.122294)' fill='none' stroke='%23292a2f' stroke-width='14.7186' stroke-linejoin='round' stroke-linecap='round'%3E %3Crect x='319.614' y='156.731' transform='matrix(0.5736 -0.8192 0.8192 0.5736 -25.169 377.4449)' width='60.667' height='112.332'/%3E %3Cpolygon points='404.061,233.542 387.854,256.686 402.988,279.744 430.904,239.876'/%3E %3Cpolyline points='260.931,240.214 260.931,277.063 260.931,258.64 303.889,258.638 327.98,234.546'/%3E %3C/g%3E %3C/svg%3E") !important;
}

/* アイコン共通 */
.umino-feature-item .umino-icon {
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/* =========================================================
   スマホ
========================================================= */

@media (max-width: 600px) {

    .umino-feature-amenities {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 10px !important;
    }

    .umino-feature-item {
        min-height: 60px !important;
        padding: 5px 2px !important;
        gap: 7px !important;
    }

    .umino-feature-item>.umino-icon {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
    }

    .umino-feature-title {
        font-size: 12.5px !important;
    }

    .umino-feature-sub {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
}