@charset "UTF-8";

/* 八王子ワークセンター
	<.com> top-only.css
---------------------------------------------------- */

/* header (Top page only)
------------------------------------------------------------------------- */
/* #header */
.index_page #header {
	background: #ffffff url("../image/bg-header_home.webp") no-repeat 0px 104px;
	margin: 0px;
	padding: 0px;
	height: 468px;
}

/* #global-nav */
.index_page #global-nav {
	margin-top: 45px;
}

/* トップページ法人説明 */
.top_description {
	height: 100px;

	& :where(.top_description_text) {
		height: 0;
		overflow: hidden;
	}
}

/* contents (Top page only)
------------------------------------------------------------------------- */
/* .news */
.index_page .news {
	margin: 0px;
	line-height: 2;
}
.index_page .news > dt {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 26px;
	background: url("../image/news_mark.gif") no-repeat left center;
}
.index_page .news > dd {
	margin: 0em 0em 4em 12em;
	padding: 0px;
}

.index_page .news .frame {
	border: solid 2px #ff0000;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-right: 12px;
}

/* ニュース見出し */
:not(#_) .index_page .news .heading {
	margin: 0;
	clear: none;
	color: #ff6c00;
	font-size: 1.125rem;
	font-weight: bold;
}

.index_page .news .notice {
	color: #313f0f;
	font-size: 0.8125rem;
}

.index_page .news .oshirase {
	line-height: 2;
	margin-bottom: 10px;
}
/* ニュース小見出し */
.sub_heading {
	margin-block: 0;
	font-size: inherit;
	font-weight: normal;
}
.attention_list {
	padding-inline: 1rem;
	list-style-type: "※";
}
.sales_location_list {
	padding-inline-start: 1rem;
	list-style-type: "◆";
}


/* かてかてショップ、イベント情報 */
:is(
	.shop_info,
	.event_info_list,
) {
	display: grid;
	row-gap: 0.25rem;
	column-gap: 0.25rem;
	grid-template-columns: max-content repeat(2, minmax(min-content, max-content));
	margin-block: 0.25rem;
	word-break: auto-phrase;

	> :where(div) {
		display: contents;

		> :where(dt) {
			grid-column: 1;
		}

		> :where(dd) {
			margin-inline: 0;
		}
	}

	/* 場所 */
	& :where(.place > dd) {
		grid-column: 2 / -1;
	}

	/* 日時 */
	& :where(.datetime > dd) {
		display: contents;
		text-align: end;

		& :where(.date) {
			grid-column: 2;
		}

		& :where(
			.business_hours,
			.business_hours_note,
		) {
			grid-column: 3;
		}
	}
}

/* スタンプラリーイベントのお知らせ */
.url {
	word-break: break-all;
}
.stamp_collecting_event {
	& :where(img) {
		block-size: auto;
		max-inline-size: 100%;
		object-fit: contain;
	}

	& :where(.stamp_collecting_thumbnail) {
		max-inline-size: 16rem;
		margin-inline: auto;
	}

	& :where(.event_info_list) {
		& :where(p) {
			margin-block-start: 0;
			margin-block-end: 0.25rem;
		}

		& :where(.how_to_join .qr_code) {
			grid-column: 1 / -1;

			& :where(figure) {
				margin-block: 0;
				margin-inline: auto;
				max-inline-size: 8rem;
				block-size: auto;
				background-color: inherit;
			}

			& :where(figcaption) {
				/* 8文字で改行するよう調整 */
				margin-inline: auto;
				max-inline-size: min(8em, 100%);
				text-align: center;
			}
		}
	}
}