@charset "utf-8";
/* CSS Document */


/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* ナビ サイドメニュー 背景全体に適用*/
nav {
	margin-left: 10px ;
	width: 240px ;

	z-index: 100;
}


/* ナビ サイドメニュー liクラスに適用 */
/* 各メニューボタン設定 */
nav > ul > li {
	background: rgba(73, 81, 150, 0.5);
	display: block ;
	margin-bottom: 7px ;
	font-weight: bold ;
	line-height: 50px ;
	text-decoration: none ;
	position: relative ;
	border-radius: 5px;
}





/* 各メニューボタン設定（文字） */
nav > ul > li > a { 
	border: none;
	display: block ;
	padding-left: 10px ;
	color: #fff ;
	font-size: 15px ;
	font-weight: bold ;
	text-decoration: none ;
	border-radius: 5px;
}
	nav > ul > li > a:hover {
		background: linear-gradient(to right,#4A5FA8, #CC829B, #F4CA7C);

		/* アニメーション */
		background-position: right center ;
		background-size: 170% auto ;
		-webkit-animation: AnimeFlash 2s infinite ;
		animation: AnimeFlash 2s infinite ;
		border-radius: 5px;
	}
	@keyframes AnimeFlash {
		0% {box-shadow: 0 0 0 0 #fffdf4 ;
		}
		70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%) ;
		}
		100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%) ;
		}
	}




/*----------*----------*----------*----------*----------*/
/* ナビ 滞在中メニューに色をつける（カレント表示）設定 */
/*----------*----------*----------*----------*----------*/
nav > ul > li.current-menu-item a {
	background: linear-gradient(to right,#4A5FA8, #CC829B, #F4CA7C) ;
	display: block ;

	color: #fff ;
	font-size: 15px ;
	font-weight: bold ;
	text-decoration: none ;
	pointer-events: none ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ ボタン リンクなしメニューボタンの設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* WordPrress管理画面でメニューを作成するときに、カスタムリンクを空に設定してメニューを作成すること */
nav > ul > li > a:not([href]) {
	background: rgba(255, 255, 255, 0.2) ;
	color: rgba(0, 37, 116, 0.2) ;
}
nav > ul > li > a:not([href]):hover {
	background: rgba(255, 255, 255, 0.2) ;
	color: rgba(0, 37, 116, 0.2) ;
	animation: none ; /* ホバー時のアニメーションを無効化 */
}

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ メニューボタンにicon追加 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* ----- メニュー右に配置 ----- */

/* pdfアイコン */
nav > ul > li > a.icon_pdf::after {
	font-family: Font Awesome\ 5 Free ;
	content: "\f1c1" ;
	font-weight: 900 ;
	margin-left: 10px ;
}


/* ----- メニュー左に配置 ----- */

/* 滞在中： 猫の手アイコン */
nav > ul > li.current-menu-item  a.icon_bef::before {
	font-family: Font Awesome\ 5 Free ;
	content: url(../img/menu_icon.png) ;
	font-weight: 900 ;

	/* アイコン表示位置 */
	position: absolute ;
	top: 8px ;
	left: 2px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ ボタン WEB開催入口 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.btn_web_info {
    background: url(../img/btn_web_info.jpg) no-repeat ;
	display: block ;
	height: 190px ;
	width: 200px ;
}
	.btn_web_info:hover {
		opacity: 0.7 ;
	}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* バナー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.bnr {
	display: block ;
	margin-top: 20px ;
	margin-left: 5px ;
	height: auto ;
	width: 200px ;

}
	.bnr:hover {
		opacity: 0.7 ;
	}



/* バナー チラシDL */
.bnr_chirashi {
	display: block ;
	width: 216px ;
	margin-top: 15px ;
}
	.bnr_chirashi:hover {
		opacity: 0.7 ;
	}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* リンクボタン */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.nav_btn_sate {
	background: linear-gradient(to bottom,#e7a129 10%, #ffcc4a, #e7a129) ;
	border: solid 3px #FFF;
	border-radius: 10px;
	box-shadow: 3px 3px 5px #00103d;
	display: block;
	padding: 8px 10px;
	margin: 15px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	/* position: absolute;
	top: 420px;
	right: 5px; */
}