@charset "utf-8";

/* 当サイトのスタイル記述のうち全てのデバイス共通のもの */
/* 160404 */

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	*font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background-color: #fff;
	color: #444;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: solid 2px #0F4386;
}

h1,
#index2 .honbun dl dt,
#index3 .honbun dl dt,
#index4 h2,
#glaucoma_story h2,
#whats_glaucoma h2,
.min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#index1 h1 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	*font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.imgsizer img {
	width: 100%;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.bg-w {
	background: #fff;
}

blockquote {
	display: block;
	margin: 0 0 30px 50px;
}

blockquote p {
	margin: 0 0 0.2em 0;
}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #0F4386;
}

a:visited {
	text-decoration: none;
	color: #0F4386;
}

a:hover {
	text-decoration: none;
	color: #0F4386;
}

a:active {
	text-decoration: none;
	//	color: #0F4386;
}

/*
#topic a span{color:#333 !important;}
#topic a {color:#333 !important;}
#topic a:hover span{color:#1B96D5 !important; text-decoration:underline;}
#topic a:hover {color:#aaa !important; text-decoration:underline;}
 */
p {
	margin-bottom: 1em;
	text-align: justify;
}


.nav-collapse ul li a:hover {
	text-decoration: underline;
}

.x4wrapper a:hover {
	text-decoration: underline;
	opacity: 0.5;
}

#f_nav div ul li a:hover {
	text-decoration: underline;
}

/*---------------------------------------------
 ** common
---------------------------------------------*/
.wrapper {
	width: 100%;
	clear: both;
}

.wrapperB {
	width: 100%;
	clear: none;
}

div.clear {
	width: 100%;
	height: 3px;
	font-size: 2px;
	clear: both;
}


.tC {
	text-align: center;
}

.tL {
	text-align: left;
}

.tR {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.w050pct {
	width: 50%;
}

.w100pct {
	width: 100%;
}

.w-20px {
	width: calc(100% - 20px);
}

.w-30px {
	width: calc(100% - 30px);
}

.w-40px {
	width: calc(100% - 40px);
}

.font_sss {
	font-size: 0.8em !important;
}

.over_zoom {
	_zoom: 1;
	overflow: hidden;
}

.doct {
	font-weight: bold;
	float: right;
	margin: 15px 0 0 0;
	color: #EF94BD;
}

.m_0auto {
	margin: 0 auto;
}

.m_T_06 {
	margin-top: 6px !important;
}

.m_T_10 {
	margin-top: 10px !important;
}

.m_T_20 {
	margin-top: 20px !important;
}

.m_T_30 {
	margin-top: 30px !important;
}

.m_T_35 {
	margin-top: 35px !important;
}

.m_T_40 {
	margin-top: 40px !important;
}

.m_B_00 {
	margin-bottom: 0 !important;
}

.m_B_10 {
	margin-bottom: 10px !important;
}

.m_B_20 {
	margin-bottom: 20px !important;
}

.m_B_25 {
	margin-bottom: 25px !important;
}

.m_B_30 {
	margin-bottom: 30px !important;
}

.m_B_35 {
	margin-bottom: 35px !important;
}

.m_B_40 {
	margin-bottom: 40px !important;
}

.m_B_50 {
	margin-bottom: 50px;
}

.m_B_55 {
	margin-bottom: 55px;
}

.m_B_60 {
	margin-bottom: 60px;
}

.m_L_15 {
	margin-left: 15px;
}

.m_L_20 {
	margin-left: 20px;
}

.m_L_30 {
	margin-left: 30px;
}

.m_L_40 {
	margin-left: 40px;
}

.m_L_50 {
	margin-left: 50px;
}

.m_L_60 {
	margin-left: 60px;
}

.m_R_10 {
	margin-right: 10px;
}

.m_R_15 {
	margin-right: 15px;
}

.m_R_20 {
	margin-right: 20px;
}

.m_R_30 {
	margin-right: 30px;
}

.m_R_40 {
	margin-right: 40px;
}

.m_R_50 {
	margin-right: 50px;
}


.p_0_2 {
	padding: 0 2px;
}

.p_10_0 {
	padding: 10px 0;
}

.p_R_10 {
	padding-right: 10px;
}

.p_15 {
	padding: 15px;
}

.float_L {
	float: left;
}

.float_R {
	float: right;
}

/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol {
	padding: 0;
}

nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
	font-size: 80%;
}

nav#breadcrumbs ol li:before {
	content: " > ";
}

nav#breadcrumbs ol li:first-child:before {
	content: "";
}

