﻿
@charset "utf-8";

.clr_box{
	zoom:100%;
	}
.clr_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}


#con_wrap{
	border-top:1px solid #F0F0F0;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/bg01.gif) repeat left top;
	max-width:940px;
	margin:0 auto;
	padding:0 0 28px 0;
	}
#con_body{
	background:#fff;
	max-width:840px;
	box-sizing:border-box;
	padding:28px 0;
	margin:0 auto 0 auto;
	}

.iq_contbox{
	margin:0 38px 28px 38px;
	padding:0 0 0 0;
	zoom:100%;
	}
.iq_contbox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.iq_contbox p{
	margin:0 0 0.75em 0;
	}

@media screen and (max-width:768px) {
	#con_wrap{
		padding:0 0 20px 0;
		}
	#con_body{
		padding:20px 4.7%;
		}
	.iq_contbox{
		margin:0 0 20px 0;
		}
	}
	
	

/* Common */

.iq_title_01{
	margin:0 0 14px 28px;
	padding:10px 0 8px 14px;
	color:#0059B2;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/bg_title01.gif) no-repeat left top;
	font-size:20px;
	font-size:2.0rem;
	line-height:22px;
	}

.iq_title_02{
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/bg_title02.gif) repeat-x left bottom;
	margin:0 0 0.75em 0;
	padding:8px 12px 6px 12px;
	color:#0059B2;
	font-size:15px;
	font-size:1.5rem;
	line-height:17px;
	border:1px solid #8FD1FE;
	/* Do rounding */
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.iq_title_03{
	font-size:15px;
	font-size:1.5rem;
	line-height:17px;
	color:#666;
	margin:0 0 0.75em 0;
	}

.iq_title_04{
	background:#009EE7 url(/-/Media/com/contact/promotion/201603/products/common/images/bg_title04.gif) repeat-x left bottom;
	margin:0 0 0.75em 0;
	padding:7px 12px 5px 12px;
	color:#ffffff;
	font-size:108%;
	line-height:100%;
	font-weight:normal;
	/* Do rounding */
	border-radius:14px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	}
.iq_title_05{
	font-size:108%;
	margin:0 0 0.75em 0;
	line-height:125%;
	color:#0066cc;
	}

@media screen and (max-width:768px) {
	.iq_title_01{
		margin:0 0 10px -2.7%;
		}
	}



/* モイストアイ */

#moist_imgbox{
	background-color:#009EE7;
	color:#fff;
	max-width:840px;
	margin:18px auto 0 auto;
	}

#moi_top01{
	max-width:840px;
	margin:0 auto;
	}
#moi_top02{
	padding:0 0 7.6% 0;
	background:#009EE7 url(/-/Media/com/contact/promotion/201607/products/common/images/moi_top02.png) no-repeat center center;
	background-size:100% auto;
	height:0;
	font-size:20%;
	text-indent:-950px;
	overflow:hidden;
	margin:0 auto;
	max-width:654px;
	}
	
#moi_top03{
	background:url(/-/Media/com/contact/promotion/201607/products/common/images/moi_top03.gif) no-repeat center top;
	background-size:100% auto;
	zoom:100%;
	}
#moi_top03:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#moi_top03 h5{
	height:0;
	width:15%;
	padding:0 0 21.2% 0;
	font-size:20%;
	text-indent:-950px;
	overflow:hidden;
	margin:0;
	float:left;
	}
#moi_top03 ul{
	float:left;
	margin:0;
	padding:0;
	width:70%;
	list-style:none;
	zoom:100%;
	}
#moi_top03 ul:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
#moi_top03 li{
	width:50%;
	text-align:center;
	float:left;
	margin:0;
	padding:0;
	}
#moi_top03 li a{
	display:block;
	padding-top:54%;
	padding-bottom:4px;
	font-size:11px;
	font-size:1.1rem;
	line-height:130%;
	color:#fff;
	}
#moi_top03 li a:hover{
	color:#FFFF99;
	}
	
#moist_datline{
	margin:14px 4.5% 0 4.5%;
	padding-bottom:12px;
	font-size:11px;
	font-size:1.1rem;
	line-height:130%;
	color:#fff;
	}
	
@media screen and (max-width:768px) {
	#moi_top02{
		margin:0 4.5%;
		}
	}
	
.mois_title_01{
	font-size:18px;
	font-size:1.8rem;
	line-height:20px;
	color:#009EE7;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/bg_title04.gif) no-repeat left top;
	padding:1px 0 8px 24px;
	}
.mois_checklist{
	margin:0 0 20px 24px;
	padding:0;
	list-style:none;
	}
.mois_checklist li{
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/icon_check.gif) no-repeat left top;
	padding:3px 0 4px 22px;
	margin:0;
	}
	
	
