@charset "utf-8";

/* CSS Document */
body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ" , "Meiryo UI" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	background-color: #fff;
}


/* default addition */
.container {
  padding-right: 0px;
  padding-left: 0px;
}
.container-fluid {
  padding: 0px;
}



/* ナビゲーションバー全体の背景色 */
.navbar-default{
  background-color: #CDF1DB;
  border: 0px;
  border-radius:0px;
  padding:0px 0px;
}
/* ナビゲーションバー全体 */
.navbar-header{
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	width:100%;
}

/* ナビゲーションリンク（区切り線あり） */
.navbar-default .nav > li > a {
	color: #555;
	margin:0px;
}
.navbar-nav > li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c3c3c3;
}
.navbar-nav > li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c3c3c3;
}
/* ナビゲーションバーHover時 */
.navbar-default .brand:hover,
.navbar-default .nav > li > a:hover,
.navbar-default .brand:focus,
.navbar-default .nav > li > a:focus {
	color: #ffffff;
	background-color: #52B64A;
}




/* ≡ボタンの設定 */
.navbar-toggle{
	margin:0px 0px 0px 15px ;
	padding:12px 10px;
	color: #ffffff;
	background-color:#52B64A;
	border-radius: 0px;
  	float: left;
	text-align:left;
	width:100%;
}
/* ≡の背景色 */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
/* ≡ボタンの周囲の枠 */
.navbar-default .navbar-toggle {
  border : none;
}
/* ≡ボタンのHover時 */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #52B64A;
}
/* ナビゲーションバー左右の余白を削除 */
.navbar-nav{
	margin:0px 0px;
}
#navbar{
	margin:0px;
}
.navbar{
	margin-bottom:0px;
}





/* original addition */
#h1_wrap{
	width:100%;
	background-color: #fff;
}

header{
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	border-top:5px solid #8ECE60;
	border-bottom:2px solid #8ECE60;

}
.mainslide{
	background-image:url(../images/mainback.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:20px;
	border-bottom:2px solid #8ECE60;
}



h1{
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: 0.1em;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	padding-top: 8px;
	padding-bottom: 6px;
	color: #8ECE60;
	margin-bottom: 0px;
}
h2{
	margin: 0px;
	padding: 0px;
	background-image:url(../images/h2back.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom: 20px;
}
h3{
	font-size: 1.5em;
	color: #86C459;
	padding-right: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	padding-top: 14px;
	padding-left: 14px;
	margin: 0px;
	margin-bottom:10px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #86C459;
}
h4{
	font-size: 1.25em;
	color: #F90;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F90;
}
h5{
	font-size: 1em;
	color: #86C459;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #86C459;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h6{
	font-size: 1em;
	color: #690;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}




section{
	margin-left: 15px;
	margin-bottom: 10px;
}
section:after{
	clear:both;
}

aside{
	padding:0px;
}

/** 開院日 **/
.openclinic{
	font-size:22px;
	color:#FF9900;
	text-align:center;
	font-weight: bold;
}
.openL{
	font-size:28px;
}










/*-------------------------------------- TOPに戻る --------------------------------------*/
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	/* ▼最初は非表示にしておく */
	display: none;
	z-index:9999999;
}
#topbutton a {
	/* ▼リンクの装飾 */
	color: white;          /* ←文字色 */
	text-decoration: none; /* ←下線なし */
	/* ▼配色・配置・文字の装飾など */
	background-color: #666; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 5px;       /* ←角丸の半径 */
	text-align: center;    /* ←文字の位置 */
	font-size: 16px;       /* ←文字サイズ */
	font-weight: bold;     /* ←文字の太さ */
	margin: 0px;    /* ←外側の余白 */
	padding:6px 10px;  /* ←内側の余白 */
	z-index:9999999;
}
#topbutton a:hover {
	/* ▼マウスが載ったときの装飾 */
	background-color: #222; /* ←背景色 */
	z-index:9999999;
}




