@charset "utf-8";



/* --------------------------------------------------------------------------------
　【スマートフォン】医薬販売に関する記載事項
-------------------------------------------------------------------------------- */
#med_info{
	
}

/********** 大見出し **********/
#med_info h2 {
	margin: 0 0 4vw;
	padding: 2vw 3vw;
	border-radius: 0.9vw 0.9vw 0 0;
	border-bottom: none;
	color: #fff;
	background: #0b4a92;
	font-weight: normal;
	font-size: 4.8vw;
}

/********** section **********/
#med_info section section {
	padding: 0 0 10vw;
}

/********** 中見出し **********/
#med_info h3 {
	padding: 0 0 2vw;
	font-weight: normal;
	letter-spacing: -0.05em;
	font-size: 4.8vw;
}

/********** 小見出し **********/
#med_info h4 {
	padding: 0 0 2vw;
	font-size: 3.6vw;
}

/********** table **********/
#med_info table {
	display: block;
	
	width: 100%;
}
#med_info table tbody {
	display: block;
}
#med_info table tr {
	display: block;
}
#med_info table tr:last-child {
	border-bottom: solid 0.3vw #cecece;
}
#med_info table th {
	display: block;
	
	width: 100%;
	padding: 1vw 0;
	border: solid 0.3vw #cecece;
	border-bottom: none;
	line-height: 1.7;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -0.05em;
	background: #eee;
}
#med_info table td {
	display: block;
	
	padding: 1vw 2vw;
	border: solid 0.3vw #cecece;
	border-bottom: none;
	line-height: 1.7;
	letter-spacing: -0.05em;
	vertical-align: middle;
}
#med_info table td.td-cell-heading {
	border-bottom: solid 0.3vw #cecece;
}
#med_info table td a:link {
	text-decoration: underline;
}







#med_info #boxscroll{
	padding: 0 0 6px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}





#med_info .tbl-narrow table {
	width: 200%;
	
	display: table;
}
#med_info .tbl-narrow table tbody {
	display: table-row-group;
}
#med_info .tbl-narrow table tr {
	display: table-row;
}
#med_info .tbl-narrow table th {
	display: table-cell;
	width: auto;
}
#med_info .tbl-narrow table th:nth-child(1) {
	width: 20%;
}
#med_info .tbl-narrow table td {
	display: table-cell;
	width: calc(80% / 12);
	padding: 2vw 0;
	text-align: center;
}

/********** txt-system **********/
#med_info .txt-system{
	padding: 2vw 0 0;
}
#med_info .txt-system a{
	text-decoration: underline;
}

/********** shop-img **********/
#med_info .shop-img .device-pc{
	display: none;
}


#med_info .shop-img table{
	border: none;
}
#med_info .shop-img table th{
}
#med_info .shop-img table td{
	padding: 3vw 0 5vw;
}
#med_info .shop-img table td.img-shop-ex img{
	display: block;
	width: 50vw;
	height: auto;
	margin: 0 auto;
}
#med_info .shop-img table td.img-shop-in img{
	display: block;
	width: 50vw;
	height: auto;
	margin: 0 auto;
}
#med_info .shop-img table td p{
	margin: 0 0 5vw;
}
#med_info .shop-img table td p:last-child{
	margin: 0 0 0;
}

/********** 販売 **********/
#med_info .hanbai table th{
}
#med_info .hanbai table td p{
	margin: 0 0 5vw;
}
#med_info .hanbai table td p:last-child{
	margin: 0 0 0;
}

/* イロハリスト */
#med_info .hanbai ol{
	position: relative;
	margin: 0 0 0 -10px;
	padding: 0 0 0; 
}
#med_info .hanbai ol li{
	margin: 0 0 5.5vw 11vw;
	text-indent: -10vw;
}
#med_info .hanbai ol li.mark-i::before{
	content: '（イ）';
}
#med_info .hanbai ol li.mark-ro::before{
	content: '（ロ）';
}
#med_info .hanbai ol li.mark-ha::before{
	content: '（ハ）';
}