@charset "utf-8";
/* CSS Document */

/* vn__title__first */

.vn__page--title {
  background-color: #c59e5a;
}

.vn__title__first {
  max-width: 1100px;
  text-align: center;
  margin: 3em auto;
  box-sizing: border-box;
  padding:0;
}
.vn__title img {
  margin: 0;
}

.vn .br-sp {
	display: none;
    }

.vn .pc	{ display:inline!important; }
.vn .mb	{ display:none!important; }

.vn .main_visal{
	background-color: #e1dfdd;
	margin-bottom:2em;
	}

/* vn__set */

.vn__set-menu{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align:left;
  padding:0;
}

.vn__set-menu .vn__set--wrap{
width: 100%;
  max-width: 1100px;
  z-index: 3;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-align-items: left;
  align-items: celeft;
  flex-wrap: wrap;
}
.vn__set-menu .vn__item--pc,vn__item--sp{
	margin-bottom:3em;
}

.vn__set-menu .vn__set--box{
  width: 30%;
  margin: 1em;
  box-sizing: border-box;
  padding:1em;
  border:1px solid #b6b6b6;
	}
.vn__set--box .name{
	font-size:1.1em;
	text-align:center;
	width:100%;
	line-height:2.2em;
	}

.vn__set--box .name02 {
	font-size:1.1em;
	text-align:center;
	width:100%;
	line-height:1.2em;
	margin-top:0;
	}

.vn__set--box .vn__set--cont{
	width:100%;
	z-index: 3;
	margin-top:2%;
}

.vn__set--box .vn__set--pic{
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
}

.vn__set--box .vn__set--price{
	margin-left:25%;
	font-size:1em;
}

.vn__set--box .vn__set--price span{
	margin:0;
	font-size:1.4em;
	line-height:1.4em;
	color:#cd0000;
}

.vn__set--box .vn__set--btn{
	text-align:center;
	margin:0 auto;
	padding-top:2%;
	}

.vn .vn__top--skincare{
	background-color: #e2e2e2;
	max-height:540px;
	margin-top:300px;
	}

