/* ==========================================
   全体ベース設定
   ========================================== */
#quick-delivery-furniture {
    overflow: hidden;
    padding: 0 0 50px;
    background-color: #ffffff;
    text-align: center;
}

#quick-delivery-furniture .sec1 {
    padding: 0;
    margin: 0 auto;
    width: 785px;
}

@media only screen and (max-width: 736px) {
    #quick-delivery-furniture * {
        box-sizing: border-box;
    }
    #quick-delivery-furniture .sec1 {
        width: 100%;
    }
}

/* ==========================================
   メインビジュアル（PC / SP 切り替え）
   ========================================== */
/* PC表示時 (737px以上) */
@media only screen and (min-width: 737px) {
    #quick-delivery-furniture .sec1 {
        width: 1000px;
        max-width: 95%;
    }
    #quick-delivery-furniture #main-visual {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        background-color: #e2d8cc;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #quick-delivery-furniture #main-visual img.pc {
        display: block;
        width: 1000px;
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
        margin: 0 auto;
    }
    #quick-delivery-furniture #main-visual img.sp {
        display: none;
    }
}

/* スマホ表示時 (736px以下) */
@media only screen and (max-width: 736px) {
    #quick-delivery-furniture #main-visual {
        margin: 0;
        width: 100%;
        background-color: transparent;
    }
    #quick-delivery-furniture #main-visual img.pc {
        display: none;
    }
    #quick-delivery-furniture #main-visual img.sp {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

/* ==========================================
   リード文・注記テキスト
   ========================================== */
#quick-delivery-furniture .lead {
    margin: 40px auto;
    letter-spacing: .1em;
    font-size: 18px;
    line-height: 38px;
}

#quick-delivery-furniture .attention {
    margin: 10px auto 50px;
    width: 650px;
    padding: 0 20px 20px;
}

#quick-delivery-furniture .attention span {
    font-size: 13px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 736px) {
    #quick-delivery-furniture .lead {
        font-size: 3.5vw;
        line-height: 1.8;
    }
    #quick-delivery-furniture .attention {
        width: 90%;
    }
    #quick-delivery-furniture .attention span {
        font-size: 2.8vw;
    }
}

/* ==========================================
   セクションタイトル（CATEGORY / RECOMMEND）
   ========================================== */
#quick-delivery-furniture .sec-ttl {
    text-align: center;
    margin: 50px auto 30px;
}

#quick-delivery-furniture .sec-ttl .en {
    display: block;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.12em;
    color: #575757;
    font-family: proxima-nova, sans-serif;
    margin-bottom: 6px;
}

#quick-delivery-furniture .sec-ttl .jp {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
    color: #575757;
    margin: 0;
}

@media only screen and (max-width: 736px) {
    #quick-delivery-furniture .sec-ttl {
        margin: 10vw auto 6vw;
    }
    #quick-delivery-furniture .sec-ttl .en {
        font-size: 5.5vw;
    }
    #quick-delivery-furniture .sec-ttl .jp {
        font-size: 3.2vw;
    }
}

/* ==========================================
   ナビゲーション（丸枠カテゴリ）
   ========================================== */
#quick-delivery-furniture ul.nav_area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin: 5% auto 0;
    width: 100%;
    padding: 0;
    list-style: none;
}

#quick-delivery-furniture ul.nav_area li {
    width: 120px;
    color: #575757;
    text-align: center;
}

#quick-delivery-furniture ul.nav_area li img {
    width: 100%;
    height: auto;
}

#quick-delivery-furniture ul.nav_area li a {
    display: block;
    text-decoration: none;
}

#quick-delivery-furniture ul.nav_area li span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0;
    letter-spacing: 0.5px;
    font-family: proxima-nova, sans-serif;
}

.circle-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

@media only screen and (min-width: 737px) {
    #quick-delivery-furniture ul.nav_area {
        max-width: 570px; /* PC: 4列折り返し */
    }
}

/* ★スマホ表示時 (736px以下) の間隔調整を追加 */
@media only screen and (max-width: 736px) {
    #quick-delivery-furniture ul.nav_area {
        gap: 5vw 4vw; /* 上下左右の間隔を可変で確保 */
        width: 92%;
    }

    #quick-delivery-furniture ul.nav_area li {
        width: 20vw; /* スマホ画面に合わせたサイズ */
    }

    .circle-img {
        width: 20vw;
        height: 20vw;
    }

    #quick-delivery-furniture ul.nav_area li span {
        font-size: 3vw;
        margin: 6px 0 0;
    }
}

/* ==========================================
   商品エリア＆全商品一覧ボタン
   ========================================== */
#quick-delivery-furniture .item-wrap {
    margin: 40px 0 0;
    padding: 0 0 70px;
}

#quick-delivery-furniture .brandDetail__link {
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

#quick-delivery-furniture .brandDetail__a {
    display: flex;
    width: 450px;
    max-width: 90%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 100px;
}

@media only screen and (max-width: 736px) {
    #quick-delivery-furniture .item-wrap {
        margin: 10vw -10.666vw 0;
        padding: 0 0 12vw;
    }
}