.btn .mover-r{overflow:hidden}.btn .mover-r span{z-index:3;transition:ease .4s}.btn .mover-r:before{content:'';position:absolute;top:0;left:0;z-index:2;background:#000;width:100%;height:100%;transition:transform 0.4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform:scale(0, 1);transform-origin:right top}.btn .mover-r:hover span{color:#fff}.btn .mover-r:hover:before{transform-origin:left top;transform:scale(1, 1)}.thisfadeon{opacity:0;transform:translateY(-4px);transition-duration:0.5s;transition-delay:0.4s;transition-timing-function:ease-out}.thisfadeon.is-on{opacity:1;transform:translateY(0)}#top{display:flex;flex-direction:column}#top #hero{order:1}#top #lead{order:2}#top #news{order:3}#top #howto{order:4}#top #stores{order:5}#top #hero{margin-bottom:2vw}@media screen and (max-width: 559px){#top #hero{display:none}}#top #hero .hero-upper{display:flex;justify-content:space-between}#top #hero .hero-upper .hero-upper-l{width:39%;margin-right:1.7%}#top #hero .hero-upper .hero-upper-r{width:59.3%}#top #hero .hero-upper .hero-upper-r ul{display:flex;flex-wrap:wrap;justify-content:space-between}#top #hero .hero-upper .hero-upper-r ul li{width:31.4%;margin-bottom:1.7vw}#top #hero .hero-under ul{display:flex;justify-content:space-between}#top #hero .hero-under ul li{width:18.6%}#top #hero-sp{display:none}@media screen and (max-width: 559px){#top #hero-sp{display:block}}#top #hero-sp .hero-upper{display:flex}#top #hero-sp .hero-upper .hero-upper-l{width:65.6%;margin-right:3.2%}#top #hero-sp .hero-upper .hero-upper-r{width:31.2%}#top #hero-sp .hero-upper .hero-upper-r .swiper{margin-bottom:3vw}#top #hero-sp .hero-under{display:flex}#top #hero-sp .hero-under .hero-under-l{width:31.2%;margin-right:3.2%}#top #hero-sp .hero-under .hero-under-l .swiper{margin-bottom:3vw}#top #hero-sp .hero-under .hero-under-r{width:65.6%}#top #lead{width:100%;background:url(../img/top/toppage_ill01.svg),#ffe6f0;background-size:332px 485px;background-repeat:no-repeat, no-repeat;background-position:100px 30px, left;padding:8rem 3%}@media screen and (max-width: 1099px){#top #lead{padding:6rem 1rem}}@media screen and (max-width: 559px){#top #lead{padding:5rem 2.5rem 2rem}}#top #lead .wrap{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between}@media screen and (max-width: 559px){#top #lead .wrap{flex-direction:column}}#top #lead h2{font-size:2.8rem;font-weight:700;letter-spacing:.1rem;line-height:1.5;font-family:"Noto Sans JP",sans-serif;font-feature-settings:"palt";margin-bottom:4.5rem}@media screen and (max-width: 559px){#top #lead h2{font-size:2.4rem;font-weight:700;letter-spacing:.1rem;line-height:1.5;text-align:center}}#top #lead p{font-size:1.6rem;font-weight:400;letter-spacing:0;line-height:1.7;color:#4f4440}#top #lead p:not(:last-child){margin-bottom:3rem}@media screen and (max-width: 559px){#top #lead p br{display:none}}#top #lead picture{width:330px}@media screen and (max-width: 559px){#top #lead picture{width:100%;max-width:150px;margin:2rem auto 0}}#top #news{padding:10rem 1rem;max-width:calc(800px + 2rem);margin:0 auto}#top #news .sec-ttl::first-letter{color:#ff9fc4}@media screen and (max-width: 559px){#top #news{padding:6rem 1rem 4.5rem}}#top #news ul{margin:8rem auto 5rem}@media screen and (max-width: 559px){#top #news ul{margin:4rem auto 4rem}}#top #news ul li{width:100%}#top #news ul li:not(:last-child){border-bottom:1px solid #4f4440}@media screen and (max-width: 559px){#top #news ul li:last-child{border-bottom:1px solid #4f4440}}#top #news ul li a{display:flex;align-items:center;padding:1.5rem 0}@media screen and (max-width: 559px){#top #news ul li a{flex-wrap:wrap;padding:2rem 0}}#top #news ul li p.dates{width:150px;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;line-height:1.5;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width: 559px){#top #news ul li p.dates{width:140px}}#top #news ul li p.dates:after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #000;margin-left:2rem;position:relative;top:-1px}#top #news ul li p.cat{min-width:100px;max-width:170px;padding:0 .5rem;height:24px;margin-right:2rem;display:flex;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;letter-spacing:0;line-height:1;color:#000;background:#4f4440}#top #news ul li p.cat.shops-all{color:#fff;background:#4f4440}#top #news ul li p.cat.shops-harajuku{background:#ffd9e6}#top #news ul li p.cat.shops-terrace{background:#c7ecf9}#top #news ul li p.cat.shops-mogu-mogu{background:#e8def9}#top #news ul li p.cat.shops-kawaii-zoo{background:#fffcc7}#top #news ul li p.cat.shops-yokohama{background:#dff9c7}#top #news ul li p.cat.shops-asakusa{background:#ffe7d2}#top #news ul li p:last-child{flex:1;font-size:1.6rem;font-weight:400;letter-spacing:0;line-height:1.5}@media screen and (max-width: 559px){#top #news ul li p:last-child{flex:auto;width:100%;margin-top:1rem}}#top #news ul li.notfoundtxt{font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:1.5;text-align:center;padding:3rem 0}#top #news .btn_R-corner{margin:0 auto;width:240px;height:40px}#top #news .btn_R-corner a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#000;background:#fff;border:1px solid #000;border-radius:20px;transition:all .2s}@media screen and (max-width: 559px){#top #news .btn_R-corner a{transition:unset}}#top #news .btn_R-corner a span{font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:.3rem;line-height:1}#top #news .btn_R-corner a:before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:7px 0 7px 7px;border-color:transparent transparent transparent #000;margin-right:2rem;transition:all .2s}@media screen and (max-width: 559px){#top #news .btn_R-corner a:before{transition:unset}}#top #news .btn_R-corner a:hover{border:1px solid #4f4440;background:#4f4440;color:#fff}@media screen and (max-width: 559px){#top #news .btn_R-corner a:hover{border:1px solid #000;background:#fff;color:#000}}#top #news .btn_R-corner a:hover:before{border-color:transparent transparent transparent #fff}@media screen and (max-width: 559px){#top #news .btn_R-corner a:hover:before{border-color:transparent transparent transparent #000}}#top #howto{width:100%;background:url(../img/svg/bg_dot_blue.svg);background-size:230px 230px;padding:8rem 3%}@media screen and (max-width: 1099px){#top #howto{padding:6rem 1rem}}@media screen and (max-width: 559px){#top #howto{padding:6rem 1rem 5rem}}#top #howto .wrap{max-width:600px;margin:0 auto}#top #howto .sec-ttl::first-letter{color:#008edd}#top #howto h2+p{margin:5rem 0;font-size:1.6rem;font-weight:400;letter-spacing:0;line-height:1.7;text-align:center}#top #howto h2+p br{display:none}@media screen and (max-width: 559px){#top #howto h2+p{margin:4.5rem 0}#top #howto h2+p br{display:block}}#top #howto .youtube{position:relative;width:100%;padding-top:56.25%}#top #howto .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}#top #howto .btn{width:294px;height:40px;margin:5rem auto 0}#top #howto .btn a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#000;border-radius:20px;background:#fff;border:1px solid #000;transition:all .2s}@media screen and (max-width: 559px){#top #howto .btn a{transition:unset}}#top #howto .btn a span:nth-of-type(1){font-family:"Inter",sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:.2rem;line-height:1}#top #howto .btn a span:nth-of-type(2){font-family:"Noto Sans JP",sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.2rem;line-height:1;position:relative;top:-1px}#top #howto .btn a:before{content:"";background:url(../img/svg/ic_youtube.svg);display:inline-block;width:24px;height:17px;background-size:cover;margin-right:2rem;transition:all .2s}@media screen and (max-width: 559px){#top #howto .btn a:before{transition:unset}}#top #howto .btn a:hover{color:#fff;background:#4f4440;border:1px solid #4f4440}@media screen and (max-width: 559px){#top #howto .btn a:hover{color:#000;background:#fff;border:1px solid #000}}#top #howto .btn a:hover:before{background:url(../img/svg/ic_youtube_white.svg)}@media screen and (max-width: 559px){#top #howto .btn a:hover:before{background:url(../img/svg/ic_youtube.svg)}}