@charset "utf-8";

/* データ確認カウント用 */
/*#brand_btm{ counter-reset:number; }
.count li{ position: relative; }
 li:before{
	counter-increment: number;
	content: counter(number);
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: -40px;
	width: 50px;
	height: 22px;
}
*/


/*=======================================================
	検索
=======================================================*/
#clinics_main{ padding: 30px 50px 30px; }
.hidden_pc { display: none !important; }
.hidden_sp { display: block !important; }

#btn_cont{
	margin: 15px 0;
	text-align: center;
	vertical-align: middle;
}
#btn_cont img{ margin: 0 10px; }
#btn_contshop{
	margin: 50px 0 10px;
	vertical-align: top;
}
#clinicsShopindex #btn_contshop{
	margin: 0;
	padding: 30px 50px 30px;
	background-color: #fff;
}

/* ecshop */
.ecshop_list{
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ecshop_list li{
	margin-right: 1.5%;
	width: 24%;
	align-items: center;
}
.ecshop_list li:last-child{
	margin-right: 0;
}
.ecshop_list li a{
	display: block;
	border: 1px solid #b9b9b9;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ecshop_list li:first-child a{
	background-color: #f5fdff;
}
.ecshop_list li a img{
	width: 198px;
}
.ecshop_list li a:hover{
	opacity: 0.7;
}

#btn_contshop h5{
	margin: 5px 0;
	padding: 5px 5px;
	background:#ccc;
	clear:both;
	font-size: 1.4rem;
}
#btn_contshop p{
	padding: 10px 0 20px;
	width:415px;
	float:left;
}
#btn_contshop span{
	display: block;
	width: 200px;
	float: left;
}
h4.shopTtl{
	margin:0 0 10px;
	padding:10px 0;
	border-bottom:1px solid #ccc;
	font-size: 1.4rem;
}
#btn_contshop a.bana{
	margin: 0 5px 5px 0;
	display:block;
	text-align:center;
	float:left;
}
#btn_contshop a.bana img{
	margin-right: 5px;
	width: 180px;
	height: auto;
}
#btn_contshop a.bana:hover img{
	opacity: 0.7;
}
#btn_contshop a#eOnline{ width:190px; }


/*---------------------------------------------
	clinics shop
---------------------------------------------*/
#content_header.shoplist_header{ padding-bottom: 20px; }
#content_header.shoplist_header h2{
	font-size: 1.4rem;
}

/* 検索TOPへ戻る */
.backtop{
	margin: 0 auto;
	width: 650px;
	text-align: right;
}
.backtop a{
	padding-left: 10px;
	text-align: right;
	background: url(../img/arrow_back.png) no-repeat left center;
}


/* clinicsListNav */
#clinicsListNav {
	margin: 0 auto;
	width: 650px;
}
#clinicsListNav h3 {
	margin-bottom: 10px;
	padding: 3px 0 0 7px;
	font-size: 16px;
	border-left: 3px solid #085ea9;
	color: #17408d;
}
#clinicsListNav dl{
	margin: 0 auto 15px;
	width: 650px;
	background: url(../img/clinicsListNav_bg.png) repeat-y left top;
	border-bottom: 1px solid #ccc;
}
#clinicsListNav dl dt{
	margin: 0 -190px 0 0;
	padding: 10px 0 10px 10px;
	float: left;
	clear: both;
	display: inline;
	width: 160px;
	font-weight: bold;
	font-size: 14px;
	color: #17408d;
}
#clinicsListNav dl dd{
	border-top: 1px solid #ccc;
	padding: 0 0 0 180px;
	overflow: hidden;
	font-size: 13px;
}
#clinicsListNav dl dd h4{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #17408d;
}
#clinicsListNav dd ul{ margin-top: -1px; }
#clinicsListNav dd ul li{
	padding: 10px 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
}
#clinicsListNav dl dd .shopAddress{
	width: 330px;
	display: block;
	float: left;
}
#clinicsListNav dl dd .shopTel{
	margin-left: 15px;
	padding-left: 18px;
	width: 8em;
	display: block;
	float: right;
	background: url(../img/ico_shopTel.png) no-repeat left 0.2em;
	background-size: 12px auto;
	word-wrap:break-word;
	white-space: normal;
	font-size: 1.4rem;
}


/*---------------------------------------------
	clinics shop
---------------------------------------------*/
/* 検索TOPへ戻る */
.backtop{
	margin: 0 auto;
	width: 850px;
	text-align: right;
}
.backtop a{
	padding-left: 10px;
	text-align: right;
	background: url(../img/arrow_back.png) no-repeat left center;
}