/*-------------------------------------- link color --------------------------------------*/
a:hover {
	color: #ff5500;
	text-decoration: underline;
}
a:visited {
	color: #FF5500;
	text-decoration: none;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}


/** リンクイメージは基本マウスオーバーで半透明に。 **/
a:hover img
{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
/** 半透明が不都合な場合は下記nopageクラスを用い、画像名に_on、_offをつけて2種類用意する。 **/
.nopage a:hover img
{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


.pagetop{
	text-align:right;
}




/*-------------------------------------- linkbox --------------------------------------*/
.txtlink{
	margin-top:20px;
}
.txtlink a {
	background-color: #8ECE60;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
}
.txtlink a:hover {
	background-color: #CCCCCC;
	color: #fff;
}



/*-------------------------------------- footer --------------------------------------*/
footer{
	background-color: #8ECE60;
	color: #fff;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;  
}

footer a:hover {
	color: #BDA88D;
	text-decoration: underline;
}
footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
footer a:link {
	color: #ffffff;
	text-decoration: none;
}

.footer_navi{
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.footer_navis{
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	font-size:14px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}



#bottomline{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 12px;
}






/*------------------------------------- layout -------------------------------------*/


.textbox{
	margin-left: 15px;
	margin-bottom: 10px;
}

.sidenavi_title{
	font-size: 18px;
	padding-top: 5px;
}

.btmline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 100%;
}


.bxs { margin-left:-40px; } 


#textsizer{
	margin: 0px;
	text-align: right;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#textsizer img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}




/*------------------------------------- Global Navigation -------------------------------------*/

/* マージン0、要素のグローバルナビ単体の幅 20%…5x234px 16.667%…6x195px  */
.GNavi{width:20%;}

/* グローバルナビの背景とリンク時切り替え画像 */
.GNaviBack{
	background-color:#E7BF7F;
	font-size:0px;
}
.GNaviBack a {
	display:inline;
	background-image:url(../images/Navi5_Back_off.png);
}
.GNaviBack a:hover {
	background-image:url(../images/Navi5_Back_on.png);
}





/* マージン20、5要素のナビ　X=（100×ピクセル数）÷1150 */
.mg20col5_A{
	position: relative;
	margin:0 0.86957% 0px;
	width:18.26087%;
	z-index:9;
}
.mg20col5_B{
	position: relative;
	margin:0 0.86957% -5%;
	width:18.26087%;
	z-index:9;
}
.mg20col5_C{
	position: relative;
	margin:0 0.86957% -10%;
	width:18.26087%;
	z-index:9;
}






/*-------------------------------------- information --------------------------------------*/
.topinfo{
	height: 230px;
	width: 100%;
	background-color:#FFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	overflow: auto;
}
.topinfo dt {
	font-size: 16px;
	font-weight: bold;
	color: #D2769D;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 40px;
}
.topinfo dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 24px;
	margin-right: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.date {
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	color: #999;
}
.date2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	color: #555;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}





/*-------------------------------------- GoogleMap --------------------------------------*/
.GmapLink{
	margin-top:20px;
}
.GmapLink a {
	background-color: #6FAD94;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
}
.GmapLink a:hover {
	background-color: #587A2E;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
}




/*-------------------------------------- table --------------------------------------*/

table.timetable {
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width:90%;
	margin:0 auto;
	caption-side:bottom;
}
.timetable th{
	color: #ffffff;
	background-color: #999;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0px;
	border: 1px solid #999;
	border-right:1px solid #FFF;
}
.timetable th:last-child{
	border-right:1px solid #999;	
}
.timetable td.caption{
	text-align: right;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-right: 20px;
}



.timetable td{
	color: #222;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #999;
}




table.timetableR {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
	width: 90%;
	margin: 0 auto;
	caption-side: bottom;
	border-radius: 10px;
	border-left: 2px solid #1F6CB3;
	border-right: 2px solid #1F6CB3;
	border-bottom: 2px solid #1F6CB3;
	border-top: 2px solid #1F6CB3;
}
.timetableR th{
	color: #ffffff;
	background-color: #1F6CB3;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0px;
}
.timetableR td{
	background-color: #FCF2D3;
	color: #222;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
}




/*BG*/
.table_TL{ border-top-left-radius: 7px; }
.table_TR{ border-top-right-radius: 7px; }
.table_BL{ border-bottom-left-radius: 7px; }
.table_BR{ border-bottom-right-radius: 7px; }

/*border*/
.table_B_T{ border-top: 2px solid #1F6CB3; }
.table_B_TR{
	border-top: 2px solid #1F6CB3;
	border-right: 2px solid #1F6CB3;
}


table.result {
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width:100%;
	margin:0 auto;
	caption-side:bottom;
	font-size: 18px;
	white-space: nowrap;
}
table.result th{
	color: #ffffff;
	background-color: #86C459;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0px;
	border: 1px solid #999;
	border-right:1px solid #FFF;
}
table.result th:last-child{
	border-right:1px solid #999;	
}
table.result td.caption{
	text-align: right;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-right: 20px;
}

table.result td{
	color: #222;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #999;
}

.pc_none {
		display: block;
	}

.scroll {
	overflow-x: scroll;
}

@media screen and (min-width: 768px) {
    .pc_none {
		display: none;
	}
	.scroll {
	    overflow: hidden;
}
}






/*-------------------------------------- 追加スタイル --------------------------------------*/
.flowbox{
	border-radius: 10px;
	background-color:#FFE3B9;
	padding: 20px;
}
.flowtitle{
	font-size:1.4em;
	font-weight:normal;
	color:#7C2810;
}
.flowarrow{
	font-size:24px;
	font-weight:normal;
	color:#FF9900;
	text-align:center;
	margin-bottom: 10px;
}


.circlefont14{
	border-radius: 40px;
	background-color:#F90;
	width:24px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	margin-right:10px;
	height: 24px;
	padding-top: 0px;
	padding-bottom: 2px;
}
.circlefont16{
	border-radius: 40px;
	background-color:#F90;
	width:30px;
	text-align:center;
	font-size:16px;
	color:#FFF;
	margin-right:10px;
	padding-top: 3px;
}


.circleicon{
	background-color:#F90;
	color:#FFF;
	
	font-size:70px;
	text-align:center;

	border-radius: 100px;
	width:100px;
	height:100px;
}

.circleicon p{
    line-height: 110px;
}

/* 画像枠線 */
.imf{
	border: 1px solid #CCC;
}

/*------------------------------------- 診療項目の見出し -------------------------------------*/
.ListStyle{
	border: 3px double #CCC;
	border-radius: 10px;        /* CSS3草案 */
	background-color: #EDF5FA;
	padding: 10px;
	margin-bottom: 20px;
	line-height:1.6em;
}
.ListStyle li{
	margin: 0 0 10px 5px;
	padding: 0 0 0 18px;
	background: url(../images/listmark.png) 0 0.4em no-repeat; /* emで縦位置の指定 */
	color: #355B82;
}
.ListTitle{
	font-size:18px;
	color:#666;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
}



.roundbox {
	background-color: #34729D;
	color: #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 10px;
}


.SList li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: -20px;
	color: #DB8400;
}




/*-------------------------------------- Q&A --------------------------------------*/

.RWD_Q{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color: #78B738;
	vertical-align: top;
	padding-bottom:8px;
	padding-top:16px;
}
.RWD_Qt{
	padding-left:10px;
	font-size:20px;
	font-weight:bold;
	color: #78B738;
	vertical-align: top;
	padding-bottom:8px;
	padding-top:16px;
}
.RWD_A{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color: #EC8B96;
	vertical-align: top;
}
.RWD_At{
	padding-left:10px;
	vertical-align: top;
}
.RWD_QALINE{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #78B738;
}






/*-------------------------------------- Additional --------------------------------------*/


.hn001{
	font-size:1.2em;
	line-height:1.4em;
}

.hn001 li {
	margin-bottom:5px;
}
.hn001 a {
	color:#FFBB00;
}
.hn001 a:hover {
	color:#FFBB00;
}



.hn002{
	font-size:1.2em;
	line-height:1.4em;
}

.hn002 li {
	margin-bottom:5px;
}
.hn002 a {
	color:#86C459;
}
.hn002 a:hover {
	color:#86C459;
}


.featurebox{
	background-image:url(../images/top_feature_bg.png);
	background-position:top left;
	background-repeat:no-repeat;	
	padding:10px;
}


.topinfo{
	height: 340px;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	overflow: auto;
}
.topinfo dt {
	font-size: 16px;
	font-weight: bold;
	color: #86C459;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 40px;
}
.topinfo dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 24px;
	margin-right: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}


