.multiColumn{--column-gap: calc(var(--gutter) * 2);--item-row-gap: var(--pad-b2);--row-col-gap: calc(var(--gutter) * 2);padding-inline:var(--section-inline-start) var(--section-inline-end)}.multiColumn.gapNarrow{--column-gap: var(--gutter);--item-row-gap: calc(var(--pad-b2) * .5)}.multiColumn.gapWide{--column-gap: calc(var(--gutter) * 3);--item-row-gap: calc(var(--pad-b2) * 1.5)}.multiColumn>.contWrap>.head .rte{margin-top:var(--pad-b2)}.multiColumn>.contWrap>.mcList{list-style:none;margin:0}.multiColumn>.contWrap>.mcList>li{display:grid;grid-template-columns:2fr 1fr;align-items:var(--item-align, center);gap:var(--row-col-gap);padding-block:var(--item-row-gap);border-top:1px solid rgba(var(--color-foreground),.1)}.multiColumn>.contWrap>.mcList>li figure{order:2;margin:0;overflow:hidden;border-radius:var(--media-radius)}.multiColumn>.contWrap>.mcList>li figure>img,.multiColumn>.contWrap>.mcList>li figure>content-media{width:100%;height:auto}.multiColumn>.contWrap>.mcList>li figure.ratioSquare{aspect-ratio:1}.multiColumn>.contWrap>.mcList>li figure.ratioPortrait{aspect-ratio:var(--ratioPortrait)}.multiColumn>.contWrap>.mcList>li figure.ratioLandscape{aspect-ratio:var(--ratioLandscape)}.multiColumn>.contWrap>.mcList>li figure.ratioWide{aspect-ratio:var(--ratioWide)}.multiColumn>.contWrap>.mcList>li figure.ratioTall{aspect-ratio:var(--ratioTall)}.multiColumn>.contWrap>.mcList>li figure.ratioBanner{aspect-ratio:2 / 1}:is(.multiColumn>.contWrap>.mcList>li figure.ratioSquare,.multiColumn>.contWrap>.mcList>li figure.ratioPortrait,.multiColumn>.contWrap>.mcList>li figure.ratioLandscape,.multiColumn>.contWrap>.mcList>li figure.ratioWide,.multiColumn>.contWrap>.mcList>li figure.ratioTall,.multiColumn>.contWrap>.mcList>li figure.ratioBanner)>img,:is(.multiColumn>.contWrap>.mcList>li figure.ratioSquare,.multiColumn>.contWrap>.mcList>li figure.ratioPortrait,.multiColumn>.contWrap>.mcList>li figure.ratioLandscape,.multiColumn>.contWrap>.mcList>li figure.ratioWide,.multiColumn>.contWrap>.mcList>li figure.ratioTall,.multiColumn>.contWrap>.mcList>li figure.ratioBanner)>content-media{height:100%;object-fit:cover}.multiColumn>.contWrap>.mcList>li>.content{order:1}.multiColumn>.contWrap>.mcList>li>.content:only-child{grid-column:1 / -1}.multiColumn>.contWrap>.mcList>li>.content>*{margin:0}.multiColumn>.contWrap>.mcList>li>.content>*+*,.multiColumn>.contWrap>.mcList>li>.content>.contentBody>*+*{margin-top:.75em}.multiColumn>.contWrap>.mcList>li>.content>.contentBody{display:contents;min-width:0}.multiColumn>.contWrap>.mcList>li>.content>.contentBody>*{margin-block:0}.multiColumn>.contWrap>.mcList>li>.content>.subtitle+.contentBody>:first-child{margin-top:.75em}.multiColumn>.contWrap>.mcList>li>.content .subtitle{line-height:var(--lh100);color:rgb(var(--color-secondary-button-text))}.multiColumn>.contWrap>.mcList>li>.content .rte p{opacity:.75}.multiColumn>.contWrap>.mcList>li>.content .rte p+p{margin-top:.5em}.multiColumn>.contWrap>.mcList>li>.content .detailBtn{margin-top:1.5em}.multiColumn>.contWrap>.mcList>li:first-child{padding-top:0;border-top:none}.multiColumn>.contWrap>.mcList>li:last-child{padding-bottom:0}.multiColumn>.contWrap>.mcList.imgLeft>li{grid-template-columns:1fr 2fr}.multiColumn>.contWrap>.mcList.imgLeft>li figure{order:0}.multiColumn>.contWrap>.mcList.wide3>li{grid-template-columns:3fr 1fr}.multiColumn>.contWrap>.mcList.imgLeft.wide3>li{grid-template-columns:1fr 3fr}.multiColumn>.contWrap>.mcList.even>li{grid-template-columns:1fr 1fr}.multiColumn>.contWrap>.mcList.imageWide>li{grid-template-columns:1fr 2fr}.multiColumn>.contWrap>.mcList.imgLeft.imageWide>li{grid-template-columns:2fr 1fr}.multiColumn>.contWrap>.mcList.noDivider>li{border-top:none;padding-block:calc(var(--item-row-gap) * .5)}.multiColumn>.contWrap>.mcList.noDivider>li:first-child{padding-top:0}.multiColumn>.contWrap>.mcList.noDivider>li:last-child{padding-bottom:0}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack){--arrow-w: 3em;--arrow-h: calc(var(--arrow-w) * .5);--arrow-x: 50%}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack).arrowLeft{--arrow-x: calc(var(--arrow-w) * .5)}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack).arrowRight{--arrow-x: calc(100% - var(--arrow-w) * .5)}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li{position:relative;padding-block:calc(var(--item-row-gap) + var(--arrow-h) * .5)}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li:first-child{padding-top:0}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li:last-child{padding-bottom:0}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li:not(:first-child):before,.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li:not(:first-child):after{content:"";position:absolute;top:calc(var(--arrow-h) * .5);width:calc(var(--arrow-w) * .7071);border-top:1px solid rgb(var(--color-secondary-button-text))}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li:not(:first-child):before{right:calc(100% - var(--arrow-x));transform-origin:right center;transform:rotate(45deg)}.multiColumn>.contWrap>.mcList.hasArrow:not(.stack)>li:not(:first-child):after{left:var(--arrow-x);transform-origin:left center;transform:rotate(-45deg)}.multiColumn>.contWrap>.mcList.subtitleRow>li>.content{display:grid;grid-template-columns:var(--subtitle-w, 5rem) minmax(0,1fr);column-gap:var(--gutter)}.multiColumn>.contWrap>.mcList.subtitleRow>li>.content>*+*{margin-top:0}.multiColumn>.contWrap>.mcList.subtitleRow>li>.content>.contentBody{display:block}.multiColumn>.contWrap>.mcList.subtitleRow>li>.content>.subtitle+.contentBody>:first-child{margin-top:0}.multiColumn>.contWrap>.mcList.subtitleRow>li>.content>.contentBody:only-child{grid-column:1 / -1}.multiColumn>.contWrap>.mcList.stack{--stack-gap: var(--column-gap);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--stack-gap);align-items:flex-start}.multiColumn>.contWrap>.mcList.stack>li{--sep: block;grid-template-columns:1fr;gap:0;padding-block:0;border-top:none}.multiColumn>.contWrap>.mcList.stack>li figure{order:1}.multiColumn>.contWrap>.mcList.stack>li>.content{order:2;margin-top:1.25em}.multiColumn>.contWrap>.mcList.stack>li>.content .rte{line-height:var(--lh150)}.multiColumn>.contWrap>.mcList.stack>li:first-child{padding-top:0}.multiColumn>.contWrap>.mcList.stack.cols2>li:nth-child(odd),.multiColumn>.contWrap>.mcList.stack.cols3>li:nth-child(3n+1),.multiColumn>.contWrap>.mcList.stack.cols4>li:nth-child(4n+1){--sep: none}.multiColumn>.contWrap>.mcList.stack:not(.noDivider),.multiColumn>.contWrap>.mcList.stack.hasArrow{align-items:stretch}:is(.multiColumn>.contWrap>.mcList.stack:not(.noDivider),.multiColumn>.contWrap>.mcList.stack.hasArrow)>li{position:relative;align-content:start}.multiColumn>.contWrap>.mcList.stack:not(.noDivider)>li:before{content:"";display:var(--sep, block);position:absolute;top:0;bottom:0;left:calc(var(--stack-gap) * -.5);border-left:1px solid rgba(var(--color-foreground),.1)}.multiColumn>.contWrap>.mcList.stack.hasArrow{--arrow-w: min(3em, var(--stack-gap) * .8)}.multiColumn>.contWrap>.mcList.stack.hasArrow>li:before,.multiColumn>.contWrap>.mcList.stack.hasArrow>li:after{content:"";display:var(--sep, block);position:absolute;top:50%;right:calc(100% + var(--stack-gap) * .5 - var(--arrow-w) * .25);width:calc(var(--arrow-w) * .7071);border-top:1px solid rgb(var(--color-secondary-button-text));transform-origin:right center}.multiColumn>.contWrap>.mcList.stack.hasArrow>li:before{transform:rotate(45deg)}.multiColumn>.contWrap>.mcList.stack.hasArrow>li:after{transform:rotate(-45deg)}@media screen and (max-width:1024px){.multiColumn>.contWrap>.mcList:not(.stack)>li{grid-template-columns:1fr}.multiColumn>.contWrap>.mcList:not(.stack)>li figure{order:-1}}@media screen and (max-width:1024px){.multiColumn{--row-col-gap: calc(var(--gutter) * 1)}.multiColumn>.contWrap>.mcList.stack{grid-template-columns:repeat(2,1fr)}.multiColumn>.contWrap>.mcList.stack.cols3>li:nth-child(3n+1),.multiColumn>.contWrap>.mcList.stack.cols4>li:nth-child(4n+1){--sep: block}.multiColumn>.contWrap>.mcList.stack.cols3>li:nth-child(odd),.multiColumn>.contWrap>.mcList.stack.cols4>li:nth-child(odd){--sep: none}}@media screen and (max-width:749px){.multiColumn>.contWrap>.mcList.stack{--stack-gap: 2.5em;grid-template-columns:1fr}.multiColumn>.contWrap>.mcList.stack.cols2>li:not(:first-child),.multiColumn>.contWrap>.mcList.stack.cols3>li:not(:first-child),.multiColumn>.contWrap>.mcList.stack.cols4>li:not(:first-child){--sep: block}.multiColumn>.contWrap>.mcList.stack:not(.spScroll):not(.noDivider)>li:before{top:calc(var(--stack-gap) * -.5);bottom:auto;left:0;right:0;border-left:0;border-top:1px solid rgba(var(--color-foreground),.1)}.multiColumn>.contWrap>.mcList.stack:not(.spScroll).hasArrow{--arrow-w: 3em}.multiColumn>.contWrap>.mcList.stack:not(.spScroll).hasArrow>li:before,.multiColumn>.contWrap>.mcList.stack:not(.spScroll).hasArrow>li:after{top:calc(var(--stack-gap) * -.5 + var(--arrow-w) * .25)}.multiColumn>.contWrap>.mcList.stack:not(.spScroll).hasArrow>li:before{right:50%}.multiColumn>.contWrap>.mcList.stack:not(.spScroll).hasArrow>li:after{right:auto;left:50%;transform-origin:left center}.multiColumn>.contWrap>.mcList.stack.spScroll{--sp-card-w: 70%;--sp-bleed: var(--section-inline-end);--fade: 3rem;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--sp-card-w);align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline-end:calc(var(--sp-bleed) * -1);padding-inline-end:var(--sp-bleed)}.multiColumn>.contWrap>.mcList.stack.spScroll.cardWide{--sp-card-w: 85%}.multiColumn>.contWrap>.mcList.stack.spScroll.cardNarrow{--sp-card-w: 55%}.multiColumn>.contWrap>.mcList.stack.spScroll::-webkit-scrollbar{display:none}.multiColumn>.contWrap>.mcList.stack.spScroll[data-fade=start]{mask-image:linear-gradient(to right,transparent 0,#000 var(--fade));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade))}.multiColumn>.contWrap>.mcList.stack.spScroll[data-fade=end]{mask-image:linear-gradient(to left,transparent 0,#000 var(--fade));-webkit-mask-image:linear-gradient(to left,transparent 0,#000 var(--fade))}.multiColumn>.contWrap>.mcList.stack.spScroll>li{scroll-snap-align:start;align-content:start}.multiColumn>.contWrap>.mcList.subtitleRow>li>.content{grid-template-columns:minmax(var(--subtitle-w-sp, min(var(--subtitle-w, 5rem), 5rem)),max-content) minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-multi-column.css.map */