@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD (e-earphone.blog)
    Theme URI: https://swell-theme.com/
    Description: e☆イヤホンブログの SWELL 子テーマ。旧テーマ（Emanon）の本文用の CSS と、ヘッダーの手直し
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==========================================================================
   ヘッダー: オンラインストア・店舗へのアイコン（中身は「ヘッダー内部」ウィジェット）
   ========================================================================== */
/* ヘッダーナビを下に（parallel）にしたとき、ロゴの段の右端に置く（流れから外してヘッダーを高くしない） */
@media (min-width: 960px) {
	.l-header.-parallel .w-header {
		position: absolute;
		top: 8px;
		right: max(16px, calc((100% - 1200px) / 2));
		left: auto;
		width: auto;
		height: 72px;
		display: flex;
		align-items: center;
		margin: 0;
	}
}
/* ロゴのリンクを画像の幅だけにする。parallel ではロゴの段が横幅いっぱい（SWELL）で、リンクが block のため段の全体がリンクになっていた */
@media (min-width: 960px) {
	.l-header.-parallel .c-headLogo__link {
		display: inline-block;
	}
}
.ee-head-links {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ee-head-links li {
	border-left: 1px solid #cbcbcb;
}
.ee-head-links li:last-child {
	border-right: 1px solid #cbcbcb;
}
.ee-head-links a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 0 16px;
	color: inherit;
	font-size: 11px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}
.ee-head-links img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}
.ee-head-links a:hover {
	opacity: .7;
}

/* ==========================================================================
   記事の本文: 旧テーマから引き継ぐもの（本文の HTML がこのクラスを使っている）
   ========================================================================== */

/* クラシックエディターの記事（body の .ee-classic・inc/content.php）は旧テーマと同じく段落の余白 0・行の高さ 2。
   間は記事の中の空の段落で空けているので、SWELL の段落の余白（下 2em）が足されると間が倍以上に広がる */
.ee-classic .post_content p {
	margin-bottom: 0;
	line-height: 2;
}
/* 途中から <div> で書いた記事もある（空の行は <div>&nbsp;</div>）。旧は余白 0・行の高さ 26px。クラス付きの div（SWELL のブログカード・目次など）は除く */
.ee-classic .post_content > div:not([class]) {
	margin-bottom: 0;
	line-height: 1.625;
}
/* 見出しも旧と同じく上 0・下 20px（前後の間は記事の中の空の行で空けている） */
.ee-classic .post_content > :is(h2, h3, h4) {
	margin-top: 0;
	margin-bottom: 20px;
}

/* 寄せを指定していない画像（alignnone）は中央に置く（2026-10-28 小川さん「こういうとき画像を中央に寄せて」）。
   旧テーマの記事の画像はほとんどが段落に 1 枚だけ（2025 年以降で 11,580 行中、文と同じ行は 172・2 枚以上並ぶ行は 69。並ぶものは縦に積まれる） */
