/* CSS Document */
@charset "UTF-8";


/************************************
** ナビゲージョン
************************************/

#sp_nav {display:none;}
#pc_nav{display: block;}


header nav {
	width: 100%;
}
header nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 0 30px 0;
	border-bottom: solid 1px #C6ECFF;
}

header nav ul li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	text-align: center;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 600;
}
header nav ul li a{
	color: #555;
	padding: 10px ;
}
header nav ul li a:link { color:#555; }
header nav ul li a:hover { color: #006599; }
header nav #subnav_sp { display: none; }




#nav_toggle{
	display: none;
}

/*スマホ・タブレット用の設定*/
@media screen and (max-width:960px){
	#pc_nav {display:none;}
	#sp_nav{display: block;}

	body {word-break: break-all;} /*URLが自動改行*/

	h2 {font-size: 1.6rem; padding: 0 0 0 80px;}
	h3 {padding: 0 0 0 80px;}
	#h1_tit {font-size: 2.8rem;}

	header{
		padding: 16px 0;
	}
	h1{
		display:inline;
		width: 200px;
		margin: 10px 0 0 0;
	}
	h1 img{ width: 100%; }
	.inner{
		width: 90%;
	}


	span.e600 {font-size: 1.8rem !important;}


	/*メニュー部分*/
	nav{
		display:none;
		position: absolute;
		top:0;
		width: 100%;
		height: 100vh;
		background:rgba(255,255,255,0.9);
		left: 0;
		z-index: 3;
	}
	header nav ul{
		display: block;
		width: 90%;
		height: auto;
		position: absolute;
		top: 60px;
		right: 0px;
		/*bottom: 0px;*/
		left: 0px;
		margin: auto;
		z-index: 4;
	}
	header nav ul li{
		margin: 0 auto;
		text-align: center;
		font-size:1.8rem;
		font-weight: 300;
	}
	header nav ul li:last-child{
		border: none;
	}
	header nav ul li a{
		display: block; 
		color: #006598;
	}
	header nav #subnav { display: none; }
	header nav #subnav_sp{
		display: block;
		width: 90%;
		height: 0px;
		position: absolute;
		top: 30%;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		z-index: 5;
		font-size:1.8rem;
		letter-spacing: 0px;
	}

	/*レスポンシブ対応のtable*/
	table {
		width: 100%;
	}
	table tr,
	table th,
	table td {
		display: block;
		width: auto;
		word-break: break-all; /*URLが自動改行*/
	}

	/*ページトップのボタンサイズ変更*/
	#page-top img {width: 62px;}




	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		top: 4px;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #006699;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	header.open{
	position: static !important;
}
	.open #nav_toggle span{
		background: #006598;
	}
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
			webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
}


#subnav,#subnav_sp {
	text-align: center;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 4px;
	padding: 20px 0 20px 0;
}
#subnav a, #subnav_sp a {
	/*display: block;*/
	padding: 12px 24px;
}
#pc_nav a:link, #sp_nav a:link { color:#555; } /*未訪問のリンクの色*/
#pc_nav a:visited, #sp_nav a:visited { color:#555; } /*訪問済みのリンクの色*/
#pc_nav a:hover, #sp_nav a:hover { color: #006599; }/*カーソルが乗っているリンクの色*/