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

.p-content {
	padding-bottom: 250px !important;
}

/*cosmetic*/
.p-maintitle .c-icon.cosmetic {
	background: url(../img/cosmetic/icon_cosmetic.png) no-repeat left top;
	background-size: 90px 90px;
}
.p-cosmetic_list {
	display: table;
	clear: both;
}
.p-cosmetic_list .p-cosme {
	display: table;
	clear: both;
}
.p-cosmetic_list .p-cosme .p-images {
	float: left;
}
.p-cosmetic_list .p-cosme .p-images .c-image {
	position: relative;
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 28px 25px 20px;
	border: #8ABAD2 solid 2px;
	border-radius: 10px;
	box-shadow: 0 0 5px 3px #CCCCCC;
	box-sizing: border-box;
}
.p-cosmetic_list .p-cosme .p-images .c-image:before {
	content: "";
	position: absolute;
	right: -3px;
	bottom: -3px;
	width: 31px;
	height: 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no1:before {
	background: url(../img/cosmetic/icon_no1.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no2:before {
	background: url(../img/cosmetic/icon_no2.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no3:before {
	background: url(../img/cosmetic/icon_no3.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no4:before {
	background: url(../img/cosmetic/icon_no4.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no5:before {
	background: url(../img/cosmetic/icon_no5.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no6:before {
	background: url(../img/cosmetic/icon_no6.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no7:before {
	background: url(../img/cosmetic/icon_no7.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no8:before {
	background: url(../img/cosmetic/icon_no8.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image.no9:before {
	background: url(../img/cosmetic/icon_no9.png) no-repeat;
	background-size: 31px 31px;
}
.p-cosmetic_list .p-cosme .p-images .c-image img {
	border-radius: 8px;
}
.p-cosmetic_list .p-cosme .p-detail {
	float: left;
	width: 620px;
	margin: 0 30px 0 0;
}
.p-cosmetic_list .p-cosme .p-detail .p-volume {
	table-layout: fixed;
	width: 100%;
	margin: 0 0 10px;
	border: #4892B7 solid 1px;
	border-bottom: none;
}
.p-cosmetic_list .p-cosme .p-detail .p-volume .c-th {
	width: 300px;
	padding: 8px 20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #4C6A77;
	text-align: left;
	background-color: #D8E8EF;
	border-bottom: #4892B7 solid 1px;
}
.p-cosmetic_list .p-cosme .p-detail .p-volume .c-td {
	width: auto;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	border-bottom: #4892B7 solid 1px;
}
.p-cosmetic_list .p-cosme .p-detail .text {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding: 0 0 15px;
}
@media print, screen and (max-width: 1199px) {
	
	.p-content {
		padding-bottom: 20px !important;
	}
	.p-cosmetic_list .p-cosme .p-images {
		float: none;
		display: block;
		vertical-align: top;
		text-align: center;
		margin: 0 auto;
	}
	.p-cosmetic_list .p-cosme .p-images .c-image {
		display: inline-block;
		margin: 0 10px 25px;
	}
	.p-cosmetic_list .p-cosme .p-detail {
		float: none;
		width: 100%;
		margin: 0;
	}
	.p-cosmetic_list .p-cosme .p-detail .p-volume .c-th {
		width: auto;
	}

}