@charset "UTF-8";

/* ニュース一覧 サイドナビ */

.layout_global-pc .nav-section {
	width: 216px;
	margin: 5px 0 0;
}

.nav-section h2 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 8px;
	text-align: left;
}

.nav-section ul {
	display: flex;
	flex-wrap: wrap;
}

.nav-section li {
	margin: 5px 10px 5px 0;
}

.nav-section li a {
	font-size: 13px;
	background: #ecf0f4;
	padding: 5px 8px;
	border-radius: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.nav-section li a:hover {
	color: #ffffff;
	background: #3d678d;
	text-decoration: none;
}

/* ニュース一覧 サイドナビ イベント開催エリア */

.nav-section .event-area a {
	color: #333333;
	background: #e5e5e5;
}

.nav-section .event-area a:hover {
	color: #ffffff;
	background: #999999;
}

.nav-section article {
	margin-top: 25px;
	padding-bottom: 25px;
}

.nav-section article:first-child {
	margin-top: 25px;
	border-bottom: 2px solid #eeeeee;
}

/* ニュース一覧 サイドナビ バナーエリア */

.nav-section article.banner-area li {
	margin: 0 0 5px;
}

.nav-section article.banner-area li a {
	background: #ffffff;
	padding: 0;
}

.nav-section article.banner-area li a:hover {
	background: #ffffff;
	opacity: 0.8;
}

/* @SP ニュース一覧 サイドナビ */

.layout_global-sp .nav-section {
	width: 90%;
	margin: 0 auto;
}

.layout_global-sp .nav-section article.banner-area ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.layout_global-sp .nav-section article.banner-area li {
	width: 200px;
	margin: 5px auto;
}