@charset "UTF-8";

/* Individual Settings
----------------------------------------*/
#calendarBox .sortPrivilege li.sortForm {
  padding: 0 40px 0 0;
}

#calendarBox .sortPrivilege span {
  padding: 0 10px 0 0;
}

@media only screen and (max-width: 736px) {

  #calendarBox .sortPrivilege ul li.sortForm {
    display: block;
    padding: 0 0 2vw;
  }

}




/* list Calendar
----------------------------------------*/
.listCalendar {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.listCalendar thead th {
  border-right: 1px solid #fff;
  background: #ed5858;
  padding: 5px;
  text-align: center;
  line-height: 1.2;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}

.listCalendar tbody td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: left;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}

.listCalendar tbody td:first-of-type {
  border-left: 1px solid #ccc;
}


.listCalendar tbody td.cellDate {width: 13%; text-align: center;}
.listCalendar tbody td.cellStatus {width: 10%; text-align: center;}
.listCalendar tbody td.cellCategory {width: 12%;}
.listCalendar tbody td.cellName {width: 35%;}
.listCalendar tbody td.cellMaker {width: 12.5%;}
.listCalendar tbody td.cellBenefits {padding: 0; width: 17.5%; text-align: center;}

/* search Result Cells */
.listCalendar tbody td.cellDateAndStatus {
  width: 13%;
  padding: 4px;
  text-align: center;
}

.listCalendar tbody td.cellPrice {
  width: 10%;
  text-align: right;
  color: #783b3b;
}


.listCalendar tbody td.cellBenefits ul li {
  display: inline-block;
  padding: 0 1px;
  width: 35px;
}

.listCalendar tbody td.cellDate .postpone,
.listCalendar tbody td.cellDateAndStatus .postpone {
  color: #E10508;
}

.listCalendar tbody td.cellStatus i,
.listCalendar tbody td.cellDateAndStatus i.status {
  display: inline-block;
  border: 1px solid #E10508;
  padding: 3px;
  line-height: 1.1;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  color: #E10508;
}

.listCalendar tbody td.cellName i {
  padding: 0 0 0 5px;
  line-height: 1;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  color: #E10508;
}

.listCalendar tbody td.noItem p {
  padding: 10px;
  font-weight: bold;
  color: #E10508;
}

/* search Result Cells */
.listCalendar tbody td.cellDateAndStatus li {
  padding: 1px;
  font-size: 12px;
  font-size: 1.2rem;
}

.listCalendar tbody td.cellDateAndStatus img {
  width: 90%;
}


@media only screen and (max-width: 736px) {

  #calendarBox > p {
    padding: 1.5vw 0 7vw;
    font-size: 3.125vw;
  }

  .listCalendar thead th {
    padding: 0.5208333vw 0.3125vw;
    font-size: 2.5vw;
  }

  .listCalendar tbody td {
    padding: 1.0416667vw;
    font-size: 2.1875vw;
  }

  .listCalendar tbody td.cellDate {padding: 0;width: 12%;}
  .listCalendar tbody td.cellStatus {width: 11%;}
  .listCalendar tbody td.cellCategory {width: 17%;}
  .listCalendar tbody td.cellName {width: 33%; font-size: 2.8125vw;}
  .listCalendar tbody td.cellMaker {width: 20%;}
  .listCalendar tbody td.cellBenefits {padding: 0; width: 7%; text-align: center;}

  /* search Result Cells */
  .listCalendar tbody td.cellDateAndStatus {
    width: 12%;
    line-height: 1.1;
    padding: 0.5208333vw;
  }
  .listCalendar tbody td.cellPrice {width: 11%;}

  .listCalendar tbody td.cellBenefits ul li {
    padding: 0 0 0.2083333vw;
    width: 90%;
  }

  .listCalendar tbody td.cellStatus i,
  .listCalendar tbody td.cellDateAndStatus i.status {
    border: none;
    padding: 0;
    font-size: 2.1875vw;
  }

  .listCalendar tbody td.cellName i {
    padding: 0 0 0 1.0416667vw;
    font-size: 2.1875vw;
  }

  .listCalendar tbody td.noItem p {
    padding: 3.125vw;
    font-size: 3.125vw;
  }

  /* search Result Cells */
  .listCalendar tbody td.cellDateAndStatus li {
    padding: 0.4375vw 0;
    font-size: 2.1875vw;
  }

  .listCalendar tbody td.cellDateAndStatus li img:last-of-type {
    margin-bottom: 0.21875vw;
  }
}





/* clearfix setting
----------------------------------------*/