/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #555566; }
/*table*/
@media (max-width: 600px) {
table.brwsr1,table.brwsr2{ font-size:12px;
}
table.brwsr1 th.r4,
	table.brwsr1 td.r4{
	font-size:10px;
	}
}

table.brwsr1 {
    font-size: 14px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
footer {
	font-size: 13px;
}



/* table1　診療時間など */  
table.brwsr1 th {
    padding: 11px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    color: #fff;
}
 
table.brwsr1 td {
    padding: 11px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    font-size: 14px;
}
 
table.brwsr1 th.r1 {
	border-right: #999 1px solid;
	background-color: #346484;
	text-align: center;
}
 
table.brwsr1 th.r2,
table.brwsr1 td.r2 {
	border-left: #fff 1px solid;
	border-right: #999 1px solid;
	background-color: #346484;
}
 
table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4 {
    text-align: center;
	padding:2px;
}
 
table.brwsr1 th.r3,
table.brwsr1 td.r3 {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #7cacc2;
}
 
table.brwsr1 th.r4,
table.brwsr1 td.r4 {
	border-left: #fff 1px solid;
	background-color: #D7CCC8;
	text-align: center;
	font-size:14px;
}

/* table2 */ 
table.brwsr2 {
    font-size: 14px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.brwsr2 th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    color: #fff;
}
 
table.brwsr2 td {
    padding: 11px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    font-size: 14px;
}
 
table.brwsr2 th.r1 {
	border-right: #999 1px solid;
	background-color: #555566;
	text-align: center;
}
 
table.brwsr2 th.r2,
table.brwsr2 td.r2 {
	border-left: #fff 1px solid;
	border-right: #999 1px solid;
	background-color: #757575;
}
 
table.brwsr2 th.r2,
table.brwsr2 th.r3,
table.brwsr2 th.r4 {
    text-align: center;
}
 
table.brwsr2 th.r3,
table.brwsr2 td.r3 {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #B2DFDB;
}
 
table.brwsr2 th.r4,
table.brwsr2 td.r4 {
	border-left: #fff 1px solid;
	background-color: #dddddd;
	color: #555;
}

/* --- Sidebar Starts --- */
.fl-sidebar {
  font-size: 14px;
  margin-bottom: 54px;
}
.fl-sidebar img {
  max-width: 100%;
  height: auto;
}
.fl-sidebar select {
  max-width: 100%;
  margin-top: 12px;
margin-bottom: 12px;
}
.fl-sidebar .tagcloud a {
padding: 5px 7px 5px 7px;
border: 1px solid #cfcfcf;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
transition: all .4s;
background: #dfdfdf;
color: #000;
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.07 );
border-radius: 1px;

}
.fl-sidebar .tagcloud a:hover {
  background: #1EB48A;
  color: #fff;
  border: 1px solid #1EB48A;
}
.fl-sidebar .menu ul li a, .footer .menu ul li a {
  padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
font-size: 14px;
}
.fl-sidebar .menu ul {
  float: none;
}
 .fl-sidebar .menu ul li,  .footer .menu ul li {
  height: auto;
 }
 .fl-sidebar .menu ul li:after, .footer .menu ul li:after {
content: "";
color: #fff;
}
 .fl-sidebar ul li {
  margin-bottom: 15px;
  
  padding-left: 26px;
    padding: 5px 0;
  border-bottom: 1px solid #ecf0f1;
 }
 
 .fl-sidebar ul li a:hover, .sidebar a.rsswidget:hover {
  color: #1EB48A;
}
 .fl-sidebar ul li a, .sidebar a.rsswidget {
  color: #222;
}
.fl-sidebar h4, .sidebar h3 {
	margin-bottom: 9px;
	padding-bottom: 5px;
	text-transform: uppercase;
	background-color: #E9E9E9;
	width: auto;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 4px;
    color: #555566;
}
.fl-sidebar ul.children, .sidebar ul.sub-menu {
  margin-top: 14px;
}
/* -- sidebar search widget --*/
.fl-sidebar #search, .sidebar #s {
  border: 1px solid #1EB48A;
  border-radius: 4px;
  padding: 7px 10px 7px 32px;
  width: 100%;
 
  margin-bottom: 15px;
  line-height: 20px;
}
.fl-sidebar .searchform div input[type=submit] {
position: absolute;
top: 1px;
right: 1px;
background: #1EB48A url(../images/pattern-submit.png);
border-top-right-radius: 4px;
padding: 6px 13px 7px 13px;
border-bottom-right-radius: 4px;
border: 0px;
border-top: 1px solid #1EB48A;
border-left: 1px solid #1EB48A;
color: #fff;
width: auto;
height: inherit;
line-height: 20px;
}
.screen-reader-text {
	display: none;
}
.fl-sidebar ol, .footer ol, .sidebar ul, .footer ul {
	list-style: none;
}

