@charset "utf-8";

/* カスタムスタイル - index4 - 予定表 */

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.sub-title-toon-text-outer {
  width: 650px;
  margin: 0 auto;
  border-bottom: 2px solid #000;
}

.sub-title-toon-text-inner {
  width: 100%;
  border-bottom: 1px solid #000;
  margin-bottom: 3px;
  position: relative;
}

.sub-title-toon-img {
  width: 20px;
  position: absolute;
  bottom: -15px;
}

.sub-title-toon-text {
  font-size: 1.8rem !important;
  color: #000;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background-image: none !important;
  line-height: 1.1 !important;
}

.sub-title-toon-text-margin {
  margin-left: 1em;
}

.sub-title-text-img {
  width: 115px;
  position: absolute;
  left: 30px;
  top: 0;
}

.piacon-sub-title-toon-text-margin {
  margin-left: 5.5em;
}

.art-schedule-piacon_piara-table-outer {
  overflow-x: scroll;
}

.art-schedule-piacon_piara-table {
  width: 660px;
  margin: 0 auto;
  margin-bottom: 5rem;
}

.piacon_piara-table-th {
  width: 28px;
}

.art-schedule-piacon_piara-table,
.art-schedule-piacon_piara-table-tr,
.art-schedule-piacon_piara-table-tr>th,
.art-schedule-piacon_piara-table-tr>td {
  border: 1px solid #666;
  border-collapse: collapse;
}

.art-schedule-piacon_piara-table-tr>th {
  background-color: #333;
  color: #fff;
  font-size: 15px;
  padding: 0.3em 0;
  text-align: center;
}

.vertical-table-td {
  writing-mode: vertical-rl;
  text-align: center;
  vertical-align: middle;
  padding: 0.3em;
  font-weight: bold;
}

.art-schedule-piacon_piara-table-tr>td {
  padding: 0.3em;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.3em;
}

.art-schedule-piacon_piara-table-tr>td:last-of-type {
  font-weight: bold;
}

.art-schedule-piacon_piara-table-bg-orange {
  background-color: #fee9d8;
}

.art-schedule-piacon_piara-table-bg-pink {
  background-color: #fff2f9;
}

.art-schedule-piacon_piara-table-bg-blue {
  background-color: #eff8ff;
}

.art-schedule-piacon_piara-table-bg-purple {
  background-color: #eae6f4;
}

.art-schedule-piacon_piara-table-bg-yellow {
  background-color: #fafce6;
}

.art-schedule-piacon_piara-table-bg-green {
  background-color: #eaf3e0;
}

.background-2022-table-color:nth-of-type(2)>td {
  background-color: #fff2f9 !important;
}

.background-2022-table-color:nth-of-type(3)>td {
  background-color: #eaf3e0 !important;
}

.background-2022-table-color:nth-of-type(4)>td {
  background-color: #eff8ff !important;
}

.background-2022-table-color:nth-of-type(5)>td {
  background-color: #fff2f9 !important;
}

.background-2022-table-color:nth-of-type(6)>td {
  background-color: #eaf3e0 !important;
}

.background-2022-table-color:nth-of-type(7)>td {
  background-color: #eff8ff !important;
}

.background-2022-table-color:nth-of-type(8)>td {
  background-color: #fff2f9 !important;
}

.background-2022-table-color:nth-of-type(9)>td {
  background-color: #eaf3e0 !important;
}

.background-2022-table-color:nth-of-type(10)>td {
  background-color: #eff8ff !important;
}

.background-2022-table-color:nth-of-type(11)>td {
  background-color: #fff2f9 !important;
}

.background-2022-table-color:nth-of-type(12)>td {
  background-color: #eaf3e0 !important;
}

.background-2022-table-color:nth-of-type(13)>td {
  background-color: #eff8ff !important;
}

.background-2022-table-color:nth-of-type(14)>td {
  background-color: #fff2f9 !important;
}

.background-2022-table-color:nth-of-type(15)>td {
  background-color: #eaf3e0 !important;
}

.background-2022-table-color:nth-of-type(16)>td {
  background-color: #eff8ff !important;
}

.background-2022-table-color:nth-of-type(17)>td {
  background-color: #fff2f9 !important;
}

.piacon-schedule-outer {
  overflow-x: scroll;
}

.piacon-schedule-table {
  width: 660px;
}

.piacon-schedule-table-tr,
.piacon-schedule-table-tr>th,
.piacon-schedule-table-tr>td {
  border: 1px solid #666;
}

.piacon-schedule-table-tr>th {
  background-color: #000;
  color: #fff;
  padding: 0.3em 0;
}

.piacon-schedule-table-tr>td {
  font-size: 13px;
  padding: 0.3em;
}

.piacon-schedule-table-bg-pink {
  background-color: #fff2f9;
}

.piacon-schedule-table-bg-blue {
  background-color: #eff8ff;
}

.piacon-schedule-table-bg-orange {
  background-color: #fee9d8;
}

.piacon-schedule-table-bg-purple {
  background-color: #eae6f4;
}

.piacon-schedule-table-bg-yellow {
  background-color: #fafce6;
}

.piacon-schedule-table-bg-gray {
  background-color: #edecea;
}

.piacon-text-table {
  width: 600px;
}

.piacon-text-table-tr>td {
  padding: 0.3em;
}

.piacon-text-table-tr>td:nth-of-type(2) {
  text-align: right;
}

.piacon-text-table-tr>td:nth-of-type(3) {
  text-align: center;
}

.piano-uta-sirabe {
  margin-left: 1em;
}

.scroll-top {
  overflow-x: scroll;
  overflow-y: hidden; /* Hide vertical scrollbar if present */
  height: 20px; /* Adjust height as needed */
  margin-top: 10px;
  margin-bottom: 10px; /* Space between top scrollbar and table */
}

.scroll-top-inner {
  width: 1320px; /* This needs to be at least the width of your table to enable scrolling */
  height: 1px; /* Minimal height */
}

.table-scroll {
  overflow-x:scroll;
}