@charset "UTF-8";

/*メニュー　現在のページ*/
.nav li:nth-child(3){
	background:#fff;
}
/*home以外のページ共通*/
header{
	width:100%;
	margin-top:40px;
	background:url(img/bg_head.jpg) repeat-x;
	background-size:contain;
}


.pagetop {
	position: fixed;
	bottom: 5%;
	right: 5%;
}

/*
=======================================
	MEMBER-STYLE CSS
=======================================
*/
#member li a{
	text-decoration:none;
	text-align:center;
	display:block;
	width:33.33%;
	border-left:#020 8px solid;
	box-sizing:border-box;
}

#member .s{
	padding:25.5% 0;
	background:url(img/sol-nekoya.jpg) no-repeat;
	background-size:contain;
	float:left;
}
#member .s:hover{
	background:url(img/sol-fb.png) no-repeat,
			   url(img/sol-nekoya.jpg) no-repeat;
	background-size:contain;
}

#member .y{
	padding:25.5% 0;
	background:url(img/yo-nekoya.jpg) no-repeat;
	background-size:contain;
	float:left;
}
#member .y:hover{
	background:url(img/yo-blog.png) no-repeat,
			   url(img/yo-nekoya.jpg) no-repeat;
	background-size:contain;
}

#member .n{
	padding:25.5% 0;
	background:url(img/nori-nekoya.jpg) no-repeat;
	background-size:contain;
	float:left;
}
#member .n:hover{
	background:url(img/nori-twit.png) no-repeat,
			   url(img/nori-nekoya.jpg) no-repeat;
	background-size:contain;
}

#sns{
	clear:both;
	text-align:center;
	margin-top:20px;
}
#sns li a{
	text-decoration:none;
	display:inline-block;
	width:30px;
	height:30px;
	border:#020 3px solid;
	border-radius:10px;
	box-sizing:border-box;
	box-shadow:2px 2px 2px #aaa;
}
#sns li a:hover{
	opacity:0.6;
}

.box{
	margin:0 auto;
	padding:0 45%;
}

.f{
	float:left;
	background:url(img/icon-fb.jpg) no-repeat;
	background-size:100% 100%;
}
.m{
	float:left;
	background:url(img/icon-mx.jpg) no-repeat;
	background-size:contain;
}

/*メディアクエリ　メンバー　フロート解除*/
@media screen and (max-width: 640px){
	#member li a{
		text-decoration:none;
		text-align:center;
		display:block;
		width:100%;
		border:#020 3px solid;
		box-sizing:border-box;
	}

	#member .s{
		background:url(img/sol-respons.png) center no-repeat,
				   url(img/respons-salty.jpg) center no-repeat;
		background-size:contain;
	}
	#member .s:hover{
		background:url(img/sol-respons.png) center no-repeat,
				   url(img/respons-salty.jpg) center no-repeat;
		background-size:contain;
		opacity:0.6;
	}

	#member .y{
		background:url(img/yo-respons.png) center no-repeat,
				   url(img/respons-yo.jpg) center no-repeat;
		background-size:contain;
	}
	#member .y:hover{
		background:url(img/yo-respons.png) center no-repeat,
				   url(img/respons-yo.jpg) center no-repeat;
		background-size:contain;
		opacity:0.6;
	}

	#member .n{
		background:url(img/nori-respons.png) center no-repeat,
				   url(img/respons-nori.jpg) center no-repeat;
		background-size:contain;
	}
	#member .n:hover{
		background:url(img/nori-respons.png) center no-repeat,
				   url(img/respons-nori.jpg) center no-repeat;
		background-size:contain;
		opacity:0.6;
	}

}