//【使用色】
//▼緑
//・#fcfff5　一番薄い緑色　キャラ欄アイコンメニュー
//・#ebf7d3　薄い緑色　アイコンメニュー背景など
//・#c5e68b　枠線の緑色　アイコンメニュー枠など
//・#67b82e　アイコンの緑色　アイコンメニューアイコン
//・#3e4734　濃い緑色　本文
//▼オレンジ
//・#fff3e0　薄いオレンジ色　編集者募集背景など
//・#FFAB91　枠線のオレンジ色　編集者募集枠など
//・#D84315　見出しのオレンジ色　編集者募集見出し
//・#4d0000　濃い茶色　本文
//▼グレー
//・#444　濃いグレー　本文

//【カード】
//・角丸 20px
//・枠線　3px
//・カード間の上下の余白　12.0px

//【フォントサイズ】
//・22px　大見出し　緑のタイトルバー
//・18px　小見出し　ニュース欄のイベント名、編集者募集見出し、キャラ欄見出し
//・14px　本文
//・13px　デフォルト
//・12px　下限　スケジュール欄、ニュース欄の枠外


// [技術仕様] 全体の幅を1000pxに制限
#cssbox(max-width: 1000px; text-align: left;){{{{{{{{{{{{{{{{
// [技術仕様] ページ全体の文字の色を暗い緑に指定
#color(#3e4734){{{{{{{{{{{{{{{
TITLE:トリッカル・もちもちほっペ大作戦 Wiki

// ▼▼▼ --- 1段目：イントロダクション ここから --- ▼▼▼
// [技術仕様] 12.0pxはカード上下間の余白ピクセル数。一括置換のため「.0」つける
#cssbox(margin: calc(12.0px - 20px) 0 -20px;){{{{{{{{{{{{{{
#responsive_layout_container(S){{{{{{{{{{{{{

// ▼▼▼ --- 1段目左側 ここから --- ▼▼▼
#responsive_layout_item(6){{{{{{{{{{{{

// ▼▼▼ --- メニューボックス ここから --- ▼▼▼
#cssbox(margin-bottom: 12.0px; padding: 2px 8px 13px;border-radius: 20px; border: 3px solid #c5e68b; background: #ebf7d3){{{{{{{{{{{
// ▼▼▼ --- Font Awesomeメニュー ここから --- ▼▼▼
#size(12){{{{{{
#cssbox(padding:0 5px){{{{{
#flex_container(space-around,,nowrap){{{{
#flex_box(60){{{
// [技術仕様] min-heightはレイアウトシフト、ページを開いたときにガクッとなるやつ防止
#cssbox(margin: 0 -10px; padding-top: 3px; min-height: 56px){{
CENTER:[[&size(10){&fa(fas fa-tree fa-fw fa-3x, #67b82e);};&br;&color(#3e4734){''はじめに''};>ようこそ、教主様]]
}}
}}}
#flex_box(60){{{
#cssbox(margin: 0 -10px; padding-top: 3px){{
CENTER:[[&size(10){&fa(fas fa-seedling fa-fw fa-3x, #67b82e);};&br;&color(#3e4734){''FAQ''};>よくある質問]]
}}
}}}
#flex_box(60){{{
#cssbox(margin: 0 -10px; padding-top: 3px;){{
CENTER:[[&size(10){&fa(fas fa-comments fa-fw fa-3x, #00b2e7);};&br;&color(#3e4734){''掲示板''};>#comments]]
}}
}}}
#flex_box(60){{{
#cssbox(margin: 0 -10px; padding-top: 3px;){{
CENTER:[[&size(10){&fa(fas fa-users fa-fw fa-3x, #67b82e);};&br;&color(#3e4734){''使徒一覧''};>使徒一覧]]
}}
}}}
#flex_box(60){{{
#cssbox(margin: 0 -10px; padding-top: 3px;){{
CENTER:[[&size(10){&fa(fas fa-ice-cream fa-fw fa-3x, #67b82e);};&br;&color(#3e4734){''宴会場''};>宴会場#w3ad6ed0]]
}}
}}}
#flex_box(60){{{
#cssbox(margin: 0 -10px; padding-top: 3px){{
CENTER:[[&size(10){&fa(fas fa-border-all fa-fw fa-3x, #67b82e);};&br;&color(#3e4734){''ボード''};>ボード]]
}}
}}}
}}}}
}}}}}
}}}}}}
// ▲▲▲ --- Font Awesomeメニュー ここまで --- ▲▲▲

// ▼▼▼ --- 今日の人気3件 & 新使徒 ここから --- ▼▼▼

//▼▼▼▼▼▼本来の見出しがはみ出て表示が崩れたらここから30行弱丸ごと消す↓【1/2】▼▼▼▼▼▼
// ▼区切り線
#cssbox(width:60%; margin: -5px auto 15px; border-top:2px dashed #67b82e33)

// ▼見出し　

#color(#546144){{{{{{
#cssbox(margin:-18px 0 -26px){{{{{
#flex_container(space-between,,nowrap){{{{
#flex_box(70%){{
&fa(fas fa-star fa-lg,#67b82eaa);''今日の人気3件''
}}
#flex_box(30%){{{
#cssbox(margin: 0 -2px 0 -30px){{
&fa(fas fa-user fa-lg,#67b82eaa);''新使徒''
}}
}}}
}}}}
}}}}}
}}}}}}
// ▲見出し