.vn .vn__top--skincare .vn__item--pc{
	position:relative;
	top:-150px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.vn .vn__top--skincare--pc {
  position: relative;
  width: 100%;
  height: 690px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.vn .vn__top--skincare--pcitem {
  display: block;
  position: relative;
  bottom: 0;
  left: 50%;
  z-index: 2;
  transform: translate3d(-50%,0,0);
  height: 690px;
  width: 1600px;
}

/* vn__graph */

.vn .vn__graph{
	background-image:url(img/graph_pc.jpg);
	background-position: center top;
    background-repeat: no-repeat;
	min-height:950px;
	}

.vn .vn__graph .vn__graph--txt{
	text-align:center;
	padding-top:4em;
	font-size:1.2em;
	line-height:1.6em;
}

.vn .vn__graph p{
	padding:1em;
}

.vn .vn__graph p .bold{
	font-weight:bold;
	font-size:1.4em;
}

.vn .vn__graph--txt02{
	text-align:center;
	padding:2em;
	font-size:1.2em;
	line-height:1.6em;
}


/* vn__soap */

.vn .vn__top--soap{
	background-image:url(img/soap_ttl_pc.jpg) , url(img/soap_ttl_pc_bg.jpg);
	background-repeat:no-repeat , repeat-x;
	background-position: center top;
	background-color: #e5e9e7;
    -webkit-background-size: auto 100% ;
    background-size: auto 100%;
    box-sizing: border-box;
    position: relative;
	}
.vn .vn__top--soap .vn__top--soap--pcspacer {
  width: 100%;
  max-width: 1300px;
  padding: 0;
  margin: 0 auto;
}
.vn .vn__top--soap .vn__top--soap--pcspacer:before {
  content: "";
  display: block;
  width: 100%;
  max-width: 1300px;
  height: 0;
  padding-top: 780px;
  margin: 0 auto;
}

.vn .vn__top--soap .vn__item--pc{
	position:relative;
	top:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.vn .vn__soap--answer{
	background-color: #e5e9e7;
	}

.vn .vn__step--anku{
	background-image:url(img/step_ank_pc.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	min-height:436px;
	width:1300px;
	margin:0 auto;
	}
.vn .vn__step--anku dl{
	margin-left:50%;
	padding-top:5em;
}
.vn .vn__step--anku dl dt img{
	margin-left:0;
}
.vn .vn__step--anku dl dd{
	text-align:left;
	margin-top:0.8em;
	font-size:1em;
	line-height:1.8em;
}
.vn .vn__step--anku dl dd span{
	font-weight:bold;
	font-size:1.4em;
	}

.vn .vn__step--zaif{
	background-image:url(img/step_zaif_pc.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	min-height:488px;
	width:1300px;
	margin:0 auto;
	}
.vn .vn__step--zaif dl{
	margin-left:15%;
	padding-top:5em;
}
.vn .vn__step--zaif dl dt img{
	margin-left:0;
}
.vn .vn__step--zaif dl dd{
	text-align:left;
	margin-top:0.8em;
	font-size:1em;
	line-height:1.8em;
}
.vn .vn__step--zaif dl dd span{
	font-weight:bold;
	font-size:1.4em;
	}
	

	
/* vn__foam */

.vn .vn__foam{
	width:100%;
	position:relative;
	background-image:url(img/foam_pc.jpg);
	background-color:#5e4e45;
	background-repeat:no-repeat;
	background-position: center top;
	height:620px;
	}
	
.vn .vn__foam .vn__foam__btn{
	position:absolute;
    display: block;
	width:350px;
	height:90px;
	bottom:12%;
    left:50%;
    margin-left: -450px;
}
/* vn__step */
.vn .vn__step{
	padding-top:6em;
	}

.vn .vn__step--skincare--pc {
  position: relative;
  width: 100%;
  height: 590px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.vn .vn__step--skincare--pcitem {
  display: block;
  position: relative;
  bottom: 0;
  left: 50%;
  z-index: 2;
  transform: translate3d(-50%,0,0);
  height: 590px;
  width: 1600px;
}
.vn .vn__step--shower{
	background-image:url(img/step_shower_pc.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	min-height:666px;
	width:1300px;
	margin:0 auto;
	}
.vn .vn__step--shower dl{
	margin-left:48%;
	padding-top:13em;
}
.vn .vn__step--shower dl dt img{
	margin-left:0;
}
.vn .vn__step--shower dl dd{
	width:470px;
	text-align:left;
	margin-top:0.8em;
	font-size:1em;
	line-height:1.8em;
}
.vn .vn__step--shower dl dd span{
	font-weight:bold;
	font-size:1.4em;
	}

.vn .vn__step--kihana{
	background-image:url(img/step_kihana_pc.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	min-height:550px;
	width:1300px;
	margin:0 auto;
	}
.vn .vn__step--kihana dl{
	margin-left:15%;
	padding-top:6.4em;
}
.vn .vn__step--kihana dl dt img{
	margin-left:0;
}
.vn .vn__step--kihana dl dd{
	width:470px;
	text-align:left;
	margin-top:0.8em;
	font-size:1em;
	line-height:1.8em;
}
.vn .vn__step--kihana dl dd span{
	font-weight:bold;
	font-size:1.4em;
	}
.vn .vn__step--bubble {
  background: url(img/step_img_pc_bg.jpg) repeat-x top center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
	
/* vn__voice */
.vn__voice {
  display: block;
  margin: 0 auto;
  padding:3em 0;
  width: 100%;
}

.vn__voice .vn__voice--title{
	text-align:center;
}
.vn__voice .vn__voice--wrap{
  width: 100%;
  max-width: 1100px;
  padding:0.1% 0;
  z-index: 3;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: top;
  -webkit-align-items: top;
  align-items: top;
  flex-wrap: wrap;
}


.vn__voice .vn__voicebox{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	min-height:300px;
	width:40%; 
        padding:2em;
	margin:1em;
        vertical-align: top;
}

.vn__voice .vn__voicebox02{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	height:530px;
	width:40%; 
        padding:2em;
	margin:1em;
}

.vn__voice .vn__voicebox03{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	height:450px;
	width:40%; 
        padding:2em;
	margin:1em;
}

.vn__voice .vn__voicebox04{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	height:380px;
	width:40%; 
        padding:2em;
	margin:1em;
}

.vn__voice .vn__voicebox05{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	height:340px;
	width:40%; 
        padding:2em;
	margin:1em;
}


.vn__voice .vn__voicebox dl dt{
	font-weight:bold;
	text-align:left;
}
.vn__voice .vn__voicebox dl dd{
	font-size:1em;
	text-align:left;
}
.vn__voice .vn__voicebox .good{
        background-color:#c59e5a;
	margin:0.7em 0;
        color:#FFFFFF;
	}
.vn__voice .vn__voicebox .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox .rank{
	float:left;
	text-align:left;
	}
.vn__voice .vn__voicebox .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox .name span{
	font-size:.78em;
}

.vn__voice .vn__voicebox02 dl dt{
	font-weight:bold;
	text-align:left;
}
.vn__voice .vn__voicebox02 dl dd{
	font-size:1em;
	text-align:left;
}
.vn__voice .vn__voicebox02 .good{
        background-color:#c59e5a;
	margin:0.7em 0;
        color:#FFFFFF;
	}
.vn__voice .vn__voicebox02 .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox02 .rank{
	float:left;
	text-align:left;
	}
.vn__voice .vn__voicebox02 .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox02 .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox02 .name span{
	font-size:.78em;
}

.vn__voice .vn__voicebox03 dl dt{
	font-weight:bold;
	text-align:left;
}
.vn__voice .vn__voicebox03 dl dd{
	font-size:1em;
	text-align:left;
}
.vn__voice .vn__voicebox03 .good{
        background-color:#c59e5a;
	margin:0.7em 0;
        color:#FFFFFF;
	}
.vn__voice .vn__voicebox03 .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox03 .rank{
	float:left;
	text-align:left;
	}
.vn__voice .vn__voicebox03 .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox03 .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox03 .name span{
	font-size:.78em;
}


.vn__voice .vn__voicebox04 dl dt{
	font-weight:bold;
	text-align:left;
}
.vn__voice .vn__voicebox04 dl dd{
	font-size:1em;
	text-align:left;
}
.vn__voice .vn__voicebox04 .good{
        background-color:#c59e5a;
	margin:0.7em 0;
        color:#FFFFFF;
	}
.vn__voice .vn__voicebox04 .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox04 .rank{
	float:left;
	text-align:left;
	}
.vn__voice .vn__voicebox04 .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox04 .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox04 .name span{
	font-size:.78em;
}


.vn__voice .vn__voicebox05 dl dt{
	font-weight:bold;
	text-align:left;
}
.vn__voice .vn__voicebox05 dl dd{
	font-size:1em;
	text-align:left;
}
.vn__voice .vn__voicebox05 .good{
        background-color:#c59e5a;
	margin:0.7em 0;
        color:#FFFFFF;
	}
.vn__voice .vn__voicebox05 .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox05 .rank{
	float:left;
	text-align:left;
	}
.vn__voice .vn__voicebox05 .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox05 .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox05 .name span{
	font-size:.78em;
}



/* ---------- 大賞---------- */



.vn__voice .vn__voicebox0{
	background-color:#fff;
	border:3px solid #c59e5a;
	box-sizing: border-box;
	width:100%; 
        padding:2em;
	margin-bottom:0 auto;
        vertical-align: top;
}

.vn__voice .vn__voicebox0 dl dt{
	font-weight:bold;
        font-size:1.6em;
	text-align:left;
}
.vn__voice .vn__voicebox0 dl dd{
	font-size:1.5em;
	text-align:left;
}
.vn__voice .vn__voicebox0 .good{
        background-color:#c59e5a;
        font-size:1.8em;
	margin:0.9em 0;
        color:#FFFFFF;
	}
.vn__voice .vn__voicebox0 .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox0 .rank{
	float:left;
        font-size:1.4em;
	text-align:left;
	}
.vn__voice .vn__voicebox0 .rank span{
	color:#c59e5a;
       font-size:1.4em;
}
.vn__voice .vn__voicebox0 .name{
	float:right;
        font-size:1.4em;
	text-align:right;
	}
.vn__voice .vn__voicebox0 .name span{
	font-size:.78em;
}


/* ---------- コメント ---------- */

.answer-top{
　　　　box-sizing: border-box;
	width:95%; 
	padding: 1em;
	margin-top: 1em;
	position: relative;
	background-color: #c59e5a;
	border: 2px solid #c59e5a;
	border-radius: 0.5em;
        color:#FFFFFF;
        font-size:1.5em;
        float:center;


}
.answer-top:before{
	content: '';
	position: absolute;
}

.answer-top:after{
	content: '';
	position: absolute;
}

.answer-top{
	margin-top: 0.8em;
        margin-bottom: 2.0em;
}
.answer-top:first-child	{
	margin-top: 1.5em;
}
.answer-top:before{
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
	border-right: 10px solid transparent;
	border-bottom: solid 1.5em #c59e5a;
	border-left: 12px solid transparent;
}

.answer-top:after{
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
	border-right: 10px solid transparent;
	border-bottom: solid 1.5em #c59e5a;
	border-left: 12px solid transparent;
}
.answer-top:after{
	top: calc( 4px - 1.5em );
	border-bottom: solid 1.5em #c59e5a;
}

.answer-top dl dt{
        color:#FFFFFF;
        font-size:0.8em;
        margin-top:1em;
	text-align:right;
}

/* vn__products */

.vn__products{
  width: 100%;
  margin: 0 auto;
  text-align:left;
  padding-top:3em;
  padding-bottom:4em;
  background-color:#f5f9fc;
}

.vn__products .jump{
	padding-bottom:3em;
	}

.vn__products .vn__products--wrap{
  width: 1000px;
  padding:0;
  margin: 0 auto;
}

.vn__products .vn__products--box{
  box-sizing: border-box;
  padding:0;
  border:1px solid #b6b6b6;
  background-color:#fff;
  overflow: hidden;
	}
.vn__products--box .name{
	display:flex;
	text-align:center;
	width:80%;
	margin:2em auto 0 auto;
	}

.vn__products--box .name .no{
	vertical-align: bottom;
    display: inline-block;
	padding-left:6%;
}
.vn__products--box .name .series{
	vertical-align: middle;
    display: inline-block;
	padding-left:2%;
	padding-right:2%;
	padding-top:3%;
}

.vn__products--box .name p{
	 font-weight:bold;
	 font-size:2.1em;
	 text-align:center;
	 padding-top:4%;
}

.vn__products--box .name02{
	width:80%;
	margin:3em auto 0 auto;
	text-align:center;
	}

.vn__products--box .name02 p{
	 font-weight:bold;
	 font-size:2.1em;
	 text-align:center;
}


.vn__products--box .vn__products--cont{
	display:flex;
	width:800px;
	z-index: 3;
	margin:2% auto 1% auto;
}

.vn__products--box .vn__products--pic{
	width:310px;
	box-sizing: border-box;
	
}
.vn__products--box .vn__products--lineup{
	width:400px;
	margin-left:40px;
	box-sizing: border-box;
	font-size:1em;
	
}
.vn__products--box .vn__products--lineup p{
	font-weight:bold;
}

.vn__products--box .vn__products--cv{
	width:720px;
	position:relative;
	background-image: url("img/free_pc.png");
    background-size:22%;
	background-position: right 0 top 30%;
	background-repeat: no-repeat;
	min-height:80px;
	margin:0 auto;
}

.vn__products--box .defo{
	width:24%;
	box-sizing: border-box;
	position:absolute;
	top:20%;
	left:0;
}

.vn__products--box .defo span{
	text-decoration:line-through;
}

.vn__products--box .arrow{
	position:absolute;
	top:40%;
	left:20%;
}

.vn__products--box .sale{
	font-size:1.2em;
	color:#cd0000;
	width:15%;
	box-sizing: border-box;
	text-align:center;
	padding-top:2%;
	position:absolute;
	top:0;
	left:22%;
}

.vn__products--box .price{
	font-size:2.4em;
	color:#cd0000;
	margin-bottom:2%;
	background-image:url("img/price_pc.png");
	background-size:28%;
	background-position: left 0 top 20%;
	background-repeat: no-repeat;
	text-align:left;
	line-height:80px;
	min-height:70px;
	padding-left:90px;
	position:absolute;
	top:1%;
	left:37%;
}

.vn__products--box .price02{
	font-size:2.4em;
	color:#cd0000;
	margin-bottom:2%;
	background-image:url("img/price_pc.png");
	background-size:24%;
	background-position: left 0 top 20%;
	background-repeat: no-repeat;
	text-align:left;
	line-height:80px;
	min-height:70px;
	padding-left:84px;
	position:absolute;
	top:6%;
	left:24%;
}

.vn__products--box .off{
	text-align:left;
	min-height:80px;
	margin-left:2%;
	position:relative;
	top:1%;
	left:20%;
}

.vn__products--box .tax{
	font-size:.4em;
	}

.vn__products--box .toral{
	margin-bottom:1em;
	}



.vn__products--box .second{
	text-align:center;
	font-size:1.2em;
	margin:2% auto;
	}
.vn__products .red{
	color:#cd0000;
}
.vn__products--box .second .s{
	font-size:.8em;
}

.vn__products--box .vn__btn--box{
	width:800px;
	margin:0.8em auto 2em auto;
	min-height:78px;
	}

.vn__products--box .vn__btn--natural{
	width:390px;
	float:right;
	}

.vn__products--box .vn__btn--moist{
	width:390px;
	float:left;
	}

.vn__products .kome{
	font-size:.78em;
	text-align:right;
	padding:0.5em 0 2em 0;
	}
.vn__products .kome02{
	font-size:.78em;
	text-align:right;
	line-height:1.4em;
    margin: 0 auto;
	padding:0.5em 0 2em 0;
	}


.vn__products .attention{
	border-top:1px solid #959595;
	border-bottom:1px solid #959595;
	margin:2em auto 6em auto;
	padding:2em;
}

.vn__products .attention p{
	padding-left:130px;
	line-height:1.8em;
}

.vn__products .attention .ttl{
	text-align:center;
	font-weight:bold;
	font-size:1.4em;
}

.vn__products .other--set{
	text-align:center;
	margin-bottom:2em;
	}

/* vn__faq */
.vn__faq {
  display: block;
  margin: 0 auto;
  padding:3em 0;
  width: 100%;
}
.vn__faq .vn__faq--title{
	text-align:center;
	margin-bottom:1em;
}
.vn__faq dl{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align:left;
}
.vn__faq dl dt{
	background:url(img/icon_q_pc.png) 0 0 no-repeat;
	min-height:34px;
	text-align:left;
	padding:1em 5em;
}
.vn__faq dl dd{
	background:url(img/icon_a_pc.png) 0 0 no-repeat #f5f7f8;
	box-sizing: border-box;
	padding:2em;
	margin-left:8%;
	margin-bottom:4%;
	min-height:114px;
}
.vn__faq dl dd p{
	padding-bottom:0.5em;
}
.vn__faq dl dd img{
	padding-top:1%;
}

.vn__faq .s{
	font-size:.8em;
}
.vn__faq .btn{
	margin:1em;
}

.vn__set--btn{
	margin-bottom:5em;
	} 

.vn__faq a{
	text-decoration:underline;
	}



/*----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:750px){

.vn__title__first{
  text-align: center;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4%;
}

.vn__title img {
  margin: 0;
}

.vn .main_visal{
	margin:0;
	}

.vn .br-pc{
	display: none;
    }
	
.vn .br-sp{
	display: block;
    }

.vn .br-sp::after{
	content: "\A";
    white-space: pre;
    }

.vn span.br{
	 display: inline-block; 
}

.vn .pc	{ display:none!important; }
.vn .mb	{ display:inline!important; }

/* vn__set */

.vn__set-menu{
  width: 100%;
  margin: 0 auto;
  text-align:left;
  padding:0;
  overflow:hidden;
}

.vn__set-menu .vn__set--wrap{
  width: 100%;
  margin: 0 auto;
  padding:2%;
  z-index: 3;
  display: flex;
}

.vn__set-menu .vn__item--pc,vn__item--sp{
	margin-bottom:0;
}

.vn__set-menu .vn__set--box{
  width: 45%;
  margin:0.5em;
  box-sizing: border-box;
  padding:0.8em;
  border:1px solid #b6b6b6;

	}
.vn__set--box .name {
	font-size:.9em;
	text-align:center;
	width:100%;
	line-height:2em;
	}

.vn__set--box .name02 {
	font-size:.9em;
	text-align:center;
	width:100%;
	line-height:1em;
	margin-top:0;
	}

.vn__set--box .vn__set--cont{
	width:100%;
	z-index: 3;
	margin-top:2%;
}

.vn__set--box .vn__set--pic{
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
}

.vn__set--box .vn__set--price{
	margin-left:0;
	font-size:0.6em;
}

.vn__set--box .vn__set--price span{
	margin:0;
	font-size:1.5em;
	line-height:1.2em;
	color:#cd0000;
}

.vn__set--box .vn__set--btn{
	text-align:center;
	margin:0 auto;
	padding-top:2%;
	}


.vn .vn__top--skincare{
	margin:2em 0 0 0;
	}

/* vn__graph */
.vn .vn__graph{
	min-height:480px;
	}

.vn .vn__graph .vn__graph--txt{
	text-align:center;
	padding-top:2em;
	font-size:1em;
	line-height:1.5em;
}

.vn .vn__graph p{
	padding:1em;
}

.vn .vn__graph p span.bold{
	font-weight:bold;
	font-size:1.4em;
}

.vn span.br{
	 display: inline-block; 
}

.vn .vn__graph--txt02{
	text-align:center;
	padding:2em;
	font-size:1em;
	line-height:1.5em;
}


/* vn__soap */

.vn .vn__top--soap{
	background-image:url(img/soap_ttl_sp.jpg);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
    box-sizing: border-box;
    padding-top: 118%;
	margin-top:0;
	}

.vn .vn__top--soap .vn__item--sp{
	position:fixed;
	top:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.vn .vn__soap--answer{
	background-color: #e5e9e7;
	}

.vn .vn__step--anku{
	background-image:none;
	width:100%;
	margin:0 auto;
	background-color: #e5e9e7;
	min-height:100%;
	}
	
.vn .vn__step--anku dl{
	background-image:url(img/step_bg_sp.png);
	background-repeat:repeat-y;
	background-size: 100% auto;
	background-position: center bottom;
	margin:0;
	padding-top:5%;
	padding-bottom:5%;
	width:100%;
}
.vn .vn__step--anku dl dt img{
	width:70%;
	text-align:center;
	margin:0 auto;
}
.vn .vn__step--anku dl dd{
	width:86%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.8em;
	font-size:1.1em;
	line-height:1.8em;
}
.vn .vn__step--anku dl dd span{
	font-weight:bold;
	font-size:1.4em;
	}
	
.vn .vn__step--zaif{
	background-image:none;
	width:100%;
	margin:0 auto;
	background-color: #e5e9e7;
	min-height:100%;
	padding-bottom:3em;
	}

.vn .vn__step--zaif dl{
	background-image:url(img/step_bg_sp.png);
	background-repeat:repeat-y;
	background-size: 100% auto;
	background-position: center bottom;
	margin:0;
	padding-top:5%;
	padding-bottom:5%;
	width:100%;
}
.vn .vn__step--zaif dl dt img{
	width:70%;
	text-align:center;
	margin:0 auto;
}
.vn .vn__step--zaif dl dd{
	width:86%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.8em;
	font-size:1.1em;
	line-height:1.8em;
}
.vn .vn__step--zaif dl dd span{
	font-weight:bold;
	font-size:1.4em;
	}

/* vn__foam */

.vn .vn__foam{
	width:100%;
	position:relative;
	background-image:url(img/foam_sp.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: 100%;
    height: auto;
}
.vn .vn__foam:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 133.333%;
    margin: 0 auto;
    z-index: 1;
  }
.vn .vn__foam .vn__item--sp{
	position:absolute;
	width:76%;
	top:42%;
    left:13%;
	}
	
/* vn__step */
.vn .vn__step{
	padding-top:4em;
	}

.vn .vn__step--shower{
	background-image:none;
	width:100%;
	margin:0 auto;
	background-color: #e5e9e7;
	min-height:100%;
	}

.vn .vn__step--shower dl{
	background-image:url(img/step_bg_sp.png);
	background-repeat:repeat-y;
	background-size: 100% auto;
	background-position: center bottom;
	margin:0;
	padding-top:0;
	padding-bottom:0;
	width:100%;
}

.vn .vn__step--shower dl dd{
	width:86%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.8em;
	font-size:1.1em;
	line-height:1.8em;
	padding-bottom:1em;
}

.vn .vn__step--kihana{
	background-image:none;
	width:100%;
	margin:0 auto;
	background-color: #e5e9e7;
	min-height:100%;
	padding-bottom:1em;
	}
	
.vn .vn__step--kihana dl{
	background-image:url(img/step_bg_sp.png);
	background-repeat:repeat-y;
	background-size: 100% auto;
	background-position: center bottom;
	margin:0;
	padding-top:0;
	width:100%;
}

.vn .vn__step--kihana dl dd{
	width:86%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.8em;
	font-size:1.1em;
	line-height:1.8em;
	padding-bottom:1em;
}

/* vn__voice */
.vn__voice {
  display: block;
  margin: 0 auto;
  padding:3em 0;
  width: 100%;
}
.vn__voice .vn__voice--title{
	text-align:center;
	width:60%;
	margin:0 auto;
}
.vn__voice .vn__voice--wrap{
  width: 100%;
  max-width:750px;
  padding:2% 0;
  z-index: 3;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.vn__voice .vn__voicebox{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	width:90%;
	padding:1em;
	margin:0.5em;
	min-height:100px;
}

.vn__voice .vn__voicebox dl dt{
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	margin-bottom:2%;
}
.vn__voice .vn__voicebox dl dd{
	font-size:1em;
	text-align:left;
	line-height:1.6em;
}
.vn__voice .vn__voicebox .states{
	margin:1em 0;
	}
.vn__voice .vn__voicebox .rank{
	float:left;
	text-align:left;
	}
.vn__voice .vn__voicebox .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox .name span{
	font-size:.78em;
}


/* ---------- 大賞 ---------- */

.vn__voice .vn__voicebox0{
	background-color:#fff;
	border:1px solid #c59e5a;
	box-sizing: border-box;
	width:90%;
	padding:1em;
	margin:0.5em;
	min-height:100px;
}

.vn__voice .vn__voicebox0 .good{
        background-color:#c59e5a;
        font-size:1.6em;
	margin:0.9em 0;
        color:#FFFFFF;
	}

.vn__voice .vn__voicebox0 dl dt{
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	margin-bottom:2%;
}
.vn__voice .vn__voicebox0 dl dd{
	font-size:1em;
	text-align:left;
	line-height:1.6em;
}
.vn__voice .vn__voicebox0 .states{
	margin:1em 0;
        font-size:0.7em;
	}
.vn__voice .vn__voicebox0 .rank{
	float:left;
	text-align:left;

	}
.vn__voice .vn__voicebox0 .rank span{
	color:#c59e5a;
}
.vn__voice .vn__voicebox0 .name{
	float:right;
	text-align:right;
	}
.vn__voice .vn__voicebox0 .name span{
	font-size:.1em;

}


/* ---------- コメント ---------- */

.answer-top{
        max-width:750px;
　　　　box-sizing: border-box;
	width:85%; 
	padding: 1em;
	position: relative;
	background-color: #c59e5a;
	border: 1px solid #c59e5a;
	border-radius: 0.5em;
        color:#FFFFFF;
        font-size:1em;
  margin: 0 auto;



}
.answer-top:before{
	content: '';
	position: absolute;
}

.answer-top:after{
	content: '';
	position: absolute;
}

.answer-top{
	margin-top: 0em;
        margin-bottom: 2.0em;
        float:center;
}
.answer-top:first-child	{
	margin-top: 1.5em;
}
.answer-top:before{
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
	border-right: 10px solid transparent;
	border-bottom: solid 1.5em #c59e5a;
	border-left: 12px solid transparent;
}

.answer-top:after{
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
	border-right: 10px solid transparent;
	border-bottom: solid 1.5em #c59e5a;
	border-left: 12px solid transparent;
}
.answer-top:after{
	top: calc( 4px - 1.5em );
	border-bottom: solid 1.5em #c59e5a;
}

.answer-top dl dt{
        color:#FFFFFF;
        font-size:0.8em;
        margin-top:1em;
	text-align:right;
}


/* vn__products */

.vn__products{
  width: 100%;
  max-width:750px;
  margin: 0 auto;
  text-align:left;
  padding:3em 0 2em 0;
  background-color:#f5f9fc;
  box-sizing: boder-box;
}

.vn__products .jump{
	padding-bottom:3em;
	}

.vn__products .vn__products--wrap{
  width: 100%;
  max-width:750px;
  padding:0;
  margin: 0 auto;
  box-sizing: boder-box;
}

.vn__products .vn__products--box{
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
  padding:0;
  border:1px solid #b6b6b6;
  background-color:#fff;
	}
	
.vn__products--box .name{
	display:block;
	text-align:center;
	width:90%;
	position:relative;
	box-sizing: boder-box;
	min-height:40px;
	}

.vn__products--box .name .no{
	width:30%;
	box-sizing: boder-box;
	position:absolute;
	top:0;
	left:0;
	margin:0;
}
.vn__products--box .name .series{
	position:absolute;
	width:38%;
	box-sizing: boder-box;
	top:0;
	left:40%;
	margin:0;
}
.vn__products--box .name p{
	 font-weight:bold;
	 font-size:1.5em;
	 text-align:left;
	 position:absolute;
	 top:80%;
	 left:40%;
	 box-sizing: boder-box;
	 margin:0;
}

.vn__products--box .name02{
	width:100%;
	padding:1em auto 0 auto;
	text-align:center;
	box-sizing: boder-box;
	font-weight:bold;
	font-size:.7em;
	}

.vn__products--box .vn__products--cont{
	display:block;
	width:90%;
	z-index: 3;
	margin:2% auto 1% auto;
	box-sizing: boder-box;
}

.vn__products--box .vn__products--pic{
	box-sizing: border-box;
	
}
.vn__products--box .vn__products--lineup{
	margin-left:0;
	font-size:0.9em;
	line-height:1.6em;
	-webkit-text-size-adjust: 100%;
}
.vn__products--box .vn__products--lineup p{
	font-weight:bold;
}

.vn__products--box .vn__products--cv{
	width:100%;
	position:relative;
	background-image: url("img/free_sp.png");
    background-size:80%;
	background-position: center bottom 0;
	background-repeat: no-repeat;
	min-height:100px;
	margin:4% auto;
	box-sizing: boder-box;
	padding-bottom:1%;
}

.vn__products--box .defo{
	width:100%;
	box-sizing: border-box;
	position:absolute;
	top:0;
	left:5%;
	margin-bottom:0;
}

.vn__products--box .defo span{
	text-decoration:line-through;
}

.vn__products--box .arrow{
	position:absolute;
	top:33%;
	left:5%;
	box-sizing: boder-box;
	margin:0;
}

.vn__products--box .arrow img{
	width:70%;
}

.vn__products--box .sale{
	font-size:1em;
	color:#cd0000;
	width:30%;
	text-align:center;
	padding-top:2%;
	position:absolute;
	top:27%;
	left:5%;
	box-sizing: boder-box;
	margin:0;
}

.vn__products--box .price{
	font-size:2.2em;
	color:#cd0000;
	margin:0;
	margin-bottom:2%;
	background-image:url("img/price_pc.png");
	background-size:23%;
	background-position: left 0 top 32%;
	background-repeat: no-repeat;
	text-align:left;
	line-height:80px;
	min-height:70px;
	padding-left:52px;
	position:absolute;
	top:12%;
	left:36%;
	box-sizing: boder-box;
}

.vn__products--box .price02{
	font-size:2.4em;
	color:#cd0000;
	margin:0;
	margin-bottom:2%;
	background-image:url("img/price_pc.png");
	background-size:22%;
	background-position: left 0 top 30%;
	background-repeat: no-repeat;
	text-align:left;
	line-height:80px;
	min-height:70px;
	padding-left:58px;
	position:absolute;
	top:10%;
	left:10%;
	box-sizing: boder-box;
}

.vn__products--box .off{
	min-height:80px;
	position:absolute;
	top:2%;
	right:3%;
	box-sizing: boder-box;
	margin:0;
	width:18%;
  left: auto;
}

.vn__products--box .tax{
	font-size:.4em;
	box-sizing: boder-box;
	margin:0;
	}

.vn__products--box .toral{
	margin-bottom:1em;
	width:80%;
	margin:0 auto;
	box-sizing: boder-box;
	}

.vn__products--box .second{
	text-align:center;
	font-size:1em;
	margin:0 auto 2% auto;
	box-sizing: boder-box;
	}
.vn__products .red{
	color:#cd0000;
}
.vn__products--box .second .s{
	font-size:.8em;
}

.vn__products--box .vn__btn--box{
	width:88%;
	margin:0.8em auto 2em auto;
	min-height:50px;
	box-sizing: boder-box;
	}

.vn__products--box .vn__btn--natural{
	width:100%;
	margin:5% auto 3% auto;
	float:none;
	box-sizing: boder-box;
	}


.vn__products--box .vn__btn--moist{
	width:100%;
	margin:0 auto;
	float:none;
	box-sizing: boder-box;
	}


.vn__products .kome{
	font-size:.78em;
	text-align:right;
	width: 90%;
    margin: 0 auto;
	padding:0.5em 0 2em 0;
	box-sizing: boder-box;
	}

.vn__products .kome02{
	font-size:.78em;
	text-align:left;
	width: 90%;
    line-height:1.4em;
    margin: 0 auto;
	padding:0.5em 0 2em 0;
	box-sizing: boder-box;
	}

.vn__products .attention{
	border-top:1px solid #959595;
	border-bottom:1px solid #959595;
	margin:2em 1em 0 1em;
	padding:1em 0.5em;
	box-sizing: boder-box;
}

.vn__products .attention p{
	padding:0;
	line-height:1.8em;
	box-sizing: boder-box;
	margin:0;
}

.vn__products .bg--w{
	background-color:#fff;
	padding-top:2em;
	padding-bottom:2em;
	box-sizing: boder-box;
	}

.vn__products .attention .ttl{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	box-sizing: boder-box;
	margin:0;
}

.vn__products .other--set{
	width:80%;
	text-align:center;
	margin:2em auto;
	box-sizing: boder-box;
	}

/* vn__faq */
.vn__faq .vn__faq--title{
	text-align:center;
	width:52%;
	margin:0 auto 5% auto;
}
.vn__faq dl{
  margin: 0 auto;
  text-align:left;
}
.vn__faq dl dt{
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
	background:url(img/icon_q_pc.png) 0 0 no-repeat #f5f7f8;
  -webkit-background-size: auto 3em;
  background-size: auto 3em;
  background-position: .5em .5em;
  text-align:left;
  padding:.5em 2.5em .5em 4.3em;
  min-height: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin-top: .5em;
}
  .vn__faq dl dt:after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 0.8em;
    display: block;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    line-height: 1em;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
  }
  .vn__faq dl dt.acd-open:after {
    content: "▼";
    -webkit-transform: rotate3d(1,0,0,180deg);
    -ms-transform: rotate3d(1,0,0,180deg);
    -o-transform: rotate3d(1,0,0,180deg);
    transform: rotate3d(1,0,0,180deg);
  }
.vn__faq dl dd{
	margin-left:5%;
	padding:2% 4% 4% 0;
	background-image:none;
	background-color:#fff;
	min-height:100px;
}
.vn__faq dl dd p{
	padding-bottom:2%;
}
.vn__faq dl dd img{
	padding-top:1%;
}

.vn__set--btn{
	width:80%;
	margin:0 auto 5em auto;
	} 
	
.vn__faq a{
	text-decoration:underline;
	}


}
@media screen and (min-width:751px){
  .vn__faq .acd {
    display: block!important;
    height: auto!important;
  }
  
  
.vn .vn__step--overflowbox {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  background: #E5E9E7;
}
.vn .vn__step--overflowboxitem {
  display: block;
  position: relative;
  bottom: 0;
  left: 50%;
  z-index: 2;
  transform: translate3d(-50%,0,0);
  width: 1600px;
}

}