@charset "UTF-8";

/**
 * 一覧アイキャッチ画像の縦横比
 */
.c-entry-summary__figure::before {
	padding-top: 56.25%;
}

/**
 * 記事詳細のアイキャッチの縦横比
 */
@media (max-width: 63.99em) {
	.c-page-header[data-has-image=true] {
		min-height: 56.25vw;
	}
}

/**
 * タブレット 一覧レイアウト
 */
@media (min-width: 475px) {
	.c-entries__item {
		flex: 0 1 33.33333%;
		max-width: 33.33333%;
	}
}

/**
 * PC 一覧レイアウト
 */
@media (min-width: 64em) {
	.c-entries__item {
		flex: 0 1 25%;
		max-width: 25%;
	}
}

/**
 * ヘッダータイトルまわり
 */
.archive-header__bgimage .c-entry__title,
.singular-header__bgimage .c-entry__title {
	position: relative;
	color: #fff;
	font-size: 10vw;
	z-index: 5;
}

.c-page-header {
	justify-content: center;
	align-items: center;
}

.c-entry__sub-title {
	color: #fff;
	text-align: center;
}

@media (min-width: 64em) {
	.archive-header__bgimage .c-entry__title,
	.singular-header__bgimage .c-entry__title {
		font-size: 102px;
	}
}

/**
* ヘッダー 背景画像エリア
*/
.archive-header__bgimage,
.singular-header__bgimage {
	height: 43.78906vw;
}

@media (min-width: 475px) {
	.archive-header__bgimage,
	.singular-header__bgimage {
		height: 208px;
	}
}

@media (min-width: 64rem) {
	.archive-header__bgimage,
	.singular-header__bgimage {
		height: 17.79785vw;
	}
}

/**
* ヘッダー 背景画像 オーバーレイ
*/
.header-area__bgimage::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

/**
* archive ヘッダータイトル
*/
.archive-header__bgimage .c-entry__sub-title,
.archive-header__bgimage .c-entry__title {
	position: relative;
	z-index: 5;
}

/**
* single ヘッダータイトル
*/
.singular-header__bgimage .c-entry__sub-title,
.singular-header__bgimage .c-entry__title {
	position: relative;
	z-index: 5;
}