@charset "utf-8";

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

/* 角丸 */
.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;}

.w_50p a{ width: 50% !important; margin: 0 auto !important;}

/*---------------------------------------------
	body
  ---------------------------------------------*/
  html{ scroll-behavior: smooth;}
body {
	/*もとのフォント
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*/
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

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

a {	outline: none;}
a:link {text-decoration: none;color: #371411; text-decoration:underline;}
a:visited {text-decoration: none;color: #371411;}
a:hover {	text-decoration: none;	color: #FF4C4C;}
a:active {	text-decoration: none;	color: #FF4C4C;}

/*---------------------------------------------
 ** common div
---------------------------------------------*/
#content	{ width:100%; clear:both;}

/*---------------------------------------------
 ** 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;}
.w_880{width:880px !important;}
.w_1040{width:980px;}

/*---------------------------------------------
	p
---------------------------------------------*/
p {margin-bottom: 1em; }

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.m0a{margin: 0 auto;}

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

.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

/*---------------------------------------------
 ** float
---------------------------------------------*/
.float_L{ float:left;}
.float_R{ float:right;}

.img_R{ float:right; margin:0 0 0 30px;}
.img_L{ float: left; margin:0 30px 0 0 ;}
.img_C{ float: left; margin:0  0 20px 0 ;}

/*---------------------------------------------
 ** float解除
---------------------------------------------*/
.over_zoom{_zoom: 1;	overflow: hidden;}
.clear	{ width:100%; height:3px; font-size:2px; clear:both;}

/*---------------------------------------------
 ** ON OFF 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 )"; }

/*---------------------------------------------
 **  画像角丸
---------------------------------------------*/
img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

/*---------------------------------------------
 **  ページトップ
---------------------------------------------*/
#pageTop {z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 9px 3px 0px 3px;
  border-radius: 30px;
  width: 44px;
  height: 40px;
  background-color: #371311;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*---------------------------------------------
 ** ボタン
---------------------------------------------*/

/* ボタンアニメーション　設定　ぷにょん */
@keyframes gelatine {
from,to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
from,to {
-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}
@-webkit-keyframes gelatine {
from,to {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
from,to {
-webkit-transform: scale(1, 1);transform: scale(1, 1);}
25% {-webkit-transform: scale(0.9, 1.1);transform: scale(0.9, 1.1);}
50% {-webkit-transform: scale(1.1, 0.9);transform: scale(1.1, 0.9);}
75% {-webkit-transform: scale(0.95, 1.05);transform: scale(0.95, 1.05);}
}








/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
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:"";
}

.anv_1st{ width: 90%; height: auto;margin: 0 auto 30px; }
.tac { text-align: center;}

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/
@media screen and (max-width: 320px) {
}

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

body{color:#444;}

.float_L{ display:block; float:none;}
.float_R{ display:block; float:none;}

.img_box{ margin-bottom:20px;}
/* fook */
.only_tab, .only_pc	{display:none;}
.only_sp		{display:inline;}
.only_sp_none {display:none!important; }
.sp_br{display: inline;}

/*画像*/
img{max-width:100%; height:auto;}

/*---------------------------------------------
 ** box ブロック SP
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main			{margin-bottom:50px;padding: 20px  0 0 0px;}

/* ベースBOX */
.box_wrapper{ width: 100%; margin-bottom: 30px;}
.box_cont,.box_cont_doctor{width:100% ; height:auto;_zoom: 1;overflow: hidden;}
.box_cont_inner {width: 90%;margin: 0 5% 30px;_zoom: 1;overflow: hidden;}
.box_cont_inner_wide{width:100%; margin:0 0 30px ;}
.box_cont_inner_wide_sp{width:100%; margin:0 0 30px ;}

/* フッター　左右 */
#ftrL,#ftrR{margin-bottom:30px;padding: 0 2%;width: 46%;float: left;}



}

/*=================================================================================================================================*/
/** 個別指定 for タブレット
/*=================================================================================================================================*/
 @media screen and (min-width: 741px) and (max-width: 979px) {

 /* fook */
.only_sp, .only_pc	{display:none;}
.only_tab		{display:inline;}
.only_tab_none {display:none!important; }
.sp_br{display: none;}

/*---------------------------------------------
 ** box ブロック TAB
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main{margin-bottom:50px;padding: 20px  0 0 0px;}

/* ベースBOX */
.box_wrapper{ width: 100%; margin-bottom: 30px;}
.box_cont,.box_cont_doctor{width:100% ; height:auto;_zoom: 1;overflow: hidden;}
.box_cont_inner {width: 90%;margin: 0 5% 30px;_zoom: 1;overflow: hidden;}
.box_cont_inner_wide{width:100%; margin:0 0 30px ;}

/* フッター　左右 */
#ftrL,#ftrR{margin-bottom:30px;padding: 0 2%;width: 46%;float: left;}




}


/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 980px) {

/* fook */
.only_tab, .only_sp	{display:none;}
.only_pc		{display:inline;}
.only_pc_none {display:none!important; }
.sp_br{display: none;}


/*---------------------------------------------
 **  box ブロック PC
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main{width: 100%;margin: 0 auto; padding: 0 0 0px; }
body#top #main{width: 100%;margin: 0 auto;padding: 0px 0 0px;}

/* ベースBOX */
.box_cont{width: 1090px;height: 100%;margin: 0 auto 30px auto;padding: 25px 0 0 0;_zoom: 1;overflow: hidden;position: relative;}
.box_inner_cont{ width: 1040px; margin:0 auto 25px auto;_zoom: 1;overflow: hidden;}

}

/*---------------------------------------------
 ** main img
---------------------------------------------*/
body#clinic div.main_img_wrapper 	 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#treat div.main_img_wrapper 	 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#pediatrics div.main_img_wrapper {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#first div.main_img_wrapper 	 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#doctor div.main_img_wrapper 	 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#access div.main_img_wrapper 	 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#reservation div.main_img_wrapper{width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#news div.main_img_wrapper 		 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}
body#faq div.main_img_wrapper 		 {width: 100%; background: url(../img/main_img/top_01.jpg) center top; background-size: cover;}


.footer_b {
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
    background: #fff;
}
.footer_b a img {
    width: 80px !important;
    margin: 0 auto;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}



.top_only_anv { display: none;  }
#top .top_only_anv { display: block;  }


/* １周年記念バナー */
.wrapper_all { text-align:center; background:#F4EDD2; padding:25px 0 }
.wrapper_all img{ width:80%; }

/* ライフキネティック */
.lifekinetick{ width: 50%; margin: 10px;}


.private{
  width:100%!important;
  max-width:1200px;
  margin:1% auto 3%;
  z-index:9999;
}
.private img{
  width:100%!important;
}

.private .img_pc{
  display: block;
}

.private .img_sp{
  display: none;
}