@charset "UTF-8";
/*///////////////////////////////////////////////////////////////////////

	tag.php

///////////////////////////////////////////////////////////////////////*/
.listTitle .img_moomin {
	position:absolute;
	right:13px;
	top:16px;
}
/* ====================================================
	キーワードに対する施工事例リンク
====================================================*/
.showcase_link_by_tag {
	width: 739px;
	text-align: center;
}
.showcase_link_by_tag a {
	display: inline-block;
	*display: inline; /* IE6 & IE7 */
	*zoom: 1; /* IE6 & IE7 */
	max-width: 485px;
	margin: 40px auto;
	padding: 22px 127px;
	background-color: #eb6e2f;
	border-radius: 9px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	word-wrap: break-word;
}
.showcase_link_by_tag a::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  border: 10px solid transparent;
  border-left: 18px solid #fff;
  border-right: none;
  vertical-align: middle;
  *display: none; /* IE6 & IE7 */
}
/* ====================================================
	静的テキストの追加
====================================================*/
.tag-features {
	padding: 25px 17px 25px 12px;
}
.tag-features_img {
	float: left;
}
.tag-features_img img {
	position: static;
}
.tag-features_txt {
	float: right;
	width: 469px;
	font-size: 16px;
	line-height: 1.3;
}
/* ====================================================
	関連のあるタグ
====================================================*/
.tag-related {
	margin: 30px 0;
	border: 1px solid #eee;
	border-radius: 5px;
	background-color: #fff;
}
.tag-related_hd {
	margin-left: 8px;
	padding: 11px 0 11px 18px;
	background: url("/blog/wp-content/themes/garden-blog/images/common/icon_tag.png") left center no-repeat;
	font-size: 14px;
	font-weight: normal;
}
.tag-related_list {
	padding: 10px 15px 2px;
	background: url("/blog/wp-content/themes/garden-blog/images/bg_gradation_top50.jpg") left top repeat-x;
}
.tag-related_list li {
	float: left;
	margin: 0 10px 10px 0;
}
.tag-related_list a {
	height: 19px;
	padding: 0 4px;
	border-radius: 2px;
	background: url("/blog/wp-content/themes/garden-blog/images/bg_tag.gif") left center repeat-x;
	color: #fff;
	font-size: 11px;
	line-height: 19px;
}
/* ====================================================
	施工事例
====================================================*/
.list-relevance {
	clear: left;
	width: 730px;
	margin: 30px 0 62px;
	border: 1px solid #eee;
	border-radius: 5px;
	background-color: #fff;
}
.list-relevance_hd {
	margin-left: 11px;
	padding: 11px 0 11px 23px;
	background: url("/blog/wp-content/themes/garden-blog/images/common/icon_tree.png") left center no-repeat;
	font-size: 14px;
	font-weight: normal;
}
.list-relevance_list {
	padding: 16px 0 18px 24px;
	background: url("/blog/wp-content/themes/garden-blog/images/bg_gradation_top50.jpg") left top repeat-x;
	overflow: hidden; /* clearfix */
}
.list-relevance_list {
	padding: 16px 24px 18px 24px;
}
.list-relevance_list li {
	float: left;
	margin-right: 24px;
}
.rel-showcase.-relation-showcase .list-relevance_list li {
	width: 211px;
}
.rel-showcase .swiper-button-prev,
.rel-showcase .swiper-button-next {
	display: none !important;
}
.list-relevance_list.movie li {
	margin-bottom: 20px;
}
.list-relevance_list li:nth-of-type(3) {
	margin-right: 0;
}
.list-relevance_list a {
	display: block;
}
.list-relevance_list.movie a {
	display: flex;
	align-items: center;
}
.list-relevance_img {
	width: 211px;
}
.list-relevance_img.movie {
	margin-right: 20px;
}
.list-relevance_list img {
	width: 211px;
	height: 158px;
	box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
/*--------------------------------
	
--------------------------------*/
.list-relation-article_link-more {
	margin: 0 30px 12px 0;
	text-align: right;
}
.list-relation-article_link-more a {
	color: #2a522c;
	font-size: 14px;
}
.list-relation-article_link-more a::before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	border: 4px solid transparent;
	border-left: 7px solid #2a522c;
	border-right: none;
	vertical-align: middle;
	*display: none; /* IE7 */
}
/* ====================================================
	動画
====================================================*/
.rel-showcase.-relation-movie .list-relevance_list {
	display: block !important;
	width: auto !important;
}
/* ====================================================
	関連リンク
====================================================*/
.rel-gp-link-container {
	padding: 20px 20px 0;
	border: 1px solid #eee;
	border-radius: 5px;
	background-color: #fff;
}
.rel-gp-link--cling {
	padding-top: 18px;
	border-top: 1px solid #eee;
}
.rel-gp-link_hd {
	margin-bottom: 17px;
	font-size: 14px;
	font-weight: normal;
}
.rel-gp-link_list {
	margin-bottom: 20px;
}
.rel-gp-link_list li {
	margin-bottom: 11px;
}
.rel-gp-link_item--hide {
	display: none;
}
.rel-gp-link_list a {
	color: #339200;
	font-size: 13px;
	text-decoration: underline;
}
.rel-gp-link_list a:hover {
	text-decoration: none;
}
.rel-gp-link_list a::before {
	content: "";
	display: inline-block;
	margin-right: 8px;
	border: 4px solid transparent;
	border-left: 8px solid #339200;
	border-right: none;
	vertical-align: middle;
	*display: none; /* IE7 */
}
.rel-gp-link_more {
	margin-bottom: 20px;
	text-align: center;
}
.rel-gp-link_more a {
	position: relative;
	display: inline-block;
	height: 32px;
	padding: 0 57px 0 58px;
	border-radius: 6px;
	background-color: #8dc21f;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.14);
	color: #fff;
	font-size: 14px;
	line-height: 32px;
}
.rel-gp-link_more a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	width: 6px;
	height: 12px;
	margin: auto 0;
	background: url("/public/img/common/icon_next-white.svg") left center no-repeat;
	background-size: contain;
}
.rel-gp-link_more--rec-item a::after {
	transform: rotate(90deg);
}