@charset "utf-8";

footer .l-footer-contact-wrapper {
	padding-top: 0px;
}

/*--------------------
	#lp_contents
--------------------*/
#lp_contents {
	text-align:center;
	color: #3c383a;
	margin:0;
	padding:0;
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;

}
#lp_contents img {
	bottom:0;
	padding:0;
	margin:0;
	vertical-align:top;
}
#lp_contents h1, #lp_contents p, #lp_contents nav, #lp_contents ul, #lp_contents dl {
	margin: 0;
	padding: 0;
}



/*--------------------
	all
--------------------*/
#container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}



/*--------------------
	header
--------------------*/
header {
	position: relative;
}
header img {
	width: 100%;
	vertical-align: -webkit-baseline-bottom;
}
header .fvIcon01 {
	display: block;
	position: absolute;
	width: 21.6%;
	margin-left: 1.9%;
	top: 23%;
}
header .fvIcon02 {
	display: block;
	position: absolute;
	width: 21.4666%;
	margin-left: 24.2%;
	top: 21.5%;
}
header .fvIcon03 {
	display: block;
	position: absolute;
	width: 21.6%;
	margin-left: 47.5%;
	top: 21.5%;
}

header #movie-wrap {
	background: url(../img/mov.jpg) no-repeat bottom center;
	background-size: cover;
	background-position: top;
	padding: 15px 10% 30px 10%;
}
header #movie-wrap .movie {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
header #movie-wrap .movie video {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}


/*--------------------
	cv
--------------------*/
.cvBlock {
	position: relative;
}
.cvBlock .btnBlock {
	position: relative;
}
.cvBlock .btnBlock a {
	display: block;
	position: absolute;
	width: 92%;
	margin-left: 4%;
	top: 80.6%;
}
.cvBlock .btnBlock01 {
	position: relative;
}
.cvBlock .btnBlock01 a {
	display: block;
	position: absolute;
	width: 92%;
	margin-left: 4%;
	top: 75.6%;
}
.cvBlock .btnBlock02 {
	position: relative;
}
.cvBlock .btnBlock02 a {
	display: block;
	position: absolute;
	width: 92%;
	margin-left: 4%;
	top: 75.6%;
}



/*--------------------
	birth
--------------------*/
section#birthBlock {
	
}
section#birthBlock img {
	width: 100%;
	vertical-align: -webkit-baseline-middle;
}
section#birthBlock .birthTxtBlock {
	position: relative;
}
section#birthBlock .birthTxtBlock .birthTxt {
	display: block;
	position: absolute;
	width: 62.2666%;
	margin-left: 23.2%;
	top: 2%;
	margin-top: -5%;
	opacity: 0;
}
section#birthBlock .txtBalloonBlock {
	position: relative;
}
section#birthBlock .txtBalloonBlock .txtBalloon01 {
	display: block;
	position: absolute;
	width: 43.0666%;
	margin-left: 28.4667%;
	top: -2.8%;
}
section#birthBlock .voiceBalloonBlock {
	position: relative;
}
section#birthBlock .voiceBalloonBlock .voiceBalloon01 {
	display: block;
	position: absolute;
	width: 31.7333%;
	margin-left: 0.54%;
	top: -6.2%;
	margin-top: -5%;
	opacity: 0;
}
section#birthBlock .voiceBalloonBlock .voiceBalloon02 {
	display: block;
	position: absolute;
	width: 44.8%;
	margin-left: 55.2%;
	top: -1.5%;
	margin-top: -5%;
	opacity: 0;
}
section#birthBlock .voiceBalloonBlock .voiceBalloon03 {
	display: block;
	position: absolute;
	width: 26.4%;
	margin-left: 32.6%;
	top: 8.2%;
	margin-top: -5%;
	opacity: 0;
}
section#birthBlock .voiceBalloonBlock .voiceBalloon04 {
	display: block;
	position: absolute;
	width: 45.0666%;
	margin-left: 6.4%;
	top: 28.2%;
	margin-top: -5%;
	opacity: 0;
}
section#birthBlock .voiceBalloonBlock .voiceBalloon05 {
	display: block;
	position: absolute;
	width: 29.0666%;
	margin-left: 62.5%;
	top: 21%;
	margin-top: -5%;
	opacity: 0;
}
section#birthBlock .voiceBalloonBlock .BalloonTitle01 {
	display: block;
	position: absolute;
	width: 66.6666%;
	margin-left: 16.7%;
	top: 95.2%;
}



