#shop .title{padding:240px 15px 120px;text-align:center}#shop .title h1{font-size:3rem}#shop .title h1 span{font-size:1.8rem;color:#9e8d65;display:block;margin-top:10px}#shop .block1{background-color:var(--main-color);padding-top:140px;padding-bottom:100px;text-align:center}#shop .block1 h2{font-size:2.4rem;margin-bottom:25px}.scroll-contents{width:100%;max-width:1400px;margin:0 auto;position:relative;margin-top:170px;margin-bottom:170px}.scroll-contents .item{display:block;width:100%;max-height:100vh;position:sticky;top:100px;left:0;aspect-ratio:1200/640;cursor:pointer;overflow:hidden;clip-path:inset(100px);filter:grayscale(100%);transition:1s}.scroll-contents .item .bg{width:100%;position:absolute;top:0;left:0;overflow:hidden;display:flex}.scroll-contents .item .bg img{width:50%;height:100%;aspect-ratio:600/640;transition:1s}.scroll-contents .item .bg img:first-of-type{transform:translateY(100%)}.scroll-contents .item .bg img:last-of-type{transform:translateY(-100%)}.scroll-contents .item .bg.pc{display:flex}.scroll-contents .item .bg.sp{display:none}.scroll-contents .item #bg1{z-index:1}.scroll-contents .item #bg1 img:first-of-type,.scroll-contents .item #bg1 img:last-of-type{transform:translateY(0)}.scroll-contents .item #bg2{z-index:2}.scroll-contents .item #bg3{z-index:3}.scroll-contents .item .text-area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;overflow:hidden;width:100%;max-width:420px;height:auto;aspect-ratio:420/95}.scroll-contents .item .text-area .text{width:80%;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%, 0);transition:1s}.scroll-contents .item .text-area #text2,.scroll-contents .item .text-area #text3{transform:translate(-50%, 100px)}.scroll-contents .item .prefecture{position:absolute;width:80px;height:60px;top:calc(50% + 100px);left:50%;transform:translate(-50%, -50%);z-index:10;overflow:hidden}.scroll-contents .item .prefecture>h2{display:block;width:80px;font-size:4rem;color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%, 100%);transition:1s}.scroll-contents .item .prefecture>h2:first-of-type{transform:translate(-50%, 0)}.scroll-contents .item .dot{position:absolute;top:50%;right:100px;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:100px;height:30px;z-index:10}.scroll-contents .item .dot>div{width:60px;height:1px;background-color:#fff;transition:.4s}.scroll-contents .item .dot>div a{display:block;width:100%;height:100%}.scroll-contents .item .dot>div:first-of-type{width:100px}.scroll-contents .item.hover{filter:grayscale(0);clip-path:inset(0)}.scroll-contents #item1{pointer-events:auto}.scroll-contents #item2,.scroll-contents #item3{pointer-events:none}.scroll-contents.item2 #item2{pointer-events:auto}.scroll-contents.item2 #item1,.scroll-contents.item2 #item3{pointer-events:none}.scroll-contents.item2 .item .text-area #text1{transform:translate(-50%, -100px)}.scroll-contents.item2 .item .text-area #text2{transform:translate(-50%, 0)}.scroll-contents.item2 .item #bg1 img:first-of-type{transform:translateY(-100%)}.scroll-contents.item2 .item #bg1 img:last-of-type{transform:translateY(100%)}.scroll-contents.item2 .item #bg2 img:first-of-type,.scroll-contents.item2 .item #bg2 img:last-of-type{transform:translateY(0)}.scroll-contents.item2 .item .prefecture h2:first-of-type{transform:translate(-50%, -100%)}.scroll-contents.item2 .item .prefecture h2:nth-of-type(2){transform:translate(-50%, 0)}.scroll-contents.item2 .item .dot>div:first-of-type{width:60px}.scroll-contents.item2 .item .dot>div:nth-last-of-type(2){width:100px}.scroll-contents.item3 #item3{pointer-events:auto}.scroll-contents.item3 #item1,.scroll-contents.item3 #item2{pointer-events:none}.scroll-contents.item3 .item .text-area #text2{transform:translate(-50%, -100px)}.scroll-contents.item3 .item .text-area #text3{transform:translate(-50%, 0)}.scroll-contents.item3 .item #bg2 img:first-of-type{transform:translateY(-100%)}.scroll-contents.item3 .item #bg2 img:last-of-type{transform:translateY(100%)}.scroll-contents.item3 .item #bg3 img:first-of-type,.scroll-contents.item3 .item #bg3 img:last-of-type{transform:translateY(0)}.scroll-contents.item3 .item .prefecture h2:nth-of-type(2){transform:translate(-50%, -100%)}.scroll-contents.item3 .item .prefecture h2:nth-of-type(3){transform:translate(-50%, 0)}.scroll-contents.item3 .item .dot>div:nth-last-of-type(2){width:60px}.scroll-contents.item3 .item .dot>div:nth-of-type(3){width:100px}.modal{position:fixed;top:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.modal .modal-body{width:80%;height:calc(80% - 120px);max-width:1200px;background-color:#fff;z-index:-1;box-shadow:2px 2px 8px 1px rgba(0,0,0,.2);position:relative;visibility:hidden;opacity:0}.modal .modal-body .modal-close{position:absolute;top:40px;right:40px;cursor:pointer;transition:.4s}.modal .modal-body .modal-close:hover{opacity:.5}.modal .modal-content{display:flex;flex-direction:column;align-items:center;padding:60px;overflow:auto;height:100%}.modal .modal-content h4{font-size:4rem;color:#baa890;margin-top:35px;margin-bottom:120px}.modal .modal-content .card{width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:60px}.modal .modal-content .card .c-item figure{width:100%;height:auto;overflow:hidden}.modal .modal-content .card .c-item figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal .modal-content .card .c-item h5{font-size:1.6rem;text-align:center;margin:0;margin-top:17px;margin-bottom:23px}.modal .modal-content .card .c-item .flex{display:flex;justify-content:center}.modal .modal-content .card .c-item .btn{display:block;width:104px;height:24px;line-height:24px;font-size:1.1rem;border-top:1px solid #f0f3f5;margin:0 16px;text-align:center;transition:.4s}.modal .modal-content .card .c-item .btn svg{margin-left:10px}.modal .modal-content .card .c-item .btn svg path,.modal .modal-content .card .c-item .btn svg polygon{fill:#333;transition:.4s}.modal .modal-content .card .c-item .btn:hover{color:#9e8d65}.modal .modal-content .card .c-item .btn:hover svg path,.modal .modal-content .card .c-item .btn:hover svg polygon{fill:#9e8d65}.modal .modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:49;background-color:rgba(0,0,0,0)}.modal.active{pointer-events:auto}.modal.active .modal-body{z-index:50;animation:.25s ease modalIn forwards}.modal.active .modal-bg{background-color:rgba(0,0,0,.4)}.modal.close .modal-body{visibility:visible;opacity:1;animation:.35s ease .1s modalOut forwards}@keyframes modalIn{0%{visibility:hidden;opacity:0;transform:scale(0.8, 0.8)}65%{transform:scale(1.03, 1.03)}100%{visibility:visible;opacity:1;transform:scale(1, 1)}}@keyframes modalOut{0%{visibility:visible;opacity:1;transform:translateY(0) scale(1, 1)}100%{visibility:hidden;opacity:0;transform:translateY(35px) scale(0.97, 0.97)}}#store .main-visual{padding-top:120px;position:relative}#store .main-visual .main-slide{width:100%;height:auto;height:450px}#store .main-visual .main-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#store .main-visual .main-slide .swiper-pagination{width:150px;height:100%;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;font-size:1.4rem;transition:cubic-bezier(0.77, 0, 0.175, 1) .2s;transform:translateX(-150px);transition-delay:.4s}#store .main-visual .m-text{font-size:1.2rem;position:absolute;top:150px;left:50px;transform:rotate(-90deg);z-index:10;opacity:0;transition:.8s cubic-bezier(0.83, 0, 0.17, 1);transition-delay:.6s}#store .main-visual.active .m-text{opacity:1}#store .main-visual.active .swiper-pagination{transform:translateX(0)}#store .block1{margin-top:140px;text-align:center}#store .block1 h1{font-size:2.4rem;margin-bottom:60px}#store .block1 p{margin-bottom:60px}#store .block2{position:relative;background-color:var(--main-color);padding-top:85px;padding-bottom:80px;margin-top:80px}#store .block2 h2{text-align:center;font-size:3rem;line-height:1;margin-bottom:60px}#store .block2 h2 span{display:block;font-size:1.2rem;font-family:"Josefin Sans";margin-top:20px;color:#9e8d65}#store .block2 .w1500{position:relative;margin:0 auto;width:100%;max-width:1500px}#store .block2 .w1500 iframe{width:56%;aspect-ratio:840/520;max-width:840px;position:relative;z-index:3}#store .block2 .w1500 .w1200{display:flex;justify-content:flex-end;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#store .block2 .w1500 .w1200 .box{width:100%;max-width:410px}#store .block2 .w1500 .w1200 .box h3{color:#9e8d65;font-size:1.2rem}#store .block2 .w1500 .w1200 .box h3+p{margin-bottom:25px}#store .block2 .w1500 .w1200 .box .btn01{margin:60px auto 0}#store .block2 .w1500 .w1200 .bg{position:absolute;top:-295px;right:0;width:319.1056px}#store .block2 .note{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:45px}#store .block2 .note dl{width:48%;max-width:580px;padding:20px 15px;border-bottom:1px solid #cdcdcd}#store .block2 .note dl dt{font-size:1.2rem;color:#9e8d65}#store .block2 .note dl dd{font-size:1.4rem;margin-top:5px}#store .block3{margin-top:120px;margin-bottom:120px}#store .block3 h2{text-align:center;font-size:3rem;line-height:1;margin-bottom:60px}#store .block3 h2 span{display:block;font-size:1.2rem;font-family:"Josefin Sans";margin-top:20px;color:#9e8d65}#store .block3 .staff-area{display:grid;grid-template-columns:repeat(auto-fill, minmax(247px, 1fr));gap:70px}#store .block3 .staff-area figure{width:100%}#store .block3 .staff-area figure figcaption{font-size:1.2rem;text-align:center;margin-top:15px}#store .block3 .staff-area figure img{width:100%;height:auto}#store .block4{padding-top:80px;padding-bottom:80px;background-color:var(--main-color);overflow:hidden}#store .block4 h2{text-align:center;font-size:3rem;line-height:1;margin-bottom:60px}#store .block4 h2 span{display:block;font-size:1.2rem;font-family:"Josefin Sans";margin-top:20px;color:#9e8d65}#store .block4 .swiper{overflow:visible}#store .block4 .swiper-slide{text-align:center;margin-bottom:80px}#store .block4 .swiper-slide figure{width:100%;height:auto;aspect-ratio:448/256;overflow:hidden;background-color:#fff}#store .block4 .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}#store .block4 .swiper-slide img.no-img{-o-object-fit:contain;object-fit:contain}#store .block4 .swiper-slide a:hover img{transform:scale(1.1)}#store .block4 .swiper-slide h3{margin-top:15px;font-size:1.6rem;margin-bottom:30px}#store .block4 .swiper-slide .flex{display:flex;justify-content:center}#store .block4 .swiper-slide .flex .btn{display:block;font-family:"Josefin Sans";width:100%;font-size:1.1rem;transition:.4s;border-top:1px solid #9b9b9b;max-width:105px;padding-top:9px;margin:0 16px}#store .block4 .swiper-slide .flex .btn span{margin-right:6px}#store .block4 .swiper-slide .flex .btn svg path,#store .block4 .swiper-slide .flex .btn svg polygon{transition:.4s}#store .block4 .swiper-slide .flex .btn:hover{color:#9e8d65}#store .block4 .swiper-slide .flex .btn:hover svg path,#store .block4 .swiper-slide .flex .btn:hover svg polygon{fill:#9e8d65}#store .block4 .navigation{display:flex;justify-content:flex-end;margin-bottom:60px;padding:0 50px}#store .block4 .navigation .swiper-button-next,#store .block4 .navigation .swiper-button-prev{position:static;width:48px;height:48px;border:1px solid #9e8d65;border-radius:50%;transition:.4s}#store .block4 .navigation .swiper-button-next svg,#store .block4 .navigation .swiper-button-prev svg{width:12px;height:12px}#store .block4 .navigation .swiper-button-next svg polygon,#store .block4 .navigation .swiper-button-prev svg polygon{fill:#9e8d65;transition:.4s}#store .block4 .navigation .swiper-button-next:hover,#store .block4 .navigation .swiper-button-prev:hover{background-color:#9e8d65}#store .block4 .navigation .swiper-button-next:hover svg polygon,#store .block4 .navigation .swiper-button-prev:hover svg polygon{fill:#fff}#store .block4 .navigation .swiper-button-prev{transform:rotate(180deg);margin-right:40px}#store .block4 .swiper-scrollbar{width:360px;left:50%;transform:translateX(-50%);background-color:#dbccb4}#store .block4 .swiper-scrollbar .swiper-scrollbar-drag{background-color:#9e8d65}#store .btn-area{margin:80px auto}@media screen and (max-width: 767px){#shop .title{padding:180px 15px 80px}#shop .title h1{font-size:2rem}#shop .title h1 span{font-size:1.4rem}#shop .block1{padding:80px 15px}#shop .block1 h2{font-size:1.8rem}.scroll-contents{margin-top:100px;margin-bottom:80px}.scroll-contents .item{filter:grayscale(0);clip-path:inset(20px);aspect-ratio:370/400}.scroll-contents .item .text-area{width:60%}.scroll-contents .item .prefecture{top:65%;height:45px}.scroll-contents .item .prefecture>h2{width:61px;font-size:3rem}.scroll-contents .item .bg img{aspect-ratio:185/400}.scroll-contents .item .bg.pc{display:none}.scroll-contents .item .bg.sp{display:flex}.scroll-contents .item .dot{width:45px;right:20px}.scroll-contents .item .dot>div{width:25px}.scroll-contents .item .dot>div:first-of-type{width:45px}.scroll-contents.item2 .item .dot>div:first-of-type{width:25px}.scroll-contents.item2 .item .dot>div:nth-of-type(2){width:45px}.scroll-contents.item3 .item .dot>div:nth-of-type(2){width:25px}.scroll-contents.item3 .item .dot>div:nth-of-type(3){width:45px}#store .main-visual{padding-top:60px}#store .main-visual h1{bottom:25px;left:50px;font-size:2rem}#store .main-visual h1 span{font-size:2.6rem}#store .main-visual .main-slide{height:170px}#store .main-visual .main-slide .swiper-pagination{width:40px;font-size:1.2rem}#store .main-visual .m-text{top:90px;left:-20px}#store .block1{margin-top:120px;padding:0 15px}#store .block1 h1{font-size:2rem;margin-bottom:45px}#store .block1 p{-moz-text-align-last:left;text-align-last:left}#store .block2 h2{font-size:2rem}#store .block2 h2 span{margin-top:10px}#store .block2 .w1500 iframe{width:100%}#store .block2 .w1500 .w1200{position:static;transform:translate(0);margin-top:25px}#store .block2 .w1500 .w1200 .bg{width:160px;top:-350px;right:-30px}#store .block2 .note dl{width:100%}#store .block3{margin-top:80px;margin-bottom:80px}#store .block3 h2{font-size:2rem}#store .block3 h2 span{margin-top:10px}#store .block3 .staff-area{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:30px}#store .block4{margin-top:80px}#store .block4 h2{font-size:2rem}#store .block4 h2 span{margin-top:10px}#store .block4 .navigation{padding:0 15px;margin-bottom:25px}#store .block4 .navigation .swiper-button-next,#store .block4 .navigation .swiper-button-prev{width:40px;height:40px}#store .block4 .navigation .swiper-button-prev{margin-right:20px}#store .block4 .swiper-slide{margin-bottom:60px}#store .block4 .swiper-scrollbar{width:200px}}/*# sourceMappingURL=shop-template.min.css.map */