.fl-sidebar h3:before {
    position: absolute;
    content: "";
    height: 4px;
    background: #1EB48A;
    width: 90px;
    bottom: -4px;
    left: 0px;
}

.fl-sidebar h3 {
    border-bottom: 4px solid #E5E5E5;
position: relative;
}
.fl-content h3 {
    border-bottom: 4px solid #31cecb;
position: relative;
}

.fl-content h3{
border-bottom: solid 3px #a8d0e8;
position: relative;
}

.fl-content h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #346484;
bottom: -3px;
width: 30%;
}


.fl-content h4{
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #346484;/*文字色*/
}

.fl-content h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f055";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 35px;/*サイズ*/
left: -10px;/*アイコンの位置*/
top:-13px;/*アイコンの位置*/
color: #346484; /*アイコン色*/
}

.fl-content h5{
padding: 15px;/*文字周りの余白*/
color: #72422a;/*文字色*/
background: #31cecb;/*背景色*/
font-size: 26px;
}

.fl-content h6 {
color: #2db789;/*文字色*/
border-bottom: dashed 2px #31cecb;
/*線の種類（点線）2px 線色*/
}


.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    background: #57a0d2;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    /*border: solid 2px #4682b4;/*線色*/
}
a.square_btn {color:#fff;}

.fas.fa-envelope {color:#fff;}


/* --- Sidebar Ends --- */
/*tel*/
.tel, a.tel  {
	font-family: Impact, sans-serif;
	font-style:italic;
	font-size:30px;
	letter-spacing: 1px;
	margin-bottom:3px !important;
		color:#387eb5;
}
/*---tel Ends----*/
/*sliderテキスト*/
.fl-heading {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;}

/*--h4--*/
.midashi{font-weight:bold;
	font-size:18px;
	color:#387eb5;	
	margin: 36px 0 24px 0;
	padding: 8px 0 8px 10px;
}

.midashi2{font-weight:bold;
	font-size:20px;
	color:#387eb5;	
	border-left: 3px solid #387eb5;
	margin: 24px 0 24px 0;
	padding: 8px 0 8px 10px;
}

.mincho {font-family: serif;}

.waku {
     border:solid 1px #ccc;
     padding:4px;
}

.waku_r {
     border:solid 1px #ccc;
     padding:4px;
	   border-radius: 5px;
}
/*step*/

.step{
  list-style-type: none;
  display: table;
  table-layout: fixed;
  text-align: center;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
	font-size:15px;
}
.step li{
  display:table-cell;
  position:relative;
  background: #9bbb30;
  padding: 1em 0.5em 1em 2em;
  color: #fff;
}
.step li:last-child{
  padding-right: 1em;
}

/* ==== PC版 ==== */
@media (min-width: 600px) {

/* PC版：コンテナ */
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
.step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #9bbb30;
  border-width: 40px 0 40px 1em;
  z-index: 10;
}
}
.shitenname{
	font-size:30pt;
	color:#777;
}

/*--------------------------------------
 段落の基本スタイル
 --------------------------------------*/
/* 2等分で横並び */
.col-2 {
	width: 47%;
	float: left;
	margin: 4px;
}
.col-2 img {
	display: block;
	margin: 10px auto;
	}

/*--------------------------------------
フロント地図リンク
--------------------------------------*/
/* 写真のフレーム */
.photoframe {
	background:rgba(215,215,215,0.4);
	border: 1px solid #eeeeee;
	/*border-radius: 2px;*/
	box-shadow: 1px 1px 1px #999999;
	padding: 4px;
}
.biz-box {
	padding:0;
	margin-bottom: 30px;
} 

.biz-box h3 {
	text-align: center;
	font-weight:400!important;
	color:#0489B1;
	font-size:14px !important;
	text-align:left !important;
	padding:0 5px !important;
	width:90% !important;
}

.biz-box img {
	margin-bottom: 5px;
	width: 85%;
}
.biz-box p {
	margin-bottom: 5px;
	width: 90% !important;
	padding-left:15px;
	font-size:0.9em;
}
.biz-box iframe {
/*display: none;*/
}

.biz-box .mob_chizu {
display: block;
margin:0 3px;
}

/*  768px フロント地図
--------------------------------------*/
@media screen and (min-width : 768px){
.biz-box h3 {
	font-size:21px !important;
}
.biz-box iframe {
display: block;
margin:auto !important;
}

.biz-box .mob_chizu {
display: none;
}

.read-more {margin-right: 50px;}

.bana_toiawase {font-size:1.5em;}
}

/*ボタンアイコン*/

.button {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #afa58d;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
}
.button:hover {
  opacity: 0.9;
}
.button-showy {
  background-color: #e37222;
}
.button-red {
  background-color: #dc143c;
}
.button-forest {
  background-color: #015249;
}

.button-outotu {
	border-bottom: 3px solid rgba(0,0,0,0.3); 
	border-right: 3px solid rgba(0,0,0,0.3); 
	border-top: 3px solid rgba(200,200,200,0.5); 
	}
/*診療内容アイコン*/
.shinryou_icon {
	display:flex;
	flex-wrap:wrap;/*オーバーフローした記事を新しい行に移し２列に*/
  justify-content: center;
}
.shinryou_icon img {padding:2px;}
/*footerでh2の文字サイズ調整*/
.s {font-size:100%;}
/*MetaSlider*/
.metaslider .caption{
font-family: 
 "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
	font-size : 14px;
	line-height : 1.2;
	background: #87cefa;
	color: #222;
	text-align:center;
}
@media (min-width:800px){
.metaslider .caption{
font-size:32px;
}
}
/*サイドバー*/
.fl-sidebar-left{
padding-right:10px;
}
.fl-content-right {
padding-left: auto;
}
@media (min-width:1240px){
	.fl-sidebar-left{
position: sticky;
margin-bottom: 0;
top: 70px;
z-index: 1;
	}
}
/*コンテンツ*/
.fl-content-right {
    padding-left: 5px;
}
.fl-row-content-wrap {
    padding: 5px;
}
/*button*/
.shiten_button {
  display:inline-block;
  text-align:center;
  width: 100%;
  padding: 5px 6px 0;
	margin:2px 0;
  border-radius: 4px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
  background-color: #afa58d;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 150%;
  }
.shiten_button a {
	text-decoration:none;
}
.button-showy {
  background-color: #D29E04;
  border: 1px solid #fff;
}
.ad {font-size:60%;}
.shiten_button h2{
	color:#fff;
  margin: 0 0 -10px 0;
  font-size: 14px;
}
.shiten_button span {
	color:#fff;
}

.button-purple{
background: -webkit-linear-gradient(1deg, rgb(220, 148, 247), rgb(247, 62, 194));
background: linear-gradient(1deg, rgb(220, 148, 247), rgb(247, 62, 194));
}
.button-blue{
background: -webkit-linear-gradient(104deg, rgb(148, 228, 247), rgb(249, 126, 214));
background: linear-gradient(104deg, rgb(148, 228, 247), rgb(249, 126, 214));
}
/*ヘッダー支店名*/
.header_shiten {
font-size:21px;
color:#387eb5;
position: relative;
top: 5px;
}

@media (min-width:801px){
.header_shiten {
font-size:36px;
position: relative;
top: 10px;
}
}
/*広尾のお知らせトップ*/
.hiroo_info {
	margin:5px;
	padding:20px 10px;
	text-align:center;
background: linear-gradient(-45deg, rgba(242, 251, 199, .8), rgba(5, 190, 231, .8)) fixed, url(https://hoken-medical.net/wp-content/uploads/2020/08/bil_hiroo2.png) fixed;
  background-size: contain;
}
@media screen and (min-width : 768px){
.hiroo_info {
margin:0 35px;
}
}
.maru {
border-radius:50%;
background: #ff7f7f;
color:#fff;
font-weight:bold;
padding:4px 12px;
}
table.mutuubari {	
  border-collapse:collapse; 
  border-spacing:0;
	width:100%;
	margin:0;
}
table.mutuubari th{
	width:30% !important;
	padding:10px;
	border:1px solid #CCC;
	margin-top: -1px;
	font-weight: normal;
	text-align:left;
	background:#ebf6f7 !important;
	color:#618e34;
	font-weight:bold !important;
	}
table.mutuubari td{
	padding:10px;
	border:1px solid #CCC;
	margin-top: -1px;
	}
.mutuubari_midashi {
	text-align:center;
	font-size:60px;
	font-weight:bold;
	color: #5000c9;
	text-shadow: 1px 1px 1px #fcf400;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}
.fl-widget .fl-widget-title {
    margin-bottom: 10px;
}