// [技術仕様] 区切り線とコンテナをくっつける
#flex_container(center){{{{{{{{{{
#flex_box(100%){{{{{{{{{
// [技術仕様] flex_containerから上にはみ出させて、本来の見出しを非表示に。
#cssbox(margin: -45px -7px 0 -5px){{{{{{{{
///▲▲▲▲▲▲↑ここまで消す↑【1/2】▲▲▲▲▲▲

// [技術仕様] min-heightはレイアウトシフト防止
#cssbox(margin: -10px 0 -6px 0; min-height: 108px){{{{{{{
#size(13){{{{{{
#flex_container(space-between,,nowrap){{{{{

// ▼今日の人気3件
#flex_box(70%){{{
#color(#579c27){{
#popular(3,FrontPage|ようこそ、教主様|よくある質問|雑談用掲示板|使徒一覧|宴会場|ボード|ボード（クレヨン）,true)
}}
}}}
// ▲今日の人気3件

// ▼新使徒
#flex_box(30%){{{{
#cssbox(margin: 0 -9px 0 -30px){{{
#shadowheader(3,新使徒)
#cssbox(margin-top: -3px;){{
#includex(MenuBar,section=(filter=使徒),titlestr=off,firsthead=off,filter=New,except=妖精|獣人|エルフ|精霊|幽霊|竜族|魔女|？？？)
}}
}}}
}}}}
// ▲新使徒

}}}}}
}}}}}}
}}}}}}}
//▼▼▼▼▼▼本来の見出しがはみ出て表示が崩れたら丸ごと消す↓ 【2/2】▼▼▼▼▼▼
}}}}}}}}
}}}}}}}}}
}}}}}}}}}}
#cssbox(margin-bottom:-4px)
// ▼区切り線
#cssbox(width:60%; margin: -7px auto 0; border-top:2px dashed #67b82e33)
//▲▲▲▲▲▲↑ここまで消す↑【2/2】▲▲▲▲▲▲


// ▲▲▲ --- 今日の人気3件 & 新使徒 ここまで --- ▲▲▲

// ▼▼▼ --- 性格アイコン ここから --- ▼▼▼
#cssbox(max-height: 40px){{{{
#flex_container(space-around,,nowrap){{{
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/純粋.webp,nolink,40x40,純粋);>#Innocence]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/冷静.webp,nolink,40x40,冷静);>#Composed]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/狂気.webp,nolink,40x40,狂気);>#Madness]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/活発.webp,nolink,40x40,活発);>#Vivacious]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/憂鬱.webp,nolink,40x40,憂鬱);>#Depressed]]")
}}
//#flex_box{{
//#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/共鳴.webp,nolink,40x40,共鳴);>#Resonance]]")
//}}
}}}
}}}}
// ▲▲▲ --- 性格アイコン ここまで --- ▲▲▲

// ▼▼▼ --- ショップ更新リマインダー ここから ---  ▼▼▼
// [技術仕様] 「XX日後は」という表示を小さく見えなく
#size(1){{{
#color(#ebf7d3){{
// ▼毎月1日の2日前からショップ更新お知らせ表示
CENTER:&tomorrow_schedule(period=2, 1){&size(14){&color(Tomato){&fa(fas fa-exclamation-circle);''月末ショップ更新''};&color(#3e4734){があります！};};   &br;&ref(FrontPage/Vivi.webp,nolink,24x24);&ref(画像/特級くれよん.webp,nolink,22x22);&ref(画像/伝説カードパック.webp,nolink,24x24);&ref(画像/農場ニンジン.webp,nolink,22x22);};
}}
}}}
// ▲▲▲ --- ショップ更新リマインダー ここまで ---  ▲▲▲
}}}}}}}}}}}
// ▲▲▲ --- メニューボックス ここまで --- ▲▲▲

// ▼▼▼ --- Wikiからのお知らせ ここから --- ▼▼▼ 普段はコメントアウト。緊急度が高いお知らせを一時的に表示することを想定。作ったけど利用場面は特に思い浮かばない。イベント初日にウサギトークンの購入促すとか？
// #cssbox(margin-bottom: 12.0px; border: 3px solid #67b82e; border-radius: 20px; background: #fcfff5;){{{
// #cssbox(height:17px; margin:-2px 0 2px){{
// ▼A.中央固定文字　AかBどっちかだけ使う。
// #cssbox(text-align: center,"''7/16(木)'' &color(Tomato){''4～11時''};に''ウサギトークン''の販売があります！")
// #cssbox(text-align: center,"6/18～&color(Tomato){''「ｽﾋﾟｷ」''};配布イベント開催中！")
// ▼B.流れる文字　AかBどっちかだけ使う。
//#marquee(ここにコメント,,,,Tomato)
// }}
// }}}
// ▲▲▲ --- Wikiからのお知らせ ここまで --- ▲▲▲

