@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

    Reset and Clearfix

++++++++++++++++++++++++++++++++++++++++ */

/* ----------------------------------------
    reset
---------------------------------------- */

html, body,
div, p,
table, tr, th, td,
ul, ol, li,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
img, a, address, figure {
    margin: 0;
    padding: 0;
    border: 0;
}

html,body {
    width: 100%;
    min-height: 100%;
}

body {
    color: #000;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-family: Helvetica, "A+EqpB-游ゴシック体 Pr6N M", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","sans-serif";*/
    -webkit-text-size-adjust: 100%;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

a {
    cursor: pointer;
    transition: .2s;
}
a:hover {
    opacity: .7;
}

/* ----------------------------------------
    clearfix
---------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
}


/* ++++++++++++++++++++++++++++++++++++++++

	for Smart Devices

++++++++++++++++++++++++++++++++++++++++ */

/* ----------------------------------------
	Common Settings
---------------------------------------- */

img {
	width: 100%;
}

.p5r {
  color: #fff;
  background: #000;
}

#container {
	width: 100%;
}

.bg__stars01 {
  background-image: url(/jp/feat/p5r/img/common/bg01.png);
  background-repeat: repeat-y;
  /*height: 7000px;*/
  background-position: center top;
}
.bg__stars02 {
  /*background-image: url(/jp/feat/p5r/img/common/bg02.png);*/
  animation-delay: 4s;
  background-repeat: repeat-y;
  /*height: 7000px;*/
  background-position: center top;
}

/*SP*/
@media only screen and (max-width : 799px) {
  .bg__stars01,
  .bg__stars02 {
    background-size: 100% auto;
  }
  .bg__stars01 {
    background-position: 40% 33%;
  }
  .bg__stars02 {
    /*background-position: 22% 70%;*/
  }
}

#container a:hover,
#container a:link,
#container a:visited,
#container a:active {
  color: #fff;
}

.bold {
    font-weight: bold;
}

/* ----------------------------------------
	section
---------------------------------------- */


#kv {
  line-height: 0;
  /*max-width: 900px;*/
  margin: 0 auto;
}
/*SP*/
@media only screen and (max-width : 799px) {
  #kv .pc {
    display: none;
  }
  #kv .sp {
    display: inline-block;
  }
}

/*PC*/
@media only screen and (min-width : 800px) {
  #kv .pc {
    display: inline-block;
  }
  #kv .sp {
    display: none;
  }
}

#container section {
  width: 96%;/*93.75*/
  margin: 20px auto 0;
  /*max-width: 900px;*/
  font-size: 4.4vw;
}

#container section#howto {
  color: #111;
  background: #fff;
}

#container section#howto a:hover,
#container section#howto a:link,
#container section#howto a:visited,
#container section#howto a:active {
  color: #111;
}

#container section#mission {
  
}



/*◆RESULT */
#gameresult {
    text-align: center;
}
#gameresult .ttl {
  position: relative;
    color: #fff;
    background: #000;
    padding: 1.7% 0;
    font-size: 4.9vw;
    font-weight: bold;
    letter-spacing: 0.02em;
}
#gameresult #result {
    font-size: 7.7vw;
}
#gameresult #result #clear {
    font-weight: bold;
    padding: 6.5% 0 3.5%;
}
#gameresult #result #points {
    color: #df570a;
    letter-spacing: 0.05em;
}
#gameresult #result #points span {
    font-size: 22.8vw;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 0.05em;
}
#gameresult #result .btn {
    display: block;
    position: relative;
    color: #fff;
    background: #df570a;
    margin: 6.5% 0 8%;
    padding: 1.8% 0;
    font-size: 6.1vw;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.02em;
    border-radius: 50px;
}
#gameresult #result .btn:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 38%;
	right: 7%;
	width: 3.3%;
	padding-top: 3.3%;
	background: #fff;
}
#gameresult #result .btn:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 38%;
	right: 8.3%;
	width: 3.3%;
	padding-top: 3.3%;
	background: #df570a;
}
#gameresult div.attn {
    font-size: 4vw;
}




.followLink {
  text-align: right;
  margin-top: 15px;
  padding: 0 15px;
}
.followLink a {
  display: inline-block;
}
/*.followLink .ico {
  display: inline-block;
  background: url(../img/ico_sprite.png) no-repeat 0 0;
  background-size: 190px 190px;
  background-position: 0px 0;
  width: 48px;
  height: 48px;
  vertical-align: middle;
  margin-right: 10px;
}*/

.bnrs {
  display: block;
  margin: 30px auto 0;
  max-width: 300px;
}
.bnr_beginner {
  display: inline-block;
}
.bnr_dartslivesearch {
  display: inline-block;
}

