@charset "UTF-8";

body{
	font-family: ”ヒラギノ角ゴ Pro W3”,”Hiragino Kaku Gothic Pro”,Osaka,”ＭＳ Ｐゴシック”,”MS PGothic”, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	color: #222;
}

p{ text-align:left; margin-top:5px;
	}

a{ text-decoration: none; color:#1111cc
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img{
	max-width: 100%;
	height: auto;
}

/* __ h TAG __ */





/* __ Header __ */

header{
	padding: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.logo{
	margin: 0.5em 0;
	align-items: center;
	justify-content: center;
	font-size: 26px;
}
.logo a{
	text-align: center;
}
.logo a:hover{

}
.gnav{
	display: flex;
}
.gnav a{
	display: block;
	font-size: 22px;
	
}

	.main-nav-btn {
	width: 49%;
	display: inline-block;
	text-decoration: none;
	font-size: 0.8em;
	border-bottom: solid 4px #093;
	text-align: center;
	line-height: 80px;
}

@media screen and (max-width : 959px) {
	
	.main-nav-btn {
		background-image:url(../img/img_bg.gif);
		color:#333

    }
	
}

	.main-nav-home-btn {
	width: 90%;
	height: 40px;
	text-align: center;
	background-color: #f5f5f5;
	font-size: 0.8em;
	color:#666
    }
	
	.sidebar-nav{
	line-height:80px;
	}
	
@media screen and (max-width : 959px) {
	
	.main-nav-home-btn {
		margin-bottom:10px;
			line-height:40px;

    }
	
}


/* __ Contents __ */

.container p:not(:last-child){
	margin-bottom: 1.5em;
}
.main, footer{
	padding: 20px;
}

.main{
	background-color: #FFFFFF;
}

.sidebar{
	background-color: #FFF; margin:20px;
	color: #FFF;
}

.sidebar-nav{
	border: 1px solid #ddd;
	padding: 1em;
}

.sidebar-nav a{ color:#333
}

.sidebar-cliniclist{
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	padding: 1em;
}


.sidebar-cliniclist li{
	padding:20px 0 ;
	line-height: 20px;
	font-size: 13px;
	color: #333;
	border-bottom: 1px solid #ddd;
}

.sidebar-nav li{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ddd;
}



/*__ Tiles __*/

.tiles{
	margin-bottom: 1em;
}
.tiles li{
	border:#CCC 1px solid;
	margin-bottom: 1em;
	padding: 20px;
	border-radius: 4px;
	background-color: #fff;
}

.tiles2{
	margin-bottom: 1em;
}
.tiles2 li{
	margin-bottom: 1em;
	background-color: #fff;
}

/* __ Footer __ */

footer{
	text-align: center;
	background: url(../img/bg.gif);
	color: #555;
}


/* __ パンくず __ */
.pankuzu {
	width: 100%;
	background-color: #FCFCFC;
	margin-bottom: 30px;
	
}

.pankuzu a{
	color:#2e8b57
}

.pankuzu ol{
	margin:0 auto;
	text-align:center;
}

.pankuzu li{
  display: inline-block;
  margin: 0.9em;
  color: #2e8b57;
  font-size:0.7em;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }


/* Media queries
-------------------------------------------------------*/

@media screen and (min-width : 960px) { /* デスクトップ用CSS */

	/* __ Header __ */

	header{
		margin:0 auto;
		padding:0;
		max-width:980px;
		flex-direction: row;
	}
	p{ font-size:14px
	}
	.logo{
		margin: 0 auto 0 0;
	}
	.gnav a{
		padding: 10px 22px;
		display: block;
		font-size: 24px;
		border-radius: 4px;
	}
	
	.main-nav {
	display: flex;
	justify-content: center;
	border-top: #a3b6de 4px solid;
	background-color: #f6fce3;
    }
	.main-nav a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	color: #333;

    }
	.main-nav a:hover {
	background-color: #093;
	color: #FFF;

    }
	
	
	.main-nav-home-btn {
	display: block;
	width: 80px;
	max-width: 100%;
	height: 60px;
	text-align: center;
	font-size: 0.8em;
	color: #CCC;
	background-color: #333;
	line-height: 60px;
    }
	
		.main-nav-btn {
	width: 150px;
	max-width: 100%;
	height: 60px;
	text-align: center;
	font-size: 0.8em;
	border-right: #c0cc9b 1px solid;
	display: inline-block;
	line-height: 60px;
	
    }

	
	
.sidebar{
	margin:0px
}

.sidebar-nav{
	border: 1px solid #ddd;
	padding: 1em;
}

.sidebar-nav li{ line-height:40px; font-size:13px;
	border-bottom: 1px solid #ddd;
}

.sidebar-cliniclist{
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	padding: 1em;
}

.sidebar-cliniclist li{
	padding:20px 0 ;
	line-height: 20px;
	font-size: 13px;
	color: #333;
	border-bottom: 1px solid #ddd;
}
	
	/* __ Contents __ */

	.container{
	display: flex;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	}
	.sidebar{
	width: 230px;
	}
	.main{
	flex: 1;
	order: 2;
	padding: 0 40px 0;
	}

	/*__ Tiles __*/

	.tiles{
		display: flex;
		flex-wrap: wrap;
	}
	.tiles li{
		margin: 5px;
		width: calc( 33.3% - 10px);
	}
		.tiles2{
		display: flex;
		flex-wrap: wrap;
	}
	.tiles2 li{
		margin: 5px;
		width: calc( 33.3% - 10px);
	}
	
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }


}

@media screen and (max-width : 959px) {
	

}