@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("detail.css");
@import url("navi.css");
@import url("top.css");

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');


/*  -------------------------------------------------------------------------------------------------------------------- */

/* ベースレイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */


html{	font-size:100%;}


body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	height:100%;
	line-height:1.8;
	background:#FFF;
	-webkit-text-size-adjust: none;
	font-weight:400;
	background:#F9F7F3;
}

.serif{ font-family: 'Noto Serif JP', serif;}


/* ヘッダー幅 */

nav ul{margin:auto;  width:1000px; }
#summary{  width:1000px; margin:auto; position:relative; }


/* ページ幅 */

.wrap,
.pageTitle
{margin:auto; width:1000px; }


/* PC ページ幅*/
@media print, screen and (min-width: 737px) {

.pcwrap{margin:auto; width:1000px; }
}





/* メインレイアウト幅 */
#main{width:1000px; margin:auto;}


#contentArea{  padding-bottom:5rem;}

/* サイドバー幅 
#side{ float:right;  width:230px; }*/



/*  -------------------------------------------------------------------------------------------------------------------- */

/* 基本要素 */

/*  -------------------------------------------------------------------------------------------------------------------- */


/*hover PC*/
@media print, screen and (min-width: 737px) {
#content a:hover{ color:#F7891E;}
a img:hover{ opacity:0.8;}
}