// ▼▼▼ --- 編集者募集 (+一応SEO対策) ここから --- ▼▼▼
#cssbox(margin-bottom: 12.0px; border: 3px solid #FFAB91; border-radius: 20px; background: #FFF3E0;){{{{{{{
#cssbox(margin-top: -15px; padding: 0 9px 0 5px;){{{{{{
#flex_container(flex-start,,nowrap){{{{{
#flex_box{{
#cssbox(margin: 11px -6px -8px 1px;,"[[&ref(画像/スピキ.png,nolink,80x80,>80,ｽﾋﾟｷ);>スピッキー]]")
}}
#flex_box{{{{
// [技術仕様] マイナスマージンを指定し、下部余白を詰める
#cssbox(margin: 0 -10px -15px 0){{{
// [技術仕様] 行間を調整
#size(14){{
&size(18){&color(#D84315){&fa(fa-solid fa-pen-nib fa-bounce);''編集者募集中！''};};
// 文章の書き換えは念のため低頻度で。高頻度でSEO用文章を変えるとGoogleにスパム判定されるリスクが無くはないです。
// 気が向いたとき、「育成」の後ろのワードを別の最新ワードに、月1回未満のペースで変更するといいかも。【最終更新日2026/04/18】
// 「キャラ評価」とかのリンクは一応SEO対策。あると嬉しい。
&color(#4d0000){&size(12){当Wikiでは[[&color(#4d0000){キャラ評価};>使徒一覧]]・[[&color(#4d0000){くれよん};>ボード]]・[[&color(#4d0000){好物};>宴会場]]・[[&color(#4d0000){育成};>キャラクター育成]]・[[&color(#4d0000){アサイド};>キャラクター育成#yearning]]などの攻略情報を掲載！[[''&color(#4d0000){どなたでも編集に参加できます！};''>編集規約]]};};
}}
}}}

}}}}
}}}}}
}}}}}}
}}}}}}}
// ▲▲▲ --- 編集者募集 (+一応SEO対策) ここまで --- ▲▲▲
}}}}}}}}}}}}
// ▲▲▲ --- 1段目左側 ここまで --- ▲▲▲

// ▼▼▼ --- 1段目右側 ここから --- ▼▼▼
#responsive_layout_item(6){{{{{{
#cssbox(margin-bottom: 12.0px; padding: 2px; border: 3px solid #c5e68b; border-radius: 20px; background: #ebf7d3;){{{{{
#cssbox(padding: 6px 6px 3px; border: 1px solid #c5e68b; border-radius: 16px; background: #fff;){{{{
// [技術仕様] padding-topとマイナスマージンでレイアウトシフト防止
#cssbox(padding-top: 56.25%;){{{
#cssbox(margin-top: -56.25%;){{
// ▼リリースPV
#youtube(1v60e26_5P0)
// ▼キャンペーンキービジュアル(公式Xの固定から引用)
// #cssbox(margin: -10px 0 -5px;,"&ref(./コミケ108ブース情報.webp,nolink,コミケ108出展！);")
}}
}}}
// トリッカル紹介文
&size(14){''[[『トリッカル・もちもちほっぺ大作戦』>https://trickcal.biligames.com/jp/]]''はEpid Gamesが開発・Bilibiliが運営する基本プレイ無料のスマホゲームです。};

// 各ストアへのリンクアイコン
CENTER:[[&ref(googlePlay.png,nolink,135x40,Google Play);>https://play.google.com/store/apps/details?id=com.bilibili.trickcal]] [[&ref(appStore.png,nolink,109x40,App Store);>https://apps.apple.com/jp/app/id6479391944]]
}}}}
}}}}}
}}}}}}
// ▲▲▲ --- 1段目右側 ここまで --- ▲▲▲
}}}}}}}}}}}}}
}}}}}}}}}}}}}}
// ▲▲▲ --- 1段目：イントロダクション ここまで --- ▲▲▲


// ▼▼▼ --- 2段目：スケジュール ＆ ニュース ここから --- ▼▼▼
#responsive_layout_container(S){{{{{{{

// ▼▼▼ --- 2段目左側 ここから --- ▼▼▼
#responsive_layout_item(6){{{{{
#cssbox(margin-bottom: 12.0px; border-radius: 30px; background: #c5e68b;){{{{

// ▼スケジュール緑タイトルバー
#cssbox("padding: 8px 15px; border: 3px solid #c5e68b; border-radius: 18px 18px 10px 10px; background-image: linear-gradient(90deg, #20ab36 0%,#67b82d 100%);"){{
LEFT:&size(22){&color(#fff){&fa(fa-solid fa-calendar fa-fw); ''スケジュール''};};
}}
// ▼▼▼ --- スケジュール中身 ここから ---  ▼▼▼
#cssbox(width: fit-content; padding: 0 2px 5px; border: 3px solid #c5e68b; border-top: none; border-radius: 18px; background: #ebf7d3;){{{
// ▼編集ボタン
#cssbox(margin: -0 0 0; text-align: right;,"&size(10){[[&color(gray){&fa(fas fa-pen-to-square fa-fw); 編集 };>https://wikiwiki.jp/thetrickal/::cmd/areaedit?areaedit_no=0&inline_plugin=0&page=FrontPage]]};")
// [技術仕様] スケジュールの文字を濃いグレーに指定。
#color(#444){{
#areaedit(btn:)
// Wiki内の個別ページへのリンクを掲載 (リンク先がなければできてから)

