:root{--darkgray:#373939}.logo__wrap{background-color:#fff;display:block;text-align:center;margin-bottom:1rem;max-width:160px;margin:0 auto auto;padding:1rem}.logo__itemImage{width:120px;height:auto}.toneCoupon__wrap{background:#fff url(../img/bg_logo_pattern.png) no-repeat 0 0/cover;margin:0 auto;max-width:800px;min-width:280px}.toneCoupon__inner{background:url(../img/bg_mobile.png) no-repeat center center/cover;background-position:49% 90%;background-size:590px auto;display:flex;flex-direction:column;height:350px}.is-issue .toneCoupon__inner{background-image:none;padding:0 .5rem .5rem}.beforeWrap__btnWrap{align-items:center;background-color:var(--darkgray);cursor:pointer;width:100%;padding:1rem}.beforeWrap__btn{animation:anime 3s ease-out infinite;opacity:1;background-color:#fff;border-radius:4rem;color:var(--darkgray);font-size:1.6rem;font-weight:700;padding:.6rem 2rem}.beforeWrap__btn:after{content:"\25B6\FE0E";color:#00b9eb;margin-left:.4rem}.afterWrap__inner,.beforeWrap__inner{text-align:center}.beforeWrap__mainText{color:#fff;font-size:2rem;font-weight:700;margin-left:auto;margin-bottom:.5rem}.beforeWrap__subText{font-size:1.6rem;font-weight:700;margin-bottom:1rem;text-shadow:#fff 1px 0 10px}.beforeWrap__textWrap{align-items:center;display:flex;margin-bottom:1rem;justify-content:center}.badge__itemImage{max-width:76px;width:100%;margin-right:.5rem}.pc-none{display:block}@media only screen and (min-width:360px){.beforeWrap__mainText{font-size:2.4rem}}@media only screen and (min-width:500px){.toneCoupon__inner{background-position:47% 57%;background-size:730px auto}.pc-none{display:none}}@media only screen and (min-width:560px){.logo__itemImage{width:130px}.toneCoupon__wrap{max-width:800px}.beforeWrap__btn{font-size:2rem}.beforeWrap__subText{font-size:1.8rem}.beforeWrap__textWrap{margin-bottom:1rem}}@media only screen and (min-width:620px){.toneCoupon__inner{background-position:43% 53%;background-size:770px auto}.beforeWrap__btnWrap{opacity:1;overflow:hidden;position:relative}.is-issue .beforeWrap__btnWrap:before{display:none}.beforeWrap__btnWrap:before{background-color:#fff;content:"";display:block;position:absolute;top:-100px;left:0;width:30px;height:100%;opacity:0;transition:cubic-bezier(.32,0,.67,0)}.is-issue .beforeWrap__btnWrap:hover:before{animation:none}.beforeWrap__btnWrap:hover:before{animation:kiran .5s linear 1}}@media only screen and (min-width:730px){.toneCoupon__inner{background-position:40% 47%;background-size:108% auto;opacity:1;overflow:hidden;position:relative}.beforeWrap__btnWrap{display:inline-flex;flex-wrap:wrap}.beforeWrap__subText{font-size:2rem}.beforeWrap__mainText{margin-bottom:0}}@keyframes anime{0%,40%,60%,80%{transform:scale(1)}50%,70%{transform:scale(.95)}}@keyframes kiran{0%{transform:scale(2) rotate(45deg);opacity:0}20%{transform:scale(20) rotate(45deg);opacity:.6}40%{transform:scale(30) rotate(45deg);opacity:.4}80%{transform:scale(45) rotate(45deg);opacity:.2}100%{transform:scale(50) rotate(45deg);opacity:0}}