/* a hover */
.hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.hover:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* 背景サイズ */
.bg_free {
	background-size: contain !important;
}

/* カラー */
.cl_main {
	color: #0F4386;
}

/* ベースカラー 濃紺*/
.bg_main {
	background: #0F4386;
}

.cl_sub {
	color: #1B96D5;
}

/* ミディアムブルー */
.bg_sub {
	background: #1B96D5;
}

.cl_alt1 {
	color: #0F4386;
}

/* 濃い青色 */
.bg_alt1 {
	background: #0F4386;
}

.cl_alt2 {
	color: #A9CAF5;
}

/* 薄い青色（info欄の背景） */
.bg_alt2 {
	background: #A9CAF5;
}

.cl_alt3 {
	color: #99CCFF;
}

/* 水色（画像アクセント） */
.bg_alt3 {
	background: #99CCFF;
}

.cl_alt4 {
	color: #EEFAFF;
}

/* 淡い水色（切り替えの背景色） */
.bg_alt4 {
	background: #EEFAFF;
}

.cl_alt5 {
	color: #E3F1FF;
}

/* 淡い水色（フッターの背景色） */
.bg_alt5 {
	background: #E3F1FF;
}

.cl_fff {
	color: #fff;
}

.bg_fff {
	background: #fff;
}

.bg_gray {
	background: #EDEDED;
}


.cl_dark {
	color: #333;
}


.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.lh_09e {
	line-height: 0.9em;
}

.lh_10e {
	line-height: 1.0em;
}

.lh_14e {
	line-height: 1.4em;
}

.fs_06r {
	font-size: 0.6rem;
}

.fs_08r {
	font-size: 0.8rem;
}

.fs_09r {
	font-size: 0.9rem;
}


/* シャドウ */
.box_shadow {
	-webkit-box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1);
}