// ■テンプレ (ピックアップが同時に2人以上の場合は幅を取りすぎなければ[[バター]] / [[コミー]]などとしても)
// |&tooltip("&size(11){&color(DarkSlateGray){&fa(fas fa-film);テーマ劇場};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[イベント名]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// |&size(11){&color(Crimson){&fa(fas fa-user-plus);使徒ガチャ};};&br;''[[使徒名]]''|~|
// ▼アイコン共通(新)
// |&size(11){&color(MediumBlue){&fa(fas fa-rectangle-list fa-rotate-by, --fa-rotate-angle: -0.25turn);カードガチャ};};&br;''愛用遺物名''|~|
// |&size(11){&color(MediumBlue){&fa(fas fa-rectangle-list fa-rotate-by, --fa-rotate-angle: -0.25turn);カードガチャ};};&br;''[[愛用遺物名>カード/遺物カード#xxxxx]]''|~|
// |&size(11){&color(MediumBlue){&fa(fas fa-rectangle-list fa-rotate-by, --fa-rotate-angle: -0.25turn);カードガチャ};};&br;''[[愛用スペル名>カード/スペルカード#xxxxx]]''|~|
// ▼アイコン別(旧)
// |&size(11){&color(MediumBlue){&fa(fas fa-wand-sparkles);遺物カードガチャ};};&br;''[[愛用遺物名>カード/遺物カード#xxxxx]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// |&size(11){&color(DeepPink){&fa(fas fa-scroll);スペルカードガチャ};};&br;''[[愛用スペル名>カード/スペルカード#xxxxx]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// ▼ピックアップがメンテ1週間後の場合は04:00開始のはず
// |&size(11){&color(Crimson){&fa(fas fa-user-plus);使徒ガチャ};};&br;''[[使徒名]]''|mm/dd(木) 04:00~&br;mm/dd(木) 10:59|
// |&size(11){&color(Crimson){&fa(fas fa-user-plus);使徒ガチャ};};&br;''[[使徒A]] / [[使徒B]]''|mm/dd(木) 04:00~&br;mm/dd(木) 10:59|
// |&size(11){&color(MediumBlue){&fa(fas fa-rectangle-list fa-rotate-by, --fa-rotate-angle: -0.25turn);カードガチャ};};&br;''カード名''|~|

// ▼PVE(「次元の衝突」や「エーリアスフロンティア」など)
// |&size(11){&color(Teal){&fa(fas fa-dragon);PVE};};&br;''[[次元の衝突]]''|mm/dd(木) 11:00~&br;mm/dd(木) 10:59 &br; 開放まで: &color(Tomato){&countdown(20yy-mm-dd 11:00:00, day){開放済み};};|
// |&size(11){&color(Teal){&fa(fas fa-dragon);PVE};};&br;''[[エーリアスフロンティア]]''|mm/dd(木) 11:00~&br;mm/dd(木) 10:59 &br; 開放まで: &color(Tomato){&countdown(20yy-mm-dd 11:00:00, day){開放済み};};|

// ▼マンスリー
// |&tooltip("&size(11){&color(DodgerBlue){&fa(fas fa-ticket);探検パス};};&size(11){ &fa(fas fa-cart-shopping, DarkOrange);};"){購入は最終日&color(Tomato){01:59};まで};&br;''[[探検パス(M月)>課金#trickcal_pass]]''|mm/01(曜日) 04:00~&br;mm/01(曜日) 03:59|
// ▼マンスリーログインイベントは探検パスと同じ期日のはず
// |&size(11){&color(DarkGoldenrod){&fa(fas fa-calendar-check);ログインイベント};};&br;''[[イベント名>ログインイベント#monthly_20yy_mm]]''|~|

// ▼私服パス（不定期）
// |&tooltip("&size(11){&color(Coral){&fa(fas fa-shirt);私服パス};};&size(11){ &fa(fas fa-cart-shopping, DarkOrange);};"){購入は最終日&color(Tomato){08:59};まで};&br;''[[私服パス(使徒名)>課金#civvies_pass]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// ▼不定期のイベント
// |&size(11){&color(DarkGoldenrod){&fa(fas fa-calendar-check);ログインイベント};};&br;''[[イベント名>ログインイベント]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// |&size(11){&color(DarkOliveGreen){&fa(fas fa-list-check);クエストイベント};};&br;''[[イベント名>クエストイベント]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// |&size(11){&color(DarkGoldenrod){&fa(fas fa-table-cells);ビンゴイベント};};&br;''[[イベント名>ビンゴイベント#event_20yy_mm_dd]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// |&tooltip("&size(11){&color(MediumOrchid){&fa(fas fa-circle-half-stroke fa-rotate-270);カプセルガチャ};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[シュレーディンガーのウサギ>カプセルガチャ]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59|
// ▼ミニイベント(間接的なデイリー要素の紫飴実績が過去ありました。)
// |&size(11){&color(DimGray){&fa(fas fa-film);ミニイベント};};&br;''[[イベント名>ミニイベント#event_20yy_mm_dd]]''|mm/dd(木) メンテ後~&br;mm/dd(木) 10:59 &br; 終了まで: &color(Tomato){&countdown(20yy-mm-dd 10:59:59, day){終了しました};};|
// ▼私服ストーリー
// |&size(11){&color(Chocolate){&fa(fas fa-users-rectangle);私服ストーリー};};&br;''[[イベント名>ミニイベント#event_20yy_mm_dd]]''|~|

// ▼メインストーリー開放 (開放後、翌月曜あたりまで掲載して削除)
// |&size(11){&color(DarkSlateGray){&fa(fas fa-film);メインストーリー};};&br;''[[C章エピソードE～E>メインストーリー]]''|mm/dd(木) 04:00~ &br; 開放まで: &color(Tomato){&countdown(20yy-mm-dd 04:00:00, day){開放済み};};|

// ▼週末イベント(「すくすく！パワータワー」や「WWElias」など)
// |&tooltip("&size(11){&color(SlateBlue){&fa(fas fa-dice);週末イベント};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[すくすく！ パワータワー！]]''|mm/dd(金) 12:00~&br;mm/dd(月) 03:59 &br; 開放まで: &color(Tomato){&countdown(20yy-mm-dd 12:00:00, day){開放済み};};|
// |&tooltip("&size(11){&color(SlateBlue){&fa(fas fa-dice);週末イベント};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[遊び場]]''|mm/dd(金) 12:00~&br;mm/dd(月) 03:59 &br; 開放まで: &color(Tomato){&countdown(20yy-mm-dd 12:00:00, day){開放済み};};|
// ▼WWEliasは日曜昼に投票終了
// |&tooltip("&size(11){&color(SlateBlue){&fa(fas fa-dice);週末イベント};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[WWElias]]''|mm/dd(金) 12:00~&br;mm/dd(日) 15:50 &br; 開放まで: &color(Tomato){&countdown(20yy-mm-dd 12:00:00, day){開放済み};};|
// ▼WWEliasスケジュール付の開催中表記
// |&tooltip("&size(11){&color(SlateBlue){&fa(fas fa-dice);週末イベント};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[WWElias]]''|DAY1(金) ~翌3:50&br;DAY2(土) ~15:50&br;DAY2(土) ~翌3:50&br;DAY3(日) ~15:50|

// ■ツールチップ版デイリー要素のテンプレ
// &tooltip("【ここにイベントカテゴリ書く】&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};
// &tooltip("【ここにイベントカテゴリ書く】&size(11){ &fa(fas fa-circle, Orchid);};"){紫キャンディ実績あり};

// ■カウントダウンテンプレ
// &br; 開放まで: &color(#67b82e){&countdown(20yy-mm-dd 04:00:00, day){開放済み};};
// &br; 開放まで: &color(#67b82e){&countdown(20yy-mm-dd 17:00:00, day){開放済み};};予定
// &br; 開放まで: &color(#67b82e){&countdown(20yy-mm-dd 19:00:00, day){開放済み};};予定
// &br; 終了まで: &color(Tomato){&countdown(20yy-mm-dd hh:mm:ss, day){終了しました};};
// &br; 終了まで: &color(Tomato){&countdown(20yy-mm-dd 10:59:59, day){終了しました};};
// &br; 終了まで: &color(Tomato){&countdown(20yy-mm-dd 03:59:59, day){終了しました};};

// ■これより下は開催中。
|TOP:450|SIZE(12):300|c
// ■これより下は未開催、グレーアウト。
|BGCOLOR(WhiteSmoke):TOP:450|BGCOLOR(WhiteSmoke):SIZE(12):300|c

|TOP:450|SIZE(12):300|c
// ■終了日が早い順。終了日が同日の場合は開始日が早い順。
// ■まだ開始していない項目は「BGCOLOR(WhiteSmoke):」でグレーアウトしています。
//
// ▼▼▼ 08/27 ～ 09/10-----------------------
|TOP:450|SIZE(12):300|c
|&tooltip("&size(11){&color(DarkSlateGray){&fa(fas fa-film);テーマ劇場};};&size(11){ &fa(fas fa-calendar-days, DarkOrange);};"){デイリー要素あり};&br;''[[輝く全てが金ではなくても]]''|08/27(木) メンテ後~&br;09/10(木) 10:59 &br; 終了まで: &color(Tomato){&countdown(2026-09-10 10:59:59, day){終了しました};};|
|&size(11){&color(Crimson){&fa(fas fa-user-plus);使徒ガチャ};};&br;''[[ピラ]]''|~|
|&size(11){&color(MediumBlue){&fa(fas fa-rectangle-list fa-rotate-by, --fa-rotate-angle: -0.25turn);カードガチャ};};&br;''[[ピラの輝く名刺>カード/遺物カード#pira]]''|~|
// ▼▼▼ 09/03 ～ 09/10-----------------------
|TOP:450|SIZE(12):300|c
|&size(11){&color(Crimson){&fa(fas fa-user-plus);使徒ガチャ};};&br;''[[ギデオン]] / [[シルフィール]]''|09/03(木) 04:00~&br;09/10(木) 10:59 &br; 終了まで: &color(Tomato){&countdown(2026-09-10 10:59:59, day){終了しました};};|
|&size(11){&color(MediumBlue){&fa(fas fa-rectangle-list fa-rotate-by, --fa-rotate-angle: -0.25turn);カードガチャ};};&br;''[[ニスリルのパン切り包丁>カード/遺物カード#mithril_knife]]''|~|
|&tooltip("&size(11){&color(Coral){&fa(fas fa-shirt);私服パス};};&size(11){ &fa(fas fa-cart-shopping, DarkOrange);};"){購入は最終日&color(Tomato){08:59};まで};&br;''[[私服パス(ギデオン)>課金#civvies_pass]]''|~|
|TOP:450|SIZE(12):300|c
|&size(11){&color(Teal){&fa(fas fa-dragon);PVE・&fa(fas fa-film);ストーリー};};&br;''[[エーリアスフロンティア]]''&br;''(次元ストーリー4章)''|09/03(木) 11:00~&br;09/10(木) 10:59 &br; 終了まで: &color(Tomato){&countdown(2026-09-10 10:59:59, day){終了しました};};|
// ▼▼▼ 09/01 ～ 10/01-----------------------
|TOP:450|SIZE(12):300|c
|&tooltip("&size(11){&color(DodgerBlue){&fa(fas fa-ticket);探検パス};};&size(11){ &fa(fas fa-cart-shopping, DarkOrange);};"){購入は最終日&color(Tomato){01:59};まで};&br;''[[探検パス(9月)>課金#trickcal_pass]]''|09/01(火) 04:00~&br;10/01(木) 03:59 &br; 終了まで: &color(Tomato){&countdown(2026-10-01 03:59:59, day){終了しました};};|

// #fold(''mm/dd(木) メンテ以降の予定詳細''){{
// }}
#areaedit(end)
}}
RIGHT:&size(12){&fa(fa-solid fa-wrench, #3e4734);メンテナンス終了時刻は17時・19時が多い。&br;月例: [[&color(#3e4734){ログイン};>ログインイベント#current_events]] / 常設・長期間: [[&color(#3e4734){ログイン};>ログインイベント#permanent_events]]・[[&color(#3e4734){クエスト};>クエストイベント#permanent_events]]};
}}}
// ▲▲▲ --- スケジュール中身 ここまで ---  ▲▲▲
}}}}
}}}}}
// ▲▲▲ --- 2段目左側 ここまで --- ▲▲▲

