@charset "UTF-8";

/* お薦め塗料 ************************************/

.bnr_shokunin_label{
	padding: 0.5em 0.4em;
	font-size: 2.2rem;
	color: #fff;
	letter-spacing: 0.05em;
	text-align: center;
	background-color: #998877;
}
.bnr_shokunin_label em{
	color: #fff;
}
.bnr_shokunin_list{
	display: flex;
}
.bnr_shokunin_listitem{
	
}
.bnr_shokunin_copy{
	padding: 0.5em;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #ECE7D7;
}
.bnr_shokunin_comment{
	padding: 0.3em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #F09500;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.bnr_shokunin{
		line-height: 1.5;
	}
	.bnr_shokunin_label{
		padding: 0.8em 0.2em;
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.bnr_shokunin_listitem img{
		width: 100%;
		height: 60px;
		object-fit: cover;
	}
	.bnr_shokunin_copy{
		font-size: 1.8rem;
	}
	.bnr_shokunin_comment{
		padding: 0.3em 0.5em;
		font-size: 1.3rem;
	}

	.b-recommend .sbody_text .line-all{
		font-size: 1.2rem;
	}

}

/* 塗料選定について ************************************/


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

    .section_sentei .img_right{
        width: 490px;
        max-width:490px;
    }
    .section_sentei #cnt002 .img_right{
		margin-bottom: 0;
    }

	.section_sentei .related_articles_item{
		width: 100%;
	}

	.section_sentei .related_articles_item .entry_img {
	  width: 208px;
	}
	.section_sentei .related_articles_item .entry_img img {
	  height: 200px;
	}

	.section_sentei .related_articles_item .entry_text {
	  width: calc(100% - 208px);
	}

	.section_sentei .related_articles_item .entry_date {
	  padding: 0 24px;
	}
	.section_sentei .related_articles_item .entry_title {
	  padding: 12px 24px;
	  font-size: 1.8rem;
	  line-height: 1.3;
	}
	.section_sentei .related_articles_item .entry_excerpt {
	  padding: 12px 24px 4px;
	  font-size: 1.5rem;
	  line-height: 1.5;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

    .section_sentei .img_right{
        width: 100%;
    }

	.section_sentei .related_articles_item a {
		position: relative;
	}
	.section_sentei .related_articles_item .entry_img {
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
	}
	.section_sentei .related_articles_item .entry_img img {
	  height: 120px;
	}

	.section_sentei .related_articles_item .entry_text {
	  width: 100%;
	}

	.section_sentei .related_articles_item .entry_date {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 20px;
		padding: 0 16px 0 134px;
	}
	.section_sentei .related_articles_item .entry_title {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 100px;
		padding: 0 16px 0 134px;
		font-size: 1.6rem;
	}
	.section_sentei .related_articles_item .entry_excerpt {
	  padding: 1em 1em 0.5em;
	  font-size: 1.4rem;
	  line-height: 1.6;
	}

}