@charset "utf-8";

/* --------------------------------------------------------------------------------
	single
-------------------------------------------------------------------------------- */


/*
関連記事
-------------------- */
#main .entry-metadata{
	padding: 0 0 4.5vw;
	font-size: 4.2vw;
	display: inline-block;
}
#main .entry-metadata .datetime{
	display: inline-block;
}
#main .entry-metadata .cat{
	display: inline-block;
}
#main .entry-metadata ul{
	display: inline-block;
}
#main .entry-metadata ul li{
	display: inline-block;
}
#main .entry-metadata a{
	display: inline-block;
}


#main .wp-block-image{
	margin: 1em 0;
}
/*
関連記事
-------------------- */
#main .relations{
	padding: 8vw 0 0;
}
#main .relations h3{
	display: flex;
	justify-content: center;
	align-items: baseline;
	
	margin: 0 auto 3vw;
	padding: 0 0 2vw;
	border-bottom: solid 0.3vw #333;
	text-align: center;
	font-size: 3.6vw;
}
#main .relations h3::before{
	content: '';
	display: block;
	width: 7.5vw;
	height: 2.3vw;
	background: url("../images/common-device/icon-relation.png") no-repeat 0 50%;
	background-size: 5.5vw auto;
}
#main .relations .relation{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 0 5vw;
}
#main .relations .relation:last-child{
}
#main .relations .relation .eye-catch-image{
}
#main .relations .relation .eye-catch-image img{
	display: block;
	width: 30vw;
	height:30vw;
	margin: 0 auto;
	object-fit:cover;
}
#main .relations .relation .txt{
	width: 62vw;
	line-height: 1.2;
}

#main .relations .relation .entry-metadata{
}
#main .relations .relation .title{
	margin: 0 0 3vw;
	font-weight: bold;
	font-size: 4.2vw;
}

/*
PREV & NEXT
-------------------- */
#main .next-prev{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#main .next-prev a{
	display: block;
	text-decoration: none;
}
#main .next-prev a .btn-link-prev {
	display: block;
	padding: 0.25vw 6vw 0.25vw 8vw;
	color: #fff;
	background: #ff9900 url("../images/single-device/btn-prev.png") no-repeat 5vw 50%;
	background-size: 1.1vw auto;
}
#main .next-prev a .label {
	display: none;
}
#main .next-prev a .title {
	padding: 0 0 0 3vw;
}
#main .next-prev a .title {
	display: none;
}
#main .next-prev a .btn-link-next {
	display: block;
	padding: 0.25vw 8vw 0.25vw 6vw;
	color: #fff;
	background: #ff9900 url("../images/single-device/btn-next.png") no-repeat calc(100% - 5vw)  50%;
	background-size: 1.1vw auto;
}