@charset "shift_jis"; /*-------------------- しおり01 --------------------*/ .event_list { width: 340px; float: left;} .event_list li { margin-top: 10px; } .month { float: left; width: 70px; margin-right: 20px; } .event { overflow: hidden; padding-top: 1px; } .event_list li:after, .event_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .event_list, .event_list li {display: inline-block;} /* Hides from IE-mac \*/ * html .event_list, * html .event_list li {height: 1%;} .event_list, .event_list li {display: block;} /* End hide from IE-mac */ #daytable { width: 100%; margin-top: 20px; } #daytable th { background: url(images/guide01/middle.jpg) repeat-y left; border-right: 1px solid #754c24; border-bottom: none; padding: 5px 15px 5px 0; text-align:center } #daytable th#age01 { width: 260px; background: none; border-bottom: 1px solid #754c24; padding: 0 15px 15px 15px; border-right: 1px dashed #754c24; } #daytable th#age02 { width: 260px; background: none; border-bottom: 1px solid #754c24; padding: 0 0 15px 15px;border-right: none; } #daytable th.top { background: url(images/guide01/top.jpg) no-repeat left bottom; } #daytable th.bottom { background: url(images/guide01/bottom.jpg) no-repeat left top; } #daytable th.none { background: none;border-bottom: 1px solid #754c24;} #daytable td { padding: 5px 15px;} #daytable td.bdr { border-right: 1px dashed #754c24; } /*-------------------- しおり02 --------------------*/ #hoikuTable{width: 680px; margin-top: 10px; } #hoikuTable th { width: 150px; padding: 5px 10px; background-color:#f1eee9; border-bottom: 2px solid #fff; } #hoikuTable td { padding: 5px 10px; } .hoikuh4 { margin: 30px 0 10px 0; } .doctortable { width: 100%; margin-top: 20px; } .doctortable th { border-right: 1px solid #754c24;padding: 0 9px 9px 9px; text-align:center } .doctortable th.first { border-left: none; padding-left: 0px; } .doctortable th.last { border-right: none; padding-right: 0px; } .doctortable td { padding: 9px; border-right: 1px solid #754c24; border-bottom: 1px solid #754c24;} .doctortable td.first { border-left: none; } .doctortable td.last { border-right: none; } .doctortable tr.nobtm td {border-bottom:none; } #checkup li { float: left; width: 340px; margin-top: 10px; } #checkup li .icn { float: left; width: 70px; margin-right: 20px; } #checkup li .doctor { overflow: hidden; padding-top: 3px; } #checkup li:after, #checkup li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #checkup, #checkup li {display: inline-block;} /* Hides from IE-mac \*/ * html #checkup, * html #checkup li {height: 1%;} #checkup, #checkup li {display: block;} /* End hide from IE-mac */ @media screen and (max-width: 767px){ .event_list { width: 100%; float: none;} .month { float: left; width: 70px; margin-right: 10px; } #checkup li { float: none; width: 100%; margin-top: 10px; } #checkup li .icn { float: left; width: 70px; margin-right: 10px; } #hoikuTable{width: 100%; margin-top: 10px; } #hoikuTable th { width: 100%; box-sizing: border-box; padding: 5px 10px; background-color:#f1eee9; border-bottom: 2px solid #fff; display: block; } #hoikuTable td { padding: 5px 0; display: block;} .fRight{ float: none; text-align: center;} }