@charset "UTF-8";
h1,h2,h3,h4,h5,h6,header,footer,section,article,nav,p,figure,figcaption,dl,dt,dd,ul,ol,li,th,td,img,address,form,input,textarea,select,option,span,small,time{font-size:1.2rem;font-weight:600}
br.narrow{display:none}
body{position:relative;background:url("../../img/w_img/bodyBg.png") no-repeat top center fixed;overflow-x:hidden}
body::before,
body::after{content:"";position:fixed;top:0;bottom:0;width:120px;background-repeat:repeat-y;z-index:-1;pointer-events:none}
body::before{left:0;background-image:url("../../img/w_img/bodyBg_sub.png");animation:scroll-left-bg 50s linear infinite}
body::after{right:0;background-image:url("../../img/w_img/bodyBg_sub.png");animation:scroll-right-bg 50s linear infinite}
@keyframes scroll-left-bg{from{background-position:0 0}to{background-position:0 100%}}
@keyframes scroll-right-bg{from{background-position:0 0}to{background-position:0 100%}}
header{text-align:center}
header .head_wrap{padding:3vh 1.5vw;position:relative;background-image:linear-gradient(#000000 60% 1%, rgba(0, 0, 0, 0) 100%)}
header .head_wrap .site_logo{margin-left:1vw;width:150px}
header .head_wrap .site_logo img{width:100%;height:auto}
header .head_wrap .head_nav{margin-right:1vw}
header .head_wrap .head_nav li{margin-left:1vw;width:60px}
header .head_wrap .head_nav li img{width:100%;height:auto}
header .head_wrap .head_nav .mailIcon span{top:-0.5vh;right:-0.5vw}
header .head_wrap #navMenu{width:400px;min-height:87%}
header .head_wrap #navMenu h1{margin:30px 0 10px 10px;width:150px}
header .head_wrap #navMenu h1 img{width:100%;height:auto}
header .head_wrap #navMenu dl.slide_contents{padding:10px}
header .head_wrap #navMenu dl.slide_contents dt.menu_caption{margin-bottom:10px;padding:10px 0}
header .head_wrap #navMenu dl.slide_contents dd.user_info{margin-bottom:10px}
header .head_wrap #navMenu dl.slide_contents dd.user_info dl.user_details *{font-size:1rem}
header .head_wrap #navMenu dl.slide_contents dd.user_info dl.user_details dt,
header .head_wrap #navMenu dl.slide_contents dd.user_info dl.user_details dd{margin-bottom:10px;padding:10px 0}
header .head_wrap #navMenu dl.slide_contents dd.contact_details{margin-bottom:20px}
header .head_wrap #navMenu dl.slide_contents dd.contact_details .contact_btn_area li{margin-bottom:10px;font-size:18px}
header .head_wrap #navMenu dl.slide_contents dd.contact_details .contact_btn_area .miniBtn{padding:2% 4%;font-size:20px}
header .head_wrap #navMenu dl.slide_contents dd.contact_details .memo{font-size:14px;text-align:center}
header .head_wrap #navMenu dl.slide_contents dd.contact_details .memo span{font-size:14px}
header .head_wrap #navMenu dl.slide_contents dd.gloval_nav ul.contents_menu{gap:10px}
header .head_wrap #navMenu dl.slide_contents dd.gloval_nav ul.contents_menu li{padding:5% 0;font-size:1rem}
header .userData{padding:5px 20px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%)}
header .userData li{margin:0 10px}
header .userData li *{font-size:1rem}
.fixed_nav ul{padding-bottom:15px;width:630px}
.fixed_nav ul a img{width:100%;height:auto}
footer{padding-bottom:150px}
footer .wrap p.pageTop{padding:0 20px 10px 20px;top:-35px;width:140px}
footer .wrap p.pageTop img{width:100%;height:auto}
footer .wrap .gloval_nav{margin:0 auto;width:900px;padding:40px 0}
footer .wrap .gloval_nav li{margin:0 10px 10px}
footer .wrap .gloval_nav li a{font-size:1.1rem}
footer .wrap .gloval_nav li a:hover{color:#83fff9;text-decoration:underline}
footer .wrap .caution{margin-bottom:60px;padding:30px 0}
footer .wrap .caution li{margin-bottom:10px;font-size:1rem}
footer .wrap .siteLogo{margin:0 auto 20px;width:180px}
footer .wrap .siteLogo img{width:100%;height:auto}
footer .wrap .copyright{font-size:0.9rem}
.w_contentsWrap{padding:150px 0 200px}
.todaysRace ul li:hover,
dd.gloval_nav ul.contents_menu li:hover,
.pr_banner li:hover,
.fixed_nav li:hover,
.commonBtn:hover{opacity:0.7;transition:opacity 0.3s}
.noClick{pointer-events:none}
.mainCaption{margin-bottom:50px;padding-bottom:30px;font-size:3.5rem}
/* 下に表示する画像 */
.mainCaption::after{width:365px;height:15px}
.roundCaption{padding:10px 40px;font-size:1.5rem}
.simpleCaption{font-size:1.8rem}
.commonCaption{padding:10px 0;font-size:1.6rem}
.commonBtn.small{padding:5px 20px}
.commonBtn.small::before{top:-3px;width:25px;height:25px}
.commonBtn.middle{padding:10px 30px;font-size:1.5rem}
.commonBtn.middle::before{top:-3px;width:30px;height:30px}
.commonBtn.large{padding:15px 35px;display:inline-block;font-size:2rem;font-weight:900}
.commonBtn.large::before{top:-4px;width:40px;height:40px}
button.arrow::before,
button.file::before,
button.cart::before{margin-right:0.4em}
.btnArea{gap:30px}
.item_section .item_details{margin:0 auto 30px;padding:30px;width:900px}
.item_section .item_details .btnArea,
.item_section .item_details .freetext,
.item_section .item_details .simpleCaption,
.item_section .item_details .item_banner{margin-bottom:30px}
.item_section .item_details .freetext{padding:30px}
.item_section .item_details .reserve_list li{padding:2%}
.item_section .item_details .reserve_list li label p.name input{margin-right:1vw}
.item_section .item_details .item_banner img{width:100%;height:auto}
.item_section .item_details .freetext{font-size:1.5rem}
.resultProf figure img{width:100%;height:auto}
.resultProf dl dt{font-size:1.5rem}
.resultProf dl .raceDate{font-size:1rem}
.resultProf dl .raceProf{padding:5px 0;font-size:1rem}
.resultProf dl .amount{padding:2% 0 2% 5%;background-size:24% auto;font-size:2.3rem;text-align:left}
.resultProf dl .amount span{font-size:1.3rem}
.gridResult{width:1000px;gap:30px}
.gridResult .resultProf{width:310px}
.sliderResult{padding:50px 0}
.contactSection{margin:100px auto 0;padding:30px 0;width:900px}
.contactSection .mainCaption{margin-bottom:30px}
.contactSection .contactDetails{padding:2%;padding-bottom:0;width:90%}
.contactSection .contactDetails .btn_area{margin-bottom:30px;align-content:center}
.contactSection .contactDetails .btn_area li{align-content:center;height:80px}
.contactSection .contactDetails .btn_area span{display:block;font-size:1rem}
.common_table th{padding:1vh 0;width:30%}
.common_table td{padding:1vh 0;padding-left:1vw}
.common_table td span{font-size:14px}
.talkThread li figure.icon{width:12%}
.talkThread li figure.icon img{width:100%;height:auto}
.talkThread li .talk_details{padding:2%;max-width:70%;line-height:1.5em}
.talkThread li .talk_details::after{top:30%}
.talkThread .send{margin-bottom:30px}
.talkThread .send figure.icon{margin-left:3%}
.talkThread .reception{margin-bottom:30px}
.talkThread .reception figure.icon{margin-right:3%}
.page_flow{margin-bottom:5vh}
.page_flow li{margin-right:1.8vw;font-size:1.2rem}
.page_flow li::after{right:-3vh}
.form_section{margin:0 auto;padding:30px;width:900px}
.form_section .common_caption{margin-bottom:2vh}
.form_section #errmsg{margin-top:20px}
.form_section .form_box{text-align:left}
.form_section .form_box dt{margin-bottom:20px}
.form_section .form_box dt span{font-size:14px}
.form_section .form_box dd{margin-bottom:20px}
.form_section .form_box dd textarea,
.form_section .form_box dd input[type="email"],
.form_section .form_box dd input[type="number"],
.form_section .form_box dd input[type="text"]{padding:1%;font-size:20px}
.form_section .form_box dd textarea{min-height:20vh}
.form_section .form_box dd.em{font-size:1.3rem}
.form_section .form_box .submit{margin-top:30px}
.form_section .form_box select{padding:1.5%;font-size:1.3rem}
.comp_section{margin:0 auto 5vh;padding:30px;width:900px}
.comp_section .text{margin-bottom:5vh}
dl.rule_section{margin-bottom:5vh;padding:30px;width:900px}
dl.rule_section dt{margin-bottom:1.5vh;font-size:1.3rem}
dl.rule_section dd{margin-bottom:3vh;font-size:1rem}
dl.rule_section dd ul{margin-top:1vh}
dl.rule_section dd ul li{font-size:1rem}
.commonBg{padding:30px;width:900px}
.todaysRace .todaysRace_list{padding:30px;gap:30px;width:900px}
.todaysRace .todaysRace_list li{padding:10px;width:260px}
.todaysRace .todaysRace_list li .raceIcon li{width:25px}
.todaysRace .todaysRace_list li .raceIcon li img{width:100%;height:auto}
.todaysRace .todaysRace_list li .raceSchedule{margin-top:10px;padding:5px 0}
.contentsList{margin:100px 0 50px}
.contentsList ul{width:900px}
.contentsList ul li{margin-bottom:30px;padding:20px;width:435px}
.contentsList ul li figure{margin-bottom:20px}
.contentsList ul li figure img{width:100%;height:auto}
.selectPlan{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}
.selectPlan li{padding:20px}
.selectPlan li dl dt{margin-bottom:20px}
.selectPlan li dl dd{width:100%}
.selectPlan li:nth-last-child(-n+2){margin-bottom:0}
.selectPlan:has( > :nth-child(2)){grid-template-columns:repeat(2, 1fr)}
.selectPlan:not(:has( > :nth-child(2))){grid-template-columns:1fr;/* ← 子が1個のときだけ1列 */}
.w_contentsWrap.index .event,
.w_contentsWrap.index .item_section,
.w_contentsWrap.index .sliderResult{margin-bottom:100px}
.w_contentsWrap.index .event{margin:0 auto 100px;width:900px}
.w_contentsWrap.index .event ul li{margin-bottom:40px}
.w_contentsWrap.index .event ul li img{width:100%;height:auto}
.w_cmp{padding:150px 0}
.w_cmp .cmp_overview,
.w_cmp .cmp_details{margin:0 auto 100px;padding:30px;width:900px}
.w_cmp .cmp_details figure{margin-bottom:30px}
.w_cmp .cmp_details figure img{width:100%;height:auto}
.w_cmp .cmp_details .cmp_freetext{margin-bottom:30px;padding:20px}
.w_cmp .cmp_details .cmp_attention{padding:20px}
.w_cmp .cmp_details .cmp_attention dt{margin-bottom:20px;padding-bottom:20px;font-size:1.8rem}
.w_cmp .cmp_details .cmp_attention dd{font-size:1.4rem}
.w_cmp .sliderResult{margin-bottom:100px}
.w_cmp .cmp_overview .commonCaption{margin-bottom:30px}
.w_cmp .cmp_overview .common_table{margin-bottom:30px}
.w_cmp .cmp_overview .selectPlan{margin-bottom:30px}
.w_contentsWrap.contact .commonCaption{margin-bottom:3vh}
.w_contentsWrap.contact .form_box .commonCaption{margin-bottom:20px}
.w_contentsWrap.contact .form_box .submit{margin-bottom:0}
.w_contentsWrap.contact .form_box .submit button{margin:0 1vw}
.w_contentsWrap.login{padding-top:180px}
.w_contentsWrap.regist h2{margin-bottom:30px}
.w_contentsWrap.regist h2 img{width:100%;height:auto}
.w_contentsWrap.regist .form_box{margin-top:30px}
.w_contentsWrap.regist .form_box dt{margin-bottom:20px}
.w_contentsWrap.regist .caution{margin:0 auto 3vh;padding:2%}
.w_contentsWrap.regist .caution dt{margin-bottom:20px;font-size:1.6rem}
.w_contentsWrap.regist .userAcount{margin-bottom:3vh;padding:2%}
.w_contentsWrap.regist .text{margin-bottom:3vh}
.w_contentsWrap.forget{padding-top:180px}
.w_contentsWrap.forget .commonCaption{margin-bottom:3vh}
.w_contentsWrap.forget .text{margin-bottom:0}
.w_contentsWrap.forget .form_box{margin:2vh 0 0}
.w_contentsWrap.forget .form_box dd.text{font-size:1rem;line-height:160%}
.w_contentsWrap.outline .common_table *{font-size:1.1rem}
.w_contentsWrap.outline .common_table td{padding-right:1vw}
.w_contentsWrap.mypage .form_section{margin-bottom:50px;width:900px}
.w_contentsWrap.mypage .form_section li{margin-bottom:50px}
.w_contentsWrap.mypage .form_section li .commonCaption{margin-bottom:20px}
.w_contentsWrap.mypage .pr_banner{margin:0 auto 5vh;width:900px;gap:30px}
.w_contentsWrap.mypage .pr_banner li img{width:100%;height:auto}
.w_contentsWrap.mypage .comp_section .commonCaption{margin-bottom:20px}
.w_contentsWrap.voice .commonCaption{margin-bottom:30px}
.w_contentsWrap.voice .commonBg{margin-bottom:50px}
.w_contentsWrap.voice .commonBg .voiceList{margin:30px 0}
.w_contentsWrap.voice .commonBg .voiceList li{margin-bottom:30px;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.w_contentsWrap.voice .commonBg .voiceList li figure{width:140px}
.w_contentsWrap.voice .commonBg .voiceList li figure img{width:100%;height:auto}
.w_contentsWrap.voice .commonBg .voiceList li figure figcaption{margin-top:5px;font-size:1rem}
.w_contentsWrap.voice .commonBg .voiceList li figure figcaption time{font-size:0.8rem}
.w_contentsWrap.voice .commonBg .voiceList li dl{width:640px}
.w_contentsWrap.voice .commonBg .voiceList li dl dt{margin-bottom:10px;padding-bottom:10px;font-size:1.5rem}
.w_contentsWrap.voice .commonBg .voiceList li dl .text{font-size:1.1rem}
.w_contentsWrap.voice .commonBg .voiceList li dl .good{margin-top:10px}
.w_contentsWrap.voice .commonBg .voiceList li dl .good button{padding:8px 15px;font-size:1rem}
.w_contentsWrap.voice .commonBg .voiceList li dl .good button::before{top:-2px;left:-5px;width:20px;height:20px}
.w_contentsWrap.voice .form_section{background-color:rgba(255, 0, 0, 0.5)}
.w_contentsWrap.voice .form_section .submit{margin-bottom:0}
.w_contentsWrap.chat .text{margin-bottom:50px}
.w_contentsWrap.chat .chatSection{margin:0 auto 50px;padding:30px;width:900px}
.w_contentsWrap.chat .chatSection .commonCaption{margin-bottom:30px}
.w_contentsWrap.chat .sendform{padding:2%;width:1000px}
.w_contentsWrap.chat .sendform img{width:100%;height:auto}
.w_contentsWrap.chat .sendform label{width:7%}
.w_contentsWrap.chat .sendform .textfield{margin:0 2%;width:81%}
.w_contentsWrap.chat .sendform .textfield textarea{padding:1%}
.w_contentsWrap.chat .sendform .send_btn{width:7%}
.w_contentsWrap.result .gridResult{margin-top:30px;margin-bottom:30px}
.w_contentsWrap.result .resultSummary{margin:30px 0}
.w_contentsWrap.result .commonBtn.large{margin:0 auto;width:900px}
.w_contentsWrap.result .contactSection{margin-top:100px}
.w_contentsWrap.purchase .item_section{margin-bottom:5vh}
.w_contentsWrap.purchase .item_section .commonCaption{margin-bottom:2vh}
.w_contentsWrap.purchase .item_section .item_details .reserve_list,
.w_contentsWrap.purchase .item_section .item_details .text{margin-bottom:3vh}
.w_contentsWrap.purchase .item_section .item_details .select_details{display:flex;flex-wrap:wrap}
.w_contentsWrap.purchase .item_section .item_details .select_details dl{width:48.5%}
.w_contentsWrap.purchase .item_section .item_details .select_details dl dt{margin-bottom:2vh}
.w_contentsWrap.purchase .item_section .item_details .simpleCaption{margin-bottom:3vh;padding-bottom:2vh}
.w_contentsWrap.purchase .item_section .item_details .roundCaption{margin-bottom:2vh}
.w_contentsWrap.purchase .item_section .item_details .text:nth-of-type(2){margin-top:3vh}
.w_contentsWrap.purchase .item_section .item_details .reserve_list li{margin-bottom:2vh}
.w_contentsWrap.purchase .item_section .item_details .reserve_list li label p.amount{display:inline-block;font-size:1.8rem}
.w_contentsWrap.purchase .amount{margin-bottom:20px}
.w_contentsWrap.purchase .amount *{color:#f00;font-weight:900}
.w_contentsWrap.purchase .amount dt{font-size:2rem}
.w_contentsWrap.purchase .amount dd{font-size:3rem}
.w_contentsWrap.item .itemCaution{margin:0 auto 30px;padding:1%;width:900px}
.w_contentsWrap.item .item_section .no_item .text{margin-bottom:3vh}