/*====header====*/
.header-pc{
	width: 100%;
	max-width: 1500px;
	position:fixed;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:300;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 1rem 2rem 1rem 2.4rem;
	transition:.3s;
}
.change-color{
	box-shadow: 0 0 16px 0px rgba(68,186,243,.1);
	background: #fff;
	border:2px solid var(--light);
}
.header-pc h1{
	width: 160px;
}
.header-pc h1 a {
	/*pointer-events: none;*/
}
.gnav {
	display: flex;
	height: 48px;
	width:calc(100% - 180px - 10%);
	justify-content: end;
}
.gnav > li{
	width: 20%;
}
.gnav > li:nth-child(1){
	width: 15%;
}
.gnav > li:nth-child(2) {/*親階層のみ幅を25%にする*/
	width: 50%;
}
/*全てのリスト・リンク共通*/
.gnav li {
	list-style: none;
	position: relative;
	text-align: center;
}

.gnav li a {
	background: #fff;
	/*    border-right: 1px solid #eee;*/
	color: #1282de;
	display: block;
	height: 48px;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	/*    width: 100%;*/
	padding: 1.6rem 0rem;
	border-radius:0px;
	tyansition:.3s;
}
.gnav>li>a{
	background: transparent;
}
.gnav {
	font-size: 1.4rem;
}
/*子階層以降共通*/
.gnav li li {
	height: 0;
	overflow: hidden;

	transition: .4s;

}
.gnav li li a {
	border-top: 1px solid var(--light);
	padding: 1.6rem 1rem;
	/*	padding: 1rem;*/

}

.gnav>li>ul{
	/*
	border-radius:32px;
	background: yellow;

	box-shadow: 0 0 16px 0px rgba(68,186,243,.1);
	*/

}
.gnav li:hover > ul > li {
	height: 48px;
	overflow: visible;
}
.gnav li ul li ul {
	left: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
/*一番右のメニュー*/
.gnav > li:nth-child(5) ul li ul {
	left: -100%;
}
/*aの背景色を指定*/
.gnav li.grand a{
	font-size: 1.4rem;
	letter-spacing: 0.01em;
}
.gnav li a.parent{
	transition:.3s;
}
.gnav li:hover a.parent {/*親階層*/
	/*color: var(--bl);*/

}

.gnav li li a {/*子階層*/
	/*    background: #fff;*/

}
.gnav li li:hover a {
	background: #f6f9fa;

}
.gnav li:hover ul{
	background: #fff;
}
.gnav li ul li ul li a {/*孫階層*/
	background: #eef2f5;
}
.gnav li ul li ul li:hover a {
	background: #f0f4f6;

}

.gnav li ul li ul li ul li:hover a {
	background: #1e7dd4;
}

.shita::after{
	bottom: 1.7rem;
	padding-left: 1rem;
	transform:rotate(90deg);
	/*    right: 3.2rem;*/
	position: absolute;
	/*    top: 1.2rem;*/
	font-size: 1.8rem;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--bl);
}
.yoko::after{
	/*	   top: 1.2rem;*/
	padding-left: 1rem;
	font-size: 1.8rem;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--bl);
	transform:rotate(90deg);
	/*    right: 3.2rem;*/
	/*	display: block;*/
}
/*
.gnav li ul li ul:before {
border: 5px solid transparent;
border-left: 5px solid var(--bl);
content: "";
position: absolute;
transform: translateY(-50%);
top: 50%;
right: 20px;
}
*/
.gnav li:nth-child(5) ul li ul:before {/*一番右のメニューの孫階層*/
	border: 5px solid transparent;
	border-right: 5px solid #fff;
	left: auto;
	right: -20px;
}
.gnav li a.btn{
	color:white;
	background:var(--sub);
	position:relative;
	z-index:28;
	max-width: 100%;
}
.gnav li a.btn:hover{
	background: #ff9400;
}
.parent br{
	display: none;
}
/*====header====*/





/*=====footer=====*/
.footer{
	background: var(--basic);
	padding: 3.2rem 0;
}
.ftr-box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}
.ftr-box>li:last-of-type{
	width: 64%;
}

