/* =========================================================
   /curtain-navi 専用CSS 完成版
   カーテン選び総合ガイド
   ========================================================= */

#main .content-block .cnavi-page,
#main .content-block .cnavi-page * {
    box-sizing: border-box;
}#main .content-block .cnavi-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #27323a !important;
    background: #ffffff !important;
}#main .content-block .cnavi-page a {
    text-decoration: none !important;
}#main .content-block .cnavi-page img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}#main .content-block .cnavi-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#edf5f2 0%,#ffffff 57%,#f8f2e9 100%) !important;
    border: 1px solid #dce6e1 !important;
    border-radius: 19px !important;
}#main .content-block .cnavi-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .cnavi-eyebrow,
#main .content-block .cnavi-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #52786b !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).cnavi-hero-title {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).cnavi-hero-title span {
    color: #3f6b5b !important;
}#main .content-block .cnavi-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    padding: 0 !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .cnavi-hero-lead strong {
    color: #365e50 !important;
}#main .content-block .cnavi-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 12px !important;
}#main .content-block .cnavi-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #365e50 !important;
    font-size: 17px !important;
}#main .content-block .cnavi-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .cnavi-hero-actions,
#main .content-block .cnavi-consult-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .cnavi-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .cnavi-btn-primary {
    background: #3f6b5b !important;
    border: 1px solid #3f6b5b !important;
    color: #ffffff !important;
}#main .content-block .cnavi-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #c6d4ce !important;
    color: #365e50 !important;
}#main .content-block .cnavi-btn:hover,
#main .content-block .cnavi-guide-card:hover,
#main .content-block .cnavi-room-card:hover,
#main .content-block .cnavi-dual-card:hover,
#main .content-block .cnavi-problem-grid > a:hover {
    opacity: .88 !important;
}#main .content-block .cnavi-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.cnavi-section-title,
#main .content-block h1.as-h2.cnavi-section-title {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #567a6d !important;
    color: #27323a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .cnavi-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .cnavi-section-lead strong {
    color: #365e50 !important;
}#main .content-block .cnavi-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #27323a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* 4 steps */
#main .content-block .cnavi-step-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 8px !important;
}#main .content-block .cnavi-step-card {
    min-width: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 12px !important;
}#main .content-block .cnavi-step-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 0 8px !important;
    background: #eaf3ef !important;
    border-radius: 50% !important;
    color: #3f6b5b !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .cnavi-step-card p,
#main .content-block .cnavi-guide-card p,
#main .content-block .cnavi-room-card p,
#main .content-block .cnavi-dual-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .cnavi-step-card a {
    display: inline-block !important;
    margin-top: 8px !important;
    color: #356452 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* Guides */
#main .content-block .cnavi-guide-grid {
    display: grid !important;
    gap: 11px !important;
}#main .content-block .cnavi-guide-grid-3 {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}#main .content-block .cnavi-guide-card,
#main .content-block .cnavi-dual-card {
    display: block !important;
    min-width: 0 !important;
    padding: 17px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 13px !important;
    color: #27323a !important;
}#main .content-block .cnavi-guide-label,
#main .content-block .cnavi-dual-en {
    display: inline-block !important;
    margin: 0 0 7px !important;
    padding: 3px 8px !important;
    background: #edf4f1 !important;
    border-radius: 999px !important;
    color: #52786b !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .08em !important;
}#main .content-block .cnavi-guide-card span,
#main .content-block .cnavi-room-card span,
#main .content-block .cnavi-dual-card span {
    display: inline-block !important;
    margin-top: 9px !important;
    color: #356452 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}/* Room */
#main .content-block .cnavi-room-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .cnavi-room-card {
    display: grid !important;
    grid-template-columns: 43px minmax(0,1fr) !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 12px !important;
    color: #27323a !important;
}#main .content-block .cnavi-room-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    background: #eaf3ef !important;
    border-radius: 50% !important;
    color: #3f6b5b !important;
    font-size: 14px !important;
    font-weight: bold !important;
}/* Image */
#main .content-block .cnavi-section-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    background: #f5f7f6 !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 15px !important;
}#main .content-block .cnavi-section-image img {
    width: 100% !important;
    height: auto !important;
}/* Problem */
#main .content-block .cnavi-problem-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .cnavi-problem-grid > a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 12px !important;
    color: #27323a !important;
}#main .content-block .cnavi-problem-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #365e50 !important;
    font-size: 15px !important;
}#main .content-block .cnavi-problem-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .cnavi-problem-grid span {
    display: inline-block !important;
    margin-top: 8px !important;
    color: #356452 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}/* Dual */
#main .content-block .cnavi-dual-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 11px !important;
}/* Mistakes */
#main .content-block .cnavi-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .cnavi-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 13px 14px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 10px !important;
}#main .content-block .cnavi-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #3f6b5b !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .cnavi-mistake-list p {
    margin: 2px 0 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* Consult */
#main .content-block .cnavi-consult-box {
    display: block !important;
    padding: 18px !important;
    background: #f5f9f7 !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 14px !important;
}#main .content-block .cnavi-consult-title {
    display: block !important;
    margin-bottom: 7px !important;
    color: #365e50 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .cnavi-consult-box p {
    margin: 0 0 13px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* Final */
#main .content-block .cnavi-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #345b4e !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .cnavi-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .cnavi-final-kicker {
    margin: 0 0 6px !important;
    color: #cfe0da !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .cnavi-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .cnavi-final p {
    margin: 0 0 18px !important;
    color: #e3ece8 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .cnavi-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #345b4e !important;
}

@media screen and (max-width: 900px) {#main .content-block .cnavi-step-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }#main .content-block .cnavi-guide-grid-3 {
        grid-template-columns: 1fr !important;
    }
}

@media screen and (max-width: 787px) {#main .content-block .cnavi-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .cnavi-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).cnavi-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .cnavi-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .cnavi-hero-actions,
#main .content-block .cnavi-consult-actions {
        display: block !important;
    }#main .content-block .cnavi-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .cnavi-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.cnavi-section-title,
#main .content-block h1.as-h2.cnavi-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .cnavi-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .cnavi-step-grid,
#main .content-block .cnavi-guide-grid,
#main .content-block .cnavi-room-grid,
#main .content-block .cnavi-problem-grid,
#main .content-block .cnavi-dual-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .cnavi-step-card,
#main .content-block .cnavi-guide-card,
#main .content-block .cnavi-room-card,
#main .content-block .cnavi-problem-grid > a,
#main .content-block .cnavi-dual-card {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .cnavi-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .cnavi-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-detached-housing 専用CSS
   戸建て住宅のカーテン選び
   ========================================================= */

#main .content-block .dhouse-page,
#main .content-block .dhouse-page * {
    box-sizing: border-box;
}#main .content-block .dhouse-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #27323a !important;
    background: #ffffff !important;
}#main .content-block .dhouse-page a {
    text-decoration: none !important;
}#main .content-block .dhouse-page ul {
    list-style-type: disc !important;
}#main .content-block .dhouse-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#edf5f2 0%,#ffffff 57%,#f8f2e9 100%) !important;
    border: 1px solid #dce6e1 !important;
    border-radius: 19px !important;
}#main .content-block .dhouse-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .dhouse-eyebrow,
#main .content-block .dhouse-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #52786b !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).dhouse-hero-title {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).dhouse-hero-title span {
    color: #3f6b5b !important;
}#main .content-block .dhouse-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .dhouse-hero-lead strong {
    color: #365e50 !important;
}#main .content-block .dhouse-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 12px !important;
}#main .content-block .dhouse-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #365e50 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .dhouse-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* Buttons */
#main .content-block .dhouse-hero-actions,
#main .content-block .dhouse-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .dhouse-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .dhouse-btn:hover,
#main .content-block .dhouse-related-grid a:hover {
    opacity: .88 !important;
}#main .content-block .dhouse-btn-primary {
    background: #3f6b5b !important;
    border: 1px solid #3f6b5b !important;
    color: #ffffff !important;
}#main .content-block .dhouse-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #c6d4ce !important;
    color: #365e50 !important;
}/* Section */
#main .content-block .dhouse-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.dhouse-section-title,
#main .content-block h1.as-h2.dhouse-section-title {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #567a6d !important;
    color: #27323a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .dhouse-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .dhouse-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #27323a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* Checks */
#main .content-block .dhouse-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .dhouse-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 12px !important;
}#main .content-block .dhouse-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #eaf3ef !important;
    border-radius: 50% !important;
    color: #3f6b5b !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .dhouse-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* Room */
#main .content-block .dhouse-room-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .dhouse-room-card {
    display: block !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 14px !important;
}#main .content-block .dhouse-room-head {
    display: grid !important;
    grid-template-columns: 45px minmax(0,1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    padding: 13px 16px !important;
    background: #edf4f1 !important;
}#main .content-block .dhouse-room-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    color: #3f6b5b !important;
    font-size: 14px !important;
    font-weight: bold !important;
}#main .content-block .dhouse-room-label {
    color: #718e83 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .dhouse-room-title {
    color: #365e50 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}#main .content-block .dhouse-room-body {
    padding: 15px 17px 17px !important;
}#main .content-block .dhouse-room-body > p {
    margin: 0 0 10px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .dhouse-room-body ul {
    margin: 0 !important;
    padding: 0 0 0 21px !important;
    list-style-type: disc !important;
}#main .content-block .dhouse-room-body li {
    display: list-item !important;
    margin: 0 0 4px !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    list-style-type: disc !important;
}#main .content-block .dhouse-room-body a,
#main .content-block .dhouse-text-link,
#main .content-block .dhouse-flow-item a,
#main .content-block .dhouse-color-actions a {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #356452 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* New house */
#main .content-block .dhouse-newhouse-flow {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .dhouse-flow-item {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 11px !important;
    padding: 14px 15px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 10px !important;
}#main .content-block .dhouse-flow-item > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #3f6b5b !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .dhouse-flow-item p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* Window */
#main .content-block .dhouse-window-grid,
#main .content-block .dhouse-function-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .dhouse-window-card,
#main .content-block .dhouse-function-grid > div {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 11px !important;
}#main .content-block .dhouse-window-card strong,
#main .content-block .dhouse-function-grid strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #365e50 !important;
    font-size: 15px !important;
}#main .content-block .dhouse-window-card p,
#main .content-block .dhouse-function-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* Mistakes */
#main .content-block .dhouse-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .dhouse-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 10px !important;
}#main .content-block .dhouse-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #3f6b5b !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .dhouse-mistake-list p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* Color */
#main .content-block .dhouse-color-box {
    padding: 18px !important;
    background: #f5f9f7 !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 14px !important;
}#main .content-block .dhouse-color-title {
    margin: 0 0 7px !important;
    color: #365e50 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .dhouse-color-box p {
    margin: 0 0 9px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .dhouse-color-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 18px !important;
}/* Related */
#main .content-block .dhouse-related-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .dhouse-related-grid a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 11px !important;
    color: #27323a !important;
}#main .content-block .dhouse-related-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf4f1 !important;
    border-radius: 999px !important;
    color: #52786b !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .dhouse-related-grid strong {
    display: block !important;
    color: #365e50 !important;
    font-size: 14px !important;
}/* Final */
#main .content-block .dhouse-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #345b4e !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .dhouse-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .dhouse-final-kicker {
    margin: 0 0 6px !important;
    color: #cfe0da !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .dhouse-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .dhouse-final p {
    margin: 0 0 18px !important;
    color: #e3ece8 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .dhouse-final-actions {
    justify-content: center !important;
}#main .content-block .dhouse-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #345b4e !important;
}#main .content-block .dhouse-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    color: #ffffff !important;
}

/* Mobile */
@media screen and (max-width: 787px) {#main .content-block .dhouse-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .dhouse-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).dhouse-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .dhouse-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .dhouse-hero-actions,
#main .content-block .dhouse-final-actions {
        display: block !important;
    }#main .content-block .dhouse-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .dhouse-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.dhouse-section-title,
#main .content-block h1.as-h2.dhouse-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .dhouse-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .dhouse-check-grid,
#main .content-block .dhouse-window-grid,
#main .content-block .dhouse-function-grid,
#main .content-block .dhouse-related-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .dhouse-check-card,
#main .content-block .dhouse-window-card,
#main .content-block .dhouse-function-grid > div,
#main .content-block .dhouse-related-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .dhouse-color-actions {
        display: block !important;
    }#main .content-block .dhouse-color-actions a {
        display: block !important;
        margin: 8px 0 0 !important;
    }#main .content-block .dhouse-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .dhouse-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-mansion 専用CSS
   マンションのカーテン選び
   ========================================================= */

#main .content-block .mansion-page,
#main .content-block .mansion-page * {
    box-sizing: border-box;
}#main .content-block .mansion-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #27323a !important;
    background: #ffffff !important;
}#main .content-block .mansion-page a {
    text-decoration: none !important;
}#main .content-block .mansion-page ul {
    list-style-type: disc !important;
}/* =========================================================
   HERO
   ========================================================= */

#main .content-block .mansion-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#edf4f6 0%,#ffffff 58%,#f5f0e8 100%) !important;
    border: 1px solid #dbe5e8 !important;
    border-radius: 19px !important;
}#main .content-block .mansion-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .mansion-eyebrow,
#main .content-block .mansion-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #547682 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).mansion-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).mansion-hero-title span {
    color: #416878 !important;
}#main .content-block .mansion-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .mansion-hero-lead strong {
    color: #365f6c !important;
}#main .content-block .mansion-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #dbe5e8 !important;
    border-radius: 12px !important;
}#main .content-block .mansion-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #365f6c !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .mansion-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* =========================================================
   BUTTON
   ========================================================= */

#main .content-block .mansion-hero-actions,
#main .content-block .mansion-final-actions,
#main .content-block .mansion-consult-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .mansion-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .mansion-btn:hover,
#main .content-block .mansion-room-card:hover,
#main .content-block .mansion-related-grid a:hover {
    opacity: .88 !important;
}#main .content-block .mansion-btn-primary {
    background: #416878 !important;
    border: 1px solid #416878 !important;
    color: #ffffff !important;
}#main .content-block .mansion-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #c8d5da !important;
    color: #365f6c !important;
}/* =========================================================
   SECTION
   ========================================================= */

#main .content-block .mansion-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.mansion-section-title,
#main .content-block h1.as-h2.mansion-section-title {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #557887 !important;
    color: #27323a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .mansion-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .mansion-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #27323a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* =========================================================
   CHECK GRID
   ========================================================= */

#main .content-block .mansion-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .mansion-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 12px !important;
}#main .content-block .mansion-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #eaf2f5 !important;
    border-radius: 50% !important;
    color: #416878 !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .mansion-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* =========================================================
   PROBLEM
   ========================================================= */

#main .content-block .mansion-problem-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .mansion-problem-card {
    display: block !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 14px !important;
}#main .content-block .mansion-problem-head {
    display: grid !important;
    grid-template-columns: 46px minmax(0,1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    padding: 13px 16px !important;
    background: #edf3f5 !important;
}#main .content-block .mansion-problem-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    color: #416878 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}#main .content-block .mansion-problem-label {
    color: #6e8994 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .mansion-problem-title {
    color: #365f6c !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}#main .content-block .mansion-problem-body {
    padding: 15px 17px 17px !important;
}#main .content-block .mansion-problem-body > p {
    margin: 0 0 10px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .mansion-problem-body ul {
    margin: 0 !important;
    padding: 0 0 0 21px !important;
    list-style-type: disc !important;
}#main .content-block .mansion-problem-body li {
    display: list-item !important;
    margin: 0 0 4px !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    list-style-type: disc !important;
}#main .content-block .mansion-problem-body a,
#main .content-block .mansion-flow-item a,
#main .content-block .mansion-text-link {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #326277 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* =========================================================
   FIRE
   ========================================================= */

#main .content-block .mansion-fire-box {
    padding: 19px !important;
    background: #fff8ed !important;
    border: 1px solid #ead9b9 !important;
    border-radius: 14px !important;
}#main .content-block .mansion-fire-title {
    margin: 0 0 9px !important;
    color: #72562c !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .mansion-fire-box > p {
    margin: 0 0 9px !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .mansion-fire-note {
    margin-top: 14px !important;
    padding: 13px 14px !important;
    background: #ffffff !important;
    border-radius: 9px !important;
}#main .content-block .mansion-fire-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #72562c !important;
    font-size: 13px !important;
}#main .content-block .mansion-fire-note p {
    margin: 0 !important;
    color: #655f56 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* =========================================================
   VIEW BALANCE
   ========================================================= */

#main .content-block .mansion-balance-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .mansion-balance-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #f7fafb !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 11px !important;
}#main .content-block .mansion-balance-card > span {
    display: inline-block !important;
    margin: 0 0 7px !important;
    padding: 3px 7px !important;
    background: #eaf2f5 !important;
    border-radius: 999px !important;
    color: #557887 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: .07em !important;
}#main .content-block .mansion-balance-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* =========================================================
   RAIL
   ========================================================= */

#main .content-block .mansion-rail-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .mansion-rail-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 11px !important;
}#main .content-block .mansion-rail-card strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #365f6c !important;
    font-size: 15px !important;
}#main .content-block .mansion-rail-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* =========================================================
   FLOW
   ========================================================= */

#main .content-block .mansion-flow {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .mansion-flow-item {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 11px !important;
    padding: 14px 15px !important;
    background: #f7fafb !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 10px !important;
}#main .content-block .mansion-flow-item > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: #416878 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .mansion-flow-item p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* =========================================================
   ROOM
   ========================================================= */

