@import url("layout_sp.css");

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

/* ----------------------------------------------- header */
#header {
	height: 280px;
	background-position: center 60px;
}

/**/
#header div.lead {
	display: none;
}

/* ----------------------------------------------- nav */
#nav {
	position: absolute;
	top: 0;
}
#nav ul li a {
	font-weight: 400;
}
#nav ul li a:hover {
}
#nav .blank {
	background-image: none;
}
#nav .blank:hover {
	background-image: none;
}

/* ----------------------------------------------- 製品開発の特長 */
.feature h2 {
	padding: 30px 20px;
	font-size: 160%;
	letter-spacing: 0px;
}

.feature ul {
	display: block;
	padding: 0px 0px 70px 0px;
	width: auto;
}
.feature ul li {
	display: block;
	width: auto;
	margin-bottom: 10px;
	height: 150px;
	vertical-align: middle;
	padding: 0px 0px 0px 150px;
	background-repeat: no-repeat;
	background-position: left 0px;
}
.feature ul li:nth-child(1) {
	background-image: url(../img/sp_index_feature_1.png);
}
.feature ul li:nth-child(2) {
	background-image: url(../img/sp_index_feature_2.png);
}
.feature ul li:nth-child(3) {
	background-image: url(../img/sp_index_feature_3.png);
}
.feature ul li h3 {
	font-size: 110%;
	text-align: left;
	padding-top: 10px;
}
.feature ul li h3 br,
.feature ul li p br {
	display: none;
}
.feature ul li p {
	font-size: 90%;
	text-align: left;
}
.feature ul li:nth-child(1) p,
.feature ul li:nth-child(2) p {
	padding: 15px 0px;
}
.feature ul li a {
	display: block;
	font-size: 90%;
	width: 150px;
	margin: 0px 10px 10px 0px;
	padding: 5px 10px 5px 5px;
}

/* ----------------------------------------------- Dr.saiboシリーズ */
.dr_saibo h2 {
	padding: 50px 0px 20px 0px;
	font-size: 180%;
	text-align: center;
}
.dr_saibo h2 a {
	display: block;
	margin: 10px 25px;
	padding: 10px 10px;
}
.dr_saibo h2 a:hover {
}

.dr_saibo ul {
	display: block;
	padding: 0px 0px 160px 0px;
	width: auto;
}
.dr_saibo ul li {
	display: block;
	width: auto;
}
.dr_saibo ul li div {
	background-size: 60%;
	margin-bottom: 20px;
	padding: 170px 0px 20px 0px;
	text-align: center;
	background-position: center 15px;
}
.dr_saibo ul li div h3 {
	margin: 0px;
	font-size: 150%;
	font-weight: 300;
}
.dr_saibo ul li div p {
	margin: 0px;
}
.dr_saibo ul li div a {
	display: block;
	margin: 10px auto;
}

/* ----------------------------------------------- ドクターコスメのOEM */
.oem {
	display: none;
}

/* ----------------------------------------------- インフォメーション */
.info {
	width: auto;
	padding: 30px 20px;
}
.info h3 {
	font-size: 150%;
	text-align: center;
}
.info div {
}
.info table {
	width: auto;
}
.info table th,
.info table td {
	display: block;
	border-bottom: 1px dotted #ccc;
}
.info table th {
	width: 100%;
	padding: 15px 0px 0px 0px;
	border: none;
}

}