.selector-collection .real-form:disabled ~ label .action .exam-select-btn, .no-backgroundsize .selector-collection .fake-checkbox-disabled ~ label .action .exam-select-btn {
  background: #EEE;
  color: #CCC;
  border-color: #DDD;
  cursor: default;
}
.selector-collection .real-form:disabled ~ label .action .exam-select-btn b, .no-backgroundsize .selector-collection .fake-checkbox-disabled ~ label .action .exam-select-btn b {
  border-color: transparent;
}
.selector-collection .real-form:disabled ~ label .action .exam-select-btn:hover, .no-backgroundsize .selector-collection .fake-checkbox-disabled ~ label .action .exam-select-btn:hover {
  background: #EEE;
  border-color: #DDD;
}

/* ============================
 * 
 *     Entry
 *
 * ============================ */
#entry #main {
  padding-bottom: 140px;
}

/* =================================
 * 
 *     Exam Selector Base Style
 *
 * ================================= */
.selector-container > .checked {
  display: none;
  position: absolute;
  left: 0.75em;
  top: 0.75em;
}
.selector-container > .unchecked {
  display: block;
  position: absolute;
  left: 0.75em;
  top: 0.75em;
}

.selector-container.js-selector-container-qualified {
  background: #EEE !important;
}
.selector-container.js-selector-container-qualified > .checked {
  display: block !important;
}
.selector-container.js-selector-container-qualified > .unchecked {
  display: none !important;
}

.selector-collection .real-form {
  display: none;
}
.selector-collection .real-form ~ label .checked {
  display: none;
  padding-right: 0.25em;
}
.selector-collection .real-form ~ label .unchecked {
  display: table-cell;
  padding-right: 0.25em;
}
.selector-collection .real-form ~ label .wish-order {
  display: none;
}
.selector-collection .real-form ~ label .action .exam-remove-btn {
  display: none;
}
.selector-collection .real-form ~ label .action .exam-select-btn {
  display: inline-block;
}
.selector-collection .real-form:checked ~ label .checked {
  display: table-cell;
}
.selector-collection .real-form:checked ~ label .unchecked {
  display: none;
}
.selector-collection .real-form:checked ~ label .wish-order {
  display: table-cell;
}
.selector-collection .real-form:checked ~ label .action .exam-remove-btn {
  display: inline-block;
}
.selector-collection .real-form:checked ~ label .action .exam-select-btn {
  display: none;
}
.selector-collection .real-form:disabled ~ label {
  color: #CCC;
}
.selector-collection .real-form:disabled ~ label .action .exam-remove-btn {
  display: none;
}

/* for IE8 */
.no-backgroundsize .selector-collection > li {
  position: relative;
}
.no-backgroundsize .selector-collection .real-form {
  position: absolute;
  display: inline-block;
  filter: alpha(opacity=0);
}
.no-backgroundsize .selector-collection .fake-checkbox-checked ~ label .checked {
  display: table-cell;
}
.no-backgroundsize .selector-collection .fake-checkbox-checked ~ label .unchecked {
  display: none;
}
.no-backgroundsize .selector-collection .fake-checkbox-checked ~ label .wish-order {
  display: table-cell;
}
.no-backgroundsize .selector-collection .fake-checkbox-checked ~ label .action .exam-remove-btn {
  display: inline-block;
}
.no-backgroundsize .selector-collection .fake-checkbox-checked ~ label .action .exam-select-btn {
  display: none;
}
.no-backgroundsize .selector-collection .fake-checkbox-disabled ~ label {
  color: #CCC;
}
.no-backgroundsize .selector-collection .fake-checkbox-disabled ~ label .action .exam-remove-btn {
  display: none;
}

/* =================================
 * 
 *     Group Selector Style
 *
 * ================================= */
