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

/*====================
639以下および全サイズ共通
======================*/
/*フルードイメージ*/
img{
	max-width:100%;
	heigt:auto;
}

/*フォントとバックグラウンドカラー*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

/*リンク*/
a{
	color:#000000;
	text-decoration:none;
}

/*全体*/
#wrap{
	font-size: 12px;
	line-height: 1.5;
	margin:0 auto;
	padding: 0 5% 0 5%;
	background-color:#2260cd;
	background:-webkit-linear-gradient(top,#143c82,#2771f2);
	background:linear-gradient(to bottom,#143c82,#2771f2);
}


/*ヘッダー*/
header #inner{
	margin: 0 auto;
	background: #fff;
	font-size: 12px;
	line-height: 1.5;
	padding: 2%;
	box-sizing: border-box;
}
header h1{
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
header .logo{
	width: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
}
	

header h1 span{
	font-size:10px;
}


header #contact{
	padding:5px;
	text-align: center;
}
header .text_con{
	width:80%;
	margin: 0 auto;
	margin-bottom: 5px;

}
header .btn_ct{
	width: 120px;
	margin: 0 auto;
	box-shadow:2px 2px 5px #999;
}
header .btn_ct:hover{
		opacity: 0.8;
	}
/*ナビ*/
#gnav{
	padding:0 10px 0 10px;
}

#gnav .menu{
	position: relative;
	z-index: 100;
}
#gnav ul li{
	font-size: 12px;
	width: 32%;
	margin: 0 auto;
	display: inline-block;
	height: 3em;
	line-height: 3em;
	text-align: center;
	box-sizing: border-box;
}
#gnav ul li a{
	display: block;
}

#gnav ul li a:hover{
	opacity: 0.7;
		background: rgba(230,230,230,0.3);
    	-webkit-transition: all .5s;
   		 transition: all .5s;
}

#gnav ul .nav1{
	border-bottom: #0000f0 3px solid;
}

#gnav ul .nav2{
	border-bottom: #d685ff 3px solid;
}

#gnav ul .nav3{
	border-bottom: #ff85f2 3px solid;
}
#gnav ul .nav4{
	border-bottom: #ffa967 3px solid;
}

#gnav ul .nav5{
	border-bottom: #ffe230 3px solid;
}

#gnav ul .nav6{
	border-bottom: #b8ff00 3px solid;
}


 #gnav ul.menu__second-level {
    visibility: hidden;
    opacity: 1;

}


#gnav .menu__second-level li {
    border-top: 1px solid #fff;
	width: 100%;
}
#gnav .menu__second-level li a {
	width: 100%;
}

#gnav .menu__second-level li a:hover {

	background: rgba(255,169,103,0.7);
}


/* 下矢印 
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

/* floatクリア */
#gnav .menu:before,
#gnav .menu:after {
    content: " ";
    display: table;
}

#gnav .menu:after {
    clear: both;
}

#gnav .menu {
    *zoom: 1;
}
#gnav .menu > li.nav4 {
    position: relative;
}

li.nav4 ul.menu__second-level {
    position: absolute;
    top: 50px;
    width: 100%;
	background: #fce0cb;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}

#gnav ul li.nav4:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}




/*ぱんくず*/

/* リスト */
#content .pankuzu {
margin: 0 15px 20px; /* マージン（上下左右） */
padding: 10px 5px; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
#content .pankuzu li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
#content .pankuzu li.first {
padding-left: 25px; /* 左パディング */
background: url(../img/topic-path-home-gray.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
#content .pankuzu li a {
padding-right: 15px; /* 右パディング */
background: url(../img/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
#content .pankuzu li a {
color: #143c82;
}
/* リンク色（マウスオーバー） */
#content .pankuzu li a:hover {
	opacity: 0.7;
}
	

/*コンテンツ全体および各項目共通事項*/
#content{
	background:#fff;
	width:95%;
	margin:0 auto;
	border-left:#a01a00 4px solid;
	border-right:#a01a00 4px solid;
	box-shadow:0 0 0 4px #fff;
	box-sizing: border-box;
}

#content .title{
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	background-color: #efefef;
	background: -wbkit-linear-gradient(top,#efefef 0%,#f4f4f4 49%,#f9f9f9 90%,#fff 100%);
	background:linear-gradient(to top,#efefef 0%,#f4f4f4 49%,#f9f9f9 90%,#fff 100%);
}
	
/*リンクコメント*/
#content .link{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	color: #b22222;
}

