@charset "utf-8";
/* Style Index ===============================

	FileName : sidebar.css

========================================= */

/* ------------------------------------------
 Sidebar
-------------------------------------------*/

#sidebar {
}

/* ------------------------------------------
 ローカルナビ
-------------------------------------------*/

#sideLnav {
}

	#sideLnav h2 a {
		display: block;
		font-size: 0.875rem;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		padding: 15px 0;
		text-align: center;
		background: #0052c4 url(../images/sidebar/side_ttl_arrow.png) no-repeat bottom;
	}

		#sideLnav h2 a:hover {
			background: #1A77C9 url(../images/sidebar/side_ttl_arrow_on.png) no-repeat bottom;
		}

	#sideLnav ul {
		background: #FFF;
	}

		#sideLnav ul li {
			border-bottom: 1px solid #CCC;
		}

			#sideLnav ul li a {
				display: block;
				text-decoration: none;
				padding: 15px 20px;
				background: url(../images/common/link_arrow.png) no-repeat right 15px center;
				background-size: 7px;
			}

/* ------------------------------------------
 追加ナビ
-------------------------------------------*/
.sideAnav {
}

	.sideAnav h2 {
		display: block;
		font-size: 1rem;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		padding: 10px 0;
		text-align: center;
		background: #546E7A;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
		-moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 7px rgb(0 0 0 / 80%);
	}

		.sideAnav h2 a {
			display: block;
			font-size: 1rem;
			color: #FFF;
			font-weight: bold;
			text-decoration: none;
			padding: 15px 0;
			text-align: center;
			background: #0052c4 url(../images/sidebar/side_ttl_arrow.png) no-repeat bottom;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
			-moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
			-ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
			text-shadow: 0px 0px 7px rgb(0 0 0 / 80%);
		}

			.sideAnav h2 a:hover {
				background: #1A77C9 url(../images/sidebar/side_ttl_arrow_on.png) no-repeat bottom;
			}


	.sideAnav ul {
		background: #FFF;
	}

		.sideAnav ul li {
			border-bottom: 1px solid #CCC;
		}

			.sideAnav ul li a {
				display: block;
				text-decoration: none;
				padding: 15px 20px;
				background: url(../images/common/link_arrow.png) no-repeat right 15px center;
				background-size: 7px;
			}

/* ------------------------------------------
 バナー
-------------------------------------------*/

#sideBnr {
	padding: 20px 0 0;
}

	#sideBnr ul {
	}

	#sideBnr li {
		padding: 0 0 10px;
	}

button.sidr-menu1,
button.sidr-menu2 {
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	cursor: pointer;
	height: 63px;
	width: 63px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 5px;
	font-size: 12px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #0052c4;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

button.sidr-menu1 {
	background-image: url("../images/header/gnav_lang_non_text.png");
}

button.sidr-menu2 {
	background-image: url("../images/header/gnav_menu_non_text.png");
}

.sidr-menu1 img,
.sidr-menu2 img {
	height: 63px;
}

#slide-menu1,
#slide-menu2 {
	max-width: 70%;
}