@charset "utf-8";

/**
 * common.css — 全オリジナルページ共通の土台
 *
 * 各ページのCSS（page/*.css, service/*.css）より先に読み込まれる。
 *
 * 【重要】
 * 既存ページのCSSには、ここと同じ内容が既に含まれている。
 * 意図的に重複させたまま残してある。後から同じ値で上書きされるだけで
 * 実害がなく、既存CSSに手を入れないことで表示崩れのリスクを避けている。
 *
 * このファイルが主に効くのは「これから作る新規ページ」で、
 * 定型のTCD打ち消しをコピーせずに済むようにするのが目的。
 */

/* -------------------------------------------------
   TCDの固定ページ幅の打ち消し
   親テーマが本文に max-width を掛けてくるため、
   自作コンテンツを全面化するには打ち消しが必要。
------------------------------------------------- */
body.page .post_content,
body.page .entry-content,
body.page .page_content {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
}

/* -------------------------------------------------
   自作コンテンツを画面幅いっぱいに逃がす
------------------------------------------------- */
.page-original {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.page-original img {
	display: block;
	width: 100%;
	height: auto;
}

/* -------------------------------------------------
   ベース
------------------------------------------------- */
.page-original *,
.page-original *::before,
.page-original *::after {
	box-sizing: border-box;
}

.page-original a {
	text-decoration: none;
	color: inherit;
}

.page-original section {
	position: relative;
}