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


html { font-size: 100%; webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
	margin: 0 auto 0 auto;
	text-align: center;
	padding: 0 0 0 0;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック",sans-serif;
	color:#444;
	line-height:1.6em;
	font-size:1rem;
}

.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

p{
	margin: 0 0 1em 0;
	line-height:1.5em;
}

.notes{
	font-size:0.8em;
}

.notes-l{
	font-size:1.3em;
	font-weight:bold;
	color:#13B3DD;
}

.focus-txt{
	font-weight:bold;
	color:#E5709F;	
}
.text-center{
	text-align:center;
	margin-bottom:0.3em;
}

/* bg-mesh */	
.b-mesh{
	background:url(../img/bg_dotted-b.png);
	padding:0 0.2em 0 0.2em;
	display:inline-block;
	border:2px solid #71D5EF;
	color:#274180;
	font-weight:bold;
}

figure{
	padding:0 0 0 0;
	margin:1em auto 1em auto;
	width:70%;
}

.cf:after {
  content:" ";
  display:block;
  clear:both;
}

.clear{
	clear:both;
	display:block;
}

section{
	margin-bottom:1.5em;
	clear:both;
}

article{
	margin:0 auto 1.5em auto;
	overflow:hidden;
}

/* for device */
.visible-sp{
	display: none !important;
}
.hidden-sp{
}	

/* 共通  コンテンツ内挿入画像用 PC以外の時にfloat解除-----------*/
.cont_img-r{
	float: right;
	margin:0 0em 0.5em 1em;
}
.cont_img-l{
	float: left;
	margin:0 1em 0.5em 0em;
}

hr{
	clear:both;
	border:none;
	height:5px;
	margin:1em auto 1em auto;
}

/*------------------------------------------------------------------*/
/*------------------------base container ---------------------------*/
/*------------------------------------------------------------------*/

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
}


/* for pc */
.container {
  width:80%;
	max-width:1170px;
}


header{
	background:url(../img/line_green.png) repeat-x bottom center;
	margin-bottom:0;
	overflow:hidden;
}

h1{
	width:100%;
	margin:0 auto 0 auto;
	padding:0.2em 0;
	text-align:center;
	background:url(../img/h1_bg.png) top left repeat-x;
	font-size:0.8em;
	font-weight:normal;
	color:#fff;
}

.head-inner{
	width:80%;
	max-width:1170px;
	margin:1em auto 0em auto;
	overflow:hidden;
}

.head-logo{
	float:left;
	width:40%;
}
.head-info{
	float:right;
	margin-top:1em;
	width:54%;
}

.head-info p{
	margin-bottom:0.5em;
}

.head-tel{
	float:left;
	margin:1.5em 0.5em;
	width:46%;
}
.head-train{
	text-align:center;
	float:right;
	width:46%;
}



