@charset "UTF-8";

html{font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

header{text-align: center;}
img{width: 100%;}


.center{max-width:1200px;margin: 0 auto; }





/*INDEX*/
#indexPage{background: #000;}
#indexPage .center{position: relative;}
#indexPage .btn{position: absolute;bottom:20vw;width: 100%;}

#indexPage .btn p{width: 70%;/* padding: 3vw 2vw;background: #000; */text-align: center;margin: 0 auto 2vw;font-size: 3.3vw;line-height: 2;/* border: 1px solid #fff; */}
#indexPage .btn a{text-decoration: none;color: #fff;}


/*Header*/
header{background: #000;padding: 2vw 0;min-height: 5vw;width: 100%;z-index: 10;}
header .center{position: relative;}
header h1{color: #fff;text-align: center;width: 100%;font-size: 3vw;line-height: 3.2;}
header nav{position: absolute; left: 1vw;margin:1vw; font-size: 2.5vw;padding: 2.5vw 1.5vw; color: #fff;/* background:#5B5B5B; */background: #FDFFFF;font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;border: 2px solid #5D6E7C;}
header nav a{text-decoration: none;/* color: #fff; */color:#5D6E7C;}



/*FOOTER*/
.wrapper{min-height: 100vh;position: relative;box-sizing: border-box;padding-bottom: 5vw;}
footer{background: #000;color: #fff;text-align: center;padding: 10px 0;position: absolute;bottom:0;width: 100%;font-size: 2vw;}

/* ===== SYSTEM表示用（追記） ===== */
footer{
  position: static;   /* ← absoluteをやめる */
  width: 100%;
}

.wrapper{
  padding-bottom: 0;  /* footer固定用の余白不要になる */
}

/* ついでに見えやすくする（仮） */
.system-table{
  color:#fff;
  padding: 6vw 5vw;
}

/* ===== SYSTEM TABLE ===== */
/* ===== 料金表だけ：明朝 ===== */
.system-table,
.system-table h2,
.system-table h3,
.system-table p,
.system-table li,
.system-table span,
.system-table div {
  font-family:
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Yu Mincho",
    "YuMincho",
    "MS Mincho",
    serif;
}
.system-table{
  color:#fff;
  padding: 8vw 5vw;
}

.system-table h2{
  text-align:center;
  font-size:6vw;
  margin-bottom:6vw;
  letter-spacing:0.1em;
}

.system-block{
  margin-bottom:8vw;
}

.system-block h3{
  font-size:4.5vw;
  margin-bottom:3vw;
  border-bottom:1px solid rgba(255,255,255,0.3);
  padding-bottom:2vw;
}

.system-flex.two{
  display:flex;
  justify-content:space-between;
  margin-bottom:4vw;
}

.system-flex.two div{
  width:48%;
  text-align:center;
}

.label{
  font-size:3.5vw;
  opacity:0.8;
}

.label.middle{
  margin-top:1vw;
}

.price{
  font-size:5vw;
  font-weight:bold;
}

.price-large{
  font-size:6vw;
  font-weight:bold;
  text-align:center;
  margin:2vw 0;
}

.price-large.main{
  color:#f5f5f5;
}

.sub-title{
  text-align:center;
  font-size:4vw;
  margin-top:4vw;
}

.sub-title.red{
  color:#d4af37;
}

.note{
  font-size:3vw;
  opacity:0.7;
  text-align:center;
  margin-top:1vw;
}

/* 飲み直し */
.reorder-item{
  display:flex;
  justify-content:space-between;
  padding:2.5vw 0;
  border-bottom:1px solid rgba(255,255,255,0.2);
  font-size:4vw;
}

.reorder-item .price{
  font-weight:bold;
}

.sub-note{
  font-size:3vw;
  opacity:0.7;
  text-align:right;
  margin: 1vw 0 4vw;   /* ←上に余白を作って線から離す */
  line-height: 1.6;
}

/* 公式掲示 */
.system-block.official{
  border-top:1px solid rgba(255,255,255,0.3);
  padding-top:6vw;
}

.system-list{
  list-style:none;
  padding:0;
  margin-top:4vw;
}

.system-list li{
  display:flex;
  justify-content:space-between;
  padding:2.5vw 0;
  border-bottom:1px solid rgba(255,255,255,0.15);
  font-size:3.5vw;
}

.system-list li.total{
  font-size:4vw;
  font-weight:bold;
}

.system-list small{
  display:block;
  font-size:2.8vw;
  opacity:0.7;
  margin-top:1vw;
}

.open-time{
  text-align:center;
  font-size:3.5vw;
  margin-top:6vw;
  letter-spacing:0.1em;
}

/* footer absolute解除（必須） */
footer{
  position:static;
}

/* ===== 明朝体（高級感） ===== */
/* ===== 全体：ゴシック ===== */
body {
  font-family:
    'Lucida Grande',
    'Hiragino Kaku Gothic ProN',
    'ヒラギノ角ゴ ProN W3',
    Meiryo,
    メイリオ,
    sans-serif;
}

/* スタッフリストとClub SYSTEMの間隔調整 */
.menu_top {
  margin-bottom: 20vw;
}