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


.top-informations ul li img {
    width: 100%;
    max-width: 310px;
    height: 310px;
    object-fit: cover;
}

.column-lineup-area {
	width:95%;
	max-width:1000px;
	margin:0 auto;
	padding-top:7%;
}
.column-content {
    width: 95%;
    max-width: 760px;
    margin: 0 auto;
}
.column-lineup-area .title-area,
.column-content .title-area {
	margin:0 0 5%;
}
.column-lineup-area .title-area h3.title,
.column-content .title-area h3.title {
	font-family: 'texgyreadventorbold';
	font-size:34px;
	text-align:center;
	margin-bottom:2.5%;
}
.column-lineup-area .title-area h3.title span,
.column-content .title-area h3.title span {
	display:inline-block;
    border-bottom: solid 2px #000;
}
.column-lineup-area .title-area span.sub-title,
.column-content .title-area span.sub-title {
	font-family: 'texgyreadventorbold';
	display:block;
	font-size:12px;
	text-align:center;
}

@media screen and (max-width:640px) {
.column-lineup-area .title-area,
.column-content .title-area {
	margin:5% 0;
}
.column-lineup-area .title-area h3.title,
.column-content .title-area h3.title {
	font-size:20px;
	margin-bottom:2.5%;
}
.column-lineup-area .title-area span.sub-title,
.column-content .title-area span.sub-title {
	font-size:10px;
}
}
.column-content .img-area {
	/*float:left;
	width:50%;*/
	position:relative;
}
.column-content .img-area img {
	margin-bottom:2%;
}
.column-content .img-area .column-icon-news-sp {
	display:none;
}
.column-content .txt-area {
	/*float:right;
	width:45%;*/
	max-width: 600px;
    margin: 0 auto 5%;
}
.column-content .txt-area h3.column-title {
	margin-bottom:50px;
	font-size: 22px;
    padding: 0.5em 0 0.5em 1em;
    border-left: solid 0.2em #333;
}
.column-content .txt-area p.date {
	font-weight:bold;
	margin-bottom:20px;
}
.column-content .txt-area p.column-icon-news {
	margin-bottom:20px;
}
.btn-back {
	clear:both;
	text-align:center;
	margin:5% 0 0;
}
.btn-back a {
	display:inline-block;
	padding:10px 6%;
	border:solid 2px #000;
	font-family: 'texgyreadventorbold';
	font-size:100%;
	font-weight:bold;
}
@media screen and (max-width:999px) {
.column-content .img-area {
	float:none;
	width:95%;
	max-width:530px;
	margin:0 auto;
}
.column-content .img-area .column-icon-news-sp {
	display:block;
	position:absolute;
	left:50%;
	top:-36px;
	margin-left:-36px;
}
.column-content .txt-area {
	float:none;
	width:95%;
	max-width:530px;
	margin:5% auto;
}
.column-content .txt-area .topics-icon-news {
	display:none;
}
.btn-back a {
	padding:10px 20%;
}
}