.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%;
} #tab_neu:checked ~ #neu_content,
#tab_ort:checked ~ #ort_content,
#tab_neurosurgery:checked ~ #content_neurosurgery,
#tab_orthopedics:checked ~ #content_orthopedics {
display: block;
} .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; }
.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; }
}