@charset "utf-8";

#contents {
	width: 100%;
	max-width: 100%;
}

#main_title,
#first01 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 30px;
}

#first01 p {
	width: 80%;
	margin: 0 auto;
}


#item section {
	line-height: 160%;
	width: 100%;
	height: 400px;
	max-width: 1000px;
	margin: 0 auto;
}

#oilprotect {
	background: #313131;
	color: #FFF;
}

#oilprotect section {
	background: url(../first/img/op_first_bg.jpg);
}

#skincolor {
	background: #D0CABD;
	color: #333;
}

#skincolor section {
	background: url(../first/img/sc_first_bg.jpg);
}

#acnelotion {
	background: #052649;
	color: #FFF;
}

#acnelotion section {
	background: url(../first/img/ac_first_bg.jpg);
}

#lcset {
	background: #595A59;
	color: #FFF;
}

#lcset section {
	background: url(../first/img/lc_first_bg.jpg);
}

#item .left_txt {
	padding-top: 100px;
	width: 60%;
	float: left;
}

#item .right_img {
	padding-top: 30px;
	width: 20%;
	float: left;
}

#item .right_txt {
	padding-top: 100px;
	width: 60%;
	float: right;
}

#item .left_img {
	padding-top: 30px;
	width: 20%;
	float: left;
}

.item_txt01 {
	font-family: "Times New Roman", Times, serif;
	font-size: 55px;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}

.item_txt02 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 28px;
	margin-bottom: 50px;
}

.item_txt03 {
	font-size: 18px;
	margin-bottom: 30px;
}

.item_link,
.item_link_b {
	font-size: 15px;
}

.item_link01 {
	display: inline;
	color: #A48C60;
	border: 1px solid #A48C60;
	padding: 2px 10px;
}

.item_link02 a {
	display: inline;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 2px 20px;
}

.item_link02 a:hover {
	background: #FFF;
	color: #333;
	text-decoration: none;
}

.item_link_b .item_link01 {
	color: #A48C60;
	border: 1px solid #A48C60;
}

.item_link_b .item_link02 a {
	color: #333;
	border: 1px solid #333;
}

.item_link_b .item_link02 a:hover {
	background: #333;
	color: #FFF;
}




/* sp */

@media screen and (max-width:640px){

#main_title,
#first01 {
	width: 100%;
	margin: 0 auto 30px;
}

#first01 p {
	width: 96%;
	margin: 0 2%;
}


#item section {
	line-height: 120%;
	width: 100%;
	height: auto;
	padding: 20px 5%;
	margin: 0 auto;
}

#oilprotect {
	background: #313131;
	color: #FFF;
}

#oilprotect section {
	background: url(../first/img/op_first_bg.jpg);
}

#skincolor {
	background: #D0CABD;
	color: #333;
}

#skincolor section {
	background: url(../first/img/sc_first_bg.jpg);
}

#acnelotion {
	background: #052649;
	color: #FFF;
}

#acnelotion section {
	background: url(../first/img/ac_first_bg.jpg);
}

#item .left_txt {
	padding-top: 0px;
	width: 65%;
	float: left;
}

#item .right_img {
	padding-top: 0px;
	width: 35%;
	float: right;
}

#item .right_txt {
	padding-top: 0px;
	width: 65%;
	float: right;
}

#item .left_img {
	padding-top: 0px;
	width: 35%;
	float: left;
}

.item_txt01 {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	letter-spacing: 0em;
	margin-bottom: 20px;
}

.item_txt02 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	margin-bottom: 20px;
}

.item_txt03 {
	font-size: 11px;
	margin-bottom: 10px;
}

.item_link span,
.item_link_b span {
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
}

.item_link01 {
	width: 50%;
	display: block;
	color: #A48C60;
	border: 1px solid #A48C60;
	padding: 2px 10px;
}

.item_link02 a {
	display: block;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 7px 20px;
}

.item_link02 a:hover {
	background: #FFF;
	color: #333;
	text-decoration: none;
}

.item_link_b .item_link01 {
	color: #A48C60;
	border: 1px solid #A48C60;
}

.item_link_b .item_link02 a {
	color: #333;
	border: 1px solid #333;
}

.item_link_b .item_link02 a:hover {
	background: #333;
	color: #FFF;
}

}