#main .content-block .mansion-room-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .mansion-room-card {
    display: grid !important;
    grid-template-columns: 43px minmax(0,1fr) !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 12px !important;
    color: #27323a !important;
}#main .content-block .mansion-room-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    background: #eaf2f5 !important;
    border-radius: 50% !important;
    color: #416878 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}#main .content-block .mansion-room-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .mansion-room-card span {
    display: inline-block !important;
    margin-top: 8px !important;
    color: #326277 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}/* =========================================================
   MISTAKES
   ========================================================= */

#main .content-block .mansion-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .mansion-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7fafb !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 10px !important;
}#main .content-block .mansion-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #416878 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .mansion-mistake-list p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* =========================================================
   CONSULT
   ========================================================= */

#main .content-block .mansion-consult-box {
    padding: 18px !important;
    background: #f2f7f8 !important;
    border: 1px solid #d6e3e7 !important;
    border-radius: 14px !important;
}#main .content-block .mansion-consult-title {
    margin: 0 0 7px !important;
    color: #365f6c !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .mansion-consult-box > p {
    margin: 0 0 14px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .mansion-consult-points {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
}#main .content-block .mansion-consult-points > div {
    min-width: 0 !important;
    padding: 11px !important;
    background: #ffffff !important;
    border: 1px solid #dbe5e8 !important;
    border-radius: 9px !important;
    text-align: center !important;
}#main .content-block .mansion-consult-points strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #365f6c !important;
    font-size: 13px !important;
}#main .content-block .mansion-consult-points span {
    display: block !important;
    color: #68747a !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}/* =========================================================
   RELATED
   ========================================================= */

#main .content-block .mansion-related-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .mansion-related-grid a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e8 !important;
    border-radius: 11px !important;
    color: #27323a !important;
}#main .content-block .mansion-related-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #eaf2f5 !important;
    border-radius: 999px !important;
    color: #557887 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .mansion-related-grid strong {
    display: block !important;
    color: #365f6c !important;
    font-size: 14px !important;
}/* =========================================================
   FINAL
   ========================================================= */

#main .content-block .mansion-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #365f6c !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .mansion-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .mansion-final-kicker {
    margin: 0 0 6px !important;
    color: #d5e4e9 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .mansion-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .mansion-final p {
    margin: 0 0 18px !important;
    color: #e6eef1 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .mansion-final-actions {
    justify-content: center !important;
}#main .content-block .mansion-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #365f6c !important;
}#main .content-block .mansion-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 787px) {#main .content-block .mansion-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .mansion-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).mansion-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .mansion-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .mansion-hero-actions,
#main .content-block .mansion-final-actions,
#main .content-block .mansion-consult-actions {
        display: block !important;
    }#main .content-block .mansion-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .mansion-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.mansion-section-title,
#main .content-block h1.as-h2.mansion-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .mansion-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .mansion-check-grid,
#main .content-block .mansion-balance-grid,
#main .content-block .mansion-rail-grid,
#main .content-block .mansion-room-grid,
#main .content-block .mansion-consult-points,
#main .content-block .mansion-related-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .mansion-check-card,
#main .content-block .mansion-balance-card,
#main .content-block .mansion-rail-card,
#main .content-block .mansion-room-card,
#main .content-block .mansion-consult-points > div,
#main .content-block .mansion-related-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .mansion-fire-box,
#main .content-block .mansion-consult-box {
        padding: 16px 15px !important;
    }#main .content-block .mansion-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .mansion-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-iro 専用CSS
   カーテンの色の選び方
   ========================================================= */

#main .content-block .iro-page,
#main .content-block .iro-page * {
    box-sizing: border-box;
}#main .content-block .iro-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #27323a !important;
    background: #ffffff !important;
}#main .content-block .iro-page a {
    text-decoration: none !important;
}#main .content-block .iro-page img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}#main .content-block .iro-page ul {
    list-style-type: disc !important;
}/* HERO */
#main .content-block .iro-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#f2f4ef 0%,#ffffff 55%,#f7f0e9 100%) !important;
    border: 1px solid #e0e4dd !important;
    border-radius: 19px !important;
}#main .content-block .iro-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .iro-eyebrow,
#main .content-block .iro-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #667a67 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).iro-hero-title {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).iro-hero-title span {
    color: #536f59 !important;
}#main .content-block .iro-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .iro-hero-lead strong {
    color: #49654f !important;
}#main .content-block .iro-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #dfe5dc !important;
    border-radius: 12px !important;
}#main .content-block .iro-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #49654f !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .iro-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* BUTTONS */
#main .content-block .iro-hero-actions,
#main .content-block .iro-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .iro-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .iro-btn:hover,
#main .content-block .iro-room-card:hover,
#main .content-block .iro-next-grid a:hover {
    opacity: .88 !important;
}#main .content-block .iro-btn-primary {
    background: #536f59 !important;
    border: 1px solid #536f59 !important;
    color: #ffffff !important;
}#main .content-block .iro-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #cdd7ce !important;
    color: #49654f !important;
}/* SECTION */
#main .content-block .iro-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.iro-section-title,
#main .content-block h1.as-h2.iro-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #667a67 !important;
    color: #27323a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .iro-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .iro-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #27323a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .iro-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .iro-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e0e5df !important;
    border-radius: 12px !important;
}#main .content-block .iro-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #eef3ed !important;
    border-radius: 50% !important;
    color: #536f59 !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .iro-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* RULE */
#main .content-block .iro-rule-box {
    padding: 19px !important;
    background: #f6f9f5 !important;
    border: 1px solid #dfe7dd !important;
    border-radius: 14px !important;
}#main .content-block .iro-rule-title {
    margin: 0 0 8px !important;
    color: #49654f !important;
    font-size: 19px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .iro-rule-box > p {
    margin: 0 0 15px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .iro-rule-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
}#main .content-block .iro-rule-grid > div {
    min-width: 0 !important;
    padding: 13px !important;
    background: #ffffff !important;
    border: 1px solid #e1e7df !important;
    border-radius: 10px !important;
}#main .content-block .iro-rule-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #49654f !important;
    font-size: 14px !important;
}#main .content-block .iro-rule-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* TONE */
#main .content-block .iro-tone-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .iro-tone-card {
    min-width: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e0e5df !important;
    border-radius: 12px !important;
}#main .content-block .iro-tone-sample {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    margin: 0 0 11px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .12em !important;
}#main .content-block .iro-tone-light {
    background: #e8ecdf !important;
    color: #5c6655 !important;
}#main .content-block .iro-tone-medium {
    background: #9aa58a !important;
    color: #ffffff !important;
}#main .content-block .iro-tone-dark {
    background: #4b5749 !important;
    color: #ffffff !important;
}#main .content-block .iro-tone-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* COLOR GRID */
#main .content-block .iro-color-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .iro-color-card {
    min-width: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e0e5df !important;
    border-radius: 12px !important;
}#main .content-block .iro-color-bar {
    height: 11px !important;
    margin: 0 0 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(0,0,0,.06) !important;
}#main .content-block .iro-white {
    background: linear-gradient(90deg,#ffffff 0%,#eee8da 100%) !important;
}#main .content-block .iro-beige {
    background: linear-gradient(90deg,#ece0c7 0%,#b9ad9a 100%) !important;
}#main .content-block .iro-gray {
    background: linear-gradient(90deg,#d9dbdb 0%,#777d80 100%) !important;
}#main .content-block .iro-brown {
    background: linear-gradient(90deg,#c6a987 0%,#6c5140 100%) !important;
}#main .content-block .iro-blue {
    background: linear-gradient(90deg,#b9d4df 0%,#36566d 100%) !important;
}#main .content-block .iro-green {
    background: linear-gradient(90deg,#c3d3b7 0%,#526b50 100%) !important;
}#main .content-block .iro-warm {
    background: linear-gradient(90deg,#e8c35c 0%,#d27b45 50%,#a94942 100%) !important;
}#main .content-block .iro-pinkpurple {
    background: linear-gradient(90deg,#e6c5ca 0%,#8f718e 100%) !important;
}#main .content-block .iro-black {
    background: linear-gradient(90deg,#777777 0%,#252525 100%) !important;
}#main .content-block .iro-color-card p {
    margin: 0 0 8px !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .iro-color-card > strong {
    display: block !important;
    color: #5b6760 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 1.65 !important;
}/* SEARCH BY COLOR */
#main .content-block .iro-color-search-box {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 20px !important;

    background: #f6f9f5 !important;

    border: 1px solid #dfe7dd !important;
    border-radius: 14px !important;

    text-align: center !important;
}#main .content-block .iro-color-search-title {
    display: block !important;

    margin: 0 0 8px !important;

    color: #49654f !important;

    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .iro-color-search-box p {
    display: block !important;

    max-width: 600px !important;

    margin: 0 auto 15px !important;

    color: #5f6c72 !important;

    font-size: 14px !important;
    line-height: 1.8 !important;

    text-align: left !important;
}#main .content-block .iro-color-search-box .iro-btn {
    margin: 0 auto !important;
}#main .content-block .iro-color-product-link {
    display: inline-block !important;

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

    color: #49654f !important;

    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.6 !important;

    text-decoration: underline !important;
}#main .content-block .iro-color-product-link:hover {
    opacity: .8 !important;
}/* ROOM */
#main .content-block .iro-room-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .iro-room-card {
    display: grid !important;
    grid-template-columns: 43px minmax(0,1fr) !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e0e5df !important;
    border-radius: 12px !important;
    color: #27323a !important;
}#main .content-block .iro-room-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    background: #eef3ed !important;
    border-radius: 50% !important;
    color: #536f59 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}#main .content-block .iro-room-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .iro-room-card span {
    display: inline-block !important;
    margin-top: 8px !important;
    color: #49654f !important;
    font-size: 12px !important;
    font-weight: bold !important;
}/* SAMPLE */
#main .content-block .iro-sample-box {
    padding: 19px !important;
    background: #fbf8f1 !important;
    border: 1px solid #e9dfcd !important;
    border-radius: 14px !important;
}#main .content-block .iro-sample-title {
    margin: 0 0 8px !important;
    color: #6d5836 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .iro-sample-box > p {
    margin: 0 0 14px !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .iro-sample-steps {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 7px !important;
}#main .content-block .iro-sample-steps > div {
    min-width: 0 !important;
    padding: 11px !important;
    background: #ffffff !important;
    border: 1px solid #e8dfd1 !important;
    border-radius: 9px !important;
}#main .content-block .iro-sample-steps span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 0 7px !important;
    background: #7b6745 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .iro-sample-steps strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #6d5836 !important;
    font-size: 12px !important;
}#main .content-block .iro-sample-steps p {
    margin: 0 !important;
    color: #6b665d !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}/* IMAGE */
#main .content-block .iro-section-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    background: #f5f7f4 !important;
    border: 1px solid #e0e5df !important;
    border-radius: 15px !important;
}#main .content-block .iro-section-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}/* FIVE ELEMENTS */
#main .content-block .iro-five-box {
    padding: 19px !important;
    background: #f7f7fa !important;
    border: 1px solid #e0e1e7 !important;
    border-radius: 14px !important;
}#main .content-block .iro-five-title {
    margin: 0 0 8px !important;
    color: #4c5662 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .iro-five-box > p {
    margin: 0 0 9px !important;
    color: #626c74 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .iro-five-grid {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-top: 15px !important;
}#main .content-block .iro-five-grid > div {
    min-width: 0 !important;
    padding: 10px 5px !important;
    background: #ffffff !important;
    border: 1px solid #e1e3e6 !important;
    border-radius: 9px !important;
    text-align: center !important;
}#main .content-block .iro-five-grid span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    margin: 0 auto 5px !important;
    background: #eef1f2 !important;
    border-radius: 50% !important;
    color: #4f5d62 !important;
    font-size: 13px !important;
    font-weight: bold !important;
}#main .content-block .iro-five-grid strong {
    display: block !important;
    color: #5b666b !important;
    font-size: 10px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
}#main .content-block .iro-caution {
    margin: 13px 0 0 !important;
    padding: 13px 15px !important;
    background: #fff8ea !important;
    border-left: 5px solid #b98542 !important;
    border-radius: 0 10px 10px 0 !important;
    color: #655f56 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MISTAKES */
#main .content-block .iro-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .iro-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf7 !important;
    border: 1px solid #e0e5df !important;
    border-radius: 10px !important;
}#main .content-block .iro-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #536f59 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .iro-mistake-list p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .iro-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .iro-next-grid a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e0e5df !important;
    border-radius: 11px !important;
    color: #27323a !important;
}#main .content-block .iro-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #eef3ed !important;
    border-radius: 999px !important;
    color: #536f59 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .iro-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #49654f !important;
    font-size: 14px !important;
}#main .content-block .iro-next-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .iro-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #49654f !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .iro-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .iro-final-kicker {
    margin: 0 0 6px !important;
    color: #dbe7dd !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .iro-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .iro-final p {
    margin: 0 0 18px !important;
    color: #e7eee8 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .iro-final-actions {
    justify-content: center !important;
}#main .content-block .iro-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #49654f !important;
}#main .content-block .iro-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .iro-rule-grid,
#main .content-block .iro-tone-grid {
        grid-template-columns: 1fr !important;
    }#main .content-block .iro-sample-steps {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .iro-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .iro-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).iro-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .iro-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .iro-hero-actions,
#main .content-block .iro-final-actions {
        display: block !important;
    }#main .content-block .iro-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .iro-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.iro-section-title,
#main .content-block h1.as-h2.iro-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .iro-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .iro-check-grid,
#main .content-block .iro-rule-grid,
#main .content-block .iro-tone-grid,
#main .content-block .iro-color-grid,
#main .content-block .iro-room-grid,
#main .content-block .iro-sample-steps,
#main .content-block .iro-five-grid,
#main .content-block .iro-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .iro-check-card,
#main .content-block .iro-rule-grid > div,
#main .content-block .iro-tone-card,
#main .content-block .iro-color-card,
#main .content-block .iro-room-card,
#main .content-block .iro-sample-steps > div,
#main .content-block .iro-five-grid > div,
#main .content-block .iro-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .iro-rule-box,
#main .content-block .iro-sample-box,
#main .content-block .iro-five-box,
#main .content-block .iro-color-search-box {
        padding: 16px 15px !important;
    }#main .content-block .iro-color-search-box .iro-btn {
        width: 100% !important;
        margin: 0 !important;
    }#main .content-block .iro-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .iro-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-design 専用CSS
   カーテンのデザインの選び方
   ========================================================= */

#main .content-block .cdesign-page,
#main .content-block .cdesign-page * {
    box-sizing: border-box;
}#main .content-block .cdesign-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #283138 !important;
    background: #ffffff !important;
}#main .content-block .cdesign-page a {
    text-decoration: none !important;
}#main .content-block .cdesign-page img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}/* HERO */
#main .content-block .cdesign-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#f2f0ed 0%,#ffffff 55%,#edf3f1 100%) !important;
    border: 1px solid #e4e1dc !important;
    border-radius: 19px !important;
}#main .content-block .cdesign-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .cdesign-eyebrow,
#main .content-block .cdesign-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #75685d !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).cdesign-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #283138 !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).cdesign-hero-title span {
    color: #65594f !important;
}#main .content-block .cdesign-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #58646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .cdesign-hero-lead strong {
    color: #65594f !important;
}#main .content-block .cdesign-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #e2dfda !important;
    border-radius: 12px !important;
}#main .content-block .cdesign-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #65594f !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .cdesign-hero-message p {
    margin: 0 !important;
    color: #606b71 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* BUTTON */
#main .content-block .cdesign-hero-actions,
#main .content-block .cdesign-search-actions,
#main .content-block .cdesign-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .cdesign-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .cdesign-btn:hover,
#main .content-block .cdesign-next-grid a:hover {
    opacity: .88 !important;
}#main .content-block .cdesign-btn-primary {
    background: #65594f !important;
    border: 1px solid #65594f !important;
    color: #ffffff !important;
}#main .content-block .cdesign-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #d8d0c9 !important;
    color: #65594f !important;
}/* SECTION */
#main .content-block .cdesign-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.cdesign-section-title,
#main .content-block h1.as-h2.cdesign-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #76695e !important;
    color: #283138 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .cdesign-section-lead {
    margin: 0 0 20px !important;
    color: #5f6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .cdesign-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #283138 !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .cdesign-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .cdesign-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e3e1de !important;
    border-radius: 12px !important;
}#main .content-block .cdesign-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #f1eeeb !important;
    border-radius: 50% !important;
    color: #65594f !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* DIRECTION */
