@charset "utf-8";


/*  common
----------------------------------------------------------------------------------------------------------- */
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap);
@import url(//cdn.jsdelivr.net/npm/yakuhanjp@2.0.0/dist/css/yakuhanjp.min.css);
*{font-family: 'Noto Sans SC', sans-serif; font-size: 16px; word-break: normal; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased;margin:0;padding:0;outline:0;}
a{text-decoration: none;}

/* for All */
body{
  
  background:url(../assets/img/bg.jpg);
}

#loading{
  width:100%;
  height:100%;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  z-index:101;

}

.wrapper{
  max-width:80vh;
  width:100%;
  margin:0 auto;
  position:relative;
}

.wrapper_inner{
  padding:10% 0 0%;
}

.result-head{
  display: block;
  width:100%;
}

.result-readtext{
  display: block;
  width:100%;
  margin:0 0 5%;
}

.result-image{
  display: block;
  width:94%;
  margin:0 auto;
}

.result-comment{
  position:relative;
  width:90%;
  margin:6% auto 6%;
}

.result-comment__text{
  position:relative;
  width:84%;
  z-index:50;
}
.result-comment__chara{
  position:absolute;
  width:20%;
  right:0;
  top:0;
}

.result-comment__text .text-inner{
  position:absolute;
  top: 24%;
  left: 6%;
  line-height: 1.5em;
  color:#fff;
  font-size:3.8vw;
  
}

.result-comment__text .text-bg{
  display:block;
  width:100%;
}


.result-memo{
  background:url(../assets/img/result_memo_bg.png);
  background-size:cover;
  width:94%;
  padding-top:56%;
  position: relative;
  margin:0 auto 5%;
}

.result-memo__text{
  position:absolute;
  top:30%;
  left:10%;
  width:60%;
  font-size:2vw;
  line-height: 1.9;
  color:#777;
}


.section-link{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:0 3%;
}

.btn_share_twitter{
  display:block;
  background-color:#df0011;
  padding:10%;
  width:100%;
  box-sizing: border-box;
  margin:0 auto;
  padding:5%;
  margin-bottom:2%;
}

.btn_share_twitter_text{
  width:70%;
  display: block;
  margin:0 auto;
}

.btn_regame{
  display:block;
  background-color:#da85a3;
  padding:10%;
  width:100%;
  box-sizing: border-box;
  margin:0 auto;
  padding:5%;
  margin-bottom:2%;
}


.btn_01{
  width:49%;
  display:block;
}

.btn_01 img{
  width:100%;
  display:block;
}

.btn_02{
  width:49%;
  display:block;
}

.btn_02 img{
  width:100%;
  display:block;
}


.wrapper_gameofficial{
width: calc(100% - 8px);
max-width : 992px;
margin: 10% auto 0;
background:url(../assets/img/bg_wrapper_gameofficial.jpg) top center no-repeat;
background-size:cover;
border: solid 4px #e43262;
padding: 10% 0;
}

.gameofficial_box{width:90%; max-width:463px; margin: 0 auto;}
.gameofficial_txt{ font-size:2.3vw; color: #fff; text-align: center;  padding-bottom: 5%; text-shadow: 
    #e43262 2px 0px 2px, #e43262 -2px 0px 2px,
    #e43262 0px -2px 2px, #e43262 -2px 0px 2px,
    #e43262 2px 2px 2px, #e43262 -2px 2px 2px,
    #e43262 2px -2px 2px, #e43262 -2px -2px 2px,
    #e43262 1px 2px 2px, #e43262 -1px 2px 2px,
    #e43262 1px -2px 2px, #e43262 -1px -2px 2px,
    #e43262 2px 1px 2px, #e43262 -2px 1px 2px,
    #e43262 2px -1px 2px, #e43262 -2px -1px 2px,
    #e43262 1px 1px 2px, #e43262 -1px 1px 2px,
    #e43262 1px -1px 2px, #e43262 -1px -1px 2px;
}
.gameofficial_banner{width:95%; max-width:463px;}
.gameofficial_banner img{width:100%;}


.wrapper_present{
  width: 100%;
  max-width : 1000px;
  background:#576db2;
  color: #fff; margin: 0 auto;
  padding: 8% 0;
}
.present_txt{
  color: #ffda10;
  text-align: center;
  padding-bottom: 3%;
  font-size: 3.5vw;
}
.present_txt2{
  padding-bottom: 0%;
  font-size: 2.3vw;
}

.present_box_cont{
  width: 85%;
  margin: 0 auto; 
  padding:  0 5%;
}
.present_sub_title{
  font-size: 3vw;
  font-weight: 600;
  margin-bottom: 3%;
  margin-top:5%;
}

.present_item{color: #ffda10; font-size:20px; font-weight: 600; padding-bottom: 3%;}
.present_cont_at{color: #fff;}
.kiyaku_list{padding-left:1em;}
.kiyaku_list li{padding-bottom:0.5em;}
.kiyaku_list li a{color: #b9ce5a;}


.present_item{font-size: 3vw;}
.present_cont_at{font-size: 2.3vw; }
.kiyaku_list li{font-size: 2.3vw; }
.kiyaku_list li a{font-size: 2.3vw;}

.wrapper_present .btn_share_twitter{
  margin-top:8%;
}




@media screen and (min-width: 640px) {

  body{
    background:url(../assets/img/bg.jpg);
    background-attachment:fixed;
  }
  .wrapper{
    max-width:80vh;
     overflow:hidden;
    margin:0 auto;
  }
  .wrapper_inner {
    padding: 10% 0 10%;
}

  .gameofficial_txt{ font-size:25px;}
  .present_txt{font-size:22px;}
.present_sub_title{font-size: 22px;}
.present_txt2{font-size: 18px;}
.present_item{font-size: 20px;}
.present_cont_at{font-size: 18px; }
.kiyaku_list li{font-size: 16px;line-height:1.8;}
.kiyaku_list li a{font-size: 16px;}

  


  


}