.btn__toCpWebsite {
        margin-top: 10px;
    text-align: center;
}
.btn__toCpWebsite a {
  display: inline-block;
  padding: 10px;
}

.ico_arr_r {
  display: inline-block;
  background: url(../img/ico_arr.png?) no-repeat 0 0;
  background-size: 38px auto;
  /*background-size: 190px 190px;*/
  background-position: 0px 0;
  width: 38px;
  height: 38px;
  vertical-align: middle;
  margin-right: 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#howtoEntry h2 {
  font-size: 4.9vw;
}


/*◆P5R_MISSION */
#p5r_mission {
    padding: 0 0 6.5% 0;
    color: #fff;
    background: #a40d00;
    text-align: center;
    /*border-radius: 10px;*/
    font-size: 4.7vw;
}
#p5r_mission .ttl {
  position: relative;
  margin-bottom: 5.3%;
  padding: 1.7% 0;
  font-weight: bold;
  /*letter-spacing: 0.02em;*/
  background: url(/jp/feat/p5r/img/common/gold.png?20191017_0) no-repeat 0 0;
  line-height: 1.2;
  background-size: cover;
  color: #111;
}

#p5r_mission .column {
  margin-top: 30px;
}





/*.step__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  margin: 20px 3% 0 3%;
}
.step__list li {
  width: 50%;
  list-style: none;
}
.step__list li img {
  width: 100%;
}*/


/*@media screen and (max-width:750px) {*/
  /*SP*/
  /* HOW TO ENTRY SP */
  /*section.howtoentry {
    margin-top: 120px;
    position: relative;
    z-index: 20;
    text-align: left;
  }
  section.howtoentry .light-frame {
    width: 160px;
    margin: 0 0 0 3%;
  }
  section.howtoentry .light-frame .text {
    width: 130px;
  }
  section.howtoentry .light-frame .star {
    top: 0;
    left: -17px;
  }
*/
  section.howtoentry .step__list {
    margin: 50px auto 0 auto;
    width: 100%;
  }
  .flow {
    position: relative;
    /*width: 1120px;*/
    width: 100%;
    margin: -30px auto 0;
    /*height: 700px;
    margin: 50px 0 0 -40px;*/
  }
  .flow .star {
    display: none;
    width: auto;
    /*height: 700px;*/
    /*left: -30px;*/
  }
  .flow__follow {
    display: block;
  }
  .flow__follow .view__detail {
    position: relative;
    margin: 0 auto;
  }

  .step__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    margin: 0 auto;
    justify-content: center;
    max-width: 640px;
    padding: 0 3%;
  }
  /*.step__list.further {
    margin-top: 20px;
  }*/
  .step__list li {
    margin: 0 auto;
    list-style: none;
    max-width: 260px;
    /*max-width: 256px;
    width: 47%;
    margin: 0 1%;
    list-style: none;*/
  }

  .step__list li .view__detail {
    width: 90%;
    position: static;
    margin: 0 auto;
  }

  .p5r .step__img {
    width: 100%;
  }

  .appBtns {
    background: url(/jp/feat/p5r/img/common/bg_app_btns.png) no-repeat center top;
    text-align: center;
    margin: 9px 0 0 0;
    padding: 7px 0 0 0;
    height: 55px;
    background-size: 100% auto;
  }
  .appBtn {
    margin: 0;
  }
  .p5r .appBtn__img {
    max-height: 50px;
    width: 100%;
  }
  .p5r .appBtn_ios .appBtn__img {
    max-width: 76px;
  }
  .p5r .appBtn_android .appBtn__img {
    max-width: 96px;
  }

  /*HIDE*/
  .step__list li.step1 .appBtns {
    display: none;
  }
  .step__list li.step2 .view__detail {
    display: none;
  }

  /* SP ONLY */
  .step__list li.appBtns__follow_sp {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0;
    /*margin-bottom: 20px;*/
  }
  .appBtns__follow_sp .appBtns {
    display: block;
    background: url(/jp/feat/p5r/img/common/bg_app_btns.png) no-repeat center top;
    background-size: 100% auto;
    margin: 9px auto 0;
    padding: 7px 0 0 0;
    width: 100%;
    height: 67px;
    text-align: center;
    /*max-width: 378px;*/
    line-height: 0;
  }
  .appBtns__follow_sp .appBtn {
    margin: 0;
    height: 100%;
    display: inline-block;
  }
  .p5r .appBtns__follow_sp .appBtn__img {
    /*max-height: 50px;*/
    width: 100%;
  }
  .p5r .appBtns__follow_sp .appBtn_android {
    /*margin-top: 140px;*/
  }

  .p5r .appBtns__follow_sp .appBtn_ios .appBtn__img {
    height: auto;
    max-width: 110px;
    max-height: 100%;
  }
  .p5r .appBtns__follow_sp .appBtn_android .appBtn__img {
    height: auto;
    max-width: 135px;
    max-height: 100%;
  }
