@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", "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック",sans-serif;
	color:#555;
	line-height:1.6em;
	font-size:16px;
	background:url(../img/head_bg.png) repeat-x top center;
}

.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;
	text-align:left;
}

.notes{
	font-size:0.8em;
}

notes-l{
	font-size:130%;
	font-weight:bold;
	color:#13B3DD;
}

.focus-txt{
	font-weight:bold;
	color:#B05D41;	
}

.focus-gr{
	font-weight:bold;
	color:#628F33;
}

a.focus-gr:hover{
	font-weight:bold;
	color:#7DC066;
}

.focus-grl{
	font-weight:bold;
	color:#628F33;
	font-size:150%;
}
.text-center{
	text-align:center;
	margin-bottom:0.3em;
}

.strong{
	color:#61A040;
	font-weight:bold;
}

figure{
	padding:0 0 0 0;
	margin:0 auto;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

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

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

/* 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;
	background:#FFEEF7;
	color:#FFEEF7;
	height:1px;
	margin:1em auto 2em 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;
}

h1 {
	width: 80%;
	max-width: 1170px;
	margin: 0 auto 5% auto;
	text-align: center;
	font-size: 0.8em;
	color: #666;
	font-weight: normal;
}

h2{
	margin:0 auto 1em auto;
	text-align:center;
}


/* header -----------------------------*/

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

#toratani-head{
	float:left;
	background:url(../img/toratani-head-bg.png) no-repeat;
	background-size:100% auto;
	overflow:hidden;
	width:49%;
	padding-bottom:0.8em;
}


#akakabe-head{
	float:right;
	background:url(../img/akakabe-head-bg.png) no-repeat;
	background-size:100% auto;
	width:49%;
	padding-bottom:0.8em;
}

.head-inner{
	overflow:hidden;
	margin:0 2% 0 5%;

}

.head-inner dt{
	float:left;
	margin-right:1%;
	width:50%;
}

.head-inner dd{
	float:right;
	width:46%;
}

.head-inner dd img{
	display:block;
}

.sp-home{
	display:none;
}




/* Main Area -----------------------------------------------------*/

.main-wrap{
	margin:2em auto 1em 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;
}

.snv-block{
	display:block;
	margin-bottom:10%;
}

.snv-head{
	text-align:center;
	display:block;
	margin:0 auto 0 auto;
}

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

.snv-menu{
	display:block;
	padding:1em 0;
}

#toratani-snv .snv-menu{
	background:url(../img/snav-bg_toratani.png) center bottom;
	background-size:100% 100%;
}

#akakabe-snv .snv-menu{
	background:url(../img/snav-bg_akakabe.png) center bottom;
	background-size:100% 100%;
}

.snv-menu li{
	list-style:none;
	display:block;
	text-align:left;
	font-weight:bold;
	margin-bottom: 2%;
}

#toratani-snv .snv-menu li a:link,
#toratani-snv .snv-menu li a:visited{
	display:block;
	vertical-align:middle;
	padding:1% 0 1% 0;
	color:#2C71EF;
}

#akakabe-snv .snv-menu li a:link,
#akakabe-snv .snv-menu li a:visited{
	display:block;
	vertical-align:middle;
	padding:1% 0 1% 0;
	color:#FF69B4;
}

.snv-menu li .snv-child{
	display:block;
	margin:0 0 0 20%;
}

.snv-menu li .snv-child li{
	display: block;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#toratani-snv .snv-menu li .snv-child li a:link,
#toratani-snv .snv-menu li .snv-child li a:visited,
#akakabe-snv .snv-menu li .snv-child li a:link,
#akakabe-snv .snv-menu li .snv-child li a:visited{
	padding:0 0 0 0;
	margin: 0 0 0 0;
	display: block;
}

.snv-lnk{
	list-style:none;
	text-align:center;
}

.snv-lnk li{
	margin-bottom:0.5em;
}

.snv-lnk li a:hover,
.snv-lnk li.current a,
.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;
}



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

footer{
	clear:both;
	margin:0 auto;
	padding:1em 0 0.5em 0;
	overflow:hidden;
	background:#ff69b4;
	text-align:center;
}

.foot-set{
	overflow:hidden;
	width:96%;
	margin:0 auto 2% auto;
}


.foot-logo{
	text-align:center;
	float:left;
	width:36%;
}

footer .foot-link{
	width:62%;
	float:right;
	vertical-align:top;
	text-align:left;
}


footer .foot-link li{
	list-style:none;
	display:inline-block;
	margin-left:1em;
	font-weight:normal;
	line-height:1.4em;
	color:#fff;
}

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

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

#copyright{
	width:100%;
	padding:0.5em 0 0.5em 0;
	margin:0 auto 0em auto;
	text-align:center;
	font-size:0.8em;
	line-height:1.5em;
	color:#fff;
	background:#ff69b4;
	border-top:1px solid #FFEEF7;
}

#copyright p{
	margin-bottom:0;
}

