@charset "utf-8";
/* CSS Document */

body { width: 100%; background: url(../img/bg/banquet.jpg) !important; background-position: 0px 310px !important; background-repeat: no-repeat !important; margin:0; padding:0; }
.ttl2c { width:400px; margin:0 auto 280px auto; padding:100px 0; background-color:rgba(255,255,255,0.8); }

/* テーブルパディングパターン */
table.sp1 th, table.sp1 td { padding:2px 4px; }
table.sp2 th, table.sp2 td { padding:4px 6px; }
table.sp3 th, table.sp3 td { padding:6px 8px; }
table.sp4 th, table.sp4 td { padding:8px 10px; }
table.sp5 th, table.sp5 td { padding:10px 12px; }

/* テーブルボーダーパターン */
table.table5 { border-collapse:collapse; border-spacing:0; text-align:center; }
table.table5 tr { border-left:1px solid #c7c7c7; }
table.table5 th { color:#111111; background-color:#d7d6c1; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; }
table.table5 td { color:#111111; background-color:#ffffff; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; }

/* テーブル背景パターン */
td.bg1, th.bg1, tr.bg1 th { background-color:#eae9dd !important; }

/* テーブルをスクロール（タブレット・スマホ） */
@media screen and (max-width: 768px) {
.scroll { overflow:auto; }
.scroll table { white-space:nowrap; }
}

/* テーブル5を縦一列で表示（スマホ） */
@media screen and (max-width: 600px) {
table.oneline th { display:block; /* border-top:2px solid #c7c7c7; */ border-bottom:none; text-align:left; }
table.oneline td { display:block; border-top:1px solid #c7c7c7; border-bottom:none; }
table.oneline  tr:last-child td { border-bottom:1px solid #c7c7c7; }
}