@charset "UTF-8";.p-page-feature{position:relative;width:100%;min-height:220px;margin:0 auto;overflow:hidden;border-top:1px solid #9c772e}.p-page-feature__anchor{position:relative;padding-right:30px;font-family:Zen Old Mincho,\6e38\660e\671d\4f53,Yu Mincho,yumincho,"Noto Serif JP",serif;font-size:20px;font-weight:700;transition:opacity .3s ease}.p-page-feature__anchor:hover{opacity:.7}.p-page-feature__anchor .icon{position:absolute;top:50%;right:0;transform:translateY(-50%)}.p-page-feature__anchor--area{display:grid;align-items:center}@media screen and (min-width:769px){.p-page-feature__anchor--area{grid-template-columns:auto 120px;gap:20px}}@media screen and (max-width:768px){.p-page-feature__anchor--area{grid-template-columns:50px 1fr;gap:10px}}.p-page-feature__anchor-heading{color:#9c772e}.p-page-feature__anchor-list{display:grid}@media screen and (min-width:769px){.p-page-feature__anchor-list{grid-template-columns:repeat(4,1fr);gap:25px}}@media screen and (min-width:481px)and (max-width:768px){.p-page-feature__anchor-list{grid-template-columns:repeat(2,1fr);gap:10px 20px}}@media screen and (max-width:480px){.p-page-feature__anchor-list{gap:10px}}.p-page-feature__anchor-text--area{font-weight:700;word-break:auto-phrase}.p-page-feature__anchor-wrap{display:flex;gap:15px 20px;background-color:#fff9ed}@media screen and (min-width:769px){.p-page-feature__anchor-wrap{max-width:1000px;padding:30px 20px;margin:0 auto 80px}}@media screen and (max-width:768px){.p-page-feature__anchor-wrap{flex-direction:column;max-width:480px;padding:15px 20px 30px;margin:0 auto 40px}}.p-page-feature__anchor-wrap--situation{align-items:center;justify-content:space-around}.p-page-feature__anchor-wrap--area{flex-direction:column;align-items:center}.p-page-feature__block{display:grid}@media screen and (min-width:641px){.p-page-feature__block{gap:100px}}@media screen and (max-width:640px){.p-page-feature__block{gap:60px}}.p-page-feature__block-eyecatch{grid-area:eyecatch}.p-page-feature__block-illust{grid-area:illust}.p-page-feature__block-info{display:grid;align-items:center}@media screen and (min-width:641px){.p-page-feature__block-info{gap:40px}}@media screen and (max-width:640px){.p-page-feature__block-info{gap:20px}}@media screen and (min-width:641px){.p-page-feature__block-info--situation{grid-template-areas:"illust title eyecatch" "text text eyecatch";grid-template-columns:auto 1fr 42.5%}}@media screen and (max-width:640px){.p-page-feature__block-info--situation{grid-template-areas:"illust title" "eyecatch eyecatch" "text text";grid-template-columns:auto 1fr}}@media screen and (min-width:641px){.p-page-feature__block-info--area{grid-template-areas:"title eyecatch" "text eyecatch";grid-template-columns:1fr 42.5%}}@media screen and (max-width:640px){.p-page-feature__block-info--area{grid-template-areas:"title" "eyecatch" "text"}}.p-page-feature__block-title{grid-area:title;color:#9c772e}.p-page-feature__block-text{grid-area:text}.p-page-feature__block-wrap{display:grid;gap:200px}.p-page-feature__content{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;width:100%;max-width:1240px;padding:80px 20px 160px;margin:0 auto;pointer-events:none;opacity:0;transform:translate(30px);transition:opacity .35s ease,transform .35s ease}.p-page-feature__content.is-active{position:relative;visibility:visible;pointer-events:auto;opacity:1;transform:translate(0)}.p-page-feature__header{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;margin:0 auto;text-align:center}@media screen and (min-width:769px){.p-page-feature__header{gap:110px;padding:150px 20px 60px}}@media screen and (max-width:768px){.p-page-feature__header{gap:30px;padding:30px 20px 20px}}.p-page-feature__header-description{position:relative;line-height:2}@media screen and (min-width:769px){.p-page-feature__header-description{font-size:18px}}@media screen and (max-width:768px){.p-page-feature__header-description{font-size:16px;text-align:left}}.p-page-feature__header-float{position:absolute;max-width:initial}.p-page-feature__header-float--1{bottom:100px;left:20px}@media screen and (max-width:768px){.p-page-feature__header-float--1{display:none}}@media screen and (min-width:769px){.p-page-feature__header-float--2{top:80px;right:0;transform:translate(10%)}}@media screen and (max-width:768px){.p-page-feature__header-float--2{top:30%;left:100%;max-width:80%;transform:translate(-50%)}}.p-page-feature__header-float--circle1{top:60px;right:1520px}@media screen and (max-width:768px){.p-page-feature__header-float--circle1{display:none}}.p-page-feature__header-float--circle2{bottom:30px;left:1520px}@media screen and (max-width:768px){.p-page-feature__header-float--circle2{display:none}}@media screen and (min-width:769px){.p-page-feature__header-float--left{top:50%;left:0;transform:translate(-100%,-50%)}}@media screen and (max-width:768px){.p-page-feature__header-float--left{top:-40px;right:100%;width:200px;transform:translate(40%)}}@media screen and (min-width:769px){.p-page-feature__header-float--right{top:50%;right:0;transform:translate(100%,-50%)}}@media screen and (max-width:768px){.p-page-feature__header-float--right{top:-20px;left:100%;width:180px;transform:translate(-40%)}}@media screen and (max-width:768px){.p-page-feature__header-icon{width:70px;margin-bottom:15px}}.p-page-feature__header-inner{position:relative;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:769px){.p-page-feature__header-inner{gap:25px}}@media screen and (max-width:768px){.p-page-feature__header-inner{gap:10px}}.p-page-feature__header-sub-title{font-family:Zen Old Mincho,\6e38\660e\671d\4f53,Yu Mincho,yumincho,"Noto Serif JP",serif;font-weight:700;color:#e81903}@media screen and (min-width:769px){.p-page-feature__header-sub-title{font-size:32px}}@media screen and (max-width:768px){.p-page-feature__header-sub-title{font-size:24px}}.p-page-feature__header-title{position:relative;color:#e81903}@media screen and (min-width:769px){.p-page-feature__header-title{font-size:48px}}@media screen and (max-width:768px){.p-page-feature__header-title{font-size:36px}}.p-page-feature__header-wrap{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden;background-color:#faebd9}.p-page-feature__product{display:flex;flex-direction:column;align-items:start}.p-page-feature__product-image{width:100%;aspect-ratio:1/1;margin-bottom:20px;object-fit:cover}.p-page-feature__product-label{display:inline-block;font-family:Zen Old Mincho,\6e38\660e\671d\4f53,Yu Mincho,yumincho,"Noto Serif JP",serif;font-weight:700;color:#fff;background-color:#f39800;border-radius:30px}@media screen and (min-width:641px){.p-page-feature__product-label{padding:5px 25px;margin-bottom:15px;font-size:20px}}@media screen and (max-width:640px){.p-page-feature__product-label{padding:5px 15px;margin-bottom:10px;font-size:14px}}.p-page-feature__product-link{align-self:center;width:min(283px,90%)}.p-page-feature__product-link svg path{stroke:#e81903}.p-page-feature__product-list{display:grid}@media screen and (min-width:841px){.p-page-feature__product-list{grid-template-columns:repeat(3,1fr);gap:80px 5%}}@media screen and (min-width:481px)and (max-width:840px){.p-page-feature__product-list{grid-template-columns:repeat(2,1fr);gap:60px 40px}}@media screen and (max-width:480px){.p-page-feature__product-list{gap:60px}}.p-page-feature__product-price{display:inline-block;font-weight:700}@media screen and (min-width:641px){.p-page-feature__product-price{margin-bottom:15px;font-size:32px}}@media screen and (max-width:640px){.p-page-feature__product-price{margin-bottom:10px;font-size:24px}}.p-page-feature__product-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-height:2}@media screen and (min-width:641px){.p-page-feature__product-text{margin:0 0 35px}}@media screen and (max-width:640px){.p-page-feature__product-text{margin:0 0 20px}}.p-page-feature__product-title{margin-bottom:auto}@media screen and (min-width:641px){.p-page-feature__product-title{font-size:32px}}@media screen and (max-width:640px){.p-page-feature__product-title{font-size:24px}}.p-page-feature__tab{font-family:Zen Old Mincho,\6e38\660e\671d\4f53,Yu Mincho,yumincho,"Noto Serif JP",serif;font-weight:700;color:#9c772e;cursor:pointer;background-color:#fff;border:none;border:1px solid #9c772e;border-radius:0;transition:.3s}.p-page-feature__tab.is-active{color:#fff;background-color:#9c772e}@media screen and (min-width:769px){.p-page-feature__tab{width:35%;min-width:300px;height:80px;padding:18px;font-size:24px;border-bottom:none}}@media screen and (max-width:768px){.p-page-feature__tab{width:100%;height:48px;padding:15px;font-size:20px}}.p-page-feature__tab-wrap{position:relative;display:flex;width:100%;margin:0 auto}@media screen and (min-width:769px){.p-page-feature__tab-wrap{justify-content:space-around;max-width:1200px;padding:0 20px}}@media screen and (max-width:768px){.p-page-feature__tab-wrap{flex-direction:column;gap:25px;max-width:480px;padding:0 20px 35px}}.p-page-feature__wrap{width:100%;overflow:hidden;background:#fff}:root{scroll-behavior:smooth;scroll-padding-top:200px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sf-page-feature.css.map */