@charset "utf-8";

#lp_ {
	width: 1000px;
    margin: 0 auto 100px;
  }


#lp_ img {
	width: 100%;
}
#lp_ .feature_{
  margin: auto;
  width: 1100px;
  color: #333;
}


#lp_ section.content_ .price_ {
    display: inline-block;
    border-bottom:1px solid;
    padding-bottom: 30px;
    font-family: Georgia, "Times New Roman", Times, "serif";
    border-bottom: 1px solid #5b6670;
    padding-bottom: 2px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    font-size: 17px;
}

#lp_ section.content_ .price_ a{
    text-decoration: none !important;
    text-align: center;
}

#lp_ section.content_.pricespan_ {
  width:100%;
  margin:0px auto 0px;
  text-align: center;
	font-size:10px;
}

#lp_ section.price_box{
text-align: center !important;
}



/* --------------------------------------
slider dot
----------------------------------------- */

#lp_ .feature_ .slide-dots{
  position: relative !important;
  display: block;
  width:100%;
  padding: 0;
  margin: 10px;
  list-style: none;
	text-align: left !important;
	border: solid 1px black;

}

#lp_ .feature_.slick-dots li{
  position: relative;
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
	text-align: left !important;
}

#lp_ .feature_.slick-dots li button:before{
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: -40px !important;
  width: 10px;
  height: 10px;
  content: '' !important;
  text-align: left;
	border-radius:50%;
	background-color: none ;


}

#lp_ .feature_.slick-dots li.slick-active button:before{
  opacity: 1 !important;
	background-color:#F2F2F2;
		border:solid 0px black !important;

}

section.content_{
margin-bottom: 100px;
}

.slide_ {
margin-top: 50px;
}

.mgt50px_{
margin-top: 50px;
}

.absolute1_{
position: absolute;
bottom: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.absolute2_{
position: absolute;
bottom: 29px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.absolute3_{
position: absolute;
bottom: -87px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.absolute4_{
position: absolute;
bottom: -87px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}



/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */

@keyframes fadeInUpsmall{
  0%{opacity:0;transform:translate3d(0,10%,0)}
  to{
    opacity:1;transform:none
  }
}
.fadeInUpsmall{
  animation-name:fadeInUpsmall}

@keyframes fadeInDownsmall{
    0%{opacity:0;transform:translate3d(0,-10%,0)}
    to{
      opacity:1;transform:none
    }
  }
  .fadeInDownsmall{
    animation-name:fadeInDownsmall}


@keyframes fadeInRightsmall{
      0%{opacity:0;transform:translate3d(10%,0,0)}
      to{
        opacity:1;transform:none
      }
    }
    .fadeInRightsmall{
      animation-name:fadeInRightsmall}

@keyframes fadeInLeftsmall{
        0%{opacity:0;transform:translate3d(-10%,0,0)}
        to{
          opacity:1;transform:none
        }
      }
      .fadeInLeftsmall{
        animation-name:fadeInLeftsmall}



@media (max-width: 599px) {
	#lp_ {
		width: 100%;
        margin: 0 auto 50px;
	}
	#lp_ .feature_{
		margin: auto;
		width: 100%;
	}
    
    section.content_{
margin-bottom: 100px;
}

.slide_ {
margin-top: 40px;
}


#lp_ section.content_ .price_ {
    display: inline-block;
    border-bottom:1px solid;
    padding-bottom: 30px;
    font-family: Georgia, "Times New Roman", Times, "serif";
    border-bottom: 1px solid #5b6670;
    padding-bottom: 2px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    font-size: 12px;
}

.absolute1_{
position: absolute;
bottom: 15px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.absolute2_{
position: absolute;
bottom: -15px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.absolute3_{
position: absolute;
bottom: -79px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.absolute4_{
position: absolute;
bottom: -53px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

}