@charset "utf-8";

.topic .comBox {
	padding: 42px 4px 0;
}
.comTabUlBox {
	margin-bottom: 30px;
}
.topic .headLine07 {
	margin-bottom: 2px;
	font-size: 1.8rem;
	line-height: 1.3;
	border-bottom: 2px solid #ddd9d1;
}
.topic .headLine07:before {
	bottom: -2px;
	width: 200px;
	height: 2px;
	background-color: #EC9D43;
}
.topic .newsBox {
	margin-bottom: 32px;
}
.topic .comNewsList {
	margin-bottom: 20px;
}
.topic .comNewsList li:nth-child(n + 11) {
    display: none;
}
.comTabUl li a {
    padding: 8px 11px 9px;
}
.down {
    margin-bottom: 20px;
}
.down a {
    background-image: url("../../img/common/icon15.png");
    background-size: 10px auto;
}
@media all and (max-width: 897px) {
    .headLine01 {
        padding-right: 0;
    }
	.topic .comBox {
		padding: 0;
	}
	.topic .headLine07 {
		margin: 0 0 2px;
	}
    .comTabUl {
        width: 782px;
    }
    .comTabUlBox {
        margin-bottom: 5px;
    }
    .headLine06 {
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }
}
/* topic detail */
.topicDetail {
	font-size: 1.4rem;
	line-height: 1.7;
}
.topicDetail p {
    margin-bottom: 40px;
}
.topicDetail .date {
	margin-bottom: 5px;
	display: flex;
}
.topicDetail .time {
	display: inline-block;
	color: #89817b;
	font-size: 1.2rem;
	line-height: 1.67;
}
 .topicDetail .cat {
	margin: 0 0 5px 5px;
	padding: 5px 6px 3px;
	display: inline-block;
	color: #fff;
	line-height: 1;
	border-radius: 2px;
	background-color: #8ec367;
	box-sizing: border-box;
	font-size: 1.2rem;
	text-align: center;
}
.topicDetail .cat01 {
	background-color: #45aadb;
}
.topicDetail .cat02 {
	background-color: #64c7c7;
}
.topicDetail .cat03 {
	background-color: #d9ac46;
}
.topicDetail .cat04 {
	background-color: #d85b5b;
}
.topicDetail .cat07 {
	background-color: #b97bc7;
}
.topicDetail .cat05 {
	background-color: #5a76d0;
}

.topicDetail .headLine07 {
    margin-bottom: 20px;
    line-height: 31px;
    padding-bottom: 0;
    border-bottom-width: 2px;
    font-size: 1.8rem;
}
.topicDetail .headLine07::before {
    height: 2px;
    bottom: -2px;
    width: 200px;
}
.headLine04 {
    margin-bottom: 0;
}
@media all and (max-width: 897px) {
	.topicDetail {
		padding-top: 10px;
	}
	.topicDetail .date {
		margin-bottom: 0;
	}
	.kantoX .date .cat {
        margin: 0 0 5px 5px;
        padding: 5px 6px 3px;
        display: inline-block;
        color: #fff;
        line-height: 1;
        border-radius: 2px;
        background-color: #8ec367;
        box-sizing: border-box;
        font-size: 1.2rem;
        text-align: center;
    }
    .topicDetail .headLine07 {
        margin: 0 0 15px;
        font-size: 1.6rem;
        line-height: 1.6875;
    }
    .topicDetail p {
        font-size: 1.4rem;
    }
    
}