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

ライフスタイルにあったコンタクトで新生活スタート 2018.2.15

/////////////////////////////////////////////////////////////////// */
#newlife-2018 {
	margin-bottom: 50px !important;
}
#newlife-2018 .lead_area {
	position: relative;
	padding: 50px 0;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
}
#newlife-2018 .lead_area:before {
	content: "";
	display: block;
	position: absolute;
	top: 128px;
	left: 52px;
	width: 26px;
	height: 21px;
	background-image: url(/campaign/newlife/2018/img/deco_sakura01.png);
	background-position: center;
	background-repeat: no-repeat;
}
#newlife-2018 .lead_area:after {
	content: "";
	display: block;
	position: absolute;
	top: 120px;
	right: 20px;
	width: 71px;
	height: 38px;
	background-image: url(/campaign/newlife/2018/img/deco_sakura02.png);
	background-position: center;
	background-repeat: no-repeat;
}
#newlife-2018 .type_menu_area {
	margin: 0 0 50px 0;
	padding: 40px 9px 4px;
	background-color: #FEE8F1;
}
#newlife-2018 .type_menu_area h3 {
	margin: 0 0 30px 0;
	color: #fe8eb8;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}
#newlife-2018 .type_menu_area li {
	float: left;
	width: 436px;
	margin: 0 0 26px 20px;
}
#newlife-2018 .type_menu_area li dl {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
#newlife-2018 .type_menu_area li dt {
	margin: 0;
	padding: 15px 0 10px;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}
#newlife-2018 .type_menu_area li dt:before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 23px;
	margin-right: 10px;
	background-image: url(/campaign/newlife/2018/img/icon_eye.png);
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: -1px;
}
#newlife-2018 .type_menu_area .menu_kawaki dt {background-color: #27b3e7;}
#newlife-2018 .type_menu_area .menu_tsukare dt {background-color: #77c613;}
#newlife-2018 .type_menu_area .menu_cospa dt {background-color: #fbb318;}
#newlife-2018 .type_menu_area .menu_imp dt {background-color: #fe8eb8;}

#newlife-2018 .type_menu_area li dd {
	margin: 0;
	padding: 26px 32px 30px;
	text-align: center;
}
#newlife-2018 .type_menu_area li dd .cap {
	margin: 0 0 18px 0;
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 0.05em;
}
#newlife-2018 .type_menu_area .menu_kawaki dd .cap {color: #27b3e7;}
#newlife-2018 .type_menu_area .menu_tsukare dd .cap {color: #77c613;}
#newlife-2018 .type_menu_area .menu_cospa dd .cap {color: #fbb318;}
#newlife-2018 .type_menu_area .menu_imp dd .cap {color: #fe8eb8;}
#newlife-2018 .type_menu_area li dd .txt {
	margin: 0 0 18px 0;
	font-size: 16px;
	line-height: 1.6;
}
#newlife-2018 .type_menu_area li dd .btn {
	font-size: 18px;
}
#newlife-2018 .type_menu_area li dd .btn a {
	display: block;
	position: relative;
	width: 65%;
	margin: 0 auto;
	padding: 12px 0;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.05em;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#newlife-2018 .type_menu_area li dd .btn a:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#newlife-2018 .type_menu_area li dd .btn a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#newlife-2018 .type_menu_area li dd .btn a:hover:after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#newlife-2018 .type_menu_area .menu_kawaki .btn a {background-color: #27b3e7;}
#newlife-2018 .type_menu_area .menu_tsukare .btn a {background-color: #77c613;}
#newlife-2018 .type_menu_area .menu_cospa .btn a {background-color: #fbb318;}
#newlife-2018 .type_menu_area .menu_imp .btn a {background-color: #fe8eb8;}
#newlife-2018 .product_cate_area {
	margin: 0 0 50px 0;
}
#cate_kawaki {
	background-color: #E0F4FB;
}
#cate_tsukare {
	background-color: #EBF7DD;
}
#cate_cospa {
	background-color: #FDF4DE;
}
#cate_imp {
	background-color: #FEEEF4;
}