@layer project{#product[data-astro-cid-5brzmp7i]{& .l-container.l-2col{margin-bottom:calc(20 * var(--rem));@media screen and (width>=60rem){margin-bottom:calc(80 * var(--rem))}}& .l-2col_main{row-gap:calc(48 * var(--rem));display:grid;@media screen and (width>=60rem){row-gap:calc(180 * var(--rem))}}& .p-sideNav{margin-bottom:0}& .p-menu{row-gap:calc(40 * var(--rem));display:grid;& .p-menu_contents{row-gap:calc(30 * var(--rem));display:grid}@media screen and (width>=60rem){row-gap:calc(60 * var(--rem));& .p-menu_contents{row-gap:calc(48 * var(--rem))}}}& .p-category{row-gap:calc(20 * var(--rem));display:grid;& .p-category_head{align-items:end;gap:calc(8 * var(--rem));display:flex}& .p-category_mark{width:calc(26 * var(--rem))}& .p-category_title{font-family:var(--font-heading);font-size:calc(24 * var(--rem));font-weight:600;line-height:1.2}& .p-category_slider{margin-right:calc(-24 * var(--rem));position:relative}& .p-category_viewport{overflow:hidden}& .p-category_track{gap:calc(16 * var(--rem));scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}}& .p-category_item{flex:0 0 min(calc(315 * var(--vw-min)), calc(315 * var(--rem)));scroll-snap-align:start}& .p-category_nav{top:calc(84 * var(--rem));z-index:var(--z-index-front);width:calc(38 * var(--rem));aspect-ratio:1;cursor:pointer;transition:opacity var(--move-base);border-radius:50%;place-items:center;display:grid;position:absolute;& img{width:100%}&.-prev{left:calc(-16 * var(--rem))}&.-next{right:calc(8 * var(--rem));rotate:-180deg}&[hidden]{display:none}@media (any-hover:hover){&:hover{opacity:var(--move-opacity)}}}@media screen and (width>=40rem){& .p-category_slider{margin-right:calc(-40 * var(--rem))}}@media screen and (width>=60rem){row-gap:calc(32 * var(--rem));& .p-category_head{gap:calc(14 * var(--rem))}& .p-category_mark{width:calc(36 * var(--rem))}& .p-category_title{font-size:calc(32 * var(--rem));line-height:1}& .p-category_slider{margin-right:0}& .p-category_track{gap:calc(32 * var(--rem))}& .p-category_item{flex-basis:calc(312 * var(--rem))}& .p-category_nav{top:calc(82 * var(--rem));width:calc(50 * var(--rem));&.-prev{left:calc(-24 * var(--rem))}&.-next{right:calc(36 * var(--rem))}}}}& .p-card{row-gap:calc(20 * var(--rem));cursor:pointer;display:grid;&:focus-visible{outline:2px solid var(--color-purple);outline-offset:calc(4 * var(--rem))}& .p-card_media{border-radius:calc(6 * var(--rem));aspect-ratio:312/208;overflow:hidden}& .p-card_photo{width:100%}& .p-card_body{row-gap:calc(15 * var(--rem));display:grid}& .p-card_headRow{padding-bottom:calc(15 * var(--rem));border-bottom:1px solid var(--color-border-warm);justify-content:space-between;display:flex}& .p-card_name{font-family:var(--font-heading);font-size:calc(20 * var(--rem));letter-spacing:.06em;transition:color var(--move-base);font-weight:600;line-height:1.2;display:inline-block;position:relative;overflow:hidden;&:before{content:"";background-color:var(--color-purple);opacity:0;transform-origin:0;width:100%;height:1px;transition:opacity var(--move-base), transform var(--move-base);position:absolute;bottom:0;left:0;transform:scaleX(0)}}& .p-card_icon{width:calc(25 * var(--rem));flex-shrink:0;& img{width:100%}}& .p-card_desc{min-height:calc(92 * var(--rem));font-size:calc(15 * var(--rem));letter-spacing:.02em;line-height:1.5}@media (any-hover:hover){&:hover .p-card_name[data-astro-cid-5brzmp7i],&:focus-visible .p-card_name[data-astro-cid-5brzmp7i]{color:var(--color-purple);&:before{opacity:1;transform:scaleX(1)}}}@media screen and (width>=60rem){row-gap:calc(24 * var(--rem));& .p-card_media{border-radius:calc(8 * var(--rem))}}}& .p-column{row-gap:calc(40 * var(--rem));display:grid;position:relative;& .p-column_title{font-family:var(--font-heading);font-size:calc(28 * var(--rem));letter-spacing:.02em;font-weight:600;line-height:1.4}@media screen and (width>=60rem){row-gap:calc(60 * var(--rem));& .p-column_title{font-size:calc(42 * var(--rem));letter-spacing:.06em;line-height:1}& .c-kazariGroup{top:calc(-180 * var(--rem))}}}}.p-modal[data-astro-cid-5brzmp7i]{margin:calc(24 * var(--rem));background:0 0;width:100vw;height:100dvh;padding:0;position:fixed;inset:0;overflow:visible;&::backdrop{background-color:#24202bcc}&:not([open]){display:none}& .p-modal_panel{height:calc(100% - 58 * var(--rem));margin-bottom:calc(58 * var(--rem));display:grid;position:relative;overflow:visible}& .p-modal_kazari{z-index:var(--z-index-back);pointer-events:none;position:absolute;inset:0;& .p-modal_kazariPhoto{width:calc(289 * var(--rem));aspect-ratio:289/138;object-fit:contain;height:auto;position:absolute;&.-top{top:calc(-30 * var(--rem));right:calc(-124 * var(--rem))}&.-bottom{bottom:calc(-22 * var(--rem));left:calc(-124 * var(--rem))}}}& .p-modal_close{top:calc(16 * var(--rem));right:calc(20 * var(--rem));z-index:var(--z-index-front);width:calc(32 * var(--rem));aspect-ratio:1;cursor:pointer;transition:opacity var(--move-base);background-color:#fff;border:1px solid #d9d9d9;border-radius:50%;position:absolute;&:before,&:after{content:"";width:calc(14 * var(--rem));background-color:var(--color-black);border-radius:100vmax;height:1px;position:absolute;top:50%;left:50%;translate:-50% -50%}&:before{rotate:45deg}&:after{rotate:-45deg}@media (any-hover:hover){&:hover{opacity:var(--move-opacity)}}}& .p-modal_content{height:100%;padding:calc(60 * var(--rem)) calc(20 * var(--rem));border-radius:calc(8 * var(--rem));background-image:url(/_astro/washiTexture.CuaX-8IN.png);background-repeat:repeat;overflow:auto}& .p-modal_gallery{row-gap:calc(12 * var(--rem));display:grid}& .p-modal_galleryMain{aspect-ratio:287/191;place-items:center;display:grid;& .p-modal_galleryPhoto{object-fit:cover;border-radius:calc(8 * var(--rem));opacity:0;width:100%;height:100%;transition:opacity var(--move-base);grid-area:1/1;&.is-active{opacity:1}}}& .p-modal_galleryThumbs{row-gap:calc(6 * var(--rem));display:grid}& .p-modal_galleryThumbRow{justify-content:center;column-gap:calc(8 * var(--rem));display:flex}& .p-modal_galleryThumb{cursor:pointer;place-items:center;display:grid;position:relative;&:before,&:after{content:"";opacity:0;transition:opacity var(--move-base);position:absolute}&:before{border-radius:calc(8 * var(--rem));border:2px solid #c4b585;width:100%;height:100%;top:0;left:0}&:after{top:calc(-10 * var(--rem));width:calc(12 * var(--rem));height:calc(10 * var(--rem));background:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='10.3923'%20height='7.5'%20viewBox='0%200%2010.3923%207.5'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Polygon%201'%20d='M5.19615%200L10.3923%207.5H0L5.19615%200Z'%20fill='%23C4B585'/%3e%3c/svg%3e") 50%/contain no-repeat;left:50%;translate:-50%}& img{width:calc(90 * var(--rem));height:calc(60 * var(--rem));object-fit:cover;border-radius:calc(6 * var(--rem))}&.is-active{&:before,&:after{opacity:1}}@media (any-hover:hover){&:not(.is-active):hover{opacity:var(--move-opacity)}}}& .p-modal_info{row-gap:calc(16 * var(--rem));margin-top:calc(20 * var(--rem));display:grid}& .p-modal_title{padding-left:calc(12 * var(--rem));font-family:var(--font-heading);font-size:calc(24 * var(--rem));letter-spacing:.06em;font-weight:600;line-height:1.2;position:relative;&:before{content:"";width:calc(2 * var(--rem));height:calc(100% - calc(3 * var(--rem)));background-color:var(--color-purple);position:absolute;bottom:0;left:0}}& .p-modal_desc{letter-spacing:.02em;line-height:1.8}& .p-modal_flavorPanel{row-gap:calc(10 * var(--rem));padding:calc(20 * var(--rem)) calc(17 * var(--rem));border-radius:calc(6 * var(--rem));background-color:var(--color-cream);display:none;&.is-active{display:grid}}& .p-modal_flavorLabel{font-family:var(--font-heading);font-size:calc(18 * var(--rem));letter-spacing:.02em;text-align:center;font-weight:600;line-height:1.5}& .p-modal_flavorDesc{font-size:calc(15 * var(--rem));letter-spacing:.02em;line-height:1.5}& .p-modal_meta{row-gap:calc(16 * var(--rem));margin-top:calc(20 * var(--rem));display:grid}& .p-modal_metaItem{grid-template-columns:calc(107 * var(--rem)) minmax(0, 1fr);padding-bottom:calc(16 * var(--rem));border-bottom:1px solid var(--color-border-warm);display:grid;&:last-child{border-bottom:none;padding-bottom:0}& dt{font-size:calc(15 * var(--rem));letter-spacing:.02em;font-weight:600;line-height:1.2;display:grid;& span{&:last-child{margin-left:calc(-8 * var(--rem));font-size:calc(14 * var(--rem))}}}& dd{font-size:calc(14 * var(--rem));letter-spacing:.02em;line-height:1.4}&.-discontinued dd[data-astro-cid-5brzmp7i]{color:var(--color-red)}}& .p-modal_navBar{grid-template-columns:calc(38 * var(--rem)) 1fr calc(38 * var(--rem));align-items:center;column-gap:calc(18 * var(--rem));bottom:calc(-20 * var(--rem));width:max-content;display:grid;position:absolute;left:50%;translate:-50% 100%}& .p-modal_indicators{justify-content:center;column-gap:calc(11 * var(--rem));display:flex}& .p-modal_indicator{width:calc(6 * var(--rem));height:calc(6 * var(--rem));background-color:var(--color-white);border-radius:50%;flex-shrink:0;&.is-active{background-color:var(--color-purple)}}& .p-modal_nav{width:calc(38 * var(--rem));height:calc(38 * var(--rem));cursor:pointer;transition:opacity var(--move-base);place-items:center;display:grid;& img{width:100%;height:100%}&.-next img[data-astro-cid-5brzmp7i]{scale:-1 1}&:disabled{opacity:.35;cursor:default}@media (any-hover:hover){&:not(:disabled):hover{opacity:var(--move-opacity)}}}@media screen and (width>=60rem){width:min(80%, calc(960 * var(--rem)));place-items:center;height:auto;margin:auto;display:grid;overflow:visible;& .p-modal_panel{height:auto;margin-bottom:0}& .p-modal_kazari{& .p-modal_kazariPhoto{width:calc(383 * var(--rem));aspect-ratio:383/183;&.-top{top:calc(-80 * var(--rem));right:calc(-240 * var(--rem))}&.-bottom{bottom:calc(-55 * var(--rem));left:calc(-240 * var(--rem))}}}& .p-modal_close{top:min(calc(30 * var(--vw-lg)), calc(30 * var(--rem)));right:min(calc(30 * var(--vw-lg)), calc(30 * var(--rem)));width:min(calc(48 * var(--vw-lg)), calc(48 * var(--rem)));height:min(calc(48 * var(--vw-lg)), calc(48 * var(--rem)));&:before,&:after{width:min(calc(20 * var(--vw-lg)), calc(20 * var(--rem)))}}& .p-modal_content{align-items:start;gap:min(calc(60 * var(--vw-lg)), calc(60 * var(--rem))) min(calc(30 * var(--vw-lg)), calc(30 * var(--rem)));padding:min(calc(80 * var(--vw-lg)), calc(80 * var(--rem)));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"info media""meta meta";display:grid}& .p-modal_gallery{row-gap:min(calc(16 * var(--vw-lg)), calc(16 * var(--rem)));grid-area:media}& .p-modal_galleryMain{aspect-ratio:440/293;& .p-modal_galleryPhoto{border-radius:calc(6 * var(--rem))}}& .p-modal_galleryThumbs{column-gap:calc(14 * var(--rem));flex-wrap:nowrap;display:flex}& .p-modal_galleryThumbRow{display:contents}& .p-modal_galleryThumb{& img{width:calc(78 * var(--rem));height:calc(52 * var(--rem))}}& .p-modal_info{row-gap:min(calc(30 * var(--vw-lg)), calc(30 * var(--rem)));grid-area:info;margin-top:0}& .p-modal_title{padding-left:min(calc(25 * var(--vw-lg)), calc(25 * var(--rem)));font-size:min(calc(28 * var(--vw-lg)), calc(28 * var(--rem)));line-height:1;&:before{left:min(calc(5 * var(--vw-lg)), calc(5 * var(--rem)));width:min(calc(3 * var(--vw-lg)), calc(3 * var(--rem)));height:100%}}& .p-modal_desc{font-size:min(calc(18 * var(--vw-lg)), calc(18 * var(--rem)))}& .p-modal_flavor{margin-top:min(calc(24 * var(--vw-lg)), calc(24 * var(--rem)))}& .p-modal_flavorPanel{min-height:min(calc(123 * var(--vw-lg)), calc(123 * var(--rem)));padding:min(calc(16 * var(--vw-lg)), calc(16 * var(--rem))) min(calc(20 * var(--vw-lg)), calc(20 * var(--rem)))}& .p-modal_meta{justify-content:center;place-items:start center;row-gap:min(calc(10 * var(--vw-lg)), calc(10 * var(--rem)));grid-area:meta;grid-template-rows:auto auto;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}& .p-modal_metaItem{grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;width:100%;padding:0 min(calc(16 * var(--vw-lg)), calc(16 * var(--rem))) min(calc(4 * var(--vw-lg)), calc(4 * var(--rem)));border-bottom:none;grid-row:span 2;place-items:start center;position:relative;&:before{content:"";background-color:var(--color-border-warm);width:1px;height:100%;position:absolute;top:0;left:0}& dt{font-size:min(calc(16 * var(--vw-lg)), calc(16 * var(--rem)));text-align:center;align-content:center;align-self:stretch;& span{&:last-child{font-size:min(calc(16 * var(--vw-lg)), calc(16 * var(--rem)));margin-left:0}}}& dd{font-size:min(calc(14 * var(--vw-lg)), calc(14 * var(--rem)));align-self:start}& .p-modal_metaStorage{text-align:center;& span{display:block}}}& .p-modal_navBar{pointer-events:none;width:auto;display:block;position:absolute;inset:0;translate:none}& .p-modal_indicators{display:none}& .p-modal_nav{z-index:var(--z-index-front);width:min(calc(90 * var(--vw-lg)), calc(90 * var(--rem)));height:min(calc(90 * var(--vw-lg)), calc(90 * var(--rem)));pointer-events:auto;position:absolute;top:50%;translate:0 -50%;&.-prev{left:max(calc(-114 * var(--vw-lg)), calc(-114 * var(--rem)));right:auto}&.-next{left:auto;right:max(calc(-114 * var(--vw-lg)), calc(-114 * var(--rem)))}}}@media screen and (width>=80rem){& .p-modal_nav{&.-prev{left:max(calc(-138 * var(--vw-lg)), calc(-138 * var(--rem)))}&.-next{right:max(calc(-138 * var(--vw-lg)), calc(-138 * var(--rem)))}}}}}