@charset "utf-8";
/* =========================================================
   hombo-shop.css
   Phase G-1｜Wishlist fail-open
   基準: default_第11回_TOP旧pickup削除_SP統合整理_20260904.css

   現在所有:
   1. Product List pager / sort
   2. reviewSensory
   3. Category Tabs / Category Navigation
   4. Shop Sidebar / #sub-column
   5. FAQ Page / #faq_contents
   6. Wishlist Page / .wishlist-column
   7. Shopserve Guide Tables / #shopGuide_wrap #guide .chart
   8. Journal / #Journal / #JournalList
   9. TOP Page / .freeTop
   10. Product List / Category Core
   11. Product Detail Content / .itemDetail_main_content
   12. Product Detail Editorial / Tasting・Award・Shorts
   13. Product Detail Related Products / .recommend
   14. Privacy Policy / html.page-policy
   15. Mail Magazine / #contact.sps-mailMagazine
   ========================================================= */

/* =========================================================
   20. Product List
   20-1. Pager / Sort
   ========================================================= */
/* --- ページャ・並び順 --- */
#itemList_wrap:has(#pager-top) {margin:30px 0 0;}
#itemList_wrap .quantity {font-size:14px;line-height:20px;letter-spacing:0;font-weight:400;}

#itemList_wrap #pager-top {width:100%;overflow:hidden;line-height:100%;padding:0 0 20px;margin:0 0 30px;border-bottom:1px solid #D9D9D9;}
#itemList_wrap #pager-top .selectbox {position:relative;width:-moz-fit-content;width:fit-content;display:flex;justify-content:flex-start;align-items:center;gap:2.5px;margin:0 0 20px;font-size:0;}
#itemList_wrap #pager-top .selectbox::before {content:"並び順";display:block;font-size:14px;line-height:24px;}
#itemList_wrap #pager-top .selectbox::after {pointer-events:none;position:absolute;z-index:1;content:"";top:48%;right:10px;width:7px;height:7px;transform:translateY(-50%) rotate(-45deg);border-left:1px solid #333333;border-bottom:1px solid #333333;}
/* Shopserve標準の「表示切替」selectを確実に隠すため !important を維持 */
#itemList_wrap #pager-top .selectbox #TypeKey {display:none !important;}
/* Shopserve標準selectの固定高さ対抗。実画面確認が取れるまで !important を維持 */
#itemList_wrap #pager-top .selectbox select.select01 {display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:160px;height:30px !important;margin:0;padding:5px 0 5px 10px;border:1px solid #D9D9D9;border-radius:0;background-color:#fff;color:#333333;font-size:14px;line-height:1;letter-spacing:0;}

#itemList_wrap #pager-top .quantity {float:left;}
#itemList_wrap #pager-top .pagerlist {float:right;margin:0;}

#itemList_wrap #pager-bm {width:100%;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:20px 0 0;border-top:1px solid #D9D9D9;}
#itemList_wrap #pager-bm .quantity, #itemList_wrap #pager-bm .pagerlist {margin:0;}

#itemList_wrap #pager-top .pagerlist > ul, #itemList_wrap #pager-bm .pagerlist > ul {display:flex;align-items:baseline;margin:0;padding:0;overflow:hidden;}
#itemList_wrap #pager-top .pagerlist > ul li, #itemList_wrap #pager-bm .pagerlist > ul li {margin:0;padding:0 10px;line-height:120%;font-size:unset;}
#itemList_wrap #pager-top .pagerlist > ul li > a, #itemList_wrap #pager-bm .pagerlist > ul li > a {font-size:14px;text-decoration:underline;}
#itemList_wrap #pager-top .pagerlist > ul li.selected, #itemList_wrap #pager-bm .pagerlist > ul li.selected {color:#016C3A;font-size:14px;font-weight:bold;text-decoration:none;}
#itemList_wrap #pager-top .pagerlist > ul li:last-child, #itemList_wrap #pager-bm .pagerlist > ul li:last-child {padding-right:0;}

@media screen and (max-width:750px) {
#itemList_wrap .quantity {font-size:3.4666666667vw;line-height:5.0666666667vw;}
/* ページャ・並び順：SP */
#itemList_wrap:has(#pager-top) {margin:5.3vw 0 0;}
#itemList_wrap #pager-top {padding:0 0 2.6vw;margin:0 0 8vw;}
#itemList_wrap #pager-top .selectbox {gap:0.6vw;margin-bottom:2.6vw;text-align:left;}
#itemList_wrap #pager-top .selectbox::after {right:2.6vw;width:1.8vw;height:1.8vw;}
#itemList_wrap #pager-top .selectbox::before {font-size:3.2vw;line-height:5.0666666667vw;}
#itemList_wrap #pager-top .selectbox select.select01 {height:8vw !important;padding:1.3vw 0 1.3vw 2.6vw;font-size:3.7vw;width:40vw;margin:1.3333333333vw 0 0;}
#itemList_wrap #pager-top .quantity, #itemList_wrap #pager-bm .quantity {font-size:3.2vw;}
#itemList_wrap #pager-bm {padding:5.3vw 0 0;}
#itemList_wrap #pager-top .pagerlist > ul li, #itemList_wrap #pager-bm .pagerlist > ul li {padding:0 2vw;}
#itemList_wrap #pager-top .pagerlist > ul li > a, #itemList_wrap #pager-bm .pagerlist > ul li > a {font-size:3.2vw;}
#itemList_wrap #pager-top .pagerlist > ul li.selected, #itemList_wrap #pager-bm .pagerlist > ul li.selected {font-size:3.2vw;}
}

/* =========================================================
   21. Wishlist Page / .wishlist-column
   - /SHOP/wishlist.php 専用
   - .colorPallete は共通JSが後挿入する補助情報。商品カード表示はJS成否に依存させない
   - 商品詳細 #pi_cart のWishlist UIは対象外
   ========================================================= */

div.wishlist-column .sps-wishBtnArea .wishDeleteItem, div.wishlist-column .sps-wishBtnArea .wishAddCart {background-position:right top;}
#allItemDelete {text-align:right;height:32px;margin:-20px 0 20px;}
input[type=button].wishAllDelBtn {background:none !important;background-color:#333333 !important;border:1px solid #333333 !important;border-radius:3px;color:#fff !important;height:32px !important;margin:0 !important;min-width:120px;}
input[type=button].wishAllDelBtn:hover {background-color:#EAEFEC !important;border:1px solid #EAEFEC !important;}

@media screen and (max-width:480px) {
.wishAllDelBtn:hover {background-color:#333333 !important;border:1px solid #333333 !important;}
}

/* ==========================================================
 30-3 U-KOMI連携：自社生成「味わい・香り」UI
 U-KOMIレビュー本体の装飾はU-KOMI管理画面「カスタムスタイル」側で管理。
 ここでは自社JSが生成する reviewSensory* のみを扱う。
 ========================================================== */
.reviewSensory {width:100%;margin:10px 0 16px;overflow:hidden;box-sizing:border-box;background:#FAF8F3;border:1px solid #E5DFD2;border-radius:4px;color:#4A453B;font-family:"Noto Sans JP",sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.reviewSensory_srOnly {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important;}
.reviewSensory_header {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 14px 10px;}
.reviewSensory_title {min-width:0;margin:0;color:#3E3A33;font-size:.875rem;line-height:1.4;font-weight:600;letter-spacing:.01em;text-align:left;white-space:nowrap;}
.reviewSensory_date {flex:0 0 auto;color:#625D55;font-size:.75rem;line-height:1.4;font-weight:400;white-space:nowrap;}
/* tabs */
.reviewSensory_tabs {display:flex;margin:0 15px;border-bottom:1px solid #DDD7CA;}
.reviewSensory_tab {position:relative;flex:1 1 0;appearance:none;-webkit-appearance:none;margin:0;min-height:44px;padding:10px 6px;border:0;outline:0;background:none;color:#625D55;font:500 .875rem/1.4 "Noto Sans JP", sans-serif;text-align:center;cursor:pointer;}
.reviewSensory_tab::after {position:absolute;content:"";left:50%;bottom:-1px;width:0;height:3px;transform:translateX(-50%);background:#016C3A;transition:width .2s ease;}
.reviewSensory_tab.is-active {color:#016C3A;font-weight:600;}
.reviewSensory_tab.is-active::after {width:52px;}
.reviewSensory_tab small {display:inline-block;margin-left:4px;color:#6B665D;font-size:.75rem;line-height:1;font-weight:400;vertical-align:1px;}
.reviewSensory_tab:focus-visible {outline:2px solid #015C32;outline-offset:-2px;}
.reviewSensory_viewport {width:100%;overflow:hidden;scrollbar-width:none;}
.reviewSensory_viewport::-webkit-scrollbar {display:none;}
.reviewSensory_track {display:flex;align-items:stretch;width:100%;}
.reviewSensory_panel {display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%;min-width:100%;min-height:23rem;height:auto;padding:8px 12px;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;}
.reviewSensory_panel:focus-visible {outline:2px solid #015C32;outline-offset:-4px;}
/* taste wheel */
.reviewTasteWheel {position:relative;width:100%;max-width:390px;aspect-ratio:390 / 330;margin:0 auto;}
.reviewTasteWheel_svg {position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;}
.reviewTasteWheel_labels {position:absolute;inset:0;pointer-events:none;}
.reviewTasteWheel_htmlLabel {position:absolute;display:flex;flex-direction:column;min-width:54px;max-width:86px;color:#4F4A43;font-family:"Noto Sans JP", sans-serif;line-height:1.1;text-align:center;}
.reviewTasteWheel_htmlLabel[data-anchor="start"] {transform:translate(0, -50%);text-align:left;}
.reviewTasteWheel_htmlLabel[data-anchor="end"] {transform:translate(-100%, -50%);text-align:right;}
.reviewTasteWheel_htmlLabel[data-anchor="middle"] {transform:translate(-50%, -50%);}
.reviewTasteWheel_grid {fill:none;}
.reviewTasteWheel_grid.is-mid {stroke:#C8C2B8;stroke-width:.65;stroke-dasharray:2.5 3;}
.reviewTasteWheel_grid.is-outer {stroke:#8B847A;stroke-width:.9;}
.reviewTasteWheel_axis {stroke:#D6D1C9;stroke-width:.55;}
.reviewTasteWheel_data {fill:rgba(1, 108, 58, .11);stroke:#016C3A;stroke-width:1.6;stroke-linejoin:round;}
.reviewSensory_panel--taste.is-reference .reviewTasteWheel_data {fill:rgba(1, 108, 58, .075);stroke-opacity:.82;}
.reviewTasteWheel_point {fill:#016C3A;stroke:#FFF;stroke-width:1.2;}
.reviewSensory_panel--taste.is-reference .reviewTasteWheel_point {opacity:.85;}
.reviewTasteWheel_center {fill:#BFB8AA;opacity:.75;}
.reviewTasteWheel_labelMain {display:block;font-size:.75rem;font-weight:600;}
.reviewTasteWheel_labelSub {display:block;margin-top:1px;color:#706A62;font-size:.71875rem;font-weight:400;}
.reviewTasteWheel_htmlLabel.is-fresh .reviewTasteWheel_labelMain {color:#466E64;}
.reviewTasteWheel_htmlLabel.is-intense .reviewTasteWheel_labelMain {color:#7A4E42;}
.reviewTasteWheel_htmlLabel.is-body .reviewTasteWheel_labelMain {color:#315E4F;}
.reviewTasteWheel_htmlLabel.is-fruity .reviewTasteWheel_labelMain {color:#7C5B1F;}
/* aroma collage */
.reviewSensory_panel--aroma {padding:12px 8px 10px;}
.reviewAromaCloud {position:relative;width:100%;max-width:370px;height:var(--aroma-cloud-height, 21rem);margin:0 auto;box-sizing:border-box;overflow:hidden;}
.reviewAromaCloud_item {position:absolute;left:var(--aroma-x);top:var(--aroma-y);display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:144px;margin:0;padding:var(--aroma-space);box-sizing:border-box;color:#5F584E;text-align:center;transform:translate(-50%, -50%);}
.reviewAromaCloud_item.is-primary {z-index:30 !important;}
.reviewAromaCloud_image {display:block;width:var(--aroma-image-size);height:var(--aroma-image-size);max-width:100px;max-height:100px;object-fit:contain;margin:0 auto;opacity:var(--aroma-opacity, 1);filter: grayscale(var(--aroma-gray, 0)) saturate(var(--aroma-saturation, 1)) drop-shadow(0 2px 2px rgba(55, 42, 25, .10));}
.reviewSensory_panel--aroma.is-reference .reviewAromaCloud_image {filter: grayscale(var(--aroma-gray, .5)) saturate(var(--aroma-saturation, .7)) drop-shadow(0 1px 1px rgba(55, 42, 25, .06));}
.reviewAromaCloud_label {display:block;width:max-content;max-width:var(--aroma-label-max, 112px);margin-top:4px;color:#5F584E;font-size:var(--aroma-label-size, .875rem);line-height:1.24;font-weight:500;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;}
.reviewSensory_panel--aroma.is-reference .reviewAromaCloud_label {color:#6B665D;font-weight:500;}
.reviewAromaCloud_item.is-image-error .reviewAromaCloud_label {padding:6px 8px;border:1px solid #E5DFD2;border-radius:3px;background:#FFF;}
/* source */
.reviewSensory_source {padding:8px 10px 9px;border-top:1px solid #EEE9DF;color:#625D55;font-size:.75rem;line-height:1.5;text-align:center;white-space:normal;}

@media screen and (max-width:750px) {
.reviewSensory {margin:8px 0 14px;}
.reviewSensory_header {padding:14px 10px 9px;}
.reviewSensory_title {letter-spacing:0;}
.reviewSensory_tabs {margin:0 10px;}
.reviewSensory_tab {padding:10px 4px;}
.reviewSensory_viewport {overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.reviewSensory_panel {min-height:22rem;padding:6px 7px;}
.reviewSensory_panel--taste {padding:5px 3px;}
.reviewTasteWheel {max-width:360px;}
.reviewSensory_panel--aroma {padding:8px 3px 6px;}
.reviewAromaCloud {max-width:340px;height:var(--aroma-cloud-height, 20.5rem);}
.reviewAromaCloud_image {max-width:84px;max-height:84px;}
.reviewSensory_source {padding:8px 6px 9px;}
}

@media screen and (max-width:360px) {
.reviewSensory_header {gap:6px;padding:13px 8px 8px;}
.reviewSensory_title {font-size:.8125rem;letter-spacing:-.01em;}
.reviewAromaCloud {max-width:316px;height:var(--aroma-cloud-height, 20.25rem);}
.reviewAromaCloud_image {max-width:76px;max-height:76px;}
}

@media (prefers-reduced-motion:reduce) {
.reviewSensory_tab::after {transition:none !important;}
.reviewSensory_viewport {scroll-behavior:auto;}
}

/* =========================================================
   25. Category Tabs / Category Navigation
   - JSが .active を付与・削除するSHOP専用state
   - COMMON accordion / global .active とは統合しない
   ========================================================= */
div.cate_wrap ul.selectTab {display:flex;justify-content:center;align-items:center;gap:20px;background:#F8F8F8;border-radius:30px;margin:0 auto 20px;}
div.cate_wrap ul.selectTab li {width:280px;height:60px;font-size:16px;font-weight:700;color:#333333;background:transparent;border-radius:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition-duration:0.5s;}
div.cate_wrap ul.selectTab li.active {background:#EAEFEC;color:#fff;}
div.cate_wrap .cate_list {position:absolute;top:80px;opacity:0;pointer-events:none;transform:translateY(10px);}
div.cate_wrap .cate_list.active {transition:all 1s ease;position:static;opacity:1;pointer-events:auto;transform:translateY(0);}
div.cate_wrap .cate_list > ul {display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:20px;}
div.cate_wrap .cate_list > ul > li {width:280px;height:100px;border:1px solid #e0e0e0;}
div.cate_wrap .cate_list > ul > li > a {display:flex;justify-content:flex-start;align-items:center;gap:20px;width:100%;height:100%;padding:20px;}
div.cate_wrap .cate_list > ul > li > a > img {width:60px;}
div.cate_wrap .cate_list > ul > li > a > span {display:block;font-size:16px;}

@media screen and (max-width:750px) {
div.cate_wrap .tab_wrap {overflow-x:scroll;width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:0 5.3vw;margin-bottom:2.6vw;}
div.cate_wrap ul.selectTab {gap:0;border-radius:4.2vw;margin:0 auto 2.6vw;width:108.2vw;}
div.cate_wrap ul.selectTab li {width:fit-content;height:8.5vw;padding:0 5.3vw;font-size:3.4vw;border-radius:4.2vw;flex-shrink:0;}
div.cate_wrap .cate_list {top:11.2vw;}
div.cate_wrap .cate_list > ul {gap:4vw;}
div.cate_wrap .cate_list > ul > li {width:calc((100% - 4vw) / 2);height:13.3vw;border:1px solid #D9D9D9;}
div.cate_wrap .cate_list > ul > li a {display:flex;justify-content:flex-start;align-items:center;gap:2.6vw;width:100%;height:100%;padding:0 6.1vw 0 1.8vw;position:relative;}
div.cate_wrap .cate_list > ul > li a img {width:9.6vw;}
div.cate_wrap .cate_list > ul > li a span {display:block;font-size:3.4vw;line-height:1.4;}
div.cate_wrap .cate_list > ul > li a::after {content:"";display:block;width:1.6vw;height:1.6vw;border-top:1px solid #333333;border-right:1px solid #333333;position:absolute;top:50%;right:2.6vw;transform:translateY(-50%) rotateZ(45deg);}
}

@media screen and (min-width:751px) and (max-width:1300px) {
div.cate_wrap .cate_list > ul {gap:1.6vw;}
div.cate_wrap .cate_list > ul > li {width:calc((100% - 4.9vw) / 4);height:8.2vw;}
div.cate_wrap .cate_list > ul > li > a {gap:1.6vw;padding:1.6vw;}
div.cate_wrap .cate_list > ul > li > a > img {width:4.9vw;}
div.cate_wrap .cate_list > ul > li > a > span {font-size:1.3vw;}
}

/* =========================================================
   26. Shop Sidebar / #sub-column
   - SHOP専用サイドナビ
   - checkbox stateは #sub-column 内で自己完結
   - COMMON .accordion_check 系とは別実装
   ========================================================= */
#sub-column {max-width:240px;width:20vw;font-family:"Noto Serif JP",serif;display:none;}
@media screen and (min-width:751px) {
#contents:has(#bread-crumb) #sub-column {display:block;}
}
#sub-column .side_ttl {font-size:20px;line-height:1.4;font-weight:700;color:#016C3A;margin-bottom:20px;}
#sub-column .dl_wrap {display:flex;flex-direction:column;gap:24px;margin-bottom:50px;}
#sub-column .accordion-check {display:none;}
#sub-column .accordion-label {display:block;width:100%;box-sizing:border-box;padding:6px 30px 6px 15px;background-color:#016C3A;color:#fff;font-size:18px;font-weight:700;cursor:pointer;position:relative;margin:0;}
#sub-column .accordion-label::after {content:"";display:block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:15px;transform:translateY(-50%) rotate(135deg);transition:transform 0.3s;}
#sub-column .accordion-check:checked + .accordion-label::after {transform:translateY(-50%) rotate(45deg);}
#sub-column .accordion-content {opacity:1;overflow:hidden;transition:max-height 0.4s ease-out, opacity 0.4s ease-out;background:#fff;max-height:5000px;}
#sub-column .accordion-check:checked ~ .accordion-content {max-height:0px;opacity:0;box-sizing:border-box;}
#sub-column .accordion-content .dd_inner {background:#F8F8F8;padding:12px;margin-block:6px;}
#sub-column .accordion-content .dd_inner:first-child {margin:0;background:none;padding:6px 6px 0;}
#sub-column .parent-link-wrap a {display:block;color:#016C3A;padding:5px;}
#sub-column .accordion-content h3.dd_ttl > a {display:block;padding-left:12px;color:#016C3A;font-size:16px;font-weight:700;position:relative;}
#sub-column .accordion-content h3.dd_ttl > a::before,#sub-column .accordion-content ul li a::before {content:"-";color:#016C3A;position:absolute;left:0}
#sub-column .accordion-content ul {padding-left:12px;margin:0;list-style:none;}
#sub-column .accordion-content ul li {margin-block:16px;}
#sub-column .accordion-content ul li:last-child {margin-bottom:0;}
#sub-column .accordion-content ul li a {display:block;padding-left:8px;font-size:14px;font-weight:600;line-height:1.5;position:relative;}
#sub-column .third-layer-wrapper {display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s ease;overflow:hidden;opacity:0;transition:grid-template-rows 0.4s ease,opacity 0.3s ease;}
#sub-column .dd_inner:hover .third-layer-wrapper {grid-template-rows:1fr;opacity:1;}
#sub-column .dd_inner:hover .dd_ttl > a::before {content:"+";color:#016C3A;}
#sub-column .third-layer {min-height:0;}

/* =========================================================
   70. FAQ Page / #faq_contents
   - SHOP Content専用
   - dt.active / tabnav a.active はFAQ固有state
   - COMMON accordion / global .active とは統合しない
   ========================================================= */
#faq_contents, #faq_contents * {box-sizing:border-box;margin:0;padding:0;list-style-type:none;}
#faq_contents {font-size:16px;}
@media screen and (max-width:479px) {
#faq_contents {font-size:14px;}
}
#faq_contents h3 {background:#111;color:#fff;text-align:center;font-family:"Noto Serif JP", serif;font-weight:normal;letter-spacing:1px;padding:10px 0;margin-bottom:20px;}
@media screen and (max-width:750px) {
#faq_contents h3 {margin-bottom:10px;}
}
#faq_contents dl dt {position:relative;border-bottom:solid 1px #F8F8F8;cursor:pointer;padding:15px 40px 15px 15px;font-size:90%;}
@media screen and (max-width:750px) {
#faq_contents dl dt {padding:10px 30px 10px 5px;}
}
#faq_contents dl dt::before {content:"Q.";font-weight:bold;display:inline-block;margin-right:5px;}
#faq_contents dl dt::after {display:block;content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;margin:-8px 0 0 0;border-top:solid 2px #111;border-right:solid 2px #111;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
#faq_contents dl dt.active::after {margin:-4px 0 0 0;border-top:solid 2px #111;border-right:solid 2px #111;-webkit-transform:rotate(315deg);transform:rotate(315deg);}
#faq_contents dl dd {display:none;padding:15px 15px 30px;font-size:90%;line-height:1.6;border-bottom:solid 1px #F8F8F8;}
#faq_contents dl dd b {font-weight:bold;}
#faq_contents dl dd a {text-decoration:underline;}
#faq_contents .tabswitch .tabnav {width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
@media screen and (max-width:750px) {
#faq_contents .tabswitch .tabnav {-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;-ms-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;}
#faq_contents .tabswitch .tabnav::after {content:"";width:32%;order:100;}
}
#faq_contents .tabswitch .tabnav li {border-right:solid 1px #EAEFEC;margin-bottom:5px;}
@media screen and (max-width:750px) {
#faq_contents .tabswitch .tabnav li {width:32%;border:none;}
}
#faq_contents .tabswitch .tabnav li:last-of-type {border-right:none;}
#faq_contents .tabswitch .tabnav a {display:block;color:#EAEFEC;padding:0px 15px;font-family:"Noto Serif JP", serif;font-weight:normal;letter-spacing:1px;font-size:16px;text-align:center;position:relative;cursor:pointer;}
@media screen and (max-width:750px) {
#faq_contents .tabswitch .tabnav a {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;padding:10px 5px;font-size:11px;line-height:1.2;width:100%;height:100%;letter-spacing:0;border:solid 1px #EAEFEC;background:#F0E8E2;}
}
#faq_contents .tabswitch .tabnav a.active {color:#111;font-weight:bold;}
@media screen and (max-width:750px) {
#faq_contents .tabswitch .tabnav a.active {background:#fff;}
}
#faq_contents .tabswitch .tab_content {margin-top:30px;}
@media screen and (max-width:750px) {
#faq_contents .tabswitch .tab_content {margin-top:0;}
}

/* =========================================================
   71. Shopserve Guide Tables / #shopGuide_wrap #guide .chart
   - /hpgen/HPB/shop/shoppinguide.html
   - /hpgen/HPB/shop/business.html
   - html.page-business は特商法ページ専用override
   - COMMON .shopping_guide / .accordion_* はdefault.cssに維持
   ========================================================= */
html.page-business #shopGuide_wrap #guide .chart .ttlShop {font-size:20px;font-weight:700;color:#016C3A;margin-bottom:30px;padding:12px 25px;}
html.page-business #shopGuide_wrap #guide .chart table {border-top:1px solid #D9D9D9;margin-bottom:60px;}
html.page-business #shopGuide_wrap #guide .chart table tbody tr {letter-spacing:0.05em;line-height:1.5;}
html.page-business #shopGuide_wrap #guide .chart table tbody tr th {font-size:14px;font-weight:500;width:26.37%;background-color:#F8F8F8;padding:14px 20px;}
html.page-business #shopGuide_wrap #guide .chart table tbody tr td {font-size:14px;font-weight:400;width:73.63%;padding:14px 20px;}
html.page-business #shopGuide_wrap #guide .chart table:last-of-type {margin-bottom:0;}
@media screen and (max-width:750px) {
html.page-business #shopGuide_wrap #guide .chart .ttlShop {font-size:4.5vw;padding:2.6vw;margin-bottom:5.3vw;}
html.page-business #shopGuide_wrap #guide .chart table tbody tr th {font-size:3.4vw;width:100%;padding:3.7vw 2.6vw;line-height:1;}
html.page-business #shopGuide_wrap #guide .chart table tbody tr td {font-size:3.4vw;width:100%;padding:3.7vw 2.6vw;line-height:1.8;}
}

#shopGuide_wrap #guide .chart > br {display:none;}
#shopGuide_wrap #guide .chart .ttlShop {background:#F8F8F8;color:#333333;width:100%;padding:15px;margin:0 0 20px;font-size:18px;line-height:24px;font-weight:400;}
#shopGuide_wrap #guide .chart table {margin:0 0 100px;}
#shopGuide_wrap #guide .chart table tbody tr {border-bottom:1px solid #D9D9D9;}
#shopGuide_wrap #guide .chart table tbody tr th {width:20%;padding:20px 20px 20px 0;vertical-align:top;font-size:16px;line-height:2;font-weight:700;}
#shopGuide_wrap #guide .chart table tbody tr td {width:80%;padding:20px 0;font-size:16px;line-height:2;font-weight:400;}

@media screen and (max-width:750px) {
#shopGuide_wrap #guide .chart .ttlShop {margin:0 0 5.3vw;padding:2.6vw;font-size:3.7vw;line-height:5.3vw;}
#shopGuide_wrap #guide .chart table {margin:0 0 16vw;}
#shopGuide_wrap #guide .chart table tbody tr th {display:block;width:100%;padding:5.3vw 0 2.6vw;font-size:3.7vw;line-height:5.3vw;font-weight:700;}
#shopGuide_wrap #guide .chart table tbody tr td {display:block;width:100%;padding:0 0 5.3vw;font-size:3.4vw;line-height:5vw;}
}

/* =========================================================
   72. Journal / #Journal / #JournalList
   - /hpgen/HPB/entries/*.html
   - /hpgen/HPB/categories/*.html
   - 記事本文・記事一覧・JS生成メタ/抜粋/もっと見るUI
   ========================================================= */
#Journal .state_r,#Journal .state_l,#JournalList .state_r,#JournalList .state_l {display:none !important;}
#Journal article,#JournalList article {position:relative;padding-top:40px;}
#Journal .post-meta-custom,#JournalList .post-meta-custom {position:absolute;top:5px;left:0;display:flex;align-items:center;gap:15px;font-size:14px;margin:0;padding:0;}

/* メタ情報内の個別デザイン */
.post-meta-custom .post-date {color:#666;font-family:"Poppins",sans-serif;letter-spacing:0.05em;}
.post-meta-custom .post-label {display:inline-block;padding:4px 12px;font-size:12px;font-weight:bold;border-radius:3px;line-height:1;}

.label-news {color:#fff;background-color:#016C3A;}
.label-award {color:#fff;background-color:#c9a063;}
.label-product {color:#fff;background-color:#ec5504;}

/* 個別記事ページ（#Journal） */
#Journal article > h2 {margin:0 0 30px 0;padding-bottom:15px;border-bottom:1px solid #016C3A;font-size:24px;line-height:1.4;}
.post-content-inner {margin:0 auto;}
.post-content-inner p {margin-bottom:1.5em;}
.post-section {margin:40px 0 30px;}
.post-section h3 {font-size:18px;background:#EAEFEC;padding:12px 15px;border-left:5px solid #016C3A;margin-bottom:18px;font-weight:bold;}
.important-box {background-color:#F8F8F8;padding:24px;border-radius:5px;margin:30px 0;}
.important-title {color:#016C3A; font-weight:bold; font-size:16px;margin-bottom:10px;display:block;}
.change-list {padding-left:1.5em;margin-bottom:20px;}
.change-list li {margin-bottom:10px;}
.btn-area {text-align:center;margin:40px 0;}
.btn-primary {display:inline-block;background-color:#016C3A;color:#fff !important;width:auto;min-width:240px;padding:15px 40px;text-decoration:none;border-radius:4px;font-weight:bold;transition:opacity 0.3s;border:none;cursor:pointer}
.btn-primary:hover {opacity:0.8;}

/* 記事一覧ページ（#JournalList） */
#JournalList article {padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #016C3A;transition:background-color 0.3s;}
#JournalList article:hover {opacity:0.8;}
#JournalList h2 {margin:0 0 12px 0;font-size:1.4rem;line-height:1.3;}
#JournalList h2 a {color:#333;text-decoration:none;transition:color 0.3s;}
#JournalList h2 a::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}

/* 抜粋テキスト */
#JournalList .excerpt {font-size:.9em;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#JournalList .read-more-wrap {text-align:right;margin-top:8px;}
#JournalList .read-more-btn {display:inline-block;color:#016C3A;font-size:14px;font-weight:bold;pointer-events:none;}

@media screen and (max-width:750px) {
.btn-primary {width:100%;box-sizing:border-box;}
#Journal article > h2,#JournalList h2 {font-size:5vw;}
#Journal article,#JournalList article {padding-top:35px;}
.post-meta-custom {top:0;}
}

/* =========================================================
   10. TOP Page / .freeTop

   - /index.html
   - 注目ワード / 検索 / 年齢確認 / ブランド / 目的
   - ランキング / 季節おすすめ / 新着 / レビュー
   - About / お知らせ
   ========================================================= */

/*注目ワード .bnr_feature_words_wrap .featured_words*/
.bnr_feature_words_wrap .featured_words {padding:40px 20px;}
.bnr_feature_words_wrap .inner {max-width:1200px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;gap:50px;}
.bnr_feature_words_wrap .featured_words_ttl {font-family:"Noto Serif JP",serif;font-size:30px;line-height:44px;letter-spacing:0;font-weight:700;color:#016c3a;padding-bottom:5px;position:relative;flex-shrink:0;}
.bnr_feature_words_wrap .featured_words_ttl::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:0;}
.bnr_feature_words_wrap .inner ul {display:flex;justify-content:flex-start;align-items:center;gap:10px 15px;flex-wrap:wrap;}
.featured_words li a {width:fit-content;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;padding:12px 20px;border:1px solid #d9d9d9;border-radius:24px;background-color:#FFF;}
.featured_words li a span {color:#016c3a;}


/*検索と＃注目ワード .search_blk_wrap .featured_words*/
.search_blk_wrap {padding:80px 20px;background:url("/pic-labo/serach_pc_bg01.png") top center no-repeat;background-size:cover;}
.search_blk_wrap .inner {max-width:1200px;margin:0 auto;border-top:3px solid #016c3a;padding:50px 90px;background:rgba(255, 255, 255, 0.5);box-shadow:0 0 20px rgba(0, 0, 0, 0.16);}
.search_blk_wrap .inner .serach_wrap {width:607px;margin:0 auto 40px;}
.search_blk_wrap .inner .serach_wrap > form {position:relative;}
.search_blk_wrap .inner .serach_wrap > form > input {display:block;width:607px;padding:23px 84px 23px 30px;background:#fff;border:1px solid #d9d9d9;font-size:20px;line-height:29px;letter-spacing:0;font-weight:400;}
.search_blk_wrap .inner .serach_wrap > form > input::placeholder {color:#016C3A;}
.search_blk_wrap .inner .serach_wrap > form button#sbtn2 {display:block;width:24px;height:24px;background:url("/pic-labo/icon_search.png") top center no-repeat;background-size:100% 100%;border:none;position:absolute;top:50%;right:30px;transform:translateY(-50%);}
.search_blk_wrap .featured_words_ttl {font-family:"Noto Serif JP",serif;font-size:30px;line-height:44px;letter-spacing:0;font-weight:700;color:#016c3a;text-align:center;margin-bottom:20px;}
.search_blk_wrap .featured_words {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;padding:0;}


/*年齢確認 .age_confirmation_modals*/
.freeTop div.age_confirmation_modal {position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;}
.freeTop div.age_confirmation_modal.off {display:none;}
.freeTop div.age_confirmation_modal div.modal_main {position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%);background:#fff;padding:50px;}
.freeTop div.age_confirmation_modal div.modal_main div.logo_wrap {width:95px;margin:0 auto 20px;}
.freeTop div.age_confirmation_modal div.modal_main div.txt {font-size:20px;line-height:35px;letter-spacing:0;font-weight:500;font-family:"Noto Serif JP", serif;text-align:center;margin:0 auto 20px;}
.freeTop div.age_confirmation_modal div.modal_main div.stop_wrap {width:590px;border:1px solid #d9d9d9;margin:0 auto 20px;}
.freeTop div.age_confirmation_modal div.modal_main div.confirmation_txt {font-size:30px;line-height:44px;letter-spacing:0;font-weight:700;font-family:"Noto Serif JP", serif;text-align:center;color:#016C3A;margin:0 auto 20px;}
.freeTop div.age_confirmation_modal div.modal_main ul.answer {display:flex;justify-content:center;align-items:center;gap:20px;}
.freeTop div.age_confirmation_modal div.modal_main ul.answer li {width:325px;height:70px;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;line-height:21px;letter-spacing:0.05em;font-weight:500;}
.freeTop div.age_confirmation_modal div.modal_main ul.answer li.yes {background:#ea5504;border:1px solid #ea5504;color:#fff;}
.freeTop div.age_confirmation_modal div.modal_main ul.answer li.no {background:#f8f8f8;border:1px solid #d9d9d9;color:#000;}
.freeTop div.age_confirmation_modal div.bg_layer {position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.8);}



/*ブランドから探す .search_brand_wrap*/
.freeTop .search_brand_wrap {padding:80px 40px 20px 40px;border-top:1px solid #d9d9d9;background:#fff url("/pic-labo/bg_01.png") bottom left repeat-x;background-size:12vw auto;margin:0 auto;}
.freeTop .search_brand_wrap h2.search_brand_ttl {font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016c3a;text-align:center;padding-bottom:10px;position:relative;margin:0 auto 40px;}
.freeTop .search_brand_wrap h2.search_brand_ttl::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

.freeTop .search_brand_wrap ul.brand_main_slide {overflow:hidden;margin:0 auto 50px;}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list {width:1200px;overflow:visible;position:relative;left:50%;transform:translateX(-50%);padding:0 !important;}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list .slick-track {display:flex;justify-content:flex-start;align-items:center;}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list .slick-track .slick-slide {padding:0 60px;position:relative;}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list .slick-track .slick-slide img {width:120px;max-width:120px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list .slick-track .slick-slide img.center_slide {display:block;width:370px;max-width:370px;position:relative;left:50%;transform:translateX(-50%);transition-duration:0.3s;opacity:0;pointer-events:none;}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list .slick-track .slick-slide.slick-current img.center_slide {opacity:1;pointer-events:auto;}
.freeTop .search_brand_wrap ul.brand_main_slide .slick-list .slick-track .slick-slide.slick-current img.sub_slide {display:none;}
.freeTop .search_brand_wrap ul.brand_thumb_slide {width:720px;margin:0 auto;}
.freeTop .search_brand_wrap ul.brand_thumb_slide .slick-list .slick-track .slick-slide {padding:0 5px;}
.freeTop .search_brand_wrap ul.brand_thumb_slide .slick-list .slick-track .slick-slide img {cursor:pointer;transition-duration:0.3s;border:1px solid #D9D9D9;}
.freeTop .search_brand_wrap ul.brand_thumb_slide .slick-list .slick-track .slick-slide img:hover {opacity:0.7;}
.freeTop .blk_spacer {width:100%;height:50px;background:#f0e8e2;}
.freeTop .search_brand_wrap_sp {display:none;}


/*#目的から探す.search_purpose_wrap*/
.freeTop .search_purpose_wrap {padding:80px 20px;background:#000 url("/pic-labo/serach_pc_bg02.png") top center no-repeat;background-size:1920px auto;}
.freeTop .search_purpose_wrap .inner {max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.freeTop .search_purpose_wrap .inner .search_purpose_ttl {width:calc(100% - 605px);font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#fff;text-align:left;padding-bottom:10px;position:relative;}
.freeTop .search_purpose_wrap .inner .search_purpose_ttl::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #fff;position:absolute;bottom:0;left:0;}
.freeTop .search_purpose_wrap .inner .words_type_wrap {width:605px;flex-shrink:0;display:flex;flex-direction:column;gap:40px;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk {padding-bottom:40px;border-bottom:1px solid #fff;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk:last-child {padding-bottom:0;border-bottom:none;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk h3.blk_ttl {font-family:"Noto Serif JP", serif;font-size:30px;line-height:1.5;letter-spacing:0;font-weight:700;color:#fff;text-align:left;padding-bottom:5px;position:relative;margin-bottom:30px;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk h3.blk_ttl::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #fff;position:absolute;bottom:0;left:0;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk ul {display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px 15px;padding:0;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk ul li a {width:fit-content;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;padding:12px 20px;border:1px solid #d9d9d9;border-radius:24px;background:#fff;}
@media screen and (min-width:751px) and (max-width:900px) {
.freeTop .search_purpose_wrap .inner {display:block;}
.freeTop .search_purpose_wrap .inner .search_purpose_ttl {width:100%;text-align:center;}
.freeTop .search_purpose_wrap .inner .search_purpose_ttl::after {left:50%;transform:translateX(-50%);}
.freeTop .search_purpose_wrap .inner .words_type_wrap {width:100%;}
}

/*ランキング.ranking*/
div.ranking {padding:80px 20px;margin:0;}
div.ranking > h2 {font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016c3a;text-align:center;padding-bottom:10px;position:relative;margin:0 auto 60px;}
div.ranking > h2::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
div.ranking div.column-set {max-width:1212px;margin:0 auto;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 {padding:45px 6px 0;position:relative;display:flex;flex-direction:column;}
div.ranking div.column-set div.slick-list div.slick-track section.column5::before {content:"";display:block;width:30px;height:30px;font-family:"Noto Serif JP", serif;color:#fff;font-size:16px;line-height:30px;text-align:center;background:#a8832b;position:absolute;top:0;left:50%;transform:translateX(-50%);}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(1)::before {content:"1";background:#a8832b;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(2)::before {content:"2";background:#818181;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(3)::before {content:"3";background:#884900;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(4)::before {content:"4";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(5)::before {content:"5";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(6)::before {content:"6";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(7)::before {content:"7";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(8)::before {content:"8";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(9)::before {content:"9";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5:nth-child(10)::before {content:"10";background:#d9d9d9;color:#333333;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 div.itemThumb-wrap span.badge {display:none;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 div.itemThumb-wrap p.itemThumb {margin-bottom:15px;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 > h3 {flex-grow:1;margin-bottom:10px;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 > h3 > a {width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 p.price {text-align:left;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 p.price span.selling_price {font-size:14px;line-height:20px;letter-spacing:0;font-weight:700;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 p.price span.selling_price span.taxin {font-size:10px;line-height:15px;letter-spacing:0;font-weight:700;}

/*季節のおすすめ商品 .seasonal_recommend_wrap*/
.freeTop .seasonal_recommend_wrap {overflow:hidden;padding:80px 0 118px;background:url("/pic-labo/bg_01.png") top center repeat;background-size:320px auto;border-top:2px solid #886239;}
.freeTop .seasonal_recommend_wrap h2.seasonal_recommend_ttl {font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016c3a;text-align:center;padding-bottom:10px;position:relative;margin:0 auto 40px;}
.freeTop .seasonal_recommend_wrap h2.seasonal_recommend_ttl::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.freeTop .seasonal_recommend_wrap ul.slick-initialized {max-width:910px;margin:0 auto;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list {overflow:visible;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li {padding:0 10px;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a {width:100%;height:100%;padding:30px;display:flex;justify-content:flex-start;align-items:center;gap:20px;background:#fff;border:1px solid #d9d9d9;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.img_wrap {width:260px;flex-shrink:0;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap {text-align:left;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.product_name {font-family:"Noto Serif JP", serif;font-size:25px;line-height:37px;letter-spacing:0;font-weight:700;color:#016c3a;text-align:left;margin-bottom:15px;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.price {font-size:14px;line-height:1.5;letter-spacing:0;font-weight:700;margin-bottom:20px;text-align:left;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.price > span {font-size:10px;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.txt {font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;text-align:left;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots {display:flex;justify-content:center;align-items:center;gap:16px;bottom:-30px;font-size:0;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots li {width:8px;height:8px;border-radius:50%;margin:0;padding:0;overflow:hidden;cursor:pointer;background:#fff;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots li button {width:100%;height:100%;padding:0;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots li button::before {display:none;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots li.slick-active {background:#016C3A;}

/* 旧 .pickup は現行TOPで未使用のため削除。季節おすすめは .seasonal_recommend_wrap が現行。 */

/*新着商品 .newItem*/
div.newItem {padding:80px 20px;margin:0;}
div.newItem > h2 {font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016c3a;text-align:center;padding-bottom:10px;position:relative;margin:0 auto 40px;}
div.newItem > h2::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
div.newItem div.column-set {max-width:1212px;margin:0 auto;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 {padding:0 6px;position:relative;display:flex;flex-direction:column;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 div.itemThumb-wrap span.badge {display:none;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 div.itemThumb-wrap p.itemThumb {margin-bottom:15px;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 > h3 {flex-grow:1;margin-bottom:10px;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 > h3 > a {width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 p.price {text-align:left;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 p.price span.selling_price {font-size:14px;line-height:20px;letter-spacing:0;font-weight:700;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 p.price span.selling_price span.taxin {font-size:10px;line-height:15px;letter-spacing:0;font-weight:700;}

/*レビュー .review_wrap*/
.freeTop .review_wrap {padding:50px 0;background:#f0f0f0;}
.freeTop .review_wrap .inner {padding:80px 10px 0;background:url("/pic-labo/bg_02.png") top center repeat;background-size:320px auto;}
.freeTop .review_wrap .inner .review_ttl {font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016c3a;text-align:center;padding-bottom:10px;position:relative;margin:0 auto;}
.freeTop .review_wrap .inner .review_ttl::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

/*世界一を造る蔵 本坊酒造　.parallax_wrap　.about_wrap*/
.freeTop [data-depth] {transition:transform 1.2s 0s cubic-bezier(0, 0.43, 0.39, 0.87);will-change:transform;transform:translateY(var(--depth));}
.freeTop .parallax_wrap {width:100%;height:680px;overflow:hidden;position:relative;background:#eaefec;border-top:3px solid #016C3A;}
.freeTop .parallax_wrap img {width:1920px;max-width:unset;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%, var(--depth));}
@media screen and (min-width:751px) and (max-width:1650px) {
.freeTop .parallax_wrap {height:41.2121212121vw;}
.freeTop .parallax_wrap img {width:116.3636363636vw;}
}
.freeTop .about_wrap {position:relative;max-width:1240px;padding:70px 20px 100px;margin:0 auto;}
.freeTop .about_wrap .ttl {position:absolute;top:-116px;left:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.freeTop .about_wrap .ttl span {background:#016C3A;color:#fff;font-family:"Noto Serif JP", serif;font-size:62px;line-height:63px;letter-spacing:0.05em;font-weight:700;white-space:nowrap;}
.freeTop .about_wrap .txt {font-family:"Noto Serif JP", serif;font-size:20px;line-height:35px;letter-spacing:0;font-weight:500;text-align:center;margin-bottom:30px;}
.freeTop .about_wrap .btn_wrap a {width:320px;height:80px;display:flex;justify-content:center;align-items:center;border:1px solid #016C3A;font-family:"Noto Serif JP", serif;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016C3A;text-align:center;margin:0 auto;position:relative;}
.freeTop .about_wrap .btn_wrap a::after {content:"";display:block;width:17px;height:6px;background:url("/pic-labo/icon_link.png") top center no-repeat;background-size:contain;position:absolute;right:20px;top:50%;transform:translateY(-50%);}

/*本坊酒造公式通販について .about_onlinestore_wrap*/
.freeTop div.about_onlinestore_wrap {padding:110px 20px 85px;background:url("/pic-labo/about_bg.webp") top center no-repeat;background-size:cover;}
.freeTop div.about_onlinestore_wrap div.ttl {font-family:"Noto Serif JP", serif;font-size:30px;line-height:44px;letter-spacing:0;font-weight:700;color:#fff;text-align:center;padding-bottom:5px;margin-bottom:40px;position:relative;}
.freeTop div.about_onlinestore_wrap div.ttl::after {content:"";display:block;width:40px;height:0;border-bottom:1px solid #fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.freeTop div.about_onlinestore_wrap > ul {width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:stretch;}
.freeTop div.about_onlinestore_wrap > ul > li {width:33.333%;position:relative;}
.freeTop div.about_onlinestore_wrap > ul > li::before {content:"";display:block;width:0;height:190px;border-left:1px solid #fff;position:absolute;top:0;left:0;opacity:0.2;}
.freeTop div.about_onlinestore_wrap > ul > li:last-child::after {content:"";display:block;width:0;height:190px;border-left:1px solid #fff;position:absolute;top:0;right:0;opacity:0.2;}
.freeTop div.about_onlinestore_wrap > ul > li div.icon_wrap {width:100px;margin:0 auto 20px;}
.freeTop div.about_onlinestore_wrap > ul > li div.li_ttl {font-family:"Noto Serif JP", serif;font-size:23px;line-height:28px;letter-spacing:0.05em;font-weight:500;color:#fff;text-align:center;margin-bottom:11px;}
.freeTop div.about_onlinestore_wrap > ul > li div.li_txt {font-size:16px;line-height:28px;letter-spacing:0.05em;font-weight:500;color:#fff;text-align:center;}

@media screen and (min-width:751px) and (max-width:900px) {
.freeTop div.about_onlinestore_wrap > ul {flex-direction:column;}
.freeTop div.about_onlinestore_wrap > ul > li {width:100%;padding:30px 15px;display:flex;justify-content:center;align-items:center;gap:25px;border-top:1px solid rgba(255, 255, 255, 0.2);}
.freeTop div.about_onlinestore_wrap > ul > li:last-child {border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.freeTop div.about_onlinestore_wrap > ul > li:last-child::after {display:none;}
.freeTop div.about_onlinestore_wrap > ul > li::before {display:none;}
.freeTop div.about_onlinestore_wrap > ul > li div.icon_wrap {margin:0;}
.freeTop div.about_onlinestore_wrap > ul > li .txt_wrap {width:250px;}
.freeTop div.about_onlinestore_wrap > ul > li div.li_ttl {text-align:left;}
.freeTop div.about_onlinestore_wrap > ul > li div.li_txt {text-align:left;}
}

/*お知らせ .news*/
.news {padding:60px 20px;display:flex;justify-content:center;align-items:center;gap:80px;max-width:1240px;min-height:300px;margin:0 auto;position:relative;}
.news > h2 {font-family:"Noto Serif JP", serif;font-size:40px;line-height:1.5;letter-spacing:0;font-weight:700;color:#016c3a;padding-bottom:10px;position:relative;flex-shrink:0;}
.news > h2::after {content:"";display:block;width:30px;height:0;border-bottom:1px solid #016c3a;position:absolute;bottom:0;left:0;}
.news-contents {width:100%;max-width:962px;overflow:hidden;}
.news-box {border-top:1px solid #016C3A;}
.news-box:last-child {border-bottom:1px solid #016C3A;}
.news-box > dd {padding:30px;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;justify-content:flex-start;}
.news-box > dd > br {display:none;}
.news-box > dd dl + br {display:none;}
.news-box > dd a {text-decoration:underline;}
.news-box .info-day{font-weight:600;margin-inline-end:1em;}

/* --- TOP SP（max-width:750px）：TOP内のSP差分を1ブロックへ集約 --- */
@media screen and (max-width:750px) {
/* 注目ワード .bnr_feature_words_wrap .featured_words */
.bnr_feature_words_wrap {display:flex;flex-direction:column-reverse;}
.bnr_feature_words_wrap .featured_words {padding:8vw 4.5vw;}
.bnr_feature_words_wrap .inner {align-items:flex-start;gap:4vw;}
.bnr_feature_words_wrap .featured_words_ttl {writing-mode:vertical-rl;text-orientation:upright;font-size:5.6vw;line-height:1;letter-spacing:1.3vw;padding-bottom:0;padding-top:1.3vw;border-top:1px solid #016c3a;}
.bnr_feature_words_wrap .featured_words_ttl::after {display:none;}
.bnr_feature_words_wrap .inner ul {gap:2.1vw 1.3vw;}
.featured_words li a {font-size:3.2vw;line-height:4.5vw;padding:2.4vw 4.5vw 2.9vw;border-radius:5vw;}

/* 検索と＃注目ワード .search_blk_wrap .featured_words */
.search_blk_wrap {padding:13.3vw 4vw;background:url("/pic-labo/serach_sp_bg01.png") top center no-repeat;background-size:cover;}
.search_blk_wrap .inner {border-top:0.5vw solid #016c3a;padding:10.6vw 5.3vw;background:rgba(255, 255, 255, 0.5);}
.search_blk_wrap .inner .serach_wrap {width:100%;margin:0 auto 5.3vw;}
.search_blk_wrap .inner .serach_wrap > form > input {display:block;width:100%;padding:3.2vw 10.6vw 3.2vw 3.4vw;font-size:3.4vw;line-height:5vw;}
.search_blk_wrap .inner .serach_wrap > form button#sbtn2 {width:6.4vw;height:6.4vw;right:3.4vw;}
.search_blk_wrap .inner .featured_words_ttl {font-size:4.5vw;line-height:6.6vw;margin-bottom:2.6vw;}
.search_blk_wrap .inner .featured_words {display:flex;justify-content:flex-start;align-items:center;gap:2.6vw;}

/* 年齢確認 .age_confirmation_modals */
.freeTop div.age_confirmation_modal div.modal_main {padding:10.6666666667vw 5.3333333333vw;}
.freeTop div.age_confirmation_modal div.modal_main div.logo_wrap {width:12.5333333333vw;margin:0 auto 5.3333333333vw;}
.freeTop div.age_confirmation_modal div.modal_main div.txt {font-size:3.2vw;line-height:5.8666666667vw;margin:0 auto 5.3333333333vw;}
.freeTop div.age_confirmation_modal div.modal_main div.stop_wrap {width:80vw;margin:0 auto 5.3333333333vw;}
.freeTop div.age_confirmation_modal div.modal_main div.confirmation_txt {font-size:5.6vw;line-height:8vw;margin:0 auto 5.3333333333vw;}
.freeTop div.age_confirmation_modal div.modal_main ul.answer {flex-direction:column;gap:2.6666666667vw;}
.freeTop div.age_confirmation_modal div.modal_main ul.answer li {width:80vw;height:17.0666666667vw;border-radius:1.3333333333vw;font-size:4.8vw;line-height:5.6vw;}

/* ブランドから探す .search_brand_wrap */
.freeTop .search_brand_wrap {padding:8vw 0 10px;border:none;margin:0;background-size:150px auto;}
.freeTop .search_brand_wrap h2.search_brand_ttl {font-family:"Noto Serif JP", serif;font-size:5.6vw;line-height:8vw;letter-spacing:0;font-weight:700;text-align:center;color:#016C3A;padding-bottom:2.6vw;position:relative;margin-bottom:-5.3vw;}
.freeTop .search_brand_wrap h2.search_brand_ttl::after {content:"";display:block;width:10.6666666667vw;height:0;border-bottom:0.2666666667vw solid #016C3A;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

.freeTop .blk_spacer {height:5.3vw;}
.freeTop .search_brand_wrap_sp {display:block;padding:13.3vw 0 0;}
.freeTop .search_brand_wrap_sp .blk_wrap {background:#f0e8e2;display:flex;flex-direction:column;gap:5.3333333333vw;padding-bottom:5.3333333333vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div {padding:13.3333333333vw 0 8vw;background:#fff url("/pic-labo/bg_01.png") bottom center repeat-x;background-size:auto 46.4vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div .blk_ttl {font-family:"Noto Serif JP", serif;font-size:4.5333333333vw;line-height:6.6666666667vw;letter-spacing:0;font-weight:700;text-align:center;color:#016C3A;}
.freeTop .search_brand_wrap_sp .blk_wrap > div .blk_ttl .type_wrap {padding-top:2.6666666667vw;display:flex;justify-content:center;align-items:center;gap:1.3333333333vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div .blk_ttl .type_wrap span {font-size:2.6666666667vw;line-height:4vw;letter-spacing:0;font-weight:500;color:#fff;padding:0.5333333333vw 1.3333333333vw 0.8vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div ul {padding:14.4vw 0 8vw;display:flex;justify-content:center;align-items:flex-start;gap:15.7333333333vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div ul li {width:26.1333333333vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div.shochu .blk_ttl .type_wrap span {background:#006c3b;}
.freeTop .search_brand_wrap_sp .blk_wrap > div.shochu ul {gap:6.6666666667vw;}
.freeTop .search_brand_wrap_sp .blk_wrap > div.whiskey .blk_ttl .type_wrap span {background:#886239;}
.freeTop .search_brand_wrap_sp .blk_wrap > div.wine .blk_ttl .type_wrap span {background:#50141e;}
.freeTop .search_brand_wrap_sp .blk_wrap > div.plum_wine .blk_ttl .type_wrap span {background:#a0aa50;}

/* #目的から探す.search_purpose_wrap */
.freeTop .search_purpose_wrap {padding:13.3333333333vw 4vw;background:#000 url("/pic-labo/serach_sp_bg02.png") top center no-repeat;background-size:cover;}
.freeTop .search_purpose_wrap .inner {display:block;}
.freeTop .search_purpose_wrap .inner .search_purpose_ttl {width:100%;font-size:5.6vw;line-height:8vw;text-align:center;padding-bottom:2.6666666667vw;margin-bottom:8vw;}
.freeTop .search_purpose_wrap .inner .search_purpose_ttl::after {width:8vw;left:50%;transform:translateX(-50%);}
.freeTop .search_purpose_wrap .inner .words_type_wrap {width:100%;gap:8vw;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk {padding-bottom:8vw;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk h3.blk_ttl {font-family:"Noto Serif JP", serif;font-size:4.5333333333vw;line-height:6.6666666667vw;padding-bottom:1.3333333333vw;margin-bottom:5.3333333333vw;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk h3.blk_ttl::after {width:8vw;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk ul {gap:2.6666666667vw 1.3333333333vw;}
.freeTop .search_purpose_wrap .inner .words_type_wrap .type_blk ul li a {font-size:3.2vw;line-height:4.5333333333vw;padding:2.4vw 4.5333333333vw 2.9333333333vw;border-radius:5.0666666667vw;}

/* ランキング.ranking */
div.ranking {padding:13.3333333333vw 2.6666666667vw;overflow:hidden;}
div.ranking > h2 {font-size:5.6vw;line-height:8vw;padding-bottom:2.6666666667vw;margin:0 auto 8vw;}
div.ranking > h2::after {width:8vw;}
div.ranking div.column-set {width:85.3333333333vw;margin:0;overflow:visible;}
div.ranking div.column-set div.slick-list {overflow:visible;}
div.ranking div.column-set div.slick-list div.slick-track {display:flex;justify-content:flex-start;align-items:stretch;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 {margin:0;padding:10.6666666667vw 1.3333333333vw 0;}
div.ranking div.column-set div.slick-list div.slick-track section.column5::before {width:8vw;height:8vw;font-size:4.2666666667vw;line-height:8vw;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 div.itemThumb-wrap span.badge {display:none;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 div.itemThumb-wrap p.itemThumb {margin-bottom:2.6666666667vw;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 > h3 {margin-bottom:2.6666666667vw;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 > h3 > a {font-size:3.4666666667vw;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 p.price span.selling_price {font-size:3.7333333333vw;line-height:5.3333333333vw;}
div.ranking div.column-set div.slick-list div.slick-track section.column5 p.price span.selling_price span.taxin {font-size:2.6666666667vw;line-height:4vw;}

/* 季節のおすすめ商品 .seasonal_recommend_wrap */
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots {gap:4.2666666667vw;bottom:-8vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized ul.slick-dots li {width:1.6vw;height:1.6vw;}
.freeTop .seasonal_recommend_wrap {padding:13.3333333333vw 0 19.7333333333vw;background:url("/pic-labo/bg_01.png") top center repeat;background-size:85.3333333333vw auto;}
.freeTop .seasonal_recommend_wrap h2.seasonal_recommend_ttl {font-size:5.6vw;line-height:8vw;padding-bottom:2.6666666667vw;margin:0 auto 8vw;}
.freeTop .seasonal_recommend_wrap h2.seasonal_recommend_ttl::after {width:8vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized {width:81.3333333333vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li {padding:0 1.3333333333vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a {width:100%;height:100%;padding:5.3333333333vw;display:flex;flex-direction:column;align-items:center;gap:5.3333333333vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.img_wrap {width:53.3333333333vw;height:53.3333333333vw;margin:0 auto;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.img_wrap > img {object-fit:contain;width:100%;height:100%;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap {width:100%;flex-grow:1;display:flex;flex-direction:column;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.product_name {flex-grow:1;font-size:4.8vw;line-height:1.5;margin-bottom:2.6666666667vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.price {font-size:3.7333333333vw;line-height:1.5;letter-spacing:0;font-weight:700;margin-bottom:2.6666666667vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.price > span {font-size:2.6666666667vw;}
.freeTop .seasonal_recommend_wrap ul.slick-initialized div.slick-list div.slick-track li > a div.txt_wrap div.txt {font-size:3.4666666667vw;line-height:5.8666666667vw;}

/* 新着商品 .newItem */
div.newItem {padding:13.3333333333vw 2.6666666667vw;overflow:hidden;}
div.newItem > h2 {font-size:5.6vw;line-height:8vw;padding-bottom:2.6666666667vw;margin:0 auto 8vw;}
div.newItem > h2::after {width:8vw;}
div.newItem div.column-set {width:85.3333333333vw;margin:0;overflow:visible;}
div.newItem div.column-set div.slick-list {overflow:visible;}
div.newItem div.column-set div.slick-list div.slick-track {display:flex;justify-content:flex-start;align-items:stretch;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 {margin:0;padding:0 1.3333333333vw;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 div.itemThumb-wrap span.badge {display:none;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 div.itemThumb-wrap p.itemThumb {margin-bottom:2.6666666667vw;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 > h3 {margin-bottom:2.6666666667vw;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 > h3 > a {font-size:3.4666666667vw;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 p.price span.selling_price {font-size:3.7333333333vw;line-height:5.3333333333vw;}
div.newItem div.column-set div.slick-list div.slick-track section.column4 p.price span.selling_price span.taxin {font-size:2.6666666667vw;line-height:4vw;}

/* レビュー .review_wrap */
.freeTop .review_wrap {padding:5vw 0;}
.freeTop .review_wrap .inner {padding:13vw 3vw 0;background:url("/pic-labo/bg_02.png") top center repeat;background-size:85.3333333333vw auto;}
.freeTop .review_wrap .inner .review_ttl {font-size:5.6vw;line-height:8vw;padding-bottom:2.6vw;margin:0 auto;}
.freeTop .review_wrap .inner .review_ttl::after {width:8vw;}

/* 世界一を造る蔵 本坊酒造 .parallax_wrap .about_wrap */
.freeTop .parallax_wrap {border-top:2px solid #016C3A;height:42.6666666667vw;}
.freeTop .parallax_wrap img {width:116vw;max-width:unset;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%, var(--depth));}

/* 世界一を造る蔵 本坊酒造 .parallax_wrap .about_wrap */
.freeTop .about_wrap {padding:15.2vw 4vw 8vw;}
.freeTop .about_wrap .ttl {position:absolute;top:-5.3333333333vw;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1.3333333333vw;}
.freeTop .about_wrap .ttl span {font-size:6.4vw;line-height:6.4vw;white-space:nowrap;padding-bottom:0.8vw;}
.freeTop .about_wrap .txt {font-family:"Noto Serif JP", serif;font-size:3.2vw;line-height:5.8666666667vw;letter-spacing:0.05em;font-weight:500;text-align:left;margin-bottom:5.3333333333vw;padding:0 5.8666666667vw;}
.freeTop .about_wrap .btn_wrap a {width:100%;height:16vw;font-size:3.2vw;}
.freeTop .about_wrap .btn_wrap a::after {width:4.5333333333vw;height:1.6vw;right:4.8vw;}

/* 本坊酒造公式通販について .about_onlinestore_wrap */
.freeTop div.about_onlinestore_wrap {padding:13.3vw 9.3vw;background:url("/pic-labo/about_bg_sp.webp") top center no-repeat;background-size:cover;}
.freeTop div.about_onlinestore_wrap div.ttl {font-size:5.6vw;line-height:8vw;padding-bottom:2.6vw;margin-bottom:8vw;}
.freeTop div.about_onlinestore_wrap div.ttl::after {width:8vw;}
.freeTop div.about_onlinestore_wrap > ul {flex-direction:column;}
.freeTop div.about_onlinestore_wrap > ul > li {width:100%;padding:8vw 4vw;display:flex;justify-content:flex-start;align-items:center;gap:6.66vw;border-top:1px solid rgba(255, 255, 255, 0.2);}
.freeTop div.about_onlinestore_wrap > ul > li:last-child {border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.freeTop div.about_onlinestore_wrap > ul > li:last-child::after {display:none;}
.freeTop div.about_onlinestore_wrap > ul > li::before {display:none;}
.freeTop div.about_onlinestore_wrap > ul > li div.icon_wrap {width:21.3vw;margin:0;}
.freeTop div.about_onlinestore_wrap > ul > li div.li_ttl {font-size:4.26vw;line-height:6.13vw;letter-spacing:0;font-weight:700;text-align:left;margin-bottom:2.66vw;}
.freeTop div.about_onlinestore_wrap > ul > li div.li_txt {font-size:3.46vw;line-height:5.06vw;letter-spacing:0;font-weight:400;text-align:left;}

/* お知らせ .news */
.news {width:100%;padding:10vw 4vw;display:block;min-height:auto;}
.news > h2 {font-size:5.6vw;line-height:8vw;text-align:center;padding-bottom:2.6vw;margin-bottom:8vw;}
.news > h2::after {width:8vw;left:50%;transform:translateX(-50%);}
.news-box > dd {padding:5.3vw;font-size:3.4vw;line-height:5vw;}
.news-box .info-day{display:block;}

}

/* =========================================================
   20. Product List / Category
   - カテゴリ・検索結果・商品グループの商品一覧UI
   - カテゴリヘッダーランキング / 商品カード / itemCate_header/footer
   - COMMON .header_area / .footer_area / Cart補正はdefault.cssに維持
   ========================================================= */

/* --- カテゴリ専用ヘッダー内：見出し・ランキング・補助コンテンツ --- */
.header_area .cate_h_inner .cate_ttl {margin:0 0 40px;padding:0;}
.header_area .cate_h_inner .cate_h_lead {font-size:16px;text-align:left;margin:0 0 60px;}
.header_area .cate_h_inner .cate_h_ranking {width:100%;margin:0 auto 100px;}
.header_area .cate_h_inner .cate_h_ranking h3.blk_ttl {position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:30px;}
.header_area .cate_h_inner .cate_h_ranking h3.blk_ttl::before {content:"";display:block;width:100%;height:1px;background:#333333;position:absolute;top:50%;left:0;z-index:5;transform:translateY(-50%);}
.header_area .cate_h_inner .cate_h_ranking h3.blk_ttl > span {font-size:16px;font-weight:700;padding:0 30px;background:#fff;position:relative;z-index:10;}
.header_area .cate_h_inner .cate_h_ranking ul {margin-bottom:0;overflow:visible;width:calc(100% + 20px);position:relative;left:50%;transform:translateX(-50%);}

.header_area .cate_h_inner .cate_h_ranking ul .slick-arrow {font-size:0;line-height:0;position:absolute;top:85px;transform:translate(0, 0);display:block;width:50px;height:50px;padding:0;background:rgba(255, 255, 255, 0.8);cursor:pointer;color:transparent;border:none;outline:none;z-index:10;}
.header_area .cate_h_inner .cate_h_ranking ul .slick-arrow.slick-prev {left:-15px;}
.header_area .cate_h_inner .cate_h_ranking ul .slick-arrow.slick-prev::after {content:"";display:block;width:15px;height:15px;border-bottom:1px solid #333333;border-left:1px solid #333333;position:absolute;top:50%;left:58%;transform:translate(-50%, -50%) rotateZ(45deg);}

.header_area .cate_h_inner .cate_h_ranking ul .slick-arrow.slick-next {right:-15px;}
.header_area .cate_h_inner .cate_h_ranking ul .slick-arrow.slick-next::after {content:"";display:block;width:15px;height:15px;border-top:1px solid #333333;border-right:1px solid #333333;position:absolute;top:50%;left:42%;transform:translate(-50%, -50%) rotateZ(45deg);}

.header_area .cate_h_inner .cate_h_ranking ul li {width:205px;flex-shrink:0;margin:0 10px;position:relative;}
.header_area .cate_h_inner .cate_h_ranking ul li span.num {width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:30px;font-weight:500;color:#fff;background:#333333;position:absolute;top:0;left:0;z-index:10;pointer-events:none;}
.header_area .cate_h_inner .cate_h_ranking ul li span.num.gold {background:#CE9809;}
.header_area .cate_h_inner .cate_h_ranking ul li span.num.silver {background:#A0A0A0;}
.header_area .cate_h_inner .cate_h_ranking ul li span.num.bronze {background:#A88D61;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.img_wrap {margin:0 0 20px;}


.header_area .cate_h_inner .cate_h_ranking ul li > a div.detail_wrap div.name {font-size:16px;line-height:24px;margin-bottom:5px;text-align:left;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.detail_wrap div.price {font-size:18px;line-height:26px;font-weight:700;text-align:left;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.detail_wrap div.price > span {font-size:14px;line-height:20px;font-weight:400;}
.header_area .cate_h_inner .cate_h_insta {width:100%;margin:0 auto 100px;}
.header_area .cate_h_inner .cate_h_insta .inner {background:#F8F8F8;width:100%;height:400px;}
.header_area .cate_h_inner .cate_h_matrix {margin-bottom:100px;}
.header_area .cate_h_inner .cate_h_matrix .matrix_ttl {width:100%;height:50px;display:flex;justify-content:center;align-items:center;background:#F8F8F8;font-size:20px;line-height:29px;font-weight:700;text-align:center;}

/* --- 商品カード（#itemList / #itemList2） --- */
/* #itemList2 はShopserveの商品一覧表示形式フラグで再利用され得る標準互換DOMのため維持 */
#itemList_wrap #itemList, #itemList_wrap #itemList2 {position:relative;margin:0 0 40px;}
#itemList_wrap #itemList {margin-bottom:60px;}
#itemList_wrap #itemList2 > h1 {font-family:"Noto Sans JP",sans-serif;font-size:22px;line-height:32px;letter-spacing:0;font-weight:400;text-align:left;margin:0 0 40px;}

#itemList_wrap #itemList .column-set, #itemList_wrap #itemList2 .column-set {display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:40px 20px;margin:0;}
#itemList_wrap #itemList .column-set {margin-top:40px;}

#itemList_wrap #itemList .column-set section.column4, #itemList_wrap #itemList2 .column-set section.column4 {position:sticky;float:none;width:calc((100% - 60px) / 4);height:auto;margin:0;padding:0;border:none;}
#itemList_wrap #itemList2 .column-set section.column4 {height:auto !important;overflow:hidden;} /* Shopserve旧レイアウトの固定height対抗として維持 */

#itemList_wrap #itemList .column-set section.column4 .itemThumb-wrap, #itemList_wrap #itemList2 .column-set section.column4 .itemThumb-wrap {float:none;width:100%;max-width:100%;margin:0 0 20px;text-align:left;}
#itemList_wrap #itemList .column-set section.column4 .itemThumb, #itemList_wrap #itemList2 .column-set section.column4 .itemThumb {margin:0;}
#itemList_wrap #itemList .column-set section.column4 .itemThumb-wrap .badge, #itemList_wrap #itemList2 .column-set section.column4 .itemThumb-wrap .badge {display:none;}
#itemList_wrap #itemList .column-set section.column4 [class^=sps-wishArea_], #itemList_wrap #itemList2 .column-set section.column4 [class^=sps-wishArea_] {display:none;}
#itemList_wrap #itemList .column-set section.column4 .itemThumb-wrap-right, #itemList_wrap #itemList2 .column-set section.column4 .itemThumb-wrap-right {margin:0;}
#itemList_wrap #itemList .column-set section.column4 .inner-catch, #itemList_wrap #itemList2 .column-set section.column4 .inner-catch {display:none;}

#itemList_wrap #itemList .column-set section.column4 h2, #itemList_wrap #itemList2 .column-set section.column4 h2 {height:auto;margin:0 0 5px;padding:0;border:none;background:none;font-family:"Noto Sans JP",sans-serif;}
#itemList_wrap #itemList .column-set section.column4 h2 {margin-top:20px;line-height:1;font-weight:700;letter-spacing:1px;}
#itemList_wrap #itemList .column-set section.column4 h2 a {width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:24px;letter-spacing:0;font-weight:400;}
#itemList_wrap #itemList2 .column-set section.column4 h2 a {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:16px;line-height:24px;letter-spacing:0;font-weight:400;}

/* 商品一覧内のまとめ買いUI */
#itemList_wrap #itemList h2.sps-add-to-cart-together, #itemList_wrap #itemList2 h2.sps-add-to-cart-together {font-size:14px;margin:15px 0 0;text-align:right;}
#itemList_wrap #itemList h2.sps-add-to-cart-together input, #itemList_wrap #itemList2 h2.sps-add-to-cart-together input {text-align:right;}

#itemList_wrap #itemList .column-set section.column4 .price, #itemList_wrap #itemList2 .column-set section.column4 .price {margin:0;display:flex;justify-content:flex-start;align-items:center;}
#itemList_wrap #itemList .column-set section.column4 .price {margin-top:5px;}
#itemList_wrap #itemList .column-set section.column4 .price .selling_price {font-size:14px;line-height:26px;font-weight:700;}
#itemList_wrap #itemList .column-set section.column4 .price .taxin {font-size:10px;line-height:17px;font-weight:700;}
#itemList_wrap #itemList2 .column-set section.column4 .price {font-size:95%;}
#itemList_wrap #itemList2 .column-set section.column4 .price .selling_price {font-size:18px;line-height:26px;font-weight:700;}
#itemList_wrap #itemList2 .column-set section.column4 .price .taxin {font-size:12px;line-height:17px;font-weight:500;}

/* colorPalleteは共通JSが商品画像altから生成する */
#itemList_wrap #itemList .column-set section.column4 .colorPallete, #itemList_wrap #itemList2 .column-set section.column4 .colorPallete {display:none;}
#itemList_wrap #itemList .column-set section.column4 .colorPallete:has(img), #itemList_wrap #itemList2 .column-set section.column4 .colorPallete:has(img) {display:block;margin:10px 0 0;}
#itemList_wrap #itemList .column-set section.column4 .colorPallete:has(img) img, #itemList_wrap #itemList2 .column-set section.column4 .colorPallete:has(img) img {width:auto;height:18px;}

#itemList_wrap #itemList .itiran {position:relative;margin:0;padding:0 0 6px;text-align:center;font-family:"Noto Serif JP",serif;color:#016C3A;letter-spacing:0;font-size:30px;line-height:44px;font-weight:700;}
#itemList_wrap #itemList .itiran::after {position:absolute;content:"";bottom:0;left:50%;width:30px;height:1px;transform:translateX(-50%);background-color:#016C3A;}


/* --- カテゴリ専用ヘッダー：ブランド一覧・カテゴリ説明 --- */
/* コンテナ全体の調整 */
.itemCate_header {margin:50px auto;padding:0 20px;overflow:hidden;font-family:"Noto Serif JP",serif;}

/* 中見出し（ブランド一覧） */
.itemCate_header h2 {text-align:center;font-weight:bold;color:#016C3A;letter-spacing:0;font-size:26px;line-height:37px;margin-block:40px;}

/* PC用リスト（グリッド） */
.itemCate_header ul {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,calc(10px + 1vw),2.3rem);padding:0 0 24px 0;margin:0;width:100%;}
.itemCate_header ul.gtc_8 {grid-template-columns:repeat(8,1fr);}
.itemCate_header ul.gtc_12 {grid-template-columns:repeat(12,1fr);}
/* Shopserve標準の商品カテゴリli幅を解除するため !important を維持 */
.itemCate_header ul li {width:100% !important;margin:0;list-style:none;}

/* カードの共通レイアウト */
.itemCate_header ul li a,.itemCate_header ul li.current {display:flex;flex-direction:column;background:#fff;border-radius:6px;overflow:hidden;height:100%;position:relative;box-sizing:border-box;}
.itemCate_header ul li a {text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease,transform 0.3s ease;border:none;}

/* PCのみ：リンクありホバー時の演出と.type_square 表示 */
@media screen and (min-width:751px) {
.itemCate_header ul li a:hover {transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.15);z-index:2;}
.itemCate_header ul li a:hover img {transform:scale(1.08);}
.itemCate_header ul.type_square {grid-template-columns:repeat(6,1fr);}
.itemCate_header ul.type_square li a {height:auto;display:block;}
.itemCate_header ul.type_square li div {width:100%;aspect-ratio:1/1;flex:0 0 auto;}
.itemCate_header ul.type_square li div img {object-position:bottom;}
.itemCate_header ul.type_square li h3 {width:100%;padding:10px 0;}
}
/* --- 画像エリア（縦長 3:4） --- */
.itemCate_header ul li div {width:100%;aspect-ratio:3/4;background-color:#FFF;margin:0;padding:0;flex-shrink:0;}
.itemCate_header ul li img {width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;transform-origin:center center;}

/* --- テキストエリア（h3タグ） --- */
.itemCate_header ul li h3 {background-color:#fff;position:relative;z-index:1;flex-grow:1;display:flex;justify-content:center;text-align:center;padding:1em .5em;color:#016C3A;font-size:clamp(.5rem,calc(.5rem + .4vw),1rem);font-weight:bold;letter-spacing:.02em;line-height:1.4;line-break:strict;word-break:auto-phrase;overflow-wrap:break-word;overflow:hidden;align-content:center;align-items:center;}

/* --- 現在地（カレント表示）のデザイン --- */
.itemCate_header ul li.current {border:.5px solid #016C3A;box-shadow:none;}
.itemCate_header ul li.current h3 {background-color:#016C3A;color:#FFF;font-weight:400;}

/* --- メインエリア（背景色付き） --- */
.itemCate_tab_main {background-color:#EAEFEC;padding:40px;position:relative;box-sizing:border-box;min-height:140px;display:flex;flex-direction:column;justify-content:center;}
.itemCate_tab_main img {position:absolute;top:50%;left:40px;transform:translateY(-50%);width:140px;height:auto;}
.itemCate_tab_main .ttl_wrap {width:100%;padding-left:170px;box-sizing:border-box;font-family:"Noto Serif JP",serif;color:#016C3A;font-weight:bold;word-break:auto-phrase;}
.itemCate_tab_main .ttl_wrap h4 {font-size:18px;line-height:1.6;letter-spacing:0.1em;margin:0;}
.itemCate_tab_main .ttl_wrap h5 {font-size:30px;line-height:1.4;margin:5px 0 0 0;display:flex;align-items:baseline;}
.itemCate_tab_main .ttl_wrap h5 span {font-size:24px;margin-left:10px;}
.itemCate_tab_main p {width:100%;padding-left:170px;box-sizing:border-box;margin-top:15px;font-size:14px;line-height:1.8;color:#333;}


/* --- カテゴリ専用フッター --- */
.footer_area .cate_f_bnr {display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:20px;}
.footer_area .cate_f_bnr li {width:calc((100% - 20px) / 2);}
.footer_area:has(.itemCate_footer) {padding-top:80px;}
.itemCate_footer ul {display:flex;flex-wrap:wrap;gap:10px;}
.itemCate_footer ul li {width:calc((100% - 20px) / 3);}
.itemCate_footer ul li a {display:block;}

@media screen and (max-width:750px) {
/* --- 商品一覧：SP --- */
/* カテゴリ専用ヘッダー内 */
#itemList {margin:30px 0 0 0;}
.header_area .cate_h_inner .cate_ttl {width:100vw;position:relative;left:50%;transform:translateX(-50%);margin:0 0 10.6vw;}
.header_area .cate_h_inner .cate_h_lead {font-size:3.7vw;text-align:left;margin:0 0 16vw;}
.header_area .cate_h_inner .cate_h_ranking {margin:0 auto 16vw;}
.header_area .cate_h_inner .cate_h_ranking h3.blk_ttl {margin-bottom:5.3vw;}
.header_area .cate_h_inner .cate_h_ranking h3.blk_ttl > span {font-size:3.4vw;line-height:5vw;padding:0 9.8vw;}
.header_area .cate_h_inner .cate_h_ranking ul {width:85.3vw;position:static;transform:translateX(-1.3vw);overflow:visible;}
.header_area .cate_h_inner .cate_h_ranking ul .slick-list {overflow:visible;}
.header_area .cate_h_inner .cate_h_ranking ul li {width:40vw;margin:0 1.3333333333vw;}
.header_area .cate_h_inner .cate_h_ranking ul li span.num {width:5.3333333333vw;height:5.3333333333vw;font-size:3.7333333333vw;line-height:5.3333333333vw;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.img_wrap {margin:0 0 2.6666666667vw;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.detail_wrap div.name {font-size:3.7333333333vw;line-height:5.3333333333vw;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.detail_wrap div.price {font-size:4.2666666667vw;line-height:6.4vw;font-weight:700;}
.header_area .cate_h_inner .cate_h_ranking ul li > a div.detail_wrap div.price > span {font-size:3.4666666667vw;line-height:5.0666666667vw;font-weight:400;}
.header_area .cate_h_inner .cate_h_insta {margin:0 auto 16vw;}
.header_area .cate_h_inner .cate_h_insta .inner {height:133.3333333333vw;}
.header_area .cate_h_inner .cate_h_matrix {margin-bottom:16vw;}
.header_area .cate_h_inner .cate_h_matrix .matrix_ttl {height:13.3333333333vw;font-size:4.8vw;line-height:6.9333333333vw;}
.header_area .cate_h_inner .cate_h_matrix .img_wrap {width:100vw;padding:0 5.3333333333vw;overflow-x:scroll;position:relative;left:50%;transform:translateX(-50%);}
.header_area .cate_h_inner .cate_h_matrix .img_wrap img {width:208vw;max-width:unset;}

/* 商品カード：SP */
#itemList_wrap #itemList, #itemList_wrap #itemList2 {margin:0 0 8vw;}
#itemList_wrap #itemList2 > h1 {font-size:4.2666666667vw;line-height:6.4vw;margin:0 0 8vw;}
#itemList_wrap #itemList .column-set, #itemList_wrap #itemList2 .column-set {gap:4vw;}
#itemList_wrap #itemList .column-set {margin-top:8vw;}
#itemList_wrap #itemList .column-set section.column4, #itemList_wrap #itemList2 .column-set section.column4 {width:calc((100% - 4vw) / 2);}
#itemList_wrap #itemList .column-set section.column4 .itemThumb-wrap, #itemList_wrap #itemList2 .column-set section.column4 .itemThumb-wrap {margin:0 0 2.6666666667vw;}
#itemList_wrap #itemList .column-set section.column4 h2 {margin-top:2.1vw;}
#itemList_wrap #itemList .column-set section.column4 h2 a {font-size:3.4vw;line-height:5vw;}
#itemList_wrap #itemList2 .column-set section.column4 h2 a {font-size:3.7333333333vw;line-height:5.3333333333vw;}
#itemList_wrap #itemList .column-set section.column4 .price {margin-top:1.3vw;}
#itemList_wrap #itemList .column-set section.column4 .price .selling_price {font-size:3.7vw;line-height:6.4vw;}
#itemList_wrap #itemList .column-set section.column4 .price .taxin {font-size:2.6vw;line-height:4.5333333333vw;}
#itemList_wrap #itemList2 .column-set section.column4 .price .selling_price {font-size:4.2666666667vw;line-height:6.4vw;}
#itemList_wrap #itemList2 .column-set section.column4 .price .taxin {font-size:3.2vw;line-height:4.5333333333vw;}
#itemList_wrap #itemList .column-set section.column4 .colorPallete:has(img), #itemList_wrap #itemList2 .column-set section.column4 .colorPallete:has(img) {margin:2.6666666667vw 0 0;}
#itemList_wrap #itemList .column-set section.column4 .colorPallete:has(img) img, #itemList_wrap #itemList2 .column-set section.column4 .colorPallete:has(img) img {height:4vw;}
#itemList_wrap #itemList .itiran {font-size:4.5vw;line-height:6.6vw;padding-bottom:1.6vw;}
#itemList_wrap #itemList .itiran::after {width:8vw;}

/* カテゴリ専用ヘッダー：ブランド一覧・カテゴリ説明 */
.itemCate_header {width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:0;margin:30px 0 50px 0;max-width:none;overflow:visible;}
.footer_area .itemCate_header {margin:50px 0 0 0;}
.itemCate_header h2 {font-size:4.5vw;line-height:6.6vw;margin-block:8vw;}
.itemCate_header ul {display:flex;overflow-x:auto;overflow-y:hidden;padding:0 20px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:none;width:auto;}
.itemCate_header ul::-webkit-scrollbar {display:none;}
/* PC側のShopserve標準li幅解除をSPで戻すため !important を維持 */
.itemCate_header ul li {flex:0 0 30%;scroll-snap-align:center;width:auto !important;}
.itemCate_header ul.type_square li {flex:0 0 75%;}
.itemCate_header ul li h3 {font-size:3.7vw;padding:15px 4px 10px;min-height:3.5em;text-wrap:pretty;}
.itemCate_tab_main {width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:5.3vw 4vw;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.itemCate_tab_main img {position:static;transform:none;width:20vw;height:auto;margin-right:3vw;}
.itemCate_tab_main .ttl_wrap {padding-left:0;width:calc(100% - 23vw);}
.itemCate_tab_main .ttl_wrap h4 {font-size:3.5vw;line-height:1.5;}
.itemCate_tab_main .ttl_wrap h5 {font-size:5vw;margin-top:1vw;}
.itemCate_tab_main .ttl_wrap h5 span {font-size:3.8vw;margin-left:1.5vw;}
.itemCate_tab_main p {padding-left:0;width:100%;margin-top:4vw;font-size:3.5vw;line-height:1.7;}

/* カテゴリ専用フッター */
.footer_area .cate_f_bnr {gap:5.3vw;}
.footer_area .cate_f_bnr li {width:100%;}
.footer_area:has(.itemCate_footer) {padding-top:13.3vw;}
.itemCate_footer {width:100vw;position:relative;left:50%;transform:translateX(-50%);overflow-x:scroll;}
.itemCate_footer ul {flex-wrap:nowrap;gap:2.6vw;padding:0 4vw;width:-moz-fit-content;width:fit-content;}
.itemCate_footer ul li {width:53.3vw;}

}

@media screen and (max-width:480px) {
/* 商品カード：小幅補正 */
#itemList_wrap #itemList2 .column-set section.column4 .itemThumb-wrap p.sps-itemList-stockDisp {margin:6px 0 20px;}
#itemList_wrap #itemList2 .column-set section.column4 .itemThumb-wrap p.sps-itemList-stockDisp a {font-size:100%;margin:0 0 0 54%;width:46%;}
#itemList_wrap #itemList .column-set section.column4 p.sps-itemList-stockDisp a {font-size:100%;margin:0;width:100%;}
}

/* ==========================================================
 30-5 商品詳細コンテンツ / U-KOMI接続境界
 - 商品詳細の説明本文・自社テンプレート・U-KOMI FAQ接続
 - U-KOMIレビュー本体の内部装飾は対象外
 - #pi_cart / VAR / OPTION / 数量 / 商品画像 / 関連商品は対象外
 U-KOMIレビュー本体（.singleReview / .loadedReviews 等）の装飾は
 U-KOMI管理画面「カスタムスタイル」側を正本とする。
 default.css は商品詳細側の配置・空枠抑制・FAQ接続のみ担当。
 ========================================================== */
#itemDetail-wrap .description .itemDetail_main {margin-top:60px;}
#itemDetail-wrap .description .itemDetail_main .itemDetail_main_list {display:flex;flex-direction:column;gap:100px;margin-top:60px;}
/* JS生成前/レビュー0件時の空枠抑制。U-KOMI内部デザインには介入しない */
#itemDetail-wrap .description .itemDetail_main .itemDetail_main_list .u-komi:not(:has(.reviewWidget)) {display:none;}

.itemDetail_main_content.border_top {border-top:1px solid #D9D9D9;padding-top:100px;}
.itemDetail_main_content .kinshi {margin:16px auto 0;margin-right:auto;text-align:center;width:90%;border:1px solid #D95151;max-width:700px;padding:15px 0;color:#D95151;font-size:24px;letter-spacing:1.2px;line-height:36px;}
.itemDetail_main_content h2 {position:relative;font-family:"Noto Serif JP", serif;text-align:center;color:#016C3A;letter-spacing:0;font-size:30px;padding-bottom:6px;}
.itemDetail_main_content h2::after {position:absolute;content:"";bottom:0;left:50%;transform:translateX(-50%);background-color:#016C3A;height:1px;width:30px;}
.itemDetail_main_content h3 {text-align:left;font-family:"Noto Serif JP", serif;color:#016C3A;margin-top:30px;font-size:20px;letter-spacing:1px;}
/* U-KOMI FAQ：商品詳細コンテンツ内の余白・文字組みのみ */
.itemDetail_main_content h3.ukomi-faq-category-title {text-align:center;margin-top:60px;}
.itemDetail_main_content .ukomi-faq-item .ukomi-faq-question {padding:15px 30px;font-size:16px;font-weight:bold;color:#016C3A;}
.itemDetail_main_content .ukomi-faq-item .ukomi-faq-question .ukomi-faq-icon::before, .itemDetail_main_content .ukomi-faq-item .ukomi-faq-question .ukomi-faq-icon::after {color:#016C3A}
.itemDetail_main_content .ukomi-faq-item .ukomi-faq-answer {padding:0 30px 30px;font-size:16px;color:#000;}

.itemDetail_main_content h3.center {text-align:center;}
.itemDetail_main_content h3.catch {text-align:center;}
.itemDetail_main_content h3.center_center {text-align:center;}
.itemDetail_main_content h3:has(.tag) {display:flex;align-items:center;justify-content:center;}
.itemDetail_main_content h3 span.tag {display:flex;align-items:center;justify-content:center;background-color:#016C3A;color:#ffffff;line-height:1;margin-left:10px;width:48px;height:24px;font-size:14px;letter-spacing:0.05em;}
.itemDetail_main_content p {font-weight:400;margin-top:30px;font-size:16px;letter-spacing:0.8px;line-height:28.4px;}
.itemDetail_main_content p.center {text-align:center;}
.itemDetail_main_content p.center_center {text-align:center;}
.itemDetail_main_content p span.green {font-weight:bold;color:#016C3A;}
.itemDetail_main_content p span.kome {display:block;margin-top:4px;font-size:14px;}


@media screen and (min-width:751px) {
.itemDetail_main_content.border_top:has(.kinshi) {border-top:none;padding-top:0;}
}

@media screen and (max-width:750px) {
#itemDetail-wrap .description .itemDetail_main {margin-top:13vw;display:flex;flex-direction:column;width:100%;}
#itemDetail-wrap .description .itemDetail_main .itemDetail_main_list {gap:13vw;margin-top:0;}
.itemDetail_main_content.border_top {padding-top:13vw;}
.itemDetail_main_content .kinshi {width:95%;padding:3vw;font-size:4vw;line-height:5vw;}
.itemDetail_main_content h2 {font-size:4.5vw;letter-spacing:0;padding-bottom:1.3vw;}
.itemDetail_main_content h2::after {width:8vw;}
.itemDetail_main_content h3 {margin-top:8vw;font-size:3.4vw;letter-spacing:0.3vw;}
.itemDetail_main_content h3.center {text-align:left;}
.itemDetail_main_content .ukomi-faq-item .ukomi-faq-question {padding:4.5vw 5.5vw;font-size:3.5vw;}
.itemDetail_main_content .ukomi-faq-item .ukomi-faq-answer {padding:0 5vw 6vw;font-size:4vw;}
.itemDetail_main_content h3.catch {font-size:1.4rem;word-break:auto-phrase;margin-bottom:8vw;}
.itemDetail_main_content h3 span.tag {margin-left:1.6vw;width:8vw;height:4vw;font-size:2.6vw;}
.itemDetail_main_content p {margin-top:5.3vw;font-size:3.8vw;letter-spacing:0.1vw;line-height:5.9vw;}
.itemDetail_main_content p.center {text-align:left;}
.itemDetail_main_content p span.kome {margin-top:1.3vw;font-size:3.2vw;letter-spacing:0.16vw;line-height:4.8vw;}
}

.itemDetail_main_content .template01_img {background-color:#F8F8F8;width:100%;margin-top:30px;}
.itemDetail_main_content ul.template02_ul {display:flex;flex-direction:column;margin-top:30px;gap:30px;}
.itemDetail_main_content ul.template02_ul li {display:flex;align-items:flex-start;gap:30px;}
.itemDetail_main_content ul.template02_ul li .template02_txt h3 {text-align:left;margin-top:0;}
.itemDetail_main_content ul.template02_ul li .template02_txt p {margin-top:5px;}
.itemDetail_main_content ul.template02_ul li .template02_img {flex-shrink:0;background-color:#F8F8F8;width:425px;}
.itemDetail_main_content ul.template02_ul li:nth-child(even) {flex-direction:row-reverse;}
.itemDetail_main_content ul.template03_ul {display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:30px;margin-top:30px;}
.itemDetail_main_content ul.template03_ul li {display:flex;flex-direction:column;width:calc((100% - 40px) / 3);}
.itemDetail_main_content ul.template03_ul li .template03_img {flex-shrink:0;background-color:#F8F8F8;width:100%;}
.itemDetail_main_content ul.template03_ul li p {margin-top:5px;}
.itemDetail_main_content ul.template04_ul {display:flex;justify-content:space-between;margin-top:30px;}
.itemDetail_main_content ul.template04_ul li {width:calc((100% - 30px) / 2);}
.itemDetail_main_content ul.template04_ul li .template04_img {background-color:#F8F8F8;}


@media screen and (max-width:1050px) {
.itemDetail_main_content ul.template02_ul li {flex-direction:column;align-items:center;}
.itemDetail_main_content ul.template02_ul li:nth-child(even) {flex-direction:column;}
}

@media screen and (max-width:750px) {
.itemDetail_main_content .template01_img {margin-top:5.3vw;}
.itemDetail_main_content ul.template02_ul {margin-top:8vw;gap:8vw;}
.itemDetail_main_content ul.template02_ul li {flex-direction:column;gap:5.3vw;}
.itemDetail_main_content ul.template02_ul li .template02_txt p {margin-top:1.3vw;}
.itemDetail_main_content ul.template02_ul li .template02_img {width:74.6vw;}
.itemDetail_main_content ul.template03_ul {row-gap:5.3vw;margin-top:8vw;}
.itemDetail_main_content ul.template03_ul li {width:100%;align-items:center;flex-direction:row;}
.itemDetail_main_content ul.template03_ul li .template03_img {width:45.3333333333vw;}
.itemDetail_main_content ul.template03_ul li p {margin-top:1.3333333333vw;padding-left:6.6666666667vw;}
.itemDetail_main_content ul.template04_ul {flex-direction:column;align-items:center;gap:5.3333333333vw;margin-top:8vw;}
.itemDetail_main_content ul.template04_ul li {width:80vw;}
}

.itemDetail_main_content .lapping_wrap {display:flex;flex-direction:column;gap:30px;margin-top:30px;}
.itemDetail_main_content .lapping_wrap .lapping {background-color:#F8F8F8;width:100%;padding:40px 0;}
.itemDetail_main_content .lapping_wrap .lapping h3 {margin-top:0;}
.itemDetail_main_content .lapping_wrap .lapping p {margin-top:4px;}
.itemDetail_main_content .lapping_wrap .lapping .lapping_gift_img {margin:30px auto 0;width:713px;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul {display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;width:100%;margin-top:30px;padding:0 40px;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li {display:flex;flex-direction:column;align-items:center;gap:5px;width:calc((100% - 30px) / 4);}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li .lapping_ul_img {width:100%;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li p {margin-top:0;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li .lapping_kami {border:1px solid #016C3A;width:-moz-fit-content;width:fit-content;color:#016C3A;line-height:1;padding:4px 20px;font-size:14px;letter-spacing:0.05em;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul {display:flex;justify-content:space-between;margin-top:30px;width:100%;padding:0 110px;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li {display:flex;flex-direction:column;align-items:center;width:calc((100% - 60px) / 3);}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li .lapping_card_img {width:100%;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li p {white-space:nowrap;margin-top:4px;}

@media screen and (max-width:1200px) {
.itemDetail_main_content .lapping_wrap .lapping .lapping_gift_img {width:59.4166666667vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul {flex-direction:column;gap:20px;padding:0 9.1666666667vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li {width:100%;flex-direction:row;gap:20px;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li .lapping_card_img {width:180px;}
}
@media screen and (max-width:1000px) {
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul {flex-wrap:wrap;row-gap:30px;padding:0 30px;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li {width:calc((100% - 20px) / 2);}
}
@media screen and (max-width:750px) {
.itemDetail_main_content .lapping_wrap {gap:8vw;margin-top:8vw;}
.itemDetail_main_content .lapping_wrap .lapping {padding:8vw 0;}
.itemDetail_main_content .lapping_wrap .lapping p {margin-top:1.0666666667vw;}
.itemDetail_main_content .lapping_wrap .lapping .lapping_gift_img {margin:5.3333333333vw auto 0;width:81.3333333333vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul {flex-wrap:wrap;row-gap:8vw;margin-top:5.3333333333vw;padding:0 5.3333333333vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li {gap:1.3333333333vw;width:37.3333333333vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_ul li .lapping_kami {padding:1.3333333333vw 4.5333333333vw;font-size:12px;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul {flex-direction:column;gap:5.3333333333vw;margin-top:5.3333333333vw;padding:0 10.1333333333vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li {gap:5.3333333333vw;flex-direction:row;width:100%;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li .lapping_card_img {width:26.6666666667vw;}
.itemDetail_main_content .lapping_wrap .lapping ul.lapping_card_ul li p {margin-top:1.0666666667vw;}
}

.itemDetail_main_content .itemDetail_main_content_flex {display:flex;gap:25px;margin-top:30px;}
.itemDetail_main_content .itemDetail_main_content_flex .itemDetail_main_content_mov {flex-shrink:0;}
.itemDetail_main_content .itemDetail_main_content_flex .itemDetail_main_content_mov video {background-color:#E5E5E5;width:430px;aspect-ratio:430/240;}
.itemDetail_main_content .itemDetail_main_content_flex h3 {text-align:left;margin-top:0;}
.itemDetail_main_content ul.spec {max-width:790px;width:90%;margin-left:auto;margin-right:auto;margin-top:50px;}
.itemDetail_main_content ul.spec li {display:flex;align-items:center;border-top:1px solid #D9D9D9;padding:15px 30px;}
.itemDetail_main_content ul.spec li:last-child {border-bottom:1px solid #D9D9D9;}
.itemDetail_main_content ul.spec li > div {font-size:16px;letter-spacing:0.8px;line-height:21px;}
.itemDetail_main_content ul.spec li > div:first-child {font-weight:bold;width:150px;flex-shrink:0;}
.itemDetail_main_content ul.jusho_flex {display:flex;gap:35px;margin-top:30px;}
.itemDetail_main_content ul.jusho_flex li {display:flex;flex-direction:column;align-items:center;gap:20px;width:calc((100% - 70px) / 3);}
.itemDetail_main_content ul.jusho_flex li .jusho_img {width:200px;}
.itemDetail_main_content ul.jusho_flex li h3 {text-align:left;margin-top:0;}
.itemDetail_main_content ul.jusho_flex li h3.h3_sans {text-align:left;font-family:"Noto Sans JP", sans-serif;margin-top:4px;}
.itemDetail_main_content ul.jusho_flex li p {margin-top:4px;}
.itemDetail_main_content ul.kodawari_flex {margin-top:30px;}
.itemDetail_main_content ul.kodawari_flex li {display:flex;align-items:center;}
.itemDetail_main_content ul.kodawari_flex li .kodawari_flex_img {width:50%;flex-shrink:0;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) {width:50%;flex-shrink:0;padding-left:40px;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) .kodawari_flex_ttl {display:flex;align-items:center;gap:17px;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) .kodawari_flex_ttl > div {font-family:"Noto Serif JP", serif;color:#016C3A;font-size:80px;line-height:115px;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) .kodawari_flex_ttl h3 {margin-top:0;text-align:left;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) .kodawari_flex_ttl.text_1gyo {align-items:baseline;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) p {margin-top:4px;}

@media screen and (max-width:1000px) {
.itemDetail_main_content .itemDetail_main_content_flex {flex-direction:column;align-items:center;}
.itemDetail_main_content .itemDetail_main_content_flex .itemDetail_main_content_mov video {max-width:90%;}
.itemDetail_main_content ul.jusho_flex {flex-direction:column;}
.itemDetail_main_content ul.jusho_flex li {width:100%;}
.itemDetail_main_content ul.jusho_flex li .jusho_img {flex-shrink:0;}
.itemDetail_main_content ul.jusho_flex li h3.h3_sans {text-align:left;}
.itemDetail_main_content ul.kodawari_flex {display:flex;flex-direction:column;gap:30px;}
.itemDetail_main_content ul.kodawari_flex li {flex-direction:column;}
.itemDetail_main_content ul.kodawari_flex li .kodawari_flex_img {width:100%;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) {width:100%;padding-left:0;}
}

@media screen and (max-width:750px) {
.itemDetail_main_content .itemDetail_main_content_flex {flex-direction:column;align-items:center;gap:5.3333333333vw;margin-top:8vw;}
.itemDetail_main_content .itemDetail_main_content_flex .itemDetail_main_content_mov video {max-width:unset;width:92vw;}
.itemDetail_main_content ul.spec {width:100%;margin-top:8vw;}
.itemDetail_main_content ul.spec li {padding:4vw 5.3333333333vw;}
.itemDetail_main_content ul.spec li > div {font-size:3.4666666667vw;letter-spacing:0.1733333333vw;line-height:5.6vw;}
.itemDetail_main_content ul.spec li > div:first-child {width:21.3333333333vw;}
.itemDetail_main_content ul.jusho_flex {flex-direction:column;gap:8vw;margin-top:8vw;}
.itemDetail_main_content ul.jusho_flex li {gap:5.3333333333vw;}
.itemDetail_main_content ul.jusho_flex li .jusho_img {flex-shrink:0;width:26.6666666667vw;}
.itemDetail_main_content ul.jusho_flex li h3.h3_sans {text-align:left;margin-top:1.0666666667vw;}
.itemDetail_main_content ul.jusho_flex li p {margin-top:1.0666666667vw;}
.itemDetail_main_content ul.kodawari_flex {margin-top:8vw;gap:8vw;}
.itemDetail_main_content ul.kodawari_flex li {flex-direction:column;}
.itemDetail_main_content ul.kodawari_flex li .kodawari_flex_img {width:100%;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) {width:100%;padding-left:0;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) .kodawari_flex_ttl {gap:3.2vw;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) .kodawari_flex_ttl > div {font-size:13.3333333333vw;line-height:19.2vw;}
.itemDetail_main_content ul.kodawari_flex li > div:has(.kodawari_flex_ttl) p {margin-top:1.0666666667vw;}
}
@media screen and (min-width:1051px) {
.itemDetail_main_content ul.kodawari_flex li:nth-child(even) {flex-direction:row-reverse;}
ul.kodawari_flex li:nth-child(even) > div:has(.kodawari_flex_ttl) {padding-left:0;padding-right:40px;}
}

/* =========================================================
   30-6A Product Detail Tasting Note
   - TASTING NOTE / journal-slider
   - Product Detail Contentより後、Awardより前に配置
   ========================================================= */
.tasting-journal-wrapper {margin:30px auto;max-width:850px;}
.journal-slider .slick-prev, .journal-slider .slick-next {z-index:20;}
.journal-slide {outline:none;}
.tasting-note {background-color:#FDFBF6;border:1px solid #E5DFD1;border-left:14px solid #8B7754;border-radius:3px 8px 8px 3px;padding:40px 40px 30px;box-shadow:4px 5px 15px rgba(0, 0, 0, 0.06);position:relative;}
.tasting-note .tasting-title {font-size:1.2rem;font-weight:600;color:#444;margin:0 0 30px 0;padding-bottom:15px;border-bottom:1px dashed #CFC7B4;text-align:center;line-height:1.2;word-break:auto-phrase;}
.tasting-content {position:relative;}
.tasting-stamp {position:absolute;top:-90px;right:30px;z-index:10;display:inline-block;color:rgba(160, 50, 50, 0.9);text-align:center;border:4px double rgba(160, 50, 50, 0.8);padding:8px 18px;border-radius:3px;transform:rotate(-8deg);mix-blend-mode:multiply;pointer-events:none;font-family:fantasy;}

.tasting-stamp .tasting-competition {display:block;font-size:0.8rem;font-weight:500;letter-spacing:0.05em;margin-bottom:3px;}
.tasting-stamp .tasting-award {display:block;font-size:1.4rem;font-weight:700;letter-spacing:0.05em;line-height:1.1;}
.tasting-content .tasting-en {font-family:'Poppins',serif;font-style:italic;font-size:.9rem;line-height:1.8;color:#585348;margin-bottom:25px;position:relative;padding-right:50px;}
.tasting-content .tasting-ja {font-family:'Noto Serif JP',serif;font-size:1rem;line-height:1.9;color:#333;font-weight:500;margin-bottom:25px;border-top:1px dotted #E5DFD1;padding-top:25px;}
.tasting-content .tasting-source {font-size:.8rem;color:#888;text-align:right;margin:0;}

.journal-slider .slick-slide {transform-origin:0% 50%;transform:perspective(1500px) rotateY(-15deg);transition:transform 0.6s ease-out;}
.journal-slider .slick-slide.slick-active {transform:perspective(1500px) rotateY(0deg);}

@media screen and (max-width:750px) {
.tasting-note {padding:30px 20px 20px;border-left-width:8px;}
.tasting-note .tasting-title {font-size:1.1rem;margin-bottom:20px;}
.tasting-stamp {top:-60px;right:0;padding:5px 10px;transform:rotate(-5deg) scale(0.9);}
.tasting-stamp .tasting-award {font-size:1.2rem;}
.tasting-content .tasting-en {font-size:.8rem;padding-right:20px;}
.tasting-content .tasting-ja {font-size:.9rem;padding-top:20px;margin-top:20px;}
}

/* =========================================================
   30-6A Product Detail Award
   - 受賞歴 / award_history 個別デザイン
   - F-2-9で後読みになった .itemDetail_main_content h3 より後に配置し、
     元のcascade順を復元
   - COMMON accordion基本状態はdefault.cssに維持
   ========================================================= */
.hb-award-wrapper {padding-bottom:40px;margin:40px 0;border-bottom:1px solid #e5e5e5;}
.hb-award-flex {display:flex;align-items:flex-start;gap:30px;}
p.hb-award-catch {text-align:center;font-size:clamp(14px, 3.5vw, 18px);font-weight:bold;letter-spacing:2px;margin:0 0 8px 0;}
h3.hb-award-title {position:relative;text-align:center;font-size:clamp(20px, 5vw, 26px);color:#333333;font-weight:bold;margin:0 auto .5em auto;padding:0 .9em;border:none;line-height:1.4;background:none;width:fit-content;min-height:3.5em;}
h3.hb-award-title::before{content:"";position:absolute;top:40%;transform:translateY(-50%);left:-1em;width:2em;height:90%;background-image:url("/pic-labo/laurel-award-1.webp");background-size:contain;background-repeat:no-repeat;background-position:center;}
h3.hb-award-title::after{content:"";position:absolute;top:40%;transform:translateY(-50%) scaleX(-1);right:-1em;width:2em;height:90%;background-image:url("/pic-labo/laurel-award-1.webp");background-size:contain;background-repeat:no-repeat;background-position:center;}
h3.hb-award-title .highlight-red {color:#bf0000;font-size:1.1em;font-weight:bold;}
span.hb-award-sub {display:block;font-size:clamp(11px, 2.5vw, 15px);margin-top:8px;font-weight:normal;letter-spacing:normal;}
.hb-award-img-box {flex:1 1 50%;text-align:center;align-items:center;justify-items:center;}
.hb-award-img-box img {width:100%;max-width:450px;height:auto;border-radius:2px;}
.hb-award-text-box {flex:1 1 50%;}
p.hb-award-desc {margin:0 0 25px 0;}
p.hb-award-desc strong {color:#bf0000;font-weight:bold;}
.hb-award-note {background:#f7f7f7;padding:18px;}
h3.hb-award-note-title {font-size:14px;color:#333333;font-weight:bold;margin:0 0 8px 0;padding:0;border:none;background:none;letter-spacing:normal;}
p.hb-award-note-text {font-size:13px;color:#555555;line-height:1.6;margin:0;}
.hb-award-flex.type-medal {align-items:center;}
.hb-award-flex.type-medal .hb-award-img-box {flex:0 0 30%;margin:0 auto;}
.hb-award-flex.type-medal .hb-award-img-box img {border-radius:0;max-width:220px;}
.hb-award-flex.type-medal .hb-award-text-box {flex:1 1 70%;}

/* 年表（タイムライン） */
.award_history .accordion_label {display:block;padding:0;border:none;background:none;margin:20px 0 0 0;cursor:pointer;}
.award_history .accordion_label::after, .award_history .accordion_label::before {display:none !important;}
.award_history .accordion_label h3 {display:flex;justify-content:center;align-items:center;width:100%;max-width:350px;margin:0 auto 30px;padding:16px 20px;background-color:#016C3A;border:1px solid #016C3A;border-radius:4px;font-size:clamp(16px, 2.5vw, 20px);font-weight:bold;color:#FFF;transition:all 0.3s ease;}
.award_history .accordion_label:hover h3 {background-color:#FFF;color:#016C3A;}
.award_history .accordion_label h3::after {content:"＋";margin-left:1em;font-size:1.2em;font-family:auto;}
.award_history .accordion_check:checked ~ .accordion_label h3::after {content:"－";}
ul.hb-timeline {list-style:none;padding-left:6px;margin:15px auto;position:relative;}
ul.hb-timeline::before {content:"";position:absolute;top:0;bottom:60px;left:50%;transform:translateX(-50%);width:2px;background-color:#016C3A;}
ul.hb-timeline li {position:relative;width:50%;margin:0;padding:0 13px 60px 10px;box-sizing:border-box;}
ul.hb-timeline li:nth-child(odd) {left:0;text-align:right;margin-top:-10%;}
ul.hb-timeline li:nth-child(even) {left:50%;text-align:left;margin-top:-10%;}
ul.hb-timeline li:first-child {margin-top:0;}
ul.hb-timeline li:last-child {padding-bottom:0;}
ul.hb-timeline li::after {content:"";position:absolute;top:0;width:14px;height:14px;background-color:#016C3A;border-radius:50%;z-index:1;}
ul.hb-timeline li:nth-child(odd)::after {right:-4px;}
ul.hb-timeline li:nth-child(even)::after {left:-10px;}
.hb-tl-year {position:relative;top:-10px;margin-bottom:-10px;font-size:larger;font-weight:bold;color:#016C3A;letter-spacing:0.05em;}
.hb-tl-comp {display:inline-block;width:fit-content;background:#fdfdfd;border:1px solid #f0f0f0;padding:.7em 1em;border-radius:4px;font-size:.8em;color:#666666;margin:0 0 5px 0;line-height:1.5;}
.hb-tl-prize {display:block;font-size:1.1em;color:#bf0000;font-weight:bold;margin:0;}


@media screen and (max-width:750px) {
.hb-award-flex {flex-direction:column;gap:20px;}
.hb-award-img-box, .hb-award-text-box {width:100%;}
.hb-award-wrapper {margin-bottom:0;}
.hb-award-flex.type-medal .hb-award-img-box {flex:0 0 100%;width:100%;text-align:center;}
.hb-award-flex.type-medal .hb-award-img-box img {max-width:160px;margin:0 auto;display:inline-block;}
ul.hb-timeline::before {display:none;}
ul.hb-timeline li {width:100%;left:0 !important;text-align:left !important;padding:0 0 30px 10px;border-left:2px solid #016C3A;margin-top:0 !important;}
ul.hb-timeline li:last-child {border-left-color:transparent;}
ul.hb-timeline li::after {left:-8px !important;right:auto !important;}
.hb-tl-comp {display:block;width:auto;}
}

/* =========================================================
   30-6C Product Detail Shorts
   - ショート動画（9:16）
   - Awardより後に配置
   ========================================================= */
.hb-shorts-wrapper {margin:40px auto;width:100%;}
.hb-shorts-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;list-style:none;padding:0;margin:0;}

/* --- 動画の比率保持（9:16 縦長） --- */
.hb-shorts-video {position:relative;width:100%;padding-bottom:177.78%;height:0;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);}
.hb-shorts-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* --- スマホ表示：全幅横フリック形式 --- */
@media screen and (max-width:750px) {
.hb-shorts-wrapper {width:100vw;position:relative;left:50%;transform:translateX(-50%);margin:30px 0 50px 0;padding:0;}
.hb-shorts-list {display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 4vw 20px;gap:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.hb-shorts-list::-webkit-scrollbar {display:none;}
.hb-shorts-item {flex:0 0 90%;scroll-snap-align:center;}
}

/* ==========================================================
 30-4 Product Detail Related Products / .recommend
 - Shopserve標準関連商品
 - Slick構造・商品カード・SP補正
 - body:has()によるページ状態制御はdefault.cssに維持
 商品詳細ページ内に限定。旧 #wrapper/#contents/body:has() の多段指定を統合。
 Shopserve標準 .column5 の幅・margin対抗だけ !important を維持。
 ========================================================== */
#Detail #main-column .recommend {width:100%;margin:100px auto 100px;padding:100px 0 0;border-top:1px solid #D9D9D9;}
#Detail #main-column .recommend form > h2 {position:relative;margin:0;padding:0 0 6px;background:none;border:none;font-family:"Noto Serif JP",serif;font-size:30px;line-height:37px;font-weight:700;letter-spacing:0;text-align:center;color:#016C3A;}
#Detail #main-column .recommend form > h2::after {position:absolute;content:"";bottom:0;left:50%;width:30px;height:1px;background:#016C3A;transform:translateX(-50%);}
#Detail #main-column .recommend .column-set {display:flex;width:calc(100% + 20px);margin:40px 0 0;overflow:visible;position:relative;left:50%;transform:translateX(-50%);}
#Detail #main-column .recommend .column-set .slick-list {width:100%;}
#Detail #main-column .recommend .column-set .slick-track {display:flex;}
#Detail #main-column .recommend .column-set .slick-arrow {font-size:0;line-height:0;position:absolute;top:85px;transform:translate(0,0);display:block;width:50px;height:50px;padding:0;background:rgba(255,255,255,.8);cursor:pointer;color:transparent;border:none;outline:none;z-index:10;}
#Detail #main-column .recommend .column-set .slick-arrow.slick-prev {left:-15px;}
#Detail #main-column .recommend .column-set .slick-arrow.slick-prev::after {content:"";display:block;width:15px;height:15px;border-bottom:1px solid #333;border-left:1px solid #333;position:absolute;top:50%;left:58%;transform:translate(-50%,-50%) rotateZ(45deg);}
#Detail #main-column .recommend .column-set .slick-arrow.slick-next {right:-15px;}
#Detail #main-column .recommend .column-set .slick-arrow.slick-next::after {content:"";display:block;width:15px;height:15px;border-top:1px solid #333;border-right:1px solid #333;position:absolute;top:50%;left:42%;transform:translate(-50%,-50%) rotateZ(45deg);}
/* Shopserve標準 .column5 の汎用幅・marginを商品詳細の関連商品だけで固定 */
#Detail #main-column .recommend .column-set > section {display:flex !important;flex-direction:column !important;width:calc((100% - 40px) / 5) !important;margin:0 !important;border:none;flex-shrink:0;position:relative;}
/* Slick初期化後：汎用.column5のSP margin / clear / padding-bottomだけを無効化。widthはSlickのinline値を優先 */
#Detail #main-column .recommend .column-set .slick-track > section.column5 {margin:0 !important;clear:none;padding-bottom:0;}
#Detail #main-column .recommend .column-set section.column5 .itemThumb-wrap {position:relative;margin:0;}
#Detail #main-column .recommend .column-set section.column5 .itemThumb-wrap .badge {display:none;}
#Detail #main-column .recommend .column-set section.column5 .itemThumb-wrap .itemThumb img {width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;}
#Detail #main-column .recommend .column-set section.column5 h3 {line-height:1;margin:15px .5em 0;text-align:left;}
#Detail #main-column .recommend .column-set section.column5 h3 a {width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-size:14px;line-height:20px;font-weight:400;text-align:left;}
#Detail #main-column .recommend .column-set section.column5 .price {line-height:1;margin-top:13px;text-align:left;}
#Detail #main-column .recommend .column-set section.column5 .price:empty {display:none;}
#Detail #main-column .recommend .column-set section.column5 .price .selling_price {font-size:14px;line-height:26px;font-weight:700;text-align:left;}
#Detail #main-column .recommend .column-set section.column5 .price .selling_price .taxin {font-size:10px;line-height:20px;font-weight:700;}
#Detail #main-column .recommend .column-set section.column5 .quantityArea {display:none;}
#Detail #main-column .recommend .column-set section.column5 .colorPallete {display:none;}
#Detail #main-column .recommend .column-set section.column5 .colorPallete:has(img) {display:block;margin:10px 0 0;}
#Detail #main-column .recommend .column-set section.column5 .colorPallete:has(img) img {display:block;width:auto;height:18px;margin:0;}

@media screen and (max-width:750px) {
#Detail #main-column .recommend {margin:13.3333333333vw auto 16vw;padding-top:13.3333333333vw;}
#Detail #main-column .recommend form > h2 {font-size:5.6vw;line-height:7.7vw;padding-bottom:2.6666666667vw;}
#Detail #main-column .recommend form > h2::after {width:8vw;}
#Detail #main-column .recommend .column-set_wrap {width:100vw;position:relative;left:50%;transform:translateX(-50%);}
#Detail #main-column .recommend .column-set {display:block;width:100%;padding:0 15px;margin-top:8vw;position:static;transform:none;overflow:visible;}
#Detail #main-column .recommend .column-set .slick-list {overflow:visible;}
#Detail #main-column .recommend .column-set section.column5 h3 {margin:5.3333333333vw .5em 0;}
#Detail #main-column .recommend .column-set section.column5 h3 a {font-size:3.4666666667vw;line-height:5.0666666667vw;}
#Detail #main-column .recommend .column-set section.column5 .price {margin-top:2.6666666667vw;}
#Detail #main-column .recommend .column-set section.column5 .price .selling_price {font-size:3.7333333333vw;line-height:6.4vw;}
#Detail #main-column .recommend .column-set section.column5 .price .selling_price .taxin {font-size:2.6666666667vw;line-height:5vw;}
#Detail #main-column .recommend .column-set section.column5 .colorPallete:has(img) {margin:2.6vw 0 0;}
#Detail #main-column .recommend .column-set section.column5 .colorPallete:has(img) img {height:4vw;}
}

/* =========================================================
   73. Privacy Policy / html.page-policy
   - /hpgen/HPB/shop/policy.html
   - 共通headでlocation.pathnameからpage-policyを付与
   - .txt_base以降の汎用コンテンツCSSはdefault.cssに維持
   ========================================================= */
html.page-policy .contents_wrap {margin-top:43px;}
html.page-policy .contents_wrap .content {margin-bottom:33px;}
html.page-policy .contents_wrap .content h3 {font-family:"Noto Serif JP", serif;font-size:20px;font-weight:700;color:#016C3A;letter-spacing:0.05em;margin-bottom:15px;}
html.page-policy .company {font-weight:500;margin-top:50px;}
@media screen and (max-width:750px) {
html.page-policy .contents_wrap {margin-top:8.8vw;}
html.page-policy .contents_wrap .content {margin-bottom:6.1333333333vw;}
html.page-policy .contents_wrap .content h3 {font-size:4.5333333333vw;}
html.page-policy .company {margin-top:40px;}
}

/* =========================================================
   74. Mail Magazine / #contact.sps-mailMagazine
   - /SHOP/mailmag.html
   - 新規登録 / アドレス変更 / 配信解除
   - PC基本 + SP <=750px + 480px hover打消し
   - 汎用 #contact / Member / ENQ / popup CSSはdefault.cssに維持
   ========================================================= */
#contact .mailm:first-child {margin:3px 0 0;}
#contact .mailm {margin:30px 0 0 0;}
#contact .mailm .txtBox {margin:0;}
#contact .mailm .txtBox h2 {border-bottom:1px dotted #dedede;border-top:none;margin:0 0 20px;padding:0 0 10px;}
#contact .mailm .caution {margin:0 0 5px;}
#contact table.mailMF td {overflow:hidden;font-size:100%;border-top:solid 1px #dedede;border-bottom:solid 1px #dedede;}
#contact table.mailMF input.mailAddress {float:left;margin:0 10px 0 0;height:40px;}
#contact table.mailMF span.btn-confirm {display:block;float:left;padding:0;}
#contact table.mailMF input.btn-confirmNext {background-color:#016C3A;border-radius:3px;float:left;height:40px;padding:0 5px;}
#contact .mailMC input.btn-confirmNext {background-color:#333333;border-radius:3px;float:left;height:40px;padding:0 5px;}
#contact .mailMF input.btn-confirmNext:hover, #contact .mailMC input.btn-confirmNext:hover {background-color:#EAEFEC;color:#016C3A;}
@-moz-document url-prefix() {
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {padding:0 5px 1px;}
}
#contact table.mailMF td.n1 {border-bottom:none;padding:20px 20px 10px;}
#contact table.mailMF td.n2 {border-top:none;padding:10px 20px 20px;}
#contact table.mailMF td p {float:left;font-size:80%;padding:10px 0;margin-right:10px;}
#contact input.mailAddress_new {float:left;height:40px;margin:0 10px 0 0;width:60%;}
#contact .mailMC span.btn-confirm {display:block;padding:0;}
#contact.sps-mailMagazine .sps-mailMagazine-freeArea {border:1px solid #D9D9D9;box-sizing:border-box;margin:60px 5% 0;padding:2%;width:90%;}

@media screen and (max-width:750px) {
/* メールマガジン登録・解除 */
#contact table.mailMF input.mailAddress, #contact table.mailMF input.mailAddress_new {width:100%;}
#contact table.mailMF input.btn-confirmNext {margin:15px 0;}
#contact.sps-mailMagazine .sps-mailMagazine-freeArea {margin:60px 0 0;width:100%;}
#contact .mailm .txtBox h2 {padding:15px;background-color:#F0E8E2;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
#contact table.mailMF tbody tr th {display:none;}
#contact table.mailMF tbody tr td {border:none;box-sizing:border-box;display:block;width:100%;}
#contact table.mailMF tbody tr td input[type=text] {border:1px solid #D9D9D9;float:none;}
#contact table.mailMF span.btn-confirm {float:none;}
#contact table.mailMF tbody tr td input[type=button] {float:none;margin:15px auto;}
}

@media screen and (max-width:480px) {
/* hover指定打消し：default.cssで後勝ちしていた従来結果を維持 */
#contact .mailMF input.btn-confirmNext:hover, #contact .mailMC input.btn-confirmNext:hover {background-color:#333333;}
}