@charset "UTF-8";

/* TITLE
------------------------- */
.page__title {
	background-image: url("../img/header/title_6.jpg");
}
.category-works .page__title {
	background-image: url("../img/header/title_17.jpg");
}
.category-company .page__title {
	background-image: url("../img/header/title_11.jpg");
}
.single-in-blog .page__title,
.category-blog .page__title {
	background-image: url("../img/header/title_10.jpg");
}
.category-exterior-new .page__title {
	background-image: url("../img/header/title_20.jpg");
}
.category-exterior-re .page__title {
	background-image: url("../img/header/title_14.jpg");
}
.category-entrance .page__title {
	background-image: url("../img/header/title_21.jpg");
}
.category-lighting .page__title {
	background-image: url("../img/header/title_19.jpg");
}
.category-fence .page__title {
	background-image: url("../img/header/title_2.jpg");
}
.category-wood-deck .page__title {
	background-image: url("../img/header/title_4.jpg");
}
.category-garden .page__title {
	background-image: url("../img/header/title_6.jpg");
}
.category-topics .page__title,
.single-in-topics .page__title {
	background-image: url("../img/header/title_6.jpg");
}
.category-faq .page__title,
.single-in-faq .page__title {
	background-image: url("../img/header/title_9.jpg");
}

/* MAIN
------------------------- */
#chest__main {
	padding: 0 0 100px;
}
.sub__title {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 200px;
	margin: 0 calc( 50% - 50vw ) 50px;
	background-image: url("../img/page/home/back_concept.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.sub__title--inner {
	text-align: center;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 22px;
	font-family:
		"Lato", "Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
}

/* JETPRESS */
.is-layout-flow {
	margin: 0 0 50px;
	font-size: 14px;
}
.wp-heading-1 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 500;
	font-size: 27px;
	color: var(--deep-green);
}
.wp-heading-2 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 500;
	font-size: 24px;
	color: var(--deep-green);
}
.wp-heading-3 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 400;
	font-size: 22px;
	color: var(--deep-green);
}
.size-full img {
	width: 100%;
	height: auto;
}

/* BEE */
#navi-1, #navi-2, #navi-3 {
	position: relative;
}
#navi-1:after {
	position: absolute;
	top: 50px;
	right: -100px;
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#navi-2:after {
	position: absolute;
	bottom: -50px;
	left: -110px;
	transform: rotate(40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee3.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.post197.core-contents .wp-block-table td:first-child {
	width: 30%;
}

.category-thumbnail {
	object-fit: cover;
	aspect-ratio: 4 / 3;
	width: 100%;
	height: auto;
}
.category-index .flexbox__1-2--child {
	margin: 0 0 50px;
}
.category-company .moreButton,
.single-post .moreButton {
	width: 240px;
	height: 40px;
	margin: auto;
	border: solid 1px var(--deep-green);
	font-size: 14px;
	color: var(--deep-green);
}
.category-index .moreButton {
	width: 100%;
	height: 40px;
	border: solid 1px var(--deep-green);
	font-size: 14px;
	color: var(--deep-green);
}
.category-index .excerpt {
	margin: 0 0 20px;
}
.category-index .post__title {
	min-height: 90px;
}
.category-index .wp-heading-3.post__title {
	margin: 50px 0 0;
}
.category-faq .category-index .wp-heading-3.post__title {
	font-size: 18px;
}
.category-faq .post__title {
	min-height: 50px;
}
.category-faq .category-index {
	counter-reset: my-counter;
}
.category-faq .answer h4,
.category-faq .question h4 {
	font-size: 17px;
	color: var(--deep-green);
}
.category-faq .category-index .question__block .post__title:before {
	display: inline-block;
	content: "0" counter(my-counter);
	counter-increment: my-counter;
	width: 27px;
	height: 27px;
	margin: 0 10px 0 0;
	background-color: var(--deep-green);
	letter-spacing: 1px;
	line-height: 27px;
	text-align: center;
	text-indent: 2px;
	font-size: 14px;
	color: #fff;
}

.navigation {
	display: flex;
	justify-content: space-between;
	margin: 100px 0 40px;
}
.navigation a {
	text-decoration: none;
	color: var(--deep-green);
}
.previous {
	flex: 0 0 48%;
}
.next {
	text-align: right;
}

.post-date {
	margin: 0 0 20px;
}
.category-links {
	display: flex;
	justify-content: center;
	list-style-type: none;
	margin: 0 0 50px;
}
.category-links .moreButton {
	margin: 0 5px;
}



/* end of file */