@charset "utf-8";
/* ------------------------------
   Universal Reset
   Contents
   Animation
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="url"],input[type="password"],
input[type="image"],input[type="submit"],select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
input[type="submit"]{background: none;font-weight: normal;text-align: left;}
input[type="button"]{background: none;text-align: left;}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{cursor:pointer;}
input[type="file"]{line-height:1;}
input[type="image"]{max-width:100%;outline: none;}
select::-ms-expand{display:none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
html{font-size: calc(1000vw / 750);}

/* 1rem = 10px */
body{background:#111320;color: #fff;font-size: 3.6rem;font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}

#base{display: flex;flex-direction: column;min-height: 100%;}
main{flex-grow: 1;margin: auto;width: 75rem;overflow:hidden;}

[class^="blc_"]{padding-left: 4rem;padding-right: 4rem;}

ul.list_note01 > li{position: relative;padding-left:1.3em;font-size: 3rem;font-weight: 300;text-align: left;}
ul.list_note01 > li .mark{position: absolute;left: 0;}

.ttl_stars{position: relative;background: url(./bg_ttl_dotted_pink.png) repeat 0 0 / 3rem;margin: 8rem -4rem 6.5rem;padding: 6rem 4rem 4rem;text-align: center;border-radius: 2rem 2rem 0 0;}
.ttl_stars::before{position:absolute;content: "";left: 0;right: 0;top: -4.3rem;margin: auto;
background: url(./bg_ttl_stars.png) no-repeat 0 0 / 100%;width: 17.2rem;height: 8.6rem;}


.box_pink{background: #FFA2BD;margin: 0 4rem;padding-bottom: 7rem;color: #111320;font-size: 3.4rem;font-feature-settings: "palt";border-radius: 2rem;}

.box_stripe{background: url(./bg_stripe_pink.png) repeat 0 0 / 4rem;margin: 2.5rem -8rem;padding: 4.5rem 8rem 4.5rem 4rem;}
ul.list_img.box_stripe{padding-left: 8rem;}
ul.list_img{display:flex;flex-wrap:wrap;justify-content: space-between;}
ul.list_img > li{background-color: #111320;background-repeat: no-repeat;background-position: 0 0;background-size: 100%;
padding-top: 19.9rem;width: 28.7rem;color: #fff;font-weight: bold;border: solid .6rem #111320;border-radius: 1.5rem;}
ul.list_img > li:nth-child(n+3){margin-top: 3rem;}
ul.list_img > li span{display: block;background: #111320;padding: 1rem .5rem .5rem;text-align: center;}


/*========== #blc_mv ==========*/
#blc_mv{position: relative;background: url(./mv_bg_horse.jpg) no-repeat center 0 / 100%;padding-top: 55.5rem;}
#blc_mv .sitename{margin: 0 auto;width: 63.1rem;}
#blc_mv .catch01{position: absolute;top:5.2rem;left: 5.2rem;width: 31.7rem;}
#blc_mv .catch02{margin-top: .2rem;width: 67rem;}
#blc_mv .img_area{margin-top: 2.1rem;}
#blc_mv .text01{margin-top: 6.5rem;font-size: 4.6rem;font-weight: bold;text-align: center;letter-spacing: .1em;}
#blc_mv .bg_gradation{background: url(./mv_bg_audience.png) no-repeat center bottom / 100%, linear-gradient(to bottom,#4E92B1,#f098e9 99%, #111320);padding-left: 4rem;padding-right: 4rem;padding-bottom: 23rem;}


/*========== .blc_regist ==========*/
.blc_regist{padding-top: 6rem;padding-bottom: 6rem;font-size: 3.455rem;text-align: center;}
.blc_regist .ttl{position: relative;padding: 0 6.2rem;font-size: 5rem;font-weight:900;line-height: 1.2;}
.blc_regist .ttl::before{position: absolute;content: "";left: 0;bottom: 1rem;
width: 6.2rem;height: 9.3rem;background: url(./regist_bg_stars.png) no-repeat 0 0 / 100%;}
.blc_regist .ttl::after{position: absolute;content: "";right: 0;bottom: 1rem;
width: 6.2rem;height: 9.3rem;background: url(./regist_bg_stars.png) no-repeat 0 0 / 100%;transform: scale(-1, 1);}

.blc_regist .ttl .point{color: #ffd000;}
.blc_regist .ttl .point .fs_60{position: relative;top: 0.3rem;font-family: Arial;}

/* checkbox */
.blc_regist .form_check{margin-top: 6rem;}
.blc_regist .form_check input[type="checkbox"]{display: none;}
.blc_regist .form_check input[type="checkbox"] + label{position:relative;display: inline-block;padding-left: 1.5em;line-height: 1;font-weight: bold;letter-spacing: .1em;}
.blc_regist .form_check input[type="checkbox"] + label::before{content: "\f0c8";font-family: "Font Awesome 5 Free";display: block;position: absolute;left: 0;top: 0;color: #fff;font-weight: 400;}
.blc_regist .form_check input[type="checkbox"]:checked + label::after{content: "\f00c";font-family: "Font Awesome 5 Free";display: block;position: absolute;left: 0;top: 0;color: #f00;}
.blc_regist .txt_free{display: inline-block;background: url(./icon_star01.png) no-repeat 0 center / 4.7rem, url(./icon_star01.png) no-repeat right center / 4.7rem;padding: 0 6rem;
color: #4c92b0;font-size: 4rem;font-weight: 900;font-feature-settings: "palt";}

.btn_line{margin: 7rem 0;}
.btn_line > a{display: inline-block;width: 54.8rem;}


/*========== .blc_mainrace ==========*/
.blc_mainrace .box_race{background: #fff;margin-bottom: 8.5rem;padding: 1em 4rem;color: #111320;border-radius: 2rem;}
.blc_mainrace .text01{margin-bottom: 3rem;padding-bottom: 3rem;
color: #ffd000;font-size: 5rem;font-weight: 900;text-align: center;
background-image : linear-gradient(to right, #ffd000, #ffd000 .8rem, transparent .8rem);
background-size: 1.2rem .2rem;
background-position: left bottom;
background-repeat: repeat-x;}
.blc_mainrace .text02{margin-bottom: 4.5rem;padding-bottom: 2rem;font-size: 4rem;font-feature-settings: "palt";}


/*========== .blc_leader ==========*/
.blc_leader .ttl_stars img{width: 40.8rem;}
.blc_leader ul.list_img > li.horse{background-image: url(./leader_horse.png);}
.blc_leader ul.list_img > li.boat{background-image: url(./leader_boat.png);}
.blc_leader ul.list_img > li.bicycle{background-image: url(./leader_bicycle.png);}
.blc_leader ul.list_img > li.motorcycle{background-image: url(./leader_motorcycle.png);}
.blc_leader p:not(:last-of-type){margin-bottom: 1.5em;}


/*========== .blc_result ==========*/
.wrap_result{background: url(./bg_ttl_dotted_yellow.png) repeat 0 0 / 3rem;padding: 4rem 0;}
.blc_result{background: #FFD000;padding-top: 8.3rem;padding-bottom: 8rem;color: #111320;}
.blc_result .ttl_stars{background: none;margin: 0 0 6rem;padding-bottom: 0;}
.blc_result .ttl_stars img{width: 59.8rem;}
.blc_result ul.list_result{display:flex;flex-wrap:wrap;justify-content: space-between;}
.blc_result ul.list_result > li{background: url(./result_detail.png) no-repeat 0 0 / 100% 100%;margin-top: 2.9rem;padding-bottom: 4rem;width: 32rem;min-height: 32rem;color: #fff;}
.blc_result ul.list_result > li:nth-child(n+3){margin-top: calc(2.9rem + 3rem);}
.blc_result ul.list_result > li dt{background: url(./result_date.png) no-repeat center 0 / 29.7rem;
margin: -2.9rem 0 .8rem;padding: 1rem 6rem 2.5rem;height: 9rem;font-size: 3.2rem;text-align: center;}
.blc_result ul.list_result > li dd{margin: 0 2.5rem;font-size: 2.4rem;text-align: center;}
.blc_result ul.list_result > li dd.race{margin-bottom: 2.5rem;padding-bottom: 2rem;font-size: 3.6rem;font-weight: bold;border-bottom: dotted .4rem #fff;}
.blc_result ul.list_result > li dd.bet{margin-bottom: 1.8rem;}
.blc_result ul.list_result > li dd.dividend .amount{font-size: 3rem;color: #ffd000;font-weight: bold;}
.blc_result .text01{margin-top: 7.5rem;font-weight: bold;text-align: center;font-feature-settings: "palt";}
.blc_result .img_uline{padding-bottom: 3rem;
background: url(./result_underline.png) no-repeat right bottom/ auto 3.9rem;}


/*========== .blc_evolve ==========*/
.blc_evolve .ttl_stars img{width: 56.6rem;}
.blc_evolve p:not(:last-of-type){margin-bottom: 1.5em;}
.blc_evolve ul.list_img > li.scrutinize{background-image: url(./evolve_scrutinize.png);}
.blc_evolve ul.list_img > li.analyze{background-image: url(./evolve_analyze.png);}
.blc_evolve ul.list_img > li.develop{background-image: url(./evolve_develop.png);}
.blc_evolve ul.list_img > li.support{background-image: url(./evolve_support.png);}


/*========== .blc_everyone ==========*/
.blc_everyone .ttl_stars img{width: 53.4rem;}
.blc_everyone p:not(:last-of-type){margin-bottom: 1.5em;}
.blc_everyone ul.list_everyone > li{background: url(./everyone_hand.png) no-repeat 0 0 / 14.1rem;padding-left:18.1rem;min-height: 14.1rem;font-weight: bold;}
.blc_everyone ul.list_everyone > li:not(:first-child){margin-top: 4rem;}
.blc_everyone .img_uline{display: inline-block;padding: 0 .5rem 1.2rem;
background: url(./everyone_underline.png) no-repeat right bottom/ 100% 2.1rem;}


/*========== footer ==========*/
footer{background: #FFD000;margin: 0 auto;padding: 5.5rem 4rem;width: 100%;max-width: 750px;color:#111320;}
footer nav ul{margin-bottom: 4rem;font-size: 2.4rem;line-height: 1.2;}
footer nav ul > li:not(:first-child){margin-top: 1em;}
footer nav ul > li > a{color:#111320 !important;font-weight: bold;}
footer nav ul > li > a:hover{border-bottom: solid .3rem #ff2b69;}
footer .copyright{font-size: 1.8rem;text-align: center;}


/*========== Responsive ==========*/
@media (750px <= width) { /* over 750px */
html{font-size: 62.5%;}
/**/} /* Responsive End */


/*========== common ==========*/
.txt_more{margin-top: 4.5rem;text-align: center;}
.txt_more img{width: 24.1rem;}

em{color:#ff0000;}
strong{color:#ff0000;font-weight:bold;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:2em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.tx_left{text-align: left !important;}
.tx_right{text-align: right !important;}
.tx_center{text-align: center !important;}
.tx_uline{text-decoration: underline;}

.fw_normal{font-weight: normal !important;}
.fw_bold{font-weight: bold !important;}

.fc_red{color: #f00 !important;}

.fs_44{font-size:4.4rem !important;}
.fs_56{font-size:5.6rem !important;}
.fs_60{font-size:6rem !important;}
.fs_S{font-size:0.5em !important;}
.fs_M{font-size:1em !important;}
.fs_L{font-size:1.5em !important;}
.fs_LL{font-size:2em !important;}

.hide{display: none;}


/*==================================================================
   Animation
==================================================================*/
/*========== zoomRepeat ==========*/
@-webkit-keyframes zoomRepeat {
  0% {-webkit-transform: scale(1);}
  30% {-webkit-transform: scale(1.1, 1.1);}
  60% {-webkit-transform: scale(1);}
  100% {-webkit-transform: scale(1);}
}
@keyframes zoomRepeat {
  0% {-webkit-transform: scale(1);}
  30% {-webkit-transform: scale(1.1, 1.1);}
  60% {-webkit-transform: scale(1);}
  100% {-webkit-transform: scale(1);}
}
.animated_zoomRepeat{
  -webkit-animation: zoomRepeat 1.3s ease-in-out infinite;
  animation: zoomRepeat 1.3s ease-in-out infinite;
}

/*========== wobble ==========*/
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  45% {
    -webkit-transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  60% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  75% {
    -webkit-transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  45% {
    -webkit-transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  60% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  75% {
    -webkit-transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animated_wobble.active{
  -webkit-animation: wobble 1s ease;
  animation: wobble 1s ease;
}

/*========== fadeInTopRight ==========*/
.animated_fadeInTopRight.js_inview{
  opacity: 0;
}
.animated_fadeInTopRight.active{
  -webkit-animation: fadeInTopRight .8s 1s ease forwards;
  animation: fadeInTopRight .8s 1s ease forwards;
}

/*========== zoomIn ==========*/
.animated_zoomIn.js_inview{
  opacity: 0;
}
.animated_zoomIn.active{
  opacity: inherit;
  -webkit-animation: zoomIn .5s ease-out forwards;
  animation: zoomIn .5s ease-out forwards;
}

/*========== fadeInDown ==========*/
.animated_fadeInDown.js_inview{
  opacity: 0;
}
.animated_fadeInDown.active{
  -webkit-animation: fadeInDown .8s ease forwards;
  animation: fadeInDown .8s ease forwards;
}

/*========== fadeInUp ==========*/
.animated_fadeInUp.js_inview{
  opacity: 0;
}
.animated_fadeInUp.active{
  -webkit-animation: fadeInUp .8s ease forwards;
  animation: fadeInUp .8s ease forwards;
}

/*========== rotateIn ==========*/
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.ttl_stars.animated_rotateIn.js_inview::before{opacity: 0;}
.ttl_stars.animated_rotateIn.active::before{
  -webkit-animation: rotateIn .8s .3s forwards;
  animation: rotateIn .8s .3s ease forwards;
  transform-origin:center bottom 0;
}

/*========== .moveMarker ==========*/
@-webkit-keyframes moveMarker {
  from{
    background-size: 0 10%;background-position: bottom left;
}
  45%{
    background-size: 100% 10%;background-position: bottom left;
  }
  55%{
    background-size: 100% 10%;background-position: bottom right;
  }
  to {
    background-size: 0 10%;background-position: bottom right;
  }
}
@keyframes moveMarker {
  from{
    background-size: 0 20%;background-position: bottom left;
}
  45%{
    background-size: 100% 20%;background-position: bottom left;
  }
  55%{
    background-size: 100% 20%;background-position: bottom right;
  }
  to {
    background-size: 0 20%;background-position: bottom right;
  }
}
.animated_moveMarker.js_inview{
position: relative;
background-image: linear-gradient(90deg, #FFD000, #FFD000);
background-repeat: no-repeat;
background-size: 0 20%;
}
.animated_moveMarker.active{
  -webkit-animation: 2s .3s ease both moveMarker;
  animation: 2s .3s  ease both moveMarker;
}

/*========== flash2 ==========*/
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animated_flash.active{
  -webkit-animation: 1.2s .5s  ease both flash;
  animation: 1.2s .5s  ease both flash;
}