/* minicalender in main */
div.miniCalendar {
font-family: 'Inconsolata','ＭＳ Ｐゴシック',sans-serif;
overflow: hidden;
margin: 10px 0 20px 0;
}
div.miniCalendar table {
float: left;
margin: 0px 10px;
border-collapse: collapse;
border: solid 1px #ccc;
}
div.miniCalendar th {
border: 1px solid #ccc;
font-size: 12px;
font-weight: normal;
text-align: center;
vertical-align: middle;
width: 20px;
}
div.miniCalendar td {
border: 1px solid #ccc;
font-size: 12px;
text-align: center;
vertical-align: middle;
width: 20px;
height: 20px;
}
div.miniCalendar div.minical_check {
background: url("https://taka.checker-web.jp/img/minical_check.png");
text-align: center;
vertical-align: middle;
width: 20px;
height: 20px;
}
div.miniCalendar div {
line-height: 20px;
}
div.miniCalendar a {
color: #1d191c;
text-decoration: none;
}
div.miniCalendar .today {
font-weight: bold;
}
div.miniCalendar .sunday,
div.miniCalendar .sunday a:link,
div.miniCalendar .sunday a:visited,
div.miniCalendar .holiday,
div.miniCalendar .holiday a:link,
div.miniCalendar .holiday a:visited {
color: #c00;
}
div.miniCalendar .saturday,
div.miniCalendar .saturday a:link,
div.miniCalendar .saturday a:visited {
color: #00f;
}
div.miniCalendar .overtime * {
color: #ccc;
}
ul.miniCalList {
font-family: 'Inconsolata','ＭＳ Ｐゴシック',sans-serif;
padding-left: 0;
padding-bottom: 0;
}
ul.miniCalList li {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}
.checkedDate {
background-color: #ff9;
}
ul.miniCalList li a.miniCalListDate {
color: #a41666;
font-size: 120%;
font-weight: bold;
text-decoration: none;
}
ul.miniCalList ul {
font-family: 'Inconsolata', 'ＭＳ ゴシック', 'Osaka－等幅';
list-style-type: none;
}
ul.miniCalList ul li a {
color: #006ea5;
font-weight: bold;
font-family: Verdana,'ＭＳ Ｐゴシック', sans-serif;
}
ul.miniCalList .guide {
margin-bottom: 1em;
}
ul.miniCalList .ok {
color: #039;
font-weight: bold;
font-family: Verdana,'ＭＳ Ｐゴシック', sans-serif;
}
ul.miniCalList .ng {
color: #999;
font-weight: bold;
font-family: Verdana,'ＭＳ Ｐゴシック', sans-serif;
}
ul.miniCalList .warn {
color: #c00;
font-weight: bold;
font-family: Verdana,'ＭＳ Ｐゴシック', sans-serif;
}
ul.miniCalList .warn a {
color: #a41666;
font-weight: normal;
font-family: Verdana,'ＭＳ Ｐゴシック', sans-serif;
}
ul.miniCalList .liveViewing {
display: inline-block;
text-decoration: none;
margin-left: .5em;
padding: 2px 0;
line-height: 95%;
}
ul.miniCalList .liveViewingState {
display: inline-block;
color: #fff;
background: #a41666;
border: solid 1px #a41666;
border-radius: 5px 0 0 5px;
padding: 0 2px 0 6px;
}
ul.miniCalList .liveViewingPeriod {
display: inline-block;
color: #a41666;
background: rgba(255,255,255,0.8);
border: solid 1px #a41666;
border-radius: 0 5px 5px 0;
padding: 0 5px 0 3px;
}
ul.miniCalList .liveViewingPeriod2 {
display: inline-block;
color: #a41666;
background: rgba(255,255,255,0.8);
border: solid 1px #a41666;
border-radius: 5px 5px;
padding: 0 5px 0 5px;
}
ul.miniCalList .liveViewing a span {
font-weight: normal;
}
ul.miniCalList .viewingArchiveTitle {
font-weight: bold;
}

/* 2カラム(top用) */
@media screen and (min-width: 1200px) {
#main {
display: flex;
}
#main1container, #main2container {
padding: 30px;
}
#main1container {
flex-basis: auto;
}
#main2container {
flex-basis: 680px;
flex-shrink: 0;
}
}

/* for smartphone & tablet */
@media screen and (max-width: 768px) {
div.miniCalendar table {
margin: 0 0 0 2px;
}
div.miniCalendar div.minical_check {
background: url("https://taka.checker-web.jp/img/minical_check_2x.png");
-webkit-background-size: cover;
background-size: cover;
width: 20px;
height: 20px;
}
}

@media screen and (max-width: 640px) {
#cal4 {
display: none;
}
}

@media screen and (max-width: 500px) {
#cal3 {
display: none;
}
}