/*--ipad--*/

/*@media screen and (min-width: 740px) and (max-device-width: 780px) {

}*/

/*--iphone 7 plus 以降--*/
@media only screen and (max-width: 740px) {
  /*------------------------------------------------
  .header
  ------------------------------------------------*/
  .frheader{
    display: none;
  }
  .spheader {
      position: fixed;
      top: 0;
      z-index: 99;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      width: 100%;
      margin-bottom: 0;
      background: #ffffff;
      font-size: 12px;
      zoom: 1;
  }
  .spheader #serviceID {
      padding: 18px 0 14px 5px;
  }
  .spheader #serviceID a{
      display: block;
  }
  .spheader-menu {
    margin-left: auto;
    padding: 3px 5px;
  }
  .spheader-menu a{
    display: inline-block;
    width: 43px;
    height: 50px;
    text-indent: -9999px;
    background-size: 43px 50px;
    background-repeat: no-repeat;
  }
  .spheader-menu .spheader-menu_regis{
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/icon-regis-sp.png");
  }
  .spheader-menu .spheader-menu_member{
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/icon-member-sp.png");
  }
  
  /*------------------------------------------------
  .contents
  ------------------------------------------------*/
  .listing__fixBanner{
    display: none;
  }

  .listing__wrapper{
    padding-top: 60px;
    width: 100%;
    min-width: 100%;
    overflow: hidden;
  }

  .listing__common-copyRight{
    padding: 0 20px;
    color: #ffffff;
    font-size: 9px;
    text-align: right;
  }

  .listing__regis{
    width: 320px;
    margin:  0 auto;
  }
  .listing__regis-btn{
    display: block;
    width: 320px;
    height: 86px;
    text-indent: -9999px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/btn-regis.png");
  }
  .listing__regis-info{
    position: relative;
    top: 0;
    left: 0;
    color: #000000;
    font-size: 10px;
    text-align: right;
  }
  .listing__member-btn{
    display: block;
    width: 180px;
    margin: 20px auto 0;
    padding: 8px;
    font-size: 10px;
    color: #5d5d5d;
    border: 1px solid #5d5d5d;
    background-color: #f0f0f0;
    text-align: center;
  }
  .listing__member-btn::before,
  .listing__member-btn::after{
    display: none;
  }


  .js-fixbg.is-active{
    background-attachment: fixed;
    background-position: center 60px;
  }

  /*--------------main-------------*/

  .listing__main{
    width: 100%;
    padding: 1px 0 40px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-main-sp.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 1px;
  }

  .listing__main-ttl{
    width: 300px;
    height: 72px;
    margin: 20px auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/main-ttl-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__main-inner{
    position: relative;
    width: 100%;
    max-width: 320px;
    height: 240px;
    margin: 0 auto;
  }
  .listing__main-list{
    position: absolute;
    width: 198px;
    top: 0;
    right: 2%;
  }
  .listing__main-list li{
    width: 198px;
    height: 53px;
    margin-bottom: 5px;
    text-indent: -9999px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: up 0.5s ease 0s 1 normal;
    animation: up 0.5s ease 0s 1 normal;
    opacity: 1;
  }

  .listing__main-list-item01{
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/main-list01-sp.png");
  }
  .listing__main-list-item02{
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/main-list02-sp.png");
  }
  .listing__main-list-item03{
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/main-list03-sp.png");
  }
  .listing__main-list-item04{
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/main-list04-sp.png");
  }

  .listing__main-chara{
    position: absolute;
    top: 2px;
    left: 2%;
    width: 123px;
    height: 207px;
    text-indent: -9999px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://keiba.r10s.jp/lp/listing001/img/main-chara.png");
  }
  .listing__main-copyRight{
    color: #ffffff;
    font-size: 9px;
    position: absolute;
    bottom: 16px;
    left: 20px;
  }

  .listing__main  .listing__regis-info{
    color: #ffffff
  }
  .listing__main .listing__member-btn{
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: rgba(0,0,0,0.3);
  }

  /*--------------point-------------*/
  .listing__point{
    width: 100%;
    padding: 30px 0 40px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-point-sp.jpg") no-repeat center top;
    background-size: cover;
  }
  .listing__point-inner{
    display: block;
  }
  .listing__point-inner-item{
    display: block;
    padding: 0;
  }
 .listing__point-ttl{
    width: 300px;
    height: 70px;
    margin: 0 auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/point-ttl-sp.png") no-repeat center top;
    background-size: cover;
  }
 .listing__point-banner span{
    display: block;
    width: 285px;
    height: 123px;
    margin: -10px auto 0;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/point-banner-sp.png") no-repeat center top;
    background-size: cover;
  }
 .listing__point-banner p{
    max-width: 300px;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 8px;
    color: #ffffff;
    line-height: 1.4;
    background-image: none;
  }

 .listing__sch-ttl{
    width: 230px;
    height: 23px;
    margin: 28px auto 5px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/point-schttl-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__sch-subttl{
    display: block;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 1px 1px 0px #222222;
  }
  .listing__sch-table{
    margin: 12px auto;
    background: #ffffff;
    font-size: 10px;
  }
  .listing__sch-table  tr:nth-child(2n+0) {
    background-color: #fff1d6;
  }
  .listing__sch-table td{
    padding: 10px;
    text-align: center;
    border: 1px solid #ac8f3f;
  }
  .listing__sch-table td.left{
    text-align: left;
  }
  .listing__sch-table td.jpn1{
    background-color: #0065fd;
    color: #ffffff;
  }
  .listing__sch-table td.jpn2{
    background-color: #ff0000;
    color: #ffffff;
  }
  .listing__sch-table td.jpn3{
    background-color: #008100;
    color: #ffffff;
  }

  /*--------------palce-------------*/

  .listing__place{
    padding: 40px 0;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-place-sp.jpg") no-repeat center top;
    background-size: cover;
  }
  .listing__place-inner{
    position: relative;
    max-width: 320px;
    margin: 0 auto 5px;
    padding: 1px 0 130px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-place-common.png") repeat center top;
    background-size: 32px 32px;
  }
  .listing__place-ttl01{
    position: absolute;
    top: 30px;
    left: 10px;
    width: 153px;
    height: 109px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/place-ttl01-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__place-ttl02{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 145px;
    height: 130px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/place-ttl02-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__place-chara{
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 125px;
    height: 104px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/place-chara.png") no-repeat center top;
    background-size: cover;
  }

  .listing__place-list{
    position: relative;
    width: 282px;
    height: 351px;
    margin: 20px auto 5px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/place-map-sp.png") repeat center top;
    background-size: cover;
  }
  .listing__place-list li{
    position: absolute;
    width: 30px;
    height: 36px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/icon-race.png") repeat center top;
    background-size: cover;
    opacity: 0;
  }

  .listing__place-list.is-active li:nth-child(-n+4){
    -webkit-animation: pop 0.5s ease 0s 1 normal;
    animation: pop 0.5s ease 0s 1 normal;
    animation-fill-mode:backwards;
    opacity: 1;
  }  

  /*between(4, 8)*/
  .listing__place-list.is-active li:nth-child(n+4):nth-child(-n+8) {
    -webkit-animation: pop 0.5s ease 0.5s 1 normal;
    animation: pop 0.5s ease 0.4s 1 normal;
    animation-fill-mode:backwards;
    opacity: 1;
  }  
  /*between(4, 8)*/
  .listing__place-list.is-active li:nth-child(n+8):nth-child(-n+12) {
    -webkit-animation: pop 0.5s ease 0.8s 1 normal;
    animation: pop 0.5s ease 0.8s 1 normal;
    animation-fill-mode:backwards;
    opacity: 1;
  }  

  /*between(4, 8)*/
  .listing__place-list.is-active li:nth-child(n+12):nth-child(-n+15) {
    -webkit-animation: pop 0.5s ease 1s 1 normal;
    animation: pop 0.5s ease 1s 1 normal;
    animation-fill-mode:backwards;
    opacity: 1;
  }  



  .listing__place-list-item01{
    left: 252px;
    top: 19px;
  }
  .listing__place-list-item02{
    left: 226px;
    top: 36px;
  }
  .listing__place-list-item03{
    left: 226px;
    top: 106px;
  }
  .listing__place-list-item04{
    left: 220px;
    top: 125px;
  }
  .listing__place-list-item05{
    left: 220px;
    top: 220px;
  }
  .listing__place-list-item06{
    left: 214px;
    top: 220px;
  }
  .listing__place-list-item07{
    left: 208px;
    top: 223px;
  }
  .listing__place-list-item08{
    left: 202px;
    top: 220px;
  }
  .listing__place-list-item09{
    left: 150px;
    top: 168px;
  }
  .listing__place-list-item10{
    left: 172px;
    top: 220px;
  }
  .listing__place-list-item11{
    left: 168px;
    top: 218px;
  }
  .listing__place-list-item12{
    left: 134px;
    top: 215px;
  }
  .listing__place-list-item13{
    left: 125px;
    top: 215px;
  }
  .listing__place-list-item14{
    left: 93px;
    top: 275px;
  }
  .listing__place-list-item15{
    left: 23px;
    top: 215px;
  }


  /*--------------live-------------*/
  .listing__live{
    width: 100%;
    padding: 1px 0 20px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-point-sp.jpg") no-repeat center top;
    background-size: cover;
  }
  .listing__live-ttl{
    display: block;
    width: 289px;
    height: 33px;
    margin: 35px auto 25px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/live-ttl-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__live-detail{
    text-align: center;
    max-width: 320px;
    margin: auto;
  }
  .listing__live-subttl{
    display: inline-block;
    width: 78px;
    height: 136px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/live-subttl-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__live-img{
    display: inline-block;
    width: 200px;
    height: 138px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/live-img-sp.jpg") no-repeat center top;
    background-size: cover;
  }
  .listing__live-detail p{
    position: relative;
    top:0;
    margin: 20px 5px 30px;
    padding: 0;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.4;
  }
  .listing__live-info{
    max-width: 310px;
    margin:auto;
    padding-left: 0;
    padding-bottom: 180px;
    color: #ffffff;
    font-size: 9px;
    line-height: 1.4;
    background:url("https://keiba.r10s.jp/lp/listing001/img/live-chara.png") no-repeat center bottom;
    background-size: 251px 171px;
  }

 /*--------------listing__forecast-------------*/
  .listing__forecast{
    width: 100%;
    padding: 35px 0 20px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-green.jpg") repeat center top;
    background-size: 500px 500px;
  }
  .listing__forecast-inner{
    width: 100%;
    height: auto;
  }
  .listing__forecast-ttl{
    width: 219px;
    height: 57px;
    margin: 0 auto 40px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/forecast-ttl-sp.png") repeat center top;
    background-size: cover;
  }
  .listing__forecast-detail li{
    position: relative;
    top: 0;
    left: 0;
    width: 310px;
    margin: 10px auto;
    padding: 20px 0;
    border-radius: 0;
    opacity: 0;
  }

  .listing__forecast-detail li span{
    display: block;
    text-indent: -9999px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
  }

  .listing__forecast-detail.is-active li{
  -webkit-animation: slider 0.5s ease 0s 1 normal;
    animation: slider 0.5s ease 0s 1 normal;
    opacity: 1;
  }
  .listing__forecast-detail.is-active li span{
    -webkit-animation: up 0.5s ease 0.5s 1 normal;
    animation: up 0.5s ease 0.5s 1 normal;
    animation-fill-mode:backwards;
    opacity: 1;
  }

  .listing__forecast-detail-item01{
    position: relative;
    height: 225px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-pink.jpg") repeat center top;
  }
  .listing__forecast-detail-item01 span{
    position: absolute;
    top: -20px;
    width: 290px;
    height: 278px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/forecast-img01-sp.png") no-repeat center top;
    background-size: cover;
  }

  .listing__forecast-detail-item02{
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-yellow.jpg") repeat center top;
    height: 316px;
  }
  .listing__forecast-detail-item02 span{
    width: 297px;
    height: 316px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/forecast-img02-sp.png") no-repeat center top;
    background-size: cover;
  }
  .listing__forecast-detail-item03{
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-brown.jpg") repeat center top;
    height: 114px;
  }
  .listing__forecast-detail-item03 span{
    top: 20px;
    width: 253px;
    height: 114px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/forecast-img03-sp.png") no-repeat center top;
    background-size: cover;
  }



 /*--------------listing__start-------------*/
  .listing__start{
    width: 100%;
    padding: 35px 0 20px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bg-dottod.jpg") repeat center top;
    background-size: 32px 32px;
  }
  .listing__start-flow{
    position: relative;
    width: 306px;
    height: 496px;
    margin: 0 auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/start-img.png") no-repeat center top;
    background-size: cover;
  }
  .listing__start-flow-item01 a{
    position: absolute;
    display: block;
    right: 0;
    bottom: 100px;
    width: 165px;
    height: 45px;
    margin: 0 auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/start-btn01.png") no-repeat center top;
    background-size: cover;
    opacity: 0;
  }
  .listing__start-flow-item02 a{
    position: absolute;
    display: block;
    right: 0;
    bottom: 25px;
    width: 165px;
    height: 45px;
    margin: 0 auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/start-btn02.png") no-repeat center top;
    background-size: cover;
    opacity: 0;
  }
  .listing__start-flow li.is-active a{
    -webkit-animation: up 0.5s ease 0.5s 1 normal;
    animation: up 0.5s ease 0.5s 1 normal;
    animation-fill-mode:backwards;
    opacity: 1;
  }

  .listing__start-banner{
    display: block;
    width: 300px;
    height: 180px;
    margin: 20px auto 0;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/start-banner.png") no-repeat center top;
    background-size: cover;
  }


  .listing__bank{
    width: 100%;
    padding: 15px 0 20px;
    margin-bottom: 20px;
    background: #fff3ca;
  }
  .listing__bank-ttl{
    width: 221px;
    height: 17px;
    margin: 0 auto 10px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bank-ttl-sp.jpg") repeat center top;
    background-size: cover;
  }
  .listing__bank-img{
    width: 249px;
    height: 251px;
    margin: 0 auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/bank-img-sp.jpg") repeat center top;
    background-size: cover;
  }

  .listing__app{
    width: 100%;
    margin: 20px 0 50px;
    text-align: center;
  }
  .listing__app-banner{
    display: inline-block;
    width: 320px;
    height: 150px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/app-banner-sp.jpg") repeat center top;
    background-size: cover;
  }

  .listing__footer{
    max-width: 320px;
    margin: auto;
    text-align: center;
  }
  .listing__footer-ttl{
    display: inline-block;
    margin: 20px auto;
    padding: 0px 2px 2px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #000000;
    font-weight: bold;
  }
  .listing__footer-detail{
    text-align: left;
    font-size: 10px;
    line-height: 1.4;
    padding-left: 110px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/footer-chara01.jpg") no-repeat left top;
    background-size: 94px 126px;
  }
  .listing__footer-help{
    display: block;
    width: 180px;
    height: 27px;
    margin: 10px auto;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/btn-help.jpg") repeat center top;
    background-size: cover;
  }
  .listing__footer-dl{
    text-align: center;
  }
  .listing__footer-dl span{
    display: block;
  }
  .listing__footer-dlpc{
    display: inline-block;
    width: 83px;
    height: 25px;
    margin: 3px 8px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/btn-info-pc.jpg") repeat center top;
    background-size: cover;
  }
  .listing__footer-dlsp{
    display: inline-block;
    width: 83px;
    height: 25px;
    margin: 3px 8px;
    text-indent: -9999px;
    background:url("https://keiba.r10s.jp/lp/listing001/img/btn-info-sp.jpg") repeat center top;
    background-size: cover;
  }

  .listing__footer .listing__common-copyRight{
    color: #000000;
    text-align: left;
    padding: 0 8px;
  }
  .listing__footer-copyright{
    color: #000000;
    font-size: 12px;
    line-height: 1.4;
    padding: 30px 0 5px;
    text-align: center;
  }


}