body.blog .site-main,
body.category .site-main,
body.date .site-main,
.page-all .site-main,
.single-post .site-main {
	padding-right: var(--container-padding);
	padding-left: var(--container-padding);
}
.blog__header {
	max-width: var(--max-content-width);
	margin: 8px auto 48px;
}
.blog__hero {
	display: block;
	position: relative;
	aspect-ratio: 366 / 225;
	background: url(../images/img_blog_sp.png) no-repeat center center / cover;
}
.blog__hero-copy {
	position: absolute;
	top: 10.38251%;
	left: 4.6448%;
}
.blog__hero-lead {
	font-size: min(3.58974vw, 18px);
	line-height: 1.8;
}
.blog__hero-title {
	margin-top: 4.61538vw;
}
.blog__hero-title img {
	display: block;
	width: 17.53846vw;
	height: auto;
}
.blog__hero-title-sub {
	font-size: min(2.82051vw, 15px);
	line-height: 1.4;
}
.blog__hero-illust {
	display: none;
}
.blog__body {
	max-width: var(--max-content-width);
	margin: 40px auto 0;
	padding-bottom: 48px;
}
.blog__main {
	background: transparent;
}
.blog__featured-list {
	display: grid;
	gap: 28px;
	margin-bottom: clamp(48px, 4.26666vw, 80px);
}
.blog__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
}
.blog__category {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-right: 12px;
}
.blog__category-item {
	display: inline-flex;
	align-items: center;
	padding: 5px 1em;
	border: 1px solid #2C2C2C;
	border-radius: var(--radius-full);
	font-size: 0.6875rem;
	line-height: 1;
}
.blog__category-list-item {
	min-width: calc(50% - 5px);
}
.blog__category-list-item .blog__category-item {
	width: 100%;
	padding: 8px 1em;
	font-size: 0.75rem;
}
.blog__category-list-item .blog__category-item span {
	margin-left: 4px;
}
.blog__category-item.-spot,
.archive-blog-list__category-item.-spot {
	background: var(--color-spot);
}
.blog__category-item.-nature-landscape,
.archive-blog-list__category-item.-nature-landscape {
	background: var(--color-model-course);
}
.blog__category-item.-gourmet-sweets,
.archive-blog-list__category-item.-gourmet-sweets {
	background: var(--color-gourmet);
}
.blog__category-item.-souvenir,
.archive-blog-list__category-item.-souvenir {
	background: var(--color-souvenir);
}
.blog__category-item.-event,
.archive-blog-list__category-item.-event {
	background: var(--color-blue);
}
.blog__category-item.-other,
.archive-blog-list__category-item.-other {
	background: #E0E0E0;
}
.blog__date {
	display: block;
	font-size: clamp(0.8125rem, 0.771rem + 0.21vw, 0.9375rem);
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.blog__title {
	width: 100%;
	margin-top: 8px;
	font-weight: 700;
	font-size: clamp(1.25rem, 1.167rem + 0.42vw, 1.5rem);
	line-height: 1.6;
}
.blog__title a {
	display: inline;
	text-decoration: none;
}
.blog__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
	font-size: clamp(0.75rem, 0.708rem + 0.21vw, 0.875rem);
}
.blog__meta-item a {
	color: var(--gray-700);
	text-decoration: none;
}
.blog__thumb-link {
	display: block;
	margin-top: 14px;
}
.blog__thumb {
	overflow: hidden;
	border-radius: var(--radius-m);
	background: var(--gray-100);
	aspect-ratio: 16 / 10;
}
.blog__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog__excerpt {
	margin-top: clamp(24px, 2vw, 40px);
	font-size: 0.875rem;
	line-height: 2;
}
.blog__action {
	width: 100%;
	margin-top: clamp(48px, 3.25vw, 64px);
}
.blog__section-title {
	margin-bottom: 16px;
	font-weight: 700;
}
.blog__category-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.blog__category-item a {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border: 1px solid var(--gray-700);
	border-radius: var(--radius-full);
	font-size: 0.75rem;
	line-height: 1.3;
	text-decoration: none;
}
.blog__search-area {
	margin-top: 28px;
	padding: 16px;
	border-radius: var(--radius-m);
	background: #E7E7E7;
	text-align: center;
}
.blog__search-form {
	position: relative;
}
.blog__search-form input {
	width: 100%;
	height: 48px;
	padding: 0 44px 0 16px;
	border: 2px solid var(--gray-700);
	border-radius: var(--radius-full);
	background: var(--color-white);
	font-size: 0.8125rem;
	text-align: left;
}
.blog__search-form input:focus {
	outline: none;
}
.blog__search-form button {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 20px;
	height: 20px;
	background: url(../images/icon_search.svg) no-repeat center center / contain;
	transform: translateY(-50%);
	filter: brightness(0) saturate(100%) invert(45%) sepia(9%) saturate(19%) hue-rotate(357deg) brightness(93%) contrast(85%);
}
.blog__search-keywords {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 10px;
	margin-top: 12px;
	font-size: clamp(0.6875rem, 0.646rem + 0.21vw, 0.8125rem);
	line-height: 1.4;
	display: none;
}
.blog__search-keywords a {
	text-decoration: none;
}
.blog__latest-area {
	margin-top: 48px;
}
.blog__search-results-area {
	margin-top: 40px;
}
.archive__pagination {
	margin-top: 32px;
	padding: 0;
	border-radius: 0;
	background: transparent;
}
.archive__results-count {
	margin-top: 0;
	margin-bottom: 24px;
}
.archive__no-results {
	background: transparent;
}
.archive-blog-list {
	display: grid;
	gap: 32px;
}
.archive-blog-list__item-link {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.archive-blog-list__item-link:hover {
	opacity: 0.8;
}
.archive-blog-list__thumb {
	overflow: hidden;
	border-radius: var(--radius-m);
	aspect-ratio: 16 / 10;
}
.archive-blog-list__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.archive-blog-list__category-item {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 3px 10px;
	border: 1px solid var(--gray-700);
	border-radius: var(--radius-full);
	font-size: 0.6875rem;
	line-height: 1.3;
}
.archive-blog-list__title {
	margin-top: 6px;
	font-size: clamp(1rem, 0.958rem + 0.21vw, 1.125rem);
	font-weight: 700;
	line-height: 1.6;
}
.archive-blog-list__date {
	display: block;
	margin-top: 8px;
	font-size: clamp(0.8125rem, 0.792rem + 0.1vw, 0.875rem);
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.blog__list-link {
	margin-top: 48px;
}
.blog__sidebar {
	width: 100%;
	max-width: 248px;
	margin: 64px auto 0;
	display: grid;
	gap: 32px;
}
.blog__widget {
	padding: 20px 18px;
	border-radius: var(--radius-m);
	background: #E8E8E8;
}
.blog__widget-title {
	margin-bottom: 1.25rem;
	font-weight: 700;
	line-height: 1.4;
}
.blog__widget-list {
	display: grid;
	gap: 6px;
}
.blog__widget-list li {
	font-size: clamp(0.813rem, 0.792rem + 0.1vw, 0.875rem);
	line-height: 1.8;
}
.blog__widget-list a {
	text-decoration: underline;
}
.blog__more {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 24px;
	width: 100%;
	max-width: 520px;
	min-height: 48px;
	margin: 0 auto;
	border: 1px solid var(--color-black);
	border-radius: var(--radius-full);
	background: var(--color-black);
	color: var(--color-white);
	font-weight: 700;
}
.blog__more::after {
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	right: 16px;
	width: 16px;
	height: 16px;
	background: url(../images/icon_arrow_white.svg) no-repeat center center / contain;
	content: '';
}
.blog article .blog__excerpt > * {
	margin-bottom: 1.5em;
}
.blog article img,
.blog__body .single__content img {
	border-radius: var(--radius-m);
}
.blog-single .single__header {
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 32px;
	padding: 0;
	background: transparent;
}
.blog-single .single__content {
	padding: 0;
}
.blog-single .single__content > * {
	margin-bottom: 1.5em;
}
.blog-single__list-link {
	margin-top: 36px;
}
.blog-single__pager {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	margin-top: 24px;
	padding-top: 18px;
}
.blog-single__pager-item {
	display: flex;
	align-items: center;
	min-height: 48px;
}
.blog-single__pager-link {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) 32px;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
}
.blog-single__pager-item.-prev .blog-single__pager-link {
	grid-template-columns: 32px minmax(0, 1fr);
}
.blog-single__pager-item.-next .blog-single__pager-link {
	grid-template-columns: minmax(0, 1fr) 32px;
}
.blog-single__pager-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--radius-full);
	background: var(--color-white) url(../images/icon_arrow_down.svg) no-repeat center center / 12px 7px;
	font-size: 0;
	transform: rotate(90deg);
}
.-next .blog-single__pager-arrow {
	transform: rotate(-90deg);
}
.blog-single__pager-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.875rem;
}
.-next .blog-single__pager-title {
	text-align: right;
}
.blog-single__pager-divider {
	display: none;
}

