@charset "utf-8";

/* reset
-------------------------------------------------- */
#MemberWrap, #MemberWrap *{
	margin:0;
	padding:0;
	line-height:100%;
	border:0;
	color:#ffffff;
}
#MemberWrap, #MemberWrap ul li{
	list-style:none;
}



/* Mobile
-------------------------------------------------- */
#MemberWrap{
	background:#002964;
	color:#ffffff;
}
#MemberWrap #MemberInner{
	width:90%;
	margin:0 auto;
	padding:7px 0;
}
#MemberWrap #MemberMenu{
	float:right;
	white-space:nowrap;
}
#MemberWrap #MemberMenu li{
	vertical-align:middle;
	display:inline-block;
	padding:5px 10px 3px 5px;
}
#MemberWrap #MemberMenu li:last-child{
	padding-right:0;
}
#MemberWrap #MemberMenu li a{
	display:block;
	width:1em;
	color:#ffffff;
	text-decoration:none;
}
#MemberWrap #MemberMenu li a span.text{
	display:none;
}
#MemberWrap #MemberMenu li a::before{
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:auto;
	color:#ffffff;
	display:block;
	width:1em;
}
#MemberWrap #MemberMenu li.magazine a::before{
	content:"\f2b6";
}
#MemberWrap #MemberMenu li.login a::before{
	content:"\f023";
}
#MemberWrap #MemberMenu li.update a::before{
	content:"\f007";
}
#MemberWrap #MemberMenu li.logout a::before{
	content:"\f08b";
}
#MemberWrap #MemberMenu li.contact a::before{
	content:"\f059";
}
#MemberWrap #MemberInner .LoginName{
	float:left;
	padding:6px 0;
	font-size:11px;
	max-width:calc(100% - 130px);
	color:#ffffff;
}



/* ランドスケープ（iPhone SE）
-------------------------------------------------- */
@media print, screen and (min-width:568px){

}



/* タブレット
-------------------------------------------------- */
@media print, screen and (min-width:768px){

}



/* PC
-------------------------------------------------- */
@media print, screen and (min-width: 980px) {
	#MemberWrap{
		background:transparent;
		width:960px;
		margin:0 auto;
		color:#000000;
		position:relative;
	}
	#MemberWrap #MemberInner{
		width:auto;
		position:absolute;
		top:0;
		right:0;
		padding:0;
	}
	#MemberWrap #MemberMenu{
		float:none;
		background:#002964;
		-webkit-border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
		border-radius:0 0 5px 5px;
		overflow:hidden;
		padding:8px 0;
	}
	#MemberWrap #MemberMenu li{
		padding:1px 15px 2px 15px;
		border-right:1px solid #ffffff;
	}
	#MemberWrap #MemberMenu li:last-child{
		padding-right:15px;
	}
	#MemberWrap #MemberMenu li a{
		width:auto;
	}
	#MemberWrap #MemberMenu li.contact{
		border-right:none;
	}
	#MemberWrap #MemberMenu li a span.text{
		display:inline;
		font-size:11px;
		color:#ffffff;
	}
	#MemberWrap #MemberMenu li a::before{
		display:none;
	}
	#MemberWrap #MemberMenu li a:hover{
		text-decoration:underline;
	}
	#MemberWrap #MemberInner .LoginName{
		float:none;
		padding:0;
		font-size:13px;
		margin-top:10px;
		text-align:right;
		max-width:inherit;
		color:#000000;
	}