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


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

/* ナビ サイドメニュー 背景全体に適用*/
nav {
	padding: 10px 10px ;
	width: 260px ;
	z-index: 100;
}

/* ナビ サイドメニュー liクラスに適用 */
/* 各メニューボタン設定 */
nav > ul > li {
	display: block ;
	margin-bottom: 5px ;
	width: 240px ;
	font-weight: bold ;
	text-decoration: none ;
	position: relative ;
}

/* 各メニューボタン設定（文字） */
nav > ul > li > a { 
	background: #FFEFCB;
	display: block ;
	padding-left: 10px ;
	border-radius: 5px;
	color: #7A4D18 ;
	font-size: 15px ;
	font-weight: bold ;
	text-decoration: none ;
	height: 50px ;
	line-height: 50px ;
}
	nav > ul > li a:hover {
	color: #fff ;
	background-image: url(../img/nav_img.png);
	background-repeat: no-repeat;
	background-position: 30% 50%;
	transition-property: all ;
	transition-duration: 1s ;
	transition-delay: 0s ;
	transition-timing-function: ease ; /* アニメーションがゆっくり開始される */
}




/*----------*----------*----------*----------*----------*/
/* ナビ 滞在中メニューに色をつける（カレント表示）設定 */
/*----------*----------*----------*----------*----------*/
nav > ul > li.current-menu-item a {
	background: #F77A00;
	display: block ;
	height: 50px ;
	line-height:50px ;
	width: 240px ;

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




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ ボタン リンクなしメニューボタンの設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* WordPrress管理画面でメニューを作成するときに、カスタムリンクを空に設定してメニューを作成すること */
nav a:not([href]) {
	background: rgba(231, 244, 252, 0.2) ;
	color: rgba(98, 75, 45, 0.2) ;
}
	nav a:not([href]):hover {
		background: rgba(231, 244, 252, 0.2) ;
		color: rgba(98, 75, 45, 0.2) ;
	}






/*----------*----------*----------*----------*----------*/

/* wide 2列 */

/*----------*----------*----------*----------*----------*/


/* wide 2列 サイドメニュー liクラスに適用 */
nav > ul > li.wide > a {
	background: #DBF0F7;
	display: block ;
	height: 70px ;
	line-height: 30px ;
	margin: 0 auto 6px ;
	padding-top: 10px;
	width: 240px ;

	transition-property: all ;
	transition-duration: 0.4s ;
	transition-delay: 0s ;
	transition-timing-function: ease-in ;
}

	/* ホバー　アニメーション */
	nav > ul > li.wide a:hover {
	color: #002F81 ;
	background: #DBF0F7;
	background-image: url(../img/nav_img.png);
	background-repeat: no-repeat;
	background-position: 30% 50%;

	transition-property: all ;
	transition-duration: 1s ;
	transition-delay: 0s ;
	transition-timing-function: ease ; /* アニメーションがゆっくり開始される */
}

	nav > ul > li.current-menu-item a.wide{
		background: linear-gradient(to right,#FEF8D6 ,#FED995, #FEC4AB) ;
		display: block ;
		height: 70px ;
		line-height:30px ;
		width: 240px ;
	
		color: #002F81 ;
		font-size: 15px ;
		font-weight: bold ;
		text-decoration: none ;
		pointer-events: none ;
	}
nav > ul > li > a.wide {
	height: 70px ;
	line-height: 30px ;
	margin-bottom: 5px ;
	padding-top: 5px ;
}

/*----------*----------*----------*----------*----------*/
/* wide 2列 *//* ナビ ボタン　リンクなしメニューボタンの設定 */
/*----------*----------*----------*----------*----------*/
/* WordPrress管理画面でメニューを作成するときに、
　　カスタムリンクを空に設定してメニューを作成すること */
/*----------*----------*----------*----------*----------*/
nav > ul > li > a.wide:not([href]) {
	background: transparent ;
	border-radius: 6px ;
	border: none;
	display: block ;
	height: 70px ;
	line-height: 30px ;
	padding-top: 5px;
	width: 240px ;
	
	color: #88bcd6 ;
	pointer-events: none ;
}
nav > ul > li > a.wide:not([href]) {
		pointer-events: none ;
	}





/*----------*----------*----------*----------*----------*/

/* wide 3列 */

/*----------*----------*----------*----------*----------*/


/* wide 3列 サイドメニュー liクラスに適用 */
nav > ul > li.wideL > a {
	background: #DBF0F7;
	display: block ;
	height: 100px ;
	line-height: 30px ;
	margin: 0 auto 6px ;
	padding-top: 10px;
	width: 240px ;

	transition-property: all ;
	transition-duration: 0.4s ;
	transition-delay: 0s ;
	transition-timing-function: ease-in ;
}

	/* ホバー　アニメーション */
	nav > ul > li.wideL a:hover {
	color: #002F81 ;
	background: #DBF0F7;
	background-image: url(../img/nav_img.png);
	background-repeat: no-repeat;
	background-position: 30% 50%;

	transition-property: all ;
	transition-duration: 1s ;
	transition-delay: 0s ;
	transition-timing-function: ease ; /* アニメーションがゆっくり開始される */
}

	nav > ul > li.current-menu-item a.wideL{
		background: linear-gradient(to right,#FEF8D6 ,#FED995, #FEC4AB) ;
		display: block ;
		height: 100px ;
		line-height:30px ;
		width: 240px ;
	
		color: #002F81 ;
		font-size: 15px ;
		font-weight: bold ;
		text-decoration: none ;
		pointer-events: none ;
	}
nav > ul > li > a.wideL {
	height: 100px ;
	line-height: 30px ;
	margin-bottom: 5px ;
	padding-top: 5px ;
}



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

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

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


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

.btn_web_info2 {
    background: url(../img/btn_web_info.jpg) no-repeat ;
	display: block ;
	height: 180px ;
	width: 250px ;
}
	.btn_web_info2:hover {
		opacity: 0.7 ;
	}




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

}
	.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%, #b65a03) ;
	border: solid 3px #FFF ;
	border-radius: 10px ;
	box-shadow: 3px 3px 5px #00103d ;
	display: block ;
	padding-top: 10px ;
	padding-bottom: 5px ;
	margin: 0 15px 15px 15px ;
	width: 94% ;

	color: #FFF ;
	font-weight: bold ;
	line-height: 1.3 ;
	text-align: center ;
	text-decoration: none ;

	/* position: absolute ;
	top: 420px ;
	right: 5px ; */
}
	.nav_btn_sate:hover {
		background: linear-gradient(to bottom,#be841f 10%, #7e3e02) ;
		box-shadow: none ;
	}






/*---------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ボタン　English／Japanese切り替えボタン */
/*---------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.btn_switch_english {
	border-radius: 6px ;
	background: #8cd7fc;
	border: solid 2px #fff ;
	box-shadow: 2px 2px 1px #8088a6 ;

	display: inline-block ;
	padding: 8px 0 ;
	width: 48% ;

	position: relative ;

	color: #fff ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 1.5 ;
	text-align: center ;
	text-decoration: none ;

	-webkit-transition-duration: 0.2s ;
	-webkit-transition-delay: 0s ;
	-webkit-transition-timing-function: ease-in ; /* アニメーションがゆっくり開始される */
	transition-duration: 0.2s ;
	transition-delay: 0s ;
	transition-timing-function: ease-in ; /* アニメーションがゆっくり開始される */
}
	.btn_switch_english:hover {
		top: 2px;
		background: linear-gradient(135deg, #6FC2EB , #B8E1F5);
		border: solid 2px #fff ;
		color: #fff ;
		box-shadow: none;
	}
	.btn_switch_english_nolink {
		top: 2px;
		border-radius: 6px ;
		background: linear-gradient(135deg , #fcf49e, #FFF697 ,#fff);
		border: solid 2px #fff ;
		box-shadow: 0 0 6px #fff050 ;
		color: #fff;

		display: inline-block ;
		padding: 8px 0 ;
		width: 48% ;

		position: relative ;
	
		color: #0F538D ;
		font-size: 14px ;
		font-weight: bold ;
		line-height: 1.5 ;
		text-align: center ;
		text-decoration: none ;
	}



.btn_switch_japanese {
	border-radius: 6px ;
	background: #8cd7fc;
	border: solid 2px #fff ;
	box-shadow: 2px 2px 1px #8088a6 ;

	display: inline-block ;
	margin-right: 5px ;
	padding: 8px 0 ;
	width: 48% ;

	position: relative ;

	color: #fff ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 1.5 ;
	text-align: center ;
	text-decoration: none ;
	
	-webkit-transition-duration: 0.2s ;
	-webkit-transition-delay: 0s ;
	-webkit-transition-timing-function: ease-in ; /* アニメーションがゆっくり開始される */
	transition-duration: 0.2s ;
	transition-delay: 0s ;
	transition-timing-function: ease-in ; /* アニメーションがゆっくり開始される */
}
	.btn_switch_japanese:hover {
		top: 2px;
		background: linear-gradient(135deg , #B8E1F5, #6FC2EB);
		border: solid 2px #fff ;
		color: #fff ;
		box-shadow: none;
	}
	.btn_switch_japanese_nolink {
		top: 2px;
		border-radius: 6px ;
		background: linear-gradient(135deg ,#fff, #fcf49e, #FFF697);
		border: solid 2px #fff ;
		box-shadow: 0 0 6px #fff050 ;
		color: #fff;

		display: inline-block ;
		padding: 8px 0 ;
		width: 48% ;
	
		position: relative ;
	
		color: #0F538D ;
		font-size: 14px ;
		font-weight: bold ;
		line-height: 1.5 ;
		text-align: center ;
		text-decoration: none ;
	}