/* 診療時間表・MAP（各ページ下部の共通ブロック。common.cssと一緒に読み込む）。ここを変えると全ページに影響します */
body>section{margin-bottom:60px}
.center{margin-top:10px;text-align:center}

/* 診療時間表（丸は背景で描き、文字は隠している。休・★は文字で表示） */
.hours{width:100%;border-spacing:0;border:1px solid var(--main);border-radius:3px;overflow:hidden;text-align:center}
.hours th,.hours td{height:64px}
.hours th+th,.hours th+td,.hours td+td{border-left:1px solid var(--main)}
.hours tbody th,.hours tbody td{border-top:1px solid var(--main)}
.hours thead th{background:var(--pale);font-size:22px}
.hours thead th:first-child{width:36%}
.hours .sat{color:#00f}
.hours tbody th{font-size:24px;font-weight:normal;letter-spacing:.05em}
.hours td{font-size:0;background:radial-gradient(circle,var(--pale) 20px,var(--main) 21px 23px,transparent 24px) no-repeat center}
.hours .x{font-size:22px;font-weight:bold;line-height:1.7;color:#fff;background:#ccc}
.hours .star{font-size:34px;line-height:1;color:var(--pale);background:none;-webkit-text-stroke:2px var(--main)}
.hours small{display:block;font-size:12px;font-weight:bold;letter-spacing:0;line-height:1.5;color:#00f;-webkit-text-stroke:0}

/* MAP */
.map{display:block;width:100%;height:400px;border:0}

/* スマホ */
@media(max-width:768px){
body>section{margin-bottom:40px}
.hours th,.hours td{height:48px}
.hours thead th{font-size:15px}
.hours thead th:first-child{width:30%}
.hours tbody th{font-size:15px;letter-spacing:0}
.hours td{background-image:radial-gradient(circle,var(--pale) 10px,var(--main) 11px 13px,transparent 14px)}
.hours .x{font-size:16px;background:#ccc}
.hours .star{font-size:24px;background:none}
.hours small{font-size:10px}
}