@charset "utf-8";

/*-------------------------------------------------------------- 
ヘッダー共通要素 - ロゴ、webパーツ、ナビゲーション
-------------------------------------------------------------- */

/*************
/* ヘッダー
*************/
#header{
height:auto;
overflow:hidden;
padding:5px 0 10px;
}

* html #header{height:1%;}


/*************
/* ロゴ
*************/
#header .logo{
float:left;
padding:10px auto;/*↓.infoのpaddingと同数値*/
font-family:"Comic Sans MS";
}


/*************
/* webパーツ
*************/
#header .info{
float:right;
padding:10px auto;/*↑.logoのpaddingと同数値*/
}
.info span{margin:auto 5px;}

.tel strong{font-size:16px; font-weight:bold;}


/**************************
/* トップナビゲーション
**************************/
ul#topnav{
overflow:hidden;
margin:10px 0;
border-left:1px solid #ddd;
}

* html ul#topnav{height:1%;}

ul#topnav li{
float:left;
text-align:center;
}

ul#topnav a{
color:/*#333*/;
width:155px;
font-size:12px;
display:block;
padding:6px 0;
border-right:1px solid #ddd;
text-decoration:none;}

ul#topnav li:first-child a,ul#topnav li:last-child a{width:156px;}

ul#topnav li.active a,ul#topnav a:hover{
color:#fff;
border-color:#ddd;
background:#33cccc;/*#eee*/
}


/* PC用 */
@media only screen and (min-width:959px){	
}


/* モニター幅960px以下 */
@media only screen and (max-width:960px){
	#header .info{padding-right:10px;}
	
	ul#topnav{
	clear:both;
	width:100%;
	}

	ul#topnav li{
	width:33%;
	margin:0 0 5px;
	border-right:1px solid #1c1c1c;
	}

	ul#topnav li:nth-child(3n){border-right:0;width:34%;}

	ul#topnav li a{
	width:100%;
	border-top:0;
	}

	ul#topnav li:first-child a,ul#topnav li:last-child a{width:100%;}
}


/* iPad 縦 */
@media only screen and (max-width:768px){
  #header{padding-bottom:0;}	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	.info{padding:10px 0 0;}
	.info span img{max-width:80%; height:auto;}
	
	ul#topnav li{width:50%;}

	ul#topnav li:nth-child(3n){
	border-right:1px solid #1c1c1c;
	width:50%;
	}
	
	ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}
}