.wpsbc-container {float:left; clear:both;}

.wpsbc-container * {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-weight:normal; color:#000000; text-indent:0 !important;}
 
div.wpsbc-calendar {width:192px; *width:232px; height:231px; *height:212px; padding:10px 7px 7px 10px !important; position:relative; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#ffffff; float:left; margin: 0 5px 10px 5px; }


.wpsbc-calendar br {display:none;}
.wpsbc-calendar p {margin: 0 !important; padding: 0 !important;}


div.wpsbc-calendar div.wpsbc-heading {height:28px; width:170px; border-bottom:1px solid #000; color:#000000; font-size:0px; text-align:center;}
div.wpsbc-calendar div.wpsbc-heading span {font-size:12px; color:#000000; line-height:18px;}
div.wpsbc-calendar div.wpsbc-heading a {display:block; width:20px; height:19px; color:#000000; border:none !important; line-height:0 !important;}
div.wpsbc-calendar div.wpsbc-heading a img {margin:0 !important; padding:0 !important; border:0 !important;}
div.wpsbc-calendar div.wpsbc-heading a.wpsbc-prev {float:left; font-size:0;}
div.wpsbc-calendar div.wpsbc-heading a.wpsbc-next {float:right; font-size:0;}

div.wpsbc-calendar div.wpsbc-heading select {height:19px; width:168px; opacity:1; position:absolute; left:-1px; top:0;}
div.wpsbc-calendar div.wpsbc-heading div.wpsbc-select-container { float:left; margin:0 5px; height:19px; width:120px; text-align:left;  overflow:hidden; position:relative;} 

div.wpsbc-calendar img {-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}

div.wpsbc-calendar li {background-image:none !important; border:none !important;}
div.wpsbc-calendar li:before {content:none !important;}
div.wpsbc-calendar li:after {content:none !important;}

div.wpsbc-calendar ul {list-style:none; float:left; clear:left; margin:0 !important; padding:0 !important; display:block; width:100%;}
div.wpsbc-calendar ul li {display:block; float:left; width:22px; padding:0 !important;  height:22px; line-height:22px; font-size:12px !important; text-align:center; margin:0 0 2px 2px !important; *margin:0 0 4px 2px !important; position:relative; z-index:2;}

div.wpsbc-calendar ul.wpsbc-weekdays {margin:0 !important; padding:10px 0 6px 0 !important; display:block;}
div.wpsbc-calendar ul.wpsbc-weekdays li {background:#fff; color:#333; font-size:12px !important; font-weight:bold;}
div.wpsbc-calendar ul li.wpsbc-pad {background:#fff;}

div.wpsbc-calendar .wpsbc-loading {display:none; position:absolute; left:50%; top:50%; margin:0px 0 0 -16px}

.wpsbc-clear:before, .wpsbc-clear:after {content: " "; display: table;}
.wpsbc-clear:after {clear: both;}
.wpsbc-clear {position:static !important;}


.wpsbc-calendar-options {display:none;}

div.wpsbc-calendar ul li .wpsbc-day-split-top, .wpsbc-select-status .wpsbc-day-split-top {z-index:1; position:absolute; left:0; top:0; width: 0px; height: 0px; border-style: solid;  border-width: 22px 22px 0 0; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); color:#000000;}

div.wpsbc-calendar ul li .wpsbc-day-split-bottom, .wpsbc-select-status .wpsbc-day-split-bottom {z-index:1; position:absolute; right:0; bottom:0; width: 0px; height: 0px; border-style: solid; border-width: 0 0 22px 22px; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); color:#000000;}
div.wpsbc-calendar ul li .wpsbc-day-split-day, .wpsbc-select-status .wpsbc-day-split-day {position:relative; z-index:2; color:#000000;}

.wpsbc-legend-color {position:relative;}

.wpsbc-legend-color .wpsbc-day-split-top {z-index:1; position:absolute; left:0; top:0; width: 0px; height: 0px; border-style: solid;  border-width: 22px 22px 0 0; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}

.wpsbc-legend-color .wpsbc-day-split-bottom {z-index:1; position:absolute; right:0; bottom:0; width: 0px; height: 0px; border-style: solid; border-width: 0 0 22px 22px; line-height: 0px; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}

div.wpsbc-select-container {position:relative;}
div.wpsbc-select-container .wpsbc-dropdown {width:120px; height:19px; line-height:1; background:#fafafa url(../images/wpsbc-dropdown-arrow.png) no-repeat 102px 6px; border:1px solid #999999; color:#000000; font-size:12px; padding-left:4px; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:0px !important;}
div.wpsbc-select-container .wpsbc-dropdown span {line-height:1; margin:0; padding:0;}
div.wpsbc-select-container .wpsbc-dropdown.customSelectHover {background-color:#efefef;}
div.wpsbc-select-container .hasCustomSelect {margin-left:1px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    div.wpsbc-select-container .hasCustomSelect {margin-left:2px;}
}

.wpsbc-legend {padding:10px 10px 8px 10px !important; border:1px solid #cccccc; float:left; max-width:192px; display:block; margin-left:5px; background:#fff;}
.wpsbc-legend .wpsbc-legend-item {display:block; margin-bottom:2px; float: left; width: auto; clear:left;}
.wpsbc-legend .wpsbc-legend-item p {line-height:20px !important; padding:0 !important; font-size:12px !important; color:#000000; display:block; float:left; margin:0 0 2px 0 !important;}
.wpsbc-legend .wpsbc-legend-color {width:20px; float:left; height:20px; display:block; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:5px; }
.wpsbc-legend .wpsbc-legend-color .wpsbc-day-split-top {border-width: 20px 20px 0 0 !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.wpsbc-legend .wpsbc-legend-color .wpsbc-day-split-bottom { border-width: 0 0 20px 20px !important;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}

.wpsbc-widget .wpsbc-calendar, .wpsbc-widget .wpsbc-calendar:first-child {margin: 5px;}
.wpsbc-widget .wpsbc-legend {margin:5px;}

.wpsbc-calendars {float:left;}

/* ===== gooddive.css(front-end のみ。管理画面は上の旧版のまま) ===== */
body:not(.wp-admin) .wpsbc-container {float: none;
  clear: both;
  flex: 0 0 738.3px;
  width: 738.3px;
  max-width: 100%;
  box-sizing: border-box;
  color: inherit;}
body:not(.wp-admin) .wpsbc-container * {font-family: inherit !important;
  font-weight: normal;
  color: inherit;
  text-indent: 0 !important;
  box-sizing: border-box;}
body:not(.wp-admin) .wpsbc-container .wpsbc-clear {display: none !important;}
body:not(.wp-admin) .wpsbc-calendar-options {display: none !important;}
body:not(.wp-admin) .wpsbc-container .wpsbc-calendars {float: none;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 29px;
  align-items: stretch;
  margin: 0;
  padding: 0 0 16px;
  width: auto;}
body:not(.wp-admin) div.wpsbc-calendar {min-width: 0;
  max-width: none;
  width: auto;
  height: auto;
  float: none;
  margin: 0;
  padding: 0 !important;
  position: relative;
  border: 1px solid #f1f1f1;
  background: #fff;
  container-type: inline-size;}
body:not(.wp-admin) .wpsbc-calendar br {display: none;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading {position: relative;
  height: 42px;
  width: auto;
  padding: 8px;
  border: 0;
  background: #f5f5f5;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  color: inherit;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading span {font-size: 13px;
  line-height: 26px;
  color: inherit;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a {position: absolute;
  top: 8px;
  display: block;
  width: 26px;
  height: 26px;
  margin: 0;
  border: 0 !important;
  border-radius: 2px;
  background: #bdc3c7;
  line-height: 0 !important;
  text-decoration: none;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a.wpsbc-prev {left: 8px;
  float: none;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a.wpsbc-next {right: 8px;
  float: none;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a img {display: none;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a::before {content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-style: solid;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a.wpsbc-prev::before {left: 50%;
  margin-left: -5px;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #fff transparent transparent;}
body:not(.wp-admin) div.wpsbc-calendar div.wpsbc-heading a.wpsbc-next::before {right: 50%;
  margin-right: -5px;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #fff;}
body:not(.wp-admin) div.wpsbc-calendar ul {list-style: none;
  float: none;
  clear: none;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0 2px;
  width: auto;
  margin: 0 !important;
  padding: 1px 8px !important;}
body:not(.wp-admin) div.wpsbc-calendar ul.wpsbc-weekdays {padding: 8px 8px 8px !important;}
body:not(.wp-admin) div.wpsbc-calendar ul.wpsbc-weekdays li {display: block;
  aspect-ratio: auto;
  height: 22px;
  line-height: 22px;
  background: none;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center;
  color: inherit;}
body:not(.wp-admin) div.wpsbc-calendar ul:last-of-type {padding-bottom: 8px !important;}
body:not(.wp-admin) div.wpsbc-calendar ul li {display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1.074;
  line-height: 1;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  text-align: center;
  position: relative;
  z-index: auto;}
@supports (width: 1cqw) {
body:not(.wp-admin) div.wpsbc-calendar ul:not(.wpsbc-weekdays) li {--cw: calc((100cqw - 14px) / 7 - 2px);
    --ch: calc((100cqw - 14px) / 7);
    aspect-ratio: auto;
    height: var(--ch);}
body:not(.wp-admin) div.wpsbc-calendar ul li .wpsbc-day-split-top {border-width: var(--ch) var(--cw) 0 0;}
body:not(.wp-admin) div.wpsbc-calendar ul li .wpsbc-day-split-bottom {border-width: 0 0 var(--ch) var(--cw);}
}
@supports (height: round(down, 10px, 1px)) {
body:not(.wp-admin) div.wpsbc-calendar ul:not(.wpsbc-weekdays) li {--ch: round(down, calc((100cqw - 14px) / 7), 1px);}
}
body:not(.wp-admin) div.wpsbc-calendar ul li.status-wpsbc-grey-out-history {background-color: #e1e1e1;}
body:not(.wp-admin) div.wpsbc-calendar ul li.wpsbc-pad {background: #f7f7f7;}
body:not(.wp-admin) div.wpsbc-calendar li {background-image: none !important;
  border: none !important;}
body:not(.wp-admin) div.wpsbc-calendar li:before,
body:not(.wp-admin) div.wpsbc-calendar li:after {content: none !important;}
body:not(.wp-admin) div.wpsbc-calendar ul li .wpsbc-day-split-day {position: relative;
  z-index: 2;
  color: inherit;
  font-size: 13px;}
body:not(.wp-admin) .wpsbc-calendar .wpsbc-loading {display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 -16px;}
body:not(.wp-admin) .wpsbc-container .wpsbc-legend {display: none;}