@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap";html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}#mineral{font-family:Noto Sans Japanese,Quicksand,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic,YuGothic,\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  Pro,Hiragino Kaku Gothic Pro,\30e1\30a4\30ea\30aa,Meiryo,Osaka,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.7;margin:0;padding:0;color:#026985;border-bottom:none;text-align:center;letter-spacing:.08em;overflow-x:hidden;background-color:#e3e8e3}#mineral h1,#mineral h2,#mineral h3,#mineral h4{font-weight:400;-webkit-margin-before:0;-webkit-margin-after:0}#mineral img,#mineral video{width:100%;max-width:100%;height:auto}#mineral a{text-decoration:none;color:#000;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;transition:1s ease}#mineral a:hover{opacity:.7}#mineral a,#mineral img,#mineral div,#mineral p,#mineral ul,#mineral li,#mineral video{list-style:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;vertical-align:top;outline:none;border:none;box-sizing:border-box;-webkit-appearance:none}#mineral p{margin:0 0 1em}#mineral h2+h2{margin-top:-.5em}#mineral .title-main:last-of-type{margin-bottom:1em}#mineral .title-sub{margin-bottom:3em}#mineral .txt-left{text-align:justify}#mineral .txt-center{text-align:center}#mineral .txt-right{text-align:right}#mineral .size10{font-size:10px}#mineral .size12{font-size:12px}#mineral .size14{font-size:14px}#mineral .size18{font-size:18px}#mineral .size21{font-size:21px}#mineral .size24{font-size:24px}#mineral .size32{font-size:32px}#mineral .size36{font-size:36px}#mineral .size40{font-size:40px}#mineral .size48{font-size:48px}#mineral .size60{font-size:60px}#mineral .size72{font-size:72px}#mineral .almoni{font-family:"Slabo 27px",serif;letter-spacing:0}#mineral .didot{font-family:Didot,Times New Roman,serif}#mineral .mincho{font-family:Zen Old Mincho,serif;font-weight:400;font-style:normal}@media(min-width:601px){#mineral .sp-item{display:none}#mineral .pc-item{display:block}}@media(max-width:600px){#mineral .pc-item{display:none}#mineral .sp-item{display:block}#mineral,#mineral .size16{font-size:3.8vw}#mineral .size10{font-size:2.8vw}#mineral .size12{font-size:3.2vw}#mineral .size14{font-size:3.4vw}#mineral .size18{font-size:4vw}#mineral .size21{font-size:4.8vw}#mineral .size24{font-size:5vw}#mineral .size32{font-size:6vw}#mineral .size36{font-size:7vw}#mineral .size40{font-size:8vw}#mineral .size48{font-size:10vw}#mineral .size60{font-size:16vw}#mineral .size72{font-size:20vw}}#mineral section{box-sizing:border-box;overflow-x:clip}#mineral .grid-box{display:grid;display:-webkit-grid;column-gap:50px}#mineral .full-box{width:100vw;height:100vh;display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}#mineral .rel-box{position:relative}#mineral .abs-box{position:absolute}#mineral .box-1400{max-width:1400px;margin:auto}#mineral .box-1200,#mineral .box-1000{max-width:1200px;margin:auto}#mineral .box-75p{max-width:75%}#mineral .fix-img{width:100%;height:100%}#mineral .fix-img img{width:100%;height:100%;object-fit:cover}#mineral .txt-white{color:#fff}#mineral .bg-white{background-color:#fff}#mineral .bg-whitealpha{background-color:#ffffffb3}#mineral .bg-lightgreen{background-color:#d1e6e4}#mineral .bg-midgreen{background-color:#94b7bb}#mineral .bg-darkgreen{background-color:#003a40}#mineral .bg-grad{background:#d1e6e4;background:linear-gradient(45deg,#026985,#94b7bb,#d1e6e4)}#mineral .bg-grad-alpha{background:#d1e6e4;background:linear-gradient(45deg,#026985b3,#94b7bbb3,#d1e6e4b3)}#mineral .back-mov{position:fixed;top:0;left:0;width:100vw;z-index:-1}#mineral .back-mov video{width:100vw;object-fit:cover}@media(min-width:601px){#mineral .back-mov,#mineral .back-mov video{height:100vh}}@media(max-width:600px){#mineral .back-mov,#mineral .back-mov video{height:178vw}}#mineral .anime{-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;-ms-transition:1s ease;transition:1s ease;opacity:0;filter:blur(50px)}#mineral .anime-2nd{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}#mineral .anime-3rd{-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}#mineral .up{transform:translateY(30px)}#mineral .active{opacity:1;filter:blur(0);transform:translate(0)}#mineral #intro{position:fixed;left:0;top:0;z-index:100;animation:introduction 5s both;-webkit-animation:introduction 5s both;pointer-events:none}@keyframes introduction{80%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(50px)}}@-webkit-keyframes introduction{80%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(50px)}}#mineral .pc-item .logo-area{top:50px;left:0;right:0;margin:auto;width:300px}#mineral .pc-item .logo-area .logo{width:100px;margin:auto}#mineral .pc-item .logo-area img{margin-bottom:20px}#mineral #fv .pc-item{position:fixed;left:0;right:0;width:100vw;height:100vh;top:0;z-index:0}#mineral #fv .fix-img img{object-position:center bottom}#mineral #fv .sp-item{position:fixed;left:0;right:0;width:100vw;height:50%;z-index:0;top:0}#mineral #fv .sp-item+.sp-item{top:50%;bottom:0}#mineral .sp-item .logo{left:0;right:0;margin:auto;top:4%;width:14%}#mineral .sp-item .title1{bottom:3%;left:15%;right:15%}#mineral .sp-item .title2{top:3%;left:15%;right:15%}#mineral #concept{background:var(--lp-mineral-concept-bg) no-repeat center;background-size:cover}#mineral #concept:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;mix-blend-mode:multiply;background:#006776;background:linear-gradient(45deg,#d1e6e4,#026985)}#mineral #concept h2{margin-bottom:1.5em}#mineral #feature,#mineral #lineup{padding:5em 5%}#mineral #feature>div:nth-of-type(n+2){margin-top:3em}#mineral .feature-right{text-align:right}#mineral .feature-left{text-align:left}#mineral .no-box .almoni{letter-spacing:0}#mineral .no-box .didot{line-height:.7}#mineral #feature .img-box{margin-top:-8%;overflow:hidden}#mineral .feature-right .img-box{border-radius:50% 0 0 50%;margin-right:-5.6%}#mineral .feature-left .img-box{border-radius:0 50% 50% 0;margin-left:-5.6%}#mineral .feature-center .grid-box,#mineral .anker-box{grid-template-columns:1fr 1fr 1fr;-webkit-grid-columns:1fr 1fr 1fr;gap:10px}#mineral .feature-center .grid-box{margin-top:2em}#mineral .reason-box{left:5%;right:5%;padding:3em 5%}#mineral .reason-box h2{margin-bottom:1em}#mineral .graph{margin-top:2em}#mineral .graph .abs-box{left:0;top:0;width:100%;overflow:hidden}#mineral .graph .abs-box img{transform:translateY(100%)}#mineral .graph.active .abs-box img{transform:translateY(0);transition:1s ease .5s;-webkit-transition:1s ease .5s}#mineral #fragrance{overflow:hidden}#mineral .fragrance-area{padding:3em 5% 5em}#mineral .fragrance-triangle{width:80%;margin:.5em auto 0}#mineral .fragrance-triangle .abs-box{top:0;left:0}#mineral #fragrance .text-area{top:5em;left:0;right:0}#mineral .anker-box{margin-bottom:2em}#mineral .anker{display:block;border:solid 1px;line-height:2em}#mineral #lineup .item-box{grid-template-columns:1fr 1fr;-webkit-grid-columns:1fr 1fr;gap:10px}#mineral .item-box p.didot{text-transform:capitalize}#mineral .item-list{padding:3em 10px;margin-top:1em;border-radius:30px}#mineral .item-list li{padding-top:1em}#mineral .item-box p{letter-spacing:0;margin:0}#mineral .item-button{display:inline-block;padding:0 30px;line-height:2em;border-radius:1em;margin:.5em auto 0}#mineral .popup{position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;pointer-events:none;transition:1s ease;-webkit-transition:1s ease;width:100%;height:100%;z-index:100;overflow:auto;padding:1em 5%}#mineral .popup:target{opacity:1;pointer-events:auto}#mineral .popup .bg-white{max-width:450px;padding:3em 20px;border-radius:30px}#mineral .popup img{width:80%}#mineral .popup p{margin-bottom:.5em}#mineral .popup p.didot{margin-bottom:0}#mineral .close-area{left:0;right:0;top:0;bottom:0}#mineral .close-button{top:10px;right:20px;line-height:1;color:#1b6875}@media(min-width:501px){#mineral main{max-width:500px;margin:auto}#mineral main .full-box{width:100%}}@keyframes kirakira{to{transform:translateY(0)}}#mineral #movie h2{z-index:2;margin:auto;left:0;right:0;top:5em}#mineral #menu{left:0;top:0;opacity:0;pointer-events:none;-webkit-transition:1s ease;-moz-transition:1s ease}#mineral #menu.current{opacity:1;pointer-events:auto}#mineral .logo-group{left:15%;left:calc((50% - 250px)/2);transform:translate(-50%)}#mineral .pc-menu{right:15%;right:calc((50% - 250px)/2);transform:translate(50%)}#mineral .pc-menu{line-height:4em}#mineral .drop{display:inline-block;position:fixed;opacity:.8;pointer-events:none;top:-100px;z-index:100;animation-name:kirakira;animation-timing-function:linear;text-align:center;transform:translateY(calc(100vh + 100px))}#mineral .drop img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/14/assets/lp-mineral.css.map */