@charset "UTF-8";

.gnav__wrap {	font-size: 0;}
.gNav figure{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/*--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 981px) {

	.gNav {
		border-top: 1px solid #cee1e2;
		text-align: center;
	}

	.gNavBtn {		display:none;	}

	#index .gNav { /*　indexのみ隠す */
		display:none;
	}
	.gNavWrap .current a {
		border-color: #27969e;
	}
	.gNavWrap ul{
		width: 980px;
		display: flex;
		margin: 0 auto;
		justify-content: center;
	}

	.gNavWrap li {
		font-size: 16px;
		text-align: center;
		line-height: 1;
		padding: 0 0 0 1px;
		position: relative;
	}

	.gNavWrap li:before {
		background: #b1b1b1;
		content: "";
		height: 16px;
		left: 0;
		position: absolute;
		top: 16px;
		width: 1px;
	}

	.gNavWrap li a {
		border-bottom: 3px solid transparent;
		display: inline-block;
		padding: 16px 18px;
		text-decoration: none;
	}

	.gNavWrap li a:hover {		border-bottom: 3px solid #27969e;	}
	.gNavWrap li:first-child {		padding: 0;	}
	.gNavWrap li:first-child:before {		display: none;	}

	.gNavWrap .spOnly {		display: none;	}

}/* END min 981 (PC) */


/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:980px){


	.gNav {
		position: relative;
		z-index: 999;
	}

	.gNavBtn {
		cursor: pointer;
		position: fixed;
		width: 7.4vw;
		height:7.4vw;
		right:2vw;
		top: 2vw;
		z-index: 9999;
	}

	.opened .gNavBtn {
		cursor: pointer;
		display: none;
	}

	.gNavBtn figure{
		margin-left:0.6vw;
		width:6.2vw;
		margin-top:0.3vw;
	}

	.gNavBtn figure img{
		display: flock;
	}


	#menuOpen{		display:block;	}
	.opened #menuOpen{		display:none;	}

	#menuClose{		display:none;	}
	.opened #menuClose{		display:block;	}

	.gNavWrap {
		box-sizing: border-box;
		display: none;
		height: 100%;
		left: 0;
		opacity: .9;
		padding: 15vw 0 0;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.gNavWrap ul {
		box-sizing: border-box;
		overflow: scroll;
		height: 100%;
		padding: 0 0 3vw;
	}

	.gNavWrap li {
		font-size: 3vw;
		transition: opacity .5s ease-out;
		text-align: center;
		margin: 0 auto;
		opacity: 0;
		width: 90%;
	}

	.gNavWrap li a {
		border-bottom: 1px solid #fff;
		display: block;
		color: #fff;
		padding: .6em 0;
	}


	.gNavWrap .pcOnly{
		display: none;
	}

}

/*--------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:980px) and (orientation: landscape){

	.gNavBtn {
		right:4vw;
		top: 1.8vw;
	}

	.gNavWrap {		padding: 5vw 0 0;	}
	.gNavWrap li {		font-size: 2.5vw;	}
}


/*--------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {

	.gNav {
		position: relative;
		z-index: 999;
	}

	.gNavBtn {
		cursor: pointer;
		position: fixed;
		width: 10vw;
		height:10vw;
		right:4vw;
		top: 5.5vw;
		z-index: 9999;
	}

	body:not(#index) .gNavBtn{
		top: 4vw;
	}


	.opened .gNavBtn {
		cursor: pointer;
		right:4vw;
		top: 5.5vw;
	}

	.gNavBtn figure{
		margin-left:1.2vw;
		width:7.6vw;
		margin-top:0.8vw;
	}

	.gNavBtn figure img{
		display: flock;
	}


	#menuOpen{
		display:block;
	}

	.opened #menuOpen{
		display:none;
	}

	#menuClose{
		display:none;
	}

	.opened #menuClose{
		display:block;
	}


	.gNavWrap {
		box-sizing: border-box;
		display: none;
		height: 100%;
		left: 0;
		opacity: .9;
		padding: 15vw 0 0;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.gNavWrap ul {
		box-sizing: border-box;
		overflow: scroll;
		height: 100%;
		padding: 0 0 3vw;
	}

	.gNavWrap li {
		font-size: 4vw;
		transition: opacity .5s ease-out;
		text-align: center;
		margin: 0 auto;
		opacity: 0;
		width: 90%;
	}


	.gNavWrap li a {
		border-bottom: 1px solid #fff;
		display: block;
		color: #fff;
		padding: .6em 0;
	}

	.gNavWrap .pcOnly{
		display: none;
	}


}/* END max 599 (SP)*/