@charset "utf-8";
/* CSS Document */


/* content
--------------------------------------------------*/
#lpbox , #lpfooter {
  font-size: 18px;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
#lpbox a , #lpfooter a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
#lpbox a:hover, #lpfooter a:hover{
  text-decoration: underline;
}
#lpbox span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}
#lpbox img ,
#lpfooter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
#lpbox img.img-t ,
#lpfooter img.img-t {
  vertical-align: top;
}
/* cart css reset */

#lpbox header ,
#lpbox h1 ,
#lpbox h2 ,
#lpbox h3 ,
#lpbox p ,
#lpbox dl ,
#lpbox dt ,
#lpbox dd ,
#lpbox div ,
#lpbox section ,
#lpbox span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter footer ,
#lpfooter div,
#lpfooter p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter ul,
#lpfooter li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}


/*******************
LP style
********************/
html {
  min-width: 1100px;
  margin: 0 auto;
}
#lpbox .hover{
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  display: inline-block;
}
#lpbox .hover:hover{
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
/*
横幅の大きい画像を設定した最小幅でトリミング
デフォルトの設定は最小1100px、画像幅1500pxなので適宜調整してください
*/
#lpbox .ovf__area{
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1100px;
}


#lpbox .ovf__box {
  display: block;
  text-align: center;
  position: relative;
  top: 0;
  left: 50%;
  width: 1500px;
  -webkit-transform: translate3d(-50% , 0 , 0);
  -ms-transform: translate3d(-50% , 0 , 0);
  -o-transform: translate3d(-50% , 0 , 0);
  transform: translate3d(-50% , 0 , 0);

  margin: 0;
}


/*-- fv -------------------------------------*/
#lpbox #fv {
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 1100px;
}
#lpbox #fv h1 {
  display: block;
  text-align: center;
  position: relative;
  top: 0;
  left: 50%;
  margin: 0;
  width: 1500px;
  -webkit-transform: translate3d(-50% , 0 , 0);
  -ms-transform: translate3d(-50% , 0 , 0);
  -o-transform: translate3d(-50% , 0 , 0);
  transform: translate3d(-50% , 0 , 0);
  z-index: 5;
}

#lpbox .fv-box {
  background-color: #130e0e;

  display: block;
  text-align: center;
  position: relative;
  top: 0;
  left: 50%;
  margin: 0;
  min-width: 1500px;
  -webkit-transform: translate3d(-50% , 0 , 0);
  -ms-transform: translate3d(-50% , 0 , 0);
  -o-transform: translate3d(-50% , 0 , 0);
  transform: translate3d(-50% , 0 , 0);
}

/*--------------------------------------------*/
/*--------------------powerup------------------------*/

#lpbox .powerup {
  background-color: #e9e9e9;
  background-size: contain;

}
/*---------------------powerup-----------------------*/
/*- cta -------------------------------------------*/

#lpbox .cta {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

#lpbox .cta__btn {
  position: absolute;
  width: 70%;
  bottom:10.9%;
  left: 15%;

  display: block;
  text-align:center;
}

#lpbox .btn a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}

#lpbox .tel__btn{
  position: relative;
  width: 1000px;
}
#lpbox .tel_btn{
  margin:0;
  position: absolute;
  width: 44%;
  bottom:10%;
  left:4%;
}
#lpbox .mail_btn{
  margin:0;
  position: absolute;
  width: 44%;
  bottom:10%;
  right:6%;
}

#lpbox .cl{
  position: relative;
}

#lpbox .cl__btn{
  position: absolute;
  width: 70%;
  bottom:5%;
  left: 15%;

  display: block;
  text-align:center;
}

#lpbox .cta__02{
  position: relative;
}

#lpbox .cta__btn__02{
  position: absolute;
  width: 70%;
  bottom:5%;
  left: 15%;

  display: block;
  text-align:center;
}