.ee-classic .post_content img.alignnone {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ee-classic .post_content .wp-caption.alignnone {
	margin-left: auto;
	margin-right: auto;
}

/* PC だけ・スマホだけに出す */
@media screen and (max-width: 640px) {
	.nosp { display: none; }
}
@media screen and (min-width: 641px) {
	.nopc { display: none; }
}

/* 動画・地図などの枠（横幅に合わせて 16:9 等で伸び縮み） */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 3%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.YoutubeBox {
	position: relative;
	width: 100%;
}
.YoutubeBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.video-container,
.responsive-wrap {
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.responsive-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iframe-content {
	position: relative;
	width: 100%;
	padding: calc(240 / 370 * 100%) 0 0;
}
.iframe-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 店舗へのボタン（.shop_link_btn の中の id で店ごとの色） */
.shop_link_btn {
	clear: both;
	margin: 10px 0;
	text-align: center;
}
#osaka, #tokyo, #custom, #shibuya, #nagoya, #umeda {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 15px;
	border: 2px solid currentColor;
	border-radius: 8px;
	background-color: #fff;
	font-size: 1.5em !important;
	font-weight: bold;
	text-decoration: none;
}
#osaka   { color: #4c60d7 !important; }
#tokyo   { color: #ff3b3f !important; }
#custom  { color: #ff6824 !important; }
#shibuya { color: #0000ff !important; background-color: rgba(255, 255, 0, .38); }
#nagoya  { color: #008000 !important; }
#umeda   { color: #f97ff5 !important; }

/* 囲み枠（旧テーマの追加 CSS） */
.box01 {
	margin: 0 0 2em;
	padding: 1em 0 0;
	border: solid 3px #000;
}
.box01 p {
	margin: 0;
	padding: 0 1em 1em;
	font-weight: bold;
}

/* アプリの紹介（Appreach の HTML。旧テーマの追加 CSS） */
.appreach {
	overflow: hidden;
	padding: 10px;
	border: 1px solid #7c7c7c;
	text-align: left;
}
.appreach:after,
.appreach__detail:after {
	content: "";
	display: block;
	clear: both;
}
.appreach p { margin: 0; }
.appreach a:after { display: none; }
.appreach__icon {
	float: left;
	overflow: hidden;
	width: 25% !important;
	max-width: 120px !important;
	height: auto !important;
	margin: 0 3% 0 0 !important;
	border-radius: 10%;
}
.appreach__detail {
	display: inline-block;
	width: 72%;
	max-width: 72%;
	font-size: 20px;
	line-height: 1.5;
}
.appreach__name {
	overflow: hidden;
	max-height: 3em;
	font-size: 16px;
	line-height: 1.5em !important;
}
.appreach__info { font-size: 12px !important; }
.appreach__developper,
.appreach__price { margin-right: .5em; }
.appreach__posted a { margin-left: .5em; }
.appreach__links {
	float: left;
	height: 40px;
	margin-top: 8px;
	white-space: nowrap;
}
.appreach__aslink img {
	width: 135px;
	height: 40px;
	margin-right: 10px;
}
.appreach__gplink img {
	width: 134.5px;
	height: 40px;
}
.appreach__star {
	position: relative;
	width: 5em;
	height: 1.5em;
	font-size: 14px !important;
}
.appreach__star__base {
	position: absolute;
	color: #737373;
}
.appreach__star__evaluate {
	position: absolute;
	overflow: hidden;
	color: #ffc107;
	white-space: nowrap;
}

/* ==========================================================================
   ボタン（2026-10-27 小川決定）。サイトの中（e☆イヤホンの EC・買取・ブログ）は is-style-ee-btn（角丸・塗り・＞）、
   外のサイトは is-style-ee-btn-ext（白抜き・↗）。旧 Shortcodes Ultimate の [su_button] は本文をこの形に書き換えた
   （migration/php/replace_su.php）。ブロックエディタのボタン（core/button）にも同じ名前のスタイルを付けている（functions.php）
   ========================================================================== */
:is(.swell-block-button, .wp-block-button):is(.is-style-ee-btn, .is-style-ee-btn-ext) {
	margin: 1.5em 0;
	text-align: center;
}
:is(.swell-block-button, .wp-block-button):is(.is-style-ee-btn, .is-style-ee-btn-ext) :is(.swell-block-button__link, .wp-block-button__link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .9em;
	box-sizing: border-box;
	width: min(100%, 420px);
	padding: 1em 2em;
	border: 2px solid #ff8c00;
	border-radius: 8px;
	background: #ff8c00;
	box-shadow: none;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .06em;
	text-decoration: none;
	transition: opacity .2s, background-color .2s;
}
/* 右端の「＞」 */
:is(.swell-block-button, .wp-block-button).is-style-ee-btn :is(.swell-block-button__link, .wp-block-button__link)::after {
	content: "";
	flex: none;
	width: .45em;
	height: .45em;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}
:is(.swell-block-button, .wp-block-button).is-style-ee-btn-ext :is(.swell-block-button__link, .wp-block-button__link) {
	border-radius: 999px;
	background: #fff;
	color: #ff7a00;
}
:is(.swell-block-button, .wp-block-button).is-style-ee-btn-ext :is(.swell-block-button__link, .wp-block-button__link)::after {
	content: "↗";
	flex: none;
}
:is(.swell-block-button, .wp-block-button):is(.is-style-ee-btn, .is-style-ee-btn-ext) :is(.swell-block-button__link, .wp-block-button__link):hover {
	opacity: .8;
}

/* ==========================================================================
   商品カード（[jancode]・inc/product-card.php）。ポチップ風（D7）: 画像は左、右にブランド・名前・価格、その下にボタンを横に並べる
   ========================================================================== */
.ee-card {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 16px;
	align-items: center;
	margin: 0 0 1em;
	padding: 16px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
	font-size: 15px;
	line-height: 1.5;
}
.ee-card + :not(.ee-card) {
	margin-top: 2em;
}
/* 旧エディターの記事は段落の下の余白が 0（上の .ee-classic p）なので、前の段落・画像にカードが貼り付く（2026-10-28 小川さん「上部のマージンがなさすぎ」）。
   上だけ足す。カードが続くときは上下の余白が重なるので、カードどうしの間は 1em のまま */
.ee-classic .post_content .ee-card {
	margin-top: 1.5em;
}
.ee-card__img {
	display: block;
	height: 120px;
}
.ee-card__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #fff;
}
.ee-card__body {
	min-width: 0;
}
.ee-card__brand {
	display: block;
	color: #888;
	font-size: .8em;
	letter-spacing: .03em;
}
.ee-card__title {
	display: block;
	margin: 2px 0 4px;
	color: #222;
	font-weight: 700;
	text-decoration: none;
}
.ee-card__title:hover {
	text-decoration: underline;
}
.ee-card__price {
	display: block;
	color: #b91909;
	font-size: 1.15em;
	font-weight: 700;
}
.ee-card__price.-wait {
	min-height: 1.725em; /* 価格が入るまで高さを取っておく（入ったときに下がずれない） */
}
.ee-card__price small {
	margin-left: 2px;
	color: #666;
	font-size: .7em;
	font-weight: 400;
}
.ee-card__price.-none {
	color: #666;
	font-size: .9em;
	font-weight: 400;
}
.ee-card__btns {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}
.ee-card__btn {
	display: inline-block;
	min-width: 180px;
	padding: 9px 20px;
	border-radius: 999px;
	background: #222;
	color: #fff;
	font-size: .9em;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.ee-card__btn.-used {
	background: #3d6268;
}
.ee-card__btn[hidden] {
	display: none;
}
.ee-card__btn:hover {
	opacity: .85;
	color: #fff;
}
.ee-card.-ended .ee-card__img img {
	opacity: .6;
}
@media (max-width: 599px) {
	.ee-card {
		grid-template-columns: 96px 1fr;
		gap: 8px 12px;
	}
	.ee-card__img {
		grid-row: span 3;
		height: 96px;
	}
	.ee-card__btns {
		grid-column: 1 / -1;
		flex-direction: column; /* スマホではボタンを縦に並べる（PC は横） */
	}
	.ee-card__body {
		display: contents; /* スマホではボタンの段をカードの全幅に出す */
	}
	.ee-card__body > :not(.ee-card__btns) {
		grid-column: 2;
	}
	.ee-card__btn {
		min-width: 0;
		padding: 10px 8px;
	}
}

/* ==========================================================================
   サイドバーの自社バナー（AdRotate のグループ「サイドバーのバナー」・inc/ads.php）。前の画像の部品 4 つと同じ見た目にする:
   1 枚ずつ縦に並べ、幅いっぱい（小さい画像は中央）、間は部品どうしの間（35px）と同じ
   ========================================================================== */
.ee-side-ads .g { overflow: visible; line-height: inherit; }
.ee-side-ads .g-col { float: none; margin: 0; }
.ee-side-ads .g + .g { margin-top: 35px; }
.ee-side-ads img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

/* 記事の下の CTA（AdRotate のグループ「記事下」・SWELL の CTA ウィジェット）。画像は記事の幅いっぱい（PC は横長、スマホは正方形を <picture> で） */
.ee-article-cta .g { overflow: visible; line-height: inherit; }
.ee-article-cta img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ee-article-cta a:hover img { opacity: .92; }

/* 箇条書きの行の高さ（SWELL の既定 1.5 は段落より詰まって読みにくい・2026-10-28 小川「ラインハイト狭いかな」） */
.post_content li { line-height: 1.8; }
.post_content li + li { margin-top: .5em; }

/* 前の記事の手作りのふきだし（class="talk" > .balloon5 > figure.talk-Limg ＋ .talk-Ltxt。前のテーマの CSS に頼っていた・3 本）。アイコンを丸く小さく、せりふを吹き出しに（2026-10-28） */
.post_content .balloon5:has(> .talk-Limg),
.post_content .balloon5 > div:has(> .talk-Limg) { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 16px; margin: 1.5em 0; }
.post_content .balloon5:has(> .talk-Limg) > :not(.talk-Limg):not(.talk-Ltxt),
.post_content .balloon5 > div:has(> .talk-Limg) > :not(.talk-Limg):not(.talk-Ltxt) { flex-basis: 100%; }
.post_content .talk-Limg { flex: 0 0 80px; margin: 0; text-align: center; }
.post_content .talk-Limg img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 1px solid #ddd; }
.post_content .talk-imgname { margin-top: 4px; font-size: 12px; line-height: 1.4; }
.post_content .talk-imgname br { display: none; }
.post_content .talk-Ltxt { position: relative; flex: 1; min-width: 0; padding: 12px 16px; border-radius: 8px; background: #f7f7f7; }
.post_content .talk-Ltxt::before { content: ""; position: absolute; top: 28px; left: -8px; border: 8px solid transparent; border-left: 0; border-right-color: #f7f7f7; }
.post_content .talk-Ltxt p { margin: 0; }

/* スマホの開閉メニュー（scripts/php/child_theme.php・2026-10-28）: 検索（見出し MENU）は「スマホ開閉メニュー下」の欄に入れてあるので、欄の箱を外して一番上（CATEGORY の見出しの上）に出す */
.p-spMenu__body { display: flex; flex-direction: column; }
.p-spMenu__body > *, .p-spMenu__bottom > * { flex-shrink: 0; } /* 縦に並べると高さが縮んで MENU の見出しが切れる */
.p-spMenu__bottom { display: contents; }
.p-spMenu__bottom > .widget_search { order: -1; margin: 0 0 2em; }
.p-spMenu__bottom > .c-widget { margin-top: 2em; }
/* スマホの開閉メニューの見出し（2026-10-28 小川「無機質。見出しに装飾があるといい」→ C）: 英語を大きく、日本語を小さく添え、ロゴのオレンジ（#ff8a00）の短い下線。
   SWELL の「塗り」（濃い緑の帯）を打ち消す。日本語は CSS で足す（MENU＝メニュー、CATEGORY＝カテゴリー、FOLLOW ME＝公式SNS、LINKS＝リンク）。見出しの英語は SWELL の設定とウィジェットのタイトル */
#sp_menu .c-widget__title.-spmenu {
	background: linear-gradient(#ff8a00, #ff8a00) left bottom / 2.5em 3px no-repeat;
	color: var(--color_text);
	padding: 0 0 .6em;
	margin-bottom: 1em;
	border-radius: 0;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.3;
}
#sp_menu .c-widget__title.-spmenu::before { content: none; }
#sp_menu .c-widget__title.-spmenu::after {
	display: block;
	position: static;
	width: auto;
	height: auto;
	background: none;
	border: 0;
	margin-top: .2em;
	font-size: .55em;
	font-weight: 400;
	letter-spacing: .1em;
	color: var(--color_text);
	opacity: .7;
}
#sp_menu .p-spMenu__body > .c-widget__title.-spmenu::after { content: "カテゴリー"; }
#sp_menu .widget_search .c-widget__title.-spmenu { display: block; } /* SWELL は検索の部品の見出しを隠している */
#sp_menu .widget_search .c-widget__title.-spmenu::after { content: "メニュー"; }
#sp_menu .widget_swell_sns_links .c-widget__title.-spmenu::after { content: "公式SNS"; }
#sp_menu .widget_nav_menu .c-widget__title.-spmenu::after { content: "リンク"; }

/* トップの全幅の見出し（新製品・セール・イベント）。サイドバーより上に、PC は 4 つ、スマホは 2 つずつ並べる（inc/top.php）。
   SWELL の投稿リストは 3 列までなので、4 列はここで作る（SWELL の 3 列の指定に勝つよう、.p-postList まで書く） */
.ee-topFull {
	padding-top: 2em;
}
@media (min-width: 960px) {
	.ee-topFull .p-postList.-type-card .p-postList__item {
		width: 25%;
		padding: 0 .75em;
	}
}
@media (max-width: 959px) {
	.ee-topFull .p-postList.-type-card .p-postList__item {
		width: 50%;
		padding: 0 .5em;
	}
	.ee-topFull .p-postList__title {
		font-size: 13px;
	}
}

/* トップの検索の帯（inc/top.php の [ee_search_band]）。画面の端から端まで、写真にメインカラーを重ねる */
.ee-searchBand {
	position: relative;
	width: 100vw;
	margin: 3em calc(50% - 50vw) 1em;
	padding: 3.5em 1em;
	text-align: center;
	background: var(--ee-search-bg, none) center / cover no-repeat, #3d6268;
	isolation: isolate;
}
.ee-searchBand::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(61, 98, 104, .82);
}
.post_content .ee-searchBand__lead {
	margin: 0 0 1.2em;
	color: #fff;
	font-size: 1.15em;
	letter-spacing: .12em;
}
.ee-searchBand__form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	max-width: 560px;
	margin: 0 auto;
}
.ee-searchBand__input {
	width: 100%;
	padding: .9em 1.2em;
	border: 0;
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
}
/* ボタンは決めた形（「ボタン」の is-style-ee-btn・角丸・塗り・＞）と同じにする */
.ee-searchBand__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .9em;
	width: min(100%, 420px);
	padding: 1em 2em;
	border: 2px solid #ff8c00;
	border-radius: 8px;
	background: #ff8c00;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .06em;
	cursor: pointer;
	transition: opacity .2s;
}
.ee-searchBand__btn::after {
	content: "";
	flex: none;
	width: .45em;
	height: .45em;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}