@media (min-width: 600px) and (max-width: 1023px) {
	.blog__sidebar {
		display: flex;
		gap: 24px;
		align-items: stretch;
		max-width: 540px;
		margin-right: auto;
		margin-left: auto;
	}
	.blog__widget {
		flex: 1 1 0;
	}
}

@media (min-width: 600px) {
	.blog__category-list-item {
		min-width: calc((100% - 20px) / 3);
	}
}

@media (min-width: 768px) {
	.blog__header {
		margin-top: 12px;
	}
	.blog__hero {
		aspect-ratio: 1024 / 403;
		background-image: url(../images/img_blog_pc.png);
		background-size: contain;
	}
	.blog__hero-lead {
		font-size: clamp(1.0625rem, 0.389rem + 1.8vw, 1.25rem);
	}
	.blog__hero-copy {
		top: 50%;
		transform: translateY(-50%);
	}
	.blog__hero-title {
		display: flex;
		align-items: flex-end;
		margin-top: 12px;
	}
	.blog__hero-title img {
		width: min(13.67187vw, 140px);
	}
	.blog__hero-title-sub {
		margin-bottom: 4px;
		font-size: 14px;
	}
	.blog__title {
		font-size: 2rem;
	}
	.blog__excerpt {
		font-size: 0.9375rem;
	}
	.blog__action {
		display: flex;
		justify-content: center;
	}
	.blog__category-list {
		gap: 14px 16px;
	}
	.blog__category-list-item {
		min-width: calc((100% - 48px) / 4);
	}
	.blog__category-list-item .blog__category-item {
		padding: 9px 1em;
	}
	.blog__search-area {
		padding: 24px;
	}
	.blog-single__pager {
		grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
		align-items: center;
		gap: 24px;
		margin-top: 32px;
		padding-top: 0;
	}
	.blog-single__pager-divider {
		display: block;
		width: 1px;
		height: 30px;
		background: var(--gray-700);
	}
	.blog-single__pager-item.-prev .blog-single__pager-link {
		grid-template-columns: 40px minmax(0, 1fr);
	}
	.blog-single__pager-arrow {
		width: 40px;
		height: 40px;
	}
	.blog__latest-area {
		margin-top: 64px;
	}
	.archive-blog-list__item-link {
		display: grid;
		grid-template-columns: 260px minmax(0, 1fr);
		gap: 32px;
	}
	.single-post .single__content > *:not(.wp-block-columns) {
		margin-top: 0;
	}
}

@media (min-width: 1024px) {
	.blog__body {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 248px;
		gap: 48px;
		align-items: start;
	}
	.archive-blog-list__item-link {
		gap: 40px;
	}
	.blog__sidebar {
		margin-top: 0;
	}
	.blog__widget {
		padding: 22px 20px;
	}
}

@media (min-width: 1024px) and (hover: hover) {
	.blog__more:hover {
		background: var(--color-white);
		color: var(--color-black);
	}
	.blog__more:hover::after {
		background-image: url(../images/icon_arrow_black.svg);
	}
}