/* フロントエンド用スタイル */

.hosm-schedule-section {
	margin-bottom: 50px;
}
.hosm-schedule-section .tabs {
	display: flex;
	flex-wrap: wrap;
}
.hosm-schedule-section .tabs input[type="radio"] {
	display: none;
}
.hosm-schedule-section .tabs .tab_item {
	flex: 1;
	text-align: center;
	padding: 15px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-bottom: none;
	font-weight: bold;
}
.hosm-schedule-section .tab_content {
	display: none;
	width: 100%;
}

/* ラジオボタンチェックでタブ切り替え (PHP側のdisplay制御より優先) */
#tab_neu:checked ~ #neu_content,
#tab_ort:checked ~ #ort_content,
#tab_neurosurgery:checked ~ #content_neurosurgery,
#tab_orthopedics:checked ~ #content_orthopedics {
	display: block;
}

/* PC版テーブル */
.hosm-schedule-pc {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.hosm-schedule-pc th,
.hosm-schedule-pc td {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.hosm-schedule-pc .table_week th,
.hosm-schedule-pc .table_week td {
	background: #f9f9f9;
	font-weight: bold;
}
.hosm-schedule-pc .table_am,
.hosm-schedule-pc .table_pm {
	background: #e6f2ff;
	width: 10%;
}
.hosm-schedule-pc .syasen {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="%23ccc" stroke-width="1"/></svg>') no-repeat center center;
	background-size: 100% 100%;
	color: #999;
}
.hosm-schedule-pc .txt_s {
	font-size: 0.85em;
	color: #d32f2f;
	margin: 0 0 2px 0;
}

/* スマホ版アコーディオンとテーブル */
.hosm-schedule-sp {
	display: none; /* デフォルトは非表示、メディアクエリでPC/SP切り替え */
}
.hosm-schedule-sp .graph {
	margin-bottom: 10px;
	border: 1px solid #ddd;
}
.hosm-schedule-sp .clickgraph {
	padding: 15px;
	background: #f1f1f1;
	margin: 0;
	font-weight: bold;
	cursor: pointer;
}
.hosm-schedule-sp .t_week {
	width: 100%;
	border-collapse: collapse;
}
.hosm-schedule-sp .t_week th,
.hosm-schedule-sp .t_week td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}
.hosm-schedule-sp .t_week .t_01 { width: 30%; }
.hosm-schedule-sp .t_week .t_02,
.hosm-schedule-sp .t_week .t_03 { width: 35%; background: #e6f2ff; }
.hosm-schedule-sp .t_11 { background: #f9f9f9; font-weight: bold; }
.hosm-schedule-sp .syasen {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="%23ccc" stroke-width="1"/></svg>') no-repeat center center;
	background-size: 100% 100%;
	color: #999;
}
.hosm-schedule-sp .txt_s {
	font-size: 0.85em;
	color: #d32f2f;
	margin: 0 0 2px 0;
}

/* レスポンシブ切り替え */
@media screen and (max-width: 768px) {
	.hosm-schedule-pc { display: none; }
	.hosm-schedule-sp { display: block; }
	.hosm-schedule-section .tabs .tab_item span { font-size: 14px; }
}