/* ---------------------------------------------------------------- */
/* H1タグ：ページタイトル（カテゴリー名/商品名）の新しいスタイル */
/* ---------------------------------------------------------------- */
/* PC・スマホ共通のベース設定 */
h1 {
    color: #ffffff;
   font-family: "AR P明朝体 U", "Yu Mincho", "游明朝", serif;
    letter-spacing: 0.15em;
    text-align: center;
    
    /* 背景をうっすらグラデーションに */
    background: linear-gradient(to bottom, #1a1a1a, #000000); 
    border: 1px solid #333333;
    padding: 15px;
    
    /* 【今回追加】左右に余白を作り、右端にぶつかるのを防ぐ */
    width: 94%;
    margin: 15px auto;
    box-sizing: border-box;
    
    /* パソコン用の文字サイズ */
    font-size: 24px; 
}

/* スマホ用の設定 */
@media screen and (max-width: 768px) {
    h1 {
        font-size: 18px; 
        padding: 10px;
    }
}
  /* ---------------------------------------------------------------- */
/* H2タグ：セクションタイトル（商品詳細、関連商品など）のスタイル */
/* ---------------------------------------------------------------- */
h2 {
    font-size: 20px;        /* H1より少し小さいサイズ */
    font-weight: bold;      /* 太字 */
    color: #333333;         /* 文字色：濃いグレー */
    
    /* --- デザイン設定：下線で区切るスタイル --- */
    border-bottom: 3px solid #ff9900; /* アクセントとしてオレンジ色の太い下線 */
    padding-bottom: 5px;    /* 下線と文字の間に少し余白 */
    margin-top: 25px;       /* 上部の余白 */
    margin-bottom: 10px;    /* 下部の余白 */
}