.exam-group-list .exam-group-real-form ~ label {
  background: #FFF;
  padding: 0;
  cursor: pointer;
}
.exam-group-list .exam-group-real-form ~ label a, .exam-group-list .exam-group-real-form ~ label b {
  display: block;
  padding: 0.75em;
  padding-left: 40px;
  text-decoration: none;
  color: #000;
}
.exam-group-list .exam-group-real-form ~ label .arrow {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -12px;
}
.exam-group-list .exam-group-real-form ~ label .unchecked {
  display: inline-block;
}
.exam-group-list .exam-group-real-form ~ label .checked {
  display: none;
}
.exam-group-list .exam-group-real-form ~ label .disabled {
  display: none;
}
.exam-group-list .exam-group-real-form:checked ~ label {
  background: #FF8000;
}
.exam-group-list .exam-group-real-form:checked ~ label b {
  color: #FFF;
}
.exam-group-list .exam-group-real-form:checked ~ label .unchecked {
  display: none;
}
.exam-group-list .exam-group-real-form:checked ~ label .checked {
  display: inline-block;
}
.exam-group-list .exam-group-real-form:checked ~ label .disabled {
  display: none;
}
.exam-group-list .exam-group-real-form:disabled ~ label {
  background: #FFF;
}
.exam-group-list .exam-group-real-form:disabled ~ label b {
  color: #CCC;
}
.exam-group-list .exam-group-real-form:disabled ~ label .unchecked {
  display: none;
}
.exam-group-list .exam-group-real-form:disabled ~ label .checked {
  display: none;
}
.exam-group-list .exam-group-real-form:disabled ~ label .disabled {
  display: inline-block;
}

.exam-group-list .exam-group-list > li {
  margin: 20px 0 0;
}
.exam-group-list .exam-group-list > li:first-child {
  margin: 0;
}

/* for IE8 */
.no-backgroundsize .exam-group-list .fake-checkbox-checked ~ label {
  background: #FF8000;
}
.no-backgroundsize .exam-group-list .fake-checkbox-checked ~ label b {
  color: #FFF;
}
.no-backgroundsize .exam-group-list .fake-checkbox-checked ~ label .unchecked {
  display: none;
}
.no-backgroundsize .exam-group-list .fake-checkbox-checked ~ label .checked {
  display: inline-block;
}
.no-backgroundsize .exam-group-list .fake-checkbox-checked ~ label .disabled {
  display: none;
}
.no-backgroundsize .exam-group-list .fake-checkbox-disabled ~ label {
  background: #FFF;
}
.no-backgroundsize .exam-group-list .fake-checkbox-disabled ~ label b {
  color: #CCC;
}
.no-backgroundsize .exam-group-list .fake-checkbox-disabled ~ label .unchecked {
  display: none;
}
.no-backgroundsize .exam-group-list .fake-checkbox-disabled ~ label .checked {
  display: none;
}
.no-backgroundsize .exam-group-list .fake-checkbox-disabled ~ label .disabled {
  display: inline-block;
}

/* =================================
 * 
 *     Course Selector Style
 *
 * ================================= */
.exam-course-list {
  margin: 0 0 20px;
  letter-spacing: -0.4em;
}
.exam-course-list > li {
  display: inline-block;
  width: 47.5%;
  margin: 6px 0.8%;
  vertical-align: top;
  letter-spacing: normal;
}
.exam-course-list .box-title {
  box-sizing: border-box;
  border-bottom: 0;
  background: #FFF;
  transition: background-color 0.25s ease-out;
}
.exam-course-list .box-container {
  position: relative;
  padding: 1em 1em;
  background: #FFF;
  transition: background-color 0.25s ease-out;
}
.exam-course-list .accordion-wrapper {
  overflow: hidden;
}
.exam-course-list .real-form ~ label .course-name {
  cursor: pointer;
  font-size: 1em;
  font-size: 1rem;
}
.exam-course-list .real-form:checked ~ label {
  border-bottom: 1px solid #CCC;
  background: #EEE;
}
.exam-course-list .real-form:checked ~ label .course-name {
  cursor: text;
}
.exam-course-list .real-form:disabled ~ label .course-name {
  cursor: text;
}