/*--------------------
	beauty
--------------------*/
section#beautyBlock {
	
}
section#beautyBlock img {
	width: 100%;
	vertical-align: -webkit-baseline-middle;
}
section#beautyBlock .beautifulBox {
	position: relative;
	overflow: hidden;
}
section#beautyBlock .beautifulBox .beautyProduct01 {
	display: block;
	position: absolute;
	width: 26%;
	margin-left: 0%;
	top: 0%;
	margin-top: -26%;
	margin-left: -26%;
}
section#beautyBlock .beautifulBox .beautyBalloon01 {
	display: block;
	position: absolute;
	width: 26%;
	margin-left: 9.2%;
	top: 69.4%;
}
section#beautyBlock .beautifulBox .beautyBalloon02 {
	display: block;
	position: absolute;
	width: 30%;
	margin-left: 64.2%;
	top: 65.4%;
}
section#beautyBlock .plusmixBlock {
	position: relative;
}
section#beautyBlock .plusmixBlock .plusmixIcon01 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 27.4%;
	top: 2.8%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon02 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 8.6%;
	top: 20%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon03 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 4.8%;
	top: 44.9%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon04 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 16.2%;
	top: 68.08%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon05 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 39.4%;
	top: 75.2%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon06 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 62.8%;
	top: 68.1%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon07 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 74.2%;
	top: 44.8%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon08 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 70.2%;
	top: 20.2%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .plusmixBlock .plusmixIcon09 {
	display: block;
	position: absolute;
	width: 21.0666%;
	margin-left: 51.4%;
	top: 2.8%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .nutrientsBlock {
	position: relative;
}
section#beautyBlock .nutrientsBlock .nutrientsIcon01 {
	display: block;
	position: absolute;
	width: 23.0666%;
	margin-left: 2.54%;
	top: 76.1%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .nutrientsBlock .nutrientsIcon02 {
	display: block;
	position: absolute;
	width: 23.0666%;
	margin-left: 26.6%;
	top: 76.1%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .nutrientsBlock .nutrientsIcon03 {
	display: block;
	position: absolute;
	width: 23.0666%;
	margin-left: 50.7%;
	top: 76.1%;
	margin-top: -5%;
	opacity: 0;
}
section#beautyBlock .nutrientsBlock .nutrientsIcon04 {
	display: block;
	position: absolute;
	width: 23.0666%;
	margin-left: 74.7%;
	top: 76.1%;
	margin-top: -5%;
	opacity: 0;
}



/*--------------------
	commitment
--------------------*/
section#commitmentBlock {
	
}

section#commitmentBlock img {
	width: 100%;
	vertical-align: -webkit-baseline-middle;
}

section#commitmentBlock .instaBlock {
	background: url(../img/commitment_insta_img_bg01.jpg);
	padding-bottom: 5%;
}

section#commitmentBlock .instaBlock ul li {
	background: #fff;
	list-style: none;
	width: 100%;
	margin: 0 auto;
	width: 86%;
	padding-left: 7%;
	padding-right: 7%;
	margin-bottom: 6.6666%;
}

#commitmentBlock .instaBlock .instaVoiceBlock .sp-buttons {
	background: url(../img/commitment_insta_img02.gif) no-repeat;
	background-size: auto 100%;
}

#commitmentBlock .instaBlock .instaVoiceBlock .sp-has-buttons {
	margin-bottom: 0;
}

#commitmentBlock .instaBlock .instaVoiceBlock .sp-buttons .sp-button {
	background: #e6e5eb;
	border: 0;
	width: 12px;
	height: 12px;
}

#commitmentBlock .instaBlock .instaVoiceBlock .sp-buttons .sp-button.sp-selected-button {
	background: #68b9ca;
}









/*--------------------
	intro
--------------------*/
section#introBlock {
	
}
section#introBlock img {
	width: 100%;
	vertical-align: -webkit-baseline-middle;
}
section#introBlock .lineBlock {
	top: 43%;
	left: 20%;
	width: 0%;
	height: 7%;
	position: absolute;
	display: block;
	background: url(../images/text_line_img01.png);
}
section#introBlock .priceMvBaseBlock {
	top: 27.1%;
	left: 17.5%;
	width: 65.0666%;
	position: absolute;
	display: block;
	z-index: 10;
}
section#introBlock .priceMvBlock {
	top: 27.1%;
	left: 17.5%;
	width: 65.0666%;
	position: absolute;
	display: block;
	z-index: 30;
}
section#introBlock .goodsMoveBlock01 {
	position: relative;
}
section#introBlock .goodsMoveBlock01 .goodsMvBlock01 {
	top: 63.2%;
	left: 15.8%;
	width: 18.5333%;
	position: absolute;
	display: block;
	opacity: 0;
}
section#introBlock .goodsMoveBlock01 .goodsMvBlock02 {
	top: 61.4%;
	left: 47%;
	width: 5.1333%;
	position: absolute;
	display: block;
	opacity: 0;
	z-index: 10;
}
section#introBlock .goodsMoveBlock01 .goodsMvBlock03 {
	top: 60.4%;
	left: 63.9%;
	width: 24%;
	position: absolute;
	display: block;
	opacity: 0;
}



