@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

body{background: #F8F8F8;margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;font-size: 15px;}
.lp-box{overflow-x: hidden; max-width: 480px;box-shadow: 0 2px 8px rgba(64, 62, 61, .1);margin: 0 auto;}
footer{background: #000000;font-size: 13px;color: #fff;padding:1.5rem 1rem;text-align: center;}
.lp-content{background: rgba(255,255,255,0.65);margin-top: -40px;padding-top: 20px;overflow-x: hidden;}
@media screen and (max-width:999px) {
.lp-box {background: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-fave-dot.webp) repeat;background-size: 140vw auto; animation: fade-body 0.5s ease-in-out, body-bg-scroll 80s linear infinite;}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -100vw 0; }}
}
@media screen and (min-width:1000px) {
.lp-box {background: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-fave-dot.webp) repeat;background-size: 40vw auto; animation: fade-body 0.5s ease-in-out, body-bg-scroll 80s linear infinite;}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -100vw 0; }}
}
.lp-main{position: relative;margin: 0 auto;}

.lp-main-img4 {position: absolute;z-index: 3;animation: bounceIn 1050ms backwards;animation-delay: 500ms;top: 50%;transform: translate(0, -50%);}
.lp-main-img5 {position: absolute;top: 0;left: 0;z-index: 3;animation: image1 1s forwards 1s;opacity: 0;}
.lp-main-img6 {position: absolute;top: 0;left: 0;z-index: 3;animation: image1 1s forwards 1s, image1-2 2s infinite ease-in-out;opacity: 0;}
@keyframes bounceIn {
from,20%,40%,60%,80%,to {animation-timing-function: cubic-bezier(0.1, 0.1, 0.1, 1);}
0% {opacity: 0;transform: scale3d(0.3, 0.3, 0.3) translate(0, -50%);}
20% {transform: scale3d(3, 3, 3) translate(0, -50%);}
40% {transform: scale3d(0.3, 0.3, 0.3) translate(0, -50%);}
60% {opacity: 1;transform: scale3d(1.2, 1.2, 1.2) translate(0, -50%);}
80% {transform: scale3d(0.97, 0.97, 0.97) translate(0, -50%);}
to {opacity: 1;transform: scale3d(1, 1, 1) translate(0, -50%);}
}
@keyframes image1 {
0% {opacity: 0;}
100% {opacity: 1;}}
@keyframes image1-2 {
0%,
100% {transform: translateY(0);}
50% {transform: translateY(-5px);}}


.bg-img{animation:filter 1s ease-in infinite;margin-top: 0;}

