.face-wash-main{margin-bottom:30px}
.face-wash__lead{margin:55px 0 5px;text-align:center;font-size:20px}
.face-wash__title{margin-bottom:50px;text-align:center;font-size:30px;font-weight:normal}
.face-wash__list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;margin-bottom:20px}

.face-wash__list li{width:48%}

.face-wash__list a{display:block;padding:0 10px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.2s;transition:0.2s;overflow:hidden}

.face-wash__list a:hover{opacity:.8;text-decoration:none}.face-wash__list h2{margin-bottom:20px;font-size:28px;color:#011689;text-align:center;letter-spacing:0px}
.face-wash__list h2.narrow{letter-spacing:0px}.face-wash__list .text{height:140px;position:relative}
.face-wash__list p{width:100%;color:#000;font-size:20px;line-height:1.8;letter-spacing:0px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%)}
.face-wash__list p span{display:inline-block}

.face-wash__list img{display:block;width:50%;margin: 20px auto 10px auto;}

.face-wash__list h3{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;box-align:center;align-items:center;height:80px;font-size:20px;font-weight:normal;color:#000000}
.face-wash__list .detail{display:inline-block;width:55.55556%;padding:8px 0;border:solid 1px #397adc;background:#ffffff;border-radius:38px;color:#397adc;font-size:16px;text-align:center}
.face-wash__list .box{position:relative;width:100%;text-align:left;text-align:center;box-shadow:1px 1px 0px 0px #e5e5e5 inset,-1px -1px 0px 0px #e5e5e5 inset;border-radius:8px}

.face-wash__list .perfect-whip-u{background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(80%, #add381));background:-webkit-linear-gradient(top, #ffffff 0%, #add381 80%);background:linear-gradient(to bottom, #ffffff 0%,#add381 80%)}
.face-wash__list .perfect-whip-u2{background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(80%, #fbe2e5));background:-webkit-linear-gradient(top, #ffffff 0%, #fbe2e5 80%);background:linear-gradient(to bottom, #ffffff 0%,#fbe2e5 80%)}


.face-wash__list .perfect-whip-collagen-in{background:-webkit-gradient(left top, left bottom, color-stop(0%, #fffcfd), color-stop(80%, #ffdfef));background:-webkit-linear-gradient(top, #fffcfd 0%, #ffdfef 80%);background:linear-gradient(to bottom, #fffcfd 0%,#ffdfef 80%)}
.face-wash__list .perfect-white-clay{background:-webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(80%, #f1f1f1));background:-webkit-linear-gradient(top, #fefefe 0%, #f1f1f1 80%);background:linear-gradient(to bottom, #fefefe 0%,#f1f1f1 80%)}
.face-wash__list .sp-view{display:none}
.face-wash__list .pc-view{display:block}
.face-wash__illust{text-align:center;margin-bottom:30px}
.face-wash__illust img{width:100%;max-width:888px;height:auto}
.face-wash-campaign__list ul{display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.face-wash-campaign__list li{width:47.91667%;margin-top:50px;padding:15px 15px 55px;border:1px solid #e5e5e5;border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.face-wash-campaign__list li:nth-of-type(odd){margin-right:4.16667%}
.face-wash-campaign__list li:nth-of-type(1),
.face-wash-campaign__list li:nth-of-type(2){margin-top:40px}
.face-wash-campaign__list li .img{margin-bottom:12px}
.face-wash-campaign__list li .img img{border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-right-radius:50% 20px;border-bottom-left-radius:50% 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.face-wash-campaign__list h2{font-size:16px;text-align:left}
.face-wash-campaign__list a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;border-radius:10px;-webkit-transition:0.2s;transition:0.2s}
.face-wash-campaign__list a:hover{background-color:rgba(255,255,255,0.2)}
.face-wash-campaign__list a span{background:url('../img/common/bg_link.png?1519614890') repeat 0 50%;width:100%;padding:8px 10px;color:#397adc;font-size:16px;text-decoration:underline;text-align:center;border-radius:0 0 10px 10px / 0 0 10px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;bottom:0}
.face-wash-movie{display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.face-wash-movie li{width:41.66667%;margin-top:50px;position:relative}
.face-wash-movie li:nth-of-type(1),.face-wash-movie li:nth-of-type(2){margin-top:35px}
.face-wash-movie li:nth-of-type(even){margin-left:10.83333%}
.face-wash-movie h3{font-size:20px;font-weight:bold;text-align:center}
.face-wash-movie .img{margin-top:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.face-wash-movie a{display:block;width:100%;height:100%;padding:15px;position:absolute;top:-15px;left:-15px;z-index:1;-webkit-transition:0.2s;transition:0.2s}
.face-wash-movie a:hover{background-color:rgba(57,122,210,0.1)}
.face-wash-check{margin-top:50px;text-align:center}
.face-wash-check img{width:608px;height:auto}
.face-wash-check a{-webkit-transition:0.2s;transition:0.2s}
.face-wash-check a:hover{opacity:0.80}

.link1{width:50%; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1;}
.link2{width:50%; height: 100%; position: absolute; bottom: 0px; right: 0px; z-index: 1;}

@media screen and (min-width: 601px) and (max-width: 959px){
	
	.face-wash__list a{padding:0 12px 15px}
	.face-wash__list .text{height:100px;margin-bottom:20px}
	.face-wash__list p{font-size:16px;line-height:1.6;letter-spacing:0px}
	.face-wash__list h2{font-size:18px}
	.face-wash__list h3{height:60px;font-size:16px;letter-spacing:0px}
	.face-wash__list .detail{width:55.55556%;border-radius:38px;font-size:16px}}

@media screen and (max-width: 600px){.face-wash__lead{margin:20px 0 2px;font-size:15px}
	
		.link1{width:23%; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1;}
		.link2{width:23%; height: 100%; position: absolute; bottom: 0px; left: 23%; z-index: 1;}	
	
		.face-wash__title{margin-bottom:20px;font-size:20px}
		.face-wash__list{display:block}
		.face-wash__list li{width:100%;padding:0;margin-bottom:16px;text-align:left}
		.face-wash__list a{-webkit-transition:none;transition:none;padding:0px 12px 15px;display:-webkit-box;display:-webkit-flex;display:flex}
		.face-wash__list h2{margin-bottom:10px;font-size:20px}.face-wash__list .text{height:auto;margin-bottom:15px}.face-wash__list p{font-size:14px;line-height:1.6;letter-spacing:0;position:inherit;top:auto;left:auto;transform:translateY(0) translateX(0);-webkit-transform:translateY(0) translateX(0)}.face-wash__list img{width:65.92593%;max-width:100%;height:auto;margin:0 auto}.face-wash__list h3{-webkit-box-pack:left;-webkit-justify-content:left;justify-content:left;height:auto;margin-top:19.08397%;margin-bottom:0;font-size:12px;letter-spacing:0}.face-wash__list .detail{width:75%;margin-top:12.72265%;padding:4px 0;border-radius:38px;font-size:13px}.face-wash__list--sp{flex:1 1 0%;text-align:left;position:relative}.face-wash__list--sp__img{width:40.29851%;padding-right:10px;text-align:center}.face-wash__list .sp-view{display:block}.face-wash__list .pc-view{display:none}.face-wash__illust{width:100%}.face-wash-campaign__list ul{display:block;margin-top:4%}.face-wash-campaign__list li{width:100%;margin-top:5%;padding:3.6% 3.6% 55px}.face-wash-campaign__list li:nth-of-type(odd){margin-right:0}.face-wash-campaign__list li:nth-of-type(1){margin-top:0}.face-wash-campaign__list li:nth-of-type(2){margin-top:5%}.face-wash-campaign__list h2{font-size:16px}.face-wash-campaign__list h2 span{display:block;margin-right:0}.face-wash-campaign__list a{-webkit-transition:none;transition:none}.face-wash-campaign__list a:hover{background-color:none}.face-wash-campaign__list a span{font-size:17px}.face-wash-movie{display:block}.face-wash-movie li{width:100%;margin-top:8%;padding:0 0 3%}.face-wash-movie li:nth-of-type(1){margin-top:5%}.face-wash-movie li:nth-of-type(2){margin-top:8%}.face-wash-movie li:nth-of-type(even){margin-left:0}.face-wash-movie h3{font-size:14px}.face-wash-check{margin:8% auto 0}.face-wash-check a{-webkit-transition:none;transition:none}}