#main .content-block .cdesign-direction-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 11px !important;
}#main .content-block .cdesign-direction-card {
    min-width: 0 !important;
    padding: 18px !important;
    background: #f7f7f5 !important;
    border: 1px solid #e3e2de !important;
    border-radius: 13px !important;
}#main .content-block .cdesign-direction-accent {
    background: #f7f2ed !important;
    border-color: #e7dcd1 !important;
}#main .content-block .cdesign-direction-label {
    display: inline-block !important;
    margin: 0 0 7px !important;
    padding: 3px 8px !important;
    background: #ffffff !important;
    border: 1px solid #e4e0dc !important;
    border-radius: 999px !important;
    color: #75685d !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .08em !important;
}#main .content-block .cdesign-direction-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* DESIGN TYPE */
#main .content-block .cdesign-type-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .cdesign-type-card {
    min-width: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e3e1de !important;
    border-radius: 12px !important;
}#main .content-block .cdesign-type-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 62px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    border-radius: 9px !important;
}#main .content-block .cdesign-type-visual span {
    padding: 4px 8px !important;
    background: rgba(255,255,255,.88) !important;
    border-radius: 999px !important;
    color: #4f5558 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: .12em !important;
}/* CSS only design samples */
#main .content-block .cdesign-visual-plain {
    background: linear-gradient(90deg,#d9d1c7 0%,#efebe4 100%) !important;
}#main .content-block .cdesign-visual-natural {
    background:
        repeating-linear-gradient(
            90deg,
            #d9d0b9 0,
            #d9d0b9 3px,
            #e8e1cf 3px,
            #e8e1cf 7px
        ) !important;
}#main .content-block .cdesign-visual-modern {
    background:
        linear-gradient(135deg,#60676c 0 25%,#d1d4d5 25% 50%,#8d969a 50% 75%,#ececeb 75%) !important;
}#main .content-block .cdesign-visual-nordic {
    background:
        radial-gradient(circle at 20% 30%,#718a67 0 10%,transparent 11%),
        radial-gradient(circle at 55% 55%,#d9aa58 0 11%,transparent 12%),
        radial-gradient(circle at 82% 30%,#859b76 0 9%,transparent 10%),
        #ece7d9 !important;
}#main .content-block .cdesign-visual-classic {
    background:
        radial-gradient(ellipse at center,#9b7b68 0 15%,transparent 16%),
        repeating-linear-gradient(45deg,#6f584c 0 8px,#8b6c5d 8px 16px) !important;
}#main .content-block .cdesign-visual-elegant {
    background:
        radial-gradient(circle at 25% 50%,#dfc5c4 0 13%,transparent 14%),
        radial-gradient(circle at 55% 35%,#c9aebf 0 12%,transparent 13%),
        radial-gradient(circle at 78% 60%,#dfc5c4 0 10%,transparent 11%),
        #f2e9e7 !important;
}#main .content-block .cdesign-visual-casual {
    background:
        repeating-linear-gradient(
            90deg,
            #d8a34a 0 18px,
            #6f8da0 18px 36px,
            #cf6f63 36px 54px,
            #ece0c4 54px 72px
        ) !important;
}#main .content-block .cdesign-visual-japanese {
    background:
        linear-gradient(90deg,#d8d0bc 0 32%,#6d7067 32% 34%,#c6b99d 34% 66%,#6d7067 66% 68%,#e7e1d2 68%) !important;
}#main .content-block .cdesign-visual-flower {
    background:
        radial-gradient(circle at 20% 40%,#c98375 0 8%,transparent 9%),
        radial-gradient(circle at 35% 55%,#dda893 0 10%,transparent 11%),
        radial-gradient(circle at 68% 35%,#879a72 0 9%,transparent 10%),
        radial-gradient(circle at 80% 62%,#c98375 0 8%,transparent 9%),
        #ede4d9 !important;
}#main .content-block .cdesign-type-card p {
    margin: 0 0 8px !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .cdesign-type-card > strong {
    display: block !important;
    color: #665f59 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 1.65 !important;
}/* SEARCH */
#main .content-block .cdesign-search-box {
    padding: 20px !important;
    background: #f6f4f1 !important;
    border: 1px solid #e4ded7 !important;
    border-radius: 14px !important;
    text-align: center !important;
}#main .content-block .cdesign-search-title {
    margin: 0 0 8px !important;
    color: #65594f !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .cdesign-search-box > p {
    max-width: 610px !important;
    margin: 0 auto 15px !important;
    color: #606b71 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}#main .content-block .cdesign-search-actions {
    justify-content: center !important;
}/* PATTERN */
#main .content-block .cdesign-pattern-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .cdesign-pattern-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e3e1de !important;
    border-radius: 11px !important;
}#main .content-block .cdesign-pattern-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 37px !important;
    height: 37px !important;
    margin: 0 0 8px !important;
    background: #f1eeeb !important;
    border-radius: 50% !important;
    color: #65594f !important;
    font-size: 13px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-pattern-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .cdesign-note {
    margin: 13px 0 0 !important;
    padding: 13px 15px !important;
    background: #f7faf8 !important;
    border-left: 5px solid #718579 !important;
    border-radius: 0 10px 10px 0 !important;
}#main .content-block .cdesign-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #526458 !important;
    font-size: 14px !important;
}#main .content-block .cdesign-note p {
    margin: 0 !important;
    color: #606b71 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* TEXTURE */
#main .content-block .cdesign-texture-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .cdesign-texture-grid > div {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e3e1de !important;
    border-radius: 11px !important;
}#main .content-block .cdesign-texture-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #65594f !important;
    font-size: 15px !important;
}#main .content-block .cdesign-texture-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* PAIR */
#main .content-block .cdesign-pair-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .cdesign-pair-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #f8f7f5 !important;
    border: 1px solid #e4e1dd !important;
    border-radius: 11px !important;
}#main .content-block .cdesign-pair-card > span {
    display: inline-block !important;
    margin: 0 0 7px !important;
    padding: 3px 7px !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    color: #75685d !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-pair-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* COLOR */
#main .content-block .cdesign-color-box {
    padding: 18px !important;
    background: #f4f8f5 !important;
    border: 1px solid #dce5de !important;
    border-radius: 14px !important;
}#main .content-block .cdesign-color-title {
    margin: 0 0 7px !important;
    color: #526458 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-color-box p {
    margin: 0 0 10px !important;
    color: #606b71 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .cdesign-color-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 18px !important;
}#main .content-block .cdesign-color-actions a {
    color: #526458 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* SAMPLE */
#main .content-block .cdesign-sample-box {
    padding: 19px !important;
    background: #fbf8f1 !important;
    border: 1px solid #e9dfcd !important;
    border-radius: 14px !important;
}#main .content-block .cdesign-sample-title {
    margin: 0 0 8px !important;
    color: #6d5836 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-sample-box > p {
    margin: 0 0 14px !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .cdesign-sample-steps {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 7px !important;
}#main .content-block .cdesign-sample-steps > div {
    min-width: 0 !important;
    padding: 11px !important;
    background: #ffffff !important;
    border: 1px solid #e8dfd1 !important;
    border-radius: 9px !important;
}#main .content-block .cdesign-sample-steps span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 0 7px !important;
    background: #7b6745 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-sample-steps strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #6d5836 !important;
    font-size: 12px !important;
}#main .content-block .cdesign-sample-steps p {
    margin: 0 !important;
    color: #6b665d !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}/* MISTAKES */
#main .content-block .cdesign-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .cdesign-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f8f8f6 !important;
    border: 1px solid #e3e1de !important;
    border-radius: 10px !important;
}#main .content-block .cdesign-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #65594f !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-mistake-list p {
    margin: 0 !important;
    color: #5f6a70 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .cdesign-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .cdesign-next-grid a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e3e1de !important;
    border-radius: 11px !important;
    color: #283138 !important;
}#main .content-block .cdesign-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #f1eeeb !important;
    border-radius: 999px !important;
    color: #75685d !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .cdesign-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #65594f !important;
    font-size: 14px !important;
}#main .content-block .cdesign-next-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .cdesign-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #5f554d !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .cdesign-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .cdesign-final-kicker {
    margin: 0 0 6px !important;
    color: #e5ddd7 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .cdesign-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .cdesign-final p {
    margin: 0 0 18px !important;
    color: #eee9e5 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .cdesign-final-actions {
    justify-content: center !important;
}#main .content-block .cdesign-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #5f554d !important;
}#main .content-block .cdesign-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .cdesign-pattern-grid,
#main .content-block .cdesign-pair-grid {
        grid-template-columns: 1fr !important;
    }#main .content-block .cdesign-sample-steps {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .cdesign-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .cdesign-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).cdesign-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .cdesign-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .cdesign-hero-actions,
#main .content-block .cdesign-search-actions,
#main .content-block .cdesign-final-actions {
        display: block !important;
    }#main .content-block .cdesign-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .cdesign-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.cdesign-section-title,
#main .content-block h1.as-h2.cdesign-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .cdesign-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .cdesign-check-grid,
#main .content-block .cdesign-direction-grid,
#main .content-block .cdesign-type-grid,
#main .content-block .cdesign-pattern-grid,
#main .content-block .cdesign-texture-grid,
#main .content-block .cdesign-pair-grid,
#main .content-block .cdesign-sample-steps,
#main .content-block .cdesign-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .cdesign-check-card,
#main .content-block .cdesign-direction-card,
#main .content-block .cdesign-type-card,
#main .content-block .cdesign-pattern-card,
#main .content-block .cdesign-texture-grid > div,
#main .content-block .cdesign-pair-card,
#main .content-block .cdesign-sample-steps > div,
#main .content-block .cdesign-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .cdesign-search-box,
#main .content-block .cdesign-color-box,
#main .content-block .cdesign-sample-box {
        padding: 16px 15px !important;
    }#main .content-block .cdesign-color-actions {
        display: block !important;
    }#main .content-block .cdesign-color-actions a {
        display: block !important;
        margin: 7px 0 0 !important;
    }#main .content-block .cdesign-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .cdesign-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-function 専用CSS
   カーテンの機能性
   ========================================================= */

#main .content-block .fnavi-page,
#main .content-block .fnavi-page * {
    box-sizing: border-box;
}#main .content-block .fnavi-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #26333a !important;
    background: #ffffff !important;
}#main .content-block .fnavi-page a {
    text-decoration: none !important;
}#main .content-block .fnavi-page img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}#main .content-block .fnavi-page ul {
    list-style-type: disc !important;
}/* HERO */
#main .content-block .fnavi-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#edf4f4 0%,#ffffff 57%,#f5f2ea 100%) !important;
    border: 1px solid #dce6e5 !important;
    border-radius: 19px !important;
}#main .content-block .fnavi-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .fnavi-eyebrow,
#main .content-block .fnavi-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #527578 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).fnavi-hero-title {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #26333a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).fnavi-hero-title span {
    color: #3d696b !important;
}#main .content-block .fnavi-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .fnavi-hero-lead strong {
    color: #365f61 !important;
}#main .content-block .fnavi-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #dbe5e4 !important;
    border-radius: 12px !important;
}#main .content-block .fnavi-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #365f61 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .fnavi-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* BUTTON */
#main .content-block .fnavi-hero-actions,
#main .content-block .fnavi-search-actions,
#main .content-block .fnavi-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .fnavi-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .fnavi-btn:hover,
#main .content-block .fnavi-problem-grid > a:hover,
#main .content-block .fnavi-next-grid > a:hover {
    opacity: .88 !important;
}#main .content-block .fnavi-btn-primary {
    background: #3d696b !important;
    border: 1px solid #3d696b !important;
    color: #ffffff !important;
}#main .content-block .fnavi-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #c8d6d6 !important;
    color: #365f61 !important;
}/* SECTION */
#main .content-block .fnavi-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.fnavi-section-title,
#main .content-block h1.as-h2.fnavi-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #527578 !important;
    color: #26333a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .fnavi-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .fnavi-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #26333a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* IMAGE */
#main .content-block .fnavi-section-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    background: #f5f7f6 !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 15px !important;
}#main .content-block .fnavi-section-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}/* PROBLEM */
#main .content-block .fnavi-problem-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .fnavi-problem-grid > a {
    display: grid !important;
    grid-template-columns: 43px minmax(0,1fr) !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 12px !important;
    color: #26333a !important;
}#main .content-block .fnavi-problem-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    background: #eaf2f1 !important;
    border-radius: 50% !important;
    color: #3d696b !important;
    font-size: 13px !important;
    font-weight: bold !important;
}#main .content-block .fnavi-problem-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #365f61 !important;
    font-size: 15px !important;
}#main .content-block .fnavi-problem-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .fnavi-problem-grid span {
    display: inline-block !important;
    margin-top: 8px !important;
    color: #37696b !important;
    font-size: 12px !important;
    font-weight: bold !important;
}/* MAP */
#main .content-block .fnavi-map-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 8px !important;
}#main .content-block .fnavi-map-card {
    min-width: 0 !important;
    padding: 13px 8px !important;
    background: #f7faf9 !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 10px !important;
    text-align: center !important;
}#main .content-block .fnavi-map-card > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 auto 6px !important;
    background: #eaf2f1 !important;
    border-radius: 50% !important;
    color: #3d696b !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .fnavi-map-card strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #365f61 !important;
    font-size: 13px !important;
}#main .content-block .fnavi-map-card p {
    margin: 0 !important;
    color: #68747a !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}/* FUNCTION CARDS */
#main .content-block .fnavi-function-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .fnavi-function-card {
    display: block !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 14px !important;
}#main .content-block .fnavi-function-head {
    display: grid !important;
    grid-template-columns: 47px minmax(0,1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    padding: 13px 16px !important;
    background: #edf4f3 !important;
}#main .content-block .fnavi-function-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 41px !important;
    height: 41px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    color: #3d696b !important;
    font-size: 13px !important;
    font-weight: bold !important;
}#main .content-block .fnavi-function-en {
    color: #6d8889 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .fnavi-function-title {
    color: #365f61 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}#main .content-block .fnavi-function-body {
    padding: 15px 17px 17px !important;
}#main .content-block .fnavi-function-body > p {
    margin: 0 0 12px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .fnavi-do-dont {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .fnavi-do-dont > div {
    min-width: 0 !important;
    padding: 12px 13px !important;
    background: #f8faf9 !important;
    border: 1px solid #e4e9e7 !important;
    border-radius: 9px !important;
}#main .content-block .fnavi-do-dont strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #365f61 !important;
    font-size: 13px !important;
}#main .content-block .fnavi-do-dont ul {
    margin: 0 !important;
    padding: 0 0 0 19px !important;
    list-style-type: disc !important;
}#main .content-block .fnavi-do-dont li {
    display: list-item !important;
    margin: 0 0 3px !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    list-style-type: disc !important;
}#main .content-block .fnavi-function-body > a,
#main .content-block .fnavi-text-link {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #37696b !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* CLEAN */
#main .content-block .fnavi-clean-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .fnavi-clean-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 11px !important;
}#main .content-block .fnavi-clean-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .fnavi-clean-actions {
    margin-top: 4px !important;
}/* COMBINATION */
#main .content-block .fnavi-combination-box {
    padding: 19px !important;
    background: #f5f9f8 !important;
    border: 1px solid #dae6e3 !important;
    border-radius: 14px !important;
}#main .content-block .fnavi-combination-title {
    margin: 0 0 14px !important;
    color: #365f61 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .fnavi-combination-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .fnavi-combination-grid > div {
    min-width: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe7e5 !important;
    border-radius: 10px !important;
}#main .content-block .fnavi-combination-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    color: #6d8889 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: .08em !important;
}#main .content-block .fnavi-combination-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #365f61 !important;
    font-size: 15px !important;
}#main .content-block .fnavi-combination-grid p,
#main .content-block .fnavi-combination-note {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .fnavi-combination-note {
    margin-top: 12px !important;
}/* SEARCH */
#main .content-block .fnavi-search-box {
    padding: 20px !important;
    background: #f7f5ef !important;
    border: 1px solid #e6decd !important;
    border-radius: 14px !important;
    text-align: center !important;
}#main .content-block .fnavi-search-title {
    margin: 0 0 8px !important;
    color: #68583d !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .fnavi-search-box > p {
    max-width: 610px !important;
    margin: 0 auto 15px !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}#main .content-block .fnavi-search-actions {
    justify-content: center !important;
}/* MISTAKES */
#main .content-block .fnavi-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .fnavi-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf9 !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 10px !important;
}#main .content-block .fnavi-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #3d696b !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .fnavi-mistake-list p {
    margin: 0 !important;
    color: #5f6a70 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .fnavi-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .fnavi-next-grid > a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e4 !important;
    border-radius: 11px !important;
    color: #26333a !important;
}#main .content-block .fnavi-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #eaf2f1 !important;
    border-radius: 999px !important;
    color: #527578 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .fnavi-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #365f61 !important;
    font-size: 14px !important;
}#main .content-block .fnavi-next-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .fnavi-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #365f61 !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .fnavi-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .fnavi-final-kicker {
    margin: 0 0 6px !important;
    color: #d8e6e5 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .fnavi-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .fnavi-final p {
    margin: 0 0 18px !important;
    color: #e6eeee !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .fnavi-final-actions {
    justify-content: center !important;
}#main .content-block .fnavi-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #365f61 !important;
}#main .content-block .fnavi-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .fnavi-map-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }#main .content-block .fnavi-clean-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .fnavi-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .fnavi-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).fnavi-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .fnavi-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .fnavi-hero-actions,
#main .content-block .fnavi-search-actions,
#main .content-block .fnavi-final-actions {
        display: block !important;
    }#main .content-block .fnavi-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .fnavi-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.fnavi-section-title,
#main .content-block h1.as-h2.fnavi-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .fnavi-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .fnavi-problem-grid,
#main .content-block .fnavi-map-grid,
#main .content-block .fnavi-do-dont,
#main .content-block .fnavi-clean-grid,
#main .content-block .fnavi-combination-grid,
#main .content-block .fnavi-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .fnavi-problem-grid > a,
#main .content-block .fnavi-map-card,
#main .content-block .fnavi-do-dont > div,
#main .content-block .fnavi-clean-card,
#main .content-block .fnavi-combination-grid > div,
#main .content-block .fnavi-next-grid > a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .fnavi-combination-box,
#main .content-block .fnavi-search-box {
        padding: 16px 15px !important;
    }#main .content-block .fnavi-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .fnavi-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-style 専用CSS
   窓スタイルの選び方
   ========================================================= */

