#calendarDetail .calendarsec {
  margin-top: 96px;
  border-radius: 8px;
  overflow: hidden; }
  #calendarDetail .calendarsec + .calendarsec {
    margin-top: 16px; }
#calendarDetail .yearmonth {
  cursor: pointer;
  text-align: center;
  font-size: 2rem;
  margin-top: 0;
  color: #fff;
  background: linear-gradient(to right, #1c428a, #1d2088);
  letter-spacing: 0.08em;
  padding: 17px;
  position: relative; }
  #calendarDetail .yearmonth:before {
    content: '';
    display: block;
    width: 13px;
    height: 8px;
    background: url("../img/calendar/ico_angle_wt_btm.svg") no-repeat center center/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    margin: auto;
    transition: all 0.3s; }
  #calendarDetail .yearmonth.open:before {
    transform: rotate(180deg);
    transition: all 0.6s; }
#calendarDetail .calendar {
  display: none;
  margin-top: 0;
  padding-bottom: 16px; }
#calendarDetail .schedulebox {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  #calendarDetail .schedulebox .day {
    font-weight: 700;
    width: 78px;
    background: #f2f3fa;
    padding: 8px;
    border-right: 1px solid #ddd; }
  #calendarDetail .schedulebox .schedule {
    width: calc(100% - 78px);
    margin-top: 0; }
    #calendarDetail .schedulebox .schedule li {
      color: #212039;
      font-size: 1.4rem;
      padding: 18px 20px; }
      #calendarDetail .schedulebox .schedule li + li {
        margin-top: 0;
        border-top: 1px solid #ddd; }

@media screen and (max-width: 600px) {
  #calendarDetail .calendarsec {
    margin-top: 80px; }
  #calendarDetail .yearmonth:before {
    right: 24px; }
  #calendarDetail .schedulebox .day {
    width: 54px; }
  #calendarDetail .schedulebox .schedule {
    width: calc(100% - 54px); } }