@charset "utf-8";
/**
 * ============================================================================
 * com-sections-event-special.css
 * ============================================================================
 * 
 * 【目的】
 * 特定の年間祭事ページ（八坂祭、泣き相撲）の専用スタイルを提供。
 * 
 * 【使用ページ】
 * - /event/yasaka.php (body_class: nenkan) - 八坂祭
 * - /event/nakisumo.php (body_class: nakisumo) - 泣き相撲
 * 
 * 【依存関係】
 * - 必須: com-core-reset.css, com-core-base.css, com-core-layout.css
 * - 必須: com-pages-nottop.css
 * - 推奨: com-sections-event-list.css, com-sections-event-detail.css
 * 
 * 【読み込み順序】
 * 8番目以降（com-sections-event-detail.css の後）
 * 
 * 【主要な機能】
 * 1. 八坂祭 (#column1, #column2)
 *    - 2カラムレイアウト
 *    - 背景画像付き
 * 
 * 2. 泣き相撲 (#nakisumopage)
 *    - 特殊なリストスタイル（A, B, C...）
 *    - 点線ボックス (.dotp)
 * 
 * 【注意事項】
 * - ミニファイ後は sections-event-special.css にリネームされます
 * 
 * 【変更履歴】
 * 2025-10-20: kobetu.css から分割作成
 * 
 * ============================================================================
 */


/* ============================================================================
   八坂祭 - 2カラムレイアウト
   ----------------------------------------------------------------------------
   【構造】
   #column1（左カラム、282px）
   #column2（右カラム、282px）
   
   【デザイン】
   - 背景画像:
     - #column1: /i/maturi/yasaka/c1back.jpg
     - #column2: /i/maturi/yasaka/c2back.jpg
   - 最小高さ: 300px
   - float: left / right
   ============================================================================ */

#column1{
 width:282px;
 margin:2px;
 float:left;
 background-image:url('/i/maturi/yasaka/c1back.jpg');
}
#column2{
 width:282px;
 margin:2px;
 float:right;
 background-image:url('/i/maturi/yasaka/c2back.jpg');
}
#column1,#column2{
 background-repeat:no-repeat;
 background-position:bottom;
 min-height:300px;
}


/* ============================================================================
   泣き相撲ページ - リストスタイル
   ----------------------------------------------------------------------------
   【用途】
   泣き相撲の参加クラスリスト（A, B, C...）。
   
   【デザイン】
   - リストタイプ: upper-alpha（A, B, C...）
   - 背景色: #ffc（淡い黄色）
   - 枠線: #fdd 1px solid
   - フォント: MS ゴシック（monospace）
   ============================================================================ */

#nakisumopage ol{
 list-style-type:upper-alpha;
 margin:0.5em 0 0.5em 14em;
 padding:0.3em 0.3em 0.3em 3em;
 border:solid 1px #fdd;
 width:8em;
 display:block;
 background-color:#ffc;
}
#nakisumopage ol li{
 font-family:"ＭＳ ゴシック",monospace;
}


/* ============================================================================
   泣き相撲ページ - 点線ボックス (.dotp)
   ----------------------------------------------------------------------------
   【用途】
   注意事項や補足情報を表示するボックス。
   
   【デザイン】
   - 背景色: #fff4e2（淡いクリーム色）
   - 枠線: pink 1px dotted
   ============================================================================ */

#nakisumopage .dotp{
 margin:0.5em 1em;
 padding:0.2em;
 border:pink 1px dotted;
 background-color:#fff4e2;
}
#nakisumopage del{
 text-align:left;

}