@charset "UTF-8";
/* ---------- ---------- ---------- ---------- ---------- */
.section-backnumber .backnumber-list {
		list-style: none;
		margin: 0;
		padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.page-wakan .page-head .kv {
		background-image: url(../img/kv_wakan.jpg);
}

.wakan-backnumber .page-head .kv {
		background-image: url(../img/kv_wakan.jpg);
}

.section {
		margin-bottom: 80px;
}

.section-body {
		margin-left: 40px;
}

@media (max-width: 670px) {
		.section-body {
				margin-left: 0px;
		}
}

.wakan-backnumber > tbody > tr:nth-child(odd) {
		background: #f9fafa;
}

.number {
		text-align: center;
		vertical-align: top;
		word-break: keep-all;
}

.date {
		vertical-align: top;
}

.index {
		vertical-align: top;
}

.index table {
		margin: 0;
		border: none;
		font-size: 14px;
}

.index table th,
.index table td {
		padding: 0 10px 5px 0;
		border: none;
}

.index table td:nth-child(2) {
		width: 25%;
}

@media screen and (max-width: 670px) {
		.table-folding {
				border: none;
		}
		.table-folding > tbody > tr {
				justify-content: center;
				padding: 0 0 15px;
		}
		.table-folding > tbody > tr .number,
		.table-folding > tbody > tr .date {
				flex: 1 1 50%;
				padding-top: 0;
		}
		.table-folding > tbody > tr .number:before {
				content: "号";
		}
		.table-folding > tbody > tr .date {
				text-align: center;
		}
		.table-folding > tbody > tr .date:before {
				content: "発行年月";
		}
		.table-folding > tbody > tr .index {
				flex: 0 1 90%;
		}
		.table-folding > tbody > tr .index:before {
				content: "目次";
				text-align: left;
				border-bottom: 1px solid #dee4e7;
				background: none;
		}
		.table-folding > tbody > tr .index tr {
				padding: 0;
				border: none;
		}
		.table-folding > tbody > tr .index th,
		.table-folding > tbody > tr .index td {
				padding: 0 5px 5px;
		}
}

.buttons {
		margin-top: 50px;
		text-align: center;
}

.buttons .btn {
		display: inline-block;
		min-width: 200px;
}

.section-backnumber .backnumber-list {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		margin-left: -30px;
		flex-wrap: wrap;
		margin-top: -5px;
}

.section-backnumber .backnumber-list > * {
		box-sizing: border-box;
		margin-top: 30px;
		margin-left: 30px;
		width: calc(25% - 30px);
		max-width: calc(25% - 30px);
		flex-basis: calc(25% - 30px);
}

@media screen and (max-width: 1100px) {
		.section-backnumber .backnumber-list {
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				margin-left: -30px;
				flex-wrap: wrap;
		}
		.section-backnumber .backnumber-list > * {
				box-sizing: border-box;
				margin-top: 30px;
				margin-left: 30px;
				width: calc(33.33333% - 30px);
				max-width: calc(33.33333% - 30px);
				flex-basis: calc(33.33333% - 30px);
		}
}

@media screen and (max-width: 800px) {
		.section-backnumber .backnumber-list {
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				margin-left: -20px;
				flex-wrap: wrap;
		}
		.section-backnumber .backnumber-list > * {
				box-sizing: border-box;
				margin-top: 20px;
				margin-left: 20px;
				width: calc(50% - 20px);
				max-width: calc(50% - 20px);
				flex-basis: calc(50% - 20px);
		}
}

@media (max-width: 670px) {
		.section-backnumber .backnumber-list {
				display: block;
				margin-left: 0;
		}
		.section-backnumber .backnumber-list > * {
				margin-left: 0;
				width: auto;
				max-width: none;
				flex-basis: auto;
		}
}

.section-backnumber .backnumber-item {
		margin-top: 5px;
		font-size: 18px;
}

.section-backnumber .backnumber-item a {
		display: inline-block;
		color: #717171;
}

.section-backnumber .backnumber-item a:before {
		content: "";
		position: relative;
		top: 3px;
		display: inline-block;
		margin-right: 10px;
		width: 42px;
		height: 20px;
		background: url(../img/icon_arrow_2.svg) center no-repeat;
}

/*# sourceMappingURL=wakan.css.map */