/*
Theme Name: GENSEN child
Theme URI:https://tcd-theme.com/tcd050
Description:WordPressテーマ「GENSEN」の子テーマ
Template:gensen
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/


/***** TOPページ
*************************************************************************************/

.introduce_list_col .image,
.introduce_list_col .image:hover,
.introduce_list_col .image:focus {
	border-radius: 5px;
}

#cb_2.cb_content-category_list ul li a {
	border-radius: 5px;
}

/***** 投稿ページ
*************************************************************************************/

/*===== ショールーム詳細 =====*/
.showroom_detail p {
	line-height: 1.8;
}
.showroom_detail table {
}
.showroom_detail table th,
.showroom_detail table td {
	padding: 10px 20px;
	border: 1px solid #ddd;
	line-height: 1.5;
	
}
.showroom_detail table th {
	text-align: left;
	font-weight: normal;
	background: #d3e7ff;
	white-space: nowrap;
	vertical-align: middle;
}
.showroom_detail table td {
}

.showroom_detail h4.showroom_detail_ttl {
	padding: 30px 0 15px;
	text-align: center;
	font-size: 1.3em;
}
.showroom_detail ul.products-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.showroom_detail ul.products-list li.products-item {
	list-style: none;
	box-sizing: border-box;
	flex: 0 1 auto;
	width: 33.3333%;
	color: #92785f;
	border: 1px solid #e6e6e6;
	position: relative;
	padding: 70px 0 20px;
	margin: -1px 0 0 -1px;
}
.showroom_detail ul.products-list li.products-item::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background: #92785f;
	mask-image: url('img/icons/kitchen.svg');
}
.showroom_detail ul.products-list li.icon-kitchen::before {mask-image: url('img/icons/kitchen.svg');}
.showroom_detail ul.products-list li.icon-toilet::before {mask-image: url('img/icons/toilet.svg');}
.showroom_detail ul.products-list li.icon-bathroom::before {mask-image: url('img/icons/bathroom.svg');}
.showroom_detail ul.products-list li.icon-washroom::before {mask-image: url('img/icons/washroom.svg');}
.showroom_detail ul.products-list li.icon-entrance::before {mask-image: url('img/icons/entrance.svg');}
.showroom_detail ul.products-list li.icon-window::before {mask-image: url('img/icons/window.svg');}
.showroom_detail ul.products-list li.icon-interior::before {mask-image: url('img/icons/interior.svg');}
.showroom_detail ul.products-list li.icon-exterior::before {mask-image: url('img/icons/exterior.svg');}
.showroom_detail ul.products-list li.icon-tile::before {mask-image: url('img/icons/tile.svg');}
.showroom_detail ul.products-list li.icon-storage::before {mask-image: url('img/icons/storage.svg');}
.showroom_detail ul.products-list li.icon-wall-painting::before {mask-image: url('img/icons/wall-painting.svg');}
.showroom_detail ul.products-list li.icon-wall-replacement::before {mask-image: url('img/icons/wall-replacement.svg');}
.showroom_detail ul.products-list li.icon-roof-painting::before {mask-image: url('img/icons/roof-painting.svg');}
.showroom_detail ul.products-list li.icon-roof-replacement::before {mask-image: url('img/icons/roof-replacement.svg');}
.showroom_detail ul.products-list li.icon-furniture::before {mask-image: url('img/icons/furniture.svg');}

@media (max-width: 768px) {
	.showroom_detail table th,
	.showroom_detail table td {
		display: block;
		padding: 10px 10px;
	}
	.showroom_detail ul.products-list li.products-item {
		text-align: center;
	}
	.showroom_detail ul.products-list li.products-item::before {
	}
}
@media (min-width: 769px) {
	.showroom_detail h4.showroom_detail_ttl {
		padding: 40px 0 20px;
		font-size: 1.5em;
	}
	.showroom_detail ul.products-list li.products-item {
		padding: 20px 0 20px 70px;
	}
	.showroom_detail ul.products-list li.products-item::before {
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
	}
}