@charset "utf-8";

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

/* fook */
.only_pc_none {display:none!important; }
.sp_br{display: none;}


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

/* 見出し h */
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2{margin-bottom: 34px;}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ font-size: 26px; }

/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {}

/*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
.nav-toggle{ display:none !important;}

#nav         { position:relative; width:450px; height:214px; float:left;}
#nav ul      { width: 100%; height: 100%;  }
#nav ul li   {  height:214px; display: block; text-align:center; padding: 0 0 0; float:left; z-index:1; text-indent:100%; white-space:nowrap; overflow:hidden;  }
#nav ul li:last-of-type{margin-right:0px;}
#nav ul li a      { width:100%; height:100%; padding: 0 0 0 0; position:relative; color:#444; text-decoration:none; display:block; }
#nav ul li a:hover { }

#nav ul li#nav01 { width:121px; background:url( ../img/common/nav.jpg) 0 0; }
#nav ul li#nav01 :hover  { width:121px; background:url( ../img/common/nav.jpg) 0 -214px; }
#clinic #nav ul li#nav01 { width:121px; background:url( ../img/common/nav.jpg) 0 -214px; }

#nav ul li#nav02 { width:110px; background:url( ../img/common/nav.jpg) -121px 0; }
#nav ul li#nav02 :hover  { width:110px; background:url( ../img/common/nav.jpg) -121px -214px; }
#guide #nav ul li#nav02   { width:110px; background:url( ../img/common/nav.jpg) -121px -214px; }

#nav ul li#nav03 { width:110px; background:url( ../img/common/nav.jpg) -231px 0; }
#nav ul li#nav03 :hover  { width:110px; background:url( ../img/common/nav.jpg) -231px -214px; }
#doctor #nav ul li#nav03   { width:110px; background:url( ../img/common/nav.jpg) -231px -214px; }

#nav ul li#nav04 { width:109px; background:url( ../img/common/nav.jpg) -341px 0; }
#nav ul li#nav04 :hover  { width:109px; background:url( ../img/common/nav.jpg) -341px -214px; }
#access #nav ul li#nav04   { width:109px; background:url( ../img/common/nav.jpg) -341px -214px; }



/*---------------------------------------------
 ** width
---------------------------------------------*/
.w1100{width:1100px !important;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mb0{ margin-bottom: 0 !important;}

/*---------------------------------------------
 ** flex_wrapper
---------------------------------------------*/
.flex_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/
/*---------------------------------------------
 ** ヘッダー
---------------------------------------------*/
/* ヘッダー */
.header_wrapper { border-bottom:1px solid #DDDDDD; position:relative;}
#index .header_wrapper { border-bottom:none;}

.header_wrapper:after{width: 100%; height: 1px; position: absolute; bottom: 3px; left: 0px; right:0; margin:0 auto; border-bottom:1px solid #DDDDDD; content: ''; }
#index .header_wrapper:after{ display:none;}
.header_inner {}

/* ロゴ */
#logo {margin: 20px auto 0;display:  block;position:  absolute;left:  0;right:  0;top: 18px;z-index:  999;}
#logo {width: 134px;height: 156px; top: 8px;}
#logo a {background: url( ../img/common/inner_logo.png) 0 0 no-repeat !important; }


#index #logo {width: 280px !important;height: 220px !important;}

/* お問い合わせ右 */
.contact_wrapper { width: 418px; float: right; }

/* TEL */
.tel {width: 357px;height: 107px;float:left;margin: 22px 0 0 0;background:url( ../img/common/tel.jpg?date=20220209) 0 0 no-repeat; text-indent:-999em; position:relative;}
.tel:before{width: 1px;height: 47px;position: absolute;top: 10px;left: -33px;background:#CDCDCD;content: '';}
.tel:after{width: 1px; height: 47px; position: absolute; top: 10px; right: -35px; background:#CDCDCD; content: ''; }

.header_bt { display:flex;flex-wrap:wrap;justify-content: space-between;}
.header_bt li {width: 150px;  }
.header_bt li:nth-of-type(1) { margin-left:50px; }
.header_bt li:nth-of-type(2) { margin-right:50px; }
.header_bt a {color:#FFF; text-decoration:none;  display:block; }
.header_bt a img{ width:70px !important; height:20px !important; margin-bottom: 5px;}

/* メインイメージ */
.main_img {height: 260px; text-align:center; position:relative; display: none;}
#index .main_img {height: 600px;margin-bottom: 78px; display: block;}



/*---------------------------------------------
 **  フッター
---------------------------------------------*/
/* フッター */
.footer_inner   {width: 1100px;padding: 60px 0 46px 0;_zoom: 1;overflow: hidden;}
.footer_inner_L { width: 525px; float: right; }
.footer_inner_R {width: 550px;float: left;text-align:center;padding: 32px 0 0 0;}

.footer_add { font-size:28px; color:#3F3025; text-align:center; }
.footer_add dd span { display:block; margin:-10px 0 0 0;}

#footer .tel {margin: 31px auto;float:  none;display:  block;}


/* ページTOPへ */
#pageTop a {  width: 55.5px; height: 67px; }


/*=================================================================================================================================*/
/**  TOPコンテンツ	*/
/*=================================================================================================================================*/
.news_wrapper { padding: 16px 40px 20px 40px; overflow: hidden;}
.news_wrapper>h3 {font-size: 15px;border-right:2px solid #004DA1;display:block;width: 162px;/* text-align:center; */float:  left;margin:  5px 0 0 0 ;}

.news_R { width:calc(100% - 220px); float:left; margin-left: 50px; }

.news_slid { width: 100% display: table;}
.news_slid dt { display: table-cell; vertical-align: middle;}
.news_slid dd { display: table-cell; padding: 0 20px;}
.news_slid dd a { color:#FF0000; }
.news_slid dt a { color:#FFF; }
.news_slid dd p { padding: 0 ; margin: 0; font-size:20px ;}

.h2_top_01{ font-size: 28px; font-family: "M PLUS 1p"; }
.h2_top_01 span { display: inline; color: #EC7000;  font-size: 28px !important;}

/*
.h2_top_01 {width: 488px;height: 131px;background: url( ../img/titile/h2_top_01.jpg) 0 0 no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;margin-top: 45px;}
.h2_top_01 span {display: inline;}
*/
.representative_skin_inner{width: calc((100%-30px)/4);text-align:center; margin-bottom: 50px; background: url( ../img/top/line.gif) no-repeat right center;}
.representative_skin_inner:nth-of-type(4n){ background:none !important;}
.representative_skin_inner h3{ font-size:20px; font-weight:900; }
.representative_skin_img { width:200px; margin:0 auto 20px;}
.representative_skin_inner a { width:250px; }
.representative_skin_img {position: relative;}
.representative_skin_img:after{z-index:  -1;width: 200px;height: 200px;position: absolute;top: 7px;left: 12px;background: url( ../img/top/top_img_02_shadow.png) no-repeat;content: '';}

.station { width:350px; font-size:20px;  }

/* table */
table.time_table{width: 100%;border: 1px solid #FFF ;border-collapse: separate;border-spacing: 10px !important;text-align:center;border-style:solid;_zoom: 1;overflow: hidden;border: none;color:#F7B52C; margin-bottom:15px;}
table.time_table th{background-color: #004DA1;padding: 12px 5px;color:#FFF;font-size: 19px; line-height:1.4;}
table.time_table th span {display:block;font-size: 10px;}
table.time_table td{background-color: #EFF9FE;padding:  0px;color:#EC7000;font-size: 34px;}
table.time_table td span{color: #666257;font-weight:bold; font-size:20px;}

.sat_td { line-height:1.2;}
.sat_td span{font-size: 12px !important;display: block;margin: 0 0 0 0;}
.doc_td span{font-size: 12px !important;display: block;margin: -15px 0 0 0 !important; color:#EC7000 !important;}

.am_span,
.pm_span{display:inline-block;background:#004DA1;color:#FFF !important;font-size:18px !important;padding:2px 10px 0px;margin: 0 13px 19px 0;}

.midashi_time {width:330px;}
table.time_table th{}

.top_news .bdw_waku{position:absolute;top: -135px;left:  0;right:  0;margin: 0 auto;}

#copyright {background:#004DA1;color:#FFF;padding: 53px 0 23px;margin: -30px 0 0 0;}
.copyright_inner { width:1100px; margin:0 auto; text-align:left; position:relative; }
.footer_bt {width: 412px;position:absolute;bottom: -4px;right: -20px;}
.footer_bt ul li{ background:#FFF; }
.footer_bt ul li a{ color:#004DA1; }
.footer_bt ul li img{ width:70px; height: 20px; margin-top: 5px !important;}

/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/
.main_img_inner h1{ display: inline-block; color:#EC7000; font-size:40px; position: relative;}
.main_img_inner h1:before{width: 16px;height: 17px;position: absolute;top: 30px;left: -37px;background: url( ../img/common/main_img_L.png) no-repeat;content: '';}
.main_img_inner h1:after{width: 16px; height: 17px; position: absolute; top: 30px; right: -37px; background: url( ../img/common/main_img_R.png) no-repeat; content: ''; }

/* 当院について */
.flex_item_clounm_2 {width: 48.5%;}
.clinic_flex_inner dt { position:relative; }
.clinic_flex_inner dt h3{ width:67px; height:145px; background:#EC7000; position:absolute; top:0; right:20px; margin:0;}
.h3_clinic_01 span,
.h3_clinic_02 span,
.h3_clinic_03 span,
.h3_clinic_04 span,
.h3_clinic_05 span,
.h3_clinic_06 span,
.h3_clinic_07 span,
.h3_clinic_08 span{ width:20px; height:98px; margin:20px auto;  display:block; text-indent:100%; white-space:nowrap; overflow:hidden; }

.h3_clinic_01 span { background:url( ../img/clinic/h3_clinic_01.png) no-repeat;}
.h3_clinic_02 span { background:url( ../img/clinic/h3_clinic_02.png) no-repeat;}
.h3_clinic_03 span { background:url( ../img/clinic/h3_clinic_03.png) no-repeat;}
.h3_clinic_04 span { background:url( ../img/clinic/h3_clinic_04.png) no-repeat;}
.h3_clinic_05 span { background:url( ../img/clinic/h3_clinic_05.png) no-repeat;}
.h3_clinic_06 span { background:url( ../img/clinic/h3_clinic_06.png) no-repeat;}
.h3_clinic_07 span { background:url( ../img/clinic/h3_clinic_07.png) no-repeat;}
.h3_clinic_08 span { background:url( ../img/clinic/h3_clinic_08.png) no-repeat;}

.clinic_flex_inner dd ul li span { font-size: 18px; font-weight: bold; }

.clinic_houshin { }
.clinic_houshin { text-align:center;}
.clinic_houshin h3{ width:850px;height:80px;margin: 12px auto 8px !important; background:  url( ../img/clinic/pc_houshin.jpg) 0 0 no-repeat;}
.clinic_houshin h3 span{ text-indent:-999em; display:block;}


/* 診療案内 */
#guide .box_half:nth-of-type(odd){ float:right !important;  position: relative; width: calc((50% - 20px));margin-right:0;}
#guide .box_half:nth-of-type(even){ float:left !important; position: relative;width: calc((50% - 20px));margin-right:20px;}

.img_box_med{width: 235px;float: left;}

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

.med_wrapper_01 {width: 750px;margin-right: 50px;float: left;}
.bd_box {padding: 40px 35px 20px;}

.fl  { float: left;}

.access_add { font-size:30px; margin-bottom:0; }

.access_map_img{ width:800px; margin:0 auto; }

#access .access_map_cl2:after{width: 1px; height: 110px;position: absolute;top: 0px;right: -15px;background:#CDCDCD;content: '';}
#access .access_map_cl2:nth-of-type(2):after  { display:none;}

.access_map_wrapper { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; height:545px; _zoom: 1; overflow: hidden; }

#doctor_lr .box_half:nth-of-type(odd){ float:right !important;  position: relative; width: calc((50% - 20px));margin-right:0;}
#doctor_lr .box_half:nth-of-type(even){ float:left !important; position: relative;width: calc((50% - 20px));margin-right:20px;}
.img_doctor_01{ width:550px;}

.doctor_name {font-size:30px; margin:55px 0 40px;  }
.doctor_name span { font-size:20px; padding-right:15px;}



.doctor_keireki { }
.doctor_keireki dt { float:left; margin-right:130px; }
.doctor_keireki dt:after{width: 146px;height: 2px;position: absolute;top: 71px;left: 140px;background:#EC7000;content: '';}
.doctor_keireki dd { width:750px;float:left; padding-top: 37px; }

.img_doctor_01.rijityo { padding-top:20px;} 


.rijityo_keireki.doctor_keireki dt {margin-right: 124px;}
.rijityo_keireki.doctor_keireki dd {width: 230px;}

.rijityo_name.doctor_name {font-size:30px;margin: 155px 0 40px;}



/*=================================================================================================================================*/
/**  ニュース改変	*/
/*=================================================================================================================================*/
.newsBlock {border:2px solid #004DA1;background:#EFF9FE;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding: 20px 40px;}
.newsBlock { padding: 16px 40px 20px 40px; overflow: hidden; display: flex;}
.newsBlock>h3 {font-size: 18px; border-right:2px solid #004DA1; display:block; width: 210px; margin:  5px 0 0 0 ; padding-top:50px;}
.newsWrapper{ margin-top: 10px;}

.newsBlock dt span a{ width:100px; display:inline-block; background:#FF0000; color:#FFF; text-align: center; font-weight:bold; padding:0 15px; margin-right: 15px; }
.newsBlock dd p{ font-size: 12px;}
.newsBlock dd p strong{ font-size: 18px;}

.news_area{ width: 100%; display: flex; margin-left: 20px;}
section.top_news{ margin-bottom: 100px;}
.bdw_waku { padding: 10px; background:#FFF; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }



/*=================================================================================================================================*/
/**  診療時間変更*/
/*=================================================================================================================================*/
.time12-13 td span{ margin-top: 15px;}
.time12-13 td .am_span{ background-color: #fff; color:#EC7000 !important; border: 1px solid #EC7000;}




}