/*
Theme Name: Xwrite child
Version: 2.0.0
Template: xwrite
*/

/** 2026.03.23 [START] **/
/* News */
.img_none .attachment-post-thumbnail {
	display: none !important;
}
/** 2026.03.23 [START] **/

/* 本文側の重複タイトルは非表示 */
.blog .contentsHeader,
.home.blog .contentsHeader,
.blog .archiveHeader,
.home.blog .archiveHeader,
.blog h1.contentsHeader__caption,
.home.blog h1.contentsHeader__caption,
.blog .articleContainer .contentsHeader,
.home.blog .articleContainer .contentsHeader {
	display: none !important;
}

/* News mainVisual を固定ページMVと同じ見え方に寄せる */
.blog #mainVisual {
	margin-bottom: 0 !important;
}

.blog #mainVisual .item {
	position: relative;
	overflow: hidden;
}

.blog #mainVisual .item_image {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.blog #mainVisual .item_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* オーバーレイとメッシュ */
.blog #mainVisual .item_overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: var(--title-overlay-color, #043354);
	opacity: var(--title-overlay-opacity, 0.4);
}

.blog #mainVisual .item_filter-mesh {
	position: absolute;
	inset: 0;
	z-index: 3;
	opacity: var(--title-filter-opacity, 0.1);
	background-image:
		linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-size: 6px 6px;
}

/* item_info: 固定ページMVと同じpadding構造で高さを決める */
.blog #mainVisual .item_info {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 20rem;
	padding-top: 40px;
	padding-bottom: 40px;
}

.blog #mainVisual .mainVisual_title {
	margin: 0;
	color: #fff !important;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.1em;
}

.blog #mainVisual + .page-top-breadcrumbs {
	margin-top: 0 !important;
}

@media (max-width: 768px) {
  .blog #mainVisual .item_info {
    min-height: 10rem;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}