a.lp-btn:hover{opacity: 0.8;transition: 0.5s;box-shadow: 0px 0px 6px #d7b1da;}
a.lp-btn {position: relative;display: block;font-size: 20px;color: #fff;width: 85%;max-width: 380px;padding: 1.2rem 0rem;text-align: center;display: block;margin: 0 auto;background:transparent linear-gradient(90deg, #99d8e1 0%, #d7b1da 100%) 0% 0% no-repeat padding-box;text-decoration: none;border-radius: 40px;line-height: 1.2;margin-top: 20px;margin-bottom: 20px;transition-duration: .5s;}
a.lp-btn::before {content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/right-icon-white.svg);width: 13px;height: 13px;background-size: contain;background-repeat: no-repeat;left: 90%;top: 50%;transform: translateX(-50%)translateY(-50%);}
a.lp-btn span {font-size: 13px;display: block;}
a.lp-btn::after{content:  attr(data-label);position: absolute;top: 50%;left: 0;transform: translateX(-50%) translateY(-50%);background: #fff;border-radius: 50%;width: 60px;height: 60px;font-size: 10px;white-space: pre-line;color: #99d8e1;display: flex; align-items: center;justify-content: center;text-align: center;font-size: 13px;}


.head-1{color: #99d8e1;position: relative;text-align: center;font-size: 24px;margin-top: 40px;margin-bottom: 40px;}
.head-1::before{content: attr(data-label);position: absolute;top: 170%;left: 50%;transform: translateX(-50%)translateY(-50%);background:transparent linear-gradient(90deg, #99d8e1 0%, #d7b1da 100%) 0% 0% no-repeat padding-box;color: #fff;padding:5px 10px;font-size: 20px;letter-spacing: 3px;}
.head-1::after{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/fave-lp-cara4.webp);background-size: contain;background-repeat: no-repeat;width: 150px;height: 140px;left: 90%;top: 100%;transform: translateX(-50%)translateY(-50%) rotate(-40deg);overflow-x: hidden;}

.fave-box{background:transparent linear-gradient(90deg, #99d8e1 0%, #d7b1da 100%) 0% 0% no-repeat padding-box;padding: 1rem 2rem;margin-top: 30px;}
.fave-box p{background: #fff;padding: 2rem 1rem;border-radius: 5px;font-size: 14px;line-height: 2;}


@keyframes bounce {
0% {transform: translateY(0) scale(1);}
30% {transform: translateY(0px) scale(1.05); }
50% {transform: translateY(0) scale(0.95); }
70% {transform: translateY(0px) scale(1.05); }
100% {transform: translateY(0) scale(1); }
}
.hover-img{transition-duration: .5s;}
.hover-img:hover{display: inline-block;overflow: hidden;transition: 0.5s;transform: scale(1.1);opacity: 0.8;}


@keyframes filter{0%{ filter: hue-rotate(0deg)}35%{ filter: hue-rotate(40deg);}70%{ filter:  hue-rotate(-40deg)}100%{ filter:  hue-rotate(0deg)}}


.balloon {display: flex;justify-content: center;align-items: center;gap: 0 22px;width: 90%;margin: 0 auto;margin-bottom: 40px;margin-top: 40px;}
.balloon img {max-width: 80px;height: 120%;}
.balloon div {position: relative;max-width: 600px;margin: 3px 0 0;padding: 1rem;border-radius: 5px;background-color: #eaf8fa;color: #333333;font-size: 14px;line-height: 2;}
.balloon div::before {position: absolute;left: -15px;width: 15px;height: 20px;background-color: #eaf8fa;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}

.list {position: relative;padding: 1.5rem 2rem 1rem 2.5rem;box-sizing: border-box;width: 80%;display: block;margin: 0 auto;border: solid 1px #d7b1da;background: rgba(255,255,255,1) ;border-radius: 5px;}
.list > div {position: absolute;top: -.75em;left: 1em;padding: 0 1rem;font-weight: 600;font-size: 16px;color: #fff;background:transparent linear-gradient(90deg, #99d8e1 0%, #d7b1da 100%) 0% 0% no-repeat padding-box;}
.list ul {list-style-type: disc;margin: 0;padding: 0;}
.list li {padding: .3em .3em .3em 0;}
.list li::marker {color: #d7b1da;font-size: 1.1em;}

.fave-h3{background: linear-gradient(90deg, #99d8e1 0%, #d7b1da 100%);color: #fff;text-align: center;font-size: 18px;margin: 2rem;padding: 1rem 0.2rem;border-radius: 5px;}

.fave-table,.fave-table2{width: 90%;text-align: center;margin: 0 auto;margin-top: 90px;border: solid 1px #d7b1da;background: rgba(255,255,255,0.4);border-radius: 5px;font-size: 16px;border-collapse: collapse;}
.fave-table td,.fave-table2 td{width: calc(100%/3);padding: 1rem;box-sizing: border-box;}
.fave-table th,.fave-table2 th{width: calc(100%/3);padding: 1rem;box-sizing: border-box;color: #d7b1da;border-bottom: solid 1px #d7b1da;}
.fave-table td:nth-of-type(2){border-left: solid 3px #fd644f;border-right: solid 3px #fd644f;color: #fd644f;font-weight: 600;}
.fave-table tr:nth-last-child(1) td:nth-of-type(2){border-bottom: solid 3px #fd644f;}
.fave-table tr:nth-of-type(2) td:nth-of-type(2){border-top: solid 3px #fd644f;}
.fave-table2 td:nth-of-type(3){border-left: solid 3px #fd644f;border-right: solid 3px #fd644f;color: #fd644f;font-weight: 600;}
.fave-table2 tr:nth-last-child(1) td:nth-of-type(3){border-bottom: solid 3px #fd644f;}
.fave-table2 tr:nth-of-type(2) td:nth-of-type(3){border-top: solid 3px #fd644f;}

.enq-warp{margin: 0 auto;display: flex;flex-wrap: wrap;box-sizing: border-box;padding: 1rem;width: 100%;}
.enq-box{width: calc(100% / 2 - 6px);background: #fff;border-radius: 5px;box-shadow: 0px 0px 6px #eee;box-sizing: border-box;padding: 1rem 1rem;margin: 3px;}
.enq-box p{max-height: 140px;font-size: 13px;line-height: 1.8;margin-bottom: 0;margin-right: -0.5rem;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.enq-box p::-webkit-scrollbar{display: none;}
.star{font-size: 20px;color: #FFC671;margin-bottom: 0;margin-top: 0;}
.enq-box h2{font-size: 16px;margin-bottom: 0;margin-top: 0;}
.enq-box{position: relative;}
.enq-box::before{content: '';position: absolute;background-size: contain;border-radius: 50%;transform: translateX(-50%) translateY(-50%);
background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/fave-lp-cara4.webp);width: 40px;height: 40px;left: 85%;top: 45px;
}

table.fade-table2{width: 80%;margin: 0 auto;border: solid 1px #eee;text-align: center;margin-top: 40px;border-collapse: collapse;}
.fade-table2 td:nth-of-type(1){background: #eee;box-sizing: border-box;padding: 1rem;}

.qa {width: 85%;max-width: 500px;margin: 0 auto;margin-bottom: 7px;border: 1px solid #eee;border-radius: 5px;}
.qa summary {display: flex;justify-content: space-between;align-items: center;position: relative;padding: 1em 2em 1em 3em;color: #333333;font-weight: 600;cursor: pointer;font-size: 15px;}
.qa summary::before,
.qa p::before {position: absolute;left: 1em;font-weight: 600;font-size: 1.3em;}
.qa summary::before {color: #99d8e1;content: "Q";}
.qa summary::after {transform: translateY(-25%) rotate(45deg);width: 7px;height: 7px;margin-left: 10px;border-bottom: 3px solid #333;border-right: 3px solid #333;content: '';transition: transform .5s;}
.qa[open] summary::after {transform: rotate(225deg);}
.qa p {position: relative;transform: translateY(-10px);opacity: 0;margin: 0;padding: .3em 3em 1.5em;color: #333;line-height: 2;font-size: 14px;transition: transform .5s, opacity .5s;}
.qa[open] p {transform: none;opacity: 1;}
.qa p::before {color: #fd644f;line-height: 1.2;content: "A";}

.inex-flex,.inex-flex2{display: flex;padding: 1rem;justify-content: center;align-items: center;}
.inex-flex div:nth-of-type(1){width: 30%;padding: 0.5rem;}
.inex-flex div:nth-of-type(2){width: 70%;padding: 1rem;}
.inex-flex2 div:nth-of-type(1){width: 70%;padding: 1rem;}
.inex-flex2 div:nth-of-type(2){width: 30%;padding: 0.5rem;}
.inex-flex{margin-bottom: -40px;}
.inex-flex2{margin-bottom: -40px;}
.balloon-left {position: relative;padding: 1.5rem 2rem;color: #fff;border-radius: 30px;background: #99d8e1;}
.balloon-left:after {position: absolute;top: 40%;right: -1rem;width: 0;height: 0;content: '';border-width: 15px 15px 10px 15px;border-style: solid;border-color: #99d8e1 transparent transparent transparent;}
.balloon-right {position: relative;padding: 1.5rem 2rem;color: #fff;border-radius: 25px;background: #d7b1da;}
.balloon-right:after {position: absolute;top: 40%;left: -1rem;width: 0;height: 0;content: '';border-width: 15px 15px 10px 15px;border-style: solid;border-color: #d7b1da transparent transparent transparent;}

.register-p{padding: 2.5rem;;font-size: 13px;line-height: 2;}
.register-flex{display: flex;padding: 0rem 2.5rem;align-items: center;justify-content: center;}
.register-flex div{width: calc(100%/2);padding: 1rem;}
.register-h3,
.register-h3-2,
.register-h3-3{background: linear-gradient(90deg, #99d8e1 0%, #d7b1da 100%);color: #fff;width: 120px;margin: 0 auto;text-align: center;padding: 1rem;font-size: 14px;border-radius: 30px;position: relative;}
.register-h3::before,
.register-h3-2::before,
.register-h3-3::before{position: absolute;background: #fff;color: #99d8e1;border: solid 1px #99d8e1;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;left: 0;top: 50%;transform: translateX(-50%)translateY(-50%);}
.register-h3::before{content: '01';}
.register-h3-2::before{content: '02';}
.register-h3-3::before{content: '03';}
.register-flex p{padding: 1rem 0rem;}
.register-box{position: relative;margin: 0 auto;text-align: center;margin-bottom: -40px;margin-top: -40px;}
.register-box span{font-size: 24px;display: block;color: #000;}
.register-box h3{font-size: 100px;color: #C9B076;}
.register-box h3 small{font-size: 40px;}
.register-box::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-regis-02.svg);width: 80px;height: 80px;left: 85%;top: 0;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;}
.register-box::after{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-regis-02.svg);width: 80px;height: 80px;left: 15%;top: 100%;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;}

.fade-body{animation: fade-body 0.5s ease-in-out;}@keyframes fade-body {0% {opacity: 0;}100% {opacity: 1;}}
.fadein { transition: all .6s ease-in-out } .fadein.toup { transform: translateY(10px); opacity: 0 }
.fadein.tor { transform: translateX(10px); opacity: 0 }
.fadein.tol { transform: translateX(-10px); opacity: 0 }
.fadein.show { transform: translate(0); opacity: 1 } 
.fixed-regbtn {position: fixed;width: 90%;max-width: 480px;margin: 0 auto;left: 50%;transform: translateX(-50%);z-index: 999;margin-bottom: 35px;animation:regbtn 1.5s infinite ease-in-out;filter: drop-shadow(0px 0px 10px #fff);}
@keyframes regbtn {0%, 100% { margin-bottom: 35px; }50% { margin-bottom: 30px; }}


  .safety-banner {
        background: #f0fdfa;
        border: 2px solid #99d8e1;
        border-radius: 15px;
        padding: 20px;
        margin: 40px 40px;
        text-align: center;
    }
    .safety-tag {
        display: inline-block;
        background: #99d8e1;
        color: #fff;
        padding: 2px 12px;
        border-radius: 20px;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .safety-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-top: 15px;
    }
    .safety-item {
        background: #fff;
        padding: 10px;
        border-radius: 10px;
        font-size: 11px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    .safety-item i {
        color: #99d8e1;
        display: block;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .trust-badge {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 15px;
        margin: 20px auto;
        max-width: 90%;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .trust-badge img {
        width: 60px;
        height: auto;
    }
    .trust-text {
        font-size: 12px;
        text-align: left;
    }