@charset "utf-8";

/*------------common------------*/
.lp_wrap{
  width: 960px;
  margin: 0 auto;
}
.lp_wrap img{
  max-width: fit-content;
  width: 100%;
}
.lp_inner{
  margin-left: 40px;
  margin-right: 40px;
}
.mm-1{margin-top: -1px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-110{margin-top: 110px;}

.pb-50{padding-bottom: 50px;}

.p_r{position: relative;}
.t_c{text-align: center;}
.c_w{color: #fff;}
.font_b{font-weight: bold;}
.u_line{text-decoration: underline;}

.list_indent_1 li,
.indent_1{
  text-indent: -1em;
  padding-left: 1em;
}
.lp_wrap a{
  text-decoration: underline;
  color: #3769FB;
}
.num_list_1 li{
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.num_list_1 li:nth-child(n+10){
  text-indent: -2em;
  padding-left: 2em;
}
.num_list_2 li{
  text-indent: -1em;
  padding-left: 1em;
}
.num_list_2 li:nth-child(n+10){
  text-indent: -1.5em;
  padding-left: 1.5em;
}
@media screen and (max-width: 959px){
  .lp_wrap{
    width: 100vw;
  }
  .lp_inner{
    margin-left: 4.167vw;
    margin-right: 4.167vw;
  }
  .mm-1{margin-top: -0.104vw;}
  .mt-5{margin-top: 0.521vw;}
  .mt-10{margin-top: 1.042vw;}
  .mt-20{margin-top: 2.083vw;}
  .mt-30{margin-top: 3.125vw;}
  .mt-40{margin-top: 4.167vw;}
  .mt-50{margin-top: 5.208vw;}
  .mt-60{margin-top: 6.25vw;}
  .mt-110{margin-top: 11.458vw;}

  .pb-50{padding-bottom: 5.208vw;}
}
/*------------parts------------*/
.bg_yellow{background-color: #FFD027;}
.bg_red{background-color: #FA0F13;}
.bg_blue{background-color: #028AFC;}

.list_indent_1 li{
  font-size: 26px;
}
.text_01,
.copy_text{
  font-size: 26px;
}
.ac_area .contentWrap{
  font-size: 24px;
}
.img_01_a{
  position: absolute;
  bottom: 36px;
  left: 85px;
  width: 800px;
}
.img_02 .btn_wrap{
  position: absolute;
  top: 49px;
  left: 50%;
  transform: translateX(-50%);
}
.img_02 .btn_01{
  position: absolute;
  top: 363px;
  left: 50%;
  transform: translateX(-50%);
  width: 748px;
}
.img_03,.img_04,.img_05{
  width: 801px;
  margin-left: auto;
  margin-right: auto;
}
.img_06{
  margin-top: -100px;
}
.img_07 .btn_area{
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.img_07 .btn_area .btn_wrap{
  width: 748px;
  height: 145px;
}
.ttl_01 .list_indent_1{
  position: absolute;
  top: 5px;
  left: 0;
  padding: 0 40px;
}
.step_01 .btn_wrap{
  position: absolute;
  bottom: 222px;
  left: 50%;
  transform: translateX(-50%);
}
.step_01 .list_indent_1{
  position: absolute;
  bottom: 106px;
  transform: translateX(-50%);
  left: 50%;
  width: 800px;
}
.step_02 .btn_01{
  position: absolute;
  bottom: 105px;
  left: 50%;
  transform: translateX(-50%);
  width: 748px;
}
@media screen and (max-width: 959px){
  .list_indent_1 li{
    font-size: 2.708vw;
  }
  .text_01,
  .copy_text{
    font-size: 2.708vw;
  }
  .ac_area .contentWrap{
    font-size: 2.5vw;
  }
  .img_01_a{
    bottom: 3.75vw;
    left: 8.854vw;
    width: 83.333vw;
  }
  .img_02 .btn_wrap{
    top: 5.104vw;
  }
  .img_02 .btn_01{
    top: 37.813vw;
    width: 77.917vw;
  }
  .img_03,.img_04,.img_05{
    width: 83.438vw;
  }
  .img_06{
    margin-top: -10.417vw;
  }
  .img_07 .btn_area{
    top: 4.167vw;
  }
  .img_07 .btn_area .btn_wrap{
    width: 77.917vw;
    height: 15.104vw;
  }
  .ttl_01 .list_indent_1{
    top: 0.521vw;
    padding: 0 4.167vw;
  }
  .step_01 .btn_wrap{
    bottom: 23.125vw;
  }
  .step_01 .list_indent_1{
    bottom: 11.042vw;
    width: 83.333vw;
  }
  .step_02 .btn_01{
    bottom: 10.9375vw;
    width: 77.917vw;
  }
}
/*------------entry_btn------------*/
.entry_btn{
  text-align: center;
}
.btn_text,.btn_notice{
  text-align: center;
}
.entry_btn button{
  content: "";
  background-image: url(/bakuage/shonenjump/5000ptcampaign/assets/images/btn_entry_off.png);
  background-color: transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 748px;
  height: 145px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.entry_btn button.entry-btnStyle_checked{
  background-image: url(/bakuage/shonenjump/5000ptcampaign/assets/images/btn_entry.png);
  cursor: pointer;
}
.btn_text input{
  width: 25px;
  height: 25px;
}
.btn_text label{
  font-size: 30px;
}
.btn_notice{
  font-size: 26px;
}
/*調整*/
.kv_btn{
  position: absolute;
  bottom: -95px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 959px){
  .entry_btn button{
    width: 77.917vw;
    height: 15.104vw;
  }
  .btn_text input{
    width: 2.604vw;
    height: 2.604vw;
  }
  .btn_text label{
    font-size: 3.125vw;
  }
  .btn_notice{
    font-size: 2.708vw;
  }
  /*調整*/
  .kv_btn{
    bottom: -9.896vw;
  }
}
/*------------ac01------------*/
.ac_area .switch{
  position: relative;
  background: #FFFA00;
  padding: 25px 40px;
  cursor: pointer;
  color: #000;
  border: 4px solid #000;
  border-bottom: 10px solid #000;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.ac_area .contentWrap{
  background: #fff;
  padding: 40px;
}
.ac_area .switch:after{
  content: "";
  background: url(/bakuage/shonenjump/5000ptcampaign/assets/images/open.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.ac_area .switch.open:after{
  content: "";
  background: url(/bakuage/shonenjump/5000ptcampaign/assets/images/close.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.displayNone{display: none;}
@media screen and (max-width: 959px){
  .ac_area .switch{
    padding: 2.604vw 4.167vw;
    border: 0.4166vw solid #000;
    border-bottom: 1.0416vw solid #000;
    font-size: 3.75vw;
  }
  .ac_area .contentWrap{
    padding: 4.167vw;
  }
  .ac_area .switch:after{
    width: 3.125vw;
    height: 3.125vw;
    right: 4.167vw;
  }
  .ac_area .switch.open:after{
    width: 3.125vw;
    height: 3.125vw;
    right: 4.167vw;
  }
}
/*------------ac02------------*/
.qa_area .accordion{
  border-radius: 20px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.qa_area .switch{
  position: relative;
  background: #000;
  padding: 40px 100px 40px 90px;
  cursor: pointer;
  color: #fff;
  text-align: left;
  font-size: 32px;
  font-weight: 710;
}
.qa_area .contentWrap{
  background: #fff;
  text-align: left;
  padding: 40px 40px 40px 90px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.8;
  position: relative;
}
.qa_area .contentWrap:before{
  content: "";
  background-image: url(/bakuage/shonenjump/5000ptcampaign/assets/images/icon_a.png);
  background-size: 27.5px 42.5px;
  width: 27.5px;
  height: 42.5px;
  position: absolute;
  top: 45px;
  left: 35px;
}
.qa_area .switch:before{
  content: "";
  background-image: url(/bakuage/shonenjump/5000ptcampaign/assets/images/icon_q.png);
  background-size: 30px 43px;
  width: 30px;
  height: 43px;
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}
.qa_area .switch:after{
  content: "";
  background-image: url(/bakuage/shonenjump/5000ptcampaign/assets/images/ac_arrow_open.png);
  background-size: 23.5px 15.5px;
  width: 23.5px;
  height: 15.5px;
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
}
.qa_area .switch.open:after{
  background-image: url(/bakuage/shonenjump/5000ptcampaign/assets/images/ac_arrow_close.png);
}
@media screen and (max-width: 959px){
  .qa_area .accordion{
    border-radius: 2.083vw;
    max-width: 145.833vw;
  }
  .qa_area .switch{
    padding: 4.167vw 10.417vw 4.167vw 9.375vw;
    font-size: 3.333vw;
  }
  .qa_area .contentWrap{
    padding: 4.167vw 4.167vw 4.167vw 9.375vw;
    font-size: 2.917vw;
  }
  .qa_area .contentWrap:before{
    background-size: 2.865vw 4.427vw;
    width: 2.865vw;
    height: 4.427vw;
    top: 4.688vw;
    left: 3.646vw;
  }
  .qa_area .switch:before{
    background-size: 3.125vw 4.479vw;
    width: 3.125vw;
    height: 4.479vw;
    left: 3.646vw;
  }
  .qa_area .switch:after{
    background-size: 2.448vw 1.615vw;
    width: 2.448vw;
    height: 1.615vw;
    right: 3.646vw;
  }
}
/*------------top_logo------------*/
.top_logo{
  padding: 40px 0;
  text-align: center;
}
.top_logo img{
  width: 685px;
  margin: 0 auto;
}
@media screen and (max-width: 959px){
  .top_logo{
    padding: 4.167vw 0;
  }
  .top_logo img{
    width: 71.354vw;
  }
}
/*------------float_area------------*/
.float_area{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(255 255 255 / 0.5);
  padding: 10px 40px;
}
.float_area ul{
  display: flex;
  justify-content: center;
}
.float_area ul li:nth-child(2){
  margin-left: 10px;
}
.page-docomo-lp .page-second footer{
  padding-bottom: 180px;
}
@media screen and (max-width: 959px){
  .float_area{
    padding: 1.042vw 4.167vw;
  }
  .float_area ul li:nth-child(2){
    margin-left: 1.042vw;
  }
  .page-docomo-lp .page-second footer{
    padding-bottom: 18.75vw;
  }
}