.gaiyoindex{
	margin-bottom:5px;
	padding:5px;
	width:150px;
	border-radius:5px;
	background-color:#8ECE60;
	text-align:center;
	color:#FFFFFF;
}

.rightsbox{
	margin-top:20px;
	border-top:1px solid #fff;
	text-align:center;
}


.ListMark0001 li {
	list-style-type: square;
	margin-left: -10px;
}
.room80{
	width:80%;
	margin:0 auto;
}

.noticebox{
	text-align:center;
	padding:15px;
	color:#FFFFFF;
	line-height:1.6em;
	font-size:20px;
	background-color: #FF7600;
  border-radius:10px;
}
.noticebox a:hover {
	color: #fff;
	text-decoration: underline;
}
.noticebox a:visited {
	color: #fff;
	text-decoration: none;
}
.noticebox a:link {
	color: #fff;
	text-decoration: none;
}

.noticebox_dl dl{
	text-align:left;
	color:#FFFFFF;
	line-height:1.6em;
  border-radius:10px;
}
.noticebox_dl dl dt{
	padding:15px;
	background: #65a937;
    color: #fff;
	font-size:25px;
    font-weight: bold;
}
.noticebox_dl dl dd{
	padding:15px;
	font-size:20px;
	background: #86c459;
    color: #fff;
}

