店舗情報
.store-info {
max-width: 900px;
margin: 0 auto;
padding: 32px 16px;
color: #333;
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans",
"Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
.store-info h2 {
margin: 0 0 20px;
padding-bottom: 14px;
border-bottom: 1px solid #e5e5e5;
font-size: 28px;
font-weight: 700;
line-height: 1.4;
}
.store-info-table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #e5e5e5;
}
.store-info-table th,
.store-info-table td {
padding: 18px 16px;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
line-height: 1.7;
text-align: left;
vertical-align: top;
}
.store-info-table th {
width: 32%;
background: #faf8f6;
font-weight: 700;
color: #444;
}
.store-info-table td {
background: #fff;
}
.store-info-table a {
color: inherit;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.store-info {
padding: 24px 12px;
}
.store-info h2 {
font-size: 24px;
}
.store-info-table th,
.store-info-table td {
display: block;
width: 100%;
box-sizing: border-box;
padding: 12px 14px;
font-size: 15px;
}
.store-info-table th {
border-bottom: none;
}
.store-info-table td {
padding-bottom: 18px;
}
}
