/* ==========================================================
   日本酒101 配下ページ：味わいの選び方ガイド（taste-guide）専用CSS
   ------------------------------------------------------------
   ・スキャフォールド/見出し/画像+本文は sake-101_common.css を使用
     （sake-101__mv / index / section / container / stack / lr / h2 等）
   ・このファイルは taste-guide 固有（和柄背景・おすすめBOX・ブロック）のみ
   ・SP=1rem=100vw/375、PC(>=768px)=1rem=1px
   ========================================================== */

/* 本文セクション：青の和柄パターン背景 */
.taste-guide__section {
    background-color: var(--color-neutral-100, #fff);
    background-image: url(../img/sake-101/taste-guide/bg_pattern.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
}
@media screen and (min-width: 768px) {
    .taste-guide__section {
        background-position: initial;
        background-size: contain;
        background-repeat: repeat;
    }
}

/* 1つの飲み方ブロック（画像+本文 と おすすめBOX の縦積み）
   ※縦積み/中央/gapは共通 .sake-101__group-body に委譲。ここはアンカー用余白のみ */
.taste-guide__block {
    scroll-margin-top: 70px;
}

/* おすすめの日本酒 BOX（青枠＋左上タブ） */
.taste-guide__osusume {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 488rem;
    background: var(--color-neutral-100, #fff);
    border: 1px solid #42b8eb;
    border-radius: 10rem;
    overflow: hidden;
}
.taste-guide__osusume-head {
    box-sizing: border-box;
    margin: 0;
    width: 172rem;            /* 固定幅（デザイン準拠） */
    background: #42b8eb;
    border-radius: 0 0 10rem 0;   /* 右下のみ角丸（タブ形状） */
    padding: 8rem 24rem;
    color: var(--color-text-inverse, #fff);
    font-family: "Hiragino Sans";
    font-size: 14rem;
    font-weight: 600;
    line-height: 1;   /* Figma実測: SP/PC共にleading-none */
    letter-spacing: 1.68px;
    text-align: center;
    white-space: nowrap;
}
.taste-guide__osusume-body {
    width: 100%;
    padding: 12rem 20rem;
    color: var(--color-text-primary, #000b20);
    font-family: "Hiragino Sans";
    font-size: 16rem;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0.96px;
    text-align: center;
}
.taste-guide__osusume-body p {
    margin: 0;
    font-weight: inherit;   /* reset.css の p{font-weight:normal} を打ち消し、300を維持 */
}