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

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* サイドメニュー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* サイドメニュー 背景全体に適用*/
nav {
	background: rgb(255, 255, 255, 0.4) ;
	width: 260px ;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


/* サイドメニュー liクラスに適用 */
nav > ul > li {
	display: block ;
	height: 50px ;
	margin-bottom: 5px ;
	width: 240px ;
}


nav > ul > li > a {
	background: rgb(255, 255, 255, 0.7) ;
	display: block ;
	height: 50px ;
	padding-left: 10px ;
	padding-top: 12px ;
	width: 100% ;

	color: #613713 ; /* 通常の状態（全メニューに反映） */
	font-weight: bold ;
	text-decoration: none ;
}
	nav > ul > li > a:hover {
		background: #ffd9d7;
		opacity: 0.9;
	}


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


/* ★重要★ カレント表示のみ文字色変更 */
/* .current-menu-item a{
	color: #fff ;
} */



/* ナビ ボタン　リンクなしメニューボタンの設定 */
/* WordPrress管理画面でメニューを作成するときに、
　　カスタムリンクを空に設定してメニューを作成すること */
nav a:not([href]) {
	background: rgb(255, 255, 255, 0.3) ;
	display: block ;
	height: 50px ;
	line-height: 50px ;
	padding-top: 0px ;
	width: 100% ;
	color: #998f89;
	font-weight: bold ;
	text-decoration: none ;
	opacity: 0.7;
}
	nav a:not([href]):hover {
		background: rgb(255, 255, 255, 0.3) ;
		color: #998f89;
		opacity: 0.7;
	}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビメニュー 2行 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
nav > ul > li.wide { /* 通常の状態 */
	background: none ;
	border-bottom:  1px solid #7AB9E5 ;
	display: block ;
	height: 60px ;
	width: 100% ;

	font-weight: bold ;
	line-height: 1.5 ;
	text-decoration: none ;
	}
	nav > ul > li.wide:hover {
		background: #FF9224 ;
		border-bottom:  1px solid #7AB9E5 ;
		display: block ;
		height: 60px ;
		width: 100% ;
		
		font-weight: bold ;
		line-height: 1.5 ;
		text-decoration: none ;
	}

	nav > ul > li.wide a {
		font-weight: bold ;
		line-height: 1.5 ;
		padding-top: 8px ;
		text-decoration: none ;
		}
	nav > ul > li.wide > a:hover {
		border-bottom:  1px solid #7AB9E5 ;
		display: block ;
		height: 52px ;
		padding-top: 8px ;
		width: 100% ;
	
		font-weight: bold ;
		line-height: 1.5 ;
		text-decoration: none ;
		}


	nav > ul > li.wide.current-menu-item { /* 2つのセレクタを指定 */
		background: #ffd35c ;
		border-bottom:  1px solid #7AB9E5 ;
		display: block ;
		height: 60px ;
		width: 100% ;
		
		font-weight: bold ;
		line-height: 1.5 ;
		text-decoration: none ;
	}
	nav > ul > li.wide.current-menu-item a {
		display: block ;
		height: 60px ;
		width: 100% ;
		
		color: #A03E1D ;
		font-weight: bold ;
		line-height: 1.5 ;
		text-decoration: none ;

		pointer-events: none ;
	}



/* ナビ 滞在中メニューに色をつける（カレント表示）設定 */
nav > ul > li.wide.current-menu-item {
	background: url(../img/btn_h_wide.jpg) no-repeat ;
	border-bottom: 1px solid #C1826C ;
	color: #A03E1D ;
    pointer-events: none ;
	display: block ;
	height: 60px ;
	line-height: 60px ;
	width: 100% ;
}






/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ メニューボタンにicon追加 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
nav > ul > li > a.icon_pdf::after{
	font-family: Font Awesome\ 5 Free ;
	font-size: x-large ;
	content: "\f1c1" ;
	font-weight: 900 ;
	margin-left: 15px;
	vertical-align: middle ;
}