/*-------------------------------------- スタッフ募集 --------------------------------------*/
.pnav {
	text-align: center;
	margin: 0 0 10px 0;
}
.pnav a{
	margin-bottom:5px;
	padding:5px;
	display: inline-block;
	width:90%;
	border-radius:5px;
	background-color:#8ECE60;
	text-align:center;
	color:#FFFFFF;
}
.pnav a:hover{
	opacity: 0.7 ;
}

table.recruit {
	width: 98%;
	margin-bottom: 30px;
}
table.recruit ,table.recruit th,table.recruit td{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
table.recruit th{
	text-align: center;
	background: #fff0b3;
	color: #3c3c3d;
	padding: 5px 10px;
}
table.recruit td{
	padding: 5px;
}
table.recruit a,table.recruit a:hover,table.recruit a:link{
	color: #000;
}

/* 個人情報保護方針 */
.noPC{
	display: block;
}

.slide .slider-item {
	min-height:300px;
	margin: 1rem;
	opacity: 0;
	background:url(../images/mainback.jpg);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.slick-slider img {
	width: 100%;
	height: 100%;
}

.txt_area{
	font-size: 22px;
	font-weight: bold;
	padding: .5rem;
	background: rgba(255, 255, 255, 0.644);
    position: absolute;
    width: 80%;
    text-align: center;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.txt {
	color: #333;
	/* text-stroke: 1px #FF7600;
	-webkit-text-stroke: 1px #FF7600; */
	line-height: 1.6;
	letter-spacing: .1rem;
}

.top50{
	top: 50%;
}

.border-green{
	padding: .5rem;
	border: 2px solid #63834d;
	
}
.border-orange{
	padding: .5rem;
	border: 2px solid #ffbb00;
	
}

@media screen and (min-width: 768px) {
	.slide .slider-item {
		min-height: 500px;
		background-size: 1005;
	}

	.txt_area{
		font-size: 28px;
	}
}