.p-opokado-profile{font-family:"Zen Maru Gothic",sans-serif;color:#1d2088;overflow-x:hidden}.p-opokado-profile .l-header2{display:none}.op-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:2px 16px;transform:translateY(-100%);opacity:0;transition:transform .4s ease,opacity .4s ease}.op-nav.is-visible{transform:translateY(0);opacity:1}.op-nav__inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column-reverse;align-items:center;gap:4px}.op-nav__menu{grid-column:2;display:flex;align-items:center;gap:10px;background:rgba(255,235,19,.7);border-radius:40px;padding:10px 16px;list-style:none;margin:0;backdrop-filter:blur(8px)}.op-nav__menu li a{font-size:1.1rem;font-weight:700;color:#1d2088;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap}.op-nav__menu li a::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#9794c3;flex-shrink:0}.op-nav__actions{display:flex;gap:4px}.op-nav__btn{background:hsla(0,0%,100%,.9);border:1px solid #1d2088;border-radius:3px;padding:3px 6px;font-size:.9rem;font-weight:700;font-family:"Zen Maru Gothic",sans-serif;color:#1d2088;text-decoration:none;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:opacity .3s}.op-nav__btn:hover{opacity:.7}.op-nav__btn.is-op img{width:85px}.op-fv{position:relative;background:#ffeb13;height:auto;height:100vw;padding-bottom:5%}.op-fv__title{text-align:center;z-index:3;white-space:nowrap;margin:0}.op-fv__title-wrap{display:inline-block;position:absolute;top:12.3%;left:50%;transform:translateX(-50%);z-index:8}.op-fv__title-sub{display:block;font-family:"Zen Maru Gothic",sans-serif;font-size:3.5vw;font-weight:700;color:#1d2088;margin-bottom:-0.4%}.op-fv__title-main{display:block;position:relative;isolation:isolate;font-family:"Cherry Bomb One",cursive;font-size:11.3vw;font-weight:400;color:#fff;-webkit-text-stroke:2.2vw #1d2088;paint-order:stroke fill;line-height:1.2;filter:drop-shadow(0 0.6vw 0 #1d2088)}.op-fv__title-to{font-size:7vw;margin:0 .3em}.op-fv__stage{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;z-index:4;padding-bottom:2%;gap:2.1%}.op-fv__chara{position:relative;flex-shrink:0}.op-fv__chara>img{width:100%;height:auto;display:block}.op-fv__chara.is-opotan{width:38%;animation:op-fv-drop 1s ease .3s both}.op-fv__chara.is-kadonosuke{width:40%;animation:op-fv-drop 1s ease .5s both}.op-fv__curved{position:absolute;bottom:80%;left:39.2%;transform:translateX(-40%);width:130%;animation:op-fv-fade .5s ease 1.1s both}.op-fv__curved img{width:100%;height:auto}.op-fv__share{position:absolute;top:0;right:2%;width:20%;z-index:5;display:block;transition:transform .3s,filter .3s}.op-fv__share img{width:100%;height:auto}.op-fv__bg-lower{position:absolute;top:50%;left:0;right:0;z-index:1;height:50.7%}.op-fv__bg-lower img{width:100%;height:100%;display:block}.op-fv__deco{position:absolute;top:63%;left:50%;transform:translate(-50%, -50%);width:104%;z-index:2;pointer-events:none}.op-fv__deco img{width:100%;height:auto;display:block}.op-parallax{height:0;position:relative}.op-parallax__bg{position:fixed;top:0;left:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:-4;pointer-events:none}.op-parallax__coin{position:fixed;z-index:-3;pointer-events:none;width:14%;height:auto;animation:op-coin-float var(--float-dur, 6s) ease-in-out infinite}.op-parallax__coin.is-01{left:5%;top:30%;--float-dur: 5.2s;animation-delay:-1.2s}.op-parallax__coin.is-02{left:75%;top:20%;--float-dur: 6.8s;animation-delay:-3.5s}.op-parallax__coin.is-03{left:10%;top:78%;--float-dur: 5.8s;animation-delay:-0.5s}.op-parallax__coin.is-04{left:60%;top:45%;--float-dur: 7.2s;animation-delay:-4.1s}.op-parallax__coin.is-05{left:80%;top:65%;--float-dur: 6.1s;animation-delay:-2.3s}.op-parallax__coin.is-06{left:30%;top:18%;--float-dur: 5.5s;animation-delay:-1.8s}.op-parallax__coin.is-07{left:0%;top:58%;--float-dur: 6.6s;animation-delay:-3s}.op-parallax__coin.is-08{left:85%;top:85%;--float-dur: 5.9s;animation-delay:-0.8s}.op-parallax__coin.is-09{left:45%;top:72%;--float-dur: 7.0s;animation-delay:-2.7s}.op-parallax__food{position:fixed;z-index:-2;pointer-events:none;height:auto;transition:transform .15s ease-out}.op-parallax__food.is-burger{left:48%;top:22%;width:28%}.op-parallax__food.is-donut{left:0%;top:25%;width:22%}.op-parallax__food.is-utensils{left:-5%;top:45%;width:22%}.op-parallax__food.is-icecream{left:52%;top:auto;bottom:11%;width:14%}.op-parallax__food.is-drink{left:9%;top:60%;width:24%}.op-parallax__food.is-sandwich{left:73%;top:50%;width:28%}.op-parallax__food.is-fries{left:75%;top:29%;width:22%}.op-parallax__food.is-bag{left:5%;top:20%;width:22%}.op-parallax__food.is-fork{left:-5%;top:75%;width:22%}.op-parallax__food.is-spoon{left:40%;top:38%;width:10%}.op-parallax__opokado{position:fixed;z-index:-1;pointer-events:none;left:50%;top:50%;transform:translate(-50%, -50%);width:70%;height:auto;animation:op-opokado-float-sp 2.8s ease-in-out infinite}@keyframes op-opokado-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes op-opokado-float-sp{0%,100%{transform:translate(-50%, -50%)}50%{transform:translate(-50%, calc(-50% - 20px))}}@keyframes op-coin-float{0%,100%{transform:translate(0, 0) rotate(var(--coin-scroll-rot, 0deg))}25%{transform:translate(8px, -10px) rotate(calc(3deg + var(--coin-scroll-rot, 0deg)))}50%{transform:translate(-6px, 7px) rotate(calc(-2deg + var(--coin-scroll-rot, 0deg)))}75%{transform:translate(7px, 5px) rotate(calc(2deg + var(--coin-scroll-rot, 0deg)))}}.op-whats{position:relative;overflow:hidden;background:#fff}.op-whats__title-wrap{text-align:center;position:relative;z-index:5;margin:30px 0 0}.op-whats__title{position:relative;z-index:2;display:block;width:115%;margin:30px auto 0;margin-left:-7.5%;overflow:visible;filter:drop-shadow(2px 2px 0 #ffeb13) drop-shadow(2px 2px 0 #ffeb13)}.op-whats__illust-wrap{position:relative;margin-top:-4.7vw}.op-whats__illust{text-align:center;position:relative;z-index:4}.op-whats__illust img{max-width:718px;width:90%;height:auto}.op-whats__marquee{overflow:hidden;position:absolute;top:68%;left:0;z-index:1;margin-top:-40px}.op-whats__marquee-track{display:flex;animation:op-marquee 20s linear infinite;white-space:nowrap}.op-whats__marquee-track span{font-family:"Cherry Bomb One",cursive;font-size:4rem;color:#ffeb13;padding:0 15px;flex-shrink:0}.op-whats__desc{margin:38px auto 0;text-align:center;position:relative;z-index:5;padding:0 20px}.op-whats__desc-ttl{font-size:1.6rem;font-weight:700;line-height:1.67;margin:0}.op-whats__desc-txt{font-size:1.3rem;font-weight:700;line-height:2;margin-top:30px}.op-whats__deco{position:absolute;z-index:1;transform:translateY(100%)}.op-whats__deco.is-show{animation:op-whats-peek-in .6s cubic-bezier(0.22, 0.9, 0.36, 1) both,op-pop-up 4s cubic-bezier(0.22, 1.2, 0.36, 1) 1s infinite}.op-whats__deco.is-opotan{left:2%;bottom:69.4%;width:25%}.op-whats__deco.is-opotan.is-show{animation:op-whats-peek-in .6s cubic-bezier(0.22, 0.9, 0.36, 1) .1s both,op-pop-up 3.7s cubic-bezier(0.22, 1.2, 0.36, 1) 1s infinite}.op-whats__deco.is-kadonosuke{right:2%;bottom:68%;width:25%}.op-whats__deco.is-kadonosuke.is-show{animation:op-whats-peek-in .6s cubic-bezier(0.22, 0.9, 0.36, 1) .3s both,op-pop-up 4.3s cubic-bezier(0.22, 1.2, 0.36, 1) 1.2s infinite}.op-whats__wave-area{position:relative;margin-top:20vw;margin-bottom:-4vw}.op-whats__confetti{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:100%;z-index:2;pointer-events:none}.op-whats__confetti img{width:100%;height:auto;display:block}.op-whats__wave-bg{position:relative;z-index:1}.op-whats__wave-bg img{width:100%;height:auto;display:block}.op-profile{position:relative;z-index:1;background:#ffce00;background-image:repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0.1) 8px, transparent 8px, transparent 30px);top:-60px;padding:80px 0}.op-profile{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,45 Q50,10 100,45 V100 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000, #000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V45 Q50,90 0,45 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,45 Q50,10 100,45 V100 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000, #000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V45 Q50,90 0,45 Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 80px,100% calc(100% - 120px),100% 80px;mask-size:100% 80px,100% calc(100% - 120px),100% 80px;-webkit-mask-position:top,center,bottom;mask-position:top,center,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.op-profile__inner{max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.op-profile__wrap{position:relative}.op-profile__pair{position:absolute;bottom:calc(100% + 30px);z-index:0;width:24.3%;max-width:260px;pointer-events:none;z-index:1}.op-profile__pair.is-pair01{left:min(53.2%,50% + 40px);transform:translateX(-120%) translateY(120%)}.op-profile__pair.is-pair01.is-show{animation:op-profile-peek-pair01 .6s cubic-bezier(0.22, 0.9, 0.36, 1) .5s both,op-profile-pop-pair01 4.8s cubic-bezier(0.22, 1.2, 0.36, 1) 1.4s infinite}.op-profile__pair.is-pair02{left:max(46.7%,50% - 40px);transform:translateX(20%) translateY(120%)}.op-profile__pair.is-pair02.is-show{animation:op-profile-peek-pair02 .6s cubic-bezier(0.22, 0.9, 0.36, 1) .7s both,op-profile-pop-pair02 4.8s cubic-bezier(0.22, 1.2, 0.36, 1) 1.6s infinite}.op-profile__walker{position:absolute;top:-10px;right:5%;z-index:10;width:27%;opacity:0;transform:translateX(200px)}.op-profile__walker.is-show{animation:op-hop-step-jump 3s ease-out infinite;opacity:1}.op-profile__walker img{width:100%;height:auto;display:block}.op-profile__heading{text-align:center;margin:0 0 30px}.op-profile__heading-en{display:block;font-family:"Coiny",cursive;font-size:4rem;line-height:1;color:#1d2088}.op-profile__heading-ja{display:block;font-size:1.3rem;font-weight:700;color:#1d2088}.op-profile__heading{position:relative;z-index:2}.op-profile__cards{display:grid;gap:30px;position:relative;z-index:2}.op-profile__card{position:relative;width:100%;max-width:100%;background:#fff;border:3px solid #1d2088;border-radius:24px;box-shadow:3px 3px 0 #1d2088;padding:20px 5% 24px}.op-profile__card-inner{position:relative}.op-profile__card-deco{position:absolute;right:10px;bottom:98%;width:33%;max-width:275px;z-index:-1;height:auto;transform:translateY(100%)}.op-profile__card-deco.is-show{animation:op-pop-up-deco 4.5s cubic-bezier(0.22, 1.2, 0.36, 1) infinite}.op-profile__card::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.18;pointer-events:none;background-image:radial-gradient(circle, #ffcb00 2px, transparent 2px),radial-gradient(circle, #ffcb00 1px, transparent 2px);background-size:14px 24px;background-position:0 0,6px 12px}.op-profile__card-name{display:inline-block;margin:0;background:#1d2088;color:#fff;font-family:"Zen Maru Gothic",sans-serif;font-size:5vw;font-weight:700;padding:4px 16px;border-radius:calc(infinity*1px);line-height:1.4;position:relative;left:0}.op-profile__card-illust{text-align:center;margin:20px 0}.op-profile__card-illust img{width:60%;max-width:350px;height:auto}.op-profile__card-inner{position:relative}.op-profile__card-catch{font-size:1.6rem;font-weight:700;margin:0}.op-profile__card-desc{font-size:1.3rem;font-weight:700;line-height:2;margin-top:12px}.op-profile__specs{margin-top:33px;display:flex;flex-direction:column;gap:10px}.op-profile__spec{display:flex;align-items:flex-start;gap:12px}.op-profile__spec dt{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 12px;background:#e7e4f2;border-radius:18px;font-size:1.3rem;font-weight:700}.op-profile__spec dd{font-size:1.3rem;font-weight:500;line-height:1.6;padding-top:5px}.op-profile__secret{margin:40px 0 0;position:relative;z-index:2}.op-profile__secret-trigger{width:100%;background:#fff;border:3px solid #00a53d;border-radius:40px;padding:14px 20px;cursor:pointer;position:relative;text-align:center;transition:opacity .3s}.op-profile__secret-trigger[aria-expanded=true]{border-radius:40px 40px 0 0;border-bottom:none}.op-profile__secret-trigger[aria-expanded=true] .op-profile__secret-tap{display:none}.op-profile__secret-trigger[aria-expanded=true] .op-profile__secret-arrow{transform:rotate(180deg)}.op-profile__secret-badge{position:absolute;left:0;top:11px;transform:translateY(-50%);width:22%;height:auto}.op-profile__secret-title{font-family:"Cherry Bomb One",cursive;font-size:2rem;letter-spacing:.1em;color:#00a53d;margin:0}.op-profile__secret-tap{font-size:1.2rem;font-weight:700;color:#00a53d;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.op-profile__secret-arrow{display:inline-block;width:20px;height:15px;background:url(/assets/img/opokado-profile/secret_arrow.svg) center/contain no-repeat;transition:transform .3s}.op-profile__secret-arrow.is-up{transform:rotate(180deg)}.op-profile__secret-body{display:none;background:#fff;border:3px solid #00a53d;border-top:none;border-radius:0 0 40px 40px;padding:0 4% 16px;text-align:center}.op-profile__secret-body.is-open{display:block}.op-profile__secret-subtitle{font-size:1.6rem;font-weight:700;color:#00a53d;margin:0}.op-profile__secret-text{font-size:1.3rem;font-weight:700;color:#00a53d;line-height:2;margin-top:10px}.op-profile__secret-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:21px;margin-top:24px}.op-profile__secret-line{text-align:center}.op-profile__secret-line img{width:60px;height:auto}.op-profile__secret-line span{display:block;margin-top:6px;font-size:1.1rem;font-weight:700;color:#232323;background:#e3e3e3;border-radius:4px;padding:2px 4px;line-height:1.3}.op-profile__secret-close{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;font-size:1.3rem;font-weight:700;color:#00a53d;background:none;border:none;cursor:pointer;font-family:"Zen Maru Gothic",sans-serif}.op-parallax-window{height:auto;min-height:60vh;position:relative}.op-life{position:relative;z-index:1;background:#ffaf10;padding-top:60px;padding-bottom:10px}.op-life{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 100' preserveAspectRatio='none'%3E%3Cpath d='M0 42.67C172.58 16.05 395.98 0 640 0S1107.42 16.05 1280 42.67V100H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 100' preserveAspectRatio='none'%3E%3Cpath d='M0 42.67C172.58 16.05 395.98 0 640 0S1107.42 16.05 1280 42.67V100H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);-webkit-mask-size:100% 60px,100% calc(100% - 60px);mask-size:100% 60px,100% calc(100% - 60px);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.op-life::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 40 20'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='white'/%3E%3Ccircle cx='22.5' cy='12.5' r='2.5' fill='white'/%3E%3C/svg%3E")}.op-life__wrap{position:relative}.op-life__shapes{position:absolute;top:0;left:0;right:0;height:185px;pointer-events:none;z-index:1}.op-life__shape{position:absolute;display:block}.op-life__shape.is-01{left:14.2%;top:87%;width:12px;animation:op-svg-pulse 3.5s ease-in-out infinite}.op-life__shape.is-02{left:33.7%;top:58.9%;width:12px;animation:op-svg-pulse 3s ease-in-out .4s infinite}.op-life__shape.is-03{left:21.2%;top:73%;width:7px;animation:op-svg-pulse 4s ease-in-out .8s infinite}.op-life__shape.is-04{left:0%;top:22.2%;width:30px;animation:op-svg-spin 10s linear infinite}.op-life__shape.is-05{left:96.3%;top:71.9%;width:30px;animation:op-svg-spin 12s linear infinite reverse}.op-life__shape.is-06{left:4.2%;top:77.3%;width:14px;animation:op-svg-pulse 3.5s ease-in-out 1.2s infinite}.op-life__shape.is-07{left:7.6%;top:68.1%;width:7px;animation:op-svg-pulse 4s ease-in-out .6s infinite}.op-life__shape.is-08{left:69.9%;top:0%;width:6px;animation:op-svg-pulse 3s ease-in-out 1s infinite}.op-life__shape.is-09{left:63.7%;top:38.4%;width:7px;animation:op-svg-pulse 4s ease-in-out 1.5s infinite}.op-life__shape.is-10{left:60.2%;top:61.1%;width:22px;animation:op-svg-spin 8s linear infinite}.op-life__shape.is-11{left:72%;top:53%;width:7px;animation:op-svg-pulse 3.5s ease-in-out 2s infinite}.op-life__shape.is-12{left:67%;top:64.9%;width:14px;animation:op-svg-pulse 4s ease-in-out .3s infinite}.op-life__inner{max-width:1200px;margin:0 auto;padding:0 16px 0;position:relative;z-index:2}.op-life__heading{text-align:center;margin:0 0 24px}.op-life__heading-en{display:block;font-family:"Coiny",cursive;font-size:4rem;line-height:1;color:#fff}.op-life__heading-ja{display:block;font-size:1.3rem;font-weight:700;color:#fff}.op-life__viewer{position:relative}.op-life__box{position:relative;width:80%;max-width:570px;margin:0 auto}.op-life__scene{position:relative;border-radius:24px;overflow:hidden;border:3px solid #1d2088;aspect-ratio:570/400;z-index:2}.op-life__scene-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .4s ease}.op-life__scene-img.is-active{opacity:1}.op-life__label{z-index:5;background:#dc2715;border-radius:calc(infinity*1px);padding:6px 14px 6px 10px;width:40%}.op-life__label-text{display:none;font-size:1.6rem;font-weight:700;color:#fff;white-space:nowrap;margin:0;line-height:1.2}.op-life__label-text.is-active{display:block}.op-life__card{position:relative;right:auto;bottom:auto;left:auto;width:65%;max-width:330px;margin:0;margin-left:auto;background:rgba(0,0,0,0);border-radius:20px;padding:0;color:#fff;display:none;opacity:1;pointer-events:none;transition:opacity .4s ease;z-index:3}.op-life__card::before{content:"";position:absolute;background:#5355ab;border-radius:inherit;transform:rotate(10deg);width:100%;height:100%;bottom:7px;left:5px}.op-life__card.is-active{pointer-events:auto;display:block}.op-life__card-body{position:relative;z-index:1;background:#1d2088;border-radius:inherit;padding:8px 9px;transform:rotate(6deg)}.op-life__card-title{font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.op-life__card-text{font-size:1.2rem;font-weight:500;line-height:1.8;margin:0}.op-life__deco{position:absolute;pointer-events:none;height:auto}.op-life__deco.is-walk{left:2%;top:1%;width:37%;z-index:3;animation:op-deco-float 3.5s ease-in-out infinite}.op-life__deco.is-rest{right:2%;top:6%;width:32%;z-index:3;animation:op-deco-float 4s ease-in-out .5s infinite}.op-life__deco.is-train{left:-3%;top:15%;width:28%;z-index:2;animation:op-deco-sway 3s ease-in-out infinite}.op-life__deco.is-opotan{right:-7%;top:50%;width:22%;z-index:5;animation:op-deco-bounce 2s ease-in-out infinite}.op-life__rail{position:relative;z-index:2;width:100vw;left:50%;transform:translateX(-50%);height:4px}.op-life__rail-line{position:absolute;top:0;left:0;width:100%;height:100%;background:#dc2715}.op-life__rail-train{position:absolute;bottom:2px;left:0;width:32%;transition:left .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.op-life__rail-train img{width:100%;height:auto;display:block}.op-life__stations{position:relative;z-index:1;display:flex;justify-content:space-between;max-width:100%;margin:0 auto;padding:28px 0 0}.op-life__station{background:none;border:none;cursor:pointer;padding:0;transition:opacity .3s,transform .3s;opacity:.45}.op-life__station.is-active{opacity:1}.op-life__station img{width:16vw;max-width:70px;height:auto;display:block}.op-life__bottom{position:relative;margin-top:10px}.op-life__peek{position:relative;z-index:3;display:block;width:50vw;max-width:220px;margin:0 auto;transform:translateY(100%)}.op-life__peek.is-peek-in{animation:op-life-peek-in .6s cubic-bezier(0.22, 0.9, 0.36, 1) forwards}.op-life__peek.is-peek-loop{animation:op-life-peek-loop 2.5s ease-in-out infinite}.op-life__marquee{position:absolute;left:0;right:0;bottom:30px;overflow:hidden;z-index:2}.op-life__marquee-track{display:flex;animation:op-marquee 20s linear infinite;white-space:nowrap}.op-life__marquee-track span{font-family:"Cherry Bomb One",cursive;font-size:4rem;color:#ffeb13;padding:0 15px;flex-shrink:0}@keyframes op-life-peek-in{0%{transform:translateY(100%)}70%{transform:translateY(-8px)}100%{transform:translateY(0)}}@keyframes op-life-peek-loop{0%{transform:translateY(0)}12%{transform:translateY(-16px)}24%{transform:translateY(0)}34%{transform:translateY(-10px)}44%{transform:translateY(0)}52%{transform:translateY(-5px)}60%{transform:translateY(0)}100%{transform:translateY(0)}}.op-download{position:relative;z-index:2;background:#fff;padding:50px 0 0;margin-top:-50px}.op-download{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80C0 80 320 45 640 45S1280 80 1280 80V80H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80C0 80 320 45 640 45S1280 80 1280 80V80H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);-webkit-mask-size:100% 40px,100% calc(100% - 40px);mask-size:100% 40px,100% calc(100% - 40px);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.op-download__inner{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:2}.op-download__heading{text-align:center;margin:0 0 30px}.op-download__heading-en{display:block;font-family:"Coiny",cursive;font-size:4rem;line-height:1;color:#1d2088}.op-download__heading-ja{display:block;font-size:1.3rem;font-weight:700;color:#1d2088}.op-download__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-width:1160px;margin:0 auto}.op-download__item{text-align:center}.op-download__thumb{border-radius:32px;overflow:hidden;outline:2px solid #eaeaea}.op-download__thumb img{width:100%;height:auto;display:block}.op-download__links{margin-top:12px}.op-download__btn{display:block;position:relative;background:#fff;border:1px solid #1d2088;border-radius:calc(infinity*1px);padding:5px 12px;font-family:"Zen Maru Gothic",sans-serif;font-size:1.4rem;font-weight:700;line-height:1;color:#1d2088;text-decoration:none;text-align:center;transition:background .3s,color .3s;max-width:200px;margin:0 auto}.op-download__btn+.op-download__btn{margin-top:14px}.op-download__btn::after{content:"";position:absolute;right:10px;top:50%;width:4px;height:4px;border-right:1px solid #1d2088;border-top:1px solid #1d2088;transform:translateY(-50%) rotate(45deg);transition:border-color .3s}.op-download__wave{position:relative;z-index:1}.op-download__wave img{width:100%;height:auto;display:block}.op-osakapoint{position:relative;z-index:2;overflow:hidden;padding:80px 0 0;margin-top:-50px}.op-osakapoint{background-color:#fe8c00;background-image:repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0.1) 8px, transparent 8px, transparent 30px);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 100' preserveAspectRatio='none'%3E%3Cpath d='M0 42.67C172.58 16.05 395.98 0 640 0S1107.42 16.05 1280 42.67V100H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 100' preserveAspectRatio='none'%3E%3Cpath d='M0 42.67C172.58 16.05 395.98 0 640 0S1107.42 16.05 1280 42.67V100H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);-webkit-mask-size:100% 60px,100% calc(100% - 60px);mask-size:100% 60px,100% calc(100% - 60px);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.op-osakapoint__svg{position:absolute;pointer-events:none;z-index:3}.op-osakapoint__svg.is-left{left:0;top:20px;width:37%}.op-osakapoint__svg.is-right{right:0;top:15px;width:35%}.op-osakapoint__svg svg{width:100%;height:auto;display:block;overflow:visible}.op-osakapoint__svg-path{transform-origin:center;animation:op-svg-wiggle 6s ease-in-out infinite}.op-osakapoint__svg-circle{animation:op-svg-pulse 4s ease-in-out infinite}.op-osakapoint__svg-circle:nth-child(2){animation-delay:.5s}.op-osakapoint__svg-circle:nth-child(3){animation-delay:1s}.op-osakapoint__svg-circle:nth-child(4){animation-delay:1.5s}.op-osakapoint__svg-circle:nth-child(5){animation-delay:2s}.op-osakapoint__svg-tri{transform-box:fill-box;transform-origin:center;animation:op-svg-spin 8s linear infinite}.op-osakapoint__svg-tri:nth-child(4){animation-delay:2s;animation-duration:10s}.op-osakapoint__inner{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:2}.op-osakapoint__heading{text-align:center;margin:0 0 24px}.op-osakapoint__heading-en{display:block;font-family:"Coiny",cursive;font-size:4rem;line-height:1;color:#fff}.op-osakapoint__heading-ja{display:block;font-size:1.3rem;font-weight:700;color:#fff}.op-osakapoint__cards{display:grid;grid-template-columns:1fr;gap:20px;max-width:320px;margin:0 auto}.op-osakapoint__card-set{display:flex;flex-direction:column;align-items:center}.op-osakapoint__card{display:block;border-radius:16px;overflow:hidden;transition:transform .3s}.op-osakapoint__card img{width:100%;height:auto;display:block}.op-osakapoint__link{display:block;position:relative;text-align:center;font-family:"Zen Maru Gothic",sans-serif;font-size:1.6rem;font-weight:900;color:#fff;text-decoration:none;padding:8px 30px 8px 0;transition:opacity .3s}.op-osakapoint__link-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#ffce00;border-radius:50%}.op-osakapoint__link-arrow::after{content:"";position:absolute;top:50%;left:48%;width:7px;height:7px;border-right:2px solid #fff;border-top:2px solid #fff;transform:translate(-50%, -50%) rotate(45deg)}.op-osakapoint__enjoy-area{position:relative;text-align:center;margin-top:30px;padding:0 20%}.op-osakapoint__chara{position:absolute;pointer-events:none;height:auto;z-index:3}.op-osakapoint__chara.is-left{left:0;bottom:0;width:20%;animation:op-chara-pyoko 2.4s ease-in-out infinite}.op-osakapoint__chara.is-right{right:0;bottom:0;width:20%;animation:op-chara-pyoko 2.4s ease-in-out .6s infinite}.op-osakapoint__enjoy{font-family:"Coiny",cursive;font-size:8.4vw;line-height:1;color:#ffce00;margin:0}.op-osakapoint__enjoy span{display:inline-block}.op-osakapoint__footer{margin-top:30px}.op-osakapoint__footer img{width:100%;height:auto;display:block}@keyframes op-svg-wiggle{0%,100%{transform:rotate(0deg) translateY(0)}25%{transform:rotate(3deg) translateY(-4px)}50%{transform:rotate(-2deg) translateY(2px)}75%{transform:rotate(1deg) translateY(-2px)}}@keyframes op-svg-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes op-svg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes op-pop-up{0%{transform:translateY(0)}60%{transform:translateY(0)}70%{transform:translateY(100%)}90%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes op-whats-peek-in{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes op-profile-peek-pair01{0%{transform:translateX(-120%) translateY(120%)}100%{transform:translateX(-120%) translateY(0)}}@keyframes op-profile-peek-pair02{0%{transform:translateX(20%) translateY(120%)}100%{transform:translateX(20%) translateY(0)}}@keyframes op-profile-pop-pair01{0%{transform:translateX(-120%) translateY(0)}60%{transform:translateX(-120%) translateY(0)}70%{transform:translateX(-120%) translateY(120%)}90%{transform:translateX(-120%) translateY(120%)}100%{transform:translateX(-120%) translateY(0)}}@keyframes op-profile-pop-pair02{0%{transform:translateX(20%) translateY(0)}60%{transform:translateX(20%) translateY(0)}70%{transform:translateX(20%) translateY(120%)}90%{transform:translateX(20%) translateY(120%)}100%{transform:translateX(20%) translateY(0)}}@keyframes op-pop-up-deco{0%{transform:translateY(40%)}10%{transform:translateY(0)}70%{transform:translateY(0)}80%{transform:translateY(40%)}100%{transform:translateY(40%)}}@keyframes op-hop-step-jump{0%{opacity:0;transform:translateX(500px) translateY(0)}2%{opacity:1}8%{transform:translateX(300px) translateY(-120px) rotate(-8deg)}14%{transform:translateX(220px) translateY(0) rotate(2deg)}20%{transform:translateX(100px) translateY(-70px) rotate(-5deg)}26%{transform:translateX(40px) translateY(0) rotate(2deg)}32%{transform:translateX(10px) translateY(-35px) rotate(-3deg)}36%{transform:translateX(0) translateY(0) rotate(1deg)}39%{transform:translateX(0) translateY(-8px) rotate(0)}42%{transform:translateX(0) translateY(0) rotate(0)}100%{opacity:1;transform:translateX(0) translateY(0) rotate(0)}}@keyframes op-deco-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes op-deco-sway{0%,100%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(5px) rotate(2deg)}}@keyframes op-deco-bounce{0%,100%{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-8px) rotate(-3deg)}60%{transform:translateY(-3px) rotate(2deg)}}@keyframes op-chara-pyoko{0%,100%{transform:translateY(0)}15%{transform:translateY(14px)}30%{transform:translateY(0)}42%{transform:translateY(8px)}54%{transform:translateY(0)}}@keyframes op-marquee{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}@keyframes op-fv-drop{0%{opacity:0;transform:translateY(-50px)}40%{opacity:1;transform:translateY(0)}65%{transform:translateY(-16px)}100%{transform:translateY(0)}}@keyframes op-fv-fade{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 768px){.op-nav{padding:24px 40px}.op-nav__inner{flex-direction:row;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.op-nav__menu{gap:16px;padding:14px 24px}.op-nav__menu li a{font-size:1.4rem;gap:8px}.op-nav__actions{grid-column:3;justify-self:end;gap:16px;margin-left:24px}.op-nav__btn{border-radius:4px;padding:10px 12px;font-size:1.4rem}.op-nav__btn img{width:auto;min-width:110px}.op-nav__btn.is-op img{width:auto;min-width:115px}.op-fv{height:70vw;max-height:758px;padding-bottom:0}.op-fv__title-sub{font-size:2.4rem}.op-fv__title-main{font-size:8rem;-webkit-text-stroke:17px #1d2088;filter:drop-shadow(0 4px 0 #1d2088)}.op-fv__title-to{font-size:6rem}.op-fv__stage{padding-bottom:1.5%}.op-fv__chara.is-opotan{width:27%;max-width:332px}.op-fv__chara.is-kadonosuke{width:27.3%;max-width:335px}.op-fv__curved{width:128%;max-width:423px;bottom:83.4%}.op-fv__share{width:30%;max-width:180px;left:100%;top:-23%}.op-fv__share:hover{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2))}.op-parallax__coin{width:8.6%;max-width:110px}.op-parallax__coin.is-01{left:36.5%;top:33.8%}.op-parallax__coin.is-02{left:48.2%;top:7.9%}.op-parallax__coin.is-03{left:20.5%;top:76.5%}.op-parallax__coin.is-04{left:16.4%;top:32.9%}.op-parallax__coin.is-05{left:0%;top:6.9%}.op-parallax__coin.is-06{left:33.7%;top:-1.9%}.op-parallax__coin.is-07{left:-4.1%;top:66.1%}.op-parallax__coin.is-08{left:84.7%;top:-1.9%}.op-parallax__coin.is-09{left:74.6%;top:50.2%}.op-parallax__food.is-burger{left:69.7%;top:12.9%;width:19.3%;max-width:247px}.op-parallax__food.is-donut{left:15%;top:8%;width:14.5%;max-width:185px}.op-parallax__food.is-utensils{left:0;top:34%;width:13.8%;max-width:177px}.op-parallax__food.is-icecream{left:30.6%;bottom:0;top:auto;width:7.5%;max-width:96px}.op-parallax__food.is-drink{left:6%;top:54%;width:15.2%;max-width:194px}.op-parallax__food.is-sandwich{left:78.2%;top:44.7%;width:18%;max-width:230px}.op-parallax__food.is-fries{left:89.8%;top:8%;width:14.6%;max-width:187px}.op-parallax__food.is-bag{left:15%;top:4.4%;width:14.4%;max-width:185px}.op-parallax__food.is-fork{left:-4.4%;top:80.5%;width:14%;max-width:179px}.op-parallax__food.is-spoon{left:27%;top:33.6%;width:4.8%;max-width:62px}.op-parallax__opokado{left:26.6%;top:17.3%;transform:none;width:48.7%;max-width:624px;animation-name:op-opokado-float}.op-whats__title{width:84%;margin-left:auto}.op-whats__illust img{width:58%}.op-whats__marquee{top:50%}.op-whats__marquee-track span{font-size:8rem;padding:0 30px}.op-whats__desc-ttl{font-size:2.4rem}.op-whats__desc-txt{font-size:1.6rem}.op-whats__deco.is-opotan{left:8.75%;width:19.5%}.op-whats__deco.is-kadonosuke{right:4.7%;width:21.5%}.op-whats__wave-area{margin-bottom:min(-80px,-12vw);margin-top:0}.op-whats__confetti{top:10%}.op-profile{padding:103px 0 135px;top:-68px}.op-profile{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,60 Q50,0 100,60 V100 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000, #000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V30 Q50,100 0,30 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,60 Q50,0 100,60 V100 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000, #000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H100 V30 Q50,100 0,30 Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100px,100% calc(100% - 160px),100% 100px;mask-size:100% 100px,100% calc(100% - 160px),100% 100px}.op-profile__pair{bottom:calc(100% + 20px);width:20.3%}.op-profile__walker{width:280px;top:-85px;right:calc(50% - 590px + 157px);transform:translateX(500px)}.op-profile__heading{margin-bottom:50px}.op-profile__heading-en{font-size:7.2rem}.op-profile__heading-ja{font-size:1.6rem}.op-profile__cards{grid-template-columns:repeat(2, 1fr);gap:20px}.op-profile__card{border-radius:40px;border-width:5px;box-shadow:5px 5px 0 #1d2088;padding:36px 9.8% 32px}.op-profile__card-deco{width:26%;bottom:98%;right:4%}.op-profile__card-name{font-size:3.2rem;padding:6px 24px;left:-4%}.op-profile__card-illust img{width:80%}.op-profile__card-catch{font-size:2.4rem}.op-profile__card-desc{font-size:1.6rem}.op-profile__spec dt{min-width:96px;font-size:1.6rem;padding:4px 16px}.op-profile__spec dd{font-size:1.6rem}.op-profile__secret{margin-top:76px}.op-profile__secret-trigger{padding:20px 40px}.op-profile__secret-badge{width:170px;left:calc(50% - 394px)}.op-profile__secret-title{font-size:4.8rem}.op-profile__secret-tap{font-size:1.6rem}.op-profile__secret-arrow{width:30px;height:22px}.op-profile__secret-subtitle{font-size:2.4rem}.op-profile__secret-text{font-size:1.6rem}.op-profile__secret-lines{gap:15px 3.2%}.op-profile__secret-line img{width:82px}.op-profile__secret-line span{font-size:1.6rem;padding:4px 8px}.op-profile__secret-close{font-size:1.6rem}.op-parallax-window{height:75vw;max-height:100vh;min-height:0}.op-life{padding-top:100px;padding-bottom:67px}.op-life{-webkit-mask-size:100% 100px,100% calc(100% - 100px);mask-size:100% 100px,100% calc(100% - 100px)}.op-life__shapes{top:40px}.op-life__shape.is-01{width:16px}.op-life__shape.is-02{width:16px}.op-life__shape.is-03{width:10px}.op-life__shape.is-04{width:45px}.op-life__shape.is-05{width:45px}.op-life__shape.is-06{width:20px}.op-life__shape.is-07{width:10px}.op-life__shape.is-08{width:8px}.op-life__shape.is-09{width:10px}.op-life__shape.is-10{width:35px}.op-life__shape.is-11{width:10px}.op-life__shape.is-12{width:20px}.op-life__inner{padding:0 20px 0}.op-life__heading{margin-bottom:40px}.op-life__heading-en{font-size:7.2rem}.op-life__heading-ja{font-size:1.6rem}.op-life__box{width:57%;border-radius:40px;border-width:4px;margin-left:19%}.op-life__scene{border-radius:40px;border-width:4px}.op-life__label{position:absolute;left:100%;top:17%;transform:translateY(-50%);padding:10px 20px;border-radius:0 70px 70px 0}.op-life__label-text{font-size:3.2rem}.op-life__card::before{bottom:12px;left:10px;transform:rotate(15deg)}.op-life__card.is-active{opacity:1}.op-life__card-body{padding:17px 35px;transform:rotate(10deg)}.op-life__card-title{font-size:2rem}.op-life__card-text{font-size:1.6rem}.op-life__deco.is-walk{left:7.5%;top:-100px;width:33%;max-width:422px}.op-life__deco.is-rest{right:.6%;top:-40px;width:30%;max-width:349px}.op-life__deco.is-train{left:0;top:18%;width:23.3%}.op-life__deco.is-opotan{right:0;top:auto;bottom:175px;width:15.8%}.op-life__rail{height:6px}.op-life__rail-train{width:24%;max-width:305px}.op-life__stations{max-width:1012px;padding:40px 0 0}.op-life__station:hover{opacity:.85;transform:scale(1.05)}.op-life__station img{width:127px;max-width:none}.op-life__peek{width:31%;min-width:400px;max-width:none}.op-life__marquee{bottom:80px}.op-life__marquee-track span{font-size:8rem;padding:0 30px}.op-download{padding:120px 0 0;margin-top:-150px}.op-download{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80C0 80 320 30 640 30S1280 80 1280 80V80H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80C0 80 320 30 640 30S1280 80 1280 80V80H0Z' fill='white'/%3E%3C/svg%3E"),linear-gradient(#000, #000);-webkit-mask-size:100% 80px,100% calc(100% - 80px);mask-size:100% 80px,100% calc(100% - 80px)}.op-download__inner{padding:0 20px}.op-download__heading{margin-bottom:50px}.op-download__heading-en{font-size:7.2rem}.op-download__heading-ja{font-size:1.6rem}.op-download__grid{grid-template-columns:repeat(4, 1fr);gap:30px}.op-download__links{margin-top:23px}.op-download__btn{font-size:2rem;padding:6px 16px}.op-download__btn::after{right:16px}.op-download__btn:hover{background:#1d2088;color:#fff;opacity:1}.op-download__btn:hover::after{border-color:#fff}.op-osakapoint{padding:92px 0 0;margin-top:-22.8vw}.op-osakapoint{-webkit-mask-size:100% 100px,100% calc(100% - 100px);mask-size:100% 100px,100% calc(100% - 100px)}.op-osakapoint__svg.is-left{top:40px;width:20%}.op-osakapoint__svg.is-right{top:30px;width:20%}.op-osakapoint__inner{padding:0 20px}.op-osakapoint__heading{margin-bottom:40px}.op-osakapoint__heading-en{font-size:7.2rem}.op-osakapoint__heading-ja{font-size:1.6rem}.op-osakapoint__cards{grid-template-columns:repeat(3, 1fr);gap:40px;max-width:1160px}.op-osakapoint__card:hover{opacity:1;transform:scale(1.03)}.op-osakapoint__link{font-size:2.4rem;padding:12px 30px 12px 0}.op-osakapoint__link:hover{opacity:.8}.op-osakapoint__enjoy-area{padding:0 14%;margin-top:40px}.op-osakapoint__chara.is-left{width:14%}.op-osakapoint__chara.is-right{width:14%}.op-osakapoint__enjoy{font-size:8rem}}@media screen and (max-width: 980px){.op-fv__title{position:absolute;top:20%;left:50%;transform:translateX(-50%);z-index:8}.op-fv__title-wrap{display:contents}.op-fv__share{left:auto;right:0;top:2%;width:25%}}@media screen and (min-width: 1200px){.op-whats__wave-area{margin-top:-2vw}}@media screen and (max-width: 767px){.op-life__label{margin:0 auto 15px;text-align:center}}@media screen and (min-width: 1160px){.op-life__card{position:absolute;right:6%;bottom:20px;left:auto;width:30%;margin:0;display:block;opacity:0}}