.elementor-5678 .elementor-element.elementor-element-9f1582b:not(.elementor-motion-effects-element-type-background), .elementor-5678 .elementor-element.elementor-element-9f1582b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5678 .elementor-element.elementor-element-9f1582b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5678 .elementor-element.elementor-element-9f1582b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5678 .elementor-element.elementor-element-39d5e91 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-5678 .elementor-element.elementor-element-39d5e91 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5678 .elementor-element.elementor-element-39d5e91 > .elementor-element-populated > .elementor-widget-wrap{padding:0px 0px 0px 0px;}body.elementor-page-5678:not(.elementor-motion-effects-element-type-background), body.elementor-page-5678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS *//*
.schedule-calendar {
    width: 100%;
    border-collapse: collapse;
}

.schedule-calendar th, .schedule-calendar td {
    border: 1px solid #ccc;
    padding: 8px 2px;
    text-align: center;
}
.schedule-calendar .has-event {
    background-color: #4CAF50; 
}

.schedule-calendar .no-event {
    background-color: #f8f8f8; 
}
tr{
    font-size:10px;
}
*/


     .schedule-table .saturday {
        background-color: #003366 !important;
        color: #fff !important;  /* 土曜日の文字色を青に */
    }
     .schedule-table .sunday {
        background-color: #CC0033 !important;
        color: #fff !important;   /* 日曜日の文字色を赤に */
    }
    .schedule-table th {
    background-color: #546B6B!important;
    color: white;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
}


/* スケジュール表の基本デザイン */
.schedule-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 70%;
}

.schedule-table th, .schedule-table td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px 1px;
}

/* 予定の状態によるスタイル */
.schedule-table .free {  /*  ◯ */
/* 白 */
    color: #999;
          text-shadow:
    0.5px 0.5px 0,
    0.5px -0.5px 0,
    -0.5px 0.5px 0,
    -0.5px -0.5px 0,
    0.5px 0 0,
    0 0.5px 0,
    -0.5px 0 0,
    0 -0.5px 0;
}

.schedule-table .busy {  /* 残1 */
    background-color: #FFFFDD; /* 白 */
    color: #444; /* 黒 */
}
.schedule-table .closed {  /* 残りなし */
    background-color: #ffdddd; /* 赤 */
    color: #d9534f; /* 赤 */
              text-shadow:
    0.5px 0.5px 0,
    0.5px -0.5px 0,
    -0.5px 0.5px 0,
    -0.5px -0.5px 0,
    0.5px 0 0,
    0 0.5px 0,
    -0.5px 0 0,
    0 -0.5px 0;
}

/* ラジオボタンの見た目調整（管理画面用） */
.schedule-settings input[type="radio"] {
    margin-right: 5px;
}
table tbody > tr:nth-child(2n+1) > td{
        background-color: #FBFBFB ;
}
.past-cell{
    background-color: #bbb;
    color: #bbb;
}
tr:hover td.past-cell {
    background-color: #bbb;
    color: #bbb;
}
table tbody > tr:nth-child(2n+1) > .past-cell{
        background-color: #bbb;
            color: #bbb;
}
.cal-css{
    text-align: center;
    margin-bottom: 20px;
}
.cal-css .today-button {
    font-size: 13px;
    background-color:#666644;
    color:#fff;
    border-radius:2px;
    padding: 15px 10px;
}
.cal-css .today-button:hover {
    background-color:#777744;
    color:#fff;
}
.cal-css .week-button {
    font-size: 13px;
    background-color:#666644; 
    color:#fff;
    border-radius:2px;
    padding: 15px 5px;
}
.cal-css .week-button:hover {
    background-color: #777744;
}
.cal-css .month-button {
    font-size: 13px;
    background-color:#777;
    color:#fff;
    border-radius:2px;
    padding: 15px 5px;
}
.cal-css .month-button:hover {
    color:#fff;
    background-color: #666;
}
.week-select{
    margin-bottom:20px;
    text-align: center;
}
.week-display{
    font-size: 13px;
    text-align: center;
    margin:15px 0px;
}
.schedule-datetime{
    font-size: 80%;
}


p{
    padding-bottom:0.4em;
    
}


/* ローディング画面 */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fff;

  /* 以下のコードを追加 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.loader,
.loader:before,
.loader:after {
  background: #ccc;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ccc;
  text-indent: -9999em;
  margin: 300px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.loaded {
  opacity: 0;
  visibility: hidden;
}

#wpadminbar{display: none}/* End custom CSS */