// ▼▼▼ --- 2段目右側 ここから --- ▼▼▼
#responsive_layout_item(6){{{{{{
#cssbox(margin-bottom: 12.0px; border-radius: 30px; background: #c5e68b;){{{{{

// ▼ニュース緑タイトルバー
#cssbox("padding: 8px 15px; border: 3px solid #c5e68b; border-radius: 18px 18px 10px 10px; background-image: linear-gradient(90deg, #20ab36 0%,#67b82d 100%);"){{
LEFT:&size(22){&color(#fff){&fa(fa-solid fa-bullhorn fa-fw); ''ニュース''};};
}}

// ▼▼▼ --- ニュース中身 ここから --- ▼▼▼
#cssbox(width: fit-content; padding: 0 2px 5px; border: 3px solid #c5e68b; border-top: none; border-radius: 16px; background: #ebf7d3;){{{{
// ▼編集ボタン
#cssbox(margin: -0 0 0; text-align: right;,"&size(10){[[&color(gray){&fa(fas fa-pen-to-square fa-fw); 編集 };>https://wikiwiki.jp/thetrickal/::cmd/areaedit?areaedit_no=2&inline_plugin=0&page=FrontPage]]};")
// [技術仕様] ニュースの文字を濃いグレーに指定。
#color(#444){{{
#cssbox(padding: 2px 5px 0; border: 1px solid #c5e68b; border-radius: 12px; background: #fff;){{
#areaedit(btn:)
// 該当イベントページの「日本語 PV・開催情報」からincludexで引用しています。
// ▼イベントタイトル
CENTER:&size(18){&fa(fa-solid fa-film, #3e4734);''[[行き場を失ったしおりたち]]''};
// ▼イベント画像
[[&ref(行き場を失ったしおりたち/タイトルバナー.webp,行き場を失ったしおりたち);>行き場を失ったしおりたち]]
// ▼イベントYouTube 日時 イベント紹介文 公式Xリンク
#includex(行き場を失ったしおりたち,section=(filter=PV・開催情報),titlestr=off,firsthead=off,filter=,except=準備中|シーン背景)
#areaedit(end)
}}
}}}
RIGHT:&size(12){&fa(fa-solid fa-clock-rotate-left, #3e4734); [[&color(#3e4734){過去のアップデート情報};>アップデートノート#update_history]]};

}}}}
// ▲▲▲ --- ニュース中身 ここまで --- ▼▼▼
}}}}}
}}}}}}
// ▲▲▲ --- 2段目右側 ここまで --- ▲▲▲
}}}}}}}
// ▲▲▲ --- 2段目：スケジュール & ニュース ここまで --- ▲▲▲

// [技術仕様] マイナスマージンで次段落との間隔を調整
#cssbox(margin-bottom: -20px;)


// ▼▼▼ --- 3段目：キャラクター一覧 ここから --- ▼▼▼
// (数日後消します) 3/12 1時ごろのレイアウト変更は差し戻させていただきました。 https://z.wikiwiki.jp/trickcalrevive/topic/84/25
// 公共性の高い変更は事前相談や事後報告をするようにお願いします。(わからないことがあればある程度助けられると思います。)
#cssbox(border-radius: 30px; background: #ebf7d2;){{{{{{{{{{{{{
// ▼キャラクター緑タイトルバー
#cssbox("padding: 8px 15px; border: 3px solid #ebf7d2; border-radius: 18px 18px 10px 10px; background-image: linear-gradient(90deg, #20ab36 0%,#67b82d 100%);"){{
LEFT:&size(22){&color(#fff){&fa(fa-solid fa-users fa-fw); ''キャラクター''};};
}}