.layout-exam-course-header {
  display: table;
  width: 100%;
}
.layout-exam-course-header > div {
  display: table-cell;
  height: 2.4em;
  text-align: left;
  vertical-align: middle;
}
.layout-exam-course-header .checked {
  width: 15px;
  padding-right: 0;
}
.layout-exam-course-header .wish-order {
  width: 3.3em;
  padding-right: 0;
}
.layout-exam-course-header .course-name {
  cursor: pointer;
  font-size: 1em;
  font-size: 1rem;
}
.layout-exam-course-header .action {
  width: 4.7em;
  text-align: right;
}

/* for IE8 */
.no-backgroundsize .exam-course-list .fake-checkbox-checked ~ label {
  border-bottom: 1px solid #CCC;
  background: #EEE;
}
.no-backgroundsize .exam-course-list .fake-checkbox-checked ~ label .course-name {
  cursor: text;
}
.no-backgroundsize .exam-course-list .fake-checkbox-disabled ~ label {
  background: #FFF;
  cursor: default;
}
.no-backgroundsize .exam-course-list .fake-checkbox-disabled ~ label .course-name {
  color: #CCC;
}

/* =================================
 * 
 *     Subject Selector Style
 *
 * ================================= */
.layout-subject-container {
  padding-left: 1em;
}

.exam-subject-list > li {
  display: inline-block;
  width: 49%;
  margin: 0 0 4px;
  vertical-align: top;
}
.exam-subject-list > li label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0.7em 1em;
  background: #FFF;
  border: 1px solid #007DD9;
  border-radius: 3px;
  text-decoration: none;
  color: #007DD9;
  font-size: 0.875em;
  font-size: 0.875rem;
  line-height: 140%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0;
}
.exam-subject-list > li label:hover {
  background: #e5f2fb;
}
.exam-subject-list .real-form:checked ~ label {
  background: #FF8000;
  border: 1px solid #FF8000;
  color: #FFF;
}
.exam-subject-list .real-form:checked ~ label:hover {
  background: #FF8000;
}
.exam-subject-list .real-form:disabled ~ label {
  background: #FFF;
  border: 1px solid #CCC;
  color: #CCC;
  cursor: default;
}
.exam-subject-list .real-form:disabled ~ label:hover {
  background: #FFF;
  border: 1px solid #CCC;
  color: #CCC;
}

/* for IE8 */
.no-backgroundsize .exam-subject-list .fake-checkbox-checked ~ label {
  background: #FF8000;
  border: 1px solid #FF8000;
  color: #FFF;
}
.no-backgroundsize .exam-subject-list .fake-checkbox-checked ~ label:hover {
  background: #FF8000;
}
.no-backgroundsize .exam-subject-list .fake-checkbox-disabled ~ label {
  background: #FFF;
  border: 1px solid #CCC;
  color: #CCC;
  cursor: default;
}
.no-backgroundsize .exam-subject-list .fake-checkbox-disabled ~ label:hover {
  background: #FFF;
  border: 1px solid #CCC;
  color: #CCC;
}

/* =================================
 * 
 *     Elective Selector Style
 *
 * ================================= */
/* ### OVERRIDE exam-subject-list ### */
.exam-elective-list .real-form ~ label .wish-order {
  display: none;
  position: absolute;
  left: 0.3em;
  top: 50%;
  margin-top: -1.1em;
}
.exam-elective-list .real-form ~ label .wish-order .order-icon {
  min-width: 2.35em;
  padding: 0.1em 0.25em;
  background: #FFF;
  color: #FF8000;
}
.exam-elective-list .real-form:checked ~ label {
  padding-left: 3.25em;
}
.exam-elective-list .real-form:checked ~ label .wish-order {
  display: inline-block;
}
.exam-elective-list .real-form:disabled ~ label {
  padding-left: 1em;
}
.exam-elective-list .real-form:disabled ~ label .wish-order {
  display: none;
}

