em,i { font-style: normal }

.selectbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.selectbox::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
  transform: rotate(0deg) translateY(0%);
  top: 40%;
}
.selectbox select {
  appearance: none;
  width: 100%;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #d0d0d0;
  border-radius: 25px;
  background-color: #fff;
  color: #333;
  font-size: 1em;
  cursor: pointer;
}

table,td,th { border-spacing: 0; border: none; padding: 0; border-collapse: collapse }
#scheduleTable table { width:100%; border:#ddd 1px solid; font-size:min(2.7vw,16px) }
#scheduleTable table th,
#scheduleTable table td { border:#ddd 1px solid; font-weight: bold; width:14.28%; line-height: 1.4 }
#scheduleTable table td { vertical-align: top; text-align: left; padding:min(0.5vw,5px) min(0.5vw,5px) min(1vw,8px); position: relative; color: inherit; }
#scheduleTable table td em { position: inherit; display: flex; align-items: center }
#scheduleTable table td > div,
#scheduleTable table td > span,
#scheduleTable table td:not([class]) em,
#scheduleTable table td.other em { color: initial }
#scheduleTable table td:not([class])::after { content: ""; display: block; height:min(12vw,120px); float: left }
#scheduleTable table td::before { content: ""; width:min(4vw,35px); display: block; position:absolute; height: min(4vw,28px); top:0; right:0 }
#scheduleTable table td .icon { text-align: center }
#scheduleTable table td .icon > img { width:min(7.5vw,60px); margin-bottom: 5px }
#scheduleTable table td.home::before { background-color: #006ebb }
/* #scheduleTable table td.visitor::before { background-color: #dadada } */
#scheduleTable table td.home em::after,
#scheduleTable table td.visitor em::after { margin-left: auto; font-size:min(2vw,13px); padding-right: 6% }
#scheduleTable table td.home em::after { content: "H"; color: #FFF }
/* #scheduleTable table td.visitor em::after { content: "V"; color: #333 } */
#scheduleTable table td div { font-size:min(2.3vw,11px); font-weight: normal; margin: 5px 0 }
#scheduleTable table td p { font-size: min(2.6vw,16px); text-align: center; margin-bottom: 0!important }
#scheduleTable table td a { color: #333; text-decoration: none; position: inherit }
#scheduleTable table td.Sat,
#scheduleTable table td.Sat em,
#scheduleTable table td.Sat a em { color: #5BE }
#scheduleTable table td.Holi,
#scheduleTable table td.Holi em,
#scheduleTable table td.Holi a em { color: #F66 }
#scheduleTable table td a > p { text-decoration: underline; letter-spacing:min(0.08vw,4px) }
#scheduleTable table td a > i { font-size: min(2.4vw,12px); border: #00418D 1px solid; border-radius: 50px; text-align: center; display: block; margin: auto; width:min(98%,110px) }

/* 年月：表記部分 */
#ym { font-size: min(5vw,28px); font-weight: bold }
#ym a,
#ym div:not(.now) { display: flex; border-radius: 20px; font-size:min(2.7vw,15px); padding: min(1.5vw,8px) min(2.2vw,14px); line-height: 1; align-items: center; font-weight: normal }
#ym a { border: #00418D 1px solid; color: #fff; background-color: #00418D }
#ym div:not(.now) { border: #999 1px solid; color: #999 }
#ym span { font-size: 65%; font-weight: normal; padding-right: 5px }
#ym span:last-of-type { padding-right: 0 }
.bg-horizon-list ul { justify-content: space-around }
.bg-horizon-list ul li { flex-grow: 0; width:min(10.8%,112px); margin-right: 0; margin-bottom: 3px }
.bg-horizon-list ul li a { font-size: min(3.5vw,16px) }
#scheduleTable.farm .bg-horizon-list ul li { width:min(12.2%,128px) }
#scheduleTable.farm .bg-horizon-list ul::after { display: none }

@media screen and ( max-width:670px ){
  .bg-horizon-list ul { flex-wrap: wrap }
  .bg-horizon-list ul::after { content:""; display: block; width:min(19.2%,112px) }
  .bg-horizon-list ul li { width:min(19.2%,112px) }
  #scheduleTable.farm .bg-horizon-list ul li { width:min(24.2%,128px) }
}