#lpbox .tel__btn__02{
  position: relative;
  width: 1000px;
}
#lpbox .tel_btn__02{
  margin:0;
  position: absolute;
  bottom:1%;
  left:4%;
}
#lpbox .mail_btn__02{
  margin:0;
  position: absolute;
  bottom:1%;
  right:4%;
}



/*- cta -------------------------------------------*/


/*-----------------返金保証-----------------------*/
#lpbox .henkin__title{
  position: relative;
  width: 1000px;
}
#lpbox .henkin__title:after {
    content: "";
    display: block;
    background: url(../img/sankaku.png) no-repeat 50% 50%;
    background-size: 100% auto;
    width: 2%;
    height: 100%;
    position: absolute;
    top:-2%;
    right: 34.8%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);

}

#lpbox .henkin__title.acd__btn--open:after {
    content: "";
    -webkit-transform: rotate3d(0 , 0 , 0 , 0deg);
    -ms-transform: rotate3d(0 , 0 , 0 , 0deg);
    -o-transform: rotate3d(0 , 0 , 0 , 0deg);
    transform: rotate3d(0 , 0 , 0 , 0deg);
}
/*-----------------返金保証-----------------------*/


/*--------------------nayami------------------------*/

#lpbox .nayami {
  background-color: #151515;
    background-size: contain;


}
/*---------------------nayami-----------------------*/
/*--------------------jishin------------------------*/
#lpbox .jishin__01 {
  background-color: #f7f7f7;
}
#lpbox .jishin__02 {
  background-color: #071832;
}
#lpbox .jishin__03 {
  background-color: #f7f7f7;
}
/*---------------------jishin-----------------------*/
/*---------------------cl_01-----------------------*/
#lpbox .cl_01 {
  background:linear-gradient(to left,#250808 ,#5b1815 );
}
/*---------------------cl_01-----------------------*/
/*--------------------noguchi------------------------*/

#lpbox .noguchi {
background: url(../img/bg_01.png)repeat-x;
}

#lpbox .noguchi__02 {
  background-color: #f2f1f1;
}


/*---------------------noguchi-----------------------*/
/*--------------------miryoku------------------------*/

#lpbox .miryoku {
  background-color: #000000;
}

#lpbox .miryoku__02 {
  background-color: #0c1952;
}
/*---------------------miryoku-----------------------*/
/*---------------------cl__02-----------------------*/

/* #lpbox .cl__02 {
  background-color: #1c0201;
} */
/*---------------------cl__02-----------------------*/





#lpbox .detail__table tbody {
  position: absolute;
  top: 16%;
  right:20%;
  width:32%;
  border: 1px #07286b solid;
    border-bottom: none;
}

#lpbox .detail__table th {
  width: 20%;
  background: #07286b;
  font-size: 76%;
  color: #fff;
  text-align: center;
  line-height: 1.4em;

  padding: 2.6% 0.8%;
  border-bottom: 1px #fff solid;
}

#lpbox .detail__table th:last-of-type{
border-color: #07286b;
}





#lpbox .detail__table td {
  padding: .6em 1em;
border-bottom: 1px #07286b solid;
  font-size: .8em;
  text-align: left;
  line-height: 1.4em;
  text-align: justify;

}





/*-------------------------------------------
footer
-----------------------------------------------*/
#lpfooter .footer__link {
  text-align: center;
  margin-top: 6em;
  margin-bottom: 2em;
  width: 100%;
}
#lpfooter .footer__link li {
  display: inline-block;
  padding-left: 1em;
  font-size: 1em;
  color: #111111;
}
#lpfooter .footer__link li:after {
  content: "";
  border-right: 1px solid #111111;
  display: inline-block;
  padding-left: 1.2em;
  height: 1.2em;
  vertical-align: middle;
}
#lpfooter .footer__link li:last-child:after {
  content: "";
  padding-left: 0;
  border:none;
}
#lpfooter #copy {
  text-align: center;
  width: 100%;
background-color: #07286b;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  padding: 1em 0;
}
