@charset "utf-8";

#content_wrap::before {
    content: none;
}
.content_area.news{
	padding-bottom:150px;
}
.content_area.news_single{
	padding-bottom:0;
}

/*------------ news_tab ------------*/

.news_top{
	padding:50px 40px 35px 40px;
	background:#F5F5F5;
}


.news_tab {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    padding: 0;
    /*margin: 0 auto 50px;*/
}

.tab_item {
    position: relative;
    display: block;
    list-style: none;
	margin-bottom:15px;
}


.tab_link {
    font-weight: 500;
    position: relative;
    display: inline-block;
	text-align: center;
	color:#222;
	background:#fff;
	border:1px solid #222;
	min-width:140px;
	margin-right:20px;
	border-radius:18px;
    text-decoration: none;
    transition: color 0.3s;
}

.tab_link:hover {
    color: #fff;
	background:#E52F3B;
	border:1px solid #E52F3B;
}

.tab_item:last-child .tab_link {
    margin-right: 0;
}

.tab_item.active .tab_link {
	background:#E52F3B;
    color: #fff;
	border:1px solid #E52F3B;
	border-radius:18px;
}

/*------------ 一覧・詳細 共通 ------------*/
.news_date {
	font-size:1.8rem;
    padding: 0;
}

.news_cate {
    color: #E52F3B;
    border: 1px solid #E52F3B;
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    align-self: center;
    box-sizing: border-box;
    padding: 1px 0;
	border-radius:13px;
	min-width: 114px;
	margin-right: 20px;
}

/*------------ news_list ------------*/

.news_list {
	/*display: flex;
	flex-wrap: wrap;*/
	display:block;
    padding: 0;
    margin: 28px 0 135px;
}

.news_item {
    list-style: none;
    line-height: 1.7;
    /*margin: 0 2% 2% 0;
	width: 32%;*/
	margin:0;
	border-bottom:1px solid #E4E4E4;
}

.news_item:nth-child(3n) {
	margin-right: 0;
}

.news_link {
	position:relative;
	display:flex;
	/*flex-wrap:wrap;*/
	align-items: center;
	padding:35px 70px 35px 0;
	color: #222;
	text-decoration: none;
	transition: all .3s ease;
}
.news_link:before{
	position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    background: #fff url(../img/icon_arrow_grey.svg) no-repeat center / 10px auto;
	border:1px solid #CCCCCC;
    border-radius: 50%;
    transition: all .3s ease;
}
.news_list li .news_link:hover::before{
	border:1px solid #E52F3B;
	background: #E52F3B url(../img/icon_arrow_white.svg) no-repeat center / 10px auto;
}
.news_link:after{
	position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #E52F3B;
    transition: all .8s ease;
}
.news_list li .news_link:hover::after{
	width: 100%;
}


.news_list .news_cate{
	min-width: 114px;
	margin-right: 44px;
}

.news_list .news_date{
	min-width:98px;
    margin-right: 55px;
}

.news_list .news_title{
	font-size:1.8rem;
}

.news_thumb {
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 64.6875%;
	position: relative;
}

.news_thumb img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

/* hover */
.news_link:hover .news_thumb img {
	transform: scale(1.05);
}

/*------------ single.php ------------*/
.single_head {
    margin: 0 0 35px;
}

.news_single_title h2 {
    font-size: 3.5rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.714;
    margin: 20px 0 88px 0;
	padding:0;
}
.news_single_title h2:after{
	content:none;
}

.single_content {
    margin: 0 0 90px;
}

.single_content>*:first-child {
    margin-top: 0;
}

.single_content>*:last-child {
    margin-bottom: 0;
}

.single_link_wrap {
    margin: 0 auto 60px;
    text-align: center;
}

.single_content table th {
    position: relative;
}

.single_content table th:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: calc(100% - 30px);
    background: #ccc;
}

.single_content table th:first-child:before,
.single_content table td:first-child:before {
    content: none;
}

.single_content table td p {
    margin-bottom: 0;
}

.single_link_wrap{
	margin-top:90px;
}

@media screen and (max-width: 767px) {
	.content_area.news{
		padding-bottom:55px;
	}

	
	
	
    /*------------ 一覧・詳細 共通 ------------*/
    .news_date {
		font-size: 1.2rem;
		margin-right: 10px;
    }

    .news_cate {
        font-size: 1.1rem;
        min-width: 90px;
        margin: 0;
		margin-right:10px;
        padding: 0;
    }

    /*------------ news_tab ------------*/
	
	.news_top{
		padding:20px 15px 10px 15px;
	}
	.news_tab .tab_item{
		margin-bottom:10px;
	}
	
    .news_tab {
       margin: 0;
    }

    .news_tab .tab_item {
		width:49%;
		margin-right:2%;
        text-align: center;
        margin-bottom: 15px;
        margin-right: 2%;
    }
	.news_tab .tab_item:nth-child(2n){
		margin-right:0;
	}

    .news_tab .tab_item:not(:last-child)::after {
        right: 0;
    }

    .tab_item .tab_link {
        width:100%;
		margin-right:0;
    }

    /*------------ news_list ------------*/

	.news_list{
		margin-bottom:60px;
	}
	.news_item {
		/*width: calc(50% - 10px);
		margin: 0 10px 15px 0;*/
	}

	/*.news_item:nth-child(3n) {
		margin-right: 10px;
	}

	.news_item:nth-child(2n) {
		margin-right: 0;
	}*/
	
	.news_link{
		flex-wrap:wrap;
		padding:20px 40px 20px 0;
	}
	
	.news_link:before{
		right:5px;
	}
	
	.news_list .news_cate{
		margin-right:15px;
	}
	.news_list .news_date{
		min-width:auto;
		margin-right:0;
	}
	.news_list .news_title{
		font-size:1.4rem;
		margin-top:15px;
		width:100%;
	}

	.news_thumb {
		margin-bottom: 3px;
	}

    /*------------ single.php ------------*/
    .single_head {
        margin: 0 0 30px;
    }

    .news_single_title h2 {
        font-size: 2.2rem;
        margin: 10px 0 30px 0;
    }

    .single_content {
        margin: 0 0 40px;
    }

    .content_area .inner .single_link_wrap {
        margin: 40px auto 0;
    }

    .single_content table td {
        display: table-cell;
    }

}