@charset "UTF-8";
/*
Theme Name:   PA会 名簿 Simple Sidebar Custom
Theme URI:    https://startbootstrap.com
Description:  Start BootstrapのSimple Sidebarをベースに、アコーディオン式サイドバーメニューを実装したカスタムテーマです。
Version:      1.0.0
Author:       Your Name
Author URI:   https://example.com
License:      GNU General Public License v2 or later
License URI:  http://gnu.org
Text Domain:  simple-sidebar-custom
*/

/* ==========================================================================
   WordPress用初期化・調整スタイル
   ========================================================================== */
body {
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   サイドバー・アコーディオン（折りたたみ）用の必須スタイル
   ========================================================================== */
/* メニュー非表示時の制御 */
.collapse:not(.show) { 
    display: none !important; 
}

/* アニメーション中の制御 */
.collapsing { 
    height: 0; 
    overflow: hidden; 
    transition: height 0.35s ease; 
}

/* アコーディオン内のボタンの基本スタイル調整 */
#sidebarAccordion button.list-group-item { 
    text-align: left; 
    width: 100%; 
    background: none; 
    border: none;
    cursor: pointer;
}

/* 子メニュー（リンク）のホバー時などの微調整 */
#sidebarAccordion .collapse .list-group-item {
    transition: background-color 0.2s ease, color 0.2s ease;
}

.pakai-bg-container {
	/* WordPressのテーマ内imgフォルダから画像を動的に読み込み */
	background-image: url('img/pakai-background.jpg');
	background-size: contain;

	background-position: center;   /* 画像の中心を基準に配置 */
	background-repeat:repeat; /* no-repeat 画像を繰り返さない */
	position: relative;
	background-color: #E6EEF8;
}

/* 背景画像の上に薄い半透明の白いモヤをかけ、入力フォームの文字を読みやすくする */
.pakai-bg-overlay {
	position: absolute;
	
	/* 【修正】モヤ（白色）が画像の外側の余白にはみ出さないよう、画像と同じサイズにする */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	
	/* 白いモヤの薄さ（不透明度）を調整（例: 0.3 = 30%の白モヤ） */
	background-color: rgba(255, 255, 255, 0.3); 
	
	z-index: 1;
}

/* ログインカードが背景やモヤの下に隠れないように前面に出す */
.pakai-content-card {
	position: relative;
	z-index: 2;
	width: 100%;
}