#copyright p a{
	color:#fff;

}


/* access icon ----------------*/
.access-lst{
	margin:0 0 1em 1em;
	padding:0 0 0 0;
	list-style:none;
}

.access-lst li{
	margin-bottom:0.3em;
	margin-left:0.5em;
	line-height:1.5em;
	text-indent:-1.5em;
	display:block;
}

.al-train:before{
	font-family: FontAwesome;
	content: "\f239";
	font-weight: normal;
	font-style: normal;
	color:#628F33;
	margin-right:0.2em;
}


.home-outline-cont iframe{
	border:1px solid #354582;
}

/*----- iframe埋め込み版 -----*/
#mapCanvas {
	overflow: hidden;
	border-radius: 8px;
	clear:both;
	border:2px solid #354582;
}


/* 大きな地図で見るボタン */
.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: #999999;
    text-decoration: none;
}

.gl-map:hover{
	background:#ccc;
	color:#354582;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	text-decoration:none;
}


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

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	display:block;
	font-size:0.9em;
}
#page-top a {
	display: block;
	text-align: center;
	background: #fff none repeat scroll 0% 0%;
	border:1px solid #076629;
	border-radius: 5px;
	padding: 0.5em 1.5em 0.2em;
	opacity: 0.8;
	color: #076629;
	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;
}



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

@media only screen and (max-device-width: 1169px){
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;
}

h1{
	width: 100%;
	margin-bottom:5%;
}


/* header -----------------------------*/

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

.head-inner{
	margin:0 2% 2% 5%;
	width:90%;
}

.head-inner dt{
	width:48%;
}

.head-inner dd{
	width:48%;
}



.snv-menu li .snv-child {
    display: block;
		text-align: right;
    margin: 1% auto 0 auto;
}
	
	.snv-menu li .snv-child  li img{
		text-align: center;
		margin: 0 auto;
	}



.head-info{
	margin-right:1em;
	vertical-align:bottom;
}

.sp-home{
	display:none;
}


/* Main Area -----------------------------------------------------*/
.cont-area{
	float:right;
	width:72%;
	margin-right:1em;
}


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

.ol-item dt{
	width:6.5em;
	font-size:0.8em;
}

.ol-item dd{
	width:calc(100% - 7em);
	float:right;
	text-align:left;
	min-height:2.5em;
	font-size:0.9em;
}




}

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

@media only screen and (max-width: 767px) {
	
body{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: none repeat-x top center;
	}

section{
	margin-bottom:1em;
}

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

/* 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;
}


h1{
	width: 100%;
	font-size:0.6em;
	margin-bottom:0;
}

header{
	width:100%;
	margin:0 auto;
}
	
.head-logo{
	float:none;
	padding:0 0 0 0;
	margin:0 auto 1em auto;
	width:82%;
}
 
 
 
 
.head-info{
	float:none;
	padding:0 0 0 0;
	margin:0 auto;
	width:100%;
}

.head-tel{
	margin:0 auto 0.5em auto;
	width:72%;
	text-align:center;
}

.sp-home{
	display:block;
	background:url(../img/head_bg.png) no-repeat center 10%;
	background-size:100% auto;
	padding:0.5em 0 0.3em 0;
	margin-bottom:0.5em;
	text-align:center;
	color:#076612;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff;
	font-weight:bold;
}

.sp-home a{
	color:#076612;
}

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

.side-nav{
	width:80%;
	margin: 0 auto;
	float:none;
	display:block;
}

/* FOOTER -----------------------------------------------------*/
footer{
	padding:1em 0 0.5em 0;
}

.foot-set{
	overflow:hidden;
	width:100%;
	margin:0 auto 2% auto;
	padding-top:2%;
}

.foot-logo{
	float:none;
	width:70%;
	margin:0 0 0 0;
	text-align:left;
}

footer .foot-link{
	width:100%;
	float:none;
	display:block;
	margin-left:0;
	padding-left:0;
}

footer .foot-link li{
		margin-left:0.5em;
}


#copyright {
	font-size:0.7em;
}


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


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

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

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

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

.ol-item {
	margin-bottom:0.1em;
	line-height:1.3em;
}

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

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


#mapCanvas {
    overflow: hidden;
    border-radius: 0px;
		clear:both;
		border:1px solid #354582;
		width:96%;
		margin:0 auto;
}

/* 診療時間　------------*/
#timetable{
	margin-bottom:0;
	width:96%;
}
#timetable ul{
	width:100%;
	margin:0 auto;
}

#timetable ul li{
	margin:0.5em auto 1.5em;
	display:block;
	width:96%;

}



}


/*------------------------PRINT ------------------------------------*/

@media only print {
	
.container{
	width:96%;
			font-size:90%;
}

.head-info img{
	width:60%;
}


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

.home-outline-cont .home-outline-right{
	float:none;
	width:98%;
	margin: auto;
}
.ol-item{
	clear:both;
	display:block;
}
.recruit-tbl{
			width:100%;
}

	
	
	
	
}