/* ===== 麦の音 Before（改修前・2010年代風） ===== */
/* ※あえて古い作りを再現したデモです（非レスポンシブ・装飾過多） */
body{
  background:#fff7d6 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><circle cx='20' cy='20' r='2' fill='%23eedb8a'/></svg>");
  font-family:"MS PGothic","Hiragino Kaku Gothic ProN",sans-serif;
  font-size:13px;color:#000;margin:0;padding:14px 0;text-align:center;
}
/* 固定幅レイアウト（スマホでは横スクロール発生） */
.page{width:760px;margin:0 auto;background:#ffffff;border:3px ridge #cc7722;text-align:left;}

/* ヘッダー：原色グラデ＋影付きワードアート風 */
.head{background:linear-gradient(#ffcc00,#ff9900);border-bottom:4px double #cc0000;padding:14px;text-align:center;}
.head h1{margin:0;font-size:34px;color:#cc0000;text-shadow:2px 2px 0 #ffff66, 3px 3px 0 #999;font-family:"MS PMincho",serif;letter-spacing:2px;}
.head .sub{color:#006600;font-weight:bold;font-size:14px;margin-top:4px;}
.blink{color:#ff0000;font-weight:bold;animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}

/* ナビ：ビビッドなボタン横並び */
.nav{background:#003366;padding:6px;text-align:center;}
.nav a{color:#ffff00;font-weight:bold;text-decoration:underline;margin:0 6px;font-size:13px;}
.nav a:visited{color:#ff99ff;}

/* 本文2カラム（table風） */
.main{display:table;width:100%;border-collapse:collapse;}
.row{display:table-row;}
.side{display:table-cell;width:180px;background:#eef;border:1px solid #99c;padding:8px;vertical-align:top;}
.content{display:table-cell;padding:12px;vertical-align:top;border:1px solid #99c;}

.side h3{background:#3366cc;color:#fff;font-size:13px;margin:0 0 6px;padding:3px 5px;}
.side ul{margin:0 0 14px;padding-left:18px;}
.side li{margin-bottom:4px;}
.counter{background:#000;color:#0f0;font-family:"Courier New",monospace;padding:3px 6px;letter-spacing:3px;font-size:14px;display:inline-block;}

.content h2{color:#cc6600;font-size:18px;border-bottom:2px dotted #cc6600;padding-bottom:3px;}
.content p{line-height:1.5;margin:8px 0;}
.new{background:#ff0000;color:#fff;font-size:10px;font-weight:bold;padding:1px 4px;border-radius:2px;margin-left:4px;}

/* 商品テーブル */
table.menu{border-collapse:collapse;width:100%;margin:10px 0;}
table.menu th{background:#ffcc66;border:1px solid #cc9933;padding:5px;font-size:13px;}
table.menu td{border:1px solid #cc9933;padding:5px;font-size:13px;}
table.menu td.price{color:#cc0000;font-weight:bold;text-align:right;}

/* 装飾の罫線 */
.rainbow{height:6px;background:linear-gradient(90deg,red,orange,yellow,green,blue,purple);margin:10px 0;}

/* フッター */
.foot{background:#003366;color:#fff;text-align:center;padding:8px;font-size:11px;}
.foot a{color:#ffff66;}

/* 「最適化されていません」感：画像なしのバナー */
.banner{background:repeating-linear-gradient(45deg,#ffe,#ffe 10px,#fec 10px,#fec 20px);
  border:2px dashed #c90;text-align:center;padding:14px;margin:10px 0;color:#960;font-weight:bold;}