/*}*/




.rewardimg {
  position: relative;
  max-width: 200px;
  height: auto;
  margin: 20px auto 0 auto;
}
.rewardimg02 {
  max-width: 320px;
}
.rewardimg .badge {
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
    line-height: 0;
}
.badge img {
  width: 100%;
}
.rewardimg .ico {
display: inline-block;
    position: absolute;
    top: -20px;
    background: #fff;
    color: #fe0000;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    border-radius: 40px;
    width: 70px;
    height: 56px;
    padding: 12px 0 0 0;
    font-style: normal;
    right: -20px;
    line-height: 1.4;
}

.img__further {
  max-width: 100px;
  margin: 0 auto 5.3% auto;
}




#account {
    padding: 0 0 6.5% 0;
    color: #fff;
    background: #a40d00;
    text-align: center;
    /*border-radius: 10px;*/
    font-size: 4.7vw;
}
#account .ttl {
  position: relative;
  margin-bottom: 5.3%;
  padding: 1.7% 0;
  font-weight: bold;
  letter-spacing: 0.02em;
  background: url(/jp/feat/p5r/img/common/gold.png?20191017_0) no-repeat 0 0;
  line-height: 1.2;
  background-size: cover;
  color: #111;
}

.download__list {
  text-align: center;
  margin-top: 20px;
}
.download__item {
  width: 100%;
  display: inline-block;
  list-style: none;
  margin-bottom: 10px;
}
.download__item a {
  display: inline-block;
  color: #fff;
  background: url(../img/btn_download.png) no-repeat top center;
    background-size: 250px auto;
    width: 250px;
    height: 57px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.download__item_750 a {
  background-position: 0 0;
}
.download__item_1080 a {
  background-position: 0 -57px;
}
.download__item_1125 a {
  background-position: 0 -114px;
}


.ttlVal {
  position: relative;
}

.ttlVal .badge {
  display: inline-block;
  position: absolute;
  top: -21px;
  left: -72px;
  line-height: 0;
  max-width: 66px;
}

.subttl {
  color: #111;
  padding: 0.7% 0;
  font-weight: bold;
  letter-spacing: 0.02em;
  background: url(/jp/feat/p5r/img/common/gold.png?20191017_0) no-repeat 0 0;
  margin-bottom: 10px;
  font-size: 3.9vw;
  background-size: cover;
  margin: 0 10px 10px 10px;
}
#howtoEntry .subttl img {
  max-width: 260px;
  width: 90%;
}


.btn__toRegist {
  width: 96%;
  margin: 0 auto;
  max-width: 280px;
    font-size: 14px;
}
.btn__toRegist a {
    color: #fff;
}
.btn__toRegist a:visited {
    color: #fff;
}

.btn__toSearch {
  width: 96%;
  margin: 0 auto;
  max-width: 280px;
}

/*◆mission*/
#mission {
    padding: 0 0 6.5% 0;
    color: #fff;
    background: #a40d00;
    text-align: center;
    /*border-radius: 10px;*/
    letter-spacing: 0.05em;
    margin: 10px auto;
}
#mission .ttl {
  position: relative;
    font-weight: bold;
    margin-bottom: 5.3%;
    padding: 1.7% 0;
    font-weight: bold;
    letter-spacing: 0.02em;
    background: url(/jp/feat/p5r/img/common/gold.png?20191017_0) no-repeat 0 0;
    line-height: 1.2;
    background-size: cover;
    color: #111;
}


/*◆howto*/
#howto {
    text-align: center;
}
#howto img {
  width: 90%;
}
#howto .machine {
  width: 100%;
  max-width: 200px;
}
#howto .txt_follow {
  width: 96%;
  max-width: 380px;
  margin-top: 20px;
}

#howto p {
    font-size: 4.2vw;
    margin: 10px auto;
}
#howto .ttl {
  position: relative;
    padding: 1.7% 0;
    font-weight: bold;
    letter-spacing: 0.02em;
    background: url(/jp/feat/p5r/img/common/gold.png?20191017_0) no-repeat 0 0;
    line-height: 1.2;
    background-size: cover;
    color: #111;
}
#howto p.txt {
    padding: 5% 0 0 0;
    line-height: 1.75em;
}

#howto .attn {
   padding: 0 6.5% 6.5% 6.5%;
}
#howto .attn p {
    font-size: 3.5vw;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
}

footer {
    color: #787878;
    background: url("../img/bg_footer.jpg") repeat-x;
    background-size: contain;
    padding: 2.58% 0;
    font-size: 2.75vw;
    letter-spacing: 0.02em;
    text-align: center;
}