﻿br{letter-spacing:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}html{overflow-x:hidden;height:100%;font-size:10px}body{background:#fff;font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;width:100%;line-height:1;color:#444;letter-spacing:0px;-webkit-text-size-adjust:none;position:relative;font-size:1.8rem;font-weight:bold;overflow-x:hidden}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ul,li{list-style:none}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img,picture{font-size:0;width:100%;line-height:0}input[type='submit']{-webkit-appearance:none !important}html,body,header,footer,main,section,div,p,span,h1,h2,h3,h4,h5,h6,ul,li,a,dl,dt,dd{box-sizing:border-box;position:relative}input,textarea,select,option,button{box-sizing:border-box}a{text-decoration:none;color:#333}a:hover{text-decoration:none;color:#39a983;transition:.5s}.flexbox{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:stretch}.jp-quad,h1,h2,h3,h4{font-family:ab-quadra, sans-serif;font-weight:400;font-style:normal}.brpc{display:inline}.brsp{display:none}.inner{width:960px;margin:0 auto}#loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:999}#loading .inner{position:relative;height:100%;width:90%;max-width:960px}#loading .inner .load_guage{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);height:2px;background:orange}#loading .inner .percent{position:absolute;top:64%;left:50%;text-align:center;color:orange}#loading .inner img{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);width:30%}header{background:url("../img/header-bg.png") no-repeat center;overflow-y:hidden}header .inner{height:800px}header .inner h1{width:456px;z-index:3;transition:0.75s cubic-bezier(0.06, 1.76, 0.78, 0.85);position:absolute;top:7rem;left:50%;transform:scale(0) translateX(-50%)}header .inner .illustSet{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}header .inner .illustSet img{position:absolute;transition:1.25s cubic-bezier(0.06, 1.76, 0.78, 0.85);opacity:0}header .inner .illustSet img.tyokusou{width:329px;left:-6.4rem;top:3rem}header .inner .illustSet img.tropical01{width:324px;right:-12rem;top:-3rem}header .inner .illustSet img.tropical02{width:480px;left:-9rem;bottom:-3rem}header .inner .illustSet img.haisou{width:255px;right:10%;bottom:0}header .inner .mainVisual{position:absolute;top:53%;left:50%;z-index:1}header .inner .mainVisual picture{width:350px;display:block;position:absolute;transition:0.75s cubic-bezier(0.06, 1.76, 0.78, 0.85);top:50%;left:50%;transform:scale(0) translate(-50%, -50%);transform-origin:left}header .inner .mainVisual picture:before{content:url("../img/forcusef01.svg");display:block;width:620px;position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%, -50%)}header .inner .mainVisual picture:after{content:url("../img/glitter01.svg");display:block;width:548px;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%)}header .inner .mainVisual picture img{z-index:1;position:relative}header.active .inner h1{transform:scale(1) translateX(-50%);transform-origin:left}header.active .inner .mainVisual picture{transform:scale(1) translate(-50%, -50%)}header.active .inner .illustSet img{position:absolute;opacity:1}header.active .inner .illustSet img.tyokusou{left:-3.4rem;top:3rem}header.active .inner .illustSet img.tropical01{right:-6rem;top:-3rem}header.active .inner .illustSet img.tropical02{left:-3rem;bottom:-3rem}header.active .inner .illustSet img.haisou{right:0;bottom:0}.effect{opacity:0 !important;transition:.75s;top:50px}.effect.inview{opacity:1 !important;top:0}main section h2{font-size:4rem;color:#f63a00;text-align:center;width:100%;margin:0 0 7rem}main section h2 span{font-size:3.2rem}main section h2:before,main section h2:after{content:'';background:url("../img/ill01.png");background-size:100%;width:122px;height:113px;display:inline-block;position:absolute;top:50%}main section h2:before{left:0;transform:scaleX(-1) translateY(-50%)}main section h2:after{right:0;transform:translateY(-50%)}main section#greeting .inner{padding:100px 0;z-index:1}main section#greeting .inner .comment{text-align:center;border:3px dotted #ffa63c;border-radius:4rem;padding:4rem 4rem}main section#greeting .inner .comment p{font-size:2rem;line-height:2.5}main section#greeting .inner .comment p span{color:#f63a00}main section#greeting:before,main section#greeting:after{content:'';background:url("../img/ill02.png") no-repeat;background-size:100%;z-index:0;display:inline-block;width:25vw;height:calc(25vw * .705223);max-width:536px;max-height:378px;position:absolute;top:60%;transform:translateY(-50%)}main section#greeting:before{left:-100px}main section#greeting:after{right:-100px}main section#mango_shoplist ul li{padding:6rem}main section#mango_shoplist ul li .inner{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:stretch}main section#mango_shoplist ul li .inner picture{width:47%;display:block}main section#mango_shoplist ul li .inner .details{width:calc(100% - 47% - 3%);text-align:right}main section#mango_shoplist ul li .inner .details h3{color:#f63a00;font-size:3.2rem;margin-bottom:2rem;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff}main section#mango_shoplist ul li .inner .details h3 span{position:relative;z-index:1}main section#mango_shoplist ul li .inner .details h3 .fonts{font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;font-weight:bold;font-size:107%;top:1px}main section#mango_shoplist ul li .inner .details h3:after{content:'';background:url("../img/ill03-2.png") no-repeat;width:131px;height:66px;display:inline-block;background-size:100%;position:absolute;top:-25px;left:-10px;z-index:0}main section#mango_shoplist ul li .inner .details div .text{line-height:2;}span{color: #f63a00;}main section#mango_shoplist ul li .inner .details .btnSet{position:absolute;bottom:0;right:0;left:auto}main section#mango_shoplist ul li .inner .details .btnSet a{background:url("../img/btn-bg.png") center no-repeat;line-height:1;display:block;padding:1.8rem 4rem 1.5rem 7rem;color:#fff;border-radius:.6rem;font-size:2.4rem}main section#mango_shoplist ul li .inner .details .btnSet a:before{content:url("../img/cursor.svg");display:inline-block;width:4.8rem;position:absolute;bottom:-3rem;left:0;right:auto;transform:rotateZ(15deg);transition:.35s}main section#mango_shoplist ul li .inner .details .btnSet a:after{content:url("../img/click.svg");display:inline-block;width:4.7rem;position:absolute;top:-2rem;left:-2rem;right:auto;transform:rotateZ(-75deg);opacity:0;transition:.35s}main section#mango_shoplist ul li .inner .details .btnSet a:hover{color:yellow}main section#mango_shoplist ul li .inner .details .btnSet a:hover:before{bottom:-2rem}main section#mango_shoplist ul li .inner .details .btnSet a:hover:after{opacity:1;top:-3rem;left:-3rem;right:auto}main section#mango_shoplist ul li:nth-child(odd){background:url("../img/dot-ptn.png") repeat}main section#mango_shoplist ul li:nth-child(odd) .inner{flex-direction:row}main section#mango_shoplist ul li:nth-child(odd) .inner .details{text-align:left}main section#mango_shoplist ul li:nth-child(odd) .inner .details h3:after{content:'';background:url("../img/ill03.png") no-repeat;width:131px;height:66px;display:inline-block;background-size:100%;position:absolute;top:-25px;right:-10px;left:auto}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet{left:0;right:auto}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a{padding:1.8rem 7rem 1.5rem 4rem}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:before{transform:rotateZ(-15deg);left:auto;right:0}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:after{transform:rotateZ(0);right:-2rem;left:auto}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:hover:after{right:-3rem;left:auto}main section#mango_onepoint:before,main section#mango_onepoint:after{position:absolute;display:block;transform:translateY(-50%);z-index:0}main section#mango_onepoint:before{content:url("../img/mango_btm01.png");width:4.32rem;top:30%;left:-10rem}main section#mango_onepoint:after{content:url("../img/mango_btm02.png");width:4.21rem;top:70%;right:34rem}main section#mango_onepoint .inner{padding:10rem 0;z-index:1}main section#mango_onepoint .inner h2{margin:0 0 9rem}main section#mango_onepoint .inner ul{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}main section#mango_onepoint .inner ul li{width:30%}main section#mango_onepoint .inner ul li:after{content:url("../img/arrow.svg");width:6rem;display:inline-block;position:absolute;top:44%;right:-6rem;transform:translateY(-50%);z-index:2}main section#mango_onepoint .inner ul li h3{text-align:center;color:#f74b17;font-size:3rem;margin:0 0 2rem;letter-spacing:.1em}main section#mango_onepoint .inner ul li picture{background:#ffecb9;width:100%;padding:5rem;display:block;border-radius:100%;position:relative;box-sizing:border-box}main section#mango_onepoint .inner ul li p{margin:2rem 0 0;text-align:center;line-height:1.65}main section#mango_onepoint .inner ul li:last-child:after{display:none}#pageTopBtn{position:fixed;bottom:10%;right:3%;z-index:99;width:6rem;cursor:pointer}footer{border-top:5rem solid #ffecb9}footer .inner{padding:10rem}footer .inner a{display:block;width:34.5rem;max-width:345px;margin:0 auto 4rem}footer .inner .copyright{text-align:center}@media screen and (max-width: 960px){.inner{width:90%;max-width:960px}header{background:url("../img/header-bg-tab.png") no-repeat center;overflow-y:hidden;overflow-x:hidden}header .inner{height:800px}header .inner h1{width:60%;z-index:3;top:70px}header .inner .illustSet img{position:absolute}header .inner .illustSet img.tyokusou{width:40%;left:-15rem;top:3rem}header .inner .illustSet img.tropical01{width:40%;right:-21rem}header .inner .illustSet img.tropical02{width:50%;left:-15rem}header .inner .illustSet img.haisou{width:30%;right:-10rem;bottom:0}header .inner .mainVisual{z-index:1}header .inner .mainVisual picture{width:35rem}header.active .inner .illustSet img{position:absolute;opacity:1}header.active .inner .illustSet img.tyokusou{left:-9rem;top:3rem}header.active .inner .illustSet img.tropical01{right:-11rem}header.active .inner .illustSet img.tropical02{left:-9rem}header.active .inner .illustSet img.haisou{right:0;bottom:0}main section h2{font-size:3.6vw;margin:0 0 4vw}main section h2:before,main section h2:after{width:calc(122px * .7);height:calc(113px * .7)}main section h2:before{left:0;transform:scaleX(-1) translateY(-50%)}main section h2:after{right:0;transform:translateY(-50%)}main section#greeting .inner{padding:12vw 0;z-index:1}main section#greeting .inner .comment{padding:5vw}main section#greeting:before,main section#greeting:after{display:none}main section#mango_shoplist ul li{padding:5vw 0}main section#mango_shoplist ul li .inner .details h3{color:#f63a00;font-size:3.4vw;margin-bottom:3vw}main section#mango_shoplist ul li .inner .details div .text{line-height:1.5;margin:0 0 2vw;font-size:2vw}main section#mango_shoplist ul li .inner .details .btnSet{position:relative}main section#mango_shoplist ul li .inner .details .btnSet a{padding:2vw 2vw 1.5vw 6vw;border-radius:1vw;font-size:2vw;display:inline-block;margin:3vw 0 0}main section#mango_shoplist ul li .inner .details .btnSet a:before{width:4vw;bottom:-1.5vw}main section#mango_shoplist ul li .inner .details .btnSet a:after{width:6vw;top:-3.4vw;left:-3.4vw;opacity:1}main section#mango_shoplist ul li .inner .details .btnSet a:hover:before{bottom:-1.5vw}main section#mango_shoplist ul li .inner .details .btnSet a:hover:after{top:-3.4vw;left:-3.4vw}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a{padding:2vw 6vw 1.5vw 2vw}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:before{left:auto}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:after{right:-3.4vw}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:hover:after{right:-3.4vw}main section#mango_onepoint:before,main section#mango_onepoint:after{display:none}main section#mango_onepoint .inner{padding:12vw 0}main section#mango_onepoint .inner h2{margin:0 0 9vw}main section#mango_onepoint .inner ul{align-items:stretch}main section#mango_onepoint .inner ul li{width:30%}main section#mango_onepoint .inner ul li:after{width:6vw;top:36%;right:-5vw}main section#mango_onepoint .inner ul li h3{font-size:3vw;margin:0 0 2vw}main section#mango_onepoint .inner ul li picture{padding:5vw}main section#mango_onepoint .inner ul li p{margin:3vw 0 0;font-size:1.8vw;line-height:1.65}main section#mango_onepoint .inner ul li:last-child:after{display:none}#pageTopBtn{width:8vw}footer{border-top:5rem solid #ffecb9}footer .inner{padding:7vw}footer .inner a{display:block;width:30vw;margin:0 auto 3rem}footer .inner .copyright{text-align:center;font-size:2vw}}@media screen and (max-width: 520px){.brpc{display:none}.brsp{display:inline}header{background:url("../img/header-bg-sp.png") no-repeat center}header .inner{height:180vw;width:100%}header .inner h1{width:90%;top:35vw}header .inner .illustSet img{position:absolute}header .inner .illustSet img.tyokusou{width:55%;left:-15vw;top:2vw}header .inner .illustSet img.tropical01{width:60%;right:-25vw;top:-8vw}header .inner .illustSet img.tropical02{width:60%;left:-25vw;bottom:-5vw}header .inner .illustSet img.haisou{width:60%;right:-5vw;bottom:0}header .inner .mainVisual{top:56%}header .inner .mainVisual picture{width:70vw;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}header .inner .mainVisual picture:before{width:120vw}header .inner .mainVisual picture:after{width:115vw}header .inner .mainVisual picture img{z-index:1;position:relative}header.active .inner .illustSet img{position:absolute;opacity:1}header.active .inner .illustSet img.tyokusou{left:-7vw;top:2vw}header.active .inner .illustSet img.tropical01{right:-15vw;top:-8vw}header.active .inner .illustSet img.tropical02{left:-15vw;bottom:-5vw}header.active .inner .illustSet img.haisou{right:5vw;bottom:0}main section h2{font-size:8vw;margin:0 0 7vw;line-height:1.6}main section h2 span{font-size:6vw}main section h2:before,main section h2:after{width:calc(122px * .4);height:calc(113px * .4);top:75%}main section#greeting .inner{padding:15vw 0}main section#greeting .inner .comment{border-radius:8vw;padding:6vw}main section#greeting .inner .comment p{font-size:4vw}main section#mango_shoplist ul li{padding:15vw 0}main section#mango_shoplist ul li .inner{flex-direction:column}main section#mango_shoplist ul li .inner picture{width:100%;display:block}main section#mango_shoplist ul li .inner .details{width:100%;text-align:left}main section#mango_shoplist ul li .inner .details h3{font-size:7vw;margin:6vw 0;text-align:center}main section#mango_shoplist ul li .inner .details h3:after{width:calc(131px * .5);height:calc(66px * .5);top:-2vw;left:0;z-index:0}main section#mango_shoplist ul li .inner .details div{margin:0 0 6vw}main section#mango_shoplist ul li .inner .details div .text{font-size:4vw}main section#mango_shoplist ul li .inner .details .btnSet{position:relative;width:90%;margin:0 auto}main section#mango_shoplist ul li .inner .details .btnSet a{padding:6vw 1vw 5vw 1vw;border-radius:3vw;width:100%;text-align:center;font-size:5vw}main section#mango_shoplist ul li .inner .details .btnSet a:before{width:12vw;bottom:-4vw}main section#mango_shoplist ul li .inner .details .btnSet a:after{width:10vw;position:absolute;top:-6vw;left:-5vw;right:auto;transform:rotateZ(-75deg)}main section#mango_shoplist ul li:nth-child(odd) .inner{flex-direction:column}main section#mango_shoplist ul li:nth-child(odd) .inner .details h3:after{width:calc(131px * .5);height:calc(66px * .5);top:-2vw;right:0;left:auto;z-index:0}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet{left:0;right:auto}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a{padding:6vw 1vw 5vw 1vw}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:after{right:-5vw}main section#mango_shoplist ul li:nth-child(odd) .inner .details .btnSet a:hover:after{right:-5vw;left:auto}main section#mango_onepoint:before,main section#mango_onepoint:after{display:none}main section#mango_onepoint .inner{padding:15vw 0;z-index:1}main section#mango_onepoint .inner h2{margin:0 0 12vw}main section#mango_onepoint .inner ul{display:flex;flex-direction:column}main section#mango_onepoint .inner ul li{width:100%;margin:0 auto 30vw}main section#mango_onepoint .inner ul li:last-child{margin-bottom:0}main section#mango_onepoint .inner ul li:after{width:10vw;top:auto;bottom:-25vw;right:auto;left:50%;transform:translate(-50%, -50%) rotateZ(90deg)}main section#mango_onepoint .inner ul li h3{text-align:center;width:100%;color:#f74b17;font-size:8vw;margin:0 0 5vw;letter-spacing:.1em}main section#mango_onepoint .inner ul li picture{width:80%;margin:0 auto;padding:10vw}main section#mango_onepoint .inner ul li p{margin:6vw 0 0;font-size:4vw;width:100%}main section#mango_onepoint .inner ul li:last-child:after{display:none}#pageTopBtn{bottom:5%;right:5%;width:12vw}footer{border-top:5rem solid #ffecb9}footer .inner{padding:10vw 0}footer .inner a{display:block;width:60%;margin:0 auto 8vw}footer .inner .copyright{text-align:center;font-size:3vw}}
