@charset "UTF-8";

@import url("flex_foot.css");
/* CSS Document */

#hed{
	background-image:url(../img/hed_line.jpg);
	background-repeat:repeat-x;
	padding-top:60px;
	padding-bottom:60px;
	width:100%;
	height:40px;
	border-bottom:1px #000 solid;
	}
	@media screen and (max-width: 680px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
	#hed{
	background-image:url(../img/hed_line.jpg);
	background-repeat:repeat-x;
	padding-top:30px;
	padding-bottom:90px;
	width:100%;
	height:40px;
	border-bottom:1px #000 solid;
	}
	#flex_hed{
		max-width:984px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:0 30px;
		}}
		#hed_photo{
			width:100%;
			height:auto;
			display:flex;
		}
		#hed_photo h2 img{
			width:100%;
			
			
			
			}
		
			
		@media screen and (max-width: 680px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
		#hed_photo{
			max-width:100%;
			display:flex;
			flex-wrap:wrap;
			margin-bottom:5px;
			
		}
		#hed_photo img{
			padding:0;}
		}

	#flex_hed{
	max-width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
		}
h1{
	width:240px;
	height:40px;
	}
#hed p{
	font-family:'Special Elite', cursive;
	color:#fff;
	font-size:0.9rem;
	line-height:1.5EM;
	letter-spacing:normal;
	padding-top:15px;
	}
	
/*グローバルナビ*/	
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#fixed-nav{
	width: 100%;
	margin:0 auto;
	background: rgba(255,255,255,0.9);
	border-bottom:1px dashed #ccc;
	 
	
	}
@media screen and (max-width: 680px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/

#fixed-nav{
	width: 100%;
	margin:0 auto;
	background: rgba(255,255,255,0.9);
	border-bottom:1px dashed #ccc;
	}
}


.flex_test-box {
	max-width: 1024px;
	margin:0 auto;
	display: flex; /* フレックスボックスにする */
	justify-content: space-around;/*フレックスボックス中央揃え */
	
}

@media screen and (max-width: 680px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
.flex_test-box {
	width: 100%;
	margin:0 auto;
	display: flex; /* フレックスボックスにする */
	justify-content: space-around;/*フレックスボックス中央揃え */
	
}
}
.flex_menu_item{
	font-family: 'Special Elite', cursive;
	font-size:1.2rem;
	padding:25px 5px;
	color: #999;               /* 文字色 */
	margin: 0px;              /* 外側の余白 */
	text-align: center;
	position:relative; /* プルダウン基準 */
	display:block;
}
.child_01{
	visibility: hidden;
	text-align:center;
	width:300%;
	position: absolute;
    top:100%;
    left: -100%;
	padding:25px 0 5px 0;
	background:rgba(255,255,255,0.9);
	line-height:1.6em;
	z-index:9;
	display:block;
	}
.child_02{
	visibility: hidden;
	text-align:center;
	width:400%;
	position: absolute;
    top:100%;
    left: -150%;
	padding:25px 0 5px 0;
	background:rgba(255,255,255,0.9);
	line-height:1.6em;
	z-index:9;
	display:block;
	}
.child_01 a:hover,.child_02 a:hover{
	text-decoration:underline;
	}
	
.flex_menu_item:hover .child_01 {
    visibility: visible;
}
.flex_menu_item:hover .child_02 {
    visibility: visible;
}
.flex_menu_item a{
	display:block;
	font-family: 'Special Elite', cursive;
	text-decoration:none;
	color:#000;
		/*背景フェードイン1秒
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease*/
	}
.flex_menu_item a:hover{
	color:#3CC;
	text-shadow: -6px 0px 15px rgba(20, 255, 239, 0.73), 6px 0px 15px rgba(20, 255, 239, 0.73);
	transition: .4s;
	
	}
@media screen and (max-width: 680px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
.flex_menu_item{
	font-size:0.8em;
	padding:30px 2px;
	
}
}




/* .プルダウン指示ここからーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

	
	

/* プルダウン指示ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */