/* 大浜スイーツアカデミーで足した見た目（渡されたパッケージの series.css / mixsets.css は変えない）。D-163 */

/* 2025 年間人気: 味の写真と順位のエンブレム */
#ohama-warechoco .wc-annual-list .wc-annual-link{min-height:0}
#ohama-warechoco .wc-annual-photo{position:relative;margin:16px 0 14px;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#efe4d3}
#ohama-warechoco .wc-annual-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.72,.2,1)}
#ohama-warechoco .wc-annual-item:hover .wc-annual-photo>img{transform:scale(1.03)}
#ohama-warechoco .wc-annual-emblem{position:absolute;left:7px;top:5px;width:36%;max-width:88px;height:auto;filter:drop-shadow(0 6px 9px rgba(38,20,8,.38))}
#ohama-warechoco .wc-annual-item.is-rank-1 .wc-annual-emblem{width:42%;max-width:104px}
#ohama-warechoco .is-rank-1 .wc-annual-photo{background:#2b1d15}

/* ミックスセット: 写真と切り替え */
#assortments.wc-mixes .mx-gallery{margin:22px 0 6px}
#assortments.wc-mixes .mx-gallery-main{position:relative;aspect-ratio:1/1;border-radius:4px;overflow:hidden;background:var(--mx-tile);box-shadow:0 22px 40px -30px #3a221680}
#assortments.wc-mixes .mx-gallery-main>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.72,.2,1)}
#assortments.wc-mixes .mx-card:hover .mx-gallery-main>img{transform:scale(1.02)}
#assortments.wc-mixes .mx-gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
#assortments.wc-mixes .mx-gallery-thumb{display:flex;flex-direction:column;gap:5px;padding:0 0 6px;border:1px solid var(--mx-border);background:var(--mx-tile);color:var(--mx-ink);border-radius:3px;font:10px/1.5 var(--wc-sans);letter-spacing:.02em;text-align:center;transition:border-color .2s,box-shadow .2s}
#assortments.wc-mixes .mx-gallery-thumb>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px 3px 0 0}
#assortments.wc-mixes .mx-gallery-thumb[aria-pressed="true"]{border-color:var(--mx-accent);box-shadow:inset 0 0 0 1px var(--mx-accent)}
#assortments.wc-mixes .mx-gallery-thumb:focus-visible{outline:2px solid var(--mx-accent);outline-offset:3px}
@media(max-width:400px){#assortments.wc-mixes .mx-gallery-thumb{font-size:9px}}

/* 個別 31 ページの章の見出し（D-172）。本文は h2 だが、渡された series.css は章の見出しを h3 として 21px にしている。
   site.css の h2 の大きさ（最大 44px）のまま 185px の列に入り「この一枚 / の、 / 個性。」と折れていたので、h3 と同じにそろえる */
#ohama-warechoco .wc-detail-chapter h2{font:400 21px/1.6 var(--wc-serif);letter-spacing:.03em;margin:0}
@media(max-width:560px){#ohama-warechoco .wc-detail-chapter h2{font-size:20px}}

@media (prefers-reduced-motion: reduce){
 #ohama-warechoco .wc-annual-photo>img,#assortments.wc-mixes .mx-gallery-main>img{transition:none}
 #ohama-warechoco .wc-annual-item:hover .wc-annual-photo>img,#assortments.wc-mixes .mx-card:hover .mx-gallery-main>img{transform:none}
}