/* for IE8 */
.no-backgroundsize .exam-elective-list .fake-checkbox-checked ~ label {
  padding-left: 3.25em;
}
.no-backgroundsize .exam-elective-list .fake-checkbox-checked ~ label .wish-order {
  display: inline-block;
}
.no-backgroundsize .exam-elective-list .fake-checkbox-disabled ~ label {
  padding-left: 1em;
}
.no-backgroundsize .exam-elective-list .fake-checkbox-disabled ~ label .wish-order {
  display: none;
}

/* ============================
 * 
 *     Tablet Layout
 *
 * ============================ */
@media screen and (max-width: 1023px) {
  .exam-group-list {
    border-bottom: 1px solid #CCC;
  }
  .exam-group-list > li {
    margin: 0;
  }
  .exam-group-list > li > .box-title {
    border-top: 1px solid #CCC;
  }

  .exam-group-list .exam-group-list {
    border-bottom: 0;
  }
  .exam-group-list .exam-group-list > li {
    margin: 15px 0 0;
    border: 2px solid #CCC;
  }
  .exam-group-list .exam-group-list > li > .box-title {
    border-top: 0;
  }

  .exam-course-list {
    margin: 0 0 20px;
  }
  .exam-course-list > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 5px 0;
    border: 2px solid #CCC;
  }

  .exam-subject-list {
    width: 100%;
  }
  .exam-subject-list > li {
    display: inline-block;
    width: auto;
  }
  .exam-subject-list > li label {
    width: 100%;
  }

  /* KOJI ADD */
  input.tel {
    width: auto;
  }
}
/* ============================
 * 
 *     Small Screen Layout
 *
 * ============================ */
@media screen and (max-width: 767px) {
  #entry #main {
    padding-bottom: 170px;
  }

  .selector-container > .checked {
    left: 0.5em;
    top: 0.25em;
  }
  .selector-container > .unchecked {
    left: 0.5em;
    top: 0.25em;
  }

  .exam-group-list > li > .box-title .arrow {
    margin-top: -9px;
  }
  .exam-group-list > li .box-container {
    padding: 10px;
  }

  .exam-group-list .exam-group-list > li {
    margin: 5px 0 0;
  }

  .exam-course-list .box-title {
    padding: 0.5em;
  }
  .exam-course-list .box-container {
    padding: 0.5em;
  }
  .exam-course-list .real-form ~ label .course-name {
    font-size: 0.8125em;
    font-size: 0.8125rem;
    line-height: 120%;
  }
  .exam-course-list .real-form:checked ~ label {
    border-bottom: 0;
  }

  .exam-subject-list {
    margin: 0.5em 0 0;
  }
  .exam-subject-list .real-form ~ label {
    padding: 0.5em 0.75em;
    font-size: 0.8125em;
    font-size: 0.8125rem;
    line-height: 120%;
  }

  .layout-subject-container > p {
    font-size: 0.8125em;
    font-size: 0.8125rem;
    line-height: 140%;
  }

  .exam-elective-list .real-form ~ label .wish-order {
    left: 0.15em;
    margin-top: -0.9em;
  }
  .exam-elective-list .real-form ~ label .wish-order .order-icon {
    padding: 0.1em 0.2em;
    font-size: 0.625em;
    font-size: 0.625rem;
    line-height: 105%;
  }

  .claim-slip-number th, .claim-slip-number td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 0;
  }
  .claim-slip-number th {
    border-bottom: 1px solid #CCC;
  }
  .claim-slip-number td {
    padding: 0.75em;
  }

  /* KOJI ADD */
  input.tel {
    width: 20%;
  }
}
/* ============================
 * 
 *     Print
 *
 * ============================ */
@media print {
  .exam-course-list > li .box-container {
    display: block !important;
  }
}