@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
body{font-family: 'M PLUS Rounded 1c', sans-serif;margin: 0 auto;overflow-x: hidden;}
@keyframes fade-body {0% {opacity: 0;}100% {opacity: 1;}}
.main{position: relative;max-width: 1920px;margin: 0 auto;}
body {background: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-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; }}

@media screen and (max-width:999px) {
body {background: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-dot.webp) repeat;background-size: 100vw auto; animation: fade-body 0.5s ease-in-out,body-bg-scroll 60s linear infinite;}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -300vw 0; }}
}

.scroll {position: absolute;height: 20px;transform: translateY(-50%) translateX(-50%);-ms-writing-mode: tb-rl;writing-mode: vertical-rl;z-index: 2;}
.scroll span {position: absolute;left: -10px;top: -40px;letter-spacing: 1px;}
.scroll::after {content: "";position: absolute;top: 0;width: 1px;height: 20px;animation: pathmove 1.4s ease-in-out infinite;opacity: 0;}
@keyframes pathmove {0% {height: 0;top: 0;opacity: 0;}30% {height: 20px;opacity: 1;}100% {height: 0;top: 40px;opacity: 0;}}
@media screen and (max-width:999px) {
.scroll {position: absolute;left: 95%;top: 100%;font-size: 13px;color: #333;text-shadow: 0px 0px 6px #eee;}
.scroll::after {background-image: linear-gradient(90deg, rgba(246,162,159, 1), rgb(113, 163, 238))}
.pc-block{display: none;}
.sp-block{display: block;}
}
@media screen and (min-width:1000px) {
.scroll {position: absolute;left: 95%;top: 70%;font-size: 16px;color: #ffffff;}
.scroll::after {background-image: linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255))}
.pc-block{display: block;}
.sp-block{display: none;}
}

.article-sns h1{animation:filter 1s ease-in infinite}
@keyframes filter{0%{ filter: hue-rotate(0deg)}50%{ filter: hue-rotate(-20deg);}100%{ filter:  hue-rotate(0deg)}}

