/*
Theme Name: museum.suisan-shinkou
*/

body .c-form .error{
    color: #FF2222;
    font-size: 1.4rem;
    padding-left: 20px;
    background-image: url("/assets/image/common/ico_error.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
}

/*カレンダー用追加css*/
.p-access-calendar {
    margin-top: 0;
}
.xo-event-calendar {
  font-family: "Noto Sans JP", serif !important;
}
.xo-months::after{
	display:block;
	clear:both;
	content:"";
}
@media all and (max-width: 768px) {
  .xo-event-calendar div.xo-month-wrap:last-child {
    margin-top: 30px;
  }
}
.c-footer__calendar-in .xo-event-calendar table {
  background-color: inherit;
}
.xo-event-calendar table.xo-month,
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td{
  position: relative;
  border-color: #E6E6E6 !important;
}
.p-access-calendar__in .xo-event-calendar table.xo-month > caption {
  background-color: #222;
  color: #fff;
  font-weight: 500;
  caption-side: top;
  text-align: center;
}
.p-access-calendar__in .xo-event-calendar table.xo-month .month-header {
  padding: 12px 5px;
  background-color: #222;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 1.7rem;
}
.p-access-calendar__in .xo-event-calendar table.xo-month .month-header > span {
  font-weight: 500;
  font-size: 1.7rem;
}
.c-footer__calendar-in .xo-event-calendar table.xo-month .month-header {
  margin: 0;
  padding: 12px 5px;
  background-color: #E6E6E6;
  color: #000;
  font-weight: 500;
}
.c-footer__calendar-in .xo-event-calendar table.xo-month .month-header > span {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: inherit;
}
.p-access-calendar__in .xo-event-calendar table.xo-month > thead th {
  background-color: #EBEBEB;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  line-height: 13.54vw;
}
.c-footer__calendar-in .xo-event-calendar table.xo-month > thead th {
  background-color: #EBEBEB;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  line-height: 13.54vw;
}
@media (min-width: 769px){
  .p-access-calendar__in .xo-event-calendar table.xo-month > thead th{
  line-height: 5.43vw;
  }
}

@media (min-width: 1000px){
  .p-access-calendar__in .xo-event-calendar table.xo-month > thead th{
    line-height: 59px;
  }
}
.xo-event-calendar table.xo-month > thead th.sunday {
  color: #c70000 !important;
}
    .xo-event-calendar table.xo-month > thead th.saturday {
  color: inherit !important;
}
.xo-event-calendar table.xo-month .month-dayname td div.today {
  color: inherit !important;
  font-weight: 500 !important;
}

.xo-event-calendar table.xo-month .month-dayname td div {
  height: inherit !important;
  text-align: center !important;
  font-size: 1.4rem !important;
  font-weight: 500;
  line-height: 12.05vw !important;
}
@media (min-width: 769px){
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-dayname td div {
  line-height: 5.5vw !important;
  }
}
@media (min-width: 1000px){
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-dayname td div {
    line-height: 2.9em !important;
  }
}
.c-footer__calendar-in .xo-event-calendar table.xo-month .month-dayname td div.holiday-all::after{
  padding-top: 100%;
  content: '';
}
.xo-event-calendar table.xo-month .month-dayname td div.holiday-all,
.xo-event-calendar table.xo-month .month-dayname td div.holiday-am{
  color: #c70000 !important;
}
/* .xo-event-calendar table.xo-month .month-dayname td div.holiday-all::before{
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72.917%;
  height: calc(72.917% - 6px);
  padding-top: 0%;
  border-radius: 100%;
  border: 1px solid #C70000;
  transform: translate(-50%, -50%);
  content: '';
} */
.xo-event-calendar table.xo-month .month-dayname td div.holiday-all::before,
.xo-event-calendar table.xo-month .month-dayname td div.holiday-am::before{
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72.917%;
  padding-top: 72.917%;
  border-radius: 100%;
  border: 1px solid #C70000;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
}
.xo-event-calendar table.xo-month .month-dayname td div.other-month {
    opacity: 0 !important;
}
.xo-event-calendar table.xo-month .month-dayname-space {
  height: 13.2vw !important;
}
.xo-event-calendar table.xo-month .month-event-space {
  display: none;
}
.xo-event-calendar p.holiday-title {
  display: none;
}

@media (min-width: 769px){
  .p-access-calendar {
      margin-top: 0;
  }
  .p-access-calendar__in{
    display: inherit;
  }
  .xo-month-wrap{
    padding-left:25px;
    width:50%;
    float:left;
	}
  .c-footer__calendar-in .xo-month-wrap{
    padding-left:10px;
	}
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-header {
    padding: 10px 10px 12px;
  }
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-header > span {
    font-size: 2.2rem;
  }
  .p-access-calendar__in .xo-event-calendar table.xo-month > thead th,
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-dayname td div {
    font-size: 1.8rem !important;
  }
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-dayname td div.holiday-all::before{
    width: 72%;
    height: 72%;
  }
  .p-access-calendar__in .xo-event-calendar table.xo-month .month-dayname-space {
    height: 6.4vw !important;
    max-height: 61px;
  }
  .c-footer__calendar-in .xo-event-calendar table.xo-month .month-dayname-space {
    height: 3.2vw !important;
    max-height: 34px;
  }
  .c-footer__calendar-in .xo-event-calendar table.xo-month .month-header {
    margin: 0;
    padding: 4px 5px 6px;
  }
  .c-footer__calendar-in .xo-event-calendar table.xo-month .month-header > span {
    font-size: 1.4rem;
  }
  .c-footer__calendar-in .xo-event-calendar table.xo-month > thead th,
  .c-footer__calendar-in .xo-event-calendar table.xo-month .month-dayname td div {
    font-size: 1.2rem !important;
    line-height: 2.5vw !important;
  }
}
@media (min-width: 1000px){
  .c-footer__calendar-in .xo-event-calendar table.xo-month .month-dayname-space {
    height: 3.2vw !important;
    max-height: 36px;
  }
  .c-footer__calendar-in .xo-event-calendar table.xo-month > thead th,
  .c-footer__calendar-in .xo-event-calendar table.xo-month .month-dayname td div {
    line-height: 30px !important;
  }

}