/* mhsb v1: PC 左列の商品バナー（ブルーベリー6品＝写真＋紺の帯、限定品＝紺の文字一覧）。原稿 content/side-banner/、FTP /docs/resource/css/mhsb.css。2026-10-31 */
#sub-column .mhsb-a{position:relative;display:block;width:100%;height:77px;margin:0 0 6px;background:#16213d;overflow:hidden;text-decoration:none !important}
#sub-column .mhsb-a .ph{position:absolute;top:0;right:0;bottom:0;left:38%;background-size:cover;background-position:center;transition:transform .5s ease}
#sub-column .mhsb-a .ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#16213d 0,rgba(22,33,61,.6) 22%,rgba(22,33,61,0) 60%)}
#sub-column .mhsb-a .ph.narrow{left:auto;width:82px}
#sub-column .mhsb-a .t{position:absolute;left:12px;top:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:center;line-height:1.3}
#sub-column .mhsb-a .k{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:9px;letter-spacing:.22em;color:#d8c193}
#sub-column .mhsb-a .s{font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;font-size:10px;letter-spacing:.1em;color:#cfd3dd}
#sub-column .mhsb-a .n{font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;font-size:16px;letter-spacing:.06em;color:#fff;font-weight:600}
#sub-column .mhsb-a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:#b8975a;opacity:.6;transition:opacity .3s}
#sub-column .mhsb-a:hover .ph{transform:scale(1.04)}
#sub-column .mhsb-a:hover:after{opacity:1}
#sub-column .mhsb-a:focus-visible,#sub-column .mhsb-c a:focus-visible{outline:2px solid #b8975a;outline-offset:2px}
#sub-column .mhsb-c{display:block;padding:4px 0;background:#16213d}
#sub-column .mhsb-c a{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:11px 14px;border-bottom:1px solid rgba(184,151,90,.35);color:#fff !important;text-decoration:none !important;transition:background .3s}
#sub-column .mhsb-c a:last-child{border-bottom:0}
#sub-column .mhsb-c a:hover{background:#22305a}
#sub-column .mhsb-c .n{font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;font-size:14px;letter-spacing:.06em;white-space:nowrap;font-weight:600}
#sub-column .mhsb-c .n.long{font-size:13px;letter-spacing:.02em}
#sub-column .mhsb-c .k{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-style:italic;font-size:12px;color:#d8c193;white-space:nowrap}
#sub-column .freeArea2:has(.mhsb-a) h2,#sub-column .freeArea2:has(.mhsb-c) h2{background:none;height:auto;padding:0 4px 6px;margin:0 0 10px;border-bottom:1px solid #b8975a;font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;font-size:13px;color:#16213d;letter-spacing:.06em}
#sub-column .freeArea2:has(.mhsb-a) h2:before,#sub-column .freeArea2:has(.mhsb-c) h2:before{display:block;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:.2em;color:#9a7b41;font-weight:normal}
#sub-column .freeArea2:has(.mhsb-a) h2:before{content:"BLUEBERRY"}
#sub-column .freeArea2:has(.mhsb-c) h2:before{content:"LIMITED"}
#sub-column .freeArea2 .free-contents p:has(.mhsb-a),#sub-column .freeArea2 .free-contents p:has(.mhsb-c){font-size:100%;line-height:1.3;margin:0}
@media (prefers-reduced-motion:reduce){#sub-column .mhsb-a .ph,#sub-column .mhsb-a:after,#sub-column .mhsb-c a{transition:none}#sub-column .mhsb-a:hover .ph{transform:none}}