/*--------------------
	application
--------------------*/
section#applicationBlock {
	
}
section#applicationBlock img {
	width: 100%;
	vertical-align: -webkit-baseline-middle;
}
#applicationBlock .cv_animate_block {
	position: relative;
}
#applicationBlock .cv_animate_block .cvAnimateImg01 {
	position: absolute;
	width: 100%;
}
#applicationBlock .cv_animate_block .cvAnimateImg01 img {
	width: 21.875%;
	margin-top: 48.9%;
	margin-left: 39.34%;
}
section#applicationBlock .applicationMoveBlock {
	position: relative;
}
section#applicationBlock .offBlock {
	position: relative;
}
section#applicationBlock .offBlock .offImg {
	width: 15.3125%;
	position: absolute;
	top: -10%;
	left: 83%;
}
section#applicationBlock .cvBtn {
	width: 93.75%;
	margin:0 auto;
}
section#applicationBlock .onlyOnceBlock {
	position: relative;
}
section#applicationBlock .onlyOnceBlock .cvBtn {
	width: 20vw;
	position: absolute;
	bottom: 5.9vw;
	right: 11vw;
	display: block;
}



/*--------------------
	annotation
--------------------*/
.annotation {
	width: 93.75%;
	margin: 0 auto;
	margin-top: 3%;
}



.annotation {
	text-align: left;
}
.annotation span {
	display: block;
	font-size: 74%;
	padding-left:1em;
	text-indent:-1em;
}


.applicationBlock01 {
	position: relative;
}

.applicationBlock01 .btn {
	display: block;
    width: 80%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 74%;
	padding: 0;
}

/*----------------------------------------------------
  conv-radio
----------------------------------------------------*/

#conv-radio {position: relative;}
#conv-radio .conv-radio-input01 {position: absolute;right: 7%;top: 66%;width: 7.4vw;height: 7.4vw;text-align: center;vertical-align: middle;display: block;}
#conv-radio .conv-radio-input02 {position: absolute;right: 8%;top: 51%;width: 7vw;height: 7vw;text-align: center;vertical-align: middle;display: block;}
#conv-radio .conv-radio-input01 > label,
#conv-radio .conv-radio-input02 > label {background-color: #fff;display: table-cell;vertical-align: middle;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;padding: 50%;}

#conv-radio .conv-radio-input01 input[type="radio"],
#conv-radio .conv-radio-input02 input[type="radio"] {padding: 0;margin: 0;}
input[type="radio"] {-webkit-transform: scale(2);transform: scale(2);vertical-align: text-top;}

.radiobase {position: relative;}
.radiobase input[type=radio] { display:none; }
/*.radiobase input[type=radio]#cov01 + label::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 3px solid #ebda19;border-radius: 50%;background: #FFF;}
.radiobase input[type=radio]#cov02 + label::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 3px solid #ececec;border-radius: 50%;background: #FFF;}*/
.radiobase input[type=radio]#cov01 + #radioIcon::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 3px solid #ebda19;border-radius: 50%;background: #FFF;}
.radiobase input[type=radio]#cov02 + #radioIcon::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 3px solid #ececec;border-radius: 50%;background: #FFF;}
/*.radiobase input[type=radio]:checked + label{color: #E34D77;}
.radiobase input[type=radio]:checked + label::after{content: "";display: block;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;margin: auto;background: #E34D77;border-radius: 50%;width: 3vw;height: 3vw;}*/
.radiobase input[type=radio]:checked + #radioIcon{color: #E34D77;}
.radiobase input[type=radio]:checked + #radioIcon::after{content: "";display: block;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;margin: auto;background: #E34D77;border-radius: 50%;width: 3vw;height: 3vw;}
.radiobase .entry01{right: 6.9%;bottom: 4.1%;position: absolute;width: 14%;height: 8.5%;}
.radiobase .entry02{right: 6.9%;bottom: 14.1%;position: absolute;width: 14%;height: 38.5%;}


@media screen and (max-width: 320px){
#conv-radio .conv-radio-input01,
#conv-radio .conv-radio-input02 {width: 40px;height: 40px;line-height:40px;}
}



.application_txt02 { text-align: left; padding: 10px 15px 10px 15px; line-height: 1.5; margin-left: 20px;font-size: 16px;}
.application_txt02 li { list-style: disc;font-size: 3.4vw; }
.application_txt02 li.color01{ color: #e34d77;}



/*　guide　*/

#lp_contents .guide-link {
	padding-left: 4vw;
	padding-right: 4vw;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 5vw;
	margin-bottom: 5vw;
}

#lp_contents .guide-link dt {
	background-image: url(../images/icon_prune.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: auto 100%;
	padding-left: 8%;
	font-size: 80%;
	font-weight: bold;
	color: #FD6102;
	margin-bottom: 2%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#lp_contents .guide-link dt {
	vertical-align: text-top;
}
#lp_contents .guide-link dd {
	font-size: 80%;
	text-align: left;
	margin-left: 0;
}

#ctrSection {
	padding: 10px 15px 10px 15px;
}

#acOrderBlock {
	display: block;
}


/* 2309注釈追加 */

.notes:hover {opacity: 1;}
.notes img {display: block;}