:root {
  --baceFontColor: #333333;
}

#calendar {
  padding-bottom: 20px;
}
#calendar > p {
  width: 720px;
  max-width: 100%;
  text-align: left;
  margin: 30px auto 0 auto;
  font-size: 1.1rem;
}
#calendar iframe {
  margin: 30px auto 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}
#calendar div.table_nav {
  margin: 30px auto 0 auto;
}
#calendar div.table_nav ul {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(3, auto);
  align-items: end;
}
#calendar div.table_nav ul li a {
  display: inline-block;
  height: 1em;
  color: #333333;
}
#calendar div.table_nav ul li:nth-of-type(1) a, #calendar div.table_nav ul li:nth-of-type(3) a {
  display: block;
  height: auto;
  border: 2px solid #333333;
  padding: 0.3em 0.5em;
  background: white;
  color: #333333;
  border-radius: 5px;
}
#calendar div.table_nav ul li:nth-of-type(1) a svg, #calendar div.table_nav ul li:nth-of-type(3) a svg {
  fill: #333333;
  margin: 0 0.3em 0 0;
}
#calendar div.table_nav ul li:nth-of-type(1) a:hover, #calendar div.table_nav ul li:nth-of-type(3) a:hover {
  border: 2px solid red;
  color: red;
}
#calendar div.table_nav ul li:nth-of-type(1) a:hover svg, #calendar div.table_nav ul li:nth-of-type(3) a:hover svg {
  fill: red;
}
#calendar div.table_nav ul li:nth-of-type(2) {
  font-size: 1.5rem;
}
#calendar div.table_nav ul li:nth-of-type(3) a svg {
  margin: 0 0 0 0.3em;
}
#calendar div#tn_b {
  margin-top: 10px;
}
#calendar div#c_table {
  margin: 10px auto 0 auto;
}
#calendar div#c_table table {
  width: 100%;
  background: white;
  border: 2px solid gray;
}
#calendar div#c_table table tr th {
  border: 1px solid silver;
  padding: 0.5em 0;
}
#calendar div#c_table table tr td {
  border: 1px solid silver;
  padding: 0.5em 0;
}
#calendar div#c_table table tr td img {
  height: 1rem;
}
#calendar div#c_table table tr:nth-of-type(1) {
  background: #def3c9;
}
#calendar div#c_table table tr.sat {
  background: #def4fe;
  color: #0d6cb3;
}
#calendar div#c_table table tr.sun {
  background: #ffe8df;
  color: red;
}
#calendar div#c_table table tr.past {
  background: #dddddd;
  color: #888888;
}
@media screen and (max-width: 768px) {
  #calendar iframe {
    aspect-ratio: auto;
    height: 800px;
  }
  #calendar div#c_table {
    overflow: auto;
    white-space: nowrap;
  }
  #calendar div#c_table::-webkit-scrollbar {
    height: 15px;
  }
  #calendar div#c_table::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  #calendar div#c_table::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  #calendar div#c_table table {
    width: 100%;
    font-size: 0.9rem;
  }
  #calendar div#c_table table table tr td img {
    height: 0.9rem;
  }
}/*# sourceMappingURL=index.css.map */