/**
 * レイアウト基盤
 *
 * 幅・余白・管理バーオフセットはこのファイルだけで管理する。
 *
 * @package irohasoft-corp
 */

:root {
	--iroha-primary: #4EB84B;
	--iroha-topic: #e67e22;
	--iroha-topic-dark: #c96a12;
	--iroha-press: #45b245;
	--iroha-press-dark: #358f35;
	--iroha-accent: #e67e22;
	--iroha-text: #333;
	--iroha-text-light: #666;
	--iroha-border: #ccc;
	--iroha-bg-gray: #ebebeb;
	--iroha-bg-light: #f9f9f9;
	--iroha-container: 1100px;
	--iroha-main-width: 760px;
	--iroha-side-width: 300px;
	--iroha-admin-bar-height: 32px;
	--iroha-font: "Meiryo", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Century Gothic", Arial, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

body {
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	font-family: var(--iroha-font);
	font-size: 14px;
	color: var(--iroha-text);
	line-height: 1.6;
}

#wrapper-light {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: clip;
}

html {
	overflow-x: clip;
}

/* 1100px 以内に収める共通コンテナ */
.site-container {
	width: 100%;
	max-width: var(--iroha-container);
	margin-inline: auto;
}

/* WordPress 標準の html margin-top のみ使う（body 側の padding は付けない） */
body.admin-bar {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

#footer-wrapper {
	margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
	:root {
		--iroha-admin-bar-height: 46px;
	}
}