.footer-li li:last-of-type:after{
	display: none;
}
.footer-li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.footer a{
	color:  #fff;
	font-size: 1.4rem;
	transition:.2s;
}
.footer a:hover{
	opacity:0.6;
}
.copyright{
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: var(--light);
	color: var(--basic);
}
.copyright p{
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.logo-ftr{
	margin-bottom: 2rem;
}
.logo-ftr img{
	width: 200px;
}

.ftr-mangylogo{
	width: 120px;
}
/*=====end footer=====*/

@media screen and (max-width: 1140px) {
	
	.gnav > li:nth-child(1){
		width: 15%;
	}
	.gnav > li:nth-child(2){
		width: 50%;
	}
}

@media screen and (max-width: 1024px) {

	.parent br{
		display: block;
	}
	.header-pc h1{
		width: 130px;
	}
	.gnav{
		width: calc(100% - 150px);
	}
	.gnav li a{
		font-size: 1.4rem;
	}
}
@media screen and (max-width:769px) {
	.header-pc{
		display: none;
	}
	/*====header====*/
	.shita::after{
		position: inherit;
	}
	.hamburger {
		display : block;
		position: fixed;
		z-index : 100;
		right : 0.6rem;
		top   : 0.6rem;
		width : 42px;
		height: 42px;
		box-shadow: 0 0 8px 0px rgba(68,186,243,.1);
		cursor: pointer;
		text-align: center;
		border-radius:999px;
		background: linear-gradient(to right, #f6c866, #f09451);
	}
	.hamburger span {
		display : block;
		position: absolute;
		width   : 24px;
		height  : 2px ;
		left    : 9px;
		background : white;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 12px;
	}
	.hamburger span:nth-child(2) {
		top: 20px;
	}
	.hamburger span:nth-child(3) {
		top: 28px;
	}

	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top: 20px;
		left: 9px;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 20px;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}

	nav.globalMenuSp {
		position: fixed;
		z-index : 80;
		top  : 0;
		left : -1000px;
		background: var(--light);
		text-align: center;
		width: 100%;
		/*  opacity: 0;*/
		transition: opacity .6s ease, visibility .6s ease;
		width: 100%;
		height: 100vh;
		transition: .4s all;
	}

	nav.globalMenuSp>ul {
		margin: 0 auto;
		padding: 0 1.6rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width: auto;

	}



	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: .4s all;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		min-width: 270px;
		margin-left: 0;
	}
	nav.globalMenuSp ul li:hover{
		opacity:0.6;
	}

	nav.globalMenuSp li a {
		display: block;
		margin-bottom: 2.4rem;
		font-weight: 500;
		text-decoration :none;
		text-transform: uppercase;
		transition:.2s;
	}
	nav.globalMenuSp ul a:hover{
		color: var(--bl);
	}
	.nav.globalMenuSp ul a.btn{
		max-width: 280px;
	}
	nav.globalMenuSp ul>li:first-of-type>a{
		margin-bottom: 1.6rem;
		color: var(--bl);
	}
	nav.globalMenuSp ul>li:first-of-type>ul>li:first-of-type a{
		margin-bottom: 1rem;
	}
	nav.globalMenuSp ul>li:first-of-type>ul>li:first-of-type ul li a{
		margin-bottom:0.2rem;
	}
	nav.globalMenuSp ul>li:first-of-type>ul>li:first-of-type ul li:last-of-type a{
		margin-bottom:1.4rem;
	}
	nav.globalMenuSp>ul>li>a{
		margin-bottom: 2.4rem;
	}
	nav.globalMenuSp>ul>li:last-of-type>a{
		margin-bottom: 1.6rem;
		/*background: #01317a;
        border: #01317a;*/
	}
	nav.globalMenuSp>ul>li:last-of-type>a.livelist{
		background: #10d7b0;
        border: #10d7b0;
	}
	nav.globalMenuSp>ul>li>ul>li>a{
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 0.8rem;
	}
	nav.globalMenuSp>ul>li>ul>li:last-of-type>a{
		margin-bottom: 0;
	}
	nav.globalMenuSp>ul>li>ul>li>ul>li>a{
		font-size: 1.4rem;
		margin-bottom: 0.2rem;
	}
	nav.globalMenuSp>ul>li>ul>li>ul>li:last-of-type>a{
		margin-bottom: 0.6rem;
	}
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		left:0px;
	}
	.header_btn {
		box-shadow: 0 0 8px 0px rgba(0, 0, 0, .1);
    	background: #fff;
    	border: 2px solid var(--light);
		padding: 0.8rem 1rem;
		height: 56px;
		width: 100%;
		/*top:-200px;*/
		left:0;
		transition: .3s;
		display: flex;
		position:fixed;
		align-items: center;
		z-index: 40;

	}
	.header_btn-box{
		width: calc(100% - 4.8rem);
	}
	.header_btn.change-color_sp {
		top:0;
	}
	.logo-sp {
		display: inline-block;
	}
	.logo-sp img{
		width: auto;
		height: 40px;
		margin-right: 1rem;
	}
	.header_btn a.btn {
		max-width:100%;
		width: 160px;
		/*		display: inline-block;*/
		line-height: 1.4rem;
		font-size: 1.4rem;
		padding: 1rem 0.5rem 0.8rem;
	}
	.header_btn a.btn::after{
		display: none;
	}
	.event-menu{
		margin-bottom: 2.4rem;
	}
	/*====end sp sheader====*/

	/*=====footer=====*/
	.ftr-box>li:last-of-type{
		width: 62%;
	}

	.logo img{

		height: 32px;
		width: auto;
	}
	.ftr-mangylogo{
		width: 100px;
		margin: 0 auto;
		margin-bottom: 1.6rem;
	}

	.logo-sp {
		display: inline-block;
		/*pointer-events: none;*/
	}
	.logo-sp img{
		width: auto;
		height: 40px;
		margin-right: 1rem;
	}
	/*=====end footer=====*/
}


@media screen and (max-width:640px){
	/*=====footer=====*/
	.ftr-box{
		display: block;
	}
	.ftr-box{
		width: 100%;
	}
	.logo-ftr{
		width: 100%;
		text-align: center;
		margin-bottom: 2rem;
	}
	.logo-ftr img{
		width: 120px;
		margin-left: auto;
		margin-right: auto;
	}
	.ftr-box>li:last-of-type{
		width:100%;
	}
	/*=====end footer=====*/
}

@media screen and (max-width:400px){
	.header_btn a.btn{
		width: 130px;
	}
	.footer a {
		font-size: 1.2rem;
	}
}