.mo_ex h3{
	color:#ffffff;
	background-color:#009EE7;
	padding:6px 0 6px 16px;
	font-size:18px;
	font-size:1.8rem;
	line-height:20px;
	margin-bottom:0.75em;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	}

.mo_ex p{
	margin:0 0 0.5em 20px !important;
	}
.mo_ex img{
	float:right;
	margin-left:24px;
	}
	
@media screen and (max-width:480px) {
	.mo_ex h4{
		font-size:1.5rem;
		line-height:17px;
		border-radius:15px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		}
	.mo_ex img{
		max-width:35%;
		margin-left:12px;
		}
	}

.mois_exbox{
	border:2px solid #E0EEFE;
	padding:12px 20px;
	/* Do rounding (native in Opera, Firefox and Safari) */
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	zoom:100%;
	}
.mois_exbox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
.mois_exbox h4{
	margin:0 0 0.5em 0;
	color:#009EE7;
	font-size:15px;
	font-size:1.5rem;
	line-height:130%;
	}
.mois_exbox img{
	float:right;
	margin-left:12px;
	}

#chu_iryokiki{
	border:1px solid #ccc;
	background-color:#fff;
	padding:18px 24px;
	box-sizing:border-box;
	max-width:840px;
	margin:28px auto 0 auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
#chu_iryokiki h4{
	margin:0 0 0.5em 0;
	line-height:120%;
	}
#chu_iryokiki p{
	font-size:12px;
	font-size:1.2rem;
	line-height:130%;
	margin:0;
	}

@media screen and (max-width:768px) {
	#chu_iryokiki{
		padding:3%;
		margin:20px 4.7% 0 4.7%;
		}
	}

/* フレッシュビュー */

#prod_fv{
	background-color:#9EDEA5;
	max-width:840px;
	box-sizing:border-box;
	margin:18px auto 0 auto;
	padding:12px;
	text-align:center;
	}
#prod_fv img{
	margin: 0 auto;
	max-width:816px;
	}
#prod_fv ul{
	margin:0 auto 0 auto;
	display:block;
	box-sizing:border-box;
	padding:0 4% 8px 4%;
	text-align:left;
	font-size:11px;
	font-size:1.1rem;
	background:#fff;
	color:#666;
	}
#prod_fv ul li{

	}

.fv_exbox{
	zoom:100%;
	margin:0 38px 28px 38px;
	}
.fv_exbox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}

.fv_exbox h3{
	color:#ffffff;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/fv_bg_title01.gif) repeat left top;
	padding:6px 0 6px 16px;
	font-size:18px;
	font-size:1.8rem;
	line-height:20px;
	margin-bottom:0.75em;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	}

.fv_exbox h4{
	color:#006699;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/fv_bg_title02.gif) repeat-x left top;
	padding:4px 0 6px 16px;
	font-size:1.6rem;
	line-height:18px;
	margin-bottom:0.5em;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	}
	
.fv_exbox p{
	margin:0 0 0.5em 20px !important;
	}
.fv_exbox img{
	float:right;
	margin-left:24px;
	}
	
.fv_cap{
	margin:0 0 0.5em 20px;
	font-size:12px;
	font-size:1.2rem;
	line-height:135%;
	}

@media screen and (max-width:768px) {
	#prod_fv{
		padding:8px;
		}
	#prod_fv img{
		max-width:100%;
		}
	.fv_exbox{
		margin:0 0 28px 0;
		}
	}
@media screen and (max-width:480px) {
	#prod_fv ul{
		padding-top:4px;
		}
	.fv_exbox h4{
		font-size:1.5rem;
		line-height:17px;
		border-radius:15px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		}
	.fv_exbox img{
		max-width:35%;
		margin-left:12px;
		}
	}

#kpc_readme{
	border:1px solid #999999;
	background-color:aliceblue;
	padding:20px 4.7% 20px 4.7%;
	/* Do rounding */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	}

#kpc_readme ul{
	margin:1em 0 1em 20px;
	padding:0;
	list-style:none;
	font-size:13px;
	font-size:1.3rem;
	line-height:125%;
	}
#kpc_readme li{
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/arrow_att.gif) no-repeat left 3px;
	margin:0 0 0.5em 0;
	padding:0 0 0 12px;
	}

#bn_care{
	text-align:center;
	}
#bn_care a{
	display:block;
	width:208px;
	height:38px;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/bn_care.gif) no-repeat left top;
	text-align:left;
	margin:0 auto;
	font-size:20%;
	text-indent:-900px;
	overflow:hidden;
	}

@media screen and (max-width:480px) {
	#kpc_readme ul{
		margin:1em 0 1em 0;
		}
	}