#main .content-block .snav-page,
#main .content-block .snav-page * {
    box-sizing: border-box;
}#main .content-block .snav-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #283238 !important;
    background: #ffffff !important;
}#main .content-block .snav-page a {
    text-decoration: none !important;
}#main .content-block .snav-page ul {
    list-style-type: disc !important;
}/* HERO */
#main .content-block .snav-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#edf3f1 0%,#ffffff 57%,#f6f1e9 100%) !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 19px !important;
}#main .content-block .snav-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .snav-eyebrow,
#main .content-block .snav-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #61786e !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).snav-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #283238 !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).snav-hero-title span {
    color: #4f6b5f !important;
}#main .content-block .snav-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #58656b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .snav-hero-lead strong {
    color: #466357 !important;
}#main .content-block .snav-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 12px !important;
}#main .content-block .snav-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #466357 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .snav-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* BUTTON */
#main .content-block .snav-hero-actions,
#main .content-block .snav-search-actions,
#main .content-block .snav-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .snav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .snav-btn:hover,
#main .content-block .snav-next-grid a:hover {
    opacity: .88 !important;
}#main .content-block .snav-btn-primary {
    background: #4f6b5f !important;
    border: 1px solid #4f6b5f !important;
    color: #ffffff !important;
}#main .content-block .snav-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #ccd8d2 !important;
    color: #466357 !important;
}/* SECTION */
#main .content-block .snav-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.snav-section-title,
#main .content-block h1.as-h2.snav-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #61786e !important;
    color: #283238 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .snav-section-lead {
    margin: 0 0 20px !important;
    color: #5f6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .snav-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #283238 !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .snav-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .snav-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 12px !important;
}#main .content-block .snav-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #edf3f0 !important;
    border-radius: 50% !important;
    color: #4f6b5f !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .snav-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* TYPE */
#main .content-block .snav-type-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .snav-type-card {
    display: block !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 14px !important;
}#main .content-block .snav-type-head {
    display: grid !important;
    grid-template-columns: 47px minmax(0,1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    padding: 13px 16px !important;
    background: #eef4f1 !important;
}#main .content-block .snav-type-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 41px !important;
    height: 41px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    color: #4f6b5f !important;
    font-size: 13px !important;
    font-weight: bold !important;
}#main .content-block .snav-type-en {
    color: #758b81 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .snav-type-title {
    color: #466357 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}#main .content-block .snav-type-body {
    padding: 15px 17px 17px !important;
}#main .content-block .snav-type-image {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #eef2f0 !important;
    border-top: 1px solid #dfe6e2 !important;
    border-bottom: 1px solid #dfe6e2 !important;
}#main .content-block .snav-type-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}#main .content-block .snav-type-body > p {
    margin: 0 0 12px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .snav-pros-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .snav-pros-grid > div {
    min-width: 0 !important;
    padding: 12px 13px !important;
    background: #f8faf9 !important;
    border: 1px solid #e3e9e5 !important;
    border-radius: 9px !important;
}#main .content-block .snav-pros-grid strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #466357 !important;
    font-size: 13px !important;
}#main .content-block .snav-pros-grid ul {
    margin: 0 !important;
    padding: 0 0 0 19px !important;
    list-style-type: disc !important;
}#main .content-block .snav-pros-grid li {
    display: list-item !important;
    margin: 0 0 3px !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    list-style-type: disc !important;
}#main .content-block .snav-type-body > a,
#main .content-block .snav-text-link,
#main .content-block .snav-function-grid a {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #45695a !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* WINDOW */
#main .content-block .snav-window-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .snav-window-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 12px !important;
}#main .content-block .snav-window-image {
    display: block !important;
    width: calc(100% + 30px) !important;
    margin: -15px -15px 15px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #eef2f0 !important;
    border-bottom: 1px solid #dfe6e2 !important;
}#main .content-block .snav-window-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}#main .content-block .snav-window-label {
    display: inline-block !important;
    margin: 0 0 6px !important;
    padding: 3px 8px !important;
    background: #edf3f0 !important;
    border-radius: 999px !important;
    color: #61786e !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .snav-window-title {
    margin: 0 0 6px !important;
    color: #466357 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .snav-window-card p {
    margin: 0 0 8px !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .snav-choice {
    padding-top: 8px !important;
    border-top: 1px solid #e7ebe9 !important;
    color: #66736d !important;
    font-size: 11px !important;
    line-height: 1.65 !important;
}#main .content-block .snav-choice strong {
    color: #466357 !important;
}/* MIX */
#main .content-block .snav-mix-intro {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 18px !important;
    background: #f5f8f6 !important;
    border: 1px solid #dce6e0 !important;
    border-radius: 14px !important;
}#main .content-block .snav-mix-title {
    margin: 0 0 8px !important;
    color: #466357 !important;
    font-size: 19px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .snav-mix-intro > p {
    margin: 0 0 9px !important;
    color: #5f6c72 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
}#main .content-block .snav-mix-intro > p:last-child {
    margin-bottom: 0 !important;
}#main .content-block .snav-mix-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 !important;
}#main .content-block .snav-mix-card {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(38,51,58,.06) !important;
}#main .content-block .snav-mix-image {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #eef2f0 !important;
    border: 0 !important;
}#main .content-block .snav-mix-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}#main .content-block .snav-mix-body {
    display: block !important;
    padding: 20px 21px 22px !important;
}#main .content-block .snav-mix-case {
    display: inline-block !important;
    margin: 0 0 7px !important;
    padding: 4px 8px !important;
    background: #edf3f0 !important;
    border-radius: 999px !important;
    color: #527166 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    letter-spacing: .05em !important;
}#main .content-block h3.snav-mix-heading {
    display: block !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #32483f !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block h3.snav-mix-heading::first-letter {
    color: inherit !important;
    font-size: inherit !important;
}#main .content-block .snav-mix-combination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 0 12px !important;
}#main .content-block .snav-mix-combination span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 6px 9px !important;
    background: #f7f4ee !important;
    border: 1px solid #e6dfd2 !important;
    border-radius: 7px !important;
    color: #665b4a !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .snav-mix-body > p {
    margin: 0 0 14px !important;
    color: #5f6c72 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .snav-mix-point {
    display: block !important;
    margin: 0 !important;
    padding: 12px 13px !important;
    background: #f7faf8 !important;
    border-left: 4px solid #718579 !important;
    border-radius: 0 8px 8px 0 !important;
}#main .content-block .snav-mix-point strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #466357 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .snav-mix-point p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .snav-mix-summary {
    display: block !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 16px 17px !important;
    background: #fff8eb !important;
    border: 1px solid #eadcc0 !important;
    border-radius: 11px !important;
}#main .content-block .snav-mix-summary > strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #715b34 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}#main .content-block .snav-mix-summary > p {
    margin: 0 !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* COMPARISON TABLE */
#main .content-block .snav-compare {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 12px !important;
}#main .content-block .snav-compare-head,
#main .content-block .snav-compare-row {
    display: grid !important;
    grid-template-columns: .85fr 1.1fr 1.1fr !important;
}#main .content-block .snav-compare-head > div {
    padding: 12px 10px !important;
    background: #4f6b5f !important;
    border-right: 1px solid rgba(255,255,255,.22) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .snav-compare-row > div {
    padding: 11px 10px !important;
    background: #ffffff !important;
    border-top: 1px solid #e4e9e6 !important;
    border-right: 1px solid #e4e9e6 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}#main .content-block .snav-compare-row > div:first-child {
    background: #f6f8f7 !important;
    color: #466357 !important;
    font-weight: bold !important;
}#main .content-block .snav-compare-head > div:last-child,
#main .content-block .snav-compare-row > div:last-child {
    border-right: 0 !important;
}/* FUNCTION */
#main .content-block .snav-function-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .snav-function-grid > div {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 11px !important;
}#main .content-block .snav-function-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #466357 !important;
    font-size: 15px !important;
}#main .content-block .snav-function-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* SEARCH */
#main .content-block .snav-search-box {
    padding: 20px !important;
    background: #f7f4ee !important;
    border: 1px solid #e5ddcd !important;
    border-radius: 14px !important;
    text-align: center !important;
}#main .content-block .snav-search-title {
    margin: 0 0 8px !important;
    color: #6a583d !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .snav-search-box > p {
    max-width: 610px !important;
    margin: 0 auto 15px !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}#main .content-block .snav-search-actions {
    justify-content: center !important;
}/* MISTAKES */
#main .content-block .snav-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .snav-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
}#main .content-block .snav-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #4f6b5f !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .snav-mistake-list p {
    margin: 0 !important;
    color: #5f6a70 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .snav-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .snav-next-grid a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 11px !important;
    color: #283238 !important;
}#main .content-block .snav-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf3f0 !important;
    border-radius: 999px !important;
    color: #61786e !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .snav-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #466357 !important;
    font-size: 14px !important;
}#main .content-block .snav-next-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .snav-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #466357 !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .snav-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .snav-final-kicker {
    margin: 0 0 6px !important;
    color: #dce6e1 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .snav-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .snav-final p {
    margin: 0 0 18px !important;
    color: #e8eeeb !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .snav-final-actions {
    justify-content: center !important;
}#main .content-block .snav-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #466357 !important;
}#main .content-block .snav-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
/* 現時点では900px専用ルールなし */

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .snav-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .snav-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).snav-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .snav-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .snav-hero-actions,
#main .content-block .snav-search-actions,
#main .content-block .snav-final-actions {
        display: block !important;
    }#main .content-block .snav-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .snav-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.snav-section-title,
#main .content-block h1.as-h2.snav-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .snav-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .snav-check-grid,
#main .content-block .snav-pros-grid,
#main .content-block .snav-window-grid,
#main .content-block .snav-mix-grid,
#main .content-block .snav-function-grid,
#main .content-block .snav-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .snav-check-card,
#main .content-block .snav-pros-grid > div,
#main .content-block .snav-window-card,
#main .content-block .snav-mix-grid > div,
#main .content-block .snav-function-grid > div,
#main .content-block .snav-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .snav-mix-intro,
#main .content-block .snav-search-box {
        padding: 16px 15px !important;
    }#main .content-block .snav-mix-card {
        display: block !important;
        width: 100% !important;
        margin: 0 0 16px !important;
    }#main .content-block .snav-mix-card .snav-mix-image {
        width: 100% !important;
        min-height: 0 !important;
    }#main .content-block .snav-mix-body {
        padding: 16px 15px 17px !important;
    }#main .content-block h3.snav-mix-heading {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }#main .content-block .snav-mix-body > p,
#main .content-block .snav-mix-summary > p {
        font-size: 14px !important;
    }#main .content-block .snav-mix-combination {
        display: block !important;
    }#main .content-block .snav-mix-combination span {
        display: block !important;
        margin: 0 0 6px !important;
    }#main .content-block .snav-type-image img,
#main .content-block .snav-window-image img,
#main .content-block .snav-mix-image img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
    }/* comparison table becomes cards */
    #main .content-block .snav-compare {
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
    }#main .content-block .snav-compare-head {
        display: none !important;
    }#main .content-block .snav-compare-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        margin: 0 0 10px !important;
        overflow: hidden !important;
        border: 1px solid #dfe6e2 !important;
        border-radius: 10px !important;
    }#main .content-block .snav-compare-row > div {
        border: 0 !important;
        border-top: 1px solid #e4e9e6 !important;
    }#main .content-block .snav-compare-row > div:first-child {
        grid-column: 1 / -1 !important;
        border-top: 0 !important;
    }#main .content-block .snav-compare-row > div:nth-child(2) {
        border-right: 1px solid #e4e9e6 !important;
    }#main .content-block .snav-compare-row > div:nth-child(2)::before {
        content: "カーテン" !important;
        display: block !important;
        margin-bottom: 3px !important;
        color: #466357 !important;
        font-size: 10px !important;
        font-weight: bold !important;
    }#main .content-block .snav-compare-row > div:nth-child(3)::before {
        content: "シェード" !important;
        display: block !important;
        margin-bottom: 3px !important;
        color: #466357 !important;
        font-size: 10px !important;
        font-weight: bold !important;
    }#main .content-block .snav-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .snav-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/curtain-navi-single 専用CSS
   ワンルーム・一人暮らしのカーテン選び
   ========================================================= */

#main .content-block .single-page,
#main .content-block .single-page * {
    box-sizing: border-box;
}#main .content-block .single-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #27323a !important;
    background: #ffffff !important;
}#main .content-block .single-page section,
#main .content-block .single-page article,
#main .content-block .single-page div {
    min-width: 0;
}#main .content-block .single-page section {
    float: none !important;
    clear: both !important;
}#main .content-block .single-page a {
    text-decoration: none !important;
}#main .content-block .single-page ul {
    list-style-type: disc !important;
}/* =========================================================
   CMS自動挿入BR対策
   ---------------------------------------------------------
   このCMSではHTMLブロック内の空行が <br> として出力されるため、
   Grid / Flex / セクション直下の不要なBRだけを非表示にします。
   H1や文章中に意図して記述した <br> は対象外です。
   ========================================================= */

#main .content-block .single-page > br,
#main .content-block .single-page section > br,
#main .content-block .single-hero-inner > br,
#main .content-block .single-hero-content > br,
#main .content-block .single-hero-copy > br,
#main .content-block .single-hero-visual > br,
#main .content-block .single-hero-actions > br,
#main .content-block .single-check-grid > br,
#main .content-block .single-check-card > br,
#main .content-block .single-priority-list > br,
#main .content-block .single-priority-item > br,
#main .content-block .single-priority-item > div > br,
#main .content-block .single-inline-links > br,
#main .content-block .single-privacy-box > br,
#main .content-block .single-daynight-grid > br,
#main .content-block .single-daynight-grid > div > br,
#main .content-block .single-blackout-grid > br,
#main .content-block .single-blackout-card > br,
#main .content-block .single-color-grid > br,
#main .content-block .single-color-card > br,
#main .content-block .single-color-actions > br,
#main .content-block .single-furniture-grid > br,
#main .content-block .single-furniture-grid > div > br,
#main .content-block .single-move-box > br,
#main .content-block .single-move-flow > br,
#main .content-block .single-move-flow > div > br,
#main .content-block .single-budget-box > br,
#main .content-block .single-budget-priority > br,
#main .content-block .single-budget-priority > div > br,
#main .content-block .single-mistake-list > br,
#main .content-block .single-mistake-list > div > br,
#main .content-block .single-next-grid > br,
#main .content-block .single-next-grid > a > br,
#main .content-block .single-final > br,
#main .content-block .single-final-inner > br,
#main .content-block .single-final-actions > br {
    display: none !important;
}/* HERO */
#main .content-block .single-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#edf4f1 0%,#ffffff 57%,#f6f1e9 100%) !important;
    border: 1px solid #dce6e1 !important;
    border-radius: 19px !important;
}#main .content-block .single-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .single-hero-content {
    display: block !important;
    width: 100% !important;
}#main .content-block .single-hero-copy {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}#main .content-block .single-hero-visual {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 24px 0 0 !important;
    overflow: hidden !important;
    background: #eef3f0 !important;
    border: 1px solid #d8e2dd !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(38,51,58,.08) !important;
}#main .content-block .single-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border: 0 !important;
}#main .content-block .single-eyebrow,
#main .content-block .single-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #5d776b !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).single-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).single-hero-title span {
    color: #466759 !important;
}#main .content-block .single-hero-lead {
    max-width: none !important;
    margin: 0 0 19px !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .single-hero-lead strong {
    color: #3f5f52 !important;
}#main .content-block .single-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 12px !important;
}#main .content-block .single-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #3f5f52 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .single-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}/* BUTTON */
#main .content-block .single-hero-actions,
#main .content-block .single-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .single-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .single-btn:hover,
#main .content-block .single-next-grid a:hover {
    opacity: .88 !important;
}#main .content-block .single-btn-primary {
    background: #466759 !important;
    border: 1px solid #466759 !important;
    color: #ffffff !important;
}#main .content-block .single-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #cad7d1 !important;
    color: #3f5f52 !important;
}/* SECTION */
#main .content-block .single-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.single-section-title,
#main .content-block h1.as-h2.single-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #5d776b !important;
    color: #27323a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .single-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .single-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #27323a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .single-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .single-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 12px !important;
}#main .content-block .single-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #edf3f0 !important;
    border-radius: 50% !important;
    color: #466759 !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .single-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* PRIORITY */
#main .content-block .single-priority-list {
    display: grid !important;
    gap: 10px !important;
}#main .content-block .single-priority-item {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 13px !important;
    padding: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 12px !important;
}#main .content-block .single-priority-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    background: #466759 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
}#main .content-block .single-priority-label {
    color: #7b9187 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .single-priority-title {
    margin: 0 0 5px !important;
    color: #3f5f52 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .single-priority-item p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .single-priority-item a,
#main .content-block .single-text-link,
#main .content-block .single-color-actions a {
    display: inline-block !important;
    margin-top: 9px !important;
    color: #456859 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}#main .content-block .single-inline-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
}/* PRIVACY */
#main .content-block .single-privacy-box {
    padding: 19px !important;
    background: #f5f9f7 !important;
    border: 1px solid #dce6e0 !important;
    border-radius: 14px !important;
}#main .content-block .single-privacy-title {
    margin: 0 0 8px !important;
    color: #3f5f52 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .single-privacy-box > p {
    margin: 0 0 14px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .single-daynight-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .single-daynight-grid > div {
    min-width: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe7e3 !important;
    border-radius: 10px !important;
}#main .content-block .single-daynight-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #7b9187 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: .08em !important;
}#main .content-block .single-daynight-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #3f5f52 !important;
    font-size: 15px !important;
}#main .content-block .single-daynight-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .single-caution {
    margin: 13px 0 0 !important;
    padding: 12px 14px !important;
    background: #fff8eb !important;
    border-left: 5px solid #b4894b !important;
    border-radius: 0 9px 9px 0 !important;
    color: #655f56 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* BLACKOUT */
