@charset "utf-8";

/* ========================================================================
		common.css
======================================================================== */
body{
	font-family:'ＭＳ Ｐゴシック','MS P Gothic', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 14px;
	color:#000;
}
a:link {
	color: #4C4C4C;
	transition: all 0.2s ease-in;
	text-decoration: none;
}
a:visited { color: #4C4C4C;}
a:active { color: #4C4C4C;}
a:hover {
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	
	-ms-filter: "alpha(opacity=50)"; 
}
p{ line-height: 180%;}
/* clearfix */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
/* bootstrap css clear -----------------*/
.row{
	margin:0;
	padding:0;
}
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-10,.col-md-12,.col-md-12,
.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,
.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-12,.col-lg-12,
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6{
	margin:0;
	padding:0;
}
/* header --------------------------*/
.inner {
	max-width: 1024px;
	margin: 0 auto;
}
#top-head {
	background-color: #fff;
	color: #333;
	font-size: 13px;
	width: 100%;
	margin: 100px auto 0;
	top: -100px;
	position: absolute;
	line-height: 1;
	z-index: 999;
}
#top-head .inner {
	position: relative;
	text-align: center;
}
#top-head .logo {
	display: inline-block;
	padding: 15px 0 12px 10px;
}
#top-head .logo img {
	width:315px;
}
#top-head .logo_group {
	display: inline-block;
	float: right;
	padding: 18px 10px 0 0;
}
#top-head .logo_group img {
	width:78px;
}

#global-nav{
	border-top: 2px solid #21418A;
	border-bottom: 2px solid #21418A;
	background-color:#EEEEEE;
	padding: 5px;
}
#global-nav ul{
	display: block;
	width: 950px;
	margin:0 auto;
}
#global-nav ul li {
	display: inline-block;
	width: 180px;
	background-color:#fff;
	margin: 0 3px;
}
#global-nav ul li a {
	border: 1px solid #21418A;
	text-align: center;
	display: block;
}
#global-nav ul li a:hover {
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	
	-ms-filter: "alpha(opacity=50)"; 
}
#global-nav ul li a img{
	vertical-align: top;
	max-width: 25px;
	float: left;
}
#global-nav ul li a span{
	position: relative;
	top: 6px;
}
#global-nav .current a{
	background-color: #BAE3F9;
}


/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 32px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0px;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

/* footer ------------------------------*/
footer {
	font-size: 12px;
	background-color: #EEEDF3;
	text-align: center;
	padding: 0 0 25px 0;
}
footer img{
	width: 86px;
}
footer .footer_links{
	background-color: #C7C7C7;
	margin-bottom: 10px;
	padding: 8px 0;
}
footer .footer_links a{
	display: inline-block;
	margin: 8px 50px;
}
footer .footer_links a:link,
footer .footer_links a:visited{
	color: #fff;
}
footer .copyright{
	margin-bottom: 20px;
	padding: 0 15px;
}


/* pc */
@media screen and (min-width: 951px) {
	.logo_mobile {
		display: none;
	}
	/* Fixed */
	#top-head.fixed {
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.12);
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
		margin-top: 0;
		top: 0;
		position: fixed;
	}
}

/* mobile */
@media screen and (max-width: 950px) {
	.inner {
		display: none;
	}
	#top-head {
		width: 100%;
		padding: 0;
	}
	#top-head {
		box-shadow: 0 0 1px 1px rgba(0,0,0,0.12);
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}

	#mobile-head {
		background: #fff;
		width: 100%;
		height: 56px;
		z-index: 999;
		position: relative;
	}
	.logo_mobile {
		display: inline-block;
		padding: 15px 0 0 15px;
	}
	.logo_mobile img {
		width:190px;
	}


	#top-head .logo img {
		width:138px;
		padding:2px 0 0 0;
	}
	#global-nav {
		position: absolute;
		border:none;
		padding: 0;
		/* close position */
		top: -500px;
		background: #fff;
		width: 100%;
		text-align: center;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		width: 100%;
		list-style: none;
		border-top: 1px solid #21418A;
		position: static;
		right: 0;
		bottom: 0;
	}
	#global-nav ul li {
		position: static;
		display: block;
		width: 100%;
		margin: 0;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		border-top: none;
		border-bottom: 1px solid #21418A;
		padding: 18px 0;
	}
	#global-nav ul li img{
		margin-left: 15px;
	}


	#nav-toggle {
		display: block;
	}

	/* #nav-toggle animation */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-45deg);
	}
	/* #global-nav slide animation */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}

	footer img{
		width:138px;
	}

}