@charset "shift_jis";
/* for Scroll Fix Header */

	header{
		width:100%;
		text-align: center;
	}

.fix-header {
	background-color:#FFF;
	line-height: 66px;
	top: -66px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;/*	opacity: 0; */
	}

	.fix-header-contents{
		width:80%;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li a,.fix-header li a:visited{
	color: #000;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
	font-size: 20px;
}

#fix-header-menus{
	float:right;
	text-align: right;
	font-size: 16px;
}
#scroll-fix-menu img{
padding-bottom: 5px;
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

	nav{
		width:100%;
		background-color: #FFF;
	}
	.nav-container{
		width:1200px;
		margin: 0 auto;
	}
	
	nav ul{
		padding:0;
		list-style: none;
	}
	
	nav ul li{
		float:left;
		margin:10px 30px 10px 0;
	}
	
	nav ul li a,nav ul li a:visited{
		color: #fff;
		text-decoration: none;
	}
	
	article{
		width:1200px;
		margin:20px auto ;
	}
/* link clearfx */
.fix-header .fix-header-contents #fix-header-logo .fix-header-logo_sub {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #000;
}

#fix-header-logo a:link {
	color: #000;
	text-decoration:none;
}

#fix-header-logo a:visited {
	color: #000;
}

#fix-header-logo a:hover {
	color: #000;
}
#fix-header-menus a {
  padding: 0 .3em;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(46, 204, 113, 1) 50%);
  background-position: 0 0;
  background-size: auto 200%;
  transition: .3s;
}
#fix-header-menus a:hover {
  background-position: 0 100%;
  color: #fff;
}