#om-template-a,#om-template-a *{box-sizing:border-box} #om-template-a :where(form,div,span,h1,h2,h3,p,figure,figcaption,ul,li,fieldset,legend,label,button,select,input,output,nav,section,header,footer,details,summary){margin:0;padding:0;border:0;max-width:none;min-width:0;letter-spacing:normal;text-indent:0;text-align:left;box-shadow:none;border-radius:0;font-style:normal;text-transform:none;background:none;color:inherit;line-height:inherit;font-family:inherit} #om-template-a h2::before,#om-template-a h2::after,#om-template-a h3::before,#om-template-a h3::after,#om-template-a li::before,#om-template-a li::after{display:none} #om-template-a h2,#om-template-a h3{border:0;background:none} #om-template-a p{font-weight:500;word-break:normal;overflow-wrap:break-word} #om-template-a a{font-weight:inherit;background:none} #om-template-a img,#om-template-a svg{max-width:100%;vertical-align:middle;border:0} #om-template-a ul{list-style:none} #om-template-a button,#om-template-a select,#om-template-a input{font-size:inherit;line-height:inherit} #om-template-a div::before,#om-template-a div::after,#om-template-a .om-a-cap>span::before{display:none} #om-template-a{--paper:#ffffff;--ink:#272624;--navy:#31435c;--brown:#513F23;--brown-hover:#3E301B;--navy-light:#e8edf4;--line:#d9d5cf;--serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP","Noto Serif JP","MS PMincho",serif;--heading:"Zen Kaku Gothic New","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Meiryo,sans-serif;--sans:Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif} #om-template-a *{box-sizing:border-box} html:has(#om-template-a){scroll-padding:15px} #om-template-a{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.85;-webkit-text-size-adjust:100%} #om-template-a button,#om-template-a select{font:inherit;color:inherit;cursor:pointer} #om-template-a a{color:inherit;text-underline-offset:4px} #om-template-a h1,#om-template-a h2,#om-template-a p,#om-template-a figure{margin:0} #om-template-a h1,#om-template-a h2{font-family:var(--heading);font-weight:700;line-height:1.5} #om-template-a h2{font-size:24px;letter-spacing:-.02em;color:#1a1a1a} #om-template-a button{border:0} #om-template-a button:focus-visible,#om-template-a select:focus-visible,#om-template-a summary:focus-visible,#om-template-a a:focus-visible,#om-template-a .om-a-cap input:focus-visible+span{outline:3px solid var(--navy);outline-offset:3px} #om-template-a button:disabled{opacity:.35;cursor:default} #om-template-a .om-a-shell{max-width:1260px;margin:auto;width:calc(100% - clamp(48px,10vw,150px))} #om-template-a .om-a-shophead{border-bottom:1px solid var(--line);background:var(--paper)} #om-template-a .om-a-headinner,#om-template-a .om-a-headinner nav{display:flex;align-items:center;justify-content:space-between} #om-template-a .om-a-headinner{min-height:79px} #om-template-a .om-a-logo{width:185px;height:auto} #om-template-a .om-a-headinner nav{gap:32px} #om-template-a .om-a-headinner nav a,#om-template-a .om-a-order-link{font-size:13px;font-weight:550;text-decoration:none} #om-template-a .om-a-headinner nav a{padding:14px 0} #om-template-a .om-a-order-link{display:flex;align-items:center;gap:8px;background:transparent;border-left:1px solid var(--line);padding:8px 0 8px 22px;min-height:44px} #om-template-a .om-a-order-link svg,#om-template-a .om-a-primary svg{width:20px;height:20px} #om-template-a .om-a-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:19px 0 27px;font-size:12px;line-height:1.5} #om-template-a .om-a-crumb i{font-style:normal;color:#706b65} #om-template-a .om-a-crumb [aria-current="page"]{padding:3px 6px;background:var(--navy-light);color:#1a1a1a;font-weight:700} #om-template-a .om-a-productgrid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"photo intro" "photo buy";column-gap:clamp(30px,5.4vw,80px);align-items:start;padding-bottom:64px} #om-template-a .om-a-gallery{grid-area:photo;min-width:0;padding-bottom:22px} #om-template-a .om-a-galleryphoto{margin:0} #om-template-a .om-a-galleryphoto>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;background:#ffffff} #om-template-a .om-a-gallery-panel-1>img{aspect-ratio:1} #om-template-a .om-a-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px;max-width:340px} #om-template-a .om-a-thumbs button{display:flex;min-width:0;flex-direction:column;gap:7px;padding:0 0 9px;background:none;border-bottom:2px solid transparent;text-align:left;min-height:44px} #om-template-a .om-a-thumbs button[aria-pressed=true]{border-bottom-color:var(--navy)} #om-template-a .om-a-thumbs button[aria-pressed=true] img{outline:2px solid var(--navy);outline-offset:-2px} #om-template-a .om-a-thumbs img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} #om-template-a .om-a-intro{grid-area:intro;min-width:0;padding-top:4px} #om-template-a .om-a-origin,#om-template-a .om-a-eyebrow{font-family:var(--heading);font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:12px;line-height:1.5} #om-template-a .om-a-origin{flex-wrap:wrap;row-gap:5px} #om-template-a .om-a-origin-divider{width:26px;height:1px;background:#aa9d83} #om-template-a .om-a-season-badge{padding:4px 8px;border-radius:4px;background:#ad2a24;color:#fff;font-size:13px;font-weight:900;line-height:1.15;letter-spacing:.08em;white-space:nowrap} #om-template-a .om-a-intro .om-a-productname{font-size:clamp(21px,2.6vw,37px);letter-spacing:.08em;margin:10px 0 7px;display:flex;flex-wrap:wrap;align-items:center;gap:9px} #om-template-a .om-a-intro .om-a-productname small{display:inline-block;font-family:var(--serif);font-size:13px;letter-spacing:.09em;padding:2px 5px;line-height:1.4;border:1px solid var(--brown);color:var(--brown);white-space:nowrap} #om-template-a .om-a-intro p{font-size:16px;line-height:1.85} #om-template-a .om-a-pricehero{display:flex;align-items:baseline;gap:6px;margin:19px 0 17px} #om-template-a .om-a-unitcap{font-family:var(--sans);font-weight:600;font-size:15px} #om-template-a .om-a-unitprice { font: 700 44.8px/1 Arial,sans-serif; letter-spacing: 0; font-variant-numeric: lining-nums tabular-nums; } #om-template-a .om-a-pricehero>.om-a-unitcap{margin-right:6px} #om-template-a .om-a-pricehero small{font-size:13px} #om-template-a .om-a-pricehero em{font:normal 12px var(--sans);padding-left:5px} #om-template-a .om-a-purchase{grid-area:buy;border-top:1px solid var(--line);padding-top:17px;outline:none;scroll-margin-top:8px} #om-template-a .om-a-purchase fieldset{padding:0;margin:0;border:0;min-width:0} #om-template-a legend,#om-template-a .om-a-formlabel,#om-template-a .om-a-subtotal>span{font:700 14px/1.65 var(--heading)} #om-template-a legend{padding:0;margin-bottom:7px} #om-template-a legend span,#om-template-a .om-a-subtotal small{font-size:12px;color:#605b55;font-weight:400;margin-left:8px} #om-template-a .om-a-capgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px} #om-template-a .om-a-cap{position:relative;cursor:pointer} #om-template-a .om-a-cap input{position:absolute;opacity:0;left:0;top:0} #om-template-a .om-a-cap>span{background:#ffffff;border:1px solid #96928d;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:56px;line-height:1.45} #om-template-a .om-a-cap b{font-size:20px;font-weight:500} #om-template-a .om-a-cap small{font-size:14px;font-weight:400;color:#56514c} #om-template-a .om-a-yen{font-size:.75em;font-weight:inherit} #om-template-a .om-a-cap input:checked+span{background:var(--navy-light);border:2px solid var(--navy);color:var(--navy)} #om-template-a .om-a-cap input:checked+span:after{content:"✓";position:absolute;top:3px;right:5px;font-size:11px;color:var(--navy)} #om-template-a .om-a-weightnote{font-size:12px;line-height:1.65;color:#605b55;margin:7px 0 13px} #om-template-a .om-a-opts{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:18px} #om-template-a .om-a-formlabel{display:block} #om-template-a .om-a-formlabel select{display:block;margin-top:4px;width:100%;height:44px;padding:0 10px;border:1px solid #cdc7bf;border-radius:0;background:var(--paper);font-size:16px;font-weight:500} #om-template-a .om-a-step{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;text-align:center;border:1px solid #cdc7bf;margin-top:4px;height:44px} #om-template-a .om-a-step button{background:none;height:44px;min-width:42px;font-size:18px} #om-template-a .om-a-step output{font-size:16px} #om-template-a .om-a-subtotal{display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px;gap:8px} #om-template-a :is(.om-a-subtotal strong,.om-a-sticky-total output){font:700 28px/1.2 Arial,sans-serif;white-space:nowrap} #om-template-a .om-a-primary,#om-template-a .om-a-stickybuy button{font-family:var(--heading);background:var(--brown);color:white;font-weight:600;display:flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:9px 17px;font-size:15px;letter-spacing:.06em} #om-template-a .om-a-primary{width:100%;position:relative} #om-template-a .om-a-primary>span{position:absolute;right:18px} #om-template-a .om-a-primary:hover,#om-template-a .om-a-stickybuy button:hover{background:var(--brown-hover)} #om-template-a .om-a-buyfoot{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 12px;margin-top:9px;font-size:12px;color:#56514c} #om-template-a .om-a-buyfoot a{min-height:28px;display:inline-flex;align-items:center} #om-template-a .om-a-taste{padding:clamp(36px,5vw,78px) 0} #om-template-a .om-a-taste-a{background:#ffffff;border-block:1px solid #ddd8d1} #om-template-a .om-a-tastegrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,95px);align-items:center} #om-template-a .om-a-tastegrid img{display:block;width:100%;aspect-ratio:1.95;object-fit:cover} #om-template-a .om-a-taste h2,#om-template-a .om-a-guide h2{margin:12px 0 14px} #om-template-a .om-a-taste p,#om-template-a .om-a-guide p{line-height:1.85;max-width:40em} #om-template-a .om-a-guide{padding-block:54px 75px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px} #om-template-a .om-a-questions{border-top:1px solid #cdc7bf} #om-template-a .om-a-questions details{border-bottom:1px solid #cdc7bf} #om-template-a .om-a-questions summary{list-style:none;min-height:54px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--heading);font-size:14px;font-weight:700;gap:8px;padding:8px 0} #om-template-a .om-a-questions summary::-webkit-details-marker{display:none} #om-template-a .om-a-questions summary::after{content:"＋";font-size:17px;color:var(--brown)} #om-template-a .om-a-questions details[open]>summary::after{content:"−"} #om-template-a .om-a-questions p{font-size:16px;padding:0 16px 18px 0} #om-template-a .om-a-shopfoot{border-top:1px solid var(--line);padding:23px 0 34px} #om-template-a .om-a-shopfoot .om-a-shell{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px} #om-template-a .om-a-shopfoot img{width:138px} #om-template-a .om-a-shopfoot span{font-size:11px;color:#605b55;letter-spacing:.08em} #om-template-a .om-a-stickybuy{display:none} #om-template-a .om-a-stickybuy[hidden]{display:none!important} #om-template-a .om-a-editorcopy{font-family:var(--serif);font-size:clamp(20px,2.1vw,33px);line-height:1.8;letter-spacing:.12em;color:#f7f1e3} @media(max-width:820px){#om-template-a .om-a-shell{width:calc(100% - 44px)} #om-template-a .om-a-productgrid{column-gap:24px} #om-template-a .om-a-headinner{min-height:68px} #om-template-a .om-a-opts{gap:10px} #om-template-a .om-a-buyfoot{font-size:12px} #om-template-a .om-a-headinner nav{gap:18px}} @media(max-width:700px){#om-template-a .om-a-shell{--photo-edge:18px;width:calc(100% - 36px)} #om-template-a .om-a-headinner{min-height:55px} #om-template-a .om-a-logo{width:144px} #om-template-a .om-a-headinner nav{gap:0} #om-template-a .om-a-headinner nav a{display:none} #om-template-a .om-a-order-link{border:0;font-size:12px;padding:4px 0 4px 10px} #om-template-a .om-a-order-link svg{width:18px} #om-template-a .om-a-crumb{margin:10px 0 13px} #om-template-a .om-a-productgrid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"photo" "intro" "buy";padding-bottom:28px;gap:0} #om-template-a .om-a-intro{padding:0} #om-template-a .om-a-origin{font-size:11px} #om-template-a .om-a-intro .om-a-productname{font-size:29px;margin:5px 0 4px} #om-template-a .om-a-intro .om-a-productname small{font-size:11px} #om-template-a .om-a-intro p{font-size:16px;line-height:1.85} #om-template-a .om-a-pricehero{margin:9px 0 13px} #om-template-a .om-a-unitprice{font-size:36.8px} #om-template-a .om-a-unitcap{font-size:14px} #om-template-a .om-a-pricehero small{font-size:12px} #om-template-a .om-a-gallery{padding-bottom:20px} #om-template-a .om-a-galleryphoto{width:100%;margin-inline:0} #om-template-a .om-a-galleryphoto>img,#om-template-a .om-a-taste-a .om-a-tastegrid>img{width:calc(100% + var(--photo-edge) + var(--photo-edge));margin-inline:calc(0px - var(--photo-edge));object-fit:cover} #om-template-a .om-a-thumbs{gap:10px;margin-top:13px} #om-template-a .om-a-thumbs button{gap:6px;padding-bottom:8px} #om-template-a .om-a-purchase{padding-top:12px} #om-template-a .om-a-cap>span{min-height:48px} #om-template-a .om-a-capgrid{gap:5px} #om-template-a .om-a-cap b{font-size:18px} #om-template-a legend{margin-bottom:6px} #om-template-a .om-a-weightnote{margin-bottom:10px} #om-template-a .om-a-subtotal{margin-top:12px} #om-template-a .om-a-opts{grid-template-columns:minmax(0,1fr) 124px} #om-template-a .om-a-primary{min-height:48px} #om-template-a .om-a-buyfoot{margin-top:4px} #om-template-a .om-a-buyfoot a{min-height:44px} #om-template-a .om-a-taste{padding:32px 0} #om-template-a .om-a-tastegrid{grid-template-columns:minmax(0,1fr);gap:18px} #om-template-a .om-a-taste h2,#om-template-a .om-a-guide h2{margin:8px 0 10px} #om-template-a .om-a-taste p{font-size:16px} #om-template-a .om-a-taste-a .om-a-tastegrid img{aspect-ratio:2.1} #om-template-a .om-a-guide{padding-block:34px 42px;display:block} #om-template-a .om-a-questions{margin-top:14px} #om-template-a .om-a-questions summary{font-size:14px} #om-template-a .om-a-shopfoot .om-a-shell{gap:10px} #om-template-a .om-a-shopfoot img{width:120px} #om-template-a .om-a-shopfoot span{font-size:10px} #om-template-a .om-a-stickybuy{position:fixed;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 14px max(7px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -3px 14px #27282310} #om-template-a .om-a-stickybuy small,#om-template-a .om-a-stickybuy strong{display:block} #om-template-a .om-a-stickybuy small{font-size:10px;color:#605b55} #om-template-a .om-a-stickybuy strong{font-size:14px} #om-template-a .om-a-stickybuy button{min-height:44px;font-size:13px;padding:8px 12px} #om-template-a .om-a-editorcopy{font-size:20px;letter-spacing:.12em;line-height:1.75}} @media(max-width:360px){#om-template-a .om-a-shell{--photo-edge:14px;width:calc(100% - 28px)} #om-template-a .om-a-stickybuy{padding-inline:8px} #om-template-a .om-a-stickybuy button{padding-inline:9px} #om-template-a .om-a-shopfoot .om-a-shell{display:block} #om-template-a .om-a-shopfoot span{display:block;margin-top:7px}} #om-template-a .om-a-headinner > a,#om-template-a .om-a-shopfoot .om-a-shell > a{display: inline-flex;} #om-template-a .om-a-shopfoot img{height: auto;} #om-template-a .om-a-headinner nav .om-a-order-link{display: flex; padding: 8px 0 8px 22px;} #om-template-a .om-a-crumb a{color:var(--navy);text-decoration:none;} #om-template-a .om-a-crumb a:hover{text-decoration: underline;} #om-template-a .om-a-intro p.om-a-origin{font-size: 12px; line-height: 1.5;} #om-template-a .om-a-pending-price{color: #56514c; font-size: 15px; font-weight: 500;} #om-template-a .om-a-pricehero{margin-block: 15px;} #om-template-a .om-a-cap b{padding-inline: 3px;} #om-template-a .om-a-tastegrid figure{min-width: 0;} #om-template-a .om-a-tastegrid figcaption,#om-template-a .om-a-taste .om-a-source-note{font-size: 14px; color: #605b55; margin-top: 7px;} #om-template-a .om-a-questions a{display: inline-block; margin-left: .45em;} #om-template-a .om-a-stickybuy a{display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 12px; background: var(--brown); color: white; font-size: 13px; font-weight: 600; text-decoration: none;} @media (max-width: 700px){#om-template-a .om-a-headinner nav .om-a-order-link{padding: 4px 0 4px 10px;} #om-template-a .om-a-intro p.om-a-origin{font-size: 11px;} #om-template-a .om-a-pricehero{margin-block: 8px 12px;} #om-template-a .om-a-galleryphoto > img,#om-template-a .om-a-taste-a .om-a-tastegrid figure img{width: calc(100% + 2 * var(--photo-edge)); margin-inline: calc(0px - var(--photo-edge)); object-fit: cover;}} body>.wider,body>.l-footerTop,body>.l-footer{display:none!important} body>.l-wrapper{display:flex;flex-direction:column;width:calc(100% - 48px);max-width:1570px;margin:24px auto!important;padding:0!important;border:0} body>.l-wrapper>:not(.l-main):not(.l-sidebar){display:none} body>.l-wrapper>.l-main{float:none;width:100%;max-width:none;margin:0;padding:0!important;border:0} body>.l-wrapper>.l-main>.dividerBottom, body>.l-wrapper>.l-main>.dividerBottom>.postContents, body>.l-wrapper>.l-main>.dividerBottom>.postContents>.content{margin:0;padding:0;border:0;max-width:none} body>.l-wrapper>.l-main>.dividerBottom>:not(.postContents):not(h1){display:none} body>.l-wrapper>.l-main>.dividerBottom>h1.heading-primary{position:absolute;width:1px!important;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important} #om-template-a{isolation:isolate;display:block;width:100%;font-weight:400;letter-spacing:normal;text-align:left} #om-template-a .om-a-gallery{position:relative} #om-template-a .om-a-gallery-switch{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;overflow:hidden} #om-template-a .om-a-gallery-panel{display:none} #om-template-a #om-a-photo-1:checked~.om-a-gallery-panels .om-a-gallery-panel-1, #om-template-a #om-a-photo-2:checked~.om-a-gallery-panels .om-a-gallery-panel-2, #om-template-a #om-a-photo-3:checked~.om-a-gallery-panels .om-a-gallery-panel-3, #om-template-a #om-a-photo-4:checked~.om-a-gallery-panels .om-a-gallery-panel-4{display:block} #om-template-a .om-a-galleryphoto>svg{display:block;width:100%;height:auto;aspect-ratio:1} #om-template-a .om-a-thumbs .om-a-gallery-thumb{display:flex;min-width:0;flex-direction:column;padding:0 0 3px;background:none;border-bottom:2px solid transparent;text-align:left;min-height:44px;cursor:pointer} #om-template-a .om-a-thumbs :is(img,svg){display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white} #om-template-a #om-a-photo-1:checked~.om-a-thumbs label[for="om-a-photo-1"], #om-template-a #om-a-photo-2:checked~.om-a-thumbs label[for="om-a-photo-2"], #om-template-a #om-a-photo-3:checked~.om-a-thumbs label[for="om-a-photo-3"], #om-template-a #om-a-photo-4:checked~.om-a-thumbs label[for="om-a-photo-4"]{border-bottom-color:var(--navy)} #om-template-a #om-a-photo-1:checked~.om-a-thumbs label[for="om-a-photo-1"]>:is(img,svg), #om-template-a #om-a-photo-2:checked~.om-a-thumbs label[for="om-a-photo-2"]>:is(img,svg), #om-template-a #om-a-photo-3:checked~.om-a-thumbs label[for="om-a-photo-3"]>:is(img,svg), #om-template-a #om-a-photo-4:checked~.om-a-thumbs label[for="om-a-photo-4"]>:is(img,svg){outline:2px solid var(--navy);outline-offset:-2px} #om-template-a #om-a-photo-1:focus-visible~.om-a-thumbs label[for="om-a-photo-1"], #om-template-a #om-a-photo-2:focus-visible~.om-a-thumbs label[for="om-a-photo-2"], #om-template-a #om-a-photo-3:focus-visible~.om-a-thumbs label[for="om-a-photo-3"], #om-template-a #om-a-photo-4:focus-visible~.om-a-thumbs label[for="om-a-photo-4"]{outline:3px solid var(--navy);outline-offset:3px} #om-template-a .om-a-intro .om-a-productname{font-family:var(--heading);font-weight:700;line-height:1.5;color:var(--navy)} #om-template-a .om-a-purchase button:disabled{opacity:1;cursor:not-allowed} #om-template-a .om-a-purchase .om-a-step button:disabled{color:#706b65} #om-template-a .om-a-purchase select:disabled{opacity:1;cursor:not-allowed;-webkit-text-fill-color:currentColor} #om-template-a .om-a-purchase .om-a-cap{cursor:pointer} #om-template-a .om-a-purchase .om-a-primary:disabled:hover{background:var(--brown)} #om-template-a .om-a-galleryphoto>img,#om-template-a .om-a-tastegrid figure>img{max-width:none!important} #om-template-a .om-a-stickybuy a{text-decoration:none} #om-template-a :where(summary,button,a,label){-webkit-tap-highlight-color:transparent} @media(max-width:700px){ #om-template-a .om-a-galleryphoto>svg{width:calc(100% + 2 * var(--photo-edge));max-width:none!important;margin-inline:calc(0px - var(--photo-edge))} } #om-template-a .om-a-cap input:disabled{opacity:0} #om-template-a .om-a-tastegrid figure>img{height:400px} #om-template-a .om-a-original-guide>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;mask:none;-webkit-mask:none} #om-template-a .om-a-variety{padding-block:32px 42px;border-top:1px solid var(--line)} #om-template-a .om-a-variety h2{margin-bottom:10px} #om-template-a .om-a-variety p{margin-bottom:22px} #om-template-a .om-a-variety-art{display:grid;grid-template-columns:800fr 247fr;gap:2.7855%;max-width:1077px;margin-inline:auto} #om-template-a .om-a-variety-art>img{display:block;width:100%;height:auto} #om-template-a .om-a-variety-new{position:relative;container-type:inline-size;background:url(../../assets/tome-guide/wood.jpg) center/cover} #om-template-a .om-a-variety-new::before{display:block;content:"";position:absolute;inset:0 52.2% 0 0;background:var(--navy)} #om-template-a .om-a-variety-new>svg{position:absolute;top:0;left:0;width:100%;height:auto} #om-template-a .om-a-variety-new strong{position:absolute;top:24.5%;left:7%;writing-mode:vertical-rl;font-size:25.5cqw;line-height:1.3;letter-spacing:.07em;font-weight:400;color:white;font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif} #om-template-a .om-a-variety-new span{position:absolute;top:24.5%;bottom:6.2%;right:13.3%;width:25.5%;padding:7cqw 6cqw;background:white;border-radius:4cqw;writing-mode:vertical-rl;font-size:12.2cqw;line-height:1.15;color:black} @media (min-width:992px){ #om-template-a .om-a-taste .om-a-eyebrow{font-size:inherit} #om-template-a .om-a-shell{width:calc(100% - clamp(36px,4.4vw,68px))} #om-template-a .om-a-productgrid{grid-template-columns:minmax(0,1.18fr) minmax(285px,1fr);column-gap:clamp(16px,2.5vw,44px)} } @media (min-width:1160px){ body>.l-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--om-sidebar-min-width,240px),20.5%);column-gap:clamp(22px,2.5vw,40px);align-items:start} body>.l-wrapper:has(> .l-sidebar > .widget_nav_menu #menu-item-1374){column-gap:clamp(22px,2.5vw,40px)} body>.l-wrapper>.l-main{grid-column:1;grid-row:1;min-width:0} body>.l-wrapper>.l-sidebar{grid-column:2;grid-row:1;width:100%;min-width:0} } @media (width < 1160px){ body>.l-wrapper>.l-sidebar{display:block;position:static;width:100%;margin:0;padding:32px 38px;background:#ffffff;border-top:1px solid #d9d8cc} body>.l-wrapper>.l-sidebar::before{content:"お米選び・ご利用ガイド";display:block;margin-bottom:24px;font-size:23px;font-weight:600;color:#444} body>.l-wrapper>.l-sidebar>:not(.widget_nav_menu){display:none} body>.l-wrapper>.l-sidebar>.widget_nav_menu{width:100%;max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none} body>.l-wrapper>.l-sidebar .menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0} body>.l-wrapper>.l-sidebar .menu>.menu-item-has-children{grid-column:1/-1} body>.l-wrapper>.l-sidebar .sub-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 0;padding:0} body>.l-wrapper>.l-sidebar .menu-item{margin:0;padding:0;border:0;list-style:none} body>.l-wrapper>.l-sidebar .menu a{display:block;min-height:44px;margin:0;padding:12px 15px;background:white;border:1px solid #ddd4c4;line-height:1.5;font-size:13px;color:#444;text-decoration:none} body>.l-wrapper>.l-sidebar .menu>.menu-item-has-children>a{font-weight:600} body>.l-wrapper>.l-sidebar .menu a:hover{background:#e8edf4;color:#444} } @media(max-width:700px){ body>.l-wrapper{width:100%;margin:0!important} #om-template-a .om-a-thumbs{gap:8px;margin-top:9px} #om-template-a .om-a-original-guide>img{width:calc(100% + 2 * var(--photo-edge));max-width:none!important;margin-inline:calc(0px - var(--photo-edge));height:auto;object-fit:contain;mask:none;-webkit-mask:none} #om-template-a .om-a-variety-art{width:calc(100% + 2 * var(--photo-edge));margin-inline:calc(0px - var(--photo-edge))} #om-template-a .om-a-variety h2{} body>.l-wrapper>.l-sidebar{padding:28px 18px calc(176px + env(safe-area-inset-bottom))} body>.l-wrapper>.l-sidebar .menu,body>.l-wrapper>.l-sidebar .sub-menu{grid-template-columns:1fr} } #om-template-a .om-a-story{border-bottom:1px solid var(--line)} #om-template-a .om-a-story:nth-of-type(odd){background:#ffffff} #om-template-a .om-a-story--reverse .om-a-tastegrid>figure{grid-column:1;grid-row:1} #om-template-a .om-a-story--reverse .om-a-tastegrid>div{grid-column:2;grid-row:1} #om-template-a .om-a-story figure>svg{display:block;width:100%;height:auto} #om-template-a .om-a-return-buy{padding-block:30px 42px;border-top:1px solid var(--line)} #om-template-a .om-a-return-buy h2{margin-bottom:10px} #om-template-a .om-a-return-buy p{margin-bottom:18px} #om-template-a .om-a-return-buy a{font-family:var(--heading);font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 24px;min-height:48px;background:var(--brown);color:#fff;text-decoration:none} @media(max-width:700px){ #om-template-a .om-a-story--reverse .om-a-tastegrid>:is(figure,div){grid-column:auto;grid-row:auto} #om-template-a .om-a-story figure>svg{width:calc(100% + 2 * var(--photo-edge));max-width:none;margin-inline:calc(0px - var(--photo-edge))} #om-template-a .om-a-return-buy a{font-family:var(--heading);font-size:16px;font-weight:700;display:flex;width:100%} } @media(max-width:768px){ #om-template-a h2{font-size:18px;font-weight:900} #om-template-a .om-a-intro .om-a-productname{font-size:29px;font-weight:900} } #om-template-a .om-a-intro--centered{padding-bottom:16px;color:#000} #om-template-a .om-a-intro--centered .om-a-productname{display:block;margin:0 0 6px;text-align:center;color:inherit} #om-template-a .om-a-intro--centered .om-a-product-place{display:block;font-size:15px;font-weight:700;line-height:1.5;color:inherit;margin-bottom:3px;text-align:inherit} #om-template-a .om-a-intro--centered .om-a-origin{justify-content:center;gap:10px;color:inherit} #om-template-a .om-a-intro--centered .om-a-origin-divider{width:1px;height:10px} #om-template-a .om-a-intro--centered .om-a-intro-copy{text-align:center;margin-top:12px} #om-template-a .om-a-stickybuy--controls [hidden]{display:none} @media(max-width:700px){ #om-template-a .om-a-stickybuy--controls{display:block;padding:0;max-height:54dvh;overflow-y:auto;overscroll-behavior:contain;background:none;border-top:0;box-shadow:none} #om-template-a .om-a-sticky-fields .om-a-sticky-product{width:fit-content;max-width:100%;padding:6px 14px;font:700 16px/1.4 var(--heading);overflow-wrap:anywhere;color:#fff;background:var(--navy);border-radius:8px 8px 0 0} #om-template-a .om-a-sticky-panel{padding:7px 14px max(7px,env(safe-area-inset-bottom));background:#efd5a7 url(../../assets/tome-guide/wood.jpg) center top / 300px auto repeat} #om-template-a .om-a-sticky-options{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.2fr) minmax(0,.65fr);gap:6px} #om-template-a .om-a-sticky-options label{font:700 12px/1.35 var(--heading)} #om-template-a .om-a-sticky-options select{display:block;width:100%;height:44px;margin-top:3px;padding-inline:4px;border:1px solid #cdc7bf;border-radius:0;background:var(--paper);font-size:16px} #om-template-a .om-a-sticky-submit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;margin-top:6px} #om-template-a .om-a-sticky-total{line-height:1.3} #om-template-a .om-a-sticky-total small{font-size:10px;color:var(--ink)} #om-template-a .om-a-stickybuy--controls button{width:100%;min-height:44px;text-align:center;letter-spacing:0;padding-inline:6px} body>.l-wrapper>.l-main{position:relative;z-index:1} html:has(.om-a-stickybuy--controls){scroll-padding-bottom:calc(154px + env(safe-area-inset-bottom))} } @media(max-width:700px) and (prefers-reduced-motion:no-preference){ #om-template-a .om-a-stickybuy--controls:not([hidden]){animation:om-a-sticky-slide-up 240ms ease-out both} } @keyframes om-a-sticky-slide-up{ from{transform:translateY(105%)} to{transform:translateY(0)} } #om-template-a .om-a-capgrid--six{grid-template-columns:repeat(3,minmax(0,1fr))} #om-template-a .om-a-cap--unavailable{cursor:default} #om-template-a .om-a-cap--unavailable>span{background:#f6f6f6;color:#5c5750} #om-template-a .om-a-cap--unavailable small{font-size:12px} #om-template-a .om-a-unavailable{font-weight:700;padding:12px 0} #om-template-a .om-a-legacy-anchor{display:block} .content:has(>.om-a-existing-product) .om-a-inline-return{display:flex;justify-content:center;padding-block:24px} .content:has(>.om-a-existing-product) .om-a-inline-return a{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:10px 20px;background:#513f23;color:white;text-decoration:none} #om-template-a .om-a-cap{display:flex;min-width:0} #om-template-a .om-a-cap>span{width:100%;border:1px solid #96928d;white-space:nowrap} #om-template-a .om-a-cap input:checked+span{border:1px solid var(--navy);box-shadow:inset 0 0 0 1px var(--navy)} #om-template-a .om-a-cap small{white-space:nowrap} #om-template-a .om-a-subtotal small{display:inline-block;white-space:nowrap} #om-template-a .om-a-opts{grid-template-columns:minmax(0,1fr) minmax(104px,36%);gap:10px} #om-template-a .om-a-step{grid-template-columns:minmax(32px,1fr) 27px minmax(32px,1fr)} #om-template-a .om-a-step button{min-width:0} @media (min-width:701px) and (max-width:991.98px){ #om-template-a .om-a-productgrid{grid-template-columns:minmax(0,1.18fr) minmax(280px,1fr)} } @media (max-width:360px){ #om-template-a .om-a-cap small{font-size:13px} #om-template-a .om-a-cap input:checked+span:after{right:3px} } @media(max-width:700px){ #om-template-a.om-a-existing-product .om-a-stickybuy--controls{z-index:10} .content:has(>.om-a-existing-product) .om-a-inline-return{padding-inline:18px} }