@charset "UTF-8";

#issue_menu {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	align-items: flex-start;
	line-height: 1.6; 
}
/* トップページ_メニュー */
.menu_area {
	order: 2; 
	width: 100%; 
}
.menu_area .column {
	align-items: stretch;
}
.menu_area a {
	position: relative; 
	display: flex; 
	flex-direction: column;
 	padding: 1em 2em 1em 1em; 
	border-radius: 0.5em; 
	background: rgb(240,238,240); 
}
.menu_area a p:first-child {
	font-size: 1.25em; 
}
.menu_area a p:nth-child(2) {
	font-size: 0.9em; 
}
.menu_area a p:nth-child(3) {
	margin-top: auto;
	padding-top: 0.5em; 
	font-size: 0.9em; 
}
.menu_area a p:nth-child(3):not(.new):before {
	content: "更新";
	margin-right: 0.5em; 
	padding: 0.25em 0.5em;
	background: rgb(0,82,153); 
	color: white; 
	border-radius: 0.25em; 
}
.menu_area a .new:before {
	content: "更新";
	margin-right: 0.5em; 
	padding: 0.25em 0.5em;
	background: rgb(204,0,0); 
	color: white; 
	border-radius: 0.25em; 
}
.menu_area a {
	text-decoration: none; 
	color: rgb(51,51,51);
}
.menu_area a:hover {
	opacity: 1; 
	background: rgb(255,248,238); 
	transition: .25s all;
}
.menu_area a:hover:after {
	color: rgb(238,0,0); 
	transition: .25s all;
}
.menu_area a:after {
	position: absolute; 
	top: 50%; 
	right: 0.5em; 
	transform: translate(0, -50%);
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: rgb(102,102,102); 
}
.menu_area .col2 {
	width: 48.5%; 
	margin: 3% 3% 0 0; 
}
.menu_area .col2:nth-child(2n) {
	margin-right: 0; 
}
.menu_area .col2:nth-child(n+1):nth-child(-n+2) {
	margin-top: 0; 
}
/* カバーフォト */
.cover_photo {
	order: 1; 
	width: 100%; 
	max-width: 800px; 
	margin: 0 auto 3em; 
	text-align: right; 
}
.cover_photo img {
	margin-bottom: 1em; 
}
.cover_photo p {
	display: inline-block; 
	margin-bottom: 0.25em; 
	padding: 0.25em 0.5em; 
	border: solid 1px rgb(153,153,153); 
	font-size: 0.9em; 
}
.cover_photo p + p {
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/* ---------- Desktop ---------- */
@media only screen and (min-width: 961px) {
/* カバーフォト */
.cover_photo {
	order: 2; 
	width: 68%; 
	max-width: 100%; 
	margin: 0 0 0; 
	}
/* トップページ_メニュー */
.menu_area {
	order: 1; 
	width: 28%; 
	}
.menu_area .col2 {
	width: 100%;
	margin: 1rem auto 0; 
	}
.menu_area .col2:first-child {
	margin-bottom: 1rem; 
	}
}