/* --- トップページ専用デザイン --- */

/* 両セクション共通の枠組み */
.custom-top-section {
    margin: 50px 0 !important;
    padding: 30px 20px !important;
    background-color: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 10px;
}

/* 定期購入セクションだけを特別に目立たせる */
.teiki-special-box {
    background-color: #fff9f0 !important; /* ほんのり暖色 */
    border: 2px solid #e67e22 !important; /* オレンジの太枠 */
    box-shadow: 0 4px 10px rgba(230, 126, 34, 0.1);
}

/* 見出しのデザイン（custom-ttlがついている所だけ） */
.custom-ttl {
    border-left: 8px solid #333 !important; /* 左側の縦棒 */
    padding-left: 15px !important;
    margin-bottom: 30px !important;
    font-size: 24px !important;
    background: none !important;
}

/* 定期購入の見出し色 */
.teiki-ttl {
    border-left-color: #e67e22 !important;
    color: #e67e22 !important;
}

/* 価格だけを大きく強調 */
.custom-top-section .prd-lst-price {
    font-size: 1.4rem !important;
    color: #c0392b !important;
    font-weight: bold !important;
    display: block;
    margin-top: 5px;
}

/* 商品名の下に少し余白を作る */
.custom-top-section .prd-lst-name {
    display: block;
    min-height: 3em;
    font-weight: bold;
}