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

.backnumber-box{
	padding: 0 !important;
}

.backnumber-box .archive-guide{
	margin: 10px 0 12px 0 !important;
	text-align: center !important;
}

.backnumber-box .archive-year{
	width: 90% !important;
	margin: 0 auto 12px auto !important;
	border: none !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.backnumber-box .archive-year summary{
	display: block !important;
	position: relative !important;
	list-style: none !important;
	cursor: pointer !important;
	background: #e5e5e5 !important;
	color: #333 !important;
	font-size: 22px !important;
	font-weight: bold !important;
	text-align: center !important;
	padding: 10px 52px 10px 18px !important;
	border: none !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
}

.backnumber-box .archive-year summary::-webkit-details-marker{
	display: none !important;
}

.backnumber-box .archive-year summary .year-label{
	display: inline-block !important;
}

.backnumber-box .archive-year summary .year-icon{
	position: absolute !important;
	right: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	text-align: center !important;
}

.backnumber-box .archive-year summary .year-icon .fa{
	font-size: 20px !important;
	color: #666 !important;
	vertical-align: middle !important;
}

.backnumber-box .archive-year summary .year-icon .icon-plus{
	display: none !important;
}

.backnumber-box .archive-year summary .year-icon .icon-minus{
	display: inline-block !important;
}

.backnumber-box .archive-year:not([open]) summary .year-icon .icon-plus{
	display: inline-block !important;
}

.backnumber-box .archive-year:not([open]) summary .year-icon .icon-minus{
	display: none !important;
}

.backnumber-box .archive-table{
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	table-layout: fixed !important;
	margin: 12px 0 0 0 !important;
	border: none !important;
}

.backnumber-box .archive-table tr{
	border: none !important;
}

.backnumber-box .archive-table td{
	padding: 9px 12px !important;
	border: none !important;
	vertical-align: middle !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	background: #f6fbef !important;
	box-sizing: border-box !important;
}

.backnumber-box .archive-table tr:nth-child(even) td{
	background: #ffffff !important;
}

.backnumber-box .archive-table tr:nth-child(odd) td{
	background: #f6fbef !important;
}

/* ここを全ブロック統一：連載ブロック基準 */
.backnumber-box .archive-table td.issue{
	width: 34% !important;
}

.backnumber-box .archive-table td.memo{
	width: 66% !important;
	color: #666 !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	word-break: break-word !important;
}

.backnumber-box .archive-table a{
	color: #2f5f9f !important;
	text-decoration: none !important;
}

.backnumber-box .archive-table a:hover{
	text-decoration: underline !important;
}

@media only screen and (max-width:959px){
	.backnumber-box .archive-year{
		width: 90% !important;
	}

	.backnumber-box .archive-year summary{
		font-size: 20px !important;
		padding: 12px 52px 12px 16px !important;
	}

	.backnumber-box .archive-year summary .year-icon{
		right: 14px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
	}

	.backnumber-box .archive-year summary .year-icon .fa{
		font-size: 24px !important;
	}

	.backnumber-box .archive-table{
		margin-top: 10px !important;
	}

	.backnumber-box .archive-table td{
		padding: 10px 10px !important;
		font-size: 15px !important;
		line-height: 1.45 !important;
	}

	.backnumber-box .archive-table td.issue{
		width: 34% !important;
	}

	.backnumber-box .archive-table td.memo{
		width: 66% !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
	}
}