/*フッター*/
#footer{
	background: #fff;
	box-shadow: 0px 2px 5px #999 inset;
	font-size: 12px;
	padding: 10px;
	position: relative;

}
#footer #innerF{
	overflow: hidden;
}

#footer img{
	width: 30%;
	float: left;
}
#footer ul{
	margin-bottom: 10px;
	float: right;
	width: 10em;
}
#footer li{
	line-height: 1.5;
}

#footer li a{
	font-size: 10px;
	padding-left: 10px;
	color:#143c82;
}

	#footer li a:hover{
		opacity: 0.8;
		}

#footer small{
	font-size: 10px;
	display: block;
	text-align: center;
}

#footer .toTop{
	position:absolute;
	width:50px;
	height:50px;
	font-size: 16px;
	text-align:center;
	line-height:50px;
	top:-10%;
	right:2%;
}

#footer .toTop a{
	border-radius:25px;
	background:rgba(179,179,179,0.9);
	display:block;
	color:#FFFFFF;
}
#footer .toTop a:hover{
	text-decoration:none;
	opacity:0.8;
}

/*====================
640以上
======================*/
@media screen and (min-width:640px){
/*全体*/
	#wrap{
		font-size: 16px;

	}
	#content{
			overflow: hidden;
		}

	#content .title{
		font-size: 16px;
		}	

	/*リンクコメント*/
	#content .link{
		margin-bottom: 5px;
		}

	/*ヘッダー*/
	header #inner{
		overflow: hidden;
		padding: 15px;
		}


	header h1{
		text-align: left;
		}

	header #logo{
			float:left;
		}	

	header #logo .logo{
			width:80%
		}	

	header #contact{
			padding: 10px;
			float: right;
			width:35%;
			border:1px #999 dotted;
		}

	header .text_con{
			float: none;
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}

	header .btn_ct{
		float: none;
		margin:  0 auto;
		}

/*ナビ*/
	#gnav{
		text-align: center;
		}
	#gnav ul li{
		font-size: 16px;
		}
/*ぱんくず*/

/* リスト */
#content .pankuzu {
	margin-top: 15px;
	}
	
	/*キーまわり*/
	#key{
		margin-bottom: 30px;
	}
	/*フッター*/
	#footer #innerF{
		margin: 0 auto;
		padding:15px;
		}
	#footer #innerF .logo{
			width:80%;
		}
	#footer ul{
		width:70%;
	}
	#footer ul li{
		display: inline;
		margin-right: 5px;
		text-align: right;

	}
	#footer li a{
		padding-left: 15px;
	}

	#footer .toTop{
		top: -30%;
		right: 10%;
	}
}
/*====================
960以上
======================*/
@media screen and (min-width:960px){	
/*全体レイアウト*/
	#content .title{
		font-size: 18px;
		margin-bottom: 30px;
		}
	/*ヘッダー*/
	header #inner{
		font-size: 16px;
		padding: 20px;
		margin: 0 auto;
		margin-bottom: 15px;
		box-sizing: border-box;
		}

	#header h1 span{
		font-size:12px;
	}
	/*ナビ*/
	#gnav{
		padding:0 15px 0 15px;
		text-align: center;
		}
	
	#gnav ul li{
		width: 15%;
		
	}
	
/*フッター*/
	#footer #innerF{
		margin: 0 auto;
		padding:10px;
		box-sizing: border-box;
		}
	#footer #innerF .logo{
		width:60%;
		}
		#footer ul{
		width:80%;
		}

	#footer ul li{
		display: inline;
		}
	#footer li a{
		font-size: 16px;
		padding-left: 25px;
	}

	#footer small{
			font-size: 16px;
	}
}




/*====================
1200以上
======================*/
@media screen and (min-width:1200px){
	
/*ヘッダー*/
header #inner{
	width: 1160px;
	padding: 20px;
	}
	
/*ナビ*/
#gnav{
	text-align: center;
	}
	
	#gnav ul li{
		width: 180px;
	}
/*コンテンツ全体*/
#content{
		width: 1100px;
	}
	
/*フッター*/
#footer #innerF{
	width: 1160px;
	margin: 0 auto;
	padding:10px;
	box-sizing: border-box;
	}
	
#footer li a{
	padding-left: 25px;
}
#footer .toTop{
	top: -30px;
	right: 25%;
}
	
	
}