/* GLOBAL NAVI -----------------------------------------------------*/
.gnav{
	padding:0.5em 0 0.5em 0;
	margin:0 auto 0 auto;
	display:block;
	text-align:center;
	background: rgb(30,142,9);
	background: -moz-linear-gradient(top, rgba(30,142,9,1) 0%, rgba(18,120,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,142,9,1) 0%,rgba(18,120,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(30,142,9,1) 0%,rgba(18,120,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8e09', endColorstr='#127800',GradientType=0 );
}
.gnav ul{
	margin:0.3em auto 0.3em auto;
	padding:0 0 0 0;
	width:80%;
	max-width:1170px;
	display:block;
	overflow:hidden;
}

.gnav ul:after {
  content:" ";
  display:block;
  clear:both;
}

.gnav ul li{
	display:inline-block;
	margin:0 0.5% 0 0.5%;
	padding:0 0 0 0;
	width:15%;
	vertical-align:bottom;
}

.gnav ul li a{
	background:#91cb94;
	border:1px solid #E83135;
	display:block;
}

.gnav ul li a:link, .gnav ul li a:visited{
	padding:0.5em auto 0.5em auto;
	text-align:center;
	border:2px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.gnav ul li a:hover,
.gnav ul li.current a{
	border:2px solid #cfe9d0;
	background:#fff;
}

.gnav ul li a img{
	margin:1em auto;
}
.gnav ul li a:hover img{
background-color:#FFFFFF;
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity: 0.70;	
opacity:0.70;
}

/* Main Area -----------------------------------------------------*/
.main-wrap{
	margin:0em auto;

}

.main-wrap:after{
  content:" ";
  display:block;
  clear:both;
}

.cont-area{
	float:right;
	width:74%;
}

/* side navi -----------------------------------------------------*/

.side-nav{
	float:left;
	width:24%;
	text-align:center;
}

.side-nav p{
	text-align:center;
}

.side-nav p a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;	
	opacity:0.70;
}

.snv-menu{
	margin:0 auto 1em;
}
.snv-menu li{
	margin-bottom:0.1em;
	list-style:none;
}
.snv-menu li a:link,
.snv-menu li a:visited{

}

.snv-menu li a:hover,
.snv-menu li.current a{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;	
	opacity:0.70;
	color:#004896;
}



/* FOOTER -----------------------------------------------------*/

footer{
	clear:both;
	margin:0em auto 0 auto;
	padding:2em 0 1em 0;
	overflow:hidden;
	background:#127800;
}

footer .foot-info{
	float:left;
	width:30%;
	text-align:center;
}
footer .foot-info .foot-logo{
	margin-bottom:0;
}
footer .foot-info .foot-logo img{
	width:74%;
}

footer .foot-info img{
	margin: 0 auto;
}

footer .foot-sitemap{
	width:64%;
	float:right;
	margin-top:1em;
}

footer .foot-sitemap .fs-lst{
	text-align:left;
	margin-bottom:0;
}

footer .foot-sitemap .fs-lst li{
	list-style:none;
	display:inline-block;
	margin-left:1em;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.3em;
}

footer .foot-sitemap .fs-lst li a:link,
footer .foot-sitemap .fs-lst li a:visited{
	color:#fff;
}

footer .foot-sitemap .fs-lst li a:hover{
	color:#78cde9;
}
footer .foot-sitemap .fs-lst li a:before{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f061";
	font-weight: normal;
	font-style: normal;
	margin-right:0.5em;
	color:#B4DAB0;
}

#copyright{
	margin-bottom:0;
	 padding:0.5em 0 0.5em 0;
	background:#127800;
	line-height:1.5em;
	color:#fff;
	font-size:0.9em;
}

#copyright p{
	margin-bottom:0;
}

#copyright a:link,
#copyright a:visited{
	color:#fff;
}

#copyright a:hover{
	text-decoration:underline;
}

/* page top ----------------------------------------*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 120%;
	z-index: 100;
	display:block;
}
#page-top a {
	display: block;
	text-align: center;
	background: #B4DAB0 none repeat scroll 0% 0%;
	border-radius: 5px;
	padding: 0.5em 1.5em 0.2em;
	opacity: 0.8;
	color: #FFF;
	text-decoration: none;
}

#page-top a:before{
	content:"\f0aa";
	font-family:FontAwesome;
	padding-right:0.5em;
	font-size:1.5em;
}
#page-top a:hover {
	text-decoration: none;
}




/* 医院概要 共通 */　

/* float-list */
.fl-lst{
	text-align:left;
	margin:0 0 1em 0;
	padding:0 0 0 0;
	}
.fl-lst li{
	display:inline-block;
	font-size:0.9em;
}

.fl-lst li:after{
	content:" /";
}

.fl-lst li:last-child:after{
	content:"";
}

