/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /********LP＞LP_fv********/ #article_LP{padding:0 !important;} .LP_fvFig_01{ display:block; width:100%; height:0; padding-top:78.6%; background:url(/images/LP/LP_fvFig_01_01.png?1736849340) center top / 100% 100% no-repeat; } .LP_fv .LP_regFormButton_01, .LP_fv .LP_regFormButton_02{ display:block; width:76%; height:auto; } .LP_fv .LP_regFormButton_01{margin:1.2vw auto 0;} .LP_fv .LP_regFormButton_02{margin:3.6vw auto 6.4vw; background:transparent;} .LP_fvFig_02{ display:block; width:100%; height:0; padding-top:67.1%; background:url(/images/LP/LP_fvFig_01_02.png?1736849340) center top / 100% 100% no-repeat; } .LP_fvFig_01 p{display:none;} /********LP＞導入********/ .LP_intro{ position:relative; padding-top:5.6vw; background:url(/images/pattern_pittariGreen.png?1736270272) left top / 80% auto #009faf; } .LP_headlineIntro{ display:block; width:100%; height:0; margin-bottom:1.6vw; padding-top:29.2%; background:url(/images/LP/LP_headlineIntro.png?1736301497) center top / 100% 100% no-repeat; } .LP_headlineIntro p{display:none;} .LP_headlineSmallIntro{ display:block; width:94%; margin:0 auto; margin-bottom:2.0vw; height:0; padding-top:18.4%; background:url(/images/LP/LP_headlineSmallIntro.png?1736284181) center top / 100% 100% no-repeat; } .LP_headlineSmallIntro p{display:none;} .LP_intro p{ width:92%; margin:0 auto; color:#ffffff; font-size:4.2vw; line-height:1.56; letter-spacing:-0.02em; } .LP_intro em{ color:#ffef20; font-size:4.4vw; text-decoration:underline; } .LP_introFig_01{ display:block; width:92%; margin:0 auto; margin-top:-3.2vw; margin-bottom:2.4vw; height:0; padding-top:46.0%; background:url(/images/LP/LP_introFig_01.png?1736300777) center top / 100% 100% no-repeat; } .LP_introFig_01 p{display:none;} /********LP＞登録フォーム********/ .LP_regFormWrapper{ padding-top:4.0vw; padding-bottom:16.0vw; background:url(/images/pattern_pittariGreen.png?1736270272) left top / 80% auto #009faf; color:#ffffff; color:#ffffff; } .LP_arrow{ display:block; width:90%; margin:0 auto; margin-bottom:4.0vw; height:0; padding-top:16.0%; background:url(/images/LP/LP_arrow.png?1736301114) center top / 100% 100% no-repeat; } .LP_regForm{position:relative;} .LP_regForm:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/LP/LP_regFormBackground.png?1736339337) center top 16.0vw / 106% 80% no-repeat; } .LP_regForm .LP_regFormInner{position:relative;} .LP_regForm figure{width:50%; margin-bottom:4px; padding-top:66.6%;} .LP_regForm figure.LP_regFormFig_01{background:url(/images/LP/LP_regFormFig_01.png?1736302960) center top / 100% 100% no-repeat; animation:LP_regFormFig_01_anm 1.6s linear infinite;} @keyframes LP_regFormFig_01_anm{ 0%{transform:translate(0,1.6px);} 49.99%{transform:translate(0,1.6px);} 50%{transform:translate(0,-1.6px);} 100%{transform:translate(0,-1.6px);} } .LP_regForm figure.LP_regFormFig_02{background:url(/images/LP/LP_regFormFig_02.png?1736302960) center top / 100% 100% no-repeat; animation:LP_regFormFig_02_anm 1.6s linear infinite;} @keyframes LP_regFormFig_02_anm{ 0%{transform:translate(0,-1.6px);} 49.99%{transform:translate(0,-1.6px);} 50%{transform:translate(0,1.6px);} 100%{transform:translate(0,1.6px);} } .LP_regForm figure p{display:none;} .LP_regForm .LP_regFormButton_01, .LP_regForm .LP_regFormButton_02{ display:block; width:84%; height:auto; margin:0 auto; } .LP_regForm .LP_regFormButton_02{margin-top:16px;} .LP_regForm button{background:transparent;} .LP_regForm aside{ margin-top:3.2vw; font-size:0.8rem; line-height:1.0; text-align:center; } .LP_intro + .LP_regForm{padding-bottom:22.0vw;} /********LP＞競艇予想とは？********/ .LP_prediction{ position:relative; padding:2.8vw 0 16.0vw 0; background:url(/images/pattern_pittariGreenLight.png?1736270299) left top / 80% auto #dfe5bf; } .LP_prediction:before{ content:""; position:absolute; left:0; top:0; display:block; width:100%; height:0; margin-top:-4.16%; padding-top:4.16%; background:url(/images/LP/LP_wavePittariGreenLight.png?1736362995) center bottom / 100% 100% no-repeat; } .LP_headlinePrediction{ display:block; width:100%; height:0; padding-top:29.2%; background:url(/images/LP/LP_headlinePrediction.png?1736301457) center top / 100% 100% no-repeat; } .LP_headlinePrediction p{display:none;} .LP_headlineSmallPrediction{ display:block; width:94%; margin:0 auto; margin-top:-2.0vw; margin-bottom:2.0vw; height:0; padding-top:18.4%; background:url(/images/LP/LP_headlineSmallPrediction.png?1736284517) center top / 100% 100% no-repeat; } .LP_headlineSmallPrediction p{display:none;} .LP_predictionFig_01{ display:block; width:92%; height:0; margin:0 auto; padding-top:26.0%; background:url(/images/LP/LP_predictionFig_01.png?1736301721) center top / 100% 100% no-repeat; } .LP_predictionFig_01 p{display:none;} .LP_predictionFig_02{ display:block; width:80%; height:0; margin:0 auto; padding-top:38.8%; background:url(/images/LP/LP_predictionFig_02.png?1736302098) center top / 100% 100% no-repeat; filter:drop-shadow(3.2px 3.2px rgba(0,0,0,0.16)); } .LP_predictionFig_02 p{display:none;} .LP_predictionFig_03{ display:block; width:92%; height:0; margin:0 auto; margin-top:-1.6vw; padding-top:56.0%; background:url(/images/LP/LP_predictionFig_03.png?1736339385) center top / 100% 100% no-repeat; filter:drop-shadow(3.2px 3.2px rgba(0,0,0,0.16)); } .LP_predictionFig_03 p{display:none;} .LP_predictionFig_01 + p, .LP_predictionFig_02 + p, .LP_predictionFig_03 + p{ width:92%; margin:0 auto; font-size:4.2vw; line-height:1.56; letter-spacing:-0.02em; } .LP_predictionFig_01 + p{margin-top:1.2vw;} .LP_predictionFig_02 + p{margin-top:2.4vw;} .LP_predictionFig_03 + p{margin-top:2.4vw;} .LP_predictionFig_01 + p em, .LP_predictionFig_02 + p em, .LP_predictionFig_03 + p em{ color:#ffef20; font-size:4.4vw; font-weight:bold; text-shadow: 2.2px 0 0 #004046, -2.2px 0 0 #004046, 0 2.2px 0 #004046, 0 -2.2px 0 #004046, 2.2px 2.2px 0 #004046, 2.2px -2.2px 0 #004046, -2.2px 2.2px 0 #004046, -2.2px -2.2px 0 #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046 ; } .LP_waveLine{ display:block; width:100%; height:0; padding-top:8.0%; background:url(/images/LP/LP_waveLine.png?1736285325) center top / auto 100% no-repeat; } .LP_waveLineRight{margin-top:4.0vw; background-position:right -18.0vw top;} .LP_waveLineLeft{margin-top:4.0vw; background-position:left -18.0vw top;} /********LP＞的中実績********/ .LP_result{ position:relative; padding-top:2.8vw; background:url(/images/pattern_white.png?1736270700) left top / 80% auto #dfe5bf; } .LP_result:before{ content:""; position:absolute; left:0; top:0; display:block; width:100%; height:0; margin-top:-4.16%; padding-top:4.16%; background:url(/images/LP/LP_waveWhite.png?1736363019) center bottom / 100% 100% no-repeat; } .LP_headlineResult{ display:block; width:100%; height:0; margin-bottom:1.6vw; padding-top:29.2%; background:url(/images/LP/LP_headlineResult.png?1736301427) center top / 100% 100% no-repeat; } .LP_headlineResult p{display:none;} .LP_resultFig_01{ display:block; height:0; margin-top:-1.6vw; padding-top:50.0%; background:url(/images/LP/LP_resultFig_01.png?1736365072) center top / 100% 100% no-repeat; } .LP_resultFig_01 p{display:none;} .LP_resultFig_01 + p{ width:92%; margin:0 auto; margin-top:1.6vw; font-size:4.2vw; line-height:1.56; letter-spacing:-0.02em; } .LP_resultFig_01 + p em{color:#ff0000; font-size:5.0vw; font-weight:bold;} .LP_resultFig_02{ display:block; height:0; margin-top:-6.4vw; margin-bottom:2.4vw; padding-top:66.6%; background:url(/images/LP/LP_resultFig_02.png?1736358401) center top / 100% 100% no-repeat; } .LP_resultFig_02 p{display:none;} .ul_result{display:flex; flex-wrap:wrap; padding:0 2.0vw;} .ul_result li{ position:relative; width:calc(calc(100% - 2.0vw) / 2); margin-top:2.8vw; background:url(/images/pattern_pittariGreenDark.png?1736270805) center top / 120% auto #dfe5bf; box-shadow:2.4px 2.4px 0 0 rgba(0,0,0,0.10); color:#ffffff; } .ul_result li:nth-of-type(-n+2){margin-top:0;} .ul_result li:nth-of-type(even){margin-left:2.0vw;} .ul_result li figure{ display:block; height:0; margin:4px; padding-top:50%; background:center top / 100% 100% no-repeat; } .ul_result li inner{display:block; padding:10px 12px 16px 12px;} .ul_result li .date{font-size:9.6px; text-align:left; opacity:0.48;} .ul_result li .race{margin-top:8px; font-size:12.8px; line-height:1.2;} .ul_result li .sum{margin-top:2px; text-align:right;} .ul_result li .sum span{ display:inline-block; font-family:"Noto Sans JP"; letter-spacing:-0.02em; white-space:nowrap; } .ul_result li .sum var{ position:relative; bottom:-1.6px; display:inline-block; vertical-align:baseline; color:#ffef20; font-weight:600; letter-spacing:-0.4px; } .ul_result li .sum var:nth-of-type(1){margin:0; font-size:20.8px;} .ul_result li .sum var:nth-of-type(2){margin:0 0 0 0.8px; font-size:19.2px;} .ul_result li .sum unit{ position:relative; bottom:0; display:inline-block; vertical-align:baseline; color:#ffef20; font-size:14px; font-weight:900; } .ul_result li .sum unit:nth-of-type(1){margin:0 0 0 0.4px;} .ul_result li .sum unit:nth-of-type(2){margin:0 0 0 0.4px;} .ul_result li .sum sub{ vertical-align:baseline; margin:0 0 0 2px; font-size:12px; font-weight:700; } .LP_resultFig_03{ display:block; height:0; margin-top:2.0vw; padding-top:66.6%; background:url(/images/LP/LP_resultFig_03.png?1736359338) center top / 100% 100% no-repeat; } .LP_resultFig_03 p{display:none;} /********LP＞LP_last********/ .LP_last{ margin-bottom:-64px; padding-top:4.0vw; padding-bottom:4.0vw; background:url(/images/pattern_pittariGreen.png?1736270272) left top / 80% auto #009faf; color:#ffffff; } .LP_last .LP_lastText_01{ margin-bottom:2.0vw; padding-left:12px; color:#ffffff; font-family:"Noto Sans JP"; font-size:6.6vw; font-weight:800; line-height:1.44; text-align:center; letter-spacing:-0.02em; white-space:nowrap; text-shadow: 2.2px 0 0 #004046, -2.2px 0 0 #004046, 0 2.2px 0 #004046, 0 -2.2px 0 #004046, 2.2px 2.2px 0 #004046, 2.2px -2.2px 0 #004046, -2.2px 2.2px 0 #004046, -2.2px -2.2px 0 #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046, 0 0 2.8px #004046 ; } /********LP＞まとめ********/ .LP_matome{margin-top:-4.0vw;} .LP_matomeFig_01{ display:block; width:100%; height:0; padding-top:114.0%; background:url(/images/LP/LP_matomeFig_01.png?1736566902) center top / 100% 100% no-repeat; } .LP_matomeFig_01 p{display:none;}