@charset "UTF-8";
/* グローバルナビゲーション */
/*------------------------------------------------------*/
/* globalnavi */
/*------------------------------------------------------*/
.globalnavi__wrap{
}

.globalnavi__item{
	height: 65px;
	margin: 0 8px;
	display: inline-block;
}
.globalnavi__item a{
	color: #fff;
	font-weight: bold;
	line-height: 65px;
	display: block;
}
.globalnavi__item a:hover{
	color: #6cbae8;
}
.globalnavi__item a:link, .globalnavi__item a:visited{color: #fff;}

.globalnavi__wrap input{display: none;}

@media screen and (min-width: 1008px){
	.globalnavi__wrap{
		display: block!important;
	}
	.globalnavi{
		height: 65px;
		background: #1a5d9f;
		padding-left: 22px;
	}
	.globalnavi__item a:hover{
		color: #6cbae8;
	}
	.globalnavi__item a{color: #fff;}

	#navi__btn{
		display: none;
	}
}

@media screen and (max-width: 1007px){
	.globalnavi__wrap{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2001;
	}
	#navi__btn{
		cursor: pointer;
		display: inline-block;
		width: 24px;
		height: 35px;
		margin: 12px 3vw 12px 0;
		padding: 0 8px;
		position: relative;
		z-index: 999;
	}
	.header--top #navi__btn{
			margin: 0 3vw;
	}
	#navi__btn span{
		display: block;
		background: #fff;
		width: 24px;
		height: 3px;
		position: absolute;
		transition: all 0.4s;
	}
	#navi__btn span:first-child{
		top: 9px;
	}
	#navi__btn span:nth-child(2){
		margin-top: -1px;
		top: 50%;
	}
	#navi__btn span:last-child{
		bottom: 7px;
	}
	#globalnavi_bar:checked ~ #navi__btn span{background: #fff;}
	#globalnavi_bar:checked ~ #navi__btn span:first-child{
		transform: translateY(8px) rotate(45deg);
	}
	#globalnavi_bar:checked ~ #navi__btn span:nth-child(2){
		opacity: 0;
	}
	#globalnavi_bar:checked ~ #navi__btn span:last-child{
		transform: translateY(-8px) rotate(-45deg);
	}
	.globalnavi{
		height: 0;
		width: 100vw;
		max-width: 600px;
		text-align: center;
		background: #1a5d9f;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.globalnavi__item a{
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 60px;
		display: none;
	}
	.globalnavi__wrap li, .globalnavi__wrap li a{
		transition: all 0.3s;
	}
	.globalnavi__wrap li{max-height: 0; width: 100%; background: #1a5d9f; margin: 0; overflow-y: hidden; display: block;}
	#globalnavi_bar:checked ~ ul{height: auto;}
	#globalnavi_bar:checked ~ ul li{max-height: 60px; border-bottom: 1px solid #fff; opacity: 1;}
	#globalnavi_bar:checked ~ ul li:first-child{border-top: 1px solid #fff; margin-top: 60px;}
	#globalnavi_bar:checked ~ ul li a{display: block;}
}
@media screen and (min-width: 600px){
	#navi__btn{
		margin: 12px 18px;
	}
		.header--top #navi__btn{
			margin: 0 18px;
	}
}