/*fixed header*/
.pg-s-header{
  position: fixed;
  width: 100%;
}

.l-content {
  margin-top: 114px;
}

/*------------------------------
m-special-campaign
------------------------------*/
.m-special-campaign{
  background: #0d161d;
  /* position:relative; */
}

.m-special-campaign2{
  background: #fff;
  /* position:relative; */
}

/* .m-special-campaign::after {
  content: '';
  background-color: rgba(0,0,0,.5);
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
} */

.m-special-campaign .unit{
  padding: 96px 0;
}

.m-special-campaign .unit .inner{
  width: 100%;
  margin: 0 auto;
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content:space-between;
}

.m-special-campaign .unit .inner .txt-holder{
  width: 680px;
}

.m-special-campaign .unit .inner .txt-holder02{
  width: 100%;
}

.m-special-campaign .unit .inner .txt-holder h3{
  color: #b9a352;
  /* color: #696969; */
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
}

.m-special-campaign2 .unit .inner .txt-holder h3{
  font-size: 31px;
}

.m-special-campaign .unit .inner .txt-holder p{
  margin-bottom: 0;
  color: #ffffff;
  /* color: #696969; */
  font-size: 16px;
  line-height: 1.75em;
  margin: 24px 0;
}

.m-special-campaign .unit .inner .txt-holder .btn-holder{
  border: solid 2px #b9a352;
  /* border: solid 2px #696969; */
  width: 664px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.m-special-campaign .unit .inner .txt-holder .btn-holder:hover{
  background: #b9a352;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.m-special-campaign .unit .inner .txt-holder .btn-holder a{
  color: #b9a352;
  /* color: #696969; */
  font-weight: bold;
  padding: 16px 0;
  text-align: center;
  display: block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.m-special-campaign .unit .inner .txt-holder .btn-holder:hover a{
  color: #ffffff;
}

.m-special-campaign .unit .inner .txt-holder .btn-holder::after{
  color: #b9a352;
  /* color: #696969; */
}

.m-special-campaign .unit .inner .txt-holder .btn-holder:hover::after{
  color: #b9a352;
  /* color: #696969; */
}



/*------------------------------
 m-special-bite
------------------------------*/
.m-special-bite {
  /* background: url(https://static.e-shop.urawa-reds.co.jp/img/special/2024reds_dazn/bg_pc2.jpg)repeat-x center top; */
  background-size: cover;
  background-position: right;
  background-color: #0d161d;
}

.m-special-bite .unit {
  padding: 120px 0px;
}

.m-special-bite .unit .inner {
  width: 100%;
  margin: 0 auto;
}

.m-special-bite .unit .inner .txt-holder h2{
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  line-height: initial;
  display: inline-block;
}

.m-special-bite .unit .inner .txt-holder h2.dazn1{
  border-bottom: solid #fff 4px ;
}


.m-special-bite .unit .inner .txt-holder h2 img{
  text-shadow: 0px 0px 4px #000000;
}

.m-special-bite .unit .inner .txt-holder p{
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.75em;
  margin-bottom: 24px;
}


/*------------------------------
 m-special-detail
------------------------------*/
.m-special-detail{
  background: #ffffff;
}

.m-special-detail .unit{
  padding: 96px 0;
}

.m-special-detail .unit .inner{
  width: 100%;
  margin: 96px auto;
}

.m-special-detail .unit .inner .title-holder{
  text-align: center;
  margin: 32px 0 56px;
}

.m-special-detail .unit .inner .title-holder h3{
  font-size: 32px;
  font-weight: 700;
  color: #dc0325;
}

.m-special-detail .unit .inner .title-holder .line-bottom{
  width: 240px;
  height: 4px;
  margin: 0 auto;
  background-color: #dc0325;
}

/*------------------------------
contents-holder
------------------------------*/
.m-special-detail .unit .inner .contents-holder{
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap: wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;/*--- safari（PC）用 ---*/
  flex-wrap: wrap;
  margin: 0 auto 40px;
}



/*------------------------------
goods-holder
------------------------------*/
.m-special-detail .unit .inner.goods-holder{
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
}

.m-special-detail .unit .inner.goods-holder .txt-holder{
  margin: 0 auto;
}

.m-special-detail .unit .inner.goods-holder .txt-holder h3{
  font-size: 40px;
  font-weight: 700;
  color: #dc0325;
  margin-top: 24px;
  margin-bottom: 72px;
}

.m-special-detail .unit .inner.goods-holder .txt-holder h3 span{
  font-size: 24px;
}

.m-special-detail .unit .inner .txt-holder .btn-holder{
  border: solid 2px #dc0325;
  width: 448px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.m-special-detail .unit .inner .txt-holder .btn-holder:hover{
  background: #dc0325;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.m-special-detail .unit .inner .txt-holder .btn-holder a{
  color: #dc0325;
  font-weight: bold;
  padding: 16px 0;
  text-align: center;
  display: block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.m-special-detail .unit .inner .txt-holder .btn-holder:hover a{
  color: #ffffff;
}

.m-special-detail .unit .inner .txt-holder .btn-holder::after{
  color: #dc0325;
}

.m-special-detail .unit .inner .txt-holder .btn-holder:hover::after{
  color: #ffffff;
}



/*-----------------------------
table-holder
----------------------------- */
.m-special-detail .unit .inner.table-holder dl{
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap: wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;/*--- safari（PC）用 ---*/
  flex-wrap: wrap;
  margin-bottom: 0;
  border: 3px solid #dc0325;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.m-special-detail .unit .inner.table-holder dl + dl{
  border-top: 0;
}

.m-special-detail .unit .inner.table-holder dl dt{
  flex: 2;
  padding: 12px;
  background: rgba(220,3,37, 1);
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}

.m-special-detail .unit .inner.table-holder dl dt.line-none{
  border-bottom: none;
}

.m-special-detail .unit .inner.table-holder dl dd{
  flex: 6;
  padding: 12px;
  font-size: 16px;
  line-height: 1.5em;
  background: rgba(0,0,0,0.0);
  color: #252525;
}

.m-special-detail .unit .inner.table-holder dl dd a{
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.m-special-detail .unit .inner.table-holder dl dd .limit{
  font-weight: bold;
  font-size:24px;
  line-height:1.75em;
}



/*-----------------------------
howto-holder
----------------------------- */
.m-special-detail .unit .inner.howto-holder{
  border: 2px solid #dc0325;
  border-radius: 24px;
  padding: 24px;
  margin-top: 80px;
}

.m-special-detail .unit .inner.howto-holder .img-holder{
  margin-right: 32px;
  padding-right: 32px;
  border-right: 3px solid #0d161d;
}

.m-special-detail .unit .inner.howto-holder .txt-holder ul li{
  margin-bottom: 12px;
  color: #000000;
  line-height: 1.5em;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

.m-special-detail .unit .inner.howto-holder .txt-holder ul li a{
  color: #b9a352;
}

.m-special-detail .unit .inner.howto-holder .txt-holder ul li .img-holder{
  width: 240px;
  border-right: none;
}
.m-special-detail .unit .inner.howto-holder .txt-holder ul li .img-holder img{
  width: 100%;
  margin: 12px 0;
  padding-left: 0.8em;
}

.m-special-detail .unit .inner.howto-holder .txt-holder ul li a:hover{
  color: #b9a352;
}



/*-----------------------------
howto-holder
----------------------------- */
.m-special-detail .unit .inner.movie-holder .contents-holder{
  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content:space-between;
}

.m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4{
  font-weight: 700;
  padding-bottom: 5px;
  position: relative;
  padding-left:32px;
}

.m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4::before{
  background: #000000;
  content: "";
  height: 20px;
  width: 20px;
  left: 0;
  position: absolute;
}

.m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4.new_member::before{
  background: #dc0325;
}

.m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4.existing_member::before{
  background: #b9a352;
}


/*-----------------------------
注意事項
----------------------------- */
.m-special-attention{
  background: #000000;
}

.m-special-attention .unit{
  padding: 80px 0;
}

.m-special-attention .unit .inner{
  width: 100%;
  margin: 0 auto;
}

.m-special-attention .unit .inner .title-holder{
  margin-bottom: 40px;
  background: #fff;
}

.m-special-attention .unit .inner .title-holder.detail-title{
  margin-top: 64px;
  margin-bottom: 24px;
  background: none;
}

.m-special-attention .unit .inner .title-holder h3{
  color: #000000;
  padding: 12px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}

.m-special-attention .unit .inner .title-holder.detail-title h3{
  color: #ffffff;
  font-size: 26px;
}

.m-special-attention .unit .inner .guidelines-holder{
  margin: 0 auto 40px;
  max-width: 1040px;
  width: 100%;
  padding: 0 10px;
}

.m-special-attention .unit .inner .guidelines-holder dl dt{
  position: relative;
  padding: 12px;
  color: #ffffff;
  font-size: 24px;
}

.m-special-attention .unit .inner .guidelines-holder dl dt.text1:after{
  position: absolute;
  content: "";
  width: 440px;
  height:1px;
  top: 50%;
  right: 0;
  background: #ffffff;
}

.m-special-attention .unit .inner .guidelines-holder dl dt.text2:after{
  position: absolute;
  /* content: ""; */
  width: 824px;
  height:1px;
  top: 50%;
  right: 0;
  background: #ffffff;
}

.m-special-attention .unit .inner .guidelines-holder dl dt.faq:after{
  position: absolute;
  content: "";
  width: 592px;
  height:1px;
  top: 50%;
  right: 0;
  background: #ffffff;
}

.m-special-attention .unit .inner .guidelines-holder dl dt.text3:after{
  position: absolute;
  content: "";
  width: 744px;
  height:1px;
  top: 50%;
  right: 0;
  background: #ffffff;
}

.m-special-attention .unit .inner .guidelines-holder dl dt.text4:after{
  position: absolute;
  /* content: ""; */
  width: 170px;
  height:1px;
  top: 50%;
  right: 0;
  background: #ffffff;
}

.m-special-attention .unit .inner .guidelines-holder dl dd{
  margin-bottom: 8px;
  padding-left: 32px;
  font-size: 16px;
  line-height: 1.5em;
  color: #ffffff;
}

.m-special-attention .unit .inner .guidelines-holder dl dd ul{
  margin-top: 8px;
  margin-left: 1em;
}

.m-special-attention .unit .inner .guidelines-holder dl dd ul li span{
  font-size: 14px;
}

.m-special-attention .unit .inner .guidelines-holder dl dd a{
  color: #b9a352;
}

.m-special-attention .unit .inner .detail{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content:space-between;
	-ms-flex-wrap: wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap: wrap;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
  width: 880px;
  margin-bottom: 40px;
}

.m-special-attention .unit .inner.detail .box{
  border: 2px solid #ffffff;
  padding: 24px;
  border-radius: 8px;
}

.m-special-attention .unit .inner.detail .box .img-holder{
  margin-bottom: 24px;
}

.m-special-attention .unit .inner.detail .box .img-holder img{
  vertical-align: middle;
}

.m-special-attention .unit .inner.detail .box .txt-holder p{
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
}



/*------------------------------
 m-special-btn
------------------------------*/
.m-special-btn{
  background: #b9a352;
}

.m-special-btn.btn-red{
  background: #dc0325;
}

.m-special-btn .unit .inner{
  width: 100%;
  margin: 0 auto;
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  justify-content:space-between;
}

.m-special-btn .unit .inner .txt-holder h3{
  margin-top: 0;
  margin-bottom: 0;
}

.m-special-btn .unit .inner .btn-holder{
  border: solid 2px #ffffff;
  margin-right: 16px;
}

.m-special-btn .unit .inner .btn-holder:hover{
  background: #ffffff;
}

.m-special-btn .unit .inner .btn-holder a{
  color: #ffffff;
  font-weight: bold;
  padding: 22px 0;
}

.m-special-btn .unit .inner .btn-holder:hover a{
  color: #0d161d;
}

.btn-holder::after{
  position: absolute;
  display: block;
  content: '\f3d3';
  font-family: 'ionicons';
  right: 32px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  top: 50%;
  margin-top: -10px;
}

.btn-holder:hover::after{
  position: absolute;
  display: block;
  content: '\f3d3';
  font-family: 'ionicons';
  right: 32px;
  font-size: 20px;
  color: #0d161d;
  top: 50%;
  margin-top: -10px;
}



/*------------------------------
 m-special-sns
------------------------------*/
.m-special-sns{
  background: #000000;
}
.m-special-sns .unit{
  margin-top: 0;
}
.m-special-sns .unit .inner .snsMoving{
  color: #ffffff;
}


.b{
  font-weight: bold;
}

.red{
  color: #dc0325;
}



/*------------------------------
 margin-class
------------------------------*/
.marginbottom5{
  margin-bottom:5px;
}

.marginbottom10{
  margin-bottom:10px;
}

.marginbottom15{
  margin-bottom:15px;
}

.marginbottom20{
  margin-bottom:20px;
}

.marginbottom25{
  margin-bottom:25px;
}

.marginbottom30{
  margin-bottom:30px;
}

@media only screen and (max-width: 1024px) {
  /*------------------------------
  m-special-campaign
  ------------------------------*/
  .m-special-campaign{
    background: #0d161d;
    /* position:relative; */
  }

  .m-special-campaign2{
    background: #fff;
  }

  .m-special-campaign .unit{
    padding: 56px 0;
  }

  .m-special-campaign .unit .inner{
    width: 90%;
    margin: 0 auto;
    display: block;
  }

  .m-special-campaign .unit .inner .txt-holder{
    width: 100%;
    margin: 24px 0;
  }

  .m-special-campaign .unit .inner .img-holder{
    width: 88%;
    margin: 0 auto;
  }

  .m-special-campaign .unit .inner .txt-holder h3{
    color: #b9a352;
    /* color: #696969; */
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
  }

  .m-special-campaign .unit .inner .txt-holder p{
    margin-bottom: 0;
    color: #b9a352;
    /* color: #696969; */
    font-size: 14px;
    line-height: 1.75em;
    margin: 24px 0;
  }

  .m-special-campaign .unit .inner .txt-holder .btn-holder{
    border: solid 2px #b9a352;
    /* border: solid 2px #696969; */
    width: 100%;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .m-special-campaign .unit .inner .txt-holder .btn-holder:hover{
    color: #b9a352;
    /* background: #b9a352; */
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .m-special-campaign .unit .inner .txt-holder .btn-holder a{
    color: #b9a352;
    /* color: #696969; */
    font-weight: bold;
    padding: 16px 0;
    text-align: center;
    display: block;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .m-special-campaign .unit .inner .txt-holder .btn-holder:hover a{
    color: #ffffff;
  }

  .m-special-campaign .unit .inner .txt-holder .btn-holder::after{
    color: #b9a352;
    /* color: #696969; */
  }

  .m-special-campaign .unit .inner .txt-holder .btn-holder:hover::after{
    color: #ffffff;
  }



  /*------------------------------
   m-special-bite
  ------------------------------*/
  /* .m-special-bite {
    background: url(https://static.e-shop.urawa-reds.co.jp/img/special/2024reds_dazn/bg_sp2.jpg)repeat-x center top;
    background-size: cover;
  } */

  .m-special-bite .unit {
    padding: 25px 0 64px;
    /* padding: 240px 0 64px; */
  }

  .m-special-bite .unit .inner {
    width: 100%;
    margin: 0 auto;
  }

  .m-special-bite .unit .inner .txt-holder{
    padding: 0 4%;
  }
  .m-special-bite .unit .inner .txt-holder h2{
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: initial;
    display: inline-block;
  }

  .m-special-bite .unit .inner .txt-holder h2.dazn1{
    border-bottom: solid #fff 4px ;
  }


  .m-special-bite .unit .inner .txt-holder h2 img{
    text-shadow: 0px 0px 4px #000000;
  }

  .m-special-bite .unit .inner .txt-holder p{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.75em;
  }


  /*------------------------------
   m-special-detail
  ------------------------------*/
  .m-special-detail{
    background: #ffffff;
  }

  .m-special-detail .unit{
    padding: 64px 0;
  }

  .m-special-detail .unit .inner{
    margin: 64px auto;
    display: block !important;
  }

  .m-special-detail .unit .inner .title-holder{
    text-align: center;
    margin: 32px 0 56px;
  }

  .m-special-detail .unit .inner .title-holder h3{
    font-weight: 700;
    color: #dc0325;
  }

  .m-special-detail .unit .inner .title-holder .line-bottom{
    width: 104px;
    height: 4px;
    margin: 0 auto;
    background-color: #dc0325;
  }

  /*------------------------------
  contents-holder
  ------------------------------*/
  .m-special-detail .unit .inner .contents-holder{
    margin: 0 auto 40px;
  }



  /*------------------------------
  goods-holder
  ------------------------------*/
  .m-special-detail .unit .inner.goods-holder .img-holder{
    width: 88%;
    margin: 0 auto;
  }

  .m-special-detail .unit .inner.goods-holder .txt-holder{
    margin: 0 auto;
  }

  .m-special-detail .unit .inner.goods-holder .txt-holder h3{
    font-size: 32px;
    font-weight: 700;
    color: #dc0325;
    margin: 24px 0;
  }

  .m-special-detail .unit .inner.goods-holder .txt-holder h3 span{
    font-size: 24px;
  }

  .m-special-detail .unit .inner .txt-holder .btn-holder{
    border: solid 2px #dc0325;
    width: 100%;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .m-special-detail .unit .inner .txt-holder .btn-holder:hover{
    background: #dc0325;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .m-special-detail .unit .inner .txt-holder .btn-holder a{
    color: #dc0325;
    font-weight: bold;
    padding: 16px 0;
    text-align: center;
    display: block;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .m-special-detail .unit .inner .txt-holder .btn-holder:hover a{
    color: #ffffff;
  }

  .m-special-detail .unit .inner .txt-holder .btn-holder::after{
    color: #dc0325;
  }

  .m-special-detail .unit .inner .txt-holder .btn-holder:hover::after{
    color: #ffffff;
  }



  /*-----------------------------
  table-holder
  ----------------------------- */
  .m-special-detail .unit .inner.table-holder dl{
    margin-bottom: 0;
    border: 2px solid #dc0325;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }

  .m-special-detail .unit .inner.table-holder dl + dl{
    border-top: 0;
  }
  .m-special-detail .unit .inner.table-holder dl dt{
    padding: 12px;
    background: rgba(220,3,37, 1);
    color: #ffffff;
    text-align: center;
  }
  .m-special-detail .unit .inner.table-holder dl dd{
    padding: 12px;
    font-size: 16px;
    line-height: 1.5em;
    background: rgba(0,0,0,0.0);
    color: #252525;
  }

  .m-special-detail .unit .inner.table-holder dl dd .limit{
    font-weight: bold;
    font-size:24px;
    line-height:1.75em;
  }



  /*-----------------------------
  howto-holder
  ----------------------------- */
  .m-special-detail .unit .inner.howto-holder{
    border: 3px solid #dc0325;
    border-radius: 20px;
    padding: 16px;
    margin-top: 80px;
  }

  .m-special-detail .unit .inner.howto-holder .img-holder{
    margin-bottom: 24px;
    text-align: center;
    border: none;
  }

  .m-special-detail .unit .inner.howto-holder .img-holder img{
    width: 80%;
  }

  .m-special-detail .unit .inner.howto-holder .txt-holder ul li{
    margin-bottom: 8px;
    color: #000000;
    line-height: 1.4em;
    padding-left: 0.8em;
    text-indent: -0.8em;
  }

  .m-special-detail .unit .inner.howto-holder .txt-holder ul li a{
    color: #b9a352;
  }

  .m-special-detail .unit .inner.howto-holder .txt-holder ul li .img-holder{
    margin-top: 24px;
    width: 100%;
  }
  .m-special-detail .unit .inner.howto-holder .txt-holder ul li .img-holder img{
    width: 80%;
  }

  .m-special-detail .unit .inner.howto-holder .txt-holder ul li a:hover{
    color: #b9a352;
  }



  /*-----------------------------
  movie-holder
  ----------------------------- */
  .m-special-detail .unit .inner.movie-holder .contents-holder {
    -webkit-box-pack:justify;/*--- Android繝悶Λ繧ｦ繧ｶ逕ｨ ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari��PC�臥畑 ---*/
    justify-content:space-between;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box {
    margin-bottom: 24px;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4{
    font-weight: 700;
    padding-bottom: 5px;
    position: relative;
    padding-left:32px;
    margin: 4px 0;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4::before{
    background: #000000;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    position: absolute;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4.new_member::before{
    background: #dc0325;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .txt-holder h4.existing_member::before{
    background: #b9a352;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .img-holder {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }

  .m-special-detail .unit .inner.movie-holder .contents-holder .movie-box .img-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  /*-----------------------------
  豕ｨ諢丈ｺ矩��
  ----------------------------- */
  .m-special-attention{
    background: #000000;
  }

  .m-special-attention .unit{
    padding: 80px 0 0;
  }

  .m-special-attention .unit .inner{
    width: 100%;
    margin: 0 auto;
  }

  .m-special-attention .unit .inner .title-holder{
    margin:0 auto 16px;
    width: 92%;
    background: #ffffff;
  }

  .m-special-attention .unit .inner .title-holder.detail-title{
    width: 86%;
    margin-top: 64px;
    margin-bottom: 8px;
    background: none;
  }

  .m-special-attention .unit .inner .title-holder h3{
    color: #000000;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;
  }

  .m-special-attention .unit .inner .title-holder.detail-title h3{
    color: #ffffff;
    text-align: left;
  }

  .m-special-attention .unit .inner .guidelines-holder{
    margin: 24px auto 0;
    width: 100%;
    padding-bottom: 64px;
  }

  .m-special-attention .unit .inner .guidelines-holder dl{
    margin-bottom: 32px;
    padding: 0 4%;
  }

  .m-special-attention .unit .inner .guidelines-holder dl:last-child{
    margin-bottom: 0;
  }

  .m-special-attention .unit .inner .guidelines-holder dl dt{
    position: relative;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 20px;
  }

  .m-special-attention .unit .inner .guidelines-holder dl dd{
    margin-bottom: 8px;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.5em;
    color: #ffffff;
  }
  .m-special-attention .unit .inner .guidelines-holder dl dd:last-child{
    margin-bottom: 0;
  }

  .m-special-attention .unit .inner .guidelines-holder dl dd ul{
    margin-top: 8px;
    margin-left: 1em;
  }

  .m-special-attention .unit .inner .guidelines-holder dl dd ul li span{
    font-size: 14px;
  }

  .m-special-attention .unit .inner .guidelines-holder dl dd a{
    color: #b0a25b;
  }

  .m-special-attention .unit .inner .detail{
    display:-webkit-box;/*--- Android繝悶Λ繧ｦ繧ｶ逕ｨ ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari��PC�臥畑 ---*/
    display:flex;
    -webkit-box-pack:justify;/*--- Android繝悶Λ繧ｦ繧ｶ逕ｨ ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari��PC�臥畑 ---*/
    justify-content:space-between;
    -ms-flex-wrap: wrap;/*--- IE10逕ｨ ---*/
    -webkit-flex-wrap: wrap;/*--- safari��PC�臥畑 ---*/
    flex-wrap: wrap;
    width: 80%;
    padding: 16px 0 64px;
  }

  .m-special-attention .unit .inner.detail .box{
    border: 2px solid #ffffff;
    padding: 24px;
    border-radius: 8px;
    margin-bottom: 24px;
  }

  .m-special-attention .unit .inner.detail .box .img-holder{
    margin-bottom: 24px;
  }

  .m-special-attention .unit .inner.detail .box .img-holder img{
    vertical-align: middle;
  }

  .m-special-attention .unit .inner.detail .box .txt-holder p{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
  }



  /*------------------------------
   m-special-btn
  ------------------------------*/
  .m-special-btn{
    background: #b9a352;
  }

  .m-special-btn.btn-red{
    background: #dc0325;
  }

  .m-special-btn .unit .inner{
    width: 90%;
    margin: 0 auto;
    display: block;
  }

  .m-special-btn .unit .inner .txt-holder h3{
    margin-bottom: 40px;
  }

  .m-special-btn .unit .inner .btn-holder{
    border: solid 2px #ffffff;
    width: 100%;
  }

  .m-special-btn .unit .inner .btn-holder:hover{
    background: #ffffff;
  }

  .m-special-btn .unit .inner .btn-holder a{
    color: #ffffff;
    font-weight: bold;
    padding: 16px 0;
  }

  .m-special-btn .unit .inner .btn-holder:hover a{
    color: #0d161d;
  }

  .btn-holder::after{
    position: absolute;
    display: block;
    content: '\f3d3';
    font-family: 'ionicons';
    right: 32px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    top: 50%;
    margin-top: -10px;
  }

  .btn-holder:hover::after{
    position: absolute;
    display: block;
    content: '\f3d3';
    font-family: 'ionicons';
    right: 32px;
    font-size: 20px;
    color: #0d161d;
    top: 50%;
    margin-top: -10px;
  }

  .m-special-detail .unit .inner .contents-holder {
    display: block;
  }

  /*------------------------------
   m-special-sns
  ------------------------------*/
  .m-special-sns{
    background: #000000;
  }
  .m-special-sns .unit{
    margin-top: 0;
  }
  .m-special-sns .unit .inner .snsMoving{
    color: #ffffff;
  }

  .b{
    font-weight: bold;
  }

  .red{
    color: #dc0325;
  }
}