@charset "utf-8";

/* =========================================================
   来場案内（/visit/）ページ個別CSS
   ---------------------------------------------------------
   header.php の ej_page_style_slug() が、固定ページのスラッグと同名の
   css/<スラッグ>.css を自動で読む。このページのスラッグは "visit" なので、
   このファイルは来場案内だけに適用される。
   読み込み順は tokens → common → components → front-page → visit。
   いちばん最後に読まれるので、ここに書いた指定が最終的に効く。

   ※ 追記は必ずこのファイルの「末尾」に足すこと。
     途中に挿すと、下にあるメディアクエリに負けて効かなくなる。

   2026-08-24 クライアント検収シートの回答で、下記は共通側（components.css）の
   指定だけで解決していることを 1440px / 390px の実表示で確認済み。
   同じ指定をこのファイルに重ねて書かない（二重管理になるため）。
     ・VISI-02 開催概要の表（.outline-list）の中央寄せ
     ・VISI-03 来場するメリットの箇条書き（.benefit-points）、
               2026年来場企業の一覧（.visitor-companies__list）、
               注記（.list-note）の中央寄せ
     ・VISI-05 リード文（.title_txt）の中央寄せ／ボタン（.btn）の文字はみ出し
   ========================================================= */


/* ---------------------------------------------------------
   2026-08-24 クライアント指示（検収シート VISI-03）
   「テキストは左寄せのまま、いい感じに表示自体を中央に寄せて、
     これは他の表でも同じようなものは全てに対してこの処理を適応してください。」

   共通側で中央寄せ済みのブロック以外に、このページには
   「海外来場企業・団体（一部）」の下に出る一文
   （.visitor-companies__pending ＝「現在準備中です。」）があり、
   見出しは中央なのに本文だけ画面左端に貼り付いて浮いて見えていた。
   共通側と同じ考え方（かたまりごと中央へ／中の文字は左のまま）で揃える。
   --------------------------------------------------------- */

html body .main_contents .visitor-companies__pending {
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


/* =========================================================
   来場企業の一言を、原稿どおりの改行で見せる（2026-08-28 追記）

   クライアント指示「段落を下記テキストを参考にして処理して」。
   いただいた原稿は 2段落・各2行。1行を <span class="ej-line"> で包んであるので、
   ここで block にすると「1かたまり＝1行」になり、原稿どおりの位置で改行する。
   .title_txt は中央寄せなので、各行はそのまま中央に並ぶ。

   狭い画面では原稿の1行が収まらないため inline に戻して素直に流す。
   そのときも中の .ej-phrase（文節）の境目でしか折り返さない。
   ※ このファイルは末尾に追記する決まり。
   ========================================================= */

html body .main_contents .visitor-companies__lead .ej-line {
	display: block;
}

html body .main_contents .visitor-companies__lead p {
	margin: 0;
}

/* 段落と段落のあいだを1行ぶん空ける */
html body .main_contents .visitor-companies__lead p + p {
	margin-top: 1.6em;
}

@media screen and (max-width: 600px) {

	html body .main_contents .visitor-companies__lead .ej-line {
		display: inline;
	}
}