@charset "utf-8";

/* メニューcss  */




/* PC用 */
@media print, screen and (min-width:769px){	
  #header{
	  z-index:999999;
  }

  /* ロゴ　**/
  #header .logo{
	  float:left;
	  margin-top:12px;
	  font-size:24px;
	  line-height:1.2em;
	  font-weight:bold;
  }
  #header .logo a{color:#000;}

	nav div.panel{
	  display:block !important;
	  float:right;
	  position:static;
	}

	a#menu{display:none;}

	nav#mainNav ul{
		float:right;
		padding-top:10px;
	}

	* html nav#mainNav ul{height:1%;}

	nav#mainNav ul{width:100%;}
	nav#mainNav ul li{
	  float:left;
	  text-align:center;
	  border-right:solid 1px #999;
	}
	nav#mainNav ul li:first-child{
	  border-left:solid 1px #999;
	}

	nav#mainNav ul li a{
		font-size:16px;
		display:block;
		padding:5px 25px;
		line-height:1.2;
		color:#000;
		background-color:#fff;
	}
	
	nav#mainNav ul li.active a,nav#mainNav ul li a:hover{
		color:#000;
		background:#e0e0e0;
	}
	
	/*　PC版は非表示の項目 */
	.sub{display:none;}

	/* ドロップメニュー */
	nav#mainNav ul li{
	  position:relative;
	}
	nav#mainNav ul li ul{
		position:absolute;
		z-index:9999;
		top:29px;
		left:0;
		margin:0;
		padding:0;
	}
	nav#mainNav ul li ul li{
		float:none;
		border:none;
		width:100%;
	}

	nav#mainNav ul li:hover ul li{
		border-top:dashed 1px #999;
	}


	nav#mainNav ul li ul li:first-child{border-left:none; }
	nav#mainNav ul li:hover ul li:last-child{ border-bottom:dashed 1px #999;}
	nav#mainNav ul li ul li a{
			font-size:14px;
			line-height:1.2em;
			display:block;
			padding:10px 0;
	}
	nav#mainNav ul li.active li a{background:#fff;}
	nav#mainNav ul li.active li a:hover{background:#e0e0e0;}
	



nav#mainNav ul li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
nav#mainNav li:hover ul li{
  overflow: visible;
  height: 36px;
}


/*
	nav#mainNav ul li ul{
	  display: none;
	}
	nav#mainNav ul li:hover ul{
	  display: block;
	}
*/

nav#mainNav ul li span {display:none;}



}

/* タブレット　768px以下 */
@media only screen and (max-width:768px){
  /* ロゴ　**/
  #header{padding-bottom:0; padding-top:5px;}	
  #header .logo{
	float:none;
	text-align:center;
	padding:0;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	margin-bottom:10px;
	margin-top:5px;
  }
  #header .logo .pc{display:none;}
  #header .logo a{color:#000;}
	
	nav#mainNav{
	  clear:both;
	  width:100%;
	  margin:0 auto;
	  padding:0;
	  background:#00c2ff;
	}

	nav#mainNav a.menu{
	  width:100%;
	  display:block;
	  height:40px;
	  line-height:40px;
	  font-weight: bold;
	  text-align:left;
	  color:#fff;
	}

	nav#mainNav a#menu span{padding-left:10px;}
	nav#mainNav a.menu span:before{content: "三 ";}
	nav#mainNav a.menuOpen span:before{content: "Ｘ ";}
	nav#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
		display: none;
		width:100%;
		position: relative;
		right: 0;
		top:0;
		z-index: 1;
	}

	nav#mainNav ul li{
		float: none;
		clear:both;
		width:100%;
		height:auto;
		line-height:1.2;
		border-right:none;
	}
	nav#mainNav ul li:first-child{
		border-left:none;
	}



	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
		display: block;
		padding:9px 10px;
		font-size:15px;
		text-align:left;
		border-bottom:1px dotted #1e1e1e;
		color:#000;
		background:#f1f1f1;
	}
	
	nav#mainNav ul li:first-child a{border-top:1px dotted #1e1e1e;}
	nav#mainNav ul li.active a,nav#mainNav ul li a:hover{background:#cbcbcb;}
	nav div.panel{float:none;}




	/* ドロップメニュー */
	nav#mainNav ul li ul li:first-child a{border-top: none;}
	nav#mainNav ul li ul{background:#f1f1f1;}
	nav#mainNav ul li ul li {
		border-top: none;
	}
	nav#mainNav ul li ul li a:before{
		content:"　-- ";
	}
	
	nav#mainNav ul li.active li a{
		background:#f1f1f1;
	}
	nav#mainNav ul li.active li a:hover{
		background:#cbcbcb;
	}

	nav#mainNav ul li span {display: inline-block;}


}


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

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
}