/*
Theme Name: lightning-child
Theme URI: 
Template: lightning
Description: lightningの子テーマ
Author: 
*/
/* =================================
トップページ全体
================================= */

@media (max-width:767px){

/* 本文 */
.entry-content{
font-size:16px;
line-height:1.8;
letter-spacing:0.04em;
}

/* ==========================
見出し H2
========================== */

.entry-content h2{
font-size:22px;
line-height:1.4;
letter-spacing:0.05em;
margin-top:35px;
margin-bottom:15px;
}

/* 講座・料金タイトル */

#course,#profile,#about,#time,#access{
letter-spacing:0.05em !important;
font-size:22px !important;
line-height:1.4;
}

/* ==========================
見出し H3
========================== */

.entry-content h3{
font-size:18px;
margin-top:25px;
margin-bottom:10px;
}

/* ==========================
セクション余白
========================== */

.entry-content .wp-block-group{
margin-top:35px;
margin-bottom:35px;
}

/* ==========================
画像
========================== */

.entry-content img{
border-radius:6px;
}

/* ==========================
表（料金表）
========================== */

.entry-content table{
font-size:15px;
}

.entry-content th,
.entry-content td{
padding:10px;
}

/* ==========================
ボタン
========================== */

.wp-block-button__link{
font-size:16px;
padding:12px 20px;
}

}
/* =================================
稽古時間テーブル
横スワイプ + 曜日固定
================================= */

@media (max-width:767px){

.wp-block-table{
overflow-x:auto;
}

.wp-block-table table{
min-width:650px;
border-collapse:collapse;
}

/* セル */

.wp-block-table td{
padding:10px;
text-align:center;
font-size:14px;
}

/* 曜日固定 */

.wp-block-table td:first-child{
position:sticky;
left:0;
background:#fff;
font-weight:700;
z-index:2;
border-right:1px solid #ddd;
}

/* 時間ヘッダー */

.wp-block-table tr:first-child td{
font-weight:700;
background:#f7f7f7;
}

}
.wp-block-table td{
border:1px solid #eee;
}

.wp-block-table tr:nth-child(even){
background:#fafafa;
}
/* 見出しアイコン */

.heading-icon{
width:60px;
vertical-align:middle;
margin-right:10px;
}
/* 見出しアイコン */

.heading-icon{
width:60px;
vertical-align:middle;
margin-right:10px;
}

/* この見出しだけ flex */

.heading-with-icon{
display:flex;
align-items:center;
gap:10px;
}

/* スマホ */

@media (max-width:767px){

.heading-with-icon{
font-size:20px;
line-height:1.4;
}

.heading-icon{
width:40px;
}

}