53 lines
6.3 KiB
HTML
53 lines
6.3 KiB
HTML
<!doctype html>
|
||
<html lang="ja">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>日野本社設備予約</title>
|
||
<style>
|
||
body { font-family: system-ui, -apple-system, Segoe UI, sans-serif; margin: 16px; }
|
||
.header-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 0 0 12px; }
|
||
h1 { font-size: 28px; margin: 0; text-align: left; line-height: 1.2; }
|
||
.calendar-date { font-size: 28px; font-weight: 700; text-align: right; margin: 0; line-height: 1.2; white-space: nowrap; }
|
||
.note { font-size: 12px; color: #444; margin: 0 0 12px; }
|
||
table.schedule { border-collapse: collapse; width: 100%; table-layout: fixed; }
|
||
table.schedule th, table.schedule td { border: 1px solid #ccc; padding: 4px; vertical-align: top; }
|
||
table.schedule th.facility { position: sticky; left: 0; background: #f7f7f7; width: 220px; min-width: 220px; max-width: 220px; }
|
||
table.schedule th.time { font-size: 11px; background: #fafafa; }
|
||
table.schedule td.empty { background: #fff; }
|
||
table.schedule td.booked { background: #e8f0ff; white-space: normal; word-break: break-word; }
|
||
table.schedule td.booked .booked-content { font-size: 18px; font-weight: 700; }
|
||
@media (max-width: 768px) {
|
||
.header-row { flex-direction: column; align-items: flex-start; gap: 6px; }
|
||
.calendar-date { text-align: left; white-space: normal; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header-row">
|
||
<h1>日野本社設備予約</h1>
|
||
<p class="calendar-date">2026年3月29日（日）</p>
|
||
</div>
|
||
<p class="note">時間枠: 12:30〜18:30（30分刻み）</p>
|
||
|
||
<table class="schedule">
|
||
<thead>
|
||
<tr><th class="facility">設備名</th><th class="time">12:30</th><th class="time">13:00</th><th class="time">13:30</th><th class="time">14:00</th><th class="time">14:30</th><th class="time">15:00</th><th class="time">15:30</th><th class="time">16:00</th><th class="time">16:30</th><th class="time">17:00</th><th class="time">17:30</th><th class="time">18:00</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><th class="facility">WEB会議ブースA（手前）</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">WEB会議ブースB（中央）</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">WEB会議ブースC（奥）</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">オープンスペース2（廊下側）</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">オープンスペース3（事務所入口側）</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">オープンスペース（6人用）</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">セミナールーム</th><td class="empty"></td><td class="empty"></td><td class="booked" colspan="2"><span class="booked-content">浅水様邸 解体資金の説明</span><br/><span class="booked-content">金田樹</span></td><td class="booked" colspan="6"><span class="booked-content">【打合】浅水様邸①</span><br/><span class="booked-content">金井志織</span></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">フリースペースA</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">フリースペースB</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">大会議室</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">奥B 打合せ室</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
<tr><th class="facility">手前A 打合せ室</th><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td><td class="empty"></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</body>
|
||
</html> |