@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
/*Animate */
#modal_live, #modal_live_a {
  display: none;
}

.modaal-content-container .mod_intro {
  margin-bottom: 1.5em;
  text-align: center;
}
.modaal-content-container .mod_intro .modal_tit {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
  font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .modaal-content-container .mod_intro .modal_tit {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .modaal-content-container .mod_intro .modal_tit {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  .modaal-content-container .mod_intro .modal_tit {
    margin-bottom: .5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .modaal-content-container {
    padding: 10% 5%;
  }
}
@media only screen and (max-width: 767px) {
  .modaal-content-container {
    padding: 10% 6%;
  }
}

.modaal-content-container .mod_intro {
  margin-bottom: 1.5em;
  text-align: center;
}
.modaal-content-container .mod_intro .modal_tit {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
  font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .modaal-content-container .mod_intro .modal_tit {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .modaal-content-container .mod_intro .modal_tit {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  .modaal-content-container .mod_intro .modal_tit {
    margin-bottom: .5em;
  }
}

#mini-calendar, #mini-calendar_a {
  /* 何もない日 */
}
#mini-calendar .calendar-year-month, #mini-calendar_a .calendar-year-month {
  text-align: center;
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #mini-calendar .calendar-year-month, #mini-calendar_a .calendar-year-month {
    font-size: 26px;
    margin-bottom: .5em;
  }
}
#mini-calendar table, #mini-calendar_a table {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 0;
  line-height: 1.5;
  border-collapse: separate;
  border: 1px solid #dbdbdb;
}
#mini-calendar th, #mini-calendar td, #mini-calendar_a th, #mini-calendar_a td {
  background: #fff;
  padding: 7px;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
#mini-calendar th:last-of-type, #mini-calendar td:last-of-type, #mini-calendar_a th:last-of-type, #mini-calendar_a td:last-of-type {
  border-right: none;
}
@media only screen and (max-width: 767px) {
  #mini-calendar th, #mini-calendar td, #mini-calendar_a th, #mini-calendar_a td {
    border-right: none;
  }
}
#mini-calendar th, #mini-calendar_a th {
  color: #fff;
  vertical-align: top;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;
  color: #464646;
  border-right: none;
  border-left: none;
}
#mini-calendar th.calendar-sun, #mini-calendar_a th.calendar-sun {
  color: #DF0D2D;
}
#mini-calendar th.calendar-sat, #mini-calendar_a th.calendar-sat {
  color: #5ea4bf;
}
#mini-calendar td, #mini-calendar_a td {
  width: 14.3%;
  height: 100px;
  vertical-align: top;
}
#mini-calendar td.calendar-day-off, #mini-calendar_a td.calendar-day-off {
  background: #F4F3F2;
  color: #555;
}
#mini-calendar td.calendar-holiday, #mini-calendar td.calendar-sun, #mini-calendar_a td.calendar-holiday, #mini-calendar_a td.calendar-sun {
  color: #CE2727;
  background: #FCF3F3;
}
#mini-calendar td.calendar-sat, #mini-calendar_a td.calendar-sat {
  color: #5ea4bf;
  background: #eff6f8;
}
#mini-calendar .calendar-day-number, #mini-calendar_a .calendar-day-number {
  font-style: normal;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  display: block;
  padding: 0 3px;
  line-height: 1.2;
}
#mini-calendar td.calendar-holiday .day, #mini-calendar td.calendar-sun .day, #mini-calendar_a td.calendar-holiday .day, #mini-calendar_a td.calendar-sun .day {
  color: #DF0D2D;
}
#mini-calendar td.calendar-sat .day, #mini-calendar_a td.calendar-sat .day {
  color: #2574D3;
}
#mini-calendar td span, #mini-calendar_a td span {
  font-size: 11px;
  line-height: 1.3;
  display: block;
}
#mini-calendar [class*=calender-label], #mini-calendar_a [class*=calender-label] {
  font-size: 11px;
  line-height: 1.3;
  color: #000;
  background: #FCEBCF;
  display: block;
  padding: 3px;
  margin-top: 3px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
}
#mini-calendar td span.calender-label-red, #mini-calendar_a td span.calender-label-red {
  background-color: #FCCFD1;
  border-color: #D28EA6;
}
#mini-calendar td span.calender-label-blue, #mini-calendar_a td span.calender-label-blue {
  background-color: #CFE4FC;
  border-color: #8E9BD2;
}
#mini-calendar td span.calender-label-green, #mini-calendar_a td span.calender-label-green {
  background-color: #E5FCCF;
  border-color: #99C170;
}
#mini-calendar td span.calender-label-01, #mini-calendar_a td span.calender-label-01 {
  background-color: #5ea4bf;
  border-color: #5ea4bf;
  color: #fff;
}
#mini-calendar td span.calender-label-02, #mini-calendar_a td span.calender-label-02 {
  background-color: #bda67c;
  border-color: #bda67c;
  color: #fff;
}
#mini-calendar td span.calender-label-03, #mini-calendar_a td span.calender-label-03 {
  background-color: #81a686;
  border-color: #81a686;
  color: #fff;
}
#mini-calendar td span.calender-label-04, #mini-calendar_a td span.calender-label-04 {
  background-color: #676767;
  border-color: #676767;
  color: #fff;
}
#mini-calendar td span.calender-label-05, #mini-calendar_a td span.calender-label-05 {
  background-color: #fff;
  border-color: #fff;
  color: #fff;
}
#mini-calendar td.calendar-none, #mini-calendar_a td.calendar-none {
  background: #FBFAF7;
}
#mini-calendar td.calendar-today, #mini-calendar_a td.calendar-today {
  background: #FEFBDA;
}
@media screen and (max-width: 600px) {
  #mini-calendar, #mini-calendar_a {
    /* 日付 */
    /* モバイル用曜日を追加 */
  }
  #mini-calendar thead, #mini-calendar_a thead {
    display: none;
  }
  #mini-calendar th,
  #mini-calendar td, #mini-calendar_a th,
  #mini-calendar_a td {
    display: block;
    width: 100%;
    padding: 0;
  }
  #mini-calendar td, #mini-calendar_a td {
    height: auto;
    display: -webkit-flex;
    display: flex;
  }
  #mini-calendar .calendar-none, #mini-calendar_a .calendar-none {
    display: none;
  }
  #mini-calendar .calendar-labels, #mini-calendar_a .calendar-labels {
    padding: 5px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 767px) {
  #mini-calendar .calendar-labels, #mini-calendar_a .calendar-labels {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #mini-calendar [class*=calender-label], #mini-calendar_a [class*=calender-label] {
    display: inline-block;
    padding: 5px;
    margin-top: 0;
    margin-right: 5px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 767px) {
  #mini-calendar [class*=calender-label], #mini-calendar_a [class*=calender-label] {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  #mini-calendar td .calendar-day-number, #mini-calendar_a td .calendar-day-number {
    font-weight: normal;
    padding: 7px;
    font-size: 16px;
    display: block;
    background: transparent;
    margin-bottom: 0;
    width: 92px;
    height: auto;
  }
  #mini-calendar td.calendar-holiday .calendar-day-number,
  #mini-calendar .calendar-day-number, #mini-calendar_a td.calendar-holiday .calendar-day-number,
  #mini-calendar_a .calendar-day-number {
    background: #f8c7c7;
  }
  #mini-calendar .calendar-day-number, #mini-calendar_a .calendar-day-number {
    background: #c8ebfe;
  }
  #mini-calendar td i:after, #mini-calendar_a td i:after {
    font-size: 11px;
    position: relative;
    left: -5px;
  }
  #mini-calendar td:nth-child(1) i:after, #mini-calendar_a td:nth-child(1) i:after {
    content: "　Mon";
  }
  #mini-calendar td:nth-child(2) i:after, #mini-calendar_a td:nth-child(2) i:after {
    content: "　Tue";
  }
  #mini-calendar td:nth-child(3) i:after, #mini-calendar_a td:nth-child(3) i:after {
    content: "　Wed";
  }
  #mini-calendar td:nth-child(4) i:after, #mini-calendar_a td:nth-child(4) i:after {
    content: "　Thu";
  }
  #mini-calendar td:nth-child(5) i:after, #mini-calendar_a td:nth-child(5) i:after {
    content: "　Fri";
  }
  #mini-calendar td:nth-child(6) i:after, #mini-calendar_a td:nth-child(6) i:after {
    content: "　Sat";
  }
  #mini-calendar td:nth-child(7) i:after, #mini-calendar_a td:nth-child(7) i:after {
    content: "　Sun";
  }
}

