@charset "UTF-8";

#mv.mv-doctor-cosme {
	background: #d8d7d5 url(../images/mv-doctor-cosme.jpg) 80% -30px;
	background-size: 1240px;
}

#mv .label, .doctor-cosme-cat-lists li .label {
	display: inline-block;
	padding: 5px 8px 8px;
	line-height: 1.0;
}

#mv .label {
	margin-bottom: 3px;
	font-size: 1.4rem;
}

#in-page-nav li a {
	padding-left: 10px;
	padding-right: 10px;
}

.brand-logo-lists {
	margin-top: 30px;
	margin-bottom: -30px;
}

.brand-logo-lists li {
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}

.brand-logo-lists li img {
	width: 100%;
}

.brand-logo-lists li div {
	padding: 15px;
}

.brand-logo-lists li p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-top: 10px;
}

.doctor-cosme-cat-lists {
	margin-top: 30px;
}

.doctor-cosme-cat-lists li .leftbox, .doctor-cosme-item-lists li .leftbox {
	width: 35%;
	margin-right: 5%;
}

.doctor-cosme-cat-lists li .leftbox img, .doctor-cosme-item-lists li .leftbox img {
	margin: 0;
	width: 100%;
}

.doctor-cosme-cat-lists li h3 {
	font-size: 2.0rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.doctor-cosme-cat-lists li .btn-green, .doctor-cosme-item-lists li .btn-green {
	margin-left: 0;
}

.doctor-cosme-cat-lists li .label {
	margin-bottom: 20px;
}

.doctor-cosme-item-lists {
	margin-top: 40px;
}

.doctor-cosme-item-lists > li {
	border-width: 0 0 1px;
	padding-bottom: 35px;
	margin-bottom: 35px;
}

.doctor-cosme-item-lists li p {
	margin-top: 15px;
}

.doctor-cosme-item-lists li .price {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 3.8rem;
	line-height: 1.0;
}

.doctor-cosme-item-lists li .price span {
	font-size: 1.2rem;
	margin-left: 7px;
}

.doctor-cosme-item-lists > li:last-child {
	border: none;
}

.doctor-cosme-item-lists li h2 {
	font-size: 2.2rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.doctor-cosme-item-lists li .btn-green {
	margin-left: 0;
}

.item-mark-lists {
	margin-bottom: -10px;
}

.item-mark-lists li {
	width: 50px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.item-mark-lists li:last-child {
	margin-right: 0;
}

.item-mark-lists li figcaption {
	font-size: 1.2rem;
	line-height: 1.2;
	margin-top: 7px;
	text-align: center;
}

.item-mark-lists li figure img {
	width: 100%;
}

.item-mark-lists li .btn-green {
	margin-left: 0;
}

.item-mark-lists {
	margin-bottom: 0;
}

.relation-article .item-mark-lists {
	margin-top: 10px;
}

.relation-article .item-mark-lists li {
	border: none;
	width: 40px !important;
}

.sub-loop {
	margin-top: 30px;
}

.sub-loop h3 {
	font-size: 2.0rem;
	line-height: 1.0;
	padding: 10px;
	margin-bottom: 15px;
}

.sub-loop .read {
	margin-top: 0 !important;
}

.sub-loop .price {
	margin-bottom: 0 !important;
}

.sub-loop .price + .read {
	margin-top: 10px !important;
}



@media screen and (max-width: 834px) {
	#mv.mv-doctor-cosme {
		background-size: cover;
		background-position: 40% 0;
	}
	
	.doctor-cosme-cat-lists li .leftbox, .doctor-cosme-item-lists li .leftbox {
		margin-bottom: 25px;
		width: 100%;
		margin-right: 0;
	}
	
	.doctor-cosme-cat-lists li img.leftbox, .doctor-cosme-item-lists li img.leftbox, .doctor-cosme-cat-lists li a.leftbox img, .doctor-cosme-item-lists li a.leftbox img {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.doctor-cosme-item-lists li h2, .doctor-cosme-item-lists li .price {
		text-align: center;
	}
	
	.doctor-cosme-item-lists li h3, .doctor-cosme-cat-lists li h3 {
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	
	.doctor-cosme-cat-lists li .btn-green, .doctor-cosme-item-lists li .btn-green {
		margin-left: auto;
	}
	
	.item-mark-lists li {
		margin-left: 10px;
	}
	
	.brand-logo-lists {
		margin-left: -2%;
		margin-bottom: -20px;
	}
	
	.brand-logo-lists li {
		width: 31%;
		margin: 0 0 20px 2%;
	}
	
	.brand-logo-lists li p {
		font-size: 1.4rem;
	}
	
	.doctor-cosme-item-lists li a > img {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	
	.doctor-cosme-item-lists li h3 {
		text-align: center;
	}
	
	.doctor-cosme-item-lists li .item-mark-lists {
		justify-content: center;
	}
	
}