/*-------------------------------------------
 メニュー 
--------------------------------------------*/
.inner{
margin:0 auto;
width:100%;
}

nav a:link, nav a:active, nav a:hover, nav a:visited{
	color:#fff;
}

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

.cfirst{font-size:3rem;color:#fff;font-weight:800;text-shadow:0px 0px 10px #333;background:#0073bd;padding:40px 16px 16px 16px;}
.cftitle{font-weight:600;color:#ee0000;padding:20px 0;font-size:2rem;text-shadow:2.5px  2.5px 3px #fff, -2.5px  2.5px 3px #fff,2.5px -2.5px 3px #fff,-2.5px -2.5px 3px #fff, 0px  0px 6px rgba(0, 0, 0, 1);}
.cccdo{margin:1.5rem 0 10px 5vw;}
nav#mainNav{
		float:left;
		overflow:hidden;
		position:relative;
		text-align:center;
		padding: 1px;
		width: 150px;
		margin: 0;
	}

	nav#mainNav ul {
		list-style-type: none;
		padding:0;
		margin:0;
		background:#01315d;
	}

	nav#mainNav ul li{
		display: block; 
		padding:0;
		margin-bottom:2px;
	}

	nav#mainNav li:last-child{
		margin-bottom: 0;
	}

	nav#mainNav ul li a{
		display: block;
		text-align: center;
		font-size:14px;
		line-height:130%;
		padding:8px 0;
		font-weight:bold;
		background: #004b90; /* Old browsers */
		background: -moz-linear-gradient(left,  #004b90 0%, #1f7ed6 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #004b90 0%,#1f7ed6 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #004b90 0%,#1f7ed6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b90', endColorstr='#1f7ed6',GradientType=1 ); /* IE6-9 */
		letter-spacing:0.2em;
	}


	nav#mainNav ul li a span,nav#mainNav ul li a strong{
		display:block;
	}

	nav#mainNav ul li a span{
		color:#fff;
		font-size:10px;
		font-weight:normal;
	}

	nav div.panel{
		display:block !important;
	}

	a#menu{display:none;}

	nav#mainNav li.active a,nav#mainNav li a:hover{
		background: #fabf00; /* Old browsers */
		background: -moz-linear-gradient(left,  #fabf00 0%, #fabf00 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #fabf00 0%,#fabf00 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #fabf00 0%,#fabf00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabf00', endColorstr='#fabf00',GradientType=1 ); /* IE6-9 */
	}
	nav#mainNav ul li.active a span{
		color: #fff;
	}
}


@media only screen and (max-width:479px){
.cfirst{font-size:1.5rem;color:#fff;font-weight:800;text-shadow:0px 0px 10px #333;background:#0073bd;padding:40px 16px 16px 16px;}
.cftitle{font-weight:600;color:#ee0000;padding:20px 0;font-size:1rem;text-shadow:2.5px  2.5px 3px #fff, -2.5px  2.5px 3px #fff,2.5px -2.5px 3px #fff,-2.5px -2.5px 3px #fff, 0px  0px 6px rgba(0, 0, 0, 1);}
.cccdo{margin:0.5rem 0 10px 5vw;}
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto 20px 0;
	padding:0;
	color:#fff;
	font-family:verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background:#e60012;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	}

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

	nav#mainNav a#menu span{padding-left:10px; font-size:15px;}
	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;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	}
	
	nav#mainNav ul li a span{padding-left:10px;}
	
	nav#mainNav ul li:first-child a{
	border-top:1px solid #e4e4e4;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	
	nav#mainNav ul li.active a{color:#65c0ed;}

	nav div.panel{float:none;}


}