.ee-searchBand__btn:hover {
	opacity: .8;
}

/* トップの見出し（2026-10-29 小川「スマホの開閉メニューの中と同じテイスト」→「日本語と英語を逆に」→ 横に並べる）: 日本語を大きく、横に英語を小さく添え、ロゴのオレンジの短い下線。
   SWELL の見出しの飾りは使わない（.ee-topHead は h2 の追加 CSS クラス。中の span は inc/top.php の作り方どおり） */
.post_content h2.ee-topHead {
	margin: 2.5em 0 1.2em;
	padding: 0 0 .5em;
	border: 0;
	background: linear-gradient(#ff8a00, #ff8a00) left bottom / 2.5em 3px no-repeat;
	color: var(--color_text);
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.3;
	text-align: left;
}
.post_content h2.ee-topHead::before,
.post_content h2.ee-topHead::after {
	content: none;
}
/* 日本語と英語は横に並べる（2026-10-29 小川「高さがでるんで 新製品 / NEW みたいな横に」） */
.post_content h2.ee-topHead {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 .6em;
}
.ee-topHead__en {
	font-size: .5em;
	font-weight: 400;
	letter-spacing: .1em;
	opacity: .7;
}
.ee-topHead__en::before {
	content: "/";
	margin-right: .6em;
}
.ee-topFull .post_content > .ee-top-full > h2.ee-topHead:first-child {
	margin-top: 0;
}

/* トップの「もっと見る」（ボタンのブロックの is-style-ee-btn）。横並びの箱の中だとボタンが文字の幅まで縮むので、決めた幅にする */
.home .wp-block-buttons > .wp-block-button.is-style-ee-btn {
	width: min(100%, 420px);
	margin: 1.5em auto 0;
}
.home .wp-block-buttons > .wp-block-button.is-style-ee-btn .wp-block-button__link {
	width: 100%;
}

/* ==========================================================================
   トップのテイスト（2026-10-29 小川「目指すテイスト」＝会社の採用サイト tm-g.jp/recruit）。トップ（.home）だけ。
   白い地・薄い黄色の帯（セール・イベント）・影のない平らな白いカード・オレンジの見出しの英語（Nunito）・オレンジの斜めストライプの検索の帯
   ========================================================================== */
.home {
	--ee-yellow: #fff0cc;
	--ee-orange: #ff8a00;
	background: #fff; /* 地は白（2026-10-29 小川「クリームは取って白に」）。セール・イベントの薄い黄色の帯だけ色を付ける */
}
.home #content,
.home .l-mainContent {
	background: transparent;
}
/* 薄い黄色の帯（全幅の見出しの中の .ee-band のグループ） */
.home .ee-band {
	width: 100vw;
	margin: 2.5em calc(50% - 50vw) 0;
	padding: 3em calc(50vw - 50%) 3.5em;
	background: var(--ee-yellow);
}
.home .ee-band > h2.ee-topHead:first-child {
	margin-top: 0;
}
/* カード: 影を消し、平らな白い箱にする */
.home .p-postList.-type-card .p-postList__thumb {
	box-shadow: none;
}
.home .p-postList.-type-card .p-postList__link {
	height: 100%;
	background: #fff;
}
.home .p-postList.-type-card .p-postList__body {
	padding: .9em 1em 1.1em;
}
.home .p-postList.-type-card .p-postList__item {
	margin-bottom: 1.5em;
}
/* 見出しの英語: オレンジの丸い欧文 */
.home .ee-topHead__en {
	color: var(--ee-orange);
	font-family: "Nunito", sans-serif;
	font-weight: 800;
	font-size: .55em;
	letter-spacing: .08em;
	opacity: 1;
}
.home .ee-topHead__en::before {
	color: var(--color_text);
	opacity: .35;
}
/* 見出し（中央の形）: 上にオレンジの短い線、日本語を中央に、英語はその上に小さく */
.post_content h2.ee-topHead.-center {
	flex-direction: column-reverse;
	align-items: center;
	padding: 1em 0 0;
	background-position: center top;
	text-align: center;
}
.post_content h2.ee-topHead.-center .ee-topHead__en {
	margin-bottom: .2em;
}
.post_content h2.ee-topHead.-center .ee-topHead__en::before {
	content: none;
}
/* 検索の帯: オレンジの斜めストライプ（採用サイトの ENTRY の帯）。写真は使わない */
.home .ee-searchBand {
	background: repeating-linear-gradient(-45deg, #ffae1f 0 16px, #ffb733 16px 32px);
}
.home .ee-searchBand::before {
	content: none;
}
.home .ee-searchBand__lead {
	font-weight: 700;
}
.home .ee-searchBand__btn {
	justify-content: space-between;
	border-color: #fff;
	border-radius: 0;
	background: #fff;
	color: var(--color_text);
}
.home .ee-searchBand__btn::after {
	width: 1.5em;
	height: 1.5em;
	border: 0;
	border-radius: 50%;
	background: var(--ee-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 60% no-repeat;
	transform: none;
}
.home .ee-searchBand__input {
	border-radius: 0;
}
/* 薄い黄色の帯と検索の帯をくっつける（間にクリーム色の隙間を作らない）。検索の帯はトップでは「カスタム HTML」のブロックに置く
   （「ショートコード」のブロックだと WordPress が <p> で包み、空の段落の分だけ隙間ができる） */
.home .ee-band + .ee-searchBand {
	margin-top: 0;
}