/*============================================================

TOPページ専用スタイル

==============================================================*/
html,body{ height:100%; overflow-y:hidden;}
/*----------------------------------------------------------------
TOP枠
----------------------------------------------------------------*/
section#top_con{
	position:absolute;
	margin:auto;
	top:3%;
	right:0;
	left:0;
	bottom:0;
	width:100%;
}
@media screen and (min-width:570px){
section#top_con{
	top:10%;
}
}
@media screen and (min-width:1340px){
section#top_con{
	top:0;
	height:50%;
}
}
/*----------------------------------------------------------------
h1 ロゴ
----------------------------------------------------------------*/
section h1{
	text-align:center;
	margin:0 0 10%;
}
@media screen and (min-width:570px){
section h1{
	margin:0 0 40px;
}
}
section h1 img{
	width:280px;
}
@media screen and (min-width:570px){
section h1 img{
	width:300px;
}
}
/*----------------------------------------------------------------
メニュー
----------------------------------------------------------------*/
nav ul{
	display:table;
	margin:0 auto;
	padding:0;
}
nav ul li{
	margin:0 0 20px;
	list-style:none;
	text-align:center;
}
@media screen and (min-width:570px){
nav ul li{
	margin:0;
	display:table-cell;
	padding:0 20px 0 0;
}
}
@media screen and (min-width:720px){
nav ul li{
	padding:0 70px 0 0;
}
}
nav ul li:last-child{
	padding:0;
}
nav ul li a{
	display:block;
	text-decoration:none;
	color:#252525;
	font-size:16px;
	line-height:23px;
	text-shadow:0 0 11px rgba(255,255,255,1),0 0 11px rgba(255,255,255,1),0 0 11px rgba(255,255,255,1),0 0 11px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1);
	box-shadow:0px 4px 5px -5px rgba(255,255,255,0.6);
}
@media screen and (min-width:570px){
nav ul li a{
	box-shadow:none;
	font-weight:bold;
}
}

nav ul li a:after{
	content:"";
	margin:10px 0 0;
	display:block;
	height:1px;
	width:100%;
	background-image: linear-gradient(to right, transparent,  #fff 50% , transparent);
}
@media screen and (min-width:570px){
nav ul li a:after{
	display:none;
}
}
nav ul li a:hover{
	transition:color 0.3s ease 0s;
	color:#a4a4a4;
	text-shadow:0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1),0 0 30px rgba(255,255,255,1);
}
nav ul li a span{
	display:block;
	opacity:0.4;
	font-size:12px;
}