.p-topics{
	padding:50px 15px;
}
.inner_topics{
	max-width:1000px;
	margin:auto;
}
.inner_topics a{
	text-decoration:none;
}
.topics_box{
	display:flex;
	padding:30px 0;
	border-top:1px solid var(--gray);
	gap:40px;
	align-items:center;
}
.topics_box img{
	width:346px;
	height:235px;
	object-fit:cover;
}
.topics_box>div{
	flex:1;
}
.p-topics_head{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
	align-items:center;
}
.p-topics_head time{
	font-family:var(--poppins);
	font-size:1.6rem;
	color:var(--gray);
}
.p-topics_head span {
    padding: 2px 25px;
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .06em;
    border: 1px solid var(--gray);
    border-radius: 30px;
    margin-bottom: 14px;
    white-space: nowrap;
}
.p-topics_ttl{
	font-size:2rem;
}
@media only screen and (max-width: 767px){
	.topics_box{
		padding:20px 0;
		gap:20px;
	}

	.topics_box img{
		width:150px;
		height:102px;
	}
	.p-topics_head{
		margin-bottom:5px;
	}
	.p-topics_head time{
		font-size:1.2rem;
	}
	.p-topics_head span {
	    font-size: 1.1rem;
	}
	.p-topics_ttl{
		font-size:1.4rem;
	}
}


/*詳細ページ*/
.p-topics_detail{
	padding:50px 15px;
}
.inner_topics_detail{
	max-width:1000px;
	margin:auto;
	border:8px solid var(--beige);
}
.inner_topics_detail header{
	padding:40px 60px;
	border-bottom:1px dotted var(--beige);
}
.inner_topics_detail article{
	padding:40px 90px;
}

.topics-detail_head{
	display:flex;
	margin-bottom:20px;
	align-items:center;
	gap:37px;
}
.topics-detail_head time{
	font-family:var(--poppins);
	font-size:1.6rem;
	color:var(--gray);
}
.topics-detail_head span {
    padding: 2px 25px;
    display: inline-block;
    font-size: 1.6rem;
    letter-spacing: .06em;
    border: 1px solid var(--gray);
    border-radius: 30px;
    margin-bottom: 14px;
    white-space: nowrap;
}
.topics-detail_ttl{
	font-size:2rem;
}
.topics-detail_photo{
	display:flex;
	gap 15px;
	justify-content:center;
	margin-bottom:40px;
}
.topics-detail_photo img{
	flex:1;
}
.topics-detail_kiji{
	margin-bottom:40px;
	font-size:1.6rem;
}
.back_btnarea{
	padding:30px 0;
	text-align:center;
}

@media only screen and (max-width: 767px){
	.inner_topics_detail header{
		padding:37px 27px;
		border-bottom:1px dotted var(--beige);
	}
	.inner_topics_detail article{
		padding:27px;
	}
	.topics-detail_head{
		margin-bottom:0px;
		align-items:center;
		justify-content:space-between;
	}
	.topics-detail_head time{
		font-size:1.3rem;
	}
	.topics-detail_head span {
	    font-size: 1.2rem;
	}
	.topics-detail_ttl{
		font-size:1.5rem;
	}
	.topics-detail_kiji{
		margin-bottom:30px;
		font-size:1.4rem;
	}
}