/* clinicsListNav */
#clinicsListNav {
	margin: 0 auto;
	width: 850px;
}
#clinicsListNav h3 {
	margin-bottom: 10px;
	padding: 3px 0 0 7px;
	font-size: 1.7rem;
	border-left: 3px solid #085ea9;
	color: #17408d;
}
#clinicsListNav dl{
	margin: 0 auto 15px;
	width: 850px;
	background: url(../img/clinicsListNav_bg.png) repeat-y left top;
	border-bottom: 1px solid #ccc;
}
#clinicsListNav dl dt{
	margin: 0 -190px 0 0;
	padding: 10px 0 10px 10px;
	float: left;
	clear: both;
	display: inline;
	width: 160px;
	font-weight: bold;
	font-size: 1.5rem;
	color: #17408d;
}
#clinicsListNav dl dd{
	border-top: 1px solid #ccc;
	padding: 0 0 0 180px;
	overflow: hidden;
	font-size: 13px;
}
#clinicsListNav dl dd h4{
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	color: #17408d;
}
#clinicsListNav dd ul{ margin-top: -1px; }
#clinicsListNav dd ul li{
	padding: 10px 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
}
#clinicsListNav dl dd .shopAddress{
	width: 500px;
	display: block;
	float: left;
}


/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (max-width: 767px) {
	.hidden_pc { display: block !important; }
	.hidden_sp { display: none !important; }
	.header_sp{
		margin-bottom: 20px;
	}
	.header_sp p{
		margin-bottom: 5px;
	}
	#content_header.shoplist_header{
		padding: 5px 0;
	}
	#btn_contshop{
		margin: 30px 10px 10px;
		padding-bottom: 15px;
	}
	#clinicsShopindex #btn_contshop{
		margin: 0 0 10px;
		padding: 30px 10px 15px;
		background-color: #fff;
	}
	#btn_contshop p{
		margin: 0 auto;
		float: none;
		width: 100%;
		padding: 5px 0 10px;
		text-align: center;
	}
	#clinicsShopindex #clinics_main { display: none; }
	#btn_contshop a.bana{
		margin: 0;
		display: inline-block;
		float: none;
		width: auto;
	}
	
	#clinicsShopindex #clinics_main{display:none;}

	/* ecshop */
	.ecshop_list{
		display: block;
	}
	.ecshop_list li{
		margin: 0 0 5px 0;
		width: 100%;
	}
	
	/* clinicsListNav */
	.backtop{
		margin: 0 auto;
		text-align: right;
	}
	.backtop a{
		padding-left: 10px;
		text-align: right;
	}
	#clinicsListNav{
		margin: 0 3%;
		width: auto;
	}
	#clinicsListNav h3 {
		margin-bottom: 10px;
		padding: 3px 0 0 7px;
		font-size: 16px;
		border-left: 3px solid #085ea9;
		color: #17408d;
	}
	#clinicsListNav dl{
		margin: 0 auto 5px;
		border-bottom: 1px solid #ccc;
		background:#E7F0F3;
		width: 100%;
	}
	#clinicsListNav dl dt{
		margin: 0;
		padding: 10px 0 10px 10px;
		display: inline;
		font-weight: bold;
		font-size: 14px;
		color: #17408d;
		width: auto;
		float: none;
	}
	#clinicsListNav dl dd{
		padding: 0;
		border-top: 1px solid #ccc;
		background:#fff;
		font-size: 13px;
	}
	#clinicsListNav dl dd h4{
		margin: 0;
		padding: 0;
		font-size: 14px;
		color: #17408d;
	}

	#clinicsListNav dd ul li{
		padding: 10px 0;
		border-top: 1px solid #ccc;
	}
	#clinicsListNav dl dd .shopAddress{
		display: block;
		width: 100%;
	}
	#clinicsListNav dl dd .shopTel{
		padding-left: 15px;
		display: inline-block;
		text-align: right;
		background: none;
		vertical-align: middle;
		width: 100%;
	}
	#clinicsListNav dl dd .shopTel:before{
		content: ' ';
		margin: -2px 3px 0 0;
		display: inline-block;
		width: 12px;
		height: 16px;
		background: url(../img/ico_shopTel.png) no-repeat right 0;
		background-size: 12px auto;
		vertical-align: middle;
	}

	#clinics_areaLink{
		background:url(../img/s/japanmap.gif) no-repeat center 150px;
	}
	#clinics_areaLink h2{margin: 0 0 0 5px;}
	#clinics_areaLink a{
		display:inline-block;
		border-right:1px solid #ccc;
		padding:0 8px 0 5px;
		font-size: 1.5rem;
	}
	#clinics_areaLink a:last-child{
		border: none;
	}
	p#upDate{
		text-align:right;
		margin:10px 0 0;
	}
	#content_header h2,
	#content_header p{
		margin: 0 10px;
	}
	#clinics_areaLink{
		padding: 10px 10px 30px;
		background-color: #fff;
	}
	#clinics_areaLink >div{
		padding: 0 0 5px;
	}
	#clinics_main{
		margin-top: 10px;
		padding: 0;
	}
	.backtop{
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
}