.sns-top-link{background: linear-gradient(90deg, rgba(113, 163, 238,0.8), rgba(255, 123, 179, 1));display: block;margin: 0 auto;width: 80%;padding: 1.3rem 0rem;text-align: center;color: #fff;border-radius: 60px;margin-top: 20px;text-decoration: none;font-size: 18px;animation:filter 1s ease-in infinite;position: relative;}
.sns-top-link::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/right-icon-white.svg);background-size: contain;background-repeat: no-repeat;width: 14px;height: 14px;top: 50%;left: 90%;transform: translateX(-50%) translateY(-50%);}
.sns-h2_01 {position: relative;  margin: 0 auto ;margin-left: 2rem;display: inline-block;}
.sns-h2_01 span {background-image: linear-gradient(90deg, rgba(255, 123, 179, 1), rgba(113, 163, 238));display: inline-block;margin: 5px;color: #fff;padding: 0.5rem;border-radius: 5px 0px 5px 0px;}
.sns-h2_01::before{position: absolute;content: attr(data-number);left: 85%;top: -10px;font-size: 3rem;background: linear-gradient(90deg, rgba(255, 123, 179, 1), rgba(113, 163, 238));-webkit-background-clip: text; /* テキストの形で切り抜く */-webkit-text-fill-color: transparent; /* 中身を透明にする */}

.box{background: linear-gradient(90deg, rgba(255, 123, 179, 0.8), rgba(113, 163, 238,0.8));margin: 0 auto;padding: 2rem;margin-top: 2rem;position: relative;}
.h2-box{margin: 0 auto;max-width: 1200px;position: relative;}
.box-flex{max-width: 1500px;margin: 0 auto;}
.sns-h3_01 {position: relative;padding: 0.8rem 0.5rem;border-radius: 10px;background-color: #333;color: #fff;text-align: center;margin-top: 1rem;margin-bottom: 3rem;font-size: 18px;}
.sns-h3_01::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border: 11px solid transparent;border-top: 11px solid #333333;}
.article-sns h4 {border-bottom: 3px solid #f2f2f2;margin-top: 1.5rem;margin-bottom: 2rem;font-size: 16px;}
.article-sns h4 span {display: inline-block;position: relative;padding: 0 .4em .2em;color: #333333;}
.article-sns h4 span::before {position: absolute;bottom: -3px;left: 0;width: 100%;height: 3px;background-color: #333333;content: '';}
.article-sns p{padding: 1rem;background: rgba(255, 255, 255,0.9);border-radius: 5px;line-height: 2;font-size: 14px;margin-top: 1rem;margin-bottom: 1rem;}
.box-flex2 img{width: 45%;border-radius: 10px;object-fit: cover; }
.box-flex2 {display: flex;flex-wrap: wrap; gap: 15px;justify-content: center;margin-top: 40px;}

.sns-h2_02 {background: linear-gradient(90deg, rgba(255, 123, 179, 1), rgba(113, 163, 238));-webkit-background-clip: text; /* テキストの形で切り抜く */-webkit-text-fill-color: transparent; /* 中身を透明にする */font-weight: 400;font-size: .75rem;letter-spacing: .04em;text-align: center;margin-top: 1rem;margin-bottom: 1rem;}
.sns-h2_02::before {display: block;font-weight: 700;font-size: 1.65rem;line-height: 1.5;letter-spacing: .02em;content: attr(data-label);}
.sns-h3_02 {display: flex;align-items: center;padding: .5em .7em;background-color: #f2f2f2;color: #333333;margin-top: 1rem;margin-bottom: 1rem;font-size: 16px;}
.sns-h3_02::before {display: inline-block;width: 5px;height: 1.5em;margin-right: .5em;background-color: rgba(113, 163, 238);content: '';}
.sns-flex{display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: center;margin:0rem -1rem;}
.sns-flex div{ width: calc(100% / 2.2);padding: 5px;}
.sns-flex div img{width: 100%; height: auto;display: block;margin: 0 auto;border-radius: 5px;}
.sns-flex p{font-size: 14px;line-height: 1.5;}
.sns-block{margin: 0 auto;margin-top: 40px;}
.box2{margin: 0 auto;padding: 1rem;margin-top: 2rem;position: relative;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),url("https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-bg01.webp") center/cover no-repeat;}
.box2-inner{max-width: 1500px;margin: 0 auto;}
.box3{margin: 0 auto;padding: 1rem;margin-top: 2rem;position: relative;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),url("https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-bg02.webp") center/cover no-repeat;}
.box4{margin: 0 auto;padding: 1rem;margin-top: 2rem;position: relative;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),url("https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-bg03.webp") center/cover no-repeat;}
.box3-inner{max-width: 1200px;margin: 0 auto;}
.box3-inner img{border-radius: 5px;}
.box4-inner{max-width: 1300px;margin: 0 auto;}
.box4-flex{display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: center;margin:0rem -1rem;}
.box4-flex div{width: calc(100% / 2.2);padding: 5px;}
.box4-flex div img{width: 100%;height: auto; border-radius: 5px;display: block;margin: 0 auto;}
.box4-flex div{position: relative;}
.box4-flex div::before{position: absolute;content:  attr(data-label);background: #000;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;display: block;left: 10%;top: 20%;transform: translateX(-50%)translateY(-50%);font-size: 10px;}

.sns-block-end{padding:4rem 2rem;background: #000;position: relative;}
.sns-block-end::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sms-gif-01.gif);background-size: contain;width: 80px;height: 100px;background-repeat: no-repeat;left: 50%;top: 0%;transform: translateX(-50%) translateY(-50%);}
.sns-block-end div{color: #fff;max-width: 1000px;margin: 0 auto;line-height: 2;}
.sns-block-end a{display: block;margin: 0 auto;text-decoration: none;width: 90%;max-width: 600px;background: #fff;color: #000;text-align: center;border-radius: 60px;margin-top: 40px;font-size: 16px;padding: 1rem;}
.sns-block-end a:hover{background: #dde9f1;transition: 0.5s;}
.table1{font-size: 14px;}.table2{font-size: 13px;}.table3{font-size: 13px;}
.table2{width: 100%;;max-width: 1200px;margin: 0 auto;border-collapse: collapse;text-align: center;}
.box01-inner{max-width: 1200px;margin: 0 auto;}
.table2 th{ background: #24407a;color: #fff;padding: 1rem;}
.table2 td{background: rgba(255,255,255,0.95);color: #000;padding: 1rem;}

.table3{width: 100%;margin: 0 auto;border-collapse: collapse;text-align: center;}
.table3 th{ background: #a72767;color: #fff;padding: 1rem;}
.table3 td{background: rgba(255,255,255,0.95);color: #000;padding: 1rem;}

.bar-chart-002 {font-size: 0.9rem;margin-top: 40px;}
.bar-chart-002-warp {display: flex;align-items: center;margin-bottom: 7px;width: 95%;}
.bar-chart-002 dt {width: 55px;min-width: 55px;}
.bar-chart-002 dd {width: 100%;margin: 0;border-radius: 3px;background-color: #f2f2f2;}
.bar-chart-002 span {display: inline-block;padding-right: 15px;border-radius: inherit;background: #5eaabd;color: #fff;font-weight: 600;line-height: 50px;text-align: right;white-space: nowrap;}

.table1{width: 100%;border-collapse: collapse;position: relative;margin-bottom: 2rem;}
.table1::before{content: '⇩';position: absolute;font-size: 70px;left: 90%;top: 80%;font-weight: 400;transform: translateX(-50%)translateY(-50%);color: rgb(53, 107, 187);}
.table1::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sms-table-01.webp);width: 100px;height: 190px;background-size: contain;left: 95%;top: 50%;transform: translateX(-50%)translateY(-50%) rotate(5deg);background-repeat: no-repeat;}
.table1 td:nth-of-type(1){background: rgb(0, 0, 40);color: #fff;text-align: center;padding: 0.5rem;}
.table1 td:nth-of-type(2){padding: 0.5rem;padding-left: 2rem;background: rgba(255, 255, 255,0.8);color: rgb(21, 52, 138);font-weight: 500;}

.p-gif{position: relative;width: 70%;margin-left: 1.5rem;}
.p-gif::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sms-gif-01.gif);background-size: contain;width: 110px;height: 140px;background-repeat: no-repeat;left: 118%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.strong{background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff200 0%) repeat scroll 0 0;font-weight: 500;text-shadow: 0px 0px 10px #fff;font-weight: 700;}

.table-star{margin: 0 auto;margin-bottom: 0px;width: 100%}
.table-star td:nth-of-type(2){color: #ffd900;}
.table-star td{width: calc(100%/2);text-align: center;}

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

@media screen and (max-width:999px) {
.moreText {display: -webkit-box;-webkit-line-clamp: 5; /* ← 5行まで */-webkit-box-orient: vertical;overflow: hidden;}
.moreText.expanded {-webkit-line-clamp: unset;}
.read-more {margin-top: 5px;margin-bottom: 10px;background: none;border: none;color: #1d9bf0;cursor: pointer;text-align: right;display: block;width: 100%;font-size: 13px;}
}


@media screen and (min-width:1000px) {
.balloon{display: none;}
.p-gif{position: relative;width: 70%;}
.p-gif::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sms-gif-01.gif);background-size: contain;width: 160px;height: 200px;background-repeat: no-repeat;left: 115%;top: 40%;transform: translateX(-50%) translateY(-50%);}
.table1::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sms-table-01.webp);width: 180px;height: 250px;background-size: contain;left: 90%;top:50%;transform: translateX(-50%)translateY(-50%) rotate(5deg);background-repeat: no-repeat;}
.box01-flex{display: flex;flex-wrap: wrap;}
.box01-flex div{width: calc(100%/2);padding: 10px;box-sizing: border-box;}
.sns-flex p{font-size: 16px;}
.table1{font-size: 20px;}
.table2{font-size: 20px;}
.table3{font-size: 16px;}
.sns-block{margin: 0 auto;margin-top: 100px;}
.sns-block-end{padding: 4rem;margin-top: 100px;}
.sns-block-end a{padding: 2rem;font-size: 30px;width: 80%;}
.box4-flex div img{width: 90%;height: auto; border-radius: 5px;display: block;margin: 0 auto;}
.box4-flex div::before{position: absolute;content:  attr(data-label);background: #000;color: #fff;width: 90px;height: 90px;line-height: 90px;text-align: center;border-radius: 50%;display: block;left: 10%;top: 50%;transform: translateX(-50%)translateY(-50%);font-size: 20px;}
.box3-flex{display: flex;align-items: center;justify-content: center;}
.box3-flex{padding: 1rem}
.box3-flex img{border-radius: 10px;width: 40%}
.box3-flex p{width: 60%;}
.sns-h2_01 {font-size: 2.5rem;}
.sns-h2_01::before{font-size: 4rem;top: 0px;}
.sns-h2_01 span{padding: 1rem;}
.box{padding: 6rem 2rem;margin-top: 60px;}
.box-flex{display: flex;}
.box-flex div{width: calc(100%/2);justify-content: center;padding: 2rem;}
.box-flex2 {margin-top: 0px;}
.box::before {position: absolute;content: attr(data-number);left: 90%;top: 50%;transform: translateY(-50%);writing-mode: vertical-rl;  font-size: 6rem;color: #fff;mix-blend-mode: soft-light;  white-space: nowrap; }
.sns-h3_01 {font-size: 2rem;}
.article-sns h4 {font-size: 20px}
.sns-flex div{    width: calc(100% / 4.5);padding: 10px;}
.box2{margin: 0 auto;padding: 6rem 2rem;margin-top: 2rem;position: relative;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),url("https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-bg01.webp") center/cover no-repeat;}
.box3{margin: 0 auto;padding: 6rem 2rem;margin-top: 2rem;position: relative;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),url("https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/sns-img-bg02.webp") center/cover no-repeat;}
.sns-flex div img{width: 100%; height: auto;display: block;margin: 0 auto;}
.sns-h2_02 {font-size: 1.2rem;}
.sns-h2_02::before {font-size: 2.5rem;}
.sns-h3_02{font-size: 24px;}
.article-sns p{padding: 1rem;background: rgba(255, 255, 255,0.8);border-radius: 5px;line-height: 2;font-size: 16px;}
.h2-box-warp{position: absolute;left: 85%;top: 45%;transform: translateX(-50%) translateY(-50%);width: 50%;max-width: 600px;height: auto;}

}

.color-anim{animation: dmm-text-anim ease-in infinite;animation-delay: 0.5s;animation-duration: 0.5s;}
@keyframes dmm-text-anim {50%{color: #FFDE00;}}

.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 } 
.article-sns{overflow-x: hidden}