@charset "UTF-8";

/* カテゴリ ファーストビュー用 */

body.page-category .pane-main {
	margin-top: 0;
}

.block-category-list {
  max-width: calc(100vw - 2rem * 2);
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
	.block-category-list {
		max-width: 100%;
	}
}

#block-category-header-area {
	margin: 0 0 1.8rem;
}
.block-category-list--header-title {
	background: #f7f5e6;
}
.block-category-list--header-title .container {
	padding: 3.5rem 3.5rem 2.5rem;
}
.block-category-list--header-title .block-category-list--header {
	margin: 0;
}
.block-category-list--header-title .block-category-list--comment {
	margin: 1.5rem 0 0;
}
.block-category-list--header-freespace {
}
.block-category-list--header-contents {
	padding: 3.8rem 2rem 3.2rem;
	text-align: center;
	background: #f7f5e6;
}
.block-category-list--header-contents > h1 {
	margin: 0;
	font-size: 3.0rem;
	font-weight: normal;
}
.block-category-list--header-contents > p {
	margin: 0;
	font-size: 1.3rem;
}
.block-category-list--header-contents > div {
	margin: 2.2rem 0 0;
}
@media screen and (min-width: 960px) {
	#block-category-header-area {
		margin: 0 0 65px;
	}
	.block-category-list--header-title .container {
		padding: 34px 0;
	}
	.block-category-list--header-title .block-category-list--comment {
		margin: 15px 0 0;
	}
	.block-category-list--header-contents {
		padding: 40px 0 52px;
	}
	.block-category-list--header-contents > h1 {
		max-width: 980px;
		margin: 0 auto;
		font-size: 42px;
		font-weight: normal;
	}
	.block-category-list--header-contents > p {
		max-width: 980px;
		margin: 0 auto;
		font-size: 15px;
	}
	.block-category-list--header-contents > div {
		max-width: 980px;
		margin: 20px auto 0;
		font-size: 20px;
	}
}