*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border:0}.main-content{padding:0;margin:0}.text{font-family:momochidori,sans-serif;font-weight:700;font-style:normal}.lead{padding:0;margin:0;border:none;background-color:transparent;text-align:left}.fade-in{opacity:0;transition:opacity .5s ease-in-out}.fade-in.is-active{opacity:1}.section1{position:relative;z-index:10}.section1 .title{width:45.65%;position:absolute;left:50%;transform:translate(-50%);top:2%;z-index:2}.section1 .lead{width:7.2%;position:absolute;top:4%;right:4%;z-index:2}.section1 .character{width:79.65%;position:absolute;bottom:-6.5%;left:48.5%;z-index:2;opacity:0;transform:translate(-50%,30px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.section1 .character.is-active{opacity:1;transform:translate(-50%)}.section1:before{content:"";position:absolute;top:13.5%;left:41%;width:18%;aspect-ratio:1 / 1;border-radius:10px;background:radial-gradient(circle at center,rgba(255,246,181,.4),transparent 50%);opacity:0;animation:pulseGlow 2.5s ease-in-out infinite;pointer-events:none;z-index:1;mix-blend-mode:plus-lighter}.section2{position:relative;display:flex;flex-direction:column;align-items:center;padding:4vw 0 6vw;row-gap:3vw}.section2 .title{width:72%}.section2 .lead{width:69.8%;font-size:1.5vw;line-height:1.78;letter-spacing:.07em;font-weight:900}.section2 .kukure{position:absolute;right:7.3%;top:21.1vw;width:13.4%}.section2 .kukure.is-active img{animation:popup .5s ease-in-out}.section2 .egg{width:13.5%;position:absolute;right:8%;bottom:4vw}.section2 .egg.is-active{animation:shake 1s ease-in-out 3 .25s forwards}.section3{position:relative;background-color:#640d5f;padding-block:2vw;display:flex;flex-direction:column;align-items:center;row-gap:2vw}.section3 .character{width:96.5%;opacity:0;transform:translateY(15px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.section3 .character.is-active{opacity:1;transform:translateY(0)}.section3 .lead{width:48.9%;opacity:0;font-size:2.3vw;color:#fff;letter-spacing:.05em;text-align:center}.section3 .lead.is-active{opacity:1}.section3 .icon{position:absolute;top:-1.3vw;left:22.5%;width:4.65%}.section3 .icon.is-active img{animation:shake .3s ease-in-out 3}.section4{padding:5vw 0 7vw}.section4 .body{width:86%;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-inline:auto}.section4 .links{width:82%}.section4 .links>*:last-child{display:none}.section4 .title{width:9.2%}.section4 .button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10.5%;margin-bottom:5vw}.section4 .button-group-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw 5.7%}.section4 .button{display:block;width:100%;background:#fff;aspect-ratio:1 / 1;position:relative;cursor:pointer}.section4 .button:after{content:"";position:absolute;bottom:2%;right:2%;aspect-ratio:1 / 1;width:22%;background-size:contain}.section4 .button .name{position:absolute;z-index:1;top:2%;left:1%;width:98%}.section4 .button .name.pos-1{top:25%}.section4 .button .name.size-1{width:90%;left:5%}.section4 .button .name-ja{position:absolute;z-index:3;top:26%;right:1%;width:31%}.section4 .button .name-ja.size-1{width:39%}.section4 .button .name-ja.size-2{width:59%}.section4 .button .name-ja.size-3{width:80%}.section4 .button .name-ja.pos-1{top:7%}.section4 .button .character{width:92%;position:absolute;z-index:2;left:-15%;bottom:0;transform-origin:center bottom;transition:transform .3s ease}.section4 .button .character.pos-1{left:-10%}.section4 .button .character.size-1{width:95%}@media (any-pointer: fine){.section4 .button:hover .character{transform:scale(1.1)}}.section5{position:relative}.section5 .title,.section5 .lead,.section5 .egg{position:absolute;left:50%;transform:translate(-50%)}.section5 .title{width:62%;top:7.2%}.section5 .title.is-active img{animation:popup .5s ease-in-out}.section5 .lead{width:39%;top:25.2%;color:#f6f0ee;text-align:center;font-size:1.65vw;letter-spacing:.05em;line-height:1.9}.section5 .egg{width:27%;top:44%;cursor:pointer}.section5 .egg.is-move img{animation:shake .3s ease-in-out 1}.section5 .egg:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;border-radius:10px;background:radial-gradient(circle at center,rgba(255,246,181,1),transparent 50%);opacity:0;pointer-events:none;overflow:hidden}@media (any-pointer: fine){.section5 .egg:hover:before{animation:pulseGlow 1.7s ease-in-out infinite}}.section6{background-color:#640d5f;padding-block:4vw;display:flex;align-items:center;flex-direction:column}.section6 .title{width:51%;margin-bottom:3vw;text-align:center;font-size:2.5vw;letter-spacing:.05em}.section6 .text{color:#fff}.section6 .lead{width:75%;font-size:1.5vw;line-height:1.78;letter-spacing:.07em}.section7{position:relative}.section7 .character{width:52%;position:absolute;bottom:3%;left:50%;transform:translate(-50%,30px);opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out}.section7 .character.is-active{opacity:1;transform:translate(-50%)}.recommend{padding-block:3vw}.recommend .title{text-align:center;font-size:3vw;font-weight:700;margin-bottom:3vw;letter-spacing:.05em}.recommend .list{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;width:60%;margin-inline:auto}.modal{visibility:hidden;display:flex;opacity:0;transition:all .3s ease-in-out;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000;align-items:center;justify-content:center;padding:30px;transform:none!important}.modal[data-open=true]{opacity:1}.modal.show{visibility:visible;display:flex!important}.modal .body{position:relative}.modal .close{--width: 40px;position:absolute;aspect-ratio:1 / 1;background:#d91656;border-radius:100vw;width:var(--width);cursor:pointer;top:calc(var(--width) / 2 * -1);right:calc(var(--width) / 2 * -1)}.modal .close:before,.modal .close:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:2px;background-color:#fff;transform-origin:center}.modal .close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal .close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal .character{border-radius:6px;overflow:hidden;width:75vw}.modal .fortune{border-radius:6px;overflow:hidden;width:40vw}.wh100p{display:block;width:100%;height:auto}@media (any-pointer: fine){.hover:hover{opacity:.8}}@media (max-width: 768px){.section1{position:relative}.section1 .title{width:69.5%;top:unset;bottom:8%}.section1 .lead{width:62.5%;top:5%;right:50%;transform:translate(50%)}.section1 .character{width:100%;position:absolute;left:50%;bottom:22%}.section1:before{top:20%}.section2{background-size:50% auto;padding:6vw 0;row-gap:5vw}.section2 .title{width:84.2%}.section2 .lead{width:87.8%;font-size:3.4vw}.section2 .kukure{right:8.7%;top:56vw;width:24%}.section2 .egg{width:28.5%;bottom:40vw;right:5%}.section3{padding-block:4vw;row-gap:4vw}.section3 .lead{width:87.8%;font-size:4.1vw}.section3 .icon{top:-5.2vw;width:11%;left:42.5%}.section4{background-size:50% auto}.section4 .body{width:69%;flex-direction:column}.section4 .title{width:100%;margin-bottom:4vw}.section4 .links{width:100%}.section4 .links>*:last-child{display:block}.section4 .button-group{display:block}.section4 .button-group>*:nth-child(2){display:none}.section4 .button-group-sub{grid-template-columns:repeat(2,1fr);gap:5vw;margin-bottom:5vw}.section5 .title{width:66%;top:4%}.section5 .lead{width:63.5%;top:17.6%;font-size:3.2vw}.section5 .egg{width:40%;top:44%}.section5 .egg:before{animation:pulseGlow 1.7s ease-in-out infinite}.section6{padding-block:6vw}.section6 .title{width:72%;margin-bottom:5vw;font-size:3.5vw}.section6 .lead{width:90%;font-size:3.3vw}.section7 .character{width:90%}.recommend{padding-block:5vw}.recommend .title{font-size:6vw;margin-bottom:5vw}.recommend .list{grid-template-columns:repeat(2,1fr);gap:3vw;width:100%}.modal .fortune{width:80vw}.u-sp-hidden{display:none!important}}@media (min-width: 750px){.page-container{transform:none!important}}@media (min-width: 769px){.u-pc-hidden{display:none!important}}@keyframes pulseGlow{0%{opacity:.2;transform:scale(1.5)}50%{opacity:.8;transform:scale(2)}to{opacity:.2;transform:scale(1.5)}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes popup{0%{transform:scale(.5) rotate(0)}30%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(1) rotate(-3deg)}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/page-iris.css.map */