@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap";*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none !important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size: 100dvb){:where(html){block-size:100%}}@media(prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;-webkit-border-before:1px solid;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color, Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;width:1px !important;overflow:hidden !important;position:absolute !important;white-space:nowrap !important;border:0 !important}.for-sp{display:none}@media screen and (max-width: 767px){.for-sp{display:initial}}@media screen and (max-width: 767px){.for-pc{display:none}}.flex-col{display:flex}@media screen and (max-width: 767px){.flex-col.sp-column{flex-direction:column}}html{scroll-behavior:smooth}body{font-family:"Noto Sans JP",sans-serif;background-color:#fff;color:#333}header{display:flex;height:20vh;align-items:center;justify-content:center}header h1 img{width:160px}header .sns{position:absolute;right:5vw}@media screen and (max-width: 767px){header{width:90%;height:15vh;margin:auto;justify-content:space-between}header h1 img{width:140px}header .sns{position:relative;right:0}}#mv{display:flex;justify-content:center;background:var(--kalmol-color);width:100%;height:80vh;background-image:url(../img/bg_mv.png);background-repeat:repeat-x;background-size:auto 100%;background-position:center}#mv svg{width:100%;max-width:1300px;margin:10vh 2%}@media screen and (max-width: 767px){#mv{height:auto}#mv svg{margin-top:7vh;margin-bottom:7vh}}#map{position:relative;z-index:1;background-image:url(../img/bg_map.svg);padding:0 5vw;display:flex;justify-content:center}#map g[id^=btn_]{cursor:pointer}#map g[id^=btn_]:hover rect{transition:all .5s ease-out;fill:#760a17}#map .cls-1{stroke:#d39ea4}@media screen and (max-width: 767px){#map{overflow-x:scroll;display:inherit}#map svg{width:240%;max-inline-size:none}}.area{text-align:center;padding:0 3.5vw 70px 3.5vw;position:relative}@media screen and (max-width: 767px){.area{padding:0 0 70px 0}}.area:nth-child(odd){background:linear-gradient(180deg, rgba(255, 255, 255, 0) 25px, #F8F8F5 25px)}.area:nth-child(even){background:linear-gradient(180deg, #F8F8F5 25px, rgba(255, 255, 255, 0) 25px)}.area>div{text-align:left}.area h2{color:#fff;position:sticky;top:0;left:0;right:0;z-index:10;height:55px;line-height:55px;margin-bottom:50px;margin-left:-3.5vw;margin-right:-3.5vw;background-image:url(../img/bg_area-name.svg);background-position:center top;background-repeat:no-repeat}.area h2:before{content:"";position:absolute;border-bottom:1px solid #760a17;left:0;right:0;top:27px;height:1px;z-index:-1}.area h2::after{content:attr(data-en);display:block;position:absolute;top:120%;left:0;right:0;margin:auto;color:#760a17;font-size:.6em;line-height:1em}@media screen and (max-width: 767px){.area h2{margin-left:0;margin-right:0;transform:scale(0.8)}.area h2:before{top:20px;transform:scale(1.25)}}.area .shop{display:flex;justify-content:space-evenly;align-items:flex-start;margin:0 0 50px 0;padding-top:70px}@media screen and (max-width: 767px){.area .shop{overflow:hidden;flex-direction:column !important}}.area .shop:nth-child(odd){flex-direction:row-reverse}.area .shop+.shop{position:relative;padding-top:150px}.area .shop+.shop::before{content:url(../img/sepalate.svg);position:absolute;top:50px}@media screen and (max-width: 767px){.area .shop+.shop::before{display:none}}.area .shop .info{width:32vw;max-width:480px;background:var(--kalmol-color);padding:40px 0;display:flex;flex-direction:column;align-items:center;border-radius:10px;position:relative;z-index:1}@media screen and (max-width: 767px){.area .shop .info{font-size:.9em;border-radius:0;width:100%}}.area .shop .info h3{position:relative;color:var(--kalmol-color);font-size:26px;width:105%;padding:11px 0;background:#fff;border:2px solid var(--kalmol-color);text-align:center;letter-spacing:.15em;box-shadow:0 4px 0px rgba(0,0,0,.1333333333)}.area .shop .info h3:after{content:url(../img/shop-title-ribon.svg);position:absolute;right:-15px;z-index:-1}.area .shop .info h3:before{content:url(../img/shop-title-ribon.svg);position:absolute;left:-15px;transform:rotateZ(180deg);z-index:-1}@media screen and (max-width: 767px){.area .shop .info h3{width:100%;border:none}.area .shop .info h3:after,.area .shop .info h3:before{display:none}}.area .shop .info>*:not(h3):not(.bg){max-width:80%;position:relative;z-index:1}@media screen and (max-width: 767px){.area .shop .info>*:not(h3):not(.bg){max-width:85%}}.area .shop .info .btn{background-color:rgba(0,0,0,0);color:#fff;border:1px solid rgba(255,255,255,.5333333333);display:flex;justify-content:center;align-items:center;padding-top:0px;padding-bottom:0px}.area .shop .info .btn:before{content:url(../img/ico_shop.svg);transform:scale(0.6);display:inline-block}.area .shop .info img{border-radius:50%;margin:40px auto}@media screen and (max-width: 767px){.area .shop .info img{margin:30px auto}}.area .shop .info p{color:#fff;line-height:1.7em;margin:1em 0}.area .shop .pick{width:480px;margin-top:100px}@media screen and (max-width: 767px){.area .shop .pick{max-width:80%;margin-top:60px;margin-left:auto;margin-right:auto}}.area .shop .pick h4{width:475px;height:117px;background:url(../img/bg_pick-title.svg);background-repeat:no-repeat;background-size:contain;text-indent:70px;color:var(--kalmol-color);font-size:20px;margin:auto;line-height:1.9em}.area .shop .pick h4 span{display:block;font-size:35px}@media screen and (max-width: 767px){.area .shop .pick h4{width:94vw;margin:0px -7vw;line-height:30px;text-indent:50px;height:100px}.area .shop .pick h4 span{font-size:30px}}.area .shop .pick a{position:relative;border-radius:10px;border:2px solid #760a17;background-color:#fff;display:block;text-decoration:none;color:inherit;padding:15px}@media screen and (max-width: 767px){.area .shop .pick a{padding:10px}}.area .shop .pick a>img{position:absolute;max-width:500px;top:-24px;left:-18px}.area .shop .pick a figure img{border-radius:6px;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;width:100%;aspect-ratio:1/.8}.area .shop .pick a figcaption{display:flex;justify-content:space-between;align-items:center;min-height:5em;padding:0 1.2em;position:relative;flex-wrap:wrap}.area .shop .pick a figcaption .comment{font-size:14px;font-weight:bold;width:100%;color:var(--kalmol-color);text-align:center;padding:.5em 0 .1em 0;transform:none;margin-bottom:2em}.area .shop .pick a figcaption .comment span{display:inline-block;border-bottom:3px double var(--kalmol-color)}.area .shop .pick a figcaption .price span{font-size:.7em;opacity:.7;display:inline-block;margin-left:1em}@media screen and (max-width: 767px){.area .shop .pick a figcaption{flex-direction:column;padding:0;justify-content:center}}@media screen and (max-width: 767px){.area .shop .pick a img[src*=pop-]{transform-origin:20px 25px;transform:scale(0.75)}}.area .shop .pick a .btn{padding:6px 0;border-radius:50px;margin-top:30px;margin-left:5%;margin-right:5%;display:flex;align-items:center;justify-content:center}.area .shop .pick a .btn:before{content:url(../img/ico_cart.svg);display:inline-block;margin-right:5px;transform:scale(0.8)}@media screen and (max-width: 767px){.area .shop .pick a .btn{margin-right:0;margin-left:0}}.area .shop .pick .swiper-slide:not(.swiper-slide-active) a{pointer-events:none;border-color:#bbb}.area .shop .pick .swiper-slide-active a:hover{border-color:var(--kalmol-color)}.area .shop .pick .swiper-slide-active a:hover:before{opacity:1}.area .shop .pick .swiper-3d .swiper-slide-shadow{background:rgba(255,255,255,.6)}.area .shop .pick .swiper-button-next,.area .shop .pick .swiper-button-prev{color:#760a17}.area .shop .pick .swiper-pagination-bullet-active{background-color:var(--kalmol-color)}.area .shop .pick .swiper-button-prev{left:-40px}.area .shop .pick .swiper-button-next{right:-40px}.area .shop .pick .swiper-pagination{bottom:-30px}.banner{display:flex;justify-content:center;gap:20px;padding:50px 0}@media screen and (max-width: 767px){.banner{flex-direction:column;align-items:center}}.banner a{display:inline-block;font-size:13px;text-align:center;text-decoration:none;color:inherit}.banner a img{max-width:275px;margin-bottom:.6em}footer{background-color:var(--kalmol-color);padding:30px 0;color:#fff;position:relative}footer .shops{display:flex;gap:1vw;justify-content:center;width:80%;margin:30px auto;z-index:1;position:relative}@media screen and (max-width: 767px){footer .shops{gap:0;flex-wrap:wrap;width:100%}footer .shops>div{width:49%}}footer .shops h3{color:var(--kalmol-color);text-align:center;width:180px;height:30px;margin:0 auto;background-image:url(../img/bg_footer-area.svg);background-repeat:no-repeat;font-size:1rem}@media screen and (max-width: 767px){footer .shops h3{width:170px;background-size:contain;margin-top:20px}}footer .shops ul{margin-top:10px}footer .shops ul li a{text-decoration:none;color:#fff;display:inline-block;padding-top:.2em;padding-bottom:.2em;padding-left:1em}footer .shops ul li a:hover{text-decoration:underline}footer .flex-col{z-index:1;position:relative;width:80%;margin:100px auto 30px auto;justify-content:space-between;align-items:center}footer .logo{text-align:center}footer .logo img{width:200px;background-color:#fff;padding:20px 40px}footer .logo small{font-size:.6em}@media screen and (max-width: 767px){footer .sns{margin-top:50px}}.bg{position:absolute;top:0;right:0;bottom:0;width:100%;left:0;z-index:0}.bg:before,.bg>div:before,.bg:after,.bg>div:after{content:url(../img/bg_decoration.svg);position:absolute;line-height:0}.bg:before{top:0;left:0;transform:rotateZ(-90deg)}.bg:after{right:0;top:0}.bg>div:before{bottom:0;left:0;transform:rotateZ(-180deg)}.bg>div:after{bottom:0;right:0;transform:rotateZ(90deg)}.sns ul{display:flex;gap:15px}@media screen and (max-width: 767px){.sns img{transform:scale(0.8)}}.btn{display:inline-block;border-radius:20px;text-decoration:none;color:#fff;background:var(--kalmol-color);padding:.6em 2em;margin:10px;font-weight:bold;text-align:center}.btn:hover{filter:brightness(1.1)}.btn.invert{background:#fff;color:var(--kalmol-color)}:root{--kalmol-color: #C30D23}/*# sourceMappingURL=style.css.map */