@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマ：はやし耳鼻咽喉科★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★カスタマイズ内容★
Tags: 
Version: 1.81.20
*/

/*----------------
文字色やサイズ
----------------*/
.text_b_red{
        color:#ff0000;
	text-align:center;
	font-weight:bold;
	}

.text_red{color:#ff0000;}

.text_b_or{
        color:#ff8000;
	font-weight:bold;
        font-size:1.2em;
        margin:0;
	}

p { margin:0; }

.content p {
	/*margin-bottom: 10px;*/
	margin-bottom: 12px;
	padding: 0px 5px;
	font-size:1rem;
	line-height:1.8rem;
	}

th, td { font-size:14px; }

/*----------------
文字の先頭にアイコン
----------------*/
.icon1 {
	background-image: url( http://www.dhjibi.com/wp-content/uploads/2016/05/icon_orange.gif );
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color:#ff8000;
	font-weight:bold;
	}

/*---------------------------
メインコンテンツの下の住所を削除
---------------------------*/
.content .mainFoot { display: none; }

.webreserve__col2 {
  list-style: none;
  padding-top: 20px;
margin-right:20px !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  justify-content: space-between;
}

.webreserve__col2 li {
  display: flex;
  justify-content: center;
}

.webreserve__col2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.webreserve__col2 .qrimg > img {
  max-width: 180px !important;
}

@media (max-width: 767px) {
  .webreserve__col2 {
    grid-template-columns: 1fr;
  }
  .webreserve__col2 .qrimg {
    display: none;
  }
}

/*----------------
コピーライトを削除
----------------*/
#powerd { display:none; }

/*----------------
サイドコンテンツ 
----------------*/
#sideContent {
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:10000px;
	margin-bottom:-10000px;	
	overflow:hidden;
	}

#sideContent h3 {
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 10px;
       padding: 4px 0 4px 0;
       background-color: #6dbb43;
       color: #fff;
       font-weight: bold;
       text-align: center;
       border:solid 1px #6dbb43;
       border-radius: 2em;
	}

#sideContent #info h3 {
	background-repeat: no-repeat;	　
	}

#sideContent #time h3 {
	background-repeat: no-repeat;	　	
	}

#sideContent #closedDay h3 {
	background-repeat: no-repeat;	　	
	}

#sideContent #access h3 {
	background-repeat: no-repeat;	　	
	}

#sideContent #access p {
	font-size: 0.9em;	　	
}

#sideContent #info, #sideContent #time, #sideContent #closedDay, #sideContent #access, #sideContent #Payment {
	margin:0 auto 15px auto;
	text-align:left;
	}

#sideContent #info li a{
	width:140px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:12px;
	margin-right:40px;
	line-height:1.7;
	}

#sideContent #info li.current-cat a{  /* サブナビの現在地 */
	text-decoration:none;
	color:#6dbb43;
	}

#sideContent #info li.current-cat a:hover { text-decoration:underline; }

#sideContent p { line-height:1.5; }	

#sideContent #time table { 
	width:100%;
	text-align:center;
	margin-top:5px;
        border-collapse: collapse;
	 }
		
#sideContent #time th { 
	background-color:#97d376;
        border: 1px solid #8a8a8a;
        color: #FFF;
	font-weight:bold;
	font-size:1em;
	padding:3px;
	*padding:3px; /*ie7*/
	}

#sideContent #time td { 
	background-color:#FFF;
        border: 1px solid #8a8a8a;
	font-size:1.2em;
	}

#sideContent #time .tt_day { 
	background-color:#FFF;
	color:#6dbb43;
	white-space:nowrap;
	}

#sideContent #access .accessMap { 
		width:100%;
		height:150px;
		margin:15px auto 20px auto;
	}
 
/*----------------------------
電話番号のスタイル用(共通で使用)
/*--------------------------*/
.telno, .telno a {
	font-size:1.1em;
	color:#6dbb43;
	font-weight:bold;
	margin-top:5px;
        margin-bottom:10px;
	text-decoration:none;
	}

/*----------------------------
sideContentのマップ
/*--------------------------*/
@media (max-width:768px) {
	#sideContent .map {
		margin-top:20px;
	}
	#sideContent .map iframe {
		width:100%;
		height:200px;
	}	
}

/*----------------
見出し
----------------*/
.midashi_01 {
        color:#ff8000;
	font-weight:bold;
        font-size:1.2em;
        margin-bottom:1.5em;
	padding: .15em 0 .15em .35em;
	border-left: 6px solid #ff8000;
	border-bottom: 1px solid #ff8000;
	}

/*----------------
画像1個用
----------------*/
@media (min-width:768px){
        .boxA1:after{
		content:"";
		display:block;
		margin-left: auto;
		margin-right: auto;
		clear:both;
		}
	.box1-1{
        	text-align:center;
        	padding:10px;
	}
}

/*----------------
画像3個並び
----------------*/
@media (min-width:768px) {
	.boxA3:after{
		content:"";
		display:block;
		clear:both;
		}

.box3-1, .box3-2, .box3-3 {
	float:left;
	text-align:center;
	width:30%;
	padding:10px;}
}

/*----------------
医師紹介
----------------*/
.doctor th { width:20%; }
 
@media (max-width:767px){
	.doctor th,
	.doctor td{
		width: 100%;
		display: block;
		}
	.name { text-align:center; }
}

/*------------------
診療案内 画像2個並び
------------------*/
@media (max-width:767px) {
	.waku:after {
		content:"";
		display:block;
		}
	.box2-1, .box2-1n {
		min-width:100%;
	}
	.box2-2, .box2-2n {
		min-width:100%;
	}
}

.box2-1 {
	float:left;
	width:35%;
	}

.box2-2{
	float:left;
	width:65%;
	}

.box2-1n, .box2-2n {
	float:left;
	width:50%;
	}

.clear { clear:both; }

/*----------------
診療案内　画像3個
----------------*/
.history_photo01 li {
	list-style:none;
	width:200px;
	display:inline-block;
	*float:left;
	line-height:1.3;
	margin:3px;
	}

/*---------------------------
目の最新情報　日付を削除
---------------------------*/
.content .infoList .infoListBox div.entryTxtBox p.entryMeta {
    display: none;
}

/*--投稿ページの上部の日付とカテゴリ削除--*/
.content .entry-meta {
    display: none;
}

/*--投稿タイトルと本文との間の余白--*/
.content h1.entryPostTitle {
    margin: 0px 0px 25px 0;
}

/*--------------------------------------------
  マージン・パディング
--------------------------------------------*/
/*--マージン--*/
.m_b5{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b30{margin-bottom:30px;}
.m_b40{margin-bottom:40px;}

/*--パディング--*/
.p_b5{padding-bottom:5px;}
.p_b10{padding-bottom:10px;}
.p_b15{padding-bottom:15px;}
.p_b20{padding-bottom:20px;}
.p_b30{padding-bottom:30px;}
.p_b40{padding-bottom:40px;}