@charset "utf-8";
/* CSS Document */
.detail h1 {
	max-width: 1200px;
	margin-right:auto;
	margin-left: auto;
	font-size: 1.8rem;
}

section.information_area {}
.select_area {
	position: relative;
	width: 200px;
	margin: 0 0 3rem 0;
}
.select_area:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid hsla(0, 0%, 20%, 1);
	border-right: 1px solid hsla(0, 0%, 20%, 1);
	transform: rotate(45deg) translateY(-100%);
	content: "";
}
.select_block{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 200px;
	padding: 0.5rem 1rem;
}
select.select_block::-ms-expand {
	display: none;
}
.list_area dl {
	display: table;
	width: 100%;
	padding: 1rem 0;
	border-top: 1px dotted hsla(0, 0%, 80%, 1);
}
.list_area dl:last-child {
	border-bottom: 1px dotted hsla(0, 0%, 80%, 1);
}
.list_area dt {
	display: table-cell;
	width: 10em;
	font-weight: bold;
}
.list_area dd {
	display: table-cell;
}
.list_area dd a {}
.pager {
	margin: 2rem 0 0 0;
	text-align: center;
}
.pager ul {
	display: inline-block;
}
.pager ul li {
	float: left;
	padding: 0 0.5rem;
}
.pager ul li a {
	position: relative;
	padding: 0.5rem;
	text-decoration: underline;
}
.pager ul li a:hover {
	text-decoration: none;
}

.pager ul li:first-child a:after,
.pager ul li:last-child a:after{
	display: block;
	position: absolute;
	top: 50%;
	left: -8px;
	width: 8px;
	height: 8px;
	border-top: 1px solid hsla(0, 0%, 20%, 1);
	border-left: 1px solid hsla(0, 0%, 20%, 1);
	transform: rotate(-45deg) translateY(-75%);
	transform-origin: top center;
	content: "";
}
.pager ul li:last-child a:after{
	left: inherit;
	right: 0;
	transform: rotate(135deg) translateY(-75%);
	transform-origin: top right;
}

/* table関連 */
.topics_table_set {
	width: 100%;
	margin: 40px 0 0 0;
	border-top: 1px solid hsla(0, 0%, 78%, 1);
	border-left: 1px solid hsla(0, 0%, 78%, 1);
}
.topics_table_set th,
.topics_table_set td {
	padding: 1.5rem 1.2rem 1.3rem 1.2rem;
	border-right: 1px solid hsla(0, 0%, 78%, 1);
	border-bottom: 1px solid hsla(0, 0%, 78%, 1);
}
.topics_table_set th {
	width: 20%;
	background: hsla(0, 0%, 91%, 1);
}
.back_btn {
	margin: 4rem 0 0 0;
	text-align: center;
}
/* メディア */
.link_coverage {
	margin: 1rem 0;
	text-align: right;
}


/*=============================================================================================
タブレット　スマホ　780px以下
=============================================================================================*/
@media only screen and (max-width: 780px) {
	.list_area dl,
	.list_area dt, 
	.list_area dd {
		display: block;
	}
	.list_area dd a:link {
		text-decoration: underline;
	}
	.pager ul li {
		padding: 0;
	}
	.pager ul li:first-child a:after,
	.pager ul li:last-child a:after{
		left: -4px;
		transform: rotate(-45deg) translateY(-50%);
	}
	.pager ul li:last-child a:after{
		left: inherit;
		right: 4px;
		transform: rotate(135deg) translateY(-100%);
	}
	/* table関連 */
	.topics_table_set {
		table-layout: fixed;
		width:100%;
	}
	.topics_table_set th,
	.topics_table_set td {
		display: block;
		width: 100%;
		word-wrap: break-word;
	}
	.topics_table_set th {
		padding: 0.5rem 1.2rem 0.3rem 1.2rem;
		text-align: left;
	}
}/* 780px以下 */


/*=============================================================================================
スマホ　600px以下
=============================================================================================*/
@media only screen and (max-width: 600px) {
}/* 600px レスポンシブ設定 */


/*=============================================================================================
スマホ　414px以下
=============================================================================================*/
@media only screen and (max-width: 414px) {
}/* 414px以下 */


/*=============================================================================================
スマホ　320px以下
=============================================================================================*/
@media only screen and (max-width: 320px) {
}/*  320px レスポンシブ設定 */