@charset "UTF-8";.iroiro-order-section{position:relative;width:100%;height:calc(200svh + var(--iroiro-order-hold, 30svh));background-color:var(--iroiro-order-bg, #f0f0f0);transition:background-color .4s ease}.shopify-section.iroiro-order-wrapper{position:relative;z-index:0}.shopify-section.iroiro-order-wrapper+.shopify-section{position:relative;z-index:1;margin-top:-100svh;background-color:#fff}.iroiro-order-section .iroiro-btn{background-color:#ffffffbf}.iroiro-order-section__inner{position:sticky;top:0;height:100svh;display:flex;align-items:center}.iroiro-order{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title image" "text  image";align-items:center;column-gap:60px;padding-top:200px;padding-bottom:200px}.iroiro-order__title{position:relative;grid-area:title;align-self:end;margin:0 0 40px}.iroiro-order__title:after{background-color:#7fb7cc}.iroiro-order__text{grid-area:text;align-self:start}.iroiro-order__text p:nth-of-type(2){padding:10px 0 40px;font-size:.725rem}.iroiro-order__foil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.iroiro-section.iroiro-order-section{scroll-margin-top:0}.iroiro-order-section.is-foil .iroiro-order__foil{opacity:.38;visibility:visible}.iroiro-order__image{position:relative;grid-area:image;justify-self:end;width:100%;max-width:520px}.iroiro-order__photo{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:455 / 304;object-fit:cover;border-bottom-left-radius:40px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.iroiro-order__photo:first-of-type{position:relative}.iroiro-order__photo.is-current{opacity:1;visibility:visible}.iroiro-order__rack{--iroiro-rod-scale: 1.5;position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--iroiro-gutter)}.iroiro-order__rod{position:relative;width:18px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;height:calc(var(--iroiro-rod-height, 100px) * var(--iroiro-rod-scale, 1));padding:0;border:none;border-radius:4px 4px 0 0;overflow:hidden;cursor:pointer;background-image:linear-gradient(90deg,#ffffff42,#ffffffe0 14%,#ffffff29 27%,#fff0 44%,#00000017 72%,#ffffff75 93%,#ffffff24),linear-gradient(180deg,#ffffff73,#fff0 5%),linear-gradient(var(--iroiro-rod-color, #e9edef),var(--iroiro-rod-color, #e9edef));box-shadow:0 0 0 1px #3c3c3c1f;transition:height .28s ease,box-shadow .28s ease}.iroiro-order__rod.is-current{height:calc(var(--iroiro-rod-height, 100px) * var(--iroiro-rod-scale, 1) + 26px);box-shadow:0 0 0 1px #3c3c3c42}@media(hover:hover){.iroiro-order__rod:hover{height:calc(var(--iroiro-rod-height, 100px) * var(--iroiro-rod-scale, 1) + 10px)}.iroiro-order__rod.is-current:hover{height:calc(var(--iroiro-rod-height, 100px) * var(--iroiro-rod-scale, 1) + 30px)}}.iroiro-order__rod-foil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--iroiro-rod-foil, #c2a44f);opacity:.85;pointer-events:none}@media screen and (max-width:1023px){.iroiro-order{column-gap:40px}.iroiro-order__text p:nth-of-type(2){font-size:.675rem}}@media screen and (max-width:1023px){.iroiro-order-section{height:auto}.shopify-section.iroiro-order-wrapper+.shopify-section{margin-top:0}.iroiro-order-section__inner{position:static;height:auto;flex-direction:column;align-items:stretch;padding:56px 0 0}.iroiro-order{display:flex;flex-direction:column;align-items:stretch;padding-top:0;padding-bottom:0}.iroiro-order__title{order:1;align-self:auto;margin:0 0 32px}.iroiro-order__image{order:2;justify-self:auto;max-width:none;margin:0 0 32px}.iroiro-order__photo{aspect-ratio:4 / 3;height:auto;border-bottom-left-radius:24px}.iroiro-order__text{order:3;align-self:auto;width:100%;font-size:var(--iroiro-font-size)}.iroiro-order__text p:nth-of-type(1){padding:0}.iroiro-order__text p:nth-of-type(2){padding:8px 0 28px}.iroiro-order__rack{--iroiro-rod-scale: 1;position:static;height:160px;margin:auto 0 0;padding:40px var(--iroiro-gutter) 0;justify-content:space-between;gap:13px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.iroiro-order__rack::-webkit-scrollbar{display:none}.iroiro-order__rod{flex:0 0 14px;width:14px}.iroiro-order__rod.is-current{height:calc(var(--iroiro-rod-height, 100px) * var(--iroiro-rod-scale, 1) + 16px)}}@media(prefers-reduced-motion:reduce){.iroiro-order-section,.iroiro-order__photo,.iroiro-order__foil,.iroiro-order__rod{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/iroiro-order.css.map */