@charset "SHIFT_JIS";

/*------------common------------*/
.lp_wrap{
  max-width: 960px;
  margin: 0 auto;
}
.lp_inner{
  padding: 0 40px;
}
.mt-0{margin-top: 0;}
.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-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}
.mt-150{margin-top: 150px;}
.m-auto{margin-left: auto;margin-right: auto;}
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.font_bold{font-weight: 710;}
.color_white{color: #fff;}
.color_black{color: #000;}
.text_indent_1,.list_indent_1 li{text-indent: -1em; padding-left: 1em;}
.text_indent_1h,.list_indent_1h li{text-indent: -1.5em; padding-left: 1.5em;}
.list_indent_1h_num li{text-indent: -1.5em; padding-left: 1.5em;}
.list_indent_1h_num li:nth-child(n+10){text-indent: -2em; padding-left: 2em;}
.list_indent_2h_num li{text-indent: -2.5em; padding-left: 2.5em;}
.list_indent_2h_num li:nth-child(n+10){text-indent: -3em; padding-left: 3em;}
.link_style_01{
  color: #fff;
  text-decoration: underline;
}
@media only screen and (min-width: 960px){
  .page-docomo-lp__main img{
    width: inherit;
  }
  .only-pc{display: block;}
  .only-sp{display: none;}
}
@media only screen and (max-width: 959px){
  .only-pc{display: none;}
  .only-sp{display: block;}
  .lp_inner{
    padding: 0 4.167vw;
  }
  .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-70{margin-top: 7.292vw;}
  .mt-80{margin-top: 8.333vw;}
  .mt-90{margin-top: 9.375vw;}
  .mt-100{margin-top: 10.417vw;}
  .mt-150{margin-top: 15.625vw;}
}
/*------------mv------------*/
.mv{
  background-color: #000;
}
.mv_logo{
  padding: 60px 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.mv_image img{
  max-width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 959px){
  .mv_logo{
    padding: 6.25vw 0;
    width: 72.2916vw;
  }
}
/*------------btn------------*/
.btn_top_text{
 font-size: 32px;
 font-weight: 700;
}
.grd_btn.btn_01 a{
  box-shadow: 0px 10px 10px -6px rgba(110, 17, 17, 0.5);
  background: linear-gradient(to right, #FEAD1F, #FF8900, #FFAE20);
}
.grd_btn.btn_02 a{
  box-shadow: 0px 10px 10px -6px rgba(110, 17, 17, 0.5);
  background: linear-gradient(to right, #FE1FD3, #D800FF, #F620FF);
}
.grd_btn a{
  position: relative;
  display: block;
  height: 150px;
  width: 720px;
  border-radius: 100px;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
}
.grd_btn p{
  position: absolute;
  top: 11px;
  left: 17px;
  border: 3px solid #fff;
  height: 128px;
  width: 690px;
  border-radius: 100px;
  box-sizing: border-box;
}
.grd_btn p span.btn_span_outer{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100%;
}
.grd_btn p span.style_01{
  font-size: 32px;
}
.grd_btn a:after{
  position: absolute;
  content: "";
  background-image: url(/bakuage/netflix/point_ageruwayo/assets/images/icon_02.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
	right: 45px;
	width: 93px;
	height: 58px;
}
.btn_text{
  font-size: 30px;
}
.btn_text_02{
  font-size: 26px;
}
@media only screen and (max-width: 959px){
  .btn_top_text{
   font-size: 3.333vw;
  }
  .grd_btn.btn_01 a{
    box-shadow: 0px 1.0416vw 1.0416vw -0.625vw rgba(110, 17, 17, 0.5);
  }
  .grd_btn.btn_02 a{
    box-shadow: 0px 1.0416vw 1.0416vw -0.625vw rgba(110, 17, 17, 0.5);
  }
  .grd_btn a{
    height: 15.625vw;
    width: 75vw;
    border-radius: 10.417vw;
    font-size: 4.375vw;
  }
  .grd_btn p{
    top: 1.146vw;
    left: 1.771vw;
    border: 0.3125vw solid #fff;
    height: 13.333vw;
    width: 71.875vw;
    border-radius: 10.417vw;
  }
  .grd_btn p span.style_01{
    font-size: 3.333vw;
  }
  .grd_btn a:after{
    right: 4.688vw;
    width: 9.688vw;
    height: 6.042vw;
  }
  .btn_text{
    font-size: 3.125vw;
  }
  .btn_text_02{
    font-size: 2.708vw;
  }
}
/*------------check_btn------------*/
.grd_btn button{
  position: relative;
  display: block;
  height: 150px;
  width: 720px;
  border-radius: 100px;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  /*–¢ƒ`ƒFƒbƒN*/
  background: #999;
}
/*checked*/
.grd_btn button.entry-btnStyle_checked{
  cursor: pointer;
  box-shadow: 0px 10px 10px -6px rgba(110, 17, 17, 0.5);
  background: linear-gradient(to right, #FEAD1F, #FF8900, #FFAE20);
}
.grd_btn span.btn_outer{
  position: absolute;
  top: 11px;
  left: 17px;
  border: 3px solid #fff;
  height: 128px;
  width: 690px;
  border-radius: 100px;
  box-sizing: border-box;
}
.grd_btn span.btn_outer span.btn_inner{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100%;
}
.grd_btn button:after{
  position: absolute;
  content: "";
  background-image: url(/bakuage/netflix/point_ageruwayo/assets/images/icon_02.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
	right: 45px;
	width: 93px;
	height: 58px;
}
@media only screen and (max-width: 959px){
  .grd_btn button{
    height: 15.625vw;
    width: 75vw;
    border-radius: 10.417vw;
    font-size: 4.375vw;
  }
  /*checked*/
  .grd_btn button.entry-btnStyle_checked{
    box-shadow: 0px 1.0416vw 1.0416vw -0.625vw rgba(110, 17, 17, 0.5);
  }
  .grd_btn span.btn_outer{
    top: 1.146vw;
    left: 1.771vw;
    border: 0.3125vw solid #fff;
    height: 13.333vw;
    width: 71.875vw;
    border-radius: 10.417vw;
  }
  .grd_btn button:after{
    right: 4.688vw;
    width: 9.688vw;
    height: 6.042vw;
  }
}
.btn_wrap{
  text-align: center;
}
.btn_wrap label{
  margin: 0 0 0 5px!important;
}
.btn_notice{
  margin-top: 10px;
  margin-bottom: 50px;
  font-size: 0.8em;
}
@media only screen and (max-width: 959px){
  .btn_wrap label{
    margin: 0 0 0 0.52vw!important;
  }
  .btn_notice{
    margin-top: 1.042vw;
    margin-bottom: 5.208vw;
  }
}
/*------------other------------*/
.note_list li{
  color: #fff;
  font-size: 24px;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 959px){
  .note_list li{
    font-size: 2.5vw;
  }
}
/*------------sec_01------------*/
.sec_01{
  padding: 60px 0;
  background: linear-gradient(to bottom, #C61E14, #5E0000);
}
@media only screen and (max-width: 959px){
  .sec_01{
    padding: 6.25vw 0;
  }
  /*img*/
  .sec_01 .sbttl_01,
  .sec_01 .sbttl_02{
    width: 56.1458vw;
    margin-left: auto;
    margin-right: auto;
  }
}
/*------------sec_02------------*/
.sec_02{
  background-color: #FFFEF4;
  padding-bottom: 70px;
}
.sec_02 .img_01{
  background-color: #5E0000;
}
.sec_02_main_area{
  margin-top: -100px;
}
.sec_02 .flex_box{
  display: flex;
  align-items: center;
}
.sec_02 .rbn_img{
  margin-right: 30px;
}
.sec_02 .rbn_text{
  font-weight: bold;
  font-size: 32px;
  color: #5A3A38;
}
.sec_02 .rbn_text span.style_01{
  font-size: 46px;
}
.sec_02 .rbn_text span.style_02{
  font-size: 64px;
}
.sec_02 .rbn_text span.style_03{
  font-size: 42px;
}
.sec_02 .text_01{
  font-size: 38px;
  font-weight: bold;
  color: #5A3A38;
}
.sec_02 .list_indent_1 li{
  font-size: 28px;
}
.sec_02 .list_indent_1 li a{
  color: #1B9FFC;
  text-decoration: underline;
}
@media only screen and (max-width: 959px){
  .sec_02{
    padding-bottom: 7.292vw;
  }
  .sec_02_main_area{
    margin-top: -10.417vw;
  }
  .sec_02 .rbn_img{
    margin-right: 3.125vw;
  }
  .sec_02 .rbn_text{
    font-size: 3.333vw;
  }
  .sec_02 .rbn_text span.style_01{
    font-size: 4.792vw;
  }
  .sec_02 .rbn_text span.style_02{
    font-size: 6.667vw;
  }
  .sec_02 .rbn_text span.style_03{
    font-size: 4.375vw;
  }
  .sec_02 .text_01{
    font-size: 3.958vw;
  }
  .sec_02 .list_indent_1 li{
    font-size: 2.917vw;
  }
  /*img*/
  .sec_02 .rbn_img{
    width: 38.5416vw;
  }
}
/*------------sec_03------------*/
.sec_03{
  padding-top: 70px;
  padding-bottom: 110px;
  background: linear-gradient(to bottom, #C61E14, #5E0000);
}
@media only screen and (max-width: 959px){
  .sec_03{
    padding-top: 7.292vw;
    padding-bottom: 11.458vw;
  }
}
/*-----accordion-----*/
.sec_03 .accordion_btn{
  position: relative;
  background-color: #CB1F34;
  padding: 30px 40px;
  cursor: pointer;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  border: 4px solid #C4B45D;
  border-bottom: 12px solid #C4B45D;
  letter-spacing: 0.3rem;
}
.sec_03 .accordion_btn:before,
.sec_03 .accordion_btn:after{
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  transition: .4s ease;
}
.sec_03 .accordion_btn:before{
  right: 53px;
  width: 4px;
  height: 30px;
}
.sec_03 .accordion_btn:after{
  right: 40px;
  width: 30px;
  height: 4px;
}
.sec_03 .accordion_btn.ac_open:before{
  transform: rotate(90deg);
}
.sec_03 .accordion_btn.ac_open:after{
  transform: rotate(-180deg);
}
.sec_03 .accordion_contents{
  background-color: #fff;
  padding: 40px;
  font-size: 24px;
}
.sec_03 .accordion_contents a{
  color: #1B9FFC;
  text-decoration: underline;
}
.sec_03 .accordion_contents .ac_ttl{
  background-color: #CB1F34;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.3rem;
  padding: 25px 20px;
}
.sec_03 .ac_close{display: none;}
@media only screen and (max-width: 959px){
  .sec_03 .accordion_btn{
    padding: 3.125vw 4.167vw;
    font-size: 3.75vw;
    border: 0.4166vw solid #C4B45D;
    border-bottom: 1.25vw solid #C4B45D;
  }
  .sec_03 .accordion_btn:before{
    right: 5.521vw;
    width: 0.417vw;
    height: 3.125vw;
  }
  .sec_03 .accordion_btn:after{
    right: 4.167vw;
    width: 3.125vw;
    height: 0.417vw;
  }
  .sec_03 .accordion_contents{
    padding: 4.167vw;
    font-size: 2.5vw;
  }
  .sec_03 .accordion_contents .ac_ttl{
    font-size: 3.75vw;
    padding: 2.604vw 2.083vw;
  }
}
/*------------sec_04------------*/
.sec_04{
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/bg_01.png");
  background-color: #000;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  margin-top: -1px;
}
.sec_04 .top_ttl{
  font-size: 120px;
  font-weight: bold;
  color: #fff;
}
.sec_04 .top_sbttl{
  font-size: 62px;
  font-weight: bold;
  color: #fff;
}
.sec_04 .step_ttl{
  background-color: #fff;
  padding: 56px 0;
}
.sec_04 .step_ttl span{
  position: relative;
  font-size: 48px;
  font-weight: bold;
  color: #000;
  padding-left: 120px;
  display: inline-block;
  text-align: left;
}
.sec_04 .step_ttl span:before{
  position: absolute;
  content: "";
  background-size: 100% 100%;
  width: 92px;
  height: 92px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sec_04 .step_01 .step_ttl span:before{
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/num_1.png");
}
.sec_04 .step_02 .step_ttl span:before{
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/num_2.png");
}
.sec_04 .step_03 .step_ttl span:before{
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/num_3.png");
}
.sec_04 .step_contents{
  padding: 60px 40px;
  border: 4px solid #fff;
  border-top: none;
}
.sec_04 .step_text{
  font-size: 36px;
  line-height: 1.7;
}
.step_notes{
  font-size: 24px;
}
@media only screen and (max-width: 959px){
  .sec_04 .top_ttl{
    font-size: 12.5vw;
  }
  .sec_04 .top_sbttl{
    font-size: 6.458vw;
  }
  .sec_04 .step_ttl{
    padding: 5.833vw 0;
  }
  .sec_04 .step_ttl span{
    font-size: 5vw;
    padding-left: 12.5vw;
  }
  .sec_04 .step_ttl span:before{
    width: 9.583vw;
    height: 9.583vw;
  }
  .sec_04 .step_contents{
    padding: 6.25vw 4.167vw;
    border: 0.416vw solid #fff;
  }
  .sec_04 .step_text{
    font-size: 3.75vw;
  }
  .step_notes{
    font-size: 2.5vw;
  }
}
/*------------sec_05------------*/
.sec_05{
  background-color: #000;
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/bg_02.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 350px;
  padding-bottom: 320px;
}
.icon_sbttl_01{
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.sec_05 .notes_txt{
  font-size: 24px;
  color: #fff;
}
.sec_05 .sb_ttl{
  margin-top: 300px;
}
.sec_05 .video_outer{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.sec_05 .video_outer .video_01{
  width: 100%;
  max-width: 740px;
}
.sec_05 .video_text_box{
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
.sec_05 .video_ttl{
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
.sec_05 .video_txt{
  font-size: 32px;
}
@media only screen and (max-width: 959px){
  .sec_05{
    padding-top: 36.458vw;
    padding-bottom: 38.333vw;
  }
  .icon_sbttl_01{
    font-size: 5.208vw;
  }
  .sec_05 .notes_txt{
    font-size: 2.5vw;
  }
  .sec_05 .sb_ttl{
    margin-top: 31.25vw;
  }
  .sec_05 .video_outer .video_01{
    max-width: 77.083vw;
  }
  .sec_05 .video_text_box{
    max-width: 77.083vw;
  }
  .sec_05 .video_ttl{
    font-size: 3.75vw;
  }
  .sec_05 .video_txt{
    font-size: 3.333vw;
  }
  /*img*/
  .icon_01{
    width: 6.25vw;
    margin-left: auto;
    margin-right: auto;
  }
  .logo_02{
    width: 42.6041vw;
    margin-left: auto;
    margin-right: auto;
  }
}
/*------------cam_bnr_area------------*/
.cam_bnr_area{
  background-color: #000;
}
/*------------sec_06------------*/
.sec_06{
  background-color: #000;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 959px){
  .sec_06{
    padding-top: 6.25vw;
    padding-bottom: 10.417vw;
  }
}
/*------------ac------------*/
.sec_06 .accordion_btn{
  position: relative;
  background: #666666;
  padding: 30px 70px 30px 30px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.sec_06 .accordion_contents{
  background: #333333;
  padding: 30px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
.sec_06 .accordion_contents a{
  text-decoration: underline;
}
.sec_06 .accordion_btn:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/notes_icon_open.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.sec_06 .accordion_btn.ac_open:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/notes_icon_close.png");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.sec_06 .ac_close{display: none;}
@media only screen and (max-width: 959px){
  .sec_06 .accordion_btn{
    padding: 3.125vw 7.292vw 3.125vw 3.125vw;
    font-size: 3.125vw;
  }
  .sec_06 .accordion_contents{
    padding: 3.125vw;
    font-size: 3.125vw;
  }
  .sec_06 .accordion_btn:after{
    width: 2.083vw;
    height: 2.083vw;
    right: 4.167vw;
  }
  .sec_06 .accordion_btn.ac_open:after{
    width: 2.083vw;
    height: 2.083vw;
    right: 4.167vw;
  }
}
/*------------notes_box------------*/
.ac_toggle{
  display: none;
}
.ac_label {
  position: relative;
  display: block;
  background: #3c3c3c;
  text-align: center;
  font-size: 42px;
  font-weight: 710;
  color: #fff;
  padding: 35px 0;
  cursor: pointer;
}
.ac_label:after{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/notes_icon_01.png");
  width: 78px;
  height: 102px;
  top: 50%;
  left: 60px;
  transform: translate(0, -50%);
}
.ac_label::before{
  position: absolute;
  content: "";
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/notes_icon_open.png");
  width: 40px;
  height: 40px;
  top: 50%;
  right: 60px;
  transform: translate(0, -50%);
}
.ac_toggle:checked + .ac_label::before {
  background-image: url("/bakuage/netflix/point_ageruwayo/assets/images/notes_icon_close.png");
}
.ac_label,
.ac_content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.ac_content {
  height: 0;
  padding:0 40px;
  overflow: hidden;
  background-color: #fff;
  font-size: 24px;
}
.ac_toggle:checked + .ac_label + .ac_content {
  height: auto;
  padding:60px 40px ;
  transition: all .3s;
}
.ac_content a{
  color: #0000ff;
  text-decoration: underline;
}
/*---ac_contents---*/
@media only screen and (max-width: 959px){
  .ac_label {
    font-size: 4.375vw;
    padding: 3.646vw 0;
  }
  .ac_label:after{
    background-size: 8.125vw 10.625vw;
    width: 8.125vw;
    height: 10.625vw;
    left: 6.25vw;
  }
  .ac_label::before{
    background-size: 4.167vw 4.167vw;
    width: 4.167vw;
    height: 4.167vw;
    right: 6.25vw;
  }
  .ac_content {
    padding:0 4.167vw;
    font-size: max(2.5vw,10px);
  }
  .ac_toggle:checked + .ac_label + .ac_content {
    padding:6.25vw 4.167vw ;
  }
}
/*------------float_bnr------------*/
.float_bnr{
  background-color: rgba(195,195,195,0.5);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  text-align: center;
  z-index: 10;
}
.float_bnr a img{
  width: 30%;
}
@media only screen and (max-width: 959px){
  .float_bnr{
    padding-top: 1.042vw;
  }
  .float_bnr a img{
    width: 100%;
  }
}
/*------------banner_bottom------------*/
.banner_bottom img{
  width: 100%;
}
.banner_bottom {
    background-color: #222;
    padding-top: 9.114583333333332vw;
    position: relative;
}
.banner_bottom .c__inner {
    width: 90%;
}
.banner_bottom a {
    color: #fff;
    display: block;
    font-size: 3.6458333333333335vw;
    text-align: center;
    text-decoration: underline;
}
.banner_bottom a:hover {
    text-decoration: none;
}
@media only screen and (min-width: 769px){
  .banner_bottom {
      padding-top: calc(var(--vw)*4.6875);
  }
  .banner_bottom a {
      color: #fff;
      display: block;
      font-size: calc(var(--vw)*1.5625);
      text-align: center;
      text-decoration: underline;
  }
  .banner_bottom .c__inner {
      width: 100%;
  }
  .banner_bottom ul {
      -webkit-box-pack: center;
      display: -webkit-box;
      display: flex;
      justify-content: center;
  }
  .banner_bottom ul.bnr_btm_01{
      padding-bottom: calc(var(--vw)*2.3875);
  }
  .banner_bottom ul.bnr_btm_02{
      padding-bottom: calc(var(--vw)*4.6875);
  }
  .banner_bottom ul.bnr_btm_01 li {
      width: calc(var(--vw)*50.15625);
  }
  @media (min-width: 1367px), print{
    .banner_bottom {
        padding-top: 60px;
    }
    .banner_bottom ul.bnr_btm_01 li {
        width: 700px;
    }
    .banner_bottom a {
        font-size: 20px;
    }
  }
}
/*------------float_area------------*/
.float_area{
  background-color: rgb(255 255 255 / 0.36);
  padding: 15px 0;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: 0.3s;
}
.fixed{
  opacity: 1;
  z-index: 10;
}
.float_area ul{
  display: flex;
  justify-content: center;
}
.float_area ul li:nth-child(2){
  margin-left: 30px;
}
footer{
  padding-bottom: 150px!important;
  margin-top: -1px;
}
/*parts*/
.float_area ul li .grd_btn a{
  box-shadow: 0px 5px 10px 0px rgba(121, 69, 31, 0.9);
}
.float_area ul li .grd_btn a{
  height: 85px;
  width: 410px;
  font-size: 24px;
}
.float_area ul li .grd_btn p{
  top: 7px;
  left: 10px;
  border: 3px solid #fff;
  height: 72px;
  width: 392px;
}
.float_area ul li .grd_btn p span.style_01{
  font-size: 21px;
}
.float_area ul li .grd_btn a:after{
	right: 20px;
	width: 46.5px;
	height: 22.5px;
}
@media only screen and (max-width: 959px){
  /*parts*/
  .float_area ul li .grd_btn a{
    box-shadow: 0px 0.52vw 1.04vw 0px rgba(121, 69, 31, 0.9);
  }
  .float_area ul li:nth-child(2){
    margin-left: 3.125vw;
  }
  .float_area ul li .grd_btn a{
    height: 8.863vw;
    width: 42.753vw;
    font-size: 2.503vw;
  }
  .float_area ul li .grd_btn p{
    top: 0.73vw;
    left: 1.043vw;
    border: 0.31vw solid #fff;
    height: 7.508vw;
    width: 40.876vw;
  }
  .float_area ul li .grd_btn p span.style_01{
    font-size: 2.19vw;
  }
  .float_area ul li .grd_btn a:after{
    right: 2.083vw;
    width: 4.844vw;
    height: 2.344vw;
  }
  .float_area{
    padding: 1.56vw 0;
    max-width: 100.104vw;
  }
  footer{
    padding-bottom: 15.855vw!important;
  }
}
/*------------footer------------*/
footer,#include_footer_banner{
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
}
/*close*/
.cp_attention_outer{
	padding-top: 15px;
}
.cp_attention__txt3 {
    max-width: 700px;
    min-width: 300px;
    border: 2px solid;
    color: #cc0033;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    padding: 3% 30px;
    text-align: center;
    background: #fff;
}
/*251120*/
.modal-player {
	display: none;
}
.recommend{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.recommend .video_txt{
  color: #fff;
}
@media only screen and (max-width: 959px){
  .recommend{
    max-width: 77.083vw;
  }
  .recommend .video_txt{
    color: #fff;
    max-width: 77.083vw;
  }
}
/*checkbox*/
.btn_text input{
  display: none;
}
.btn_text label {
  cursor: pointer;
  padding-left: 50px;
  position: relative;
}
.btn_text label::before,
.btn_text label::after {
  content: "";
  display: block; 
  position: absolute;
}
.btn_text label::before {
  background-color: #fff;
  border: 2px solid #000;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  border-radius: 5px;
}
.btn_text label::after {
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  opacity: 0;
  height: 9px;
  width: 17px;
  transform: rotate(-45deg);
  top: 13px;
  left: 8px;
}
.btn_text input:checked + label::after {
  opacity: 1;
}
@media only screen and (max-width: 959px){
  .btn_text label {
    padding-left: 5.208vw;
  }
  .btn_text label::before {
    border: 0.2083vw solid #000;
    width: 3.333vw;
    height: 3.333vw;
    border-radius: 0.521vw;
  }
  .btn_text label::after {
    border-bottom: 0.3125vw solid #000;
    border-left: 0.3125vw solid #000;
    height: 0.938vw;
    width: 1.771vw;
    top: 1.354vw;
    left: 0.833vw;
  }
}