[class^=svg-]{width:1em;display:inline-block}.svg-check:before{width:1em;height:1em;background-color:var(--font-color);-webkit-mask-image:url(data:image/svg+xml;base64,\ );mask-image:url(data:image/svg+xml;base64,\ );-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:block;content:""}#container{overflow:hidden}#container:before,#container:after{background-image:url(/images/pages/index/backgrounds/sides/hbfp.svg);background-repeat:no-repeat;width:800px;aspect-ratio:1/.0467;position:absolute;top:0;z-index:10;content:""}#container:before{transform:rotate(-90deg);transform-origin:top right;left:0;translate:-800px}#container:after{transform:rotate(90deg);transform-origin:top left;right:0;translate:800px}@media screen and (min-width: 768px) and (max-width: 1024px){#container:before{left:-1em}#container:after{right:-1em}}@media screen and (min-width: 360px) and (max-width: 768px){#container:before{left:-1em}#container:after{right:-1em}}main>section:nth-child(1)>header>h1{display:flex;flex-direction:column}main>section:nth-child(1)>header>h1>.logo{width:clamp(10%,1em,20%);align-self:center}main>section:nth-child(1)>header>h1>.logo>img{width:100%}main>section:nth-child(1)>header>h1>.title{width:fit-content;font-size:.8rem;font-weight:700;align-self:center;margin-left:25%}main>section:nth-of-type(2n){background-color:#fff}section.search>.form{width:300px;margin:0 auto}section.search>.form>.label{font-size:2em;font-weight:700}section.search>.form>.tabs{margin-top:.3em;display:flex;justify-content:space-between;gap:1em}section.search>.form>.tabs>.item{font-size:.8em;font-weight:700;display:flex;flex-direction:column;align-items:center}section.search>.form>.tabs>.item[data-current=true]:after{width:1em;height:1em;background-color:var(--font-color);-webkit-mask-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPHBhdGggZD0iTTMyIDMySDBWMGgzMnYzMloiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNMTYgMjUuODE4IDI4IDYuMTgySDRsMTIgMTkuNjM2eiIvPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPHBhdGggZD0iTTMyIDMySDBWMGgzMnYzMloiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNMTYgMjUuODE4IDI4IDYuMTgySDRsMTIgMTkuNjM2eiIvPgo8L3N2Zz4=);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:block;width:1.3em;height:1.3em;content:""}section.search>.form>.keyword{margin-top:.3em;position:relative}section.search>.form>.keyword>.form{display:flex;position:relative}section.search>.form>.keyword>.form>.text{flex-basis:auto;flex-grow:1}section.search>.form>.keyword>.form>.text>.input-text{width:100%}section.search>.form>.keyword>.form>.text>.input-text>input{border:0;border-radius:0}section.search>.form>.keyword>.form>.submit>.button>button{background-color:#5e222a;color:#fff;font-size:.9em;font-weight:700;border:0;border-radius:0;display:flex}section.search>.form>.keyword>.form>.submit>.button>button>i{background-color:currentColor;margin-left:-.3em}section.search>.form>.keyword>.form>#suggest{background-color:#eee;margin-top:.5em;padding:1em;display:none;position:absolute;top:100%;left:-50%;right:-50%;z-index:10}section.search>.form>.keyword>.form>#suggest>.words{display:flex;flex-wrap:wrap}section.search>.form>.keyword>.form>#suggest>.words>.item{font-size:.9em;padding:.3em;display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}section.search>.form>.gps{margin-top:.5em;display:none}section.search>.form>.gps>.button{width:100%}section.search>.form>.gps>.button>button{background-color:var(--primary-color);width:100%;color:#fff;font-weight:700;border:0;padding:.5em}section.search>.form>.gps>.button>button>i{background-color:currentColor}@media screen and (min-width: 768px) and (max-width: 1024px){section.search>.form>.gps{display:block}}@media screen and (min-width: 360px) and (max-width: 768px){section.search>.form>.gps{display:block}}[data-device=smartphone] section.search>.form>.keyword>.gps{display:block}section.category{background-image:url(/images/pages/index/backgrounds/titles/category.svg);background-repeat:no-repeat;background-size:auto 65%;background-position:65% 5%}section.category .categories{display:grid;grid-template-columns:repeat(3,auto)}section.category .categories>.item{width:100%}section.category .categories>.item:nth-child(1){grid-column:1;grid-row:1}section.category .categories>.item:nth-child(2){grid-column:1;grid-row:2}section.category .categories>.item:nth-child(3){grid-column:1;grid-row:3}section.category .categories>.item:nth-child(4){grid-column:2;grid-row:1}section.category .categories>.item:nth-child(5){grid-column:2;grid-row:2}section.category .categories>.item:nth-child(6){grid-column:2;grid-row:3}section.category .categories>.item:nth-child(7){grid-column:3;grid-row:1}section.category .categories>.item a{text-decoration:none;display:flex;align-items:center;gap:1em}section.category .categories>.item a>.icon{flex-basis:27%}section.category .categories>.item a>.icon>img{width:100%}section.category .categories>.item a>.wrap{flex-shrink:0;display:flex;flex-direction:column-reverse}section.category .categories>.item a>.wrap>.text{font-weight:700}section.category .categories>.item a>.wrap>.subtext{font-size:2em;font-weight:700}@media screen and (min-width: 360px) and (max-width: 768px){section.category .categories{display:flex;flex-direction:column}section.category .categories>.item>a>.icon{flex-basis:20%}}@media screen and (min-width: 768px) and (max-width: 1024px){section.category .categories{display:flex;flex-direction:row;flex-wrap:wrap}section.category .categories>.item{flex-basis:50%}section.category .categories>.item>a>.icon{flex-basis:27%}}section.shareslope{background-image:url(/images/pages/index/backgrounds/titles/shareslope.svg);background-repeat:no-repeat;background-size:auto 100%;background-position:50% 0}section.shareslope>.container{flex-direction:row}section.shareslope>.container>.side{display:flex;flex-direction:column;gap:1em}section.shareslope>.container>.side>.shareslope{justify-items:flex-end}section.shareslope>.container>.side>.shareslope>img{width:68%}@media screen and (min-width: 768px) and (max-width: 1024px){section.shareslope>.container>.side>.shareslope>img{margin:0 auto}}@media screen and (min-width: 360px) and (max-width: 768px){section.shareslope>.container>.side>.shareslope>img{margin:0 auto}}section.shareslope>.container>.side>.other>img{aspect-ratio:1/.392}@media screen and (min-width: 768px) and (max-width: 1024px){section.shareslope>.container>.side>.other{display:none}}@media screen and (min-width: 360px) and (max-width: 768px){section.shareslope>.container>.side>.other{display:none}}@media screen and (min-width: 768px) and (max-width: 1024px){section.shareslope>.container{flex-direction:column;gap:2em}}@media screen and (min-width: 360px) and (max-width: 768px){section.shareslope>.container{flex-direction:column;gap:2em}}section.newshop{background-image:url(/images/pages/index/backgrounds/titles/newshop.svg);background-repeat:no-repeat;background-size:auto 90%;background-position:63% 0}section.newshop>.content>.stores{width:100%;overflow:hidden}section.newshop>.content>.stores>.wrap>.item{width:calc((100% - 4.5em) / 5.5);margin-right:1em;aspect-ratio:1/1;-webkit-user-select:none;user-select:none}section.newshop>.content>.stores>.wrap>.item>a{width:100%;display:block}section.newshop>.content>.stores>.wrap>.item>a>img{width:100%;aspect-ratio:1;object-fit:contain}@media screen and (min-width: 360px) and (max-width: 768px){section.newshop>.content>.stores>.wrap>.item{width:calc((100% - 2.5em) / 3.5)}}section.newshop>.content>.more{margin-top:1em}section.join{background-image:url(/images/pages/index/backgrounds/titles/join.svg);background-repeat:no-repeat;background-size:auto 35%;background-position:35% 35%}section.join>.container{flex-direction:row}section.join>.container>.side>.sticker>img{width:220px}@media screen and (min-width: 768px) and (max-width: 1024px){section.join>.container>.side>.sticker>img{width:220px;margin:0 auto}}@media screen and (min-width: 360px) and (max-width: 768px){section.join>.container>.side>.sticker>img{width:220px;margin:0 auto}}@media screen and (min-width: 768px) and (max-width: 1024px){section.join>.container{flex-direction:column;gap:2em}}@media screen and (min-width: 360px) and (max-width: 768px){section.join>.container{flex-direction:column;gap:2em}}section.report{background-image:url(/images/pages/index/backgrounds/titles/report.svg);background-repeat:no-repeat;background-size:auto 35%;background-position:50% 20%}section.report>.container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:3%;row-gap:1em}section.report>.container>header{grid-column-start:1;grid-row-start:1}section.report>.container>.catchcopy{grid-column-start:1;grid-row-start:2}section.report>.container>.catchcopy>p{font-size:1.2em;font-weight:700}section.report>.container>.profile{grid-column-start:1;grid-row-start:3;display:flex;flex-direction:column;gap:.5em}section.report>.container>.side{grid-column-start:2;grid-row:span 3/span 3;grid-row-start:1;display:flex;justify-content:flex-end}section.report>.container>.side>img{width:100%}@media screen and (min-width: 768px) and (max-width: 1024px){section.report>.container>.side{justify-content:center}}@media screen and (min-width: 360px) and (max-width: 768px){section.report>.container>.side{justify-content:center}}@media screen and (min-width: 360px) and (max-width: 768px){section.report>.container{display:flex;flex-direction:column}section.report>.container>header{order:1}section.report>.container>.catchcopy{order:2}section.report>.container>.profile{order:4}section.report>.container>.side{order:3}}