#cssbox(width: fit-content; margin-top: -4px; padding: 0 2px 5px; border: 3px solid #ebf7d2; border-top: none; border-radius: 18px; background: #ebf7d3;){{{{{{{{{{{{
//#c5e68b→ebf7d2

// ▼▼▼ --- タブ ここから --- ▼▼▼
#tab_container(left){{{{{{{{{{{
// ▼▼▼ --- 性格別タブ ここから --- ▼▼▼
#tab_content("&ref(画像/純粋.webp,nolink,18x18,純粋);&color(#3e4734){&size(18){ 性格別};};"){{{{{{{{{{
// ▼編集ボタン
#cssbox(height: 20px; margin: -37px 0 27px; text-align: right;,"&size(10){[[&color(gray){&fa(fas fa-pen-to-square fa-fw); 編集 };>https://wikiwiki.jp/thetrickal/module/%E3%82%AD%E3%83%A3%E3%83%A9%E3%83%91%E3%83%8D%E3%83%AB]]};")
#cssbox(margin: 0 -7px;){{{{{{{{{

// ▼▼▼ --- 性格別 アイコンメニュー ここから --- ▼▼▼
// [技術仕様] マイナスマージンでアイコンメニューの配置と余白調整
#cssbox(margin: -19px 0 -20px;){{{{{{{{
#responsive_layout_container(S){{{{{{{
#responsive_layout_item(6){{{{{{
#cssbox(padding: 1px 10px; border-radius: 999px; background: #fcfff5;){{{{{
#size(10){{{{
#flex_container(space-around,,nowrap){{{
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/純粋.webp,nolink,40x40,純粋);>#Innocence]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/冷静.webp,nolink,40x40,冷静);>#Composed]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/狂気.webp,nolink,40x40,狂気);>#Madness]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/活発.webp,nolink,40x40,活発);>#Vivacious]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/憂鬱.webp,nolink,40x40,憂鬱);>#Depressed]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/ブルミアイコン.webp,nolink,40x40,NPC);>#npc]]")
}}
}}}
}}}}
}}}}}
}}}}}}
#responsive_layout_item(6){{
}}
}}}}}}}
}}}}}}}}
// ▲▲▲ --- 性格別 アイコンメニュー ここまで --- ▲▲▲

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
&aname(Innocence);
#responsive_layout_container(S){{{{{
// ▼純粋
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、純粋、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲純粋
// ▼冷静
&aname(Composed);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、冷静、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲冷静
}}}}}
}}}}}}

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
#responsive_layout_container(S){{{{{
// ▼狂気
&aname(Madness);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、狂気、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲狂気
// ▼活発
&aname(Vivacious);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、活発、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲活発
}}}}}
}}}}}}

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
#responsive_layout_container(S){{{{{
// ▼憂鬱
&aname(Depressed);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、憂鬱、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲憂鬱
// ▼共鳴
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、共鳴、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲共鳴
}}}}}
}}}}}}

}}}}}}}}}
}}}}}}}}}}
// ▲▲▲ --- 性格別タブ ここまで --- ▲▲▲


// ▼▼▼ --- 種族別タブ ここから --- ▼▼▼
#tab_content("&ref(画像/妖精(色).webp,nolink,18x18,妖精);&color(#3e4734){&size(18){ 種族別};};"){{{{{{{{{{
// ▼編集ボタン
#cssbox(height: 20px; margin: -37px 0 27px; text-align: right;,"&size(10){[[&color(gray){&fa(fas fa-pen-to-square fa-fw); 編集 };>https://wikiwiki.jp/thetrickal/module/%E3%82%AD%E3%83%A3%E3%83%A9%E3%83%91%E3%83%8D%E3%83%AB]]};")
#cssbox(margin: 0 -7px;){{{{{{{{{

