@charset "utf-8";

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

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

/* calendar */
button .ui-datepicker-trigger img{width:100%;}


.cal-prev-btn,
.cal-next-btn{color:#fff !important;}
.cal-select-year {
    width: 50px !important;
}
.cal-select-month {
    width: 30px !important;
}


.cl_main{color:#008bd2;}
.bg_main{background-color:#008bd2;}
.border_none{border:none !important;}
.border_B,.border_B2,.border_B3{border-bottom:solid 2px #008bd2;}

.clearleft{clear:left;}



body {
	font-family: "Sawarabi Mincho";
	color: #444;
	font-size: 17px;
	line-height: 1.8;
	text-align: left;
	-webkit-text-size-adjust: 100%;
width:100%; margin:0; padding:0;position:relative;
}

.mainwrapper{position:relative;}
.center{margin-left:auto; margin-right:auto;}
.left  {text-align:left;}
.right {text-align:right;}

h1,
h2,
#index2 .honbun dl dt,
#index3 .honbun dl dt,
#index1 h1{font-family: "Sawarabi Mincho";}

h2{ text-align: center !important;}

/*
h1,
#index2 .honbun dl dt,
#index3 .honbun dl dt{font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO",'メイリオ',Meiryo;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#index1 h1{font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',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: #8dc21f;
}
a:visited {
	text-decoration: none;
	color: #8dc21f;
}
a:hover {
	text-decoration: none;
	color: #8dc21f;
}
a:active {
	text-decoration: none;
//	color: #8dc21f;
}

/*
#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
---------------------------------------------*/
.midashi_wrapper	{ width:100%; clear:both;}
.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;}

.tS		{ font-size:0.8em;}
.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_sub		{color:		#8fbc39;}
.bg_sub		{background:	#8fbc39;}

.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:	#f7f7f7;}


.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;}






.ttl-info{
	display: block;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 20px;
    padding-left: 1.5em;
    margin-bottom: 6px;
	  box-sizing: border-box;
}
.ttl-info:before{
	content: "\f05a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 0;
    top: -0.35em;
    font-size: 1.5em;
    font-weight: normal;
}




.btn-link{
	font-size: 80%;
	padding: .5em 1em;
	color: #8dc21f !important;
	font-weight: bold;


}