@charset "utf-8";

/*----------------------------------------------------*/ 
/* fontControl
------------------------------------------------------*/ 

#contents.large_text .row {
	font-size:115%;
}

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

#contents.large_text .row {
	font-size:100%;
}

}

/*----------------------------------------------------*/ 
/* pageVi
------------------------------------------------------*/ 

.pageVi {
	background:url(/lib/image/healthcare/otc/bg_otc_01.png) repeat-y center center;
	padding:0;
}

.pageVi .vi {
	position:relative;
}

.pageVi .vi .pageviNotice {
	border:1px solid #7f7f7f;
	bottom:15px;
	color:#7f7f7f;
	display:inline-block;
	font-size:86%;
	margin:0;
	padding:1px .3em;
	position:absolute;
	right:20px;
}


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

.pageVi {	padding:0;}
.pageVi .vi img { width:100%;}

.pageVi.oronaine .leadTitle {	background:#FEB72E;}
.pageVi.saralin .leadTitle {		background:#ff5f38;}
.pageVi.urepearl .leadTitle {		background:#ed9200;}

.pageVi .vi .pageviNotice {
	right:10px;
}


}

/*----------------------------------------------------*/ 
/* lineup
------------------------------------------------------*/ 

.productList {
	display:table;
	padding:0;
	position:relative;
	width:100%;
	margin-bottom:20px;
}

.productList .vi {
	position:relative;
}

.productList .title {
	position:absolute;
	top:30%;
	left:30px;
	z-index:10;
}

.productList .title dt {
	font-size:165%;
	margin-bottom:5px;
}

.productList .title dd {
	font-size:100%;
}

.productList .title p.p01 {	font-size:165%;}
.productList .title p.p02 {	font-size:143%;}

.productList .data {
	position:absolute;
	top:50%;
	right:30px;
	z-index:10;
	margin-top:-3em;
}

.productList .data p {
	background:#FFF;
	display:inline-block;
	padding:.5em 1em;
}

.productList ul.notice {
	bottom:0;
	position:absolute;
	right:20px;
}

.productList ul.notice li {
	color:#7f7f7f;
	font-size:86%;
	display:inline-block;
	margin-left:1em;
} 

.productList ul.notice li.border {
	border:1px solid #7f7f7f;
	padding:1px .3em;
}

.productList_lead {
	background:#F0F0F0;
	padding:15px 10px;
	text-align:center;
	font-size:108%;
	margin:0 0 20px 0;
}

.productList_lead p { margin:0;}


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

.productList {
	background:url(/lib/image/healthcare/otc/bg_otc_02.png) repeat-y center center;
	background-size:100% auto;
	padding:15px 0;
}

.productList .vi,
.productList .title,
.productList .data,
.productList ul.notice {
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	margin:0;
}

.productList .vi img { width:100%;}
.productList .title { padding:0 10px;}


.productList .title dt {	font-size:115%;}
.productList .title dd {	font-size:100%;}

.productList .title p.p01 {	font-size:108%; font-weight:bold;}
.productList .title p.p02 {	font-size:108%;}
.productList .title p br { display:none;}

.productList .data { text-align:center; }
.productList ul.notice {
	text-align:right;
	padding:0 10px 0 0;
}

}