/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::after,::before{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}body{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:400;font-style:normal}.clip-svg{position:fixed;bottom:0;left:0;z-index:-1}.rotate{transform-origin:center bottom;animation:character_rotate ease 5s infinite}@keyframes character_rotate{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}.bound{transform-origin:center bottom;animation:character_bound ease .4s infinite}@keyframes character_bound{0%{transform:translateY(0)}50%{transform:translateY(-3%)}100%{transform:translateY(0)}}.bounce{transform-origin:center bottom;animation:character_bounce ease 5s infinite}@keyframes character_bounce{0%{transform:scaleY(1)}4%{transform:scaleY(.8)}8%{transform:scaleY(1.2)}12%{transform:scaleY(.9)}16%{transform:scaleY(1.1)}18%{transform:scaleY(.95)}22%{transform:scaleY(1)}100%{transform:scaleY(1)}}.container{display:flex;justify-content:center;align-items:center;width:100%;height:100dvh;background:#f5770b}.container__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;height:min(100%,max(100dvh,840px));width:100%;background-color:#fff1c9}.container__inner::before{content:"";position:absolute;z-index:-1;inset:0;margin:auto;width:100%;height:100%;background-size:170%;opacity:.5;background-position:center;background-repeat:no-repeat}@media screen and (min-width:480px){.container__inner{overflow:hidden;aspect-ratio:9/16;width:unset;border-radius:24px;box-shadow:0 0 24px rgba(156,76,6,.6)}}.container--yellow .container__inner{background-color:#fff1c9}.container--yellow .container__inner::before{background-image:url(../images/bg-effect-yellow.png)}.container--blue .container__inner{background-color:#e0f7ff}.container--blue .container__inner::before{background-image:url(../images/bg-effect-blue.png)}.container.memory .container__inner::after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.container.memory .character-box .character{opacity:0}.container.memory .character-box .nav{transform:translateY(20%)}.container.memory .play-nav{opacity:0}.container__header{width:100%;height:64px}.container__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:calc(100% - 56px - 24px);aspect-ratio:9/16;flex:1}.container__footer{width:100%;height:24px}.header{display:flex;justify-content:space-between;align-items:center;grid-column:1/2;grid-row:1/2;width:100%;height:100%;gap:8px}.header__logo{width:240px;height:100%;padding:8px 24px 8px 16px;border-radius:0 99em 99em 0;border-right:solid 6px #f5770b;border-bottom:solid 6px #f5770b;border-top:solid 6px #f5770b;position:relative;display:flex;justify-content:center;align-items:center;background-color:#f6892b;transform:translateY(-6px)}.header__inner{flex:1;justify-content:flex-end;height:100%;display:flex;gap:8px;padding:8px}.header__sound{display:block;height:100%;aspect-ratio:1/1;background-position:center;background-size:100%;background-repeat:no-repeat}.header__sound[data-status=on]{background-image:url(../images/button-sound-on.png)}.header__sound[data-status=off]{background-image:url(../images/button-sound-off.png)}.header__cancel{display:block;height:100%;aspect-ratio:1/1;background:url(../images/button-cancel.png) center/100% no-repeat}.footer{display:flex;justify-content:center;align-items:center;grid-column:1/2;grid-row:3/4;width:100%;height:100%;font-size:12px}.memory-button{position:relative;display:flex;align-items:flex-end;width:100%;aspect-ratio:1/1.06}.memory-button__base{position:relative;z-index:1;width:100%;aspect-ratio:1/1;background-color:#e5d3c7;clip-path:url(#button-square)}.memory-button__front{position:absolute;z-index:2;bottom:0;left:0;right:0;margin:0 auto;width:100%;aspect-ratio:1/1;background-color:#f5ece5;clip-path:url(#button-square);transform:translateY(-6%)}.memory-button__core{position:absolute;inset:0;margin:auto;width:88%;transform:translateY(-3%);aspect-ratio:1/1;clip-path:url(#button-square);background:linear-gradient(#c8c8c8,#646464)}.memory-button__core::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity ease .2s}.memory-button__core--1 .memory-button__chara{background-image:url(../images/hoikuma-1.png)}.memory-button__core--1::before{background:linear-gradient(#ff78c0,#ff2660)}.memory-button__core--2 .memory-button__chara{background-image:url(../images/hoikuman-1.png)}.memory-button__core--2::before{background:linear-gradient(#3fdcff,#008bdf)}.memory-button__core--3 .memory-button__chara{background-image:url(../images/hoikuman-2.png)}.memory-button__core--3::before{background:linear-gradient(#ffcf3f,#ffa81f)}.memory-button__core--4 .memory-button__chara{background-image:url(../images/hoikuma-2.png)}.memory-button__core--4::before{background:linear-gradient(#74e655,#009f3f)}.memory-button__chara{position:absolute;z-index:1;inset:0;margin:auto;width:90%;aspect-ratio:1/1;opacity:.6;transition:opacity ease .2s;background-size:100%;background-position:center;background-repeat:no-repeat}.memory-button__ref{position:absolute;z-index:2;inset:0;margin:auto;width:100%;aspect-ratio:1/1}.memory-button__ref::before{content:"";position:absolute;top:7%;left:10%;width:34%;height:46%;background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.2));clip-path:url(#button-ref)}.memory-button__ref::after{content:"";position:absolute;bottom:7%;left:0;right:0;margin:0 auto;width:95%;height:40%;background:linear-gradient(rgba(50,50,50,.05),rgba(50,50,50,.15));clip-path:url(#button-shadow)}.memory-button.active .memory-button__core::before{opacity:1}.memory-button.active .memory-button__chara{opacity:1}.memory-button-box{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;width:64%}.memory-button-box li{width:calc((100% - 16px)/ 2)}.character{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%}.character__main{position:relative;width:50%;aspect-ratio:1/1.2}.character__main img{position:absolute;top:0;left:-50%;right:-50%;margin:auto;width:120%}.character__ribbon{position:absolute;bottom:-32px;left:0;right:0;margin:0 auto;width:65%}.character__ribbon img{width:100%}.character__select{position:relative;margin:0 auto;width:75%}.character__select img{width:100%}.character__text{display:flex;align-items:center;justify-content:center;position:absolute;gap:4px;bottom:53%;left:0;right:0;margin:0 auto}.character__text span{color:#fff}.character__text span:nth-child(1){font-weight:500;font-size:clamp(16px,4.26vw,20px)}.character__text span:nth-child(2){font-weight:700;font-size:clamp(22px,4.86vw,28px)}.character-box{position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:32px;width:80%}.action-button{display:block;width:64%;padding-top:16px}.action-button img{width:100%}.game-title{width:90%;margin:0 auto}.game-title img{width:100%}.level-select-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.result{width:85%}.result__main{position:relative;width:50%;margin:0 auto;animation:result ease 5s infinite}.result__main img{width:100%}.result__level{position:absolute;left:0;right:0;top:min(8.5dvh,100px);margin:0 auto;font-size:clamp(34px,5.8dvh,54px);text-align:center;font-weight:800;color:#603813}.result__inner{position:relative;margin-top:24px}.result__balloon{position:absolute;z-index:1;inset:0;margin:auto;width:100%;min-height:124px;padding:0 24px;border-radius:24px;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.result__comment{display:flex;flex-direction:column;font-size:1em;font-weight:500;line-height:150%;padding:8% 30% 8% 0;color:#333}.result__character{position:relative;z-index:2;width:50%;margin-left:auto;transform:translateX(10%)}.result__character img{width:100%}@keyframes result{0%{transform:scale(1)}4%{transform:scale(1.1)}8%{transform:scale(1)}12%{transform:scale(1.1)}16%{transform:scale(1)}100%{transform:scale(1)}}.play-nav{position:relative;z-index:1;width:70%}.play-nav img{width:100%}.play-nav__text{font-size:16px;margin-top:8px;font-weight:700;text-align:center;color:#333;display:flex;flex-wrap:wrap;justify-content:center;column-gap:1em}.nav{position:absolute;z-index:5;inset:0;margin:auto;display:flex;flex-direction:column;justify-content:center}.nav__level{width:100%;text-align:center;margin-bottom:8px;font-size:20px;font-weight:500;color:#fff}.nav__level span{font-size:30px;font-weight:700}.nav__text{width:70%;margin:0 auto}.nav__text img{width:100%}.nav__progress{flex:0 0 auto;position:relative;width:100%;height:40px;margin-top:16px;border-radius:16px;background-color:#f5ece5;border-bottom:solid 4px #e5d3c7}.nav__meter{position:absolute;inset:0;margin:auto;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:8px;overflow:hidden;background-color:#e5d3c7}.nav__meter span{display:block;height:100%;width:100%;background:linear-gradient(#3fdcff,#008bdf);transform:scaleX(0);transform-origin:center left}.nav__button{margin:16px auto 0}#nav-progress.active{animation-name:memory_progress;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes memory_progress{from{transform:scaleX(0)}to{transform:scaleX(100%)}}.play-result{position:fixed;z-index:10;bottom:0;left:0;right:0;margin:auto;width:90%;height:calc(100% - 56px);display:flex;justify-content:center;align-items:center;transition:transform ease .2s;transform:scale(0)}@media screen and (min-width:480px){.play-result{width:min(90%,400px)}}.play-result img{width:100%}.container.success .play-result--success{transform:scale(1)}.container.lose .play-result--lose{transform:scale(1)}.cancel{position:fixed;z-index:-1;inset:0;margin:auto;display:flex;justify-content:center;align-items:center;transform:scale(0);transition:transform ease .4s}.cancel__inner{display:flex;flex-direction:column;align-items:center;width:90%;padding:24px;border-radius:24px;background:#fff;box-shadow:0 0 16px rgba(0,0,0,.2)}@media screen and (min-width:480px){.cancel__inner{width:min(90%,400px);margin:0 auto}}.cancel__text{font-size:20px;font-weight:700}.cancel__box{display:flex;flex-direction:column;align-items:center}.cancel.active{z-index:99;transform:scale(1)}