/* =========================
   schedule section
========================= */
.schedule_sec{
padding:2.6rem 0 3rem;
}

/* =========================
   日付タブ（2週間分・7列×2段）
   contact/index.php も同じタブを使う（contact は1週間＝1段）
========================= */

.schedule_tab{
width:100%;
display:grid;
grid-template-columns:repeat(7,1fr);
gap:6px 5px;
align-items:start;
margin:1.6rem auto 1.8rem;
justify-content:center;
}
.schedule_tab button{
width:100%;
height:68px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0;
background:#fff;
border:1px solid #d5e9e2;
border-radius:10px;
text-align:center;
color:#26332f;
cursor:pointer;
line-height:1.4;
transition:
  transform .25s ease,
  background .25s ease,
  border-color .25s ease,
  box-shadow .25s ease;
}
.schedule_tab li.on button{
background:#1d8a72;
border-color:#1d8a72;
box-shadow:0 6px 16px rgba(29,138,114,.22);
}
@media (hover:hover) and (pointer:fine){
.schedule_tab button:hover{
transform:translateY(-2px);
border-color:#1d8a72;
box-shadow:0 8px 20px rgba(18,51,44,.08);
}
}
/* today ラベル */
.sch_today_label{
display:block;
font-size:0.75rem;
color:#03bc96;
letter-spacing:.01em;
line-height:1;
margin-bottom:0.3rem;
}

/* 日付数字 */
.schedule_tab button .int{
font-size:1.1rem;
line-height:1.3;
color:#26332f;
display:block;
text-align:center;
}
.schedule_tab button .int span{
font-size:1.3rem;
}

/* 曜日 */
.sch_week{
font-size:1.1rem;
color:#6c7d78;
line-height:1;
margin-top:0.25rem;
text-align:center;
}
.sch_w_sun .sch_week{ color:#c0524a; }
.sch_w_sat .sch_week{ color:#4a6eb5; }

/* 選んだ日は白文字（contact も同じ） */
.schedule_tab li.on .int,
.schedule_tab li.on .sch_week,
.schedule_tab li.on .sch_today_label{
color:#fff;
}

/* 部屋タブ（.schedule_room）は TOP と共用なので common.css */

/* =========================
   日付見出し
========================= */
.schedule_date_title{
display:block;
text-align:center;
font-size:1.45rem;
letter-spacing:.08em;
color:#26332f;
margin:0 0 1.4rem;
padding-top:0.8rem; /* 日付タブとの間（margin だとタブの margin と重なって広がらない） */
line-height:1;
}
.schedule_date_title .int{
font-size:2.1rem;
color:#1d8a72;
margin-right:0.2rem;
}








/* =========================
tablet〜pc
========================= */

@media (min-width:768px){
.schedule_tab{
gap:10px;
}
.schedule_tab button{
height:76px;
}
.schedule_tab button .int{
font-size:1.3rem;
}
.schedule_tab button .int span{
font-size:1.6rem;
}
.schedule_date_title{
font-size:1.65rem;
}
.schedule_date_title .int{
font-size:2.45rem;
}

}