/* 角丸 */
.maru {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.maru10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.maru20 {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.maru p,
.maru10 p,
maru20 p {
	margin-bottom: 0;
}

/*---------------------------------------------
 ** width
---------------------------------------------*/
.w_200 {
	width: 200px;
}

.w_250 {
	width: 250px;
}

.w_270 {
	width: 270px;
}

.w_280 {
	width: 280px;
}

.w_300 {
	width: 300px;
}

.w_400 {
	width: 400px;
}

.w_420 {
	width: 420px;
}

.w_440 {
	width: 440px;
}


.bg_blue {
	background-color: rgb(249, 249, 249);
	border-color: rgb(238, 238, 238);
	border-width: 1px;
	padding: 20px;
	border-style: solid;
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	border-width: 1px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-style: solid;
}

/*---------------------------------------------
 ** 画像のcss
---------------------------------------------*/
.img_R {
	float: right;
	margin: 0 0 0 30px;
}

.img_L {
	float: left;
	margin: 0 40px 0 0;
}

.img_C {
	float: left;
	margin: 0 0 20px 0;
}


/*---------------------------------------------
 ** body, box
---------------------------------------------*/
#footer p {
	font-size: 0.9em;
}

/*#index p, #doctor p,#first p,#clinic p,#treat p,#faq p,#access p {font-size:0.9em;}*/



.href_ara {
	display: block;
	width: 100%;
	height: 100%;
}

.punderimg {
	margin-top: 1em !important;
	text-align: left !important;
	margin-bottom: 0;
}

.doctor_nm {
	font-weight: bold;
	color: #0D4385;
}

.dfile {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.dfile a {
	display: block;
}

.dfile img {
	width: 90%;
	height: auto;
	max-width: 400px;
}

.dfile a+a {
	margin-top: 20px;
}

/* 小児治験 */
.trial_ban {
	max-width: 980px;
	margin: 10px auto 0;
	text-align: center;
}

.trial_ban img {
	width: 98%;
	margin: 0 auto;
}

.trial_ban_sp {
	display: none;
}


/* ベストドクターズ追加 */
.bestdoctors {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background: url(../img/index/bestdoctor_bg.png) repeat-x top left #062b63;
	padding: 20px 0;
}

.bestdoctors_in {
	width: 100%;
	text-align: center;

}

.bestdoctors .waku_bd {
	width: 95%;
	background: url(../img/index/bestdoctor_top.png) no-repeat top center;
	background-size: 100% auto;
	position: relative;
	display: flex;
	margin: 0 auto;
	padding-top: 50px;
}

.bestdoctors .waku_bd::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 120px;
	background: url(../img/index/bestdoctor_bottom.png) no-repeat top center;
	background-size: 100%;
	bottom: -93px;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.bestdoctors .waku_bd img {
	width: 33%;
	height: 100%;
	max-width: 294px;
	margin: 0 auto 0;
	padding-top: 10px;
	padding-left: 50px;

}

.bestdoctors .waku_bd div {
	width: 60%;
	margin: 0 auto;
}

.bestdoctors .waku_bd div p {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-size: 90%;
	padding-right: 20px;
}

.bestdoctors .waku_bd div p.waku_text span {
	font-size: 80%;
}

.bestdoctors .waku_bd div p.mincho {
	font-family: 'Noto Serif JP', serif;
	font-size: 30px !important;
	margin-bottom: 10px;
	margin-top: 10px;
}

.bestdoctors .about_bd {
	width: 90%;
	margin: 60px auto 0;
}

.bestdoctors .about_bd p {
	font-size: 80%;
	color: #fff;
	margin-bottom: 0 !important;
}

.bestdoctors .about_bd .title_bd {
	font-size: 100%;
	font-weight: bold;
}

.bestdoctors .about_bd .right_bd {
	text-align: right;
}

.bestdoctors .about_bd p a {
	color: #fff;
	text-decoration: underline;
}

.bestdoctors .about_bd p a:hover {
	text-decoration: none;
}


.cata_gla .abt {
	width: 95%;
	text-align: center;
	margin: 0 auto 20px;
}

.cata_gla table {
	width: 95%;
	max-width: 700px;
	margin: 0 auto;
}

.cata_gla table tr td p {
	margin: 5px 0 8px;
}

.cata_graph {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cata_graph>div {
	width: 45%;
	margin-bottom: 40px;
}

.cata_graph>div h2 {
	font-size: 120%;
	font-weight: bold;
	border-left: 8px solid #0F4386;
	padding: 13px 0 10px 20px;
	background: #ecf1fa;
	line-height: 1.4;
}

.cata_graph>div h2 span {
	font-weight: normal;
}

.cata_graph>div img {
	width: 100%;
}

.corona {
	width: 95%;
	max-width: 980px;
	background: #fff;
	margin: 10px auto 0;
	padding: 0 0 20px;
}

.corona h2 {
	font-size: 130%;
	text-align: center;
	font-weight: bold;
	padding: 20px 20px 0;
	color: #0F4386;
	line-height: 1.4;
}

.corona .please {
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px auto;
}

.corona .please>div {
	width: 73%;
}

.corona .please>div ul {
	width: 85%;
	margin: 20px auto 10px;
}

.corona .please>div li {
	list-style: disc;
}

.corona .please>div p {
	width: 90%;
	margin: 0px auto;
}

.corona .please>img {
	width: 22%;
}

.corona .please h3 {
	background: #0F4386;
	text-align: center;
	color: #fff;
	padding: 5px 0 3px;
	font-size: 105%;
	font-weight: bold;
	border-radius: 5px;
	line-height: 1.4;
}

.corona .effort {
	background: #ccc;
	width: calc(95% - 130px);
	background: url(../img/common/corona_icon02.png) no-repeat center right 5% #e4f1ff;
	background-size: 80px auto;
	padding: 20px 100px 20px 30px;
	margin: 10px auto 0;
}

.corona .effort h3 {
	color: #0F4386;
	padding: 0px 0;
	font-size: 110%;
	font-weight: bold;
}

.sp_br {
	display: none;
}



a.btn-pdf {
	background: #FFF;
	color: #104583;
	border: 1px solid #104583;
	padding: 1em 2em 0.8em;
	font-weight: bold;
	border-radius: 50px;
	margin: 15px auto 11px;
	display: block;
	width: 260px;
	text-align: center;
}

.btn-pdf span {
	display: block;
	font-size: 14px;
}

/* hover */
.btn-pdf {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.btn-pdf:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}



/* 各種メディア掲載 */
.col-wrapper {
	max-width: 980px;
	margin: 20px auto 60px;
	background: #e3f1fe;
	border-radius: 8px;
	padding: 1.5em;
	box-sizing: border-box;
}

.col-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1em;
}



.ttl-01 {
	color: #124386;
	font-weight: bold;
	font-size: 22px;
	border-bottom: 5px solid #124386;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
}

.col-2 .item.L {
	flex: 1;
}

.col-2 .item.R {
	max-width: 42.5%;
}

.col-2 .item img {
	width: 100%;
	height: auto;
}

/* hover */
.hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.hover:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

@media (max-width: 767px) {
	.col-wrapper {
		width: 90%;
		margin-top: unset;

	}

	.col-2 {
		flex-direction: column;
	}

	.col-2 .item.R {
		max-width: 100%;
	}
}