/*
Theme Name: ONORE
Theme URI: https://yuukishimozima.com/
Author: Liquidwire inc.
Author URI: https://www.liquidwire.co.jp/
Description: シモジマユウキ(下島右己) オフィシャルサイトのトップページ用テーマ。バナー・ライブスケジュール・フライヤー・お知らせを管理画面から登録できる。見た目は従来の素PHP版(index.php)と同じ。
Version: 1.1.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: onore
*/

/*
 * 見た目の本体は src/css/base.css（旧 /home/src/base.css をそのまま持ち込んだもの）。
 * このファイルには WordPress 化で必要になった追記だけを書く。
 */

/* 管理バーが出ているときに固定ヘッダーが隠れないようにする */
body.admin-bar #pcWideHeader { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .shopTopLogo { margin-top: 49px; }
}

/* モバイルのトップにはメニューのバーを出さない（ロゴは残す）。他のページでは残す */
@media screen and (max-width: 768px) {
	body.home .mean-bar {
		display: none;
	}
}

/* ライブ一覧：年の見出し（旧 index.php の <div align="center"><h2>2026年</h2></div> 相当） */
.liveYear {
	max-width: 960px;
	margin: 18px auto 6px;
	text-align: center;
	color: #fff;
	font-size: 130%;
}

/* ライブ1件をリンクにしたとき、文字色を箱の中と揃える */
a.liveBox,
a.liveBox:hover { color: #fff; }

/* 予定が1件も無いときの but 文（管理画面で未登録のとき用） */
.emptyNote {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px;
	color: #666;
	text-align: center;
}

/* お知らせの日付バッジの幅を揃える（旧ソースの手書きと同じ見え方にする） */
ul.infoList li .info-live { white-space: nowrap; }

/* 上部バナーの間隔（旧ソースは <br/><br/> で空けていた） */
.sp_banner_block .topbanner__sp { margin-bottom: 18px; }

/*
 * バナー・フライヤーの画像は幅だけをCSSで決めているので、高さは必ず自動にする。
 * WordPress は img に width / height 属性を付けるため、これが無いと
 * 画像の情報が取れなかったとき（移行直後など）に1px高で表示されてしまう。
 */
.topbanner__sp,
.bn-06,
.bn-01,
.liveImg {
	height: auto;
}

/*
 * スマホのフライヤーは縦に積まず、フリックで横に送る。
 * 左右に余白を取って中央で止め、次の1枚の端を見せて横に続くことを示す。
 */
@media (max-width: 767px) {
	.divmaxwidth.flyerScroll {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 8px 14%;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 14%;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		box-sizing: border-box;
	}
	.divmaxwidth.flyerScroll::-webkit-scrollbar {
		display: none;
	}
	.flyerScroll a {
		flex: 0 0 100%;
		scroll-snap-align: center;
	}
	.flyerScroll .bn-01 {
		display: block;
		width: 100%;
		max-width: none;
		margin: 0;
	}
}

/*
 * 終わったライブ（当日より前）。すぐに消さずしばらく残すので、
 * これからのライブと見分けがつくように灰色にする。
 */
.liveBoxPast {
	background-color: #1a1a1a;
	color: #777;
}
.liveBoxPast .info-liveBx {
	background: #111;
	color: #888;
}
.liveBoxPast .liveImg {
	opacity: .35;
	filter: grayscale(100%);
}
.liveEnd {
	margin-left: 8px;
	padding: 1px 6px;
	border: 1px solid #555;
	border-radius: 3px;
	font-size: 72%;
	color: #888;
	white-space: nowrap;
}