@charset "UTF-8";

sup{
	white-space: nowrap;
	font-size: 10px;
}

.recent > h3 {
    background: url(https://www.tvert.jp/smp/img2016/product/cookie_tit.png) 15px top no-repeat !important;
    background-size: 182px !important;
    text-indent: -9999em !important;
    overflow: hidden !important;
    font-family: initial !important;
}

/*div.FS2_ReviewEdit{
	margin-top: -30px;
}*/

.item_dtl{
	margin: 80px auto 20px;
}

.fl{
	float: left;
}
.fr{
	float: right;
}



.freeshipping{
	margin-bottom: 10px;
}

.itemImg{
	margin-bottom: 10px;
}

.matterImg{
	width: 90.625%;
	margin: 20px auto 10px;
}

.notes{
	width: 90.625%;
	color: #999;
	font-size: 10px;
	line-height: 1.8;
	margin: 10px auto 0;
}

.itemTxt{
	width: 90.625%;
	color: #555;
	font-size: 14px;
	line-height: 2;
	margin: 20px auto -10px;
}

.jump{
	width: 90.625%;
	margin: 50px auto 55px;
	text-align: center;
}

.borderBox{
	width: 90.625%;
	box-sizing: border-box;
	border: 1px solid #333;
	padding: 40px 6.8965% 7%;
	margin: 50px auto 0;
}

.subCopy{
	color: #333;
	font-size: 18px;
	line-height: 1.7;
	margin-top: 30px;
}

.borderBox p{
	color: #555;
	font-size: 14px;
	line-height: 2.2;
	margin-top: 10px;
}

.borderBox .notes{
	color: #999;
	font-size: 10px;
	text-align: right;
	margin-top: 5px;
}

.washable {
    padding-top: 30px;
    padding-bottom: 35px;
}
	.washable h4 {
	    text-align: center;
	    font-size: 16px;
	    font-weight: normal;
	    line-height: 1.75;
	    letter-spacing: 0.4px;
	    margin-bottom: 15px;
	}
	.washableImg {
	    margin-bottom: 20px;
	}
	.washable p {
	    margin-top: 15px;
	    line-height: 2;
	}
	.washable p em{
		color: #e8838d;
		font-style: normal;
	}

#toutvertKodawari {
    position: relative;
    background-color: #d4d2d1;
    padding-bottom: 20px;
    margin-top: 55px;
    margin-bottom: 10px;
}

#toutvertKodawari ~ .jump{
	margin-top: 45px;
	margin-bottom: 55px;
}

#toutvertKodawari h4 {
	position: absolute;
	margin-top: -55%;
}

.kodawariInner {
	border: solid 1px #333333;
	background-color: #FFF;
	box-sizing: border-box;
	width: 90.625%;
	margin: 62.5% auto 0;
	padding: 0 6.8965% 40px;
	position: relative;
	z-index: 1;
	font-size: 14px;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	#toutvertKodawari h4 {
		margin-top: -40%;
	}
	.kodawariInner {
		margin: 45.5% auto 0;
	}
}

.kodawariInner p{
	color: #555;
}

.kodawariList li + li {
    margin-top: 55px;
}

.kodawariList li h5 {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.57;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
    color: #333;
    font-feature-settings: "palt";
}

.kodawariList li h5 img {
    margin: 0 auto 20px;
    width: 25%;
    display: block;
}

.kodawariList li h6{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1.6;
	margin: 10px 0 5px;
}

.kodawariList h6 sup{
	top: -1em;
}

.kodawariList sup{
	font-weight: normal;
}

.kodawariList li p + p{
	margin-top: 15px;
}

.kodawariList li:nth-child(1) p + img {
    max-width: 62.5%;
    margin: 30px auto;
    display: block;
}

.kodawariList li div + div{
	margin-top: 15px;
}

.kodawariList li .barrier {
    margin: 30px auto;
}
	.kodawariList li .barrier h6 {
	    font-size: 20px;
	    font-weight: normal;
	    line-height: 1.2;
	    text-align: center;
	    margin: 0;
	}
		.kodawariList li .barrier h6 span {
		    display: block;
		    font-size: 15px;
		    margin-bottom: 3px;
		}
		.kodawariList li .barrier img{
			width: 68.75%;
			margin: 20px auto;
			display: block;
		}
		.kodawariList li .barrier img + img{
			width: 62.8%;
			margin: 30px auto;
			display: block;
		}
		.kodawariList li .barrier .notes{
			width: 68.75%;
			text-align: right;
		}

.figure{
	text-align: center;
}

.kodawariList li .borderFigure {
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 20px 0 30px;
    margin: 30px 0;
}

.kodawariList li .borderFigure h6{
	margin-bottom: 15px;
	line-height: 1.46;
	letter-spacing: 0.4px;
}

.kodawariList li:nth-child(2) .borderFigure img {
    width: 43.75%;
		margin: 0 auto;
}
.kodawariList li:nth-child(3) .borderFigure img {
    width: 59.375%;
		margin: 0 auto;
}

.kodawariList li .seibunBox {
    margin: 30px auto;
}
	.kodawariList li .seibunBox h6{
		font-size: 16px;
		letter-spacing: 0.4px;
		line-height: 1.46;
		text-align: center;
		margin: 0 auto 20px;
	}
	.kodawariList li .seibunBox img{
		/*max-width: 240px;*/
		margin: auto;
		display: block;
	}

.kodawari5Img{
	margin: 30px auto 0;
}

