/* ==========================================
   ナビオプション：iPod対応USB/HDMI入力端子
   ページ固有スタイル
   ========================================== */

/* ==========================================
   ユーティリティクラス
   ========================================== */

/* ==========================================
   POPテキスト見出し
   ========================================== */
/* POPテキスト */
.c-contentbasedop.pop-heading {
    margin-top: 96px;
}
.c-contentbasedop.pop-heading,
.c-contentbasedop.pop-heading p,
.pop-heading {
    font-family: var(--font-family-bold);
    font-size: 32px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 1.28px;
    color: #222222;
}

/* ==========================================
   セクション見出し
   ========================================== */
.section-heading {
    font-family: var(--font-family-bold);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.8px;
    color: #222222;
}

/* ==========================================
   商品画像
   ========================================== */
.product-image {
    width: 100%;
}

.product-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ==========================================
   商品説明文
   ========================================== */
.product-description {
    font-family: var(--font-family-regular);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    line-height: 1.5;
    letter-spacing: 0.64px;
    color: #222222;
}

.product-description p {
    margin-bottom: 0;
}

/* ==========================================
   Spacing Utilities
   ========================================== */
.mt-24 {
    margin-top: 24px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-96 {
    margin-top: 96px;
}

.mb-96 {
    margin-bottom: 96px;
}

/* ==========================================
   SP版のスタイル調整
   ========================================== */
@media (max-width: 1023px) {
    .c-contentbasedop.pop-heading {
        margin-top: 64px;
    }
    .c-contentbasedop.pop-heading,
    .c-contentbasedop.pop-heading p,
    .pop-heading {
        font-size: 24px;
        letter-spacing: 0.96px;
    }

    .section-heading {
        font-size: 16px;
        letter-spacing: 0.64px;
    }

    .product-description {
        font-size: 14px;
        letter-spacing: 0.56px;
    }

    /* スペーシング調整 */
    .mt-48 {
        margin-top: 24px;
    }
}