#main .content-block .single-blackout-grid,
#main .content-block .single-furniture-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .single-blackout-card,
#main .content-block .single-furniture-grid > div {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 11px !important;
}#main .content-block .single-blackout-card strong,
#main .content-block .single-furniture-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #3f5f52 !important;
    font-size: 15px !important;
}#main .content-block .single-blackout-card p,
#main .content-block .single-furniture-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* COLOR */
#main .content-block .single-color-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .single-color-card {
    min-width: 0 !important;
    padding: 15px !important;
    border-radius: 11px !important;
    border: 1px solid #e1e4df !important;
}#main .content-block .single-color-light {
    background: #f7f5ef !important;
}#main .content-block .single-color-medium {
    background: #eef3ee !important;
}#main .content-block .single-color-dark {
    background: #eef0f1 !important;
}#main .content-block .single-color-card > span {
    display: inline-block !important;
    margin: 0 0 6px !important;
    padding: 3px 7px !important;
    background: rgba(255,255,255,.8) !important;
    border-radius: 999px !important;
    color: #68776f !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .single-color-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .single-color-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
    margin-top: 2px !important;
}/* MOVE */
#main .content-block .single-move-box {
    padding: 19px !important;
    background: #f7f5ef !important;
    border: 1px solid #e6dece !important;
    border-radius: 14px !important;
}#main .content-block .single-move-title {
    margin: 0 0 8px !important;
    color: #6e5b3d !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .single-move-box > p {
    margin: 0 0 14px !important;
    color: #655f56 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .single-move-flow {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 6px !important;
}#main .content-block .single-move-flow > div {
    min-width: 0 !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e5ded2 !important;
    border-radius: 9px !important;
}#main .content-block .single-move-flow span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 0 6px !important;
    background: #7b6949 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .single-move-flow strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #6e5b3d !important;
    font-size: 11px !important;
}#main .content-block .single-move-flow p {
    margin: 0 !important;
    color: #6b665d !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}/* BUDGET */
#main .content-block .single-budget-box {
    padding: 19px !important;
    background: #f5f8f6 !important;
    border: 1px solid #dce6e0 !important;
    border-radius: 14px !important;
}#main .content-block .single-budget-title {
    margin: 0 0 8px !important;
    color: #3f5f52 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .single-budget-box > p {
    margin: 0 0 14px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .single-budget-priority {
    display: grid !important;
    gap: 6px !important;
}#main .content-block .single-budget-priority > div {
    display: grid !important;
    grid-template-columns: 65px minmax(0,1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 9px 10px !important;
    background: #ffffff !important;
    border: 1px solid #e0e7e3 !important;
    border-radius: 8px !important;
}#main .content-block .single-budget-priority span {
    color: #71877c !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .single-budget-priority strong {
    color: #3f5f52 !important;
    font-size: 13px !important;
}/* MISTAKES */
#main .content-block .single-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .single-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
}#main .content-block .single-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #466759 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .single-mistake-list p {
    margin: 0 !important;
    color: #5f6a70 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .single-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .single-next-grid a {
    display: block !important;
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 11px !important;
    color: #27323a !important;
}#main .content-block .single-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf3f0 !important;
    border-radius: 999px !important;
    color: #5d776b !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .single-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #3f5f52 !important;
    font-size: 14px !important;
}#main .content-block .single-next-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .single-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #3f5f52 !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .single-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .single-final-kicker {
    margin: 0 0 6px !important;
    color: #dce7e1 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .single-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .single-final p {
    margin: 0 0 18px !important;
    color: #e7eeea !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .single-final-actions {
    justify-content: center !important;
}#main .content-block .single-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #3f5f52 !important;
}#main .content-block .single-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .single-color-grid {
        grid-template-columns: 1fr !important;
    }#main .content-block .single-move-flow {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

/* TABLET */
/* PC・タブレットともヒーローは1カラム */

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .single-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .single-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block .single-hero-content {
        display: block !important;
        width: 100% !important;
    }#main .content-block .single-hero-copy {
        display: block !important;
        width: 100% !important;
    }#main .content-block .single-hero-visual {
        width: 100% !important;
        margin: 18px 0 0 !important;
        border-radius: 11px !important;
    }#main .content-block h1:where(:not(.as-h2)).single-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .single-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .single-hero-actions,
#main .content-block .single-final-actions {
        display: block !important;
    }#main .content-block .single-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .single-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.single-section-title,
#main .content-block h1.as-h2.single-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .single-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .single-check-grid,
#main .content-block .single-daynight-grid,
#main .content-block .single-blackout-grid,
#main .content-block .single-color-grid,
#main .content-block .single-furniture-grid,
#main .content-block .single-move-flow,
#main .content-block .single-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .single-check-card,
#main .content-block .single-daynight-grid > div,
#main .content-block .single-blackout-card,
#main .content-block .single-color-card,
#main .content-block .single-furniture-grid > div,
#main .content-block .single-move-flow > div,
#main .content-block .single-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .single-priority-item {
        grid-template-columns: 40px minmax(0,1fr) !important;
        gap: 10px !important;
        padding: 14px !important;
    }#main .content-block .single-priority-number {
        width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }#main .content-block .single-priority-title {
        font-size: 16px !important;
    }#main .content-block .single-inline-links,
#main .content-block .single-color-actions {
        display: block !important;
    }#main .content-block .single-inline-links a,
#main .content-block .single-color-actions a {
        display: block !important;
        margin: 8px 0 0 !important;
    }#main .content-block .single-privacy-box,
#main .content-block .single-move-box,
#main .content-block .single-budget-box {
        padding: 16px 15px !important;
    }#main .content-block .single-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .single-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/bed 専用CSS
   寝室のカーテン選び
   ========================================================= */

#main .content-block .bed-page,
#main .content-block .bed-page * {
    box-sizing: border-box;
}#main .content-block .bed-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #27323a !important;
    background: #ffffff !important;
}#main .content-block .bed-page section,
#main .content-block .bed-page article,
#main .content-block .bed-page div {
    min-width: 0;
}#main .content-block .bed-page a {
    text-decoration: none !important;
}/* CMS自動挿入BR対策 */
#main .content-block .bed-page > br,
#main .content-block .bed-page section > br,
#main .content-block .bed-hero-inner > br,
#main .content-block .bed-hero-actions > br,
#main .content-block .bed-hero-visual > br,
#main .content-block .bed-check-grid > br,
#main .content-block .bed-check-card > br,
#main .content-block .bed-light-list > br,
#main .content-block .bed-light-card > br,
#main .content-block .bed-light-head > br,
#main .content-block .bed-light-body > br,
#main .content-block .bed-privacy-box > br,
#main .content-block .bed-privacy-grid > br,
#main .content-block .bed-privacy-grid > div > br,
#main .content-block .bed-temp-grid > br,
#main .content-block .bed-temp-grid > div > br,
#main .content-block .bed-color-grid > br,
#main .content-block .bed-color-card > br,
#main .content-block .bed-color-actions > br,
#main .content-block .bed-position-list > br,
#main .content-block .bed-position-item > br,
#main .content-block .bed-position-item > div > br,
#main .content-block .bed-function-grid > br,
#main .content-block .bed-function-grid > div > br,
#main .content-block .bed-measure-box > br,
#main .content-block .bed-measure-grid > br,
#main .content-block .bed-measure-grid > div > br,
#main .content-block .bed-mistake-list > br,
#main .content-block .bed-mistake-list > div > br,
#main .content-block .bed-next-grid > br,
#main .content-block .bed-next-grid > a > br,
#main .content-block .bed-final > br,
#main .content-block .bed-final-inner > br,
#main .content-block .bed-final-actions > br {
    display: none !important;
}/* HERO */
#main .content-block .bed-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#eef2f5 0%,#ffffff 58%,#f5f0ea 100%) !important;
    border: 1px solid #dce3e8 !important;
    border-radius: 19px !important;
}#main .content-block .bed-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .bed-eyebrow,
#main .content-block .bed-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #627785 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).bed-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).bed-hero-title span {
    color: #526c7a !important;
}#main .content-block .bed-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #56646b !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .bed-hero-lead strong {
    color: #435f6d !important;
}#main .content-block .bed-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #dce4e8 !important;
    border-radius: 12px !important;
}#main .content-block .bed-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #435f6d !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .bed-hero-message p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .bed-hero-visual {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef2f5 !important;
    border: 1px solid #dce3e8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(38,51,58,.08) !important;
}#main .content-block .bed-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}/* BUTTON */
#main .content-block .bed-hero-actions,
#main .content-block .bed-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .bed-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .bed-btn-primary {
    background: #526c7a !important;
    border: 1px solid #526c7a !important;
    color: #ffffff !important;
}#main .content-block .bed-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #cbd6dc !important;
    color: #435f6d !important;
}#main .content-block .bed-btn:hover,
#main .content-block .bed-next-grid a:hover {
    opacity: .88 !important;
}/* SECTION */
#main .content-block .bed-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.bed-section-title,
#main .content-block h1.as-h2.bed-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #627b89 !important;
    color: #27323a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .bed-section-lead {
    margin: 0 0 20px !important;
    color: #5e6a70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .bed-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #27323a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .bed-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .bed-check-card {
    min-width: 0 !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 12px !important;
}#main .content-block .bed-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #edf2f5 !important;
    border-radius: 50% !important;
    color: #526c7a !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .bed-check-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* LIGHT */
#main .content-block .bed-light-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .bed-light-card {
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 14px !important;
}#main .content-block .bed-light-head {
    padding: 14px 16px !important;
    background: #eef3f6 !important;
}#main .content-block .bed-light-head span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    color: #728896 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .bed-light-title {
    color: #435f6d !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .bed-light-body {
    padding: 15px 17px 17px !important;
}#main .content-block .bed-light-body p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .bed-light-body a,
#main .content-block .bed-text-link,
#main .content-block .bed-position-item a,
#main .content-block .bed-temp-grid a,
#main .content-block .bed-color-actions a {
    display: inline-block !important;
    margin-top: 9px !important;
    color: #43677a !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* PRIVACY */
#main .content-block .bed-privacy-box {
    padding: 19px !important;
    background: #f5f8fa !important;
    border: 1px solid #dce5e9 !important;
    border-radius: 14px !important;
}#main .content-block .bed-privacy-title {
    margin: 0 0 8px !important;
    color: #435f6d !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .bed-privacy-box > p {
    margin: 0 0 14px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .bed-privacy-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .bed-privacy-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6ea !important;
    border-radius: 10px !important;
}#main .content-block .bed-privacy-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #7a8c96 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: .08em !important;
}#main .content-block .bed-privacy-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #435f6d !important;
    font-size: 15px !important;
}#main .content-block .bed-privacy-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* TEMP */
#main .content-block .bed-temp-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .bed-temp-grid > div {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 11px !important;
}#main .content-block .bed-temp-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #435f6d !important;
    font-size: 15px !important;
}#main .content-block .bed-temp-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* COLOR */
#main .content-block .bed-color-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .bed-color-card {
    padding: 15px !important;
    border: 1px solid #e0e4e6 !important;
    border-radius: 11px !important;
}#main .content-block .bed-color-soft {
    background: #f6f3ed !important;
}#main .content-block .bed-color-cool {
    background: #edf3f5 !important;
}#main .content-block .bed-color-deep {
    background: #eef0f3 !important;
}#main .content-block .bed-color-card > span {
    display: inline-block !important;
    margin: 0 0 6px !important;
    padding: 3px 7px !important;
    background: rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    color: #6f7d84 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .bed-color-card p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .bed-color-note {
    margin: 12px 0 0 !important;
    padding: 14px 15px !important;
    background: #fff8eb !important;
    border-left: 5px solid #af8d59 !important;
    border-radius: 0 9px 9px 0 !important;
}#main .content-block .bed-color-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #725c38 !important;
    font-size: 14px !important;
}#main .content-block .bed-color-note p {
    margin: 0 !important;
    color: #655f56 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .bed-color-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
}/* POSITION */
#main .content-block .bed-position-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .bed-position-item {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7f9fa !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 10px !important;
}#main .content-block .bed-position-item > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 33px !important;
    height: 33px !important;
    background: #526c7a !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .bed-position-item strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #435f6d !important;
    font-size: 14px !important;
}#main .content-block .bed-position-item p {
    margin: 0 !important;
    color: #5f6c72 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* FUNCTION */
#main .content-block .bed-function-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .bed-function-grid > div {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 11px !important;
}#main .content-block .bed-function-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf2f5 !important;
    border-radius: 999px !important;
    color: #627b89 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .bed-function-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #435f6d !important;
    font-size: 15px !important;
}#main .content-block .bed-function-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MEASURE */
#main .content-block .bed-measure-box {
    padding: 19px !important;
    background: #f5f8fa !important;
    border: 1px solid #dce5e9 !important;
    border-radius: 14px !important;
}#main .content-block .bed-measure-title {
    margin: 0 0 8px !important;
    color: #435f6d !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .bed-measure-box > p {
    margin: 0 0 14px !important;
    color: #5f6c72 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .bed-measure-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .bed-measure-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6ea !important;
    border-radius: 10px !important;
}#main .content-block .bed-measure-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #7a8c96 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .bed-measure-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #435f6d !important;
    font-size: 15px !important;
}#main .content-block .bed-measure-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MISTAKES */
#main .content-block .bed-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .bed-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7f9fa !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 10px !important;
}#main .content-block .bed-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #526c7a !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .bed-mistake-list p {
    margin: 0 !important;
    color: #5f6a70 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .bed-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .bed-next-grid a {
    display: block !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 11px !important;
    color: #27323a !important;
}#main .content-block .bed-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf2f5 !important;
    border-radius: 999px !important;
    color: #627b89 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .bed-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #435f6d !important;
    font-size: 14px !important;
}#main .content-block .bed-next-grid p {
    margin: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .bed-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #435f6d !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .bed-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .bed-final-kicker {
    margin: 0 0 6px !important;
    color: #d8e3e8 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .bed-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .bed-final p {
    margin: 0 0 18px !important;
    color: #e7eef1 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .bed-final-actions {
    justify-content: center !important;
}#main .content-block .bed-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #435f6d !important;
}#main .content-block .bed-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .bed-color-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .bed-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .bed-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).bed-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .bed-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .bed-hero-visual {
        width: 100% !important;
        margin: 18px 0 0 !important;
        border-radius: 11px !important;
    }#main .content-block .bed-hero-actions,
#main .content-block .bed-final-actions {
        display: block !important;
    }#main .content-block .bed-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .bed-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.bed-section-title,
#main .content-block h1.as-h2.bed-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .bed-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .bed-check-grid,
#main .content-block .bed-privacy-grid,
#main .content-block .bed-temp-grid,
#main .content-block .bed-color-grid,
#main .content-block .bed-function-grid,
#main .content-block .bed-measure-grid,
#main .content-block .bed-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .bed-check-card,
#main .content-block .bed-privacy-grid > div,
#main .content-block .bed-temp-grid > div,
#main .content-block .bed-color-card,
#main .content-block .bed-function-grid > div,
#main .content-block .bed-measure-grid > div,
#main .content-block .bed-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .bed-privacy-box,
#main .content-block .bed-measure-box {
        padding: 16px 15px !important;
    }#main .content-block .bed-color-actions {
        display: block !important;
    }#main .content-block .bed-color-actions a {
        display: block !important;
        margin: 8px 0 0 !important;
    }#main .content-block .bed-position-item {
        grid-template-columns: 35px minmax(0,1fr) !important;
        padding: 12px !important;
    }#main .content-block .bed-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .bed-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/japan 専用CSS
   和室のカーテン選び
   ========================================================= */

