@charset "utf-8";

/* --------------------------------------------------------------------------------
	single
-------------------------------------------------------------------------------- */
body.single #main .sms{
	padding:1em;
}

#main .entry-date{
	display: flex;
	font-weight: bold;
	font-size: 14px;
}


/*
関連記事
-------------------- */
#main .relations{
	padding: 80px 0 0;
}
#main .relations h3{
	display: flex;
	justify-content: center;
	align-items: baseline;
	
	margin: 0 auto 27px;
	padding: 0 0 0 40px;
	border-bottom: solid 1px #333;
	text-align: center;
	font-size: 16px;
}
#main .relations h3::before{
	content: '';
	display: block;
	width: 40px;
	height: 12px;
	background: url("../images/common/icon-relation.png") no-repeat 0 50%;
}
#main .relations .relation{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 50px;
}
#main .relations .relation:last-child{
}
#main .relations .relation .eye-catch-image{
	width: 250px;
}
#main .relations .relation .eye-catch-image img{
	display: block;
	width: 250px;
	height:250px;
	margin: 0 auto;
	object-fit:cover;
}
#main .relations .relation .txt{
	width: 480px;
}

#main .relations .relation .entry-metadata{
	display: flex;
	padding: 0 0 15px;
	font-weight: bold;
}
#main .relations .relation .title{
	margin: 0 0 25px;
	font-weight: bold;
	font-size: 16px;
}

/*
PREV & NEXT
-------------------- */
#main .next-prev{
}
#main .next-prev a{
	display: block;
	margin: 0 0 10px;
	text-decoration: none;
}
#main .next-prev .btn-link{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
#main .next-prev a .btn-link-prev .label {
	width: 90px;
	box-sizing: border-box;
	
	display: block;
	
	margin: 0 10px 0 0;
	padding: 3px 22px 3px 38px;
	color: #fff;
	background: #ff9900 url("../images/single/btn-prev.png") no-repeat 23px 50%;
}
#main .next-prev a .title {
	width: 680px;
	padding: 3px 0 3px;
}
#main .next-prev a .btn-link-next .label {
	width: 90px;
	box-sizing: border-box;
	
	display: block;
	margin: 0 10px 0 0;
	padding: 3px 38px 3px 22px;
	color: #fff;
	background: #ff9900 url("../images/single/btn-next.png") no-repeat calc(100% - 23px)  50%;
}