@charset "UTF-8";
/*=======================================
ABOUT
=========================================*/

.p-opening_schedule {
  padding-top: 140px;
    background-color: #F4F3F3;
    background-size: cover;
    height: auto;
    color: #636464;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.p-opening_schedule__nav,
.p-opening_schedule__spot {
    width: 960px;
    margin: 0 auto;
    padding-top: 40px;
}

.p-opening_schedule__spot {
    text-align: center;
}

.p-opening_schedule__spot h1 {
    font-size: 30px;
    color: #00A0CA;
    margin-bottom: 30px;
}

.p-opening_schedule__nav ol {
    display: flex;
}

.p-opening_schedule__nav ol li:first-child:after {
    content: '>';
    padding: 0 10px;
}

.calendar-title {
    text-align: center;
  }
  .calendar-table {
    margin: 0 auto;
  }

 .calendar-table td {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }

  .is-today {
    color: red;
  }

  .container {
    font-family: 'Noto Sans', sans-serif;/*--GoogleFontsを使用--*/
      /* margin-top: 80px; */
      width: 960px;
      margin: 50px auto 0;
      padding-bottom: 20px;
  }

  .container .table-bordered {
    width: 960px;
  }

  .container h3 {
      margin-bottom: 80px;
      text-align: center;
      font-size: 60px;
      color: #00A0CA;
  }

  .container .table-bordered th {
      height: 30px;
      text-align: center;
      color: #00A0CA;
      font-size: 25px;
      padding-bottom: 20px;
  }

  .container .table-bordered td {
      height: 100px;
      font-size: 20px;
      width: 137px;
      border-right: 1px solid #636464;
      border-bottom: 1px solid #636464;
      border-top: 1px solid #636464;
  }

  .container .table-bordered td:first-child {
    border-left: 1px solid #636464;
  }

  .today {
    color: #00A0CA;/*--日付が今日の場合は背景オレンジ--*/
  }

  .container .table-bordered th:nth-of-type(1), td:nth-of-type(1) {/*--日曜日は赤--*/
      /* color: red; */
  }

  .container .table-bordered th:nth-of-type(7), td:nth-of-type(7) {/*--土曜日は青--*/
      /* color: blue; */
  }

  .xo-event-calendar {
    width: 960px;
    margin: 0 auto;
  }


  .xo-event-calendar table.xo-month {
    height: 625px;
  }

  .xo-event-calendar table.xo-month > thead th.saturday {
    color: #00A0CA;
  }

  .xo-event-calendar table.xo-month .month-event-title {
    margin: 0 6px;
    position: relative;
    top: 20px;
  }

  .xo-event-calendar table.xo-month,
  .xo-event-calendar table.xo-month th {
    border: none !important;
  }

  .xo-event-calendar {
    padding-bottom: 100px;
  }

  .xo-month-wrap {
    padding-top: 50px;
  }

  .xo-event-calendar table.xo-month > thead th.saturday,
  .xo-event-calendar table.xo-month > thead th.sunday,
  .xo-event-calendar table.xo-month > thead th {
    color: #00A0CA !important;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  }

  .xo-event-calendar table.xo-month .month-week {
    background-color: #ffffff;
    /* border-left: 1px solid #ccc; */
  }

  .xo-event-calendar table {
    background-color: rgba(0,0,0,0) !important;
  }


  .xo-event-calendar table.xo-month {
    margin-bottom:  0 !important;
  }

  .xo-event-calendar table.xo-month .month-header > span {
    color: #00A0CA !important;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  }
/* ----------------------------- スマホ（～767px） */

@media screen and (max-width: 767px) {

  .p-opening_schedule {
    padding-top: 70px;
  }
  .p-opening_schedule__nav,
  .p-opening_schedule__spot {
    width: 93%;
  } 

  .xo-event-calendar {
    width: 95%;
  }
  .xo-event-calendar table.xo-month .month-event-title {
    line-height: 150% !important;
    white-space: normal !important;
  }
}

@media (max-width: 1180px) and (min-width: 768px) {
  .p-opening_schedule__nav,
  .p-opening_schedule__spot {
    width: 93%;
  }

  .xo-event-calendar {
    width: 95%;
  }
}