#main .content-block .japan-page,
#main .content-block .japan-page * {
    box-sizing: border-box;
}#main .content-block .japan-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #2f332f !important;
    background: #ffffff !important;
}#main .content-block .japan-page section,
#main .content-block .japan-page article,
#main .content-block .japan-page div {
    min-width: 0;
}#main .content-block .japan-page a {
    text-decoration: none !important;
}/* CMS自動挿入BR対策 */
#main .content-block .japan-page > br,
#main .content-block .japan-page section > br,
#main .content-block .japan-hero-inner > br,
#main .content-block .japan-hero-actions > br,
#main .content-block .japan-hero-visual > br,
#main .content-block .japan-check-grid > br,
#main .content-block .japan-check-card > br,
#main .content-block .japan-style-list > br,
#main .content-block .japan-style-card > br,
#main .content-block .japan-style-head > br,
#main .content-block .japan-style-body > br,
#main .content-block .japan-color-grid > br,
#main .content-block .japan-color-card > br,
#main .content-block .japan-color-actions > br,
#main .content-block .japan-light-box > br,
#main .content-block .japan-light-grid > br,
#main .content-block .japan-light-grid > div > br,
#main .content-block .japan-privacy-grid > br,
#main .content-block .japan-privacy-grid > div > br,
#main .content-block .japan-sun-box > br,
#main .content-block .japan-sun-actions > br,
#main .content-block .japan-material-grid > br,
#main .content-block .japan-material-grid > div > br,
#main .content-block .japan-measure-box > br,
#main .content-block .japan-measure-grid > br,
#main .content-block .japan-measure-grid > div > br,
#main .content-block .japan-mistake-list > br,
#main .content-block .japan-mistake-list > div > br,
#main .content-block .japan-next-grid > br,
#main .content-block .japan-next-grid > a > br,
#main .content-block .japan-final > br,
#main .content-block .japan-final-inner > br,
#main .content-block .japan-final-actions > br {
    display: none !important;
}/* HERO */
#main .content-block .japan-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#f0f2e9 0%,#ffffff 58%,#f3ede3 100%) !important;
    border: 1px solid #e0e4d8 !important;
    border-radius: 19px !important;
}#main .content-block .japan-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .japan-eyebrow,
#main .content-block .japan-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #6b7758 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).japan-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #2f332f !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).japan-hero-title span {
    color: #66704f !important;
}#main .content-block .japan-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #5f655e !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .japan-hero-lead strong {
    color: #5f6849 !important;
}#main .content-block .japan-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.93) !important;
    border: 1px solid #e0e4d8 !important;
    border-radius: 12px !important;
}#main .content-block .japan-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #5f6849 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .japan-hero-message p {
    margin: 0 !important;
    color: #666d65 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .japan-hero-visual {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f0f2e9 !important;
    border: 1px solid #e0e4d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(50,55,45,.08) !important;
}#main .content-block .japan-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}/* BUTTON */
#main .content-block .japan-hero-actions,
#main .content-block .japan-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .japan-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .japan-btn-primary {
    background: #66704f !important;
    border: 1px solid #66704f !important;
    color: #ffffff !important;
}#main .content-block .japan-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #d5d9cd !important;
    color: #5f6849 !important;
}#main .content-block .japan-btn:hover,
#main .content-block .japan-next-grid a:hover {
    opacity: .88 !important;
}/* SECTION */
#main .content-block .japan-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.japan-section-title,
#main .content-block h1.as-h2.japan-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #75805d !important;
    color: #2f332f !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .japan-section-lead {
    margin: 0 0 20px !important;
    color: #626861 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .japan-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #2f332f !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .japan-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .japan-check-card {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e1e5dc !important;
    border-radius: 12px !important;
}#main .content-block .japan-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #eff2e9 !important;
    border-radius: 50% !important;
    color: #66704f !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .japan-check-card p {
    margin: 0 !important;
    color: #676d66 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* STYLE */
#main .content-block .japan-style-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .japan-style-card {
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e1e5dc !important;
    border-radius: 14px !important;
}#main .content-block .japan-style-head {
    padding: 14px 16px !important;
    background: #f0f2e9 !important;
}#main .content-block .japan-style-head span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    color: #7b8468 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .japan-style-title {
    color: #5f6849 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .japan-style-body {
    padding: 15px 17px 17px !important;
}#main .content-block .japan-style-body p {
    margin: 0 !important;
    color: #626861 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}/* LINKS */
#main .content-block .japan-text-link,
#main .content-block .japan-color-actions a,
#main .content-block .japan-sun-actions a {
    display: inline-block !important;
    margin-top: 9px !important;
    color: #66704f !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* COLOR */
#main .content-block .japan-color-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .japan-color-card {
    padding: 15px !important;
    border: 1px solid #e1e4dc !important;
    border-radius: 11px !important;
}#main .content-block .japan-color-natural {
    background: #f5f0e6 !important;
}#main .content-block .japan-color-green {
    background: #edf1e5 !important;
}#main .content-block .japan-color-brown {
    background: #f1ece5 !important;
}#main .content-block .japan-color-card > span {
    display: inline-block !important;
    margin: 0 0 6px !important;
    padding: 3px 7px !important;
    background: rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    color: #767d6c !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .japan-color-card p {
    margin: 0 !important;
    color: #676d66 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .japan-color-note {
    margin: 12px 0 0 !important;
    padding: 14px 15px !important;
    background: #fff8eb !important;
    border-left: 5px solid #a58a5d !important;
    border-radius: 0 9px 9px 0 !important;
}#main .content-block .japan-color-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #725e3d !important;
    font-size: 14px !important;
}#main .content-block .japan-color-note p {
    margin: 0 !important;
    color: #665f55 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .japan-color-actions,
#main .content-block .japan-sun-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
}/* LIGHT */
#main .content-block .japan-light-box,
#main .content-block .japan-measure-box {
    padding: 19px !important;
    background: #f6f8f2 !important;
    border: 1px solid #e0e4d8 !important;
    border-radius: 14px !important;
}#main .content-block .japan-light-title,
#main .content-block .japan-measure-title {
    margin: 0 0 8px !important;
    color: #5f6849 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .japan-light-box > p,
#main .content-block .japan-measure-box > p {
    margin: 0 0 14px !important;
    color: #626861 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .japan-light-grid,
#main .content-block .japan-measure-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .japan-light-grid > div,
#main .content-block .japan-measure-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #e1e5dc !important;
    border-radius: 10px !important;
}#main .content-block .japan-light-grid span,
#main .content-block .japan-measure-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #7b8468 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .japan-light-grid strong,
#main .content-block .japan-measure-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #5f6849 !important;
    font-size: 15px !important;
}#main .content-block .japan-light-grid p,
#main .content-block .japan-measure-grid p {
    margin: 0 !important;
    color: #676d66 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* PRIVACY */
#main .content-block .japan-privacy-grid,
#main .content-block .japan-material-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .japan-privacy-grid > div,
#main .content-block .japan-material-grid > div {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e1e5dc !important;
    border-radius: 11px !important;
}#main .content-block .japan-privacy-grid strong,
#main .content-block .japan-material-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #5f6849 !important;
    font-size: 15px !important;
}#main .content-block .japan-privacy-grid p,
#main .content-block .japan-material-grid p {
    margin: 0 !important;
    color: #676d66 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* SUN */
#main .content-block .japan-sun-box {
    padding: 19px !important;
    background: #fff8eb !important;
    border: 1px solid #eadfc8 !important;
    border-radius: 14px !important;
}#main .content-block .japan-sun-title {
    margin: 0 0 8px !important;
    color: #725e3d !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .japan-sun-box > p {
    margin: 0 0 5px !important;
    color: #665f55 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}/* MATERIAL */
#main .content-block .japan-material-grid span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 0 7px !important;
    background: #66704f !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
}/* MISTAKE */
#main .content-block .japan-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .japan-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f8f9f5 !important;
    border: 1px solid #e1e5dc !important;
    border-radius: 10px !important;
}#main .content-block .japan-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #66704f !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .japan-mistake-list p {
    margin: 0 !important;
    color: #626861 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .japan-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .japan-next-grid a {
    display: block !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #e1e5dc !important;
    border-radius: 11px !important;
    color: #2f332f !important;
}#main .content-block .japan-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #eff2e9 !important;
    border-radius: 999px !important;
    color: #6b7758 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .japan-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #5f6849 !important;
    font-size: 14px !important;
}#main .content-block .japan-next-grid p {
    margin: 0 !important;
    color: #676d66 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .japan-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #5f6849 !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .japan-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .japan-final-kicker {
    margin: 0 0 6px !important;
    color: #e2e8d7 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .japan-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .japan-final p {
    margin: 0 0 18px !important;
    color: #eef1e8 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .japan-final-actions {
    justify-content: center !important;
}#main .content-block .japan-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #5f6849 !important;
}#main .content-block .japan-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .japan-color-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .japan-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .japan-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).japan-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .japan-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .japan-hero-visual {
        width: 100% !important;
        margin: 18px 0 0 !important;
        border-radius: 11px !important;
    }#main .content-block .japan-hero-actions,
#main .content-block .japan-final-actions {
        display: block !important;
    }#main .content-block .japan-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .japan-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.japan-section-title,
#main .content-block h1.as-h2.japan-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .japan-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .japan-check-grid,
#main .content-block .japan-color-grid,
#main .content-block .japan-light-grid,
#main .content-block .japan-privacy-grid,
#main .content-block .japan-material-grid,
#main .content-block .japan-measure-grid,
#main .content-block .japan-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .japan-check-card,
#main .content-block .japan-color-card,
#main .content-block .japan-light-grid > div,
#main .content-block .japan-privacy-grid > div,
#main .content-block .japan-material-grid > div,
#main .content-block .japan-measure-grid > div,
#main .content-block .japan-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .japan-light-box,
#main .content-block .japan-measure-box,
#main .content-block .japan-sun-box {
        padding: 16px 15px !important;
    }#main .content-block .japan-color-actions,
#main .content-block .japan-sun-actions {
        display: block !important;
    }#main .content-block .japan-color-actions a,
#main .content-block .japan-sun-actions a {
        display: block !important;
        margin: 8px 0 0 !important;
    }#main .content-block .japan-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .japan-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/kids 専用CSS
   子ども部屋のカーテン選び
   ========================================================= */

#main .content-block .kids-page,
#main .content-block .kids-page * {
    box-sizing: border-box;
}#main .content-block .kids-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #30353a !important;
    background: #ffffff !important;
}#main .content-block .kids-page section,
#main .content-block .kids-page article,
#main .content-block .kids-page div {
    min-width: 0;
}#main .content-block .kids-page a {
    text-decoration: none !important;
}/* CMS自動挿入BR対策 */
#main .content-block .kids-page > br,
#main .content-block .kids-page section > br,
#main .content-block .kids-hero-inner > br,
#main .content-block .kids-hero-actions > br,
#main .content-block .kids-hero-visual > br,
#main .content-block .kids-check-grid > br,
#main .content-block .kids-check-card > br,
#main .content-block .kids-age-list > br,
#main .content-block .kids-age-card > br,
#main .content-block .kids-age-head > br,
#main .content-block .kids-age-body > br,
#main .content-block .kids-safety-box > br,
#main .content-block .kids-safety-grid > br,
#main .content-block .kids-safety-grid > div > br,
#main .content-block .kids-light-grid > br,
#main .content-block .kids-light-grid > div > br,
#main .content-block .kids-light-actions > br,
#main .content-block .kids-privacy-box > br,
#main .content-block .kids-color-grid > br,
#main .content-block .kids-color-card > br,
#main .content-block .kids-color-actions > br,
#main .content-block .kids-care-grid > br,
#main .content-block .kids-care-grid > div > br,
#main .content-block .kids-layout-list > br,
#main .content-block .kids-layout-item > br,
#main .content-block .kids-layout-item > div > br,
#main .content-block .kids-function-grid > br,
#main .content-block .kids-function-grid > div > br,
#main .content-block .kids-measure-box > br,
#main .content-block .kids-measure-grid > br,
#main .content-block .kids-measure-grid > div > br,
#main .content-block .kids-mistake-list > br,
#main .content-block .kids-mistake-list > div > br,
#main .content-block .kids-next-grid > br,
#main .content-block .kids-next-grid > a > br,
#main .content-block .kids-final > br,
#main .content-block .kids-final-inner > br,
#main .content-block .kids-final-actions > br {
    display: none !important;
}/* HERO */
#main .content-block .kids-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#eef5f2 0%,#ffffff 56%,#f8f1e9 100%) !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 19px !important;
}#main .content-block .kids-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .kids-eyebrow,
#main .content-block .kids-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #5d7d70 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).kids-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #30353a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).kids-hero-title span {
    color: #4d7163 !important;
}#main .content-block .kids-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #59666c !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .kids-hero-lead strong {
    color: #44685a !important;
}#main .content-block .kids-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 12px !important;
}#main .content-block .kids-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #44685a !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .kids-hero-message p {
    margin: 0 !important;
    color: #606d72 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .kids-hero-visual {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef5f2 !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(38,51,58,.08) !important;
}#main .content-block .kids-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}/* BUTTON */
#main .content-block .kids-hero-actions,
#main .content-block .kids-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .kids-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .kids-btn-primary {
    background: #4d7163 !important;
    border: 1px solid #4d7163 !important;
    color: #ffffff !important;
}#main .content-block .kids-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #cbd9d3 !important;
    color: #44685a !important;
}#main .content-block .kids-btn:hover,
#main .content-block .kids-next-grid a:hover {
    opacity: .88 !important;
}/* SECTION */
#main .content-block .kids-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.kids-section-title,
#main .content-block h1.as-h2.kids-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #668779 !important;
    color: #30353a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .kids-section-lead {
    margin: 0 0 20px !important;
    color: #606b70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .kids-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #30353a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .kids-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .kids-check-card {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 12px !important;
}#main .content-block .kids-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #edf4f1 !important;
    border-radius: 50% !important;
    color: #4d7163 !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .kids-check-card p {
    margin: 0 !important;
    color: #687379 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* AGE */
#main .content-block .kids-age-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .kids-age-card {
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 14px !important;
}#main .content-block .kids-age-head {
    padding: 14px 16px !important;
    background: #edf4f1 !important;
}#main .content-block .kids-age-head span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    color: #708b80 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .kids-age-title {
    color: #44685a !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .kids-age-body {
    padding: 15px 17px 17px !important;
}#main .content-block .kids-age-body p {
    margin: 0 !important;
    color: #606b70 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}/* SAFETY */
#main .content-block .kids-safety-box {
    padding: 19px !important;
    background: #fff8eb !important;
    border: 1px solid #eadfc7 !important;
    border-radius: 14px !important;
}#main .content-block .kids-safety-title {
    margin: 0 0 14px !important;
    color: #725e3c !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .kids-safety-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kids-safety-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #eadfc7 !important;
    border-radius: 10px !important;
}#main .content-block .kids-safety-grid span,
#main .content-block .kids-care-grid span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    margin-bottom: 7px !important;
    background: #a18255 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .kids-safety-grid strong,
#main .content-block .kids-care-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #725e3c !important;
    font-size: 14px !important;
}#main .content-block .kids-safety-grid p,
#main .content-block .kids-care-grid p {
    margin: 0 !important;
    color: #686159 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* LIGHT / FUNCTION / CARE */
#main .content-block .kids-light-grid,
#main .content-block .kids-function-grid,
#main .content-block .kids-care-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .kids-light-grid > div,
#main .content-block .kids-function-grid > div,
#main .content-block .kids-care-grid > div {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 11px !important;
}#main .content-block .kids-light-grid span,
#main .content-block .kids-function-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf4f1 !important;
    border-radius: 999px !important;
    color: #668779 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .kids-light-grid strong,
#main .content-block .kids-function-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #44685a !important;
    font-size: 15px !important;
}#main .content-block .kids-light-grid p,
#main .content-block .kids-function-grid p {
    margin: 0 !important;
    color: #687379 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .kids-light-actions,
#main .content-block .kids-color-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
}#main .content-block .kids-light-actions a,
#main .content-block .kids-color-actions a,
#main .content-block .kids-text-link,
#main .content-block .kids-layout-item a {
    display: inline-block !important;
    margin-top: 9px !important;
    color: #4d7163 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* PRIVACY */
#main .content-block .kids-privacy-box {
    padding: 19px !important;
    background: #f5f9f7 !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 14px !important;
}#main .content-block .kids-privacy-title {
    margin: 0 0 8px !important;
    color: #44685a !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .kids-privacy-box > p {
    margin: 0 !important;
    color: #606b70 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}/* COLOR */
#main .content-block .kids-color-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kids-color-card {
    padding: 15px !important;
    border: 1px solid #e2e6e3 !important;
    border-radius: 11px !important;
}#main .content-block .kids-color-soft {
    background: #f7f3eb !important;
}#main .content-block .kids-color-cool {
    background: #edf4f2 !important;
}#main .content-block .kids-color-warm {
    background: #f8f0ed !important;
}#main .content-block .kids-color-card > span {
    display: inline-block !important;
    margin: 0 0 6px !important;
    padding: 3px 7px !important;
    background: rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    color: #718079 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .kids-color-card p {
    margin: 0 !important;
    color: #687379 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .kids-color-note {
    margin: 12px 0 0 !important;
    padding: 14px 15px !important;
    background: #fff8eb !important;
    border-left: 5px solid #aa8a5c !important;
    border-radius: 0 9px 9px 0 !important;
}#main .content-block .kids-color-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #725e3c !important;
    font-size: 14px !important;
}#main .content-block .kids-color-note p {
    margin: 0 !important;
    color: #686159 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* LAYOUT */
#main .content-block .kids-layout-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .kids-layout-item {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 10px !important;
}#main .content-block .kids-layout-item > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 33px !important;
    height: 33px !important;
    background: #4d7163 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .kids-layout-item strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #44685a !important;
    font-size: 14px !important;
}#main .content-block .kids-layout-item p {
    margin: 0 !important;
    color: #606b70 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MEASURE */
#main .content-block .kids-measure-box {
    padding: 19px !important;
    background: #f5f9f7 !important;
    border: 1px solid #dce7e2 !important;
    border-radius: 14px !important;
}#main .content-block .kids-measure-title {
    margin: 0 0 8px !important;
    color: #44685a !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .kids-measure-box > p {
    margin: 0 0 14px !important;
    color: #606b70 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .kids-measure-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kids-measure-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 10px !important;
}#main .content-block .kids-measure-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #708b80 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .kids-measure-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #44685a !important;
    font-size: 15px !important;
}#main .content-block .kids-measure-grid p {
    margin: 0 !important;
    color: #687379 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MISTAKE */