.puff{
	padding-top: 30px;
	padding-bottom: 35px;
}
	.puff h4 {
	    text-align: center;
	    font-size: 17px;
	    font-weight: normal;
	    line-height: 1.64;
	    letter-spacing: 0.43px;
	    margin-bottom: 15px;
	}
		.puff h4 em{
			display: block;
			color: #e8838d;
			font-style: normal;
		}
	.puff p {
	    margin-top: 15px;
	    line-height: 2;
	}
	.puffImg{
		margin: 25px auto 0;
	}

.howto{
	padding: 40px 6.8965% 45px;
	margin-top: 55px;
}

.howto h4{
	width: 148px;
	margin: 0 auto 30px;
}

.howtoStep{
	margin: auto;
}

.howtoStep li{
	width: 100%;
	font-feature-settings: "palt";
}

.howtoStep li + li {
    margin-top: 26px;
    /* position: relative; */
}

.howtoStep li img {
    width: 33.22%;
    margin-right: 10px;
    float: left;
}

.howtoPoint{
	width: 100%;
	margin: 25px auto 0;
	background: url(https://www.tvert.jp/img2017/elfoundation/point_tit.png) no-repeat top 31px left 24px #F8F8F8;
	background-size: 52px 14px;
	padding: 63px 20px 25px;
	box-sizing: border-box;
}

.howtoPoint li{
	color: #666;
	font-size: 13px;
	line-height: 1.75;
	font-feature-settings: "palt";
	margin-left: 10px;
	position: relative;
}

.howtoPoint li + li{
	margin-top: 10px;
}

.howtoPoint li:before{
	content: "・";
	position: absolute;
	left: -10px;
}

.step_naiyou {
    float: left;
    width: calc(100% - 37%);
}




/* テンプレ */
.voice_re {
    margin-top: 80px;
    font-size: 14px;
    max-width: 580px;
    width: 90.625%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}

.voice_re h4{
	margin-bottom: 40px;
	text-align: center;
}

.voice_re .notes{
	width: 100%;
}

.voiceList li {
     float: left; 
    width: 100%;
    margin-bottom: 40px;
}

.voiceList li + li {
     margin-left: 4%; 
}

.voiceList li dt {
    border: solid 1px #333333;
    text-align: center;
    line-height: 1.6;
    padding: 10px 0;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
    color: #333;
}

.voiceList li dd {
    line-height: 2;
    color: #333;
}

.voiceList li dd em {
    font-weight: bold;
    color: #333;
    font-style: normal;
}

.voiceList li dd .notes {
    text-align: right;
    margin-top: 10px;
}

.voiceList li dt:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 30px;
    width: 30px;
    height: 18px;
    background: url(https://www.tvert.jp/smp/img2017/products/crystal_essence/ico_voice.png) no-repeat center;
    background-size: 100%;
}

.voiceList ~ .notes{
	width: 100%;
}

.colorVariation{
	margin-top: 60px;
	padding: 38px 6.8965% 20px;
}

.colorVariation h4{
	width: 68%;
	margin: auto;
}

.colorVariation .notes{
	width: 100%;
}

.colorVariation .figure{
	margin: 29px auto 30px;
}

.borderBox.colorVariation .notes{
	text-align: left;
	margin: 0;
}

.dashedBox{
	border: 1px dashed #ccc;
	margin: 50px auto;
	padding: 6.8965%;
	width: 90.625%;
	box-sizing: border-box;
}

.dashedBox img{
	margin-bottom: 15px;
}

.dashedBox p{
	color: #333;
	font-size: 14px;
	line-height: 2;
	font-feature-settings: "palt";
	letter-spacing: 0.8px;
}

.dashedBox .kome{
	font-size: 10px;
	margin-top: 10px;
}

.recommend_re {
    margin-top: 50px;
    margin-bottom: 80px;
    border: solid 1px #333333;
    padding: 40px 6.8965% 30px;
    font-size: 15px;
    line-height: 2;
    box-sizing: border-box;
    max-width: 580px;
    width: 90.625%;
    margin-right: auto;
    margin-left: auto;
}

.recommend_re h4 {
	margin-bottom: 35px;
}

.recommendList li {
    position: relative;
    box-sizing: border-box;
    padding-left: 25px;
    margin-bottom: 5px;
}

.recommendList li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 18px;
    background: url(https://www.tvert.jp/smp/img2017/products/crystal_essence/ico_check.png) no-repeat center;
    background-size: 100%;
    z-index: 10;
}

.renewPoint{
    margin-top: 28px;
    color: #333;
}

.renewPoint li{
    border-top: 1px dashed #ccc;
    padding: 24px 0 20px;
}

.renewTit{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: 0.4px;
}

.renewPoint li ul li{
    border: none;
    position: relative;
    padding: 0 0 0 13px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.4px;
    font-feature-settings: "palt";
}

.renewPoint li ul li:before{
    content: "・";
    position: absolute;
    left: -2px;
    top:0;
}

.renewBox {
    border: 2px solid #333;
    text-align: center;
    padding: 30px 6.25% 37px;
    color: #333;
}

.renewBoxTit {
    font-size: 20px;
    line-height: 1.2;
    font-weight: normal;
}

.renewBoxTit span {
    font-size: 15px;
    display: block;
    margin-bottom: 3px;
}

.renewBox img:nth-of-type(1) {
    margin: 20px 0 30px;
}

.renewBox img:nth-of-type(2) {
    width: 86.666%;
}