@charset "utf-8";
/**
* ============================================================================
* com-sections-event-detail.css
* ============================================================================
*
* 【目的】
* 個別年間祭事ページの固有スタイルを提供。
* 御神輿、例祭、夏越祭、節分祭などの特殊なレイアウトとデザイン。
*
* 【使用ページ】
* - /event/reisai.php (body_class: nenkan) - 例大祭
* - /event/nakisumo.php (body_class: nakisumo) - 泣き相撲
* - /event/nagosi.php (body_class: nenkan) - 夏越祭
* - /event/setubun.php (body_class: nenkan) - 節分祭
* - /event/yasaka.php (body_class: nenkan) - 八坂祭
* - /event/sinnen.php (body_class: nenkan) - 新年祭
*
* 【依存関係】
* - 必須: com-core-reset.css, com-core-base.css, com-core-layout.css
* - 必須: com-pages-nottop.css
* - 推奨: com-sections-event-list.css
*
* 【読み込み順序】
* 7番目以降（com-sections-event-list.css の後）
*
* 【主要な機能】
* 1. 画像調整 (#nenkan #bodymain img)
* - マージン調整
*
* 2. 御神輿セクション (.mikosi)
* - 半透明赤背景
* - h4 特殊スタイル
*
* 3. 例祭専用 (.sinsin, .boxgray)
* - 黄色背景ブロック
* - グレー背景ボックス
*
* 4. 夏越祭専用 (div#nagosi)
* - 背景画像
* - h5.minaduki 特殊スタイル
*
* 5. 節分祭専用 (div#toujitu)
* - 当日の流れ表示
*
* 【レスポンシブブレークポイント】
* - 1062px以下: 画像マージン auto
*
* 【注意事項】
* - com-sections-event-special.css（八坂祭、泣き相撲）とは別ファイル
* - div#nagosi は夏越祭専用の背景画像を使用
* - ミニファイ後は sections-event-detail.css にリネームされます
*
* 【変更履歴】
* 2025-10-20: perso.css セクション3から分割作成
*
* ============================================================================
*/
/* ============================================================================
#nenkan 画像調整
----------------------------------------------------------------------------
年間祭事ページの画像マージンを調整。
【レスポンシブ】
1062px以下: margin auto（中央寄せ）
============================================================================ */
#nenkan #bodymain img{
margin-right:1em;
margin-left:1em;
}/* */
@media only screen and (max-width: 1062px) {
#nenkan #bodymain img{margin: auto;}}
/* ============================================================================
.mikosi - 御神輿セクション
----------------------------------------------------------------------------
【用途】
例大祭などで御神輿（おみこし）の紹介セクション。
【デザイン】
- 背景色: rgba(110, 0, 10, 0.1)（半透明赤）
- 中央寄せ
【h4 スタイル】
- 背景透明
- 枠線なし
- テキストシャドウ: 濃い青と淡い青の二重影（立体感）
- 下線: #3cf（水色）
【使用例】
宮神輿
町神輿
============================================================================ */
.mikosi{
text-align:center;
background-color:rgba(110,0 ,10 ,0.1);
}
#nenkan #bodymain .mikosi img{margin-top:5px;}
#nenkan #bodymain .mikosi h4{
clear:both;
display:block;
background-color:transparent;
border:none;
color:#000;
text-shadow: -1px -1px 1px rgba(0, 0, 60, 0.8),1px 1px 1px rgba(211, 211, 255, 0.5);
margin-bottom:3px;
border-bottom:#3cf solid 1px;
padding:0;
line-height:1.1;
font-weight:normal;
}
/* ============================================================================
.sinsin - 神饌セクション
----------------------------------------------------------------------------
【用途】
例大祭の神饌（しんせん：神様へのお供え物）の説明。
【デザイン】
- 背景色: rgba(255, 255, 130, 0.7)（半透明黄色）
- 角丸: 1em
- マージン: 1em
- パディング: 0.5em
【使用例】
============================================================================ */
#bodymain .sinsin{
color:#000;
background-color: rgba(255, 255, 130, 0.7);
border-radius:1em;
margin:1em;
padding:0.5em;
}
/* ============================================================================
.boxgray - グレーボックス
----------------------------------------------------------------------------
【用途】
例大祭、泣き相撲などで注意事項やリストを表示。
【デザイン】
- 背景色: #eee（グレー）
- 枠線: #c22（赤）1px solid
- テキストシャドウ: 黒の影
【リスト】
ul 内のリストはスタイルなし、フォントサイズ 90%。
【使用例】
============================================================================ */
#bodymain .boxgray{
border:#c22 1px solid;
background-color:#eee;
margin-top:1em;
margin-right:2em;
margin-bottom:1em;
color:#000;
text-shadow:0 0 1px #000;
line-height:1.4;
}
#bodymain .boxgray ul{
list-style:none;
font-size: 90%;
margin:1em 2em;
}
/* ============================================================================
div#nagosi - 夏越祭セクション
----------------------------------------------------------------------------
【用途】
夏越祭（なごしさい）ページ（/event/nagosi.php）専用。
【デザイン】
- 背景画像: /i/maturi/nagosi/sukasi.jpg（夏越祭のイメージ）
- パディング: 1em 0
【h4, h5 スタイル】
- 背景画像なし
- フォント: ボールド
- letter-spacing: 5px（h5のみ）
【使用例】
============================================================================ */
div#nagosi{
background-image:url('/i/maturi/nagosi/sukasi.jpg');
color:#000;
padding:1em 0;
}
/* ============================================================================
h5.minaduki - 水無月見出し
----------------------------------------------------------------------------
【用途】
夏越祭の「水無月の大祓」見出し。
【デザイン】
- フォント: DFパブリW5D（特殊フォント）
- 背景画像: /i/layout/c_head_bg.gif
- line-height: 2.7
- フォントサイズ: large
【使用例】
水無月の大祓
============================================================================ */
h5.minaduki{
font-family:"ＤＦパブリW5D","游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", serif;
font-weight:bold;
color:#000;
background-image:url('/i/layout/c_head_bg.gif');
background-position:center;
line-height:2.7;
color:#111;
font-size:large;
}
div#nagosi h5{
background-image:none;
font-weight:bold;
color:#000;
letter-spacing:5px;
}
div#nagosi h4{text-align:left;
background-image:none;
font-weight:bold;
}
/* ============================================================================
div#toujitu - 当日の流れ
----------------------------------------------------------------------------
【用途】
節分祭などで当日のスケジュールや流れを表示。
【デザイン】
- 中央寄せ
- h5: 下線、文字間隔、ボールド
- .toujituimg: グレー背景、パディング
【使用例】
============================================================================ */
div#toujitu{
text-align:center;
}
div#toujitu p{
margin:0.5em 1em;
}
div#toujitu div{
display:block;
text-align:left;
}
div#toujitu h5{
color:#111;
border-bottom:#ccc solid 1px;
margin-bottom:2px;
letter-spacing:1px;
font-weight:bold;
}
.toujituimg{
background-color:#ccc;
padding:0.5em;
}