#main .content-block .kids-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .kids-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7faf8 !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 10px !important;
}#main .content-block .kids-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #4d7163 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .kids-mistake-list p {
    margin: 0 !important;
    color: #606b70 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .kids-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .kids-next-grid a {
    display: block !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 11px !important;
    color: #30353a !important;
}#main .content-block .kids-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf4f1 !important;
    border-radius: 999px !important;
    color: #668779 !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .kids-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #44685a !important;
    font-size: 14px !important;
}#main .content-block .kids-next-grid p {
    margin: 0 !important;
    color: #687379 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .kids-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #44685a !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .kids-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .kids-final-kicker {
    margin: 0 0 6px !important;
    color: #dbe9e3 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .kids-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .kids-final p {
    margin: 0 0 18px !important;
    color: #e8f0ed !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .kids-final-actions {
    justify-content: center !important;
}#main .content-block .kids-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #44685a !important;
}#main .content-block .kids-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .kids-color-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .kids-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .kids-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).kids-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .kids-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .kids-hero-visual {
        width: 100% !important;
        margin: 18px 0 0 !important;
        border-radius: 11px !important;
    }#main .content-block .kids-hero-actions,
#main .content-block .kids-final-actions {
        display: block !important;
    }#main .content-block .kids-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .kids-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.kids-section-title,
#main .content-block h1.as-h2.kids-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .kids-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .kids-check-grid,
#main .content-block .kids-safety-grid,
#main .content-block .kids-light-grid,
#main .content-block .kids-color-grid,
#main .content-block .kids-care-grid,
#main .content-block .kids-function-grid,
#main .content-block .kids-measure-grid,
#main .content-block .kids-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .kids-check-card,
#main .content-block .kids-safety-grid > div,
#main .content-block .kids-light-grid > div,
#main .content-block .kids-color-card,
#main .content-block .kids-care-grid > div,
#main .content-block .kids-function-grid > div,
#main .content-block .kids-measure-grid > div,
#main .content-block .kids-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .kids-safety-box,
#main .content-block .kids-privacy-box,
#main .content-block .kids-measure-box {
        padding: 16px 15px !important;
    }#main .content-block .kids-light-actions,
#main .content-block .kids-color-actions {
        display: block !important;
    }#main .content-block .kids-light-actions a,
#main .content-block .kids-color-actions a {
        display: block !important;
        margin: 8px 0 0 !important;
    }#main .content-block .kids-layout-item {
        grid-template-columns: 35px minmax(0,1fr) !important;
        padding: 12px !important;
    }#main .content-block .kids-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .kids-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/kitchen 専用CSS
   キッチンのカーテン選び
   ========================================================= */

#main .content-block .kitchen-page,
#main .content-block .kitchen-page * {
    box-sizing: border-box;
}#main .content-block .kitchen-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #30363a !important;
    background: #ffffff !important;
}#main .content-block .kitchen-page section,
#main .content-block .kitchen-page article,
#main .content-block .kitchen-page div {
    min-width: 0;
}#main .content-block .kitchen-page a {
    text-decoration: none !important;
}/* CMS自動挿入BR対策 */
#main .content-block .kitchen-page > br,
#main .content-block .kitchen-page section > br,
#main .content-block .kitchen-hero-inner > br,
#main .content-block .kitchen-hero-actions > br,
#main .content-block .kitchen-hero-visual > br,
#main .content-block .kitchen-check-grid > br,
#main .content-block .kitchen-check-card > br,
#main .content-block .kitchen-safety-box > br,
#main .content-block .kitchen-safety-grid > br,
#main .content-block .kitchen-safety-grid > div > br,
#main .content-block .kitchen-style-list > br,
#main .content-block .kitchen-style-card > br,
#main .content-block .kitchen-style-head > br,
#main .content-block .kitchen-style-body > br,
#main .content-block .kitchen-care-grid > br,
#main .content-block .kitchen-care-grid > div > br,
#main .content-block .kitchen-privacy-box > br,
#main .content-block .kitchen-privacy-grid > br,
#main .content-block .kitchen-privacy-grid > div > br,
#main .content-block .kitchen-heat-grid > br,
#main .content-block .kitchen-heat-grid > div > br,
#main .content-block .kitchen-color-grid > br,
#main .content-block .kitchen-color-card > br,
#main .content-block .kitchen-color-actions > br,
#main .content-block .kitchen-layout-list > br,
#main .content-block .kitchen-layout-item > br,
#main .content-block .kitchen-layout-item > div > br,
#main .content-block .kitchen-function-grid > br,
#main .content-block .kitchen-function-grid > div > br,
#main .content-block .kitchen-measure-box > br,
#main .content-block .kitchen-measure-grid > br,
#main .content-block .kitchen-measure-grid > div > br,
#main .content-block .kitchen-mistake-list > br,
#main .content-block .kitchen-mistake-list > div > br,
#main .content-block .kitchen-next-grid > br,
#main .content-block .kitchen-next-grid > a > br,
#main .content-block .kitchen-final > br,
#main .content-block .kitchen-final-inner > br,
#main .content-block .kitchen-final-actions > br {
    display: none !important;
}/* HERO */
#main .content-block .kitchen-hero {
    display: block !important;
    width: 100% !important;
    margin: 0 0 52px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg,#eef4ef 0%,#ffffff 56%,#f7efe6 100%) !important;
    border: 1px solid #dce6df !important;
    border-radius: 19px !important;
}#main .content-block .kitchen-hero-inner {
    padding: 38px 28px 34px !important;
}#main .content-block .kitchen-eyebrow,
#main .content-block .kitchen-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #65786a !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h1:where(:not(.as-h2)).kitchen-hero-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #30363a !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
    text-align: left !important;
}#main .content-block h1:where(:not(.as-h2)).kitchen-hero-title span {
    color: #556d5d !important;
}#main .content-block .kitchen-hero-lead {
    max-width: 665px !important;
    margin: 0 0 19px !important;
    color: #5b676c !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}#main .content-block .kitchen-hero-lead strong {
    color: #4d6757 !important;
}#main .content-block .kitchen-hero-message {
    margin: 0 0 20px !important;
    padding: 15px 17px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid #dce6df !important;
    border-radius: 12px !important;
}#main .content-block .kitchen-hero-message strong {
    display: block !important;
    margin: 0 0 5px !important;
    color: #4d6757 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}#main .content-block .kitchen-hero-message p {
    margin: 0 !important;
    color: #626d71 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}#main .content-block .kitchen-hero-visual {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef4ef !important;
    border: 1px solid #dce6df !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(38,51,58,.08) !important;
}#main .content-block .kitchen-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
}/* BUTTON */
#main .content-block .kitchen-hero-actions,
#main .content-block .kitchen-final-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}#main .content-block .kitchen-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 47px !important;
    padding: 12px 18px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
}#main .content-block .kitchen-btn-primary {
    background: #556d5d !important;
    border: 1px solid #556d5d !important;
    color: #ffffff !important;
}#main .content-block .kitchen-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #cdd8d1 !important;
    color: #4d6757 !important;
}#main .content-block .kitchen-btn:hover,
#main .content-block .kitchen-next-grid a:hover {
    opacity: .88 !important;
}/* SECTION */
#main .content-block .kitchen-section {
    display: block !important;
    width: 100% !important;
    margin: 52px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block h2.kitchen-section-title,
#main .content-block h1.as-h2.kitchen-section-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #687e6d !important;
    color: #30363a !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .kitchen-section-lead {
    margin: 0 0 20px !important;
    color: #606a6f !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .kitchen-card-title {
    display: block !important;
    margin: 0 0 6px !important;
    color: #30363a !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}/* CHECK */
#main .content-block .kitchen-check-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .kitchen-check-card {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 12px !important;
}#main .content-block .kitchen-check-card > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 0 8px !important;
    background: #edf3ef !important;
    border-radius: 50% !important;
    color: #556d5d !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-check-card p {
    margin: 0 !important;
    color: #687277 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* SAFETY */
#main .content-block .kitchen-safety-box {
    padding: 19px !important;
    background: #fff6eb !important;
    border: 1px solid #ead8bc !important;
    border-radius: 14px !important;
}#main .content-block .kitchen-safety-title {
    margin: 0 0 8px !important;
    color: #755b35 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .kitchen-safety-box > p {
    margin: 0 0 14px !important;
    color: #675f54 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .kitchen-safety-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kitchen-safety-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #ead8bc !important;
    border-radius: 10px !important;
}#main .content-block .kitchen-safety-grid span,
#main .content-block .kitchen-care-grid span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    margin: 0 0 7px !important;
    background: #a67f4e !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-safety-grid strong,
#main .content-block .kitchen-care-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #755b35 !important;
    font-size: 14px !important;
}#main .content-block .kitchen-safety-grid p,
#main .content-block .kitchen-care-grid p {
    margin: 0 !important;
    color: #675f54 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* STYLE */
#main .content-block .kitchen-style-list {
    display: grid !important;
    gap: 12px !important;
}#main .content-block .kitchen-style-card {
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 14px !important;
}#main .content-block .kitchen-style-head {
    padding: 14px 16px !important;
    background: #edf3ef !important;
}#main .content-block .kitchen-style-head span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    color: #728478 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .09em !important;
}#main .content-block .kitchen-style-title {
    color: #4d6757 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .kitchen-style-body {
    padding: 15px 17px 17px !important;
}#main .content-block .kitchen-style-body p {
    margin: 0 !important;
    color: #606a6f !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}/* COMMON GRIDS */
#main .content-block .kitchen-care-grid,
#main .content-block .kitchen-heat-grid,
#main .content-block .kitchen-function-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .kitchen-care-grid > div,
#main .content-block .kitchen-heat-grid > div,
#main .content-block .kitchen-function-grid > div {
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 11px !important;
}#main .content-block .kitchen-heat-grid strong,
#main .content-block .kitchen-function-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #4d6757 !important;
    font-size: 15px !important;
}#main .content-block .kitchen-heat-grid p,
#main .content-block .kitchen-function-grid p {
    margin: 0 !important;
    color: #687277 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .kitchen-function-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf3ef !important;
    border-radius: 999px !important;
    color: #687e6d !important;
    font-size: 9px !important;
    font-weight: bold !important;
}/* PRIVACY */
#main .content-block .kitchen-privacy-box {
    padding: 19px !important;
    background: #f5f8f6 !important;
    border: 1px solid #dce6df !important;
    border-radius: 14px !important;
}#main .content-block .kitchen-privacy-title {
    margin: 0 0 8px !important;
    color: #4d6757 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-privacy-box > p {
    margin: 0 0 14px !important;
    color: #606a6f !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .kitchen-privacy-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kitchen-privacy-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
}#main .content-block .kitchen-privacy-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #728478 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-privacy-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #4d6757 !important;
    font-size: 15px !important;
}#main .content-block .kitchen-privacy-grid p {
    margin: 0 !important;
    color: #687277 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* LINKS */
#main .content-block .kitchen-text-link,
#main .content-block .kitchen-heat-grid a,
#main .content-block .kitchen-color-actions a,
#main .content-block .kitchen-layout-item a {
    display: inline-block !important;
    margin-top: 9px !important;
    color: #556d5d !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}/* COLOR */
#main .content-block .kitchen-color-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kitchen-color-card {
    padding: 15px !important;
    border: 1px solid #e1e5e2 !important;
    border-radius: 11px !important;
}#main .content-block .kitchen-color-light {
    background: #f7f4ed !important;
}#main .content-block .kitchen-color-natural {
    background: #f1eee7 !important;
}#main .content-block .kitchen-color-accent {
    background: #edf3ef !important;
}#main .content-block .kitchen-color-card > span {
    display: inline-block !important;
    margin: 0 0 6px !important;
    padding: 3px 7px !important;
    background: rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    color: #758078 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-color-card p {
    margin: 0 !important;
    color: #687277 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .kitchen-color-note {
    margin: 12px 0 0 !important;
    padding: 14px 15px !important;
    background: #fff8eb !important;
    border-left: 5px solid #a98a5c !important;
    border-radius: 0 9px 9px 0 !important;
}#main .content-block .kitchen-color-note strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #755b35 !important;
    font-size: 14px !important;
}#main .content-block .kitchen-color-note p {
    margin: 0 !important;
    color: #675f54 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .kitchen-color-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 18px !important;
}/* LAYOUT */
#main .content-block .kitchen-layout-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .kitchen-layout-item {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7f9f8 !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
}#main .content-block .kitchen-layout-item > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 33px !important;
    height: 33px !important;
    background: #556d5d !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-layout-item strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #4d6757 !important;
    font-size: 14px !important;
}#main .content-block .kitchen-layout-item p {
    margin: 0 !important;
    color: #606a6f !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MEASURE */
#main .content-block .kitchen-measure-box {
    padding: 19px !important;
    background: #f5f8f6 !important;
    border: 1px solid #dce6df !important;
    border-radius: 14px !important;
}#main .content-block .kitchen-measure-title {
    margin: 0 0 8px !important;
    color: #4d6757 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-measure-box > p {
    margin: 0 0 14px !important;
    color: #606a6f !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .kitchen-measure-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
}#main .content-block .kitchen-measure-grid > div {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
}#main .content-block .kitchen-measure-grid span {
    display: inline-block !important;
    margin-bottom: 4px !important;
    color: #728478 !important;
    font-size: 9px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-measure-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #4d6757 !important;
    font-size: 15px !important;
}#main .content-block .kitchen-measure-grid p {
    margin: 0 !important;
    color: #687277 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}/* MISTAKES */
#main .content-block .kitchen-mistake-list {
    display: grid !important;
    gap: 8px !important;
}#main .content-block .kitchen-mistake-list > div {
    display: grid !important;
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 13px 14px !important;
    background: #f7f9f8 !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 10px !important;
}#main .content-block .kitchen-mistake-list span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    background: #556d5d !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-mistake-list p {
    margin: 0 !important;
    color: #606a6f !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}/* NEXT */
#main .content-block .kitchen-next-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}#main .content-block .kitchen-next-grid a {
    display: block !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #dfe6e2 !important;
    border-radius: 11px !important;
    color: #30363a !important;
}#main .content-block .kitchen-next-grid span {
    display: inline-block !important;
    margin: 0 0 5px !important;
    padding: 3px 7px !important;
    background: #edf3ef !important;
    border-radius: 999px !important;
    color: #687e6d !important;
    font-size: 10px !important;
    font-weight: bold !important;
}#main .content-block .kitchen-next-grid strong {
    display: block !important;
    margin-bottom: 4px !important;
    color: #4d6757 !important;
    font-size: 14px !important;
}#main .content-block .kitchen-next-grid p {
    margin: 0 !important;
    color: #687277 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* FINAL */
#main .content-block .kitchen-final {
    display: block !important;
    width: 100% !important;
    margin: 55px 0 0 !important;
    padding: 29px 22px !important;
    background: #4d6757 !important;
    border-radius: 17px !important;
    color: #ffffff !important;
    text-align: center !important;
}#main .content-block .kitchen-final-inner {
    max-width: 620px !important;
    margin: 0 auto !important;
}#main .content-block .kitchen-final-kicker {
    margin: 0 0 6px !important;
    color: #dde8e1 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: .13em !important;
}#main .content-block .kitchen-final-title {
    margin: 0 0 9px !important;
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .kitchen-final p {
    margin: 0 0 18px !important;
    color: #e8f0eb !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}#main .content-block .kitchen-final-actions {
    justify-content: center !important;
}#main .content-block .kitchen-btn-white {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #4d6757 !important;
}#main .content-block .kitchen-btn-outline {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #ffffff !important;
}

/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .kitchen-color-grid {
        grid-template-columns: 1fr !important;
    }
}

/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .kitchen-hero {
        width: 94% !important;
        margin: 0 auto 38px !important;
        border-radius: 14px !important;
    }#main .content-block .kitchen-hero-inner {
        padding: 27px 16px 26px !important;
    }#main .content-block h1:where(:not(.as-h2)).kitchen-hero-title {
        font-size: 25px !important;
        line-height: 1.5 !important;
    }#main .content-block .kitchen-hero-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .kitchen-hero-visual {
        width: 100% !important;
        margin: 18px 0 0 !important;
        border-radius: 11px !important;
    }#main .content-block .kitchen-hero-actions,
#main .content-block .kitchen-final-actions {
        display: block !important;
    }#main .content-block .kitchen-btn {
        display: flex !important;
        width: 100% !important;
        margin: 0 0 9px !important;
    }#main .content-block .kitchen-section {
        width: 94% !important;
        margin: 38px auto !important;
    }#main .content-block h2.kitchen-section-title,
#main .content-block h1.as-h2.kitchen-section-title {
        font-size: 21px !important;
        line-height: 1.55 !important;
    }#main .content-block .kitchen-section-lead {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .kitchen-check-grid,
#main .content-block .kitchen-safety-grid,
#main .content-block .kitchen-care-grid,
#main .content-block .kitchen-privacy-grid,
#main .content-block .kitchen-heat-grid,
#main .content-block .kitchen-color-grid,
#main .content-block .kitchen-function-grid,
#main .content-block .kitchen-measure-grid,
#main .content-block .kitchen-next-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .kitchen-check-card,
#main .content-block .kitchen-safety-grid > div,
#main .content-block .kitchen-care-grid > div,
#main .content-block .kitchen-privacy-grid > div,
#main .content-block .kitchen-heat-grid > div,
#main .content-block .kitchen-color-card,
#main .content-block .kitchen-function-grid > div,
#main .content-block .kitchen-measure-grid > div,
#main .content-block .kitchen-next-grid a {
        width: 100% !important;
        margin: 0 0 10px !important;
    }#main .content-block .kitchen-safety-box,