a{  color:#09C;}


a.more-link,
.link a,
.links a{ text-decoration:none; color:#333;}
.top .newsinfo p.headline a{color:#333;}


/* パーツカラー */
/*  ------------------------------------------------------------ */

/* ●＆■ */
ul li:before,.headListTable th:before { color:#F8C080;}
h4:before, .sq:before , .profHead:before{color:#876A50;}




/* 太字テキスト */

.color,
.top #main .read-area h2,
p.tx-b,
dl.headingText dt,
#side .tel
{color:#BA7E36;}

.colorBlue{color:#0C64B8;}

.colorRed{color:#B51509;}

dl.headingText dt.link a{}





/* お知らせパーツ */
.news-block{ border-color:#EBE2DB;}
.news h2{ border-color:#7D6B55;}
.date{    color: #AA8467;}
.news .newstext {  border-color:#999;}








/*基本要素要素 フォントサイズ */
/*  ------------------------------------------------------------ */


.pageTitle h2{font-size:1.5rem ;}
#contentArea h3{font-size:1.2rem;}
dl.headingText dt{ font-size:106%; }
.tx-b{ font-size:120%;}



/*基本要素要素マージン */
/*  ------------------------------------------------------------ */

 p{ margin-bottom:1.2rem;}

ul, ol{ margin-bottom: 1.5rem; }
li{  margin-bottom:0.6rem}

dl.headingText{ margin-bottom: 1.2rem;}
dl.headingText dd + dt{ margin-top:1.2rem; }




/*  -------------------------------------------------------------------------------------------------------------------- */

/* 変更デザインパーツ */

/*  -------------------------------------------------------------------------------------------------------------------- */



h1{ position: absolute; right:0; top:8px; font-size:75%; z-index:100;}


/* ヘッダー */
/*  ------------------------------------------------------------ */
header{background:#FFFFFF; border-top:6px solid #7D6B55;}
	
header .logo{ height:130px;}

/*header .headRight{position: absolute; right:0; bottom:15px; display:flex; align-items:flex-end;}*/
header p.tel{position: absolute; right:210px; bottom:25px; }
header p.yoyaku{position: absolute; right:0; bottom:25px; }





/* ヘッダナビ */
/*  ------------------------------------------------------------ */


/*PCのみ*/
@media print, screen and (min-width: 737px) {
/* ナビ背景 */
nav{
	width:100%;
	height:61px;
	min-width: 1000px;
}


/* メニューボタンサイズ */

nav#globalMenu li a{	width:100%; height:61px; display:block; }
nav#globalMenu li{/* text-indent:-5000px; */margin-right:0px;}
nav#globalMenu li.menu06{margin-right:0;}
nav#globalMenu li.on { background-position:left -61px;}
nav#globalMenu li a{ box-sizing:border-box; background-repeat:no-repeat;}



header .spTop{ display:none;}



/* メニューボタンデザイン */

nav#globalMenu li.menu1 { background-image:url(../images/menu1.png); width:100px;}
nav#globalMenu li.menu2 { background-image:url(../images/menu2.png); width:150px;}
nav#globalMenu li.menu3 { background-image:url(../images/menu3.png); width:150px;}
nav#globalMenu li.menu4 { background-image:url(../images/menu4.png); width:150px;}
nav#globalMenu li.menu5 { background-image:url(../images/menu5.png); width:150px;}
nav#globalMenu li.menu6 { background-image:url(../images/menu6.png); width:150px;}
nav#globalMenu li.menu7 { background-image:url(../images/menu7.png); width:150px;}



}


/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */
/*

#head{transition: .5s;  position:fixed;top: 0; left: 0; width:100%;}
#titleArea{	margin-top:191px ;}

*/

/* 以下高さの合計
#header border-top +
#header .logo  + 
#head .head-menu li a height
*/



/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */

/* ページBG*/
#mid #titleArea {background:#EDE1CA url(../images/midImg.jpg) no-repeat left center;
  text-align:right; height:200px; 
	 margin-bottom:30px;}


/* ミドルビジュアル*/
#titleArea .midMV {
	margin-bottom: 40px;}

#titleArea h2{
	display:flex; 
	align-items: center;
	justify-content:flex-end;
	height:200px;
	width:1024px;
	text-align:right;
	padding: 0 0px 0 0;
	font-size:1.7rem;
	font-weight:400;
	color:#0C64B8;
}







/* Ｈタグ */
/*  ------------------------------------------------------------ */


/* メインタイトル */


.pageTitle h2{
border-bottom: dotted 1px #999;
margin:0 auto 1.5rem;
font-weight:500;
line-height:1.4;
display: flex;
align-items: center;
}

.pageTitle h2:before{
	content:"";
	height: 2.4rem;
	margin: 1rem 1rem 0.8rem 0;
	border-radius:5px;
	background: #7D6B55;
	width: 8px;
}





/* レイアウト内 H3 */

#contentArea h3{
	background:#876A50;
	color:#FFF;
margin: 4rem 0 1.5rem;
line-height: 1.2;
font-weight:500;
position:relative;
border-top: 5px solid #4C3A2D;
border-left: none;
border-right: none;
border-bottom: none;
border-radius: 0;

	height: 4rem;
	align-items: center;
	display: flex;
	padding-left: 2.4rem;
}

#contentArea h3:before{
	content:"";
	border-radius:4px;
	position: absolute;
	height: 2rem;
	width:8px;
	top: 50%;
	left: 1rem;
	margin: -1rem 0 0;
	background:#E6E0DB;

}

/* SP */
@media screen and (max-width: 736px) {
#contentArea h3{ 	height: 3.6rem;}

}




/* サイド ブロック */
/*  ------------------------------------------------------------ */


#side .sideBlock{
	 border:#DBDBDB solid 1px;
	 border-radius: 5px;
	box-shadow:0 3px 5px rgba(0,0,0,0.1); 
}

#side .sideInfo{ padding:5px 10px 15px;}

#side .sideInfo ul{ margin-bottom:1rem;}
#side .sideInfo p.link{ margin-bottom:0;}


/* 表テーブル*/
/*  ------------------------------------------------------------ */


table.listTable{  border:solid 1px #E6E6E6; margin: 0 0 10px;border-bottom:none; text-align:left;}
table.listTable td{ padding:10px; border-right:solid 1px #E6E6E6;}
table.listTable td.colorTD{background:#ECF7EE; border-right:solid 1px #E6E6E6; font-weight:500;}

table.listTable th{ padding:10px;
	background:#F8F8F8;
	border-right:solid 1px #E6E6E6; 
	border-bottom:solid 1px #E6E6E6;
	font-weight:500;}
	
table.listTable td{
	border-bottom:solid 1px #E6E6E6;
}




/* プロフィール */
/* =================================================== */

table.profContent{ text-align:left; }
table.profContent th , table.profContent td{ vertical-align:top;  padding-bottom: 0.3rem;}
table.profContent th{ padding-right:1.5rem; }

.profile.dotline{ margin-bottom:2rem; padding-bottom:2rem;}
.profile .floatBlock{ margin-bottom:20px;}
p.profHead,
.profContent p ,
p.profContent{ margin-bottom:0rem;}





/*  ------------------------------------------------------------ */

/*診療時間テーブル*/

/*  ------------------------------------------------------------ */

/*基礎*/
table.timeTable{ width:100%; text-align:center; box-sizing:border-box; margin-bottom:0.5rem; }
table.timeTable th{ font-size:92%;  box-sizing:border-box;  line-height:1.6rem; padding:0.5rem 0;}
table.timeTable td{box-sizing:border-box; }
table.timeTable td.schedule{font-size:100%; }

table.timeTable td.timeHead{ white-space:nowrap; line-height:1.5; width:30%; padding: 0.6rem 0.3rem; font-size:75%;}
.timeTable .timeHead span{   font-size:140%; font-family: 'Roboto', sans-serif; font-weight:500;}
.timeTable .day{}


/*変更要素*/

table.timeTable{color:#423934;}
table.timeTable tr{border-bottom:#B3B0AE solid 1px;  }
table.timeTable tr:nth-child(2){border-bottom:#B3B0AE dotted 1px;  }

table.timeTable th{ }
table.timeTable th:first-child{}
table.timeTable td {width:10%;}

table.timeTable td.timeHead{ color:#19191A;}
table.timeTable td.schedule{font-size:105%; color:#7D6B55;}


/* SP */
@media screen and (max-width: 736px) {
#clinicInfoArea table.timeTable th{ padding-top:0rem;}

}


/* フットエリア（ */
/*  ------------------------------------------------------------ */



/* フッタ */
footer .wrap{ padding:0 }
footer{ width:100%;}




/*PCのみ*/
@media print, screen and (min-width: 737px) {
footer #clinicInfoArea{background:#EEE7E1; width:100%; border-top:3px solid #7D6B55; font-size:0.95rem; line-height:1.6;  padding:2.8rem 0 ;}
footer .infoAccess{ margin-top:4rem;}
}


footer #clinicInfoArea h2{margin-bottom:2rem;}
.holiday{background:url(../images/iconHoliday.png) no-repeat left center; padding:0rem 0 0.2rem 4rem;}
.infoTel{margin:2rem 0 2.4rem;}
.infoMapImg{border:1px solid #7D6B55; box-sizing:border-box; margin:0;}

/*インフォアイコン*/

.iconTime{
	background:url(../images/iconTime.png) no-repeat left 0.1rem;
	background-size: 1.4rem auto;
	padding:0 0 0.3rem 30px;
	 margin:0 0 0.2rem 0;
	font-size:108%; font-weight:500;}


.iconAccess{
	background:url(../images/iconAccess.png) no-repeat left 0.2rem;
	background-size: 1.4rem auto;
	padding:0 0 0.2rem 30px;
	 margin:0 0 0.6rem 0;
	font-size:108%; font-weight:500;
}

.iconParking{padding:0;
	 margin:1rem 0 0;
	font-size:1.8rem; font-weight:600;
	color:#423934;
	display:flex;
	height:2rem;
	align-items:center;
}

.iconParking:before {
  content: '';/*何も入れない*/

  width: 2rem;/*画像の幅*/
  height: 2rem;/*画像の高さ*/
  background: url(../images/iconParking.png) no-repeat;
  background-size: contain;

  margin-right: 0.7rem;
}



footer #clinicInfoArea ul.list li{margin-bottom:0.5rem;}



footer #foot{  background:#5F4E3C; color:#FFFFFF; width:100%;}
footer #foot .wrap{ position:relative;}
footer #foot .footInner{display:flex; padding:0.8rem 0;}


footer #foot .link-btnR_wh:before{ 
    background-size: 100%;
	background:url( ../images/common/btnR_wh.svg) no-repeat left 0.24rem; padding-bottom:0.3rem;}
.link-btnR_wh a{ text-decoration:none; color:#fff;}

footer #foot .link-btnR_wh{position:absolute; right:0; top:0.4rem;}


.footLink{ display:flex; font-size:0.8rem;  }
.footLink ul{ display:flex; margin-bottom:0 !important;}
#content .footLink a{ color:#FFF; text-decoration:none;}
#content .footLink a:hover{text-decoration:none; color:#FFF}
.footLink li:after{ content:"|" ; padding:0 0.4rem;}
.footLink2 li:last-child:after{ content:""; padding:0;}

footer #foot h2{margin-right: auto; font-size:110%; font-weight:500; margin-right:2rem;}

footer #copyright{background:#5F4E3C; border-top:1px solid #817364; font-size:70%; text-align:left; color:#FFF;
	font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%; padding:0.4rem 0;}

#footSearchLink{ padding:2rem 0 0; border-top: dotted 1px #CCCCCC;}


#footSearchLink h2{
	font-size:1rem;
	color:#0C64B8;
	font-weight:600;
	background:url(../images/icon_search.png) no-repeat left center;
	background-size: 1rem auto;
	padding:0 0 0 1.3rem;
	 margin:0 0 0.4rem 0;

}

#footSearchLink ul{
	display:flex;
  flex-wrap: wrap;
  line-height:1.8;
}

#footSearchLink li{
	font-size:0.85rem;
	margin-right:0.8rem;
	margin-bottom: 0.4rem;
}

#footSearchLink li a{ color:#333333; text-decoration:none;}
#footSearchLink li a:hover{text-decoration: underline;}


/*  ------------------------------------------------------------ */

/*ＰＣＳＰ切替*/

/*  ------------------------------------------------------------ */
.footBtn{ text-align:center;}
.footBtn ul{ margin:20px auto 20px; width:100; margin-right:0;}
.footBtn ul li{display:inline; margin: 0 0 0 0;}