// ▼▼▼ --- 種族別 アイコンメニュー ここから --- ▼▼▼
// [技術仕様] マイナスマージンでアイコンメニューの配置と余白調整
#cssbox(margin: -19px 0 -20px;){{{{{{{{
#responsive_layout_container(S){{{{{{{
#responsive_layout_item(6){{{{{{
#cssbox(padding: 1px 10px; border-radius: 999px; background: #fcfff5;){{{{{
#size(10){{{{
#flex_container(space-around,,nowrap){{{
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/妖精(色).webp,nolink,40x40,妖精);>#Sprites]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/獣人(色).webp,nolink,40x40,獣人);>#Werebeasts]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/エルフ(色).webp,nolink,40x40,エルフ);>#Elves]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/精霊(色).webp,nolink,40x40,精霊);>#Elementals]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/幽霊(色).webp,nolink,40x40,幽霊);>#Phantoms]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/竜族(色).webp,nolink,40x40,竜族);>#Dragons]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/魔女(色).webp,nolink,40x40,魔女);>#Witches]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/？？？(色).webp,nolink,40x40,？？？);>#Mystic]]")
}}
#flex_box{{
#cssbox(margin: 0 -3px -4px;,"[[&ref(画像/ブルミアイコン.webp,nolink,40x40,NPC);>#npc]]")
}}
}}}
}}}}
}}}}}
}}}}}}
#responsive_layout_item(6){{
}}
}}}}}}}
}}}}}}}}
// ▲▲▲ --- 種族別 アイコンメニュー ここまで --- ▲▲▲

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
&aname(Sprites);
#responsive_layout_container(S){{{{{
// ▼妖精
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/妖精(色).webp,nolink,20x20,妖精);&color(#3e4734){&size(18){'' 妖精''};};>妖精]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、妖精、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲妖精
// ▼獣人
&aname(Werebeasts);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/獣人(色).webp,nolink,20x20,獣人);&color(#3e4734){&size(18){'' 獣人''};};>獣人]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、獣人、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲獣人
}}}}}
}}}}}}

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
#responsive_layout_container(S){{{{{
// ▼エルフ
&aname(Elves);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/エルフ(色).webp,nolink,20x20,エルフ);&color(#3e4734){&size(18){'' エルフ''};};>エルフ]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、エルフ、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲エルフ
// ▼精霊
&aname(Elementals);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/精霊(色).webp,nolink,20x20,精霊);&color(#3e4734){&size(18){'' 精霊''};};>精霊]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、精霊、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲精霊
}}}}}
}}}}}}

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
#responsive_layout_container(S){{{{{
// ▼幽霊
&aname(Phantoms);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/幽霊(色).webp,nolink,20x20,幽霊);&color(#3e4734){&size(18){'' 幽霊''};};>幽霊]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、幽霊、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲幽霊
// ▼竜族
&aname(Dragons);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/竜族(色).webp,nolink,20x20,竜族);&color(#3e4734){&size(18){'' 竜族''};};>竜族]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、竜族、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲竜族
}}}}}
}}}}}}

// ▼▼▼ --- 種族別4段目 ここから --- ▼▼▼
#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{
#responsive_layout_container(S){{{{{
// ▼魔女
&aname(Witches);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/魔女(色).webp,nolink,20x20,魔女);&color(#3e4734){&size(18){'' 魔女''};};>魔女]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、魔女、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲魔女
// ▼？？？
&aname(Mystic);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#cssbox(margin: 8px 0 -8px;,"[[&ref(画像/？？？(色).webp,nolink,20x20,？？？);&color(#3e4734){&size(18){'' ？？？''};};>？？？]]")
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、？？？、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲？？？
}}}}}
}}}}}}
// ▲▲▲ --- 種族別4段目 ここまで --- ▲▲▲

}}}}}}}}}
}}}}}}}}}}
// ▲▲▲ --- 種族別タブ ここまで --- ▲▲▲
}}}}}}}}}}}
// ▲▲▲ --- タブ ここまで --- ▲▲▲

#cssbox(margin-right: -4px; margin-bottom: -20px;){{{{{{{{
#responsive_layout_container(S){{{{{{{
// ▼NPC
&aname(npc);
#responsive_layout_item(6){{{{
#cssbox(padding-right: 8px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、NPC、,except=、未実装、),titlestr=off,except=^\*)
}}
}}}
}}}}
// ▲NPC
// ▼NPCネタバレ
#responsive_layout_item(6){{{{{{
#cssbox(padding-right: 8px;){{{{{
#navfold("''キャラストーリー・演出で出演するキャラ。&color(Tomato){ネタバレ注意！};&fa(fas fa-circle-chevron-down,Tomato);''",close){{{{
#cssbox(margin: -5px 0 0 -14px;){{{
#flex_container(flex-start){{
#includex(module/キャラパネル,section=(filter=、ネタバレ、,except=、未実装、),titlestr=off,except=^\*)
}}
[[''&color(red){&fa(fa-solid fa-circle-exclamation); ネタバレ注意！}; 未実装込み使徒一覧''>使徒一覧/未実装込み版]]
}}}
}}}}
}}}}}
}}}}}}
// ▲NPCネタバレ
}}}}}}}
}}}}}}}}

}}}}}}}}}}}}
}}}}}}}}}}}}}
// ▲▲▲ --- 3段目：キャラクター一覧 ここまで --- ▲▲▲


// ▼▼▼ --- 4段目：掲示板 ここから --- ▼▼▼
&aname(comments);
// [技術仕様] 空要素で上部余白を確保
#cssbox(margin-top: 30px;)
// タイトル
//#cssbox(padding: 8px 15px; border-radius: 15px;background: #00b2e7){{
#cssbox("padding: 8px 15px; border-radius: 15px;background-image: linear-gradient(90deg, #00b2e7 0%, #6ad1de 100%);"){{
LEFT:&size(22){&color(#fff){&fa(fa-solid fa-comments fa-fw); ''雑談掲示板''};};
}}
// 掲示板
#zcomment(t=trickcalrevive%2F119&h=350&size=10)
// 利用ガイド
#cssbox(margin-bottom: 10px; padding: 10px; border: 1px dashed #FFAB91; border-radius: 15px; background: #FFF9F2;){{{{
LEFT:&icon(48,シオン・ザ・DB_高学年スキル);&icon(48,ローネ_高学年スキル);&icon(48,エルフィン_高学年スキル);
#size(14){{{
#color(#4d0000){{
#includex(テンプレート,section=(filter=掲示板利用ガイド),titlestr=off,firsthead=off)
}}
}}}
}}}}
// ▲▲▲ --- 4段目：掲示板 ここまで --- ▲▲▲
}}}}}}}}}}}}}}}
}}}}}}}}}}}}}}}}