#main .content-block .kitchen-privacy-box,
#main .content-block .kitchen-measure-box {
        padding: 16px 15px !important;
    }#main .content-block .kitchen-color-actions {
        display: block !important;
    }#main .content-block .kitchen-color-actions a {
        display: block !important;
        margin: 8px 0 0 !important;
    }#main .content-block .kitchen-layout-item {
        grid-template-columns: 35px minmax(0,1fr) !important;
        padding: 12px !important;
    }#main .content-block .kitchen-final {
        width: 94% !important;
        margin: 42px auto 0 !important;
        padding: 26px 16px !important;
        border-radius: 14px !important;
    }#main .content-block .kitchen-final-title {
        font-size: 21px !important;
    }
}/* =========================================================
   /curtain-navi/living 専用CSS
   ========================================================= */
#main .content-block .living-page,
#main .content-block .living-page * { box-sizing:border-box; }#main .content-block .living-page {
    display:block!important; width:100%!important; max-width:100%!important;
    margin:0!important; padding:0!important; float:none!important; clear:both!important;
    color:#2e3539!important; background:#fff!important;
}#main .content-block .living-page section,
#main .content-block .living-page div { min-width:0; }#main .content-block .living-page a { text-decoration:none!important; }/* CMS自動BR対策 */
#main .content-block .living-page > br,
#main .content-block .living-page section > br,
#main .content-block .living-hero-inner > br,
#main .content-block .living-hero-actions > br,
#main .content-block .living-hero-visual > br,
#main .content-block .living-check-grid > br,
#main .content-block .living-priority-list > br,
#main .content-block .living-priority-item > br,
#main .content-block .living-two-grid > br,
#main .content-block .living-three-grid > br,
#main .content-block .living-four-grid > br,
#main .content-block .living-mistake-list > br,
#main .content-block .living-next-grid > br,
#main .content-block .living-final > br,
#main .content-block .living-final-inner > br,
#main .content-block .living-final-actions > br { display:none!important; }/* HERO */
#main .content-block .living-hero {
    display:block!important; width:100%!important; margin:0 0 52px!important;
    overflow:hidden!important; background:linear-gradient(135deg,#eef4f2 0%,#fff 57%,#f5f0e9 100%)!important;
    border:1px solid #dce6e2!important; border-radius:19px!important;
}#main .content-block .living-hero-inner { padding:38px 28px 34px!important; }#main .content-block .living-eyebrow,
#main .content-block .living-kicker {
    display:block!important; margin:0 0 6px!important; padding:0!important;
    color:#5e786e!important; font-size:11px!important; font-weight:bold!important;
    line-height:1.5!important; letter-spacing:.13em!important;
}#main .content-block h1:where(:not(.as-h2)).living-hero-title {
    display:block!important; width:100%!important; margin:0 0 16px!important; padding:0!important;
    background:none!important; border:0!important; color:#2e3539!important;
    font-size:32px!important; font-weight:bold!important; line-height:1.45!important; text-align:left!important;
}#main .content-block h1:where(:not(.as-h2)).living-hero-title span { color:#496b5e!important; }#main .content-block .living-hero-lead {
    max-width:665px!important; margin:0 0 19px!important; color:#59666b!important;
    font-size:16px!important; line-height:1.9!important;
}#main .content-block .living-hero-lead strong { color:#416255!important; }#main .content-block .living-hero-message {
    margin:0 0 20px!important; padding:15px 17px!important; background:rgba(255,255,255,.94)!important;
    border:1px solid #dce6e2!important; border-radius:12px!important;
}#main .content-block .living-hero-message strong {
    display:block!important; margin:0 0 5px!important; color:#416255!important;
    font-size:17px!important; line-height:1.6!important;
}#main .content-block .living-hero-message p {
    margin:0!important; color:#606c71!important; font-size:14px!important; line-height:1.8!important;
}#main .content-block .living-hero-visual {
    display:block!important; width:100%!important; margin:24px 0 0!important; padding:0!important;
    overflow:hidden!important; background:#eef4f2!important; border:1px solid #dce6e2!important;
    border-radius:14px!important; box-shadow:0 8px 22px rgba(38,51,58,.08)!important;
}#main .content-block .living-hero-visual img {
    display:block!important; width:100%!important; max-width:100%!important; height:auto!important;
    margin:0!important; padding:0!important; object-fit:contain!important; border:0!important;
}/* BUTTON */
#main .content-block .living-hero-actions,
#main .content-block .living-final-actions {
    display:flex!important; flex-wrap:wrap!important; gap:10px!important;
}#main .content-block .living-btn {
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    min-height:47px!important; padding:12px 18px!important; border-radius:9px!important;
    font-size:14px!important; font-weight:bold!important; line-height:1.5!important; text-align:center!important;
}#main .content-block .living-btn-primary { background:#496b5e!important; border:1px solid #496b5e!important; color:#fff!important; }#main .content-block .living-btn-secondary { background:#fff!important; border:1px solid #cbd8d3!important; color:#416255!important; }/* SECTION */
#main .content-block .living-section {
    display:block!important; width:100%!important; margin:52px 0!important; padding:0!important;
    float:none!important; clear:both!important;
}#main .content-block h2.living-section-title,
#main .content-block h1.as-h2.living-section-title {
    display:block!important; width:100%!important; margin:0 0 18px!important; padding:0 0 10px!important;
    background:none!important; border:0!important; border-bottom:3px solid #5f7d72!important;
    color:#2e3539!important; font-size:24px!important; font-weight:bold!important;
    line-height:1.5!important; text-align:left!important;
}#main .content-block .living-section-lead {
    margin:0 0 20px!important; color:#606b70!important; font-size:15px!important; line-height:1.9!important;
}/* CARDS */
#main .content-block .living-check-grid,
#main .content-block .living-two-grid,
#main .content-block .living-four-grid,
#main .content-block .living-next-grid {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important;
}#main .content-block .living-three-grid {
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important;
}#main .content-block .living-card,
#main .content-block .living-two-grid > div,
#main .content-block .living-three-grid > div,
#main .content-block .living-four-grid > div {
    padding:15px!important; background:#fff!important; border:1px solid #dfe7e3!important; border-radius:11px!important;
}#main .content-block .living-card > span,
#main .content-block .living-two-grid span,
#main .content-block .living-three-grid span,
#main .content-block .living-four-grid span,
#main .content-block .living-next-grid span {
    display:inline-block!important; margin:0 0 6px!important; padding:3px 7px!important;
    background:#edf4f1!important; border-radius:999px!important; color:#5f7d72!important;
    font-size:10px!important; font-weight:bold!important;
}#main .content-block .living-card strong,
#main .content-block .living-two-grid strong,
#main .content-block .living-three-grid strong,
#main .content-block .living-four-grid strong {
    display:block!important; margin-bottom:4px!important; color:#416255!important;
    font-size:15px!important; line-height:1.55!important;
}#main .content-block .living-card p,
#main .content-block .living-two-grid p,
#main .content-block .living-three-grid p,
#main .content-block .living-four-grid p {
    margin:0!important; color:#687379!important; font-size:13px!important; line-height:1.75!important;
}/* PRIORITY */
#main .content-block .living-priority-list { display:grid!important; gap:10px!important; }#main .content-block .living-priority-item {
    display:grid!important; grid-template-columns:46px minmax(0,1fr)!important; gap:13px!important;
    padding:16px!important; background:#f7faf8!important; border:1px solid #dfe7e3!important; border-radius:12px!important;
}#main .content-block .living-priority-item > span {
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:42px!important; height:42px!important; background:#496b5e!important; border-radius:50%!important;
    color:#fff!important; font-size:14px!important; font-weight:bold!important;
}#main .content-block .living-priority-item strong {
    display:block!important; margin-bottom:4px!important; color:#416255!important; font-size:17px!important;
}#main .content-block .living-priority-item p {
    margin:0!important; color:#606b70!important; font-size:14px!important; line-height:1.8!important;
}/* BOX */
#main .content-block .living-box {
    padding:19px!important; background:#f5f9f7!important; border:1px solid #dce7e2!important; border-radius:14px!important;
}#main .content-block .living-box-title {
    display:block!important; margin-bottom:8px!important; color:#416255!important; font-size:18px!important; line-height:1.55!important;
}#main .content-block .living-box > p {
    margin:0 0 14px!important; color:#606b70!important; font-size:14px!important; line-height:1.85!important;
}/* LINKS */
#main .content-block .living-priority-item a,
#main .content-block .living-four-grid a,
#main .content-block .living-text-link,
#main .content-block .living-link-row a {
    display:inline-block!important; margin:9px 16px 0 0!important; color:#496b5e!important;
    font-size:12px!important; font-weight:bold!important; text-decoration:underline!important;
}/* MISTAKES */
#main .content-block .living-mistake-list { display:grid!important; gap:8px!important; }#main .content-block .living-mistake-list > div {
    display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; gap:10px!important;
    padding:13px 14px!important; background:#f7faf8!important; border:1px solid #dfe7e3!important; border-radius:10px!important;
}#main .content-block .living-mistake-list span {
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:31px!important; height:31px!important; background:#496b5e!important; border-radius:50%!important;
    color:#fff!important; font-size:12px!important; font-weight:bold!important;
}#main .content-block .living-mistake-list p {
    margin:0!important; color:#606b70!important; font-size:14px!important; line-height:1.75!important;
}/* NEXT */
#main .content-block .living-next-grid a {
    display:block!important; padding:15px!important; background:#fff!important;
    border:1px solid #dfe7e3!important; border-radius:11px!important; color:#2e3539!important;
}#main .content-block .living-next-grid strong {
    display:block!important; margin-bottom:4px!important; color:#416255!important; font-size:14px!important;
}#main .content-block .living-next-grid p {
    margin:0!important; color:#687379!important; font-size:12px!important; line-height:1.7!important;
}/* FINAL */
#main .content-block .living-final {
    display:block!important; width:100%!important; margin:55px 0 0!important; padding:29px 22px!important;
    background:#416255!important; border-radius:17px!important; color:#fff!important; text-align:center!important;
}#main .content-block .living-final-inner { max-width:620px!important; margin:0 auto!important; }#main .content-block .living-final-kicker {
    margin:0 0 6px!important; color:#d9e7e1!important; font-size:11px!important;
    font-weight:bold!important; letter-spacing:.13em!important;
}#main .content-block .living-final-title {
    margin:0 0 9px!important; color:#fff!important; font-size:25px!important; font-weight:bold!important; line-height:1.55!important;
}#main .content-block .living-final p {
    margin:0 0 18px!important; color:#e7efeb!important; font-size:14px!important; line-height:1.85!important;
}#main .content-block .living-final-actions { justify-content:center!important; }#main .content-block .living-btn-white { background:#fff!important; border:1px solid #fff!important; color:#416255!important; }#main .content-block .living-btn-outline { background:transparent!important; border:1px solid rgba(255,255,255,.75)!important; color:#fff!important; }

/* TABLET */
@media screen and (max-width:900px) {#main .content-block .living-three-grid { grid-template-columns:1fr!important; }
}

/* MOBILE */
@media screen and (max-width:787px) {#main .content-block .living-hero { width:94%!important; margin:0 auto 38px!important; border-radius:14px!important; }#main .content-block .living-hero-inner { padding:27px 16px 26px!important; }#main .content-block h1:where(:not(.as-h2)).living-hero-title { font-size:25px!important; line-height:1.5!important; }#main .content-block .living-hero-lead { font-size:14px!important; line-height:1.85!important; }#main .content-block .living-hero-visual { margin:18px 0 0!important; border-radius:11px!important; }#main .content-block .living-hero-actions,
#main .content-block .living-final-actions { display:block!important; }#main .content-block .living-btn { display:flex!important; width:100%!important; margin:0 0 9px!important; }#main .content-block .living-section { width:94%!important; margin:38px auto!important; }#main .content-block h2.living-section-title,
#main .content-block h1.as-h2.living-section-title { font-size:21px!important; line-height:1.55!important; }#main .content-block .living-section-lead { font-size:14px!important; line-height:1.85!important; }#main .content-block .living-check-grid,
#main .content-block .living-two-grid,
#main .content-block .living-three-grid,
#main .content-block .living-four-grid,
#main .content-block .living-next-grid { display:block!important; width:100%!important; }#main .content-block .living-card,
#main .content-block .living-two-grid > div,
#main .content-block .living-three-grid > div,
#main .content-block .living-four-grid > div,
#main .content-block .living-next-grid a { width:100%!important; margin:0 0 10px!important; }#main .content-block .living-priority-item { grid-template-columns:40px minmax(0,1fr)!important; gap:10px!important; padding:14px!important; }#main .content-block .living-priority-item > span { width:36px!important; height:36px!important; font-size:13px!important; }#main .content-block .living-box { padding:16px 15px!important; }#main .content-block .living-final { width:94%!important; margin:42px auto 0!important; padding:26px 16px!important; border-radius:14px!important; }#main .content-block .living-final-title { font-size:21px!important; }
}/* =========================================================
   /curtain-navi/ 子ページ共通
   右カラム用 ローカルナビ
   ========================================================= */

.side-cnavi-local,
.side-cnavi-local * {
    box-sizing: border-box;
}.side-cnavi-local {
    display: block !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #dce6e1 !important;
    border-radius: 10px !important;
    color: #27323a !important;
}/* CMS自動BR対策 */
.side-cnavi-local > br,
.side-cnavi-local-head > br,
.side-cnavi-local-home > br,
.side-cnavi-local-group > br,
.side-cnavi-local-group-title > br,
.side-cnavi-local-list > br,
.side-cnavi-local-bottom > br {
    display: none !important;
}/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.side-cnavi-local-head {
    display: block !important;
    padding: 16px 14px 14px !important;
    background: #f5f9f7 !important;
    border-top: 4px solid #496b5e !important;
    border-bottom: 1px solid #dce6e1 !important;
}.side-cnavi-local-kicker {
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #668277 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
}.side-cnavi-local-title {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #365e50 !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}.side-cnavi-local-intro {
    margin: 0 !important;
    padding: 0 !important;
    color: #657178 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}/* ---------------------------------------------------------
   総合ガイド
   --------------------------------------------------------- */

.side-cnavi-local-home {
    display: block !important;
    margin: 12px !important;
    padding: 11px 12px !important;
    background: #496b5e !important;
    border: 1px solid #496b5e !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}.side-cnavi-local-home span {
    display: block !important;
    margin: 0 0 2px !important;
    color: #dce8e3 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
}.side-cnavi-local-home strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}/* ---------------------------------------------------------
   GROUP
   --------------------------------------------------------- */

.side-cnavi-local-group {
    display: block !important;
    margin: 0 !important;
    padding: 0 12px 13px !important;
}.side-cnavi-local-group + .side-cnavi-local-group {
    padding-top: 1px !important;
}.side-cnavi-local-group-title {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 9px 0 6px !important;
    border-bottom: 1px solid #e3e9e6 !important;
    color: #36444a !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}.side-cnavi-local-group-title span {
    display: block !important;
    margin: 0 0 1px !important;
    color: #7a9187 !important;
    font-size: 8px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    letter-spacing: .09em !important;
}/* ---------------------------------------------------------
   LIST
   --------------------------------------------------------- */

.side-cnavi-local-list {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}.side-cnavi-local-list li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}.side-cnavi-local-list li + li {
    border-top: 1px solid #edf1ef !important;
}.side-cnavi-local-list a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 22px 9px 7px !important;
    color: #55646a !important;
    background: #ffffff !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
}.side-cnavi-local-list a::after {
    content: "›" !important;
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    transform: translateY(-52%) !important;
    color: #8ba096 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}.side-cnavi-local-list a:hover {
    background: #f5f9f7 !important;
    color: #365e50 !important;
}/* ---------------------------------------------------------
   現在ページ
   --------------------------------------------------------- */

.side-cnavi-local-list a.is-current,
.side-cnavi-local-list a[aria-current="page"] {
    padding-left: 11px !important;
    background: #edf4f1 !important;
    border-left: 4px solid #496b5e !important;
    color: #365e50 !important;
    font-weight: bold !important;
}.side-cnavi-local-list a.is-current::after,
.side-cnavi-local-list a[aria-current="page"]::after {
    color: #496b5e !important;
}.side-cnavi-local-home.is-current,
.side-cnavi-local-home[aria-current="page"] {
    background: #365e50 !important;
    border-color: #365e50 !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.18) !important;
}/* ---------------------------------------------------------
   カーテン処方
   --------------------------------------------------------- */

.side-cnavi-local-bottom {
    display: block !important;
    padding: 12px !important;
    background: #f8f6f0 !important;
    border-top: 1px solid #e6e1d5 !important;
}.side-cnavi-local-bottom a {
    display: block !important;
    padding: 10px 11px !important;
    background: #ffffff !important;
    border: 1px solid #ded9cd !important;
    border-radius: 7px !important;
    color: #5b5549 !important;
    text-decoration: none !important;
}.side-cnavi-local-bottom span {
    display: block !important;
    margin: 0 0 2px !important;
    color: #81796b !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}.side-cnavi-local-bottom strong {
    display: block !important;
    color: #5b5549 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}.side-cnavi-local-bottom a:hover {
    background: #fffdf9 !important;
}


/* ---------------------------------------------------------
   スマホ
   右カラム自体を下へ回している場合の重複を防ぐため非表示
   --------------------------------------------------------- */

@media screen and (max-width: 787px) {.side-cnavi-local {
        display: none !important;
    }
}