@charset "utf-8";

.outline article h1 + p + section {
	margin-top: 30px;
}

.column_list dl {
	border-bottom: 1px dotted #444;
	padding: 15px 0;
}

.column_list dl:first-of-type {
	border-top: 1px dotted #444;
}

.column_list dl dt {
	width: 130px;
}

.column_list dl dt img {
	border-radius: 3px;
}

.column_list dl dd {
	width: calc(100% - 130px);
	padding-left: 10px;
}

.column_list dl dd strong {
	display: block;
}

.column_list dl dd strong a {
	font-weight: 900;
}

.pc_release {
	text-align: right;
	font-size: 14px;
}


@media only screen and (max-width: 768px){

.column_list dl dt {
	width: 90px;
}

.column_list dl dd {
	width: calc(100% - 90px);
}

.column_list dl dd strong {
	font-size: 90%;
	height: 100%
}

.column_list dl dd strong a {
	color: #000;
	display: block;
	height: 100%;
	position: relative;
	padding-right: 20px;
}

.column_list dl dd strong a:before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 3px solid #777;
	border-right: 3px solid #777;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: rotate(45deg) translateY(-50%);
}

.sp_release {
	color: #777;
	font-weight: normal;
	font-size: 85%;
}

}