#mini-calendar table th#calender-id3, #mini-calendar table th#calender-id24, #mini-calendar table td#calender-id3, #mini-calendar table td#calender-id24 {
  color: #CE2727;
  background: #FCF3F3;
}

.box_live .btn_basic {
  display: inline-block;
  margin: 1em;
}

.box_tbl {
  width: 100%;
}
.box_tbl .tbl_note {
  margin-left: calc(100% / 7);
  width: calc((100% / 7) * 2);
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_tbl .tbl_note {
    width: calc((100% / 7) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note {
    border: 1px solid #dbdbdb;
    border-top: none;
  }
}
.box_tbl .tbl_note tr th,
.box_tbl .tbl_note tr td {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-top: 0;
  padding: 7px;
  vertical-align: top;
}
.box_tbl .tbl_note tr th.date {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-evenly;
  padding: 3px 0 0;
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note tr th.date {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note tr th.date {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note tr th.date {
    padding: 3px 7px;
  }
}
.box_tbl .tbl_note tr th.date .sat,
.box_tbl .tbl_note tr th.date .sun {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note tr th.date .sat,
  .box_tbl .tbl_note tr th.date .sun {
    display: block;
  }
}
.box_tbl .tbl_note tr th.date .sat span,
.box_tbl .tbl_note tr th.date .sun span {
  font-size: 11px;
}
.box_tbl .tbl_note tr th.date .sat {
  color: #5ea4bf;
}
.box_tbl .tbl_note tr th.date .sun {
  color: #DF0D2D;
}
.box_tbl .tbl_note tr td {
  display: block;
  font-size: 12px;
  width: 100%;
}
.box_tbl .tbl_note tr .tbl_inner {
  background-color: #5ea4bf;
  border-radius: 3px;
  border-color: #5ea4bf;
  color: #fff;
  display: block;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note tr .tbl_inner {
    margin-bottom: 0;
  }
}
.box_tbl .tbl_note tr .tbl_inner tr {
  width: 100%;
}
.box_tbl .tbl_note tr .tbl_inner th,
.box_tbl .tbl_note tr .tbl_inner td {
  background: transparent;
  border: none;
  font-weight: normal;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .box_tbl .tbl_note tr.date, .box_tbl .tbl_note tr.detail {
    display: inline-block;
  }
  .box_tbl .tbl_note tr.date {
    width: 67px;
  }
  .box_tbl .tbl_note tr.date th.date {
    border: none;
    text-align: left;
  }
  .box_tbl .tbl_note tr.detail {
    width: calc(100% - 72px);
  }
  .box_tbl .tbl_note tr.detail td {
    border: none;
  }
}