#c3box{
	background:#ffffff url(/-/Media/com/contact/promotion/201603/products/common/images/c3rogo.gif) no-repeat left top;
	min-height:74px;
	padding-left:58px;
	margin:0 0 10px 0;
	}
#c3box p{
	color:#003399;
	}
#c3box h3{
	color:#008FDD;
	font-size:16px;
	font-size:1.6rem;
	line-height:130%;
	margin:0 0 0.75em 0;
	}

#c3_prod1{
	max-width:400px;
	margin:0 auto;
	zoom:100%;
	}
#c3_prod1:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
#c3_prod1 a{
	display:block;
	width:200px;
	text-align:center;
	padding-top:176px;
	float:left;
	font-size:12px;
	font-size:1.2rem;
	line-height:115%;
	}
	
@media screen and (max-width:480px) {
	#c3_prod1 a{
		float:none;
		margin:0 auto 12px auto;
		}
	}

#link_mois{
	background:#ffffff url(/-/Media/com/contact/promotion/201603/products/common/images/c3_mois.jpg) no-repeat center top;
	}

#link_cool{
	background:#ffffff url(/-/Media/com/contact/promotion/201603/products/common/images/c3_cool.jpg) no-repeat center top;
	}
	
#c3_step{
	max-width:558px;
	margin:0 auto;
	padding:0;
	}
#c3_step img{
	margin:0 auto 6px auto;
	}
#c3_step li{
	width:170px;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/step_bg.gif) no-repeat left top;
	color:#ffffff;
	text-align:center;
	float:left;
	padding:0;
	margin:0 16px 0 0;
	list-style:none;
	}
#c3_step span{
	display:block;
	margin:3px 0 8px 0;
	}
#c3_step dl{
	margin:0;
	padding:0 5px 0 10px;
	}
.c3_step_cap{
	text-align:left;
	font-size:12px;
	font-size:1.2rem;
	margin:4px 0 0 0;
	padding:0;
	color:#333333;
	line-height:135%;
	}
	
.c3_title{
	background:#FF8D00 url();
	}

@media screen and (max-width:640px) {
	#c3_step li{
		text-align:center;
		float:none;
		margin:0 auto 12px auto;
		}
	}
	
/* レンズクリア */

#c3_clearbox{
	margin-bottom:12px;
	}
#c3_clearbox h5{
	margin:4px 0 4px 0;
	color:#003399;
	font-weight:bold;
	text-align:center;
	font-size:100%;
	}
#link_clear{
	text-align:center;
	}
#link_clear img{
	margin:0 auto 2px auto;
	}

#clear_capbox{
	border:1px solid #cccccc;
	background-color:aliceblue;
	padding:12px;
	text-align:center;
	/* Do rounding */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	}
#clear_capbox ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#clear_capbox ul li{
	margin:0;
	padding:0;
	}
	
#clear_capbox h5{
	margin:8px 0 4px 0;
	font-size:16px;
	font-size:1.6rem;
	color:#0066cc;
	}
	
#clear_capbox ol{
	max-width:590px;
	margin:0 auto 6px auto;
	padding:0;
	list-style:none;
	zoom:100%;
	}
#clear_capbox ol:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#clear_capbox ol li{
	width:290px;
	margin:0;
	padding:0;
	text-align:left;
	}
#clear_cap1{
	float:left;
	}
#clear_cap2{
	float:right;
	}
#clear_capbox ol li h6{
	background-color:#006CD8;
	height:30px;
	margin:0 0 4px 0;
	font-size:20%;
	text-indent:-950px;
	overflow:hidden;
	}
#clear_capbox ol li p{
	font-size:12px;
	font-size:1.2rem;
	line-height:135%;
	}
#clear_capbox ol li img{
	float:right;
	margin-left:8px;
	margin-bottom:8px;
	}
#clear_cap1 h6{
	background:#006CD8 url(/-/Media/com/contact/promotion/201603/products/common/images/clear_cap1.gif) no-repeat center top;
	}
#clear_cap2 h6{
	background:#006CD8 url(/-/Media/com/contact/promotion/201603/products/common/images/clear_cap2.gif) no-repeat center top;
	}
#clear_chu{
	font-size:11px;
	font-size:1.1rem;
	line-height:135%;
	max-width:590px;
	margin:0 auto;
	text-align:left;
	border-top:1px solid #ccc;
	padding-top:4px;
	}
	
@media screen and (max-width:710px) {
	#clear_capbox ol{
		display:inline-block;
		}
	#clear_capbox ol li{
		clear:both;
		padding-bottom:12px;
		width:auto;
		max-width:400px;
		}
	#clear_cap1{
		float:none;
		margin:0 auto;
		}
	#clear_cap2{
		float:none;
		margin:0 auto;
		}

	}