.ol-item {
	margin-bottom:1em;
	overflow:hidden;
	clear:both;
}
.ol-item dt{
	background:#127800;
	width:6.2em;
	float:left;
	display:inline-block;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ol-item dd{
	width:calc(100% - 7em);
	float:right;
	text-align:left;
}

.l-tit{
	display:block;
	background:#127800;
	width:10em;
	margin-bottom:0.5em;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.f-tit{
	display:block;
	background:#127800;
	width:100%;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.home-list{
	margin:0 0 1em 1em;
	line-height:1.1em;
	font-size:0.8em;
	text-align:left;
	list-style:none;
}

.home-list li:before{
	content:"・";
	color:#EB5898;
}

.sonota{
		color:#666;
		text-align:right;
}

li.sonota:before{
	content:"…";
}

.def-list li.sonota:before{
			content:"";
}

/* アクセス関連  */

.rail-acc{
	list-style:none;
}

.rail-acc li:before{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f239";
	font-weight: normal;
	font-style: normal;
	color:#eb5898;
	margin-right:0.5em;
}

/* 大きな地図で見るボタン */
.gl-map:link,
.gl-map:visited{
	width:14em;
	text-align:center;
	padding:0.2em 1em;
	margin:1em auto 1em auto;
	display:block;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #127800;
	text-decoration:none;
}

.gl-map:hover{
	background:#B0B6D8;
	color:#fff;
}


/*------------------------------------------------------------------*/
/*■■■TABLET■■■------------------------------------------------*/
/*------------------------------------------------------------------*/

@media only screen and (max-device-width: 1199px){
.gnav ul {
  width: 100%;
}

.gnav ul li{
	width:15%;
}

.gnav ul li a img {
    margin: 0.3em auto;
}

.gnav ul li a:link, .gnav ul li a:visited{
	padding:0.1em auto 0.1em auto;
}

section{
	margin-bottom:1em;
}

}

@media only screen and (max-device-width: 1070px){
body{
	width:100%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	font-size:92%;
}

/* for device */
.visible-sp{
	display: none !important;
}

.container {
  width:100%;
	max-width:970px;
}

header{
	width:100%;
	max-width:970px;
}

h1{
	width: 100%;
	padding-right:1em;
}

.head-inner {
	width: 100%;
	margin: 1em auto 0em auto;
	overflow: hidden;
}

.head-logo {
	float: left;
	padding: 0 0 0 0;
	margin: 0 auto 1em auto;
	width: 38%;
}

.head-info{
	width: 28%;
	float:right;
	text-align:right;
	margin-top:0.5em;
}

.head-tel{
	float:none;
	margin:0em auto 1em auto;
	display:block;
	text-align:right;
	width:90%;
}

.head-train{
	text-align:right;
	float:none;
	display:block;
	margin:0 auto;
	width:90%;
}



/* GLOBAL NAVI -----------------------------------------------------*/

.gnav ul {
  width: 100%;
}

.gnav ul li{
	width:15%;
}

.gnav ul li a:link, .gnav ul li a:visited{
	margin:0 0 0 0;
	padding:0.5em 0 0.5em 0 ;
}
/* Main Area -----------------------------------------------------*/
.cont-area{
	float:right;
	width:72%;
	margin-right:1em;

}


/* FOOTER -----------------------------------------------------*/

footer{
	margin:1em 0 0.5em 0;
}
footer img{
	margin:0 auto;
}

footer .foot-info{
	float:none;
	width:100%;
	display:block;
	text-align:center;
}
footer .foot-info .foot-logo img{
	width:40%;
}

footer .foot-sitemap{
	display:block;
	float:none;
	width:86%;
	clear:both;
	text-align:center;
	padding:0 0 0 0;
	margin:0.5em auto 0 auto;
}

footer .foot-sitemap .fs-lst{
	width:100%;
}


/* page top -----------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 120%;
	z-index: 100;
	display:none;
}

}

/* --------------------------------------------------------------------------*/
/* ■■■SP■■■ -----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
	
body{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

hr{
	height:2px;
	margin:0.5em auto 0.5em auto;
}

.notes-l{
	font-size:1.1em;
}


/* for device */

.visible-sp{
	display:block !important;
}

.hidden-sp{
	display:none !important;
}

.container {
  width:100%;
	max-width:767px;
}

header{
	width:100%;
	max-width:767px;
}

	/* 共通  コンテンツ内挿入画像用  PC以外の時にfloat解除-----------*/
.cont_img-r{
	float: none;
		margin:0 auto 1em auto;
	display:block
}

.cont_img-l{
	float: none;
	margin:0 auto 1em auto;
}

figure{
	margin:0.5em auto 0.5em auto;
	width:90%;
}

h1{
	width: 100%;
	color:#fff;
	font-weight:normal;
	text-align:center;
	background:none #147300;
	font-size:0.5em;
	line-height:1em;
}

header{
	width:100%;
	margin:0 auto 0 auto;
	text-align:center;
}

.head-inner {
    width: 96%;
    margin: 0.2em auto 0em auto;
    overflow: hidden;
}

.head-logo{
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	width:64%;
	text-align:center;
	float:none;
 }
.head-info{
	float:none;
	padding:0 0 0 0;
	margin:0 auto 1em auto;
	text-align:center;
	overflow:hidden;
	width:100%;
}

.head-info p{
	text-align:center;
	margin:0 auto;
}
.head-tel{
    float:left;
    margin: 0 auto;
		padding-top:1em;
    width: 46%;
}

.head-train {
    text-align: center;
    float: right;
		width:50%;
}


/* GLOBAL NAVI -----------------------------------------------------*/
.gnav{
	margin-top:0;
}

.gnav ul{
	width:100%;
	margin-bottom:0;
}
.gnav ul li{
	width:31%;
	margin-bottom:0.2em;
}

.gnav ul li a:link, .gnav ul li a:visited{
padding:0.2em 0 0.2em 0 ;
border: 1px solid #fff;
}

.gnav ul li a img {
    margin: 0.2em auto;
}

/* Main Area -----------------------------------------------------*/
.main-wrap{
	margin:1em auto;
}

.cont-area{
	float:none;
	width:99%;
	margin:0 auto;
}

/* side navi -----------------------------------------------------*/

.side-nav{
	float:none;
	width:100%;
	text-align:center;
}
.snv-menu li{
	width:46%;
	display:inline-block;
}
.snv-menu li a:link,
.snv-menu li a:visited{
	font-size:1.2em;
	font-weight:bold;
	padding-top:0.7em;
	padding-bottom:0.5em;
}


/* FOOTER -----------------------------------------------------*/
footer{
	padding:1em 0 0 0;
	margin:0 0 0 0;
}
footer .foot-info {
    float: none;
    width: 100%;
    text-align: center;
}



footer .foot-logo{
	width:70%;
	margin:0 auto;
}

footer .foot-sitemap{
	display:block;
	float:none;
	width:100%;
	clear:both;
	margin:1em auto 0 auto;
}

footer .foot-sitemap .fs-lst li {
	list-style: none;
	display: inline-block;
	margin-left: 0.5em;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1em;
}

/* page top -----------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 5px;
	right: 5px;
	font-size: 100%;
	z-index: 100;
}
#page-top a {
  padding: 0.1em 1em;
}


/* OUTLINE -----------------------------------------------------*/

.home-outline-cont{
		padding:1em 0 1em 0;
}
.home-outline-cont .home-outline-left{
	float:none;
	width:98%;
	margin: 0 auto;
}

.home-outline-cont .home-outline-right{
	float:none;
	width:98%;
	margin: 0 auto;
}

.outline-tit {
	font-size:1.3em;
}
.outline-tit img{
	display:block;
	clear:both;
	width:50%;
	margin-bottom:0.5em;
}

/* float-list */
.fl-lst{
	margin:0 0 0.5em 0;
}
.fl-lst li{
	display:inline-block;
	font-size:0.9em;
}


.ol-item dt{
	width:100%;
	display:block;
	font-size:0.9em;
}

.ol-item dd{
	width:calc(100% - 0);
	width:100%;
	display:block;
}

.rail-acc{
margin-left:0;
padding-left:0;
float:none;
}




}