@charset "UTF-8";
.mc-content {
  padding: 17px !important;
  border-radius: 4px;
  background-color: #FCF7EE;
  overflow: auto;
}
@media print, screen and (min-width: 768px) {
  .mc-content {
    padding: 25px !important;
    border-radius: 6px;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 920px) {
  .mc-content {
    padding: 30px !important;
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 1280px) {
  .mc-content {
    padding: 34px !important;
    border-radius: 10px;
  }
}
.mc-content::-webkit-scrollbar {
  width: 100%;
  height: 5px;
}
.mc-content::-webkit-scrollbar-track {
  background-color: #FFF;
  border-radius: 0;
}
.mc-content::-webkit-scrollbar-thumb {
  background-color: #E7404E;
  border-radius: 2px;
}

.mc-main .heading:not(.widget .mc-main .heading) {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
}
@media print, screen and (min-width: 768px) {
  .mc-main .heading:not(.widget .mc-main .heading) {
    font-size: 3.4rem;
  }
}
@media print, screen and (min-width: 920px) {
  .mc-main .heading:not(.widget .mc-main .heading) {
    font-size: 3.7rem;
  }
}
@media print, screen and (min-width: 1280px) {
  .mc-main .heading:not(.widget .mc-main .heading) {
    font-size: 4rem;
  }
}

.mc-main .my-calendar-navigation > div {
  justify-content: center;
  margin-bottom: 10px;
}

.my-calendar-prev,
.my-calendar-next {
  display: none;
}

#mc-nav-prev, #mc-nav-next {
  display: none !important;
}

.mc-main table.my-calendar-table {
  width: 200% !important;
  border-collapse: separate;
  border-spacing: 3px;
}
@media print, screen and (min-width: 768px) {
  .mc-main table.my-calendar-table {
    width: 100% !important;
    border-spacing: 5px;
  }
}
@media print, screen and (min-width: 1280px) {
  .mc-main table.my-calendar-table {
    border-spacing: 6px;
  }
}

.mc-main .my-calendar-table, .mc-main .my-calendar-list {
  color: #222;
}

.mc-main thead {
  border-bottom: 0px;
}

.mc-main th {
  font-size: 1.6rem;
  padding: 10px 0;
}
.mc-main th.sun {
  color: #E7404E;
}
.mc-main th.sat {
  color: #006DA7;
}

.mc-main td {
  border: 0px;
  background-color: #FFF;
}
.mc-main td.nextmonth {
  background-color: #E6E2DA;
}
.mc-main td.nextmonth .mc-date {
  color: #FFF;
}

.mc-main .event-title {
  margin: 8px !important;
}

.mc-main .mc_2 .event-title, .mc-main .mc_2 .event-title a {
  color: #FFF !important;
}

.mc-main .mc-date {
  text-align: left;
}

.mc-main .has-events .mc-date {
  color: #222;
  background-color: transparent;
}

.mc-main .mc-row td:nth-child(1) {
  color: #E7404E;
}
.mc-main .mc-row td:nth-child(7) {
  color: #006DA7;
}

.mc-main td .event-title {
  text-wrap: auto !important;
}

/* ===== My Calendar 強制PC表示（最終版） ===== */
/* ラッパー */
.mc-main {
  overflow-x: auto;
}

/* テーブル復元 */
.mc-main .my-calendar-table {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

/* ヘッダー */
.mc-main .my-calendar-table thead {
  display: table-header-group !important;
}

/* ボディ */
.mc-main .my-calendar-table tbody {
  display: table-row-group !important;
}

/* 行 */
.mc-main .my-calendar-table tr {
  display: table-row !important;
}

/* セル */
.mc-main .my-calendar-table th,
.mc-main .my-calendar-table td {
  display: table-cell !important;
  width: auto !important;
  min-width: 120px;
  vertical-align: top;
}

/* SPでよくあるこれを潰す */
.mc-main .my-calendar-table td::before {
  display: none !important;
}

/* もしflexになってたら強制解除 */
.mc-main .my-calendar-table,
.mc-main .my-calendar-table * {
  flex: none !important;
}

html body .mc-main .my-calendar-table {
  display: table !important;
}

.mc-main:not(.mini, .disable-responsive) .my-calendar-table td .mc-date .screen-reader-text {
  display: none !important;
}

.mc-main:not(.mini, .disable-responsive) .my-calendar-table td .mc-date span[aria-hidden=true] {
  display: block !important;
}

.mc-main:not(.mini, .disable-responsive) .my-calendar-table td .mc-date span.event-icon[aria-hidden=true] {
  display: none !important;
}

.mc-main:not(.mini, .disable-responsive) .my-calendar-table td .mc-date {
  font-size: 1.4rem !important;
  padding: 0 8px !important;
}

.mc-main:not(.mini, .disable-responsive) .my-calendar-table td.no-events, .mc-main:not(.mini, .disable-responsive) .my-calendar-table td.nextmonth {
  height: 70px !important;
}