/* プラスケア */

#p_carebox{
	max-width:700px;
	margin:0 auto;
	padding:0;
	list-style:none;
	}
#p_carebox li{
	width:50%;
	margin:0;
	padding:0;
	float:left;
	text-align: center;
	}
#p_carebox li h5{
	margin:0 5px 4px 5px;
	color:#003399;
	font-size:15px;
	font-size:1.5rem;
	text-align:center;
	}
#p_carebox .plus_prod{
	padding-top:84px;
	font-size:12px;
	font-size:1.2rem;
	margin:0 5px 0 5px;
	line-height:135%;
	}
#p_carebox .plus_prod span{
	display:block;
	margin-left: auto;
	margin-right: auto;
	}

#p_carebox .plus_prod .bugai{
	border:1px solid #999999;
	width:80px;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	line-height:12px;
	padding:2px;
	}
	
#p_carebox .plus_ex_li{
	font-size:12px;
	font-size:1.2rem;
	margin:8px auto 0 auto;
	padding:0;
	display: inline-block;
	text-align: left;
	}
#p_carebox .plus_ex_li dt{
	margin:8px 5px 0 5px;
	padding:0;
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/arrow_att.gif) no-repeat left 3px;
	margin:0 0 0.25em 0;
	padding:0 0 0 12px;
	line-height:125%;
	}
	
#p_care1 .plus_prod {
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/c3_care01.jpg) no-repeat center top;
	}
#p_care2 .plus_prod {
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/c3_care02.jpg) no-repeat center top;
	}
#p_care3 .plus_prod {
	background:url(/-/Media/com/contact/promotion/201603/products/common/images/c3_care03.jpg) no-repeat center top;
	}
	
@media screen and (max-width:680px) {
	#p_carebox{
		width:auto;
		}
	#p_carebox li{
		width:auto;
		max-width:300px;
		float:none;
		clear:both;
		margin:0 auto 12px auto;
		}
	}
	
	
/* i.Q.終売 */

#info_prodbox{
	margin-top:18px;
	text-align:center;
	zoom:100%;
	}
#info_prodbox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
#info_prodbox2{
	margin-top:18px;
	margin-bottom:40px;
	}
	
#info_prodbox h3,
#info_prodbox2 h3{
	background-color:#666;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:120%;
	font-weight:normal;
	padding:6px 6px 4px 6px;
	text-align:center;
	margin-bottom:10px;
	}
	
.info_proditem{
	width:330px;
	display:inline-block;
	}
.info_proditem img{
	margin:0 auto;
	}
	
.info_proditem2{
	text-align:center;
	}
.info_proditem2 img{
	margin:0 auto;
	}

#info_moistbox{
	margin-top:28px;
	margin-bottom:0;
	background-color:#CFEDFA;
	padding:12px 50px 12px 50px;
	text-align:center;
	/* Do rounding */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	zoom:100%;
	}
#info_moistbox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#info_moistbox h3{
	color:#0059B2;
	font-size:18px;
	font-size:1.8rem;
	line-height:120%;
	text-decoration:underline;
	margin:0 0 0.75em 0;
	}
#info_moistbox h4{
	font-size:15px;
	font-size:1.5rem;
	line-height:120%;
	margin:0 0 1em 0;
	font-weight:normal;
	}
	
#info_moistbox p{
	text-align:center;
	margin:0 0 1em 0;
	}
.info_moistitem{
	width:280px;
	display:inline-block;
	}
.info_moistitem img{
	margin:0 auto;
	}
	
#btn_shop{
	clear:both;
	margin-top:16px;
	padding-top:8px;
	text-align:center;
	border-top:1px dotted #73B9FF;
	}
#btn_shop img{
	margin:0 auto;
	}
	
@media screen and (max-width:768px) {
	.info_proditem{
		width:50%;
		float:left;
		}
	.info_proditem img{
		margin:0 auto;
		width:94%;
		max-width:260px;
		}
	#info_moistbox{
		padding:12px 3% 12px 3%;
		text-align:center;
		}
	#info_moistbox h3{
		color:#0059B2;
		font-size:18px;
		font-size:1.8rem;
		line-height:120%;
		text-decoration:underline;
		margin:0 0 0.75em 0;
		}
	#info_moistbox p{
		text-align:center;
		}
	.info_moistitem{
		width:50%;
		float:left;
		}
	}
@media screen and (max-width:480px) {
	.info_proditem{
		width:auto;
		float:none;
		}
	.info_proditem img{
		width:auto;
		max-width:260px;
		}
	.info_moistitem{
		width:auto;
		float:none;
		}
	}