/*
 * Kawara Shared Reset
 * テーマ全部dequeueした上で、ブラウザデフォルトと素のHTMLが破綻しないよう最低限のスタイルだけ補う。
 * スタンドアロンLP（kawara-top-lp / kawara-area-lp など）の全てに適用される。
 * ショートコード本体は inline style + !important で自己完結しているため、ここでは触らない。
 */

/* --- 1. Minimal reset --- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", system-ui, -apple-system, "Segoe UI", sans-serif;
	line-height: 1.7;
	color: #222;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img, video, svg { max-width: 100%; height: auto; display: block; }
button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
input, textarea, select { font: inherit; color: inherit; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, blockquote, figure {
	margin: 0;
	padding: 0;
}
ul, ol { list-style: none; }
table { border-collapse: collapse; }

/* --- 2. WordPress / SWELL ブロックの最低限の互換 --- */
/* alignfull / alignwide はテーマCSSなしでも本来の意図どおりに広げる */
.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.alignwide {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft  { float: left;  margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }

/* SWELLのフルワイドブロック */
.swell-block-fullWide {
	width: 100%;
	position: relative;
}
.swell-block-fullWide__inner {
	width: 100%;
}

/* PC / SP出し分け（SWELL標準のクラス） */
.pc_only { display: block; }
.sp_only { display: none; }
@media (max-width: 768px) {
	.pc_only { display: none; }
	.sp_only { display: block; }
}

/* --- 3. LP共通のラッパー --- */
.kawara-lp-body {
	overflow-x: hidden; /* alignfull の calc(50% - 50vw) が右スクロールを生まないよう保険 */
}
.kawara-lp-main {
	width: 100%;
}