/*
Theme Name: Bizmondo Next
Theme URI: https://bizmondo.jp/
Author: Bizmondo Japan LLC
Author URI: https://bizmondo.jp/
Description: Bizmondo Japan LLC のサイトリニューアル用クラシックテーマ。標準ブロックエディターに対応した基本構造です。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bizmondo-next
Tags: custom-menu, featured-images, editor-style, wide-blocks
*/

/* 本文の基本スタイル。共通変数は assets/css/tokens.css に定義します。 */

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

body {
	margin: 0;
	background: #fff;
	color: var(--bizmondo-navy);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
	font-size: 1rem;
	line-height: 1.8;
	overflow-wrap: anywhere;
}

a {
	color: var(--bizmondo-link);
	text-underline-offset: 0.2em;
}

a:hover {
	text-decoration-thickness: 2px;
}

/* クラシックテーマでは、登録したブロック用パレットの CSS も定義します。 */
.has-white-color { color: #fff; }
.has-navy-color { color: var(--bizmondo-navy); }
.has-blue-color { color: var(--bizmondo-blue); }
.has-white-background-color { background-color: #fff; }
.has-navy-background-color { background-color: var(--bizmondo-navy); }
.has-blue-background-color { background-color: var(--bizmondo-blue); }

:focus-visible {
	outline: 3px solid var(--bizmondo-blue);
	outline-offset: 4px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
}

img, video {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

figure {
	max-width: 100%;
	margin-inline: 0;
}

pre {
	overflow-x: auto;
	padding: 1rem;
	background: #f4f7fa;
}

table {
	max-width: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 0.6em;
	border: 1px solid var(--bizmondo-border);
}

input, textarea, select, button {
	max-width: 100%;
	font: inherit;
}

/* 本文の通常幅・幅広・全幅ブロックを受け止めるコンテナー。 */
.site-main {
	padding: 3rem 1rem;
}

.entry-header,
.entry-content > *,
.entry-pagination,
.posts-navigation,
.page-header,
.no-results {
	width: 100%;
	max-width: var(--bizmondo-content-width);
	margin-inline: auto;
}

.entry-title,
.page-title {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.entry-title a {
	color: inherit;
}

.entry-meta {
	font-size: 0.875rem;
}

.entry-content {
	display: flow-root;
	margin-top: 2rem;
}

.entry-content > .alignwide {
	max-width: var(--bizmondo-wide-width);
}

.entry-content > .alignfull {
	max-width: none;
}

.entry-content .alignleft {
	float: left;
	width: auto;
	max-width: 50%;
	margin: 0 1.5rem 1rem 0;
}

.entry-content .alignright {
	float: right;
	width: auto;
	max-width: 50%;
	margin: 0 0 1rem 1.5rem;
}

.aligncenter {
	margin-inline: auto;
}

.wp-caption-text,
.gallery-caption {
	font-size: 0.875rem;
}

.hentry + .hentry {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid var(--bizmondo-border);
}

.entry-pagination,
.posts-navigation {
	clear: both;
	margin-top: 2rem;
}

.page-numbers {
	display: inline-block;
	padding: 0.4rem 0.75rem;
}

/* 読み上げ用テキストと、キーボード操作用のスキップリンク。 */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.skip-link:focus {
	z-index: 100000;
	top: 1rem;
	left: 1rem;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	clip-path: none;
	background: #fff;
}

/* 小さな画面では本文の余白と画像の回り込みを調整します。 */
@media (max-width: 600px) {
	.site-main {
		padding-block: 2rem;
	}

	.entry-content .alignleft,
	.entry-content .alignright {
		float: none;
		max-width: 100%;
		margin: 1rem auto;
	}
}