/*
 * font-size
 */
.site-content .s_title h1,
.site-content .s_title h2,
.site-content .s_title h3 {
  font-size: 24px;  font-size: 2.4rem;  font-weight: bold;
}
.s_include_cat a {
  font-weight: bold;
}
.s_date_time_wrap {
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  li.sub_s:first-child > a::before,
  li.sub_s:nth-child(2) > a::before,
  li.sub_s:nth-child(6) > a::before,
  li.sub_s:nth-child(7) > a::before,
  li.sub_s:nth-child(8) > a::before {
    font-size: 24px;
  }

  .g_navi_menu_sp ul li div a {
    font-size: 16px;
  }
  .s_title_wrap .s_include_cat a {
    font-size: 1.6rem;  padding: 5px 15px;
  }
  .s_date_time_wrap {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 640px) {
  .s_date {
    float: none;  width: 100%;
  }
  .s_seats_capacity {
    float: none;  margin-top: 10px;
  }
}


/******************************
 popup
******************************/

.apply-popup,
.seminars-popup {
  box-sizing: border-box;  width: 600px;  padding: 30px;
}

.apply-popup h3,
.seminars-popup h3 {
  font-size: 2.0rem;
}

.apply-popup .form-wrap form,
.seminars-popup form {
  padding: 0;
}

@media screen and (max-width: 640px) {
  .apply-popup,
  .seminars-popup {
    box-sizing: border-box;  width: calc(100vw - 40px);  min-width: auto;  padding: 15px;
  }

  .apply-popup .form-wrap form,
  .seminars-popup .form-warp form {
    padding: 20px 20px 0;
  }

  .apply-popup .btnArea *,
  .seminars-popup .btnArea * {
    display: block;  width: 200px;  margin: 0 auto 10px;
  }

  .apply-popup .btnArea button + a,
  .seminars-popup .btnArea button + a {
    margin-bottom: 0;
  }
}


/******************************
 se/adm
******************************/
/*
 * se/adm/seminars
 */
.seminars-tbl {
  word-break: break-word;
}
#seminars-list th:nth-child(1) {
  width: 10%;  min-width: 10%;
}
#seminars-list th:nth-child(2) {
  width: 24%;  min-width: 24%;
}
#seminars-list th:nth-child(3) {
  width: 12%;  min-width: 12%;
}
#seminars-list th:nth-child(4) {
  width: 9%;  min-width: 9%;
}
#seminars-list th:nth-child(5) {
  width: 9%;  min-width: 9%;
}
#seminars-list th:nth-child(6) {
  width: 9%;  min-width: 9%;
}
#seminars-list th:nth-child(7) {
  width: 9%;  min-width: 9%;
}
#seminars-list th:nth-child(8) {
  width: 9%;  min-width: 9%;
}
#seminars-list th:nth-child(9) {
  width: 9%;  min-width: 9%;
}
#seminars-list tbody tr > * {
  text-align: left;
}

.live-bcc {
  margin-top: 15px;
}



/*
 * se/adm/seminars/edit
 */
#content.button-float {
  overflow: inherit;
}

.button-float .btnArea,
.button-float .btnArea .del {
  margin: 0;
}

.button-float .btnArea.upd {
  position: sticky;  bottom: 0;  margin-top: 60px;  padding: 30px 0;  text-align: center;   background-color: rgba(255, 255, 255, .55);
}

.seminars-input .cat label {
  width: auto;  padding: 5px 10px 5px 20px;
}

.seminars-input .seminars-tbl th div {
  text-align: center;
}
.seminars-input .seminars-tbl th div label + input[type='radio'] + label {
  margin-left: 0;
}



/*
 * se/adm/seminars/orders
 */
.seminars-tbl.participant td form {
  padding: 0;
}


/*
 * se/adm/lecturers
 */
.seminars-tbl.instructor th:nth-child(1) {
  width: 5%;
}
.seminars-tbl.instructor th:nth-child(2) {
  width: 10%;
}
.seminars-tbl.instructor th:nth-child(3) {
  width: 10%;
}
.seminars-tbl.instructor th:nth-child(4) {
  width: 5%;
}
.seminars-tbl.instructor th:nth-child(5) {
  width: 8%;
}
.seminars-tbl.instructor th:nth-child(6) {
  width: 8%;
}
.seminars-tbl.instructor th:nth-child(7) {
  width: 5%;
}
.seminars-tbl.instructor th:nth-child(8) {
  width: 29%;
}
.seminars-tbl.instructor th:nth-child(9) {
  width: 10%;
}
.seminars-tbl.instructor td:nth-child(3) {
  text-align: left;
}
.seminars-tbl.instructor td:nth-child(6),
.seminars-tbl.instructor td:nth-child(7) {
  text-align: center;
}

/*
 * se/adm/analysis
 */
.years-list-wrapper .years-list,
.chartType-list-wrapper .chartTypes-list {
  font-size: 0;
}
.years-list-wrapper .years-list li,
.chartType-list-wrapper .chartTypes-list li {
  font-size: 1.6rem;  display: inline-block;  padding: 0 10px;
}
.years-list-wrapper .years-list li.active,
.chartType-list-wrapper .chartTypes-list li.active {
  color: #c03;
}
.years-list-wrapper .years-list li:hover,
.chartType-list-wrapper .chartTypes-list li:hover {
  cursor: pointer;
}
.years-list-wrapper .years-list li:before,
.chartType-list-wrapper .chartTypes-list li:before {
  top: 0;  right: 0;  left: auto;

  display: block;  width: 1px;  height: 1.5em;  background-color: #000;
}
.years-list-wrapper .years-list li:last-child:before,
.chartType-list-wrapper .chartTypes-list li:last-child:before {
  display: none;
}

.chartType-list-wrapper .chartTypes-list {
  margin-bottom: 5px;
}

/******************************
 se/cooporate
******************************/
/*
 * se/corporate/lecturers/index
 */
.instr_img {
  width: 150px;  min-width: 150px;  margin: auto 0;
}
.instr_name {
  margin: auto 20px;
}

.instr_name h4 {
  width: 7em;  margin-bottom: 0;  padding-bottom: 0;  text-align: left;
}

.instr_name h4 .instr {
  font-size: 24px;  font-size: 2.4rem;

  display: inline-block;  word-break: break-word;
}

.instr_history {
  padding: 10px 30px;  word-break: break-word;
}

@media screen and (max-width: 640px) {
  .s_list.form_wrap .lecturers_form select {
    width: 100%;
  }

  .instr_list.form_wrap .form_wrap_right {
    width: 100%;  margin-top: 15px;  text-align: center;
  }

  .instr_list.form_wrap input[type='submit'] {
    width: 200px;
  }

  .s_instr_whole_wrap {
    display: flex;
  }

  .instr_name {
    padding: 0;
  }

  .instr_name h4 {
    width: 8em;
  }
}

@media screen and (max-width: 413px) {
  .s_instr_whole_wrap {
    flex-direction: column;
  }

  .instr_img {
    margin: 0 auto;
  }

  .instr_name {
    margin: 20px auto 0;  padding: 0 30px;  text-align: center;
  }

  .instr_name h4 {
    width: 100%;  text-align: center;
  }
}


/*
 * se/corporate/lecturers/show
 */
.no_hover .s_instr_whole_wrap:hover {
  background-color: #f9f9f9!important;
}
.s_instr_img_and_name {
  display: flex;
}

.instr_history p {
  margin-bottom: 0;
}
.instr_history .instr_history_title {
  display: none;
}

.s_instr_detail .s_instr_whole_bottom {
  padding: 0 20px;
}

.instr_introduction,
.instr_ublication {
  padding: 20px 10px;
}

.instr_introduction p,
.instr_ublication p {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .s_instr_whole_top {
    flex-direction: column;
  }

  .s_instr_img_and_name {
    padding-bottom: 20px;
  }

  .s_instr_whole_top .instr_history {
    display: block;  padding: 20px 20px 0 20px;  border-top: 1px solid rgba(120,120,120,.5);
  }

  .instr_history .instr_history_title {
    display: block;
  }

  .s_instr_detail .s_instr_whole_bottom {
    border-top: none;
  }

  .instr_introduction,
  .instr_ublication {
    border-top: 1px solid rgba(120,120,120,.5);
  }
}

@media screen and (max-width: 413px) {
  .s_instr_img_and_name {
    flex-direction: column;
  }
}



/*
 * se/corporate/seminars/apply_complete
 */
.site-content table.check_order tbody th {
  background-color: #fff;
}

.site-content .apply_content table.apply_member tbody td {
  vertical-align: middle;  word-break: break-word;
}

.info_detail_list {
  padding-left: 3em;  text-indent: -3em;
}

.ticket_wrap .info_content .info_detail_list span {
  display: inline!important;
}

.ticket_wrap .info_content  .info_detail_list span.honorific {
  font-size: 1.4rem;  margin-left: 0;
}

@media screen and (min-width: 641px) {
  .ticket_customer {
    width: 220px;  min-width: 220px;  margin: auto 0;  padding: 10px;
  }

  .ticket_wrap .info_content {
    display: flex;  margin: 0 auto 0 0;  padding: 10px 35px;
  }

  .ticket_wrap .info_content .info_content_inner {
    margin: auto 0;
  }

  .apply_confirm_content .ticket_qr {
    margin: auto 0;
  }
}

@media screen and (max-width: 640px) {
  .confirm_plan_item .confirm_text {
    display: flex;  flex-direction: column;  text-align: center;
  }
  .confirm_text .confirm_apply_cat {
    margin-bottom: 10px;
  }

  .site-content .apply_member tr {
    position: relative;

    display: block;  margin-bottom: 30px;  border-top: 1px solid #ccc;
  }
  .site-content .apply_member tr:last-child {
    margin-bottom: 0;
  }

  .site-content .apply_member td {
    border-top: none!important;
  }

  .site-content .apply_content table.associated tbody td,
  .site-content .apply_content table.check_order tbody td {
    padding-left: calc(7em + 15px);
  }

  .site-content .apply_content table.associated tbody td::before,
  .site-content .apply_content table.check_order tbody td::before {
    display: flex;  align-items: center;  justify-content: center;  width: 7em;
  }

  .site-content .apply_content table tbody td.td_del {
    position: absolute;  top: 0;  right: 0;  padding: 0;
  }

  .seminars-input .apply_member span.del::before {
    top: 0;  right: 0;
  }

  .site-content .apply_content table.check_order tbody th {
    background-color: #a1a1a1;
  }
  .apply_content .seminars-tbl.purchase tr td {
    border-bottom: none!important;
  }
}


/*
 * page nation
 */
.pager {
  position: relative;
}

.pager .prev {
  color: #898989;   border: none;  border-radius: 0;
  background-color: inherit;
}

.pager .next {
  color: #898989;   border: none;  border-radius: 0;
  background-color: inherit;
}

.pager .first {
  color: #898989;   border: none;  border-radius: 0;
  background-color: inherit;
}

.pager .last {
  color: #898989;   border: none;  border-radius: 0;
  background-color: inherit;
}

.pager a {
  font-size: 16px;  box-sizing: border-box;
  width: auto;  min-width: 2em;  margin: 5px;  padding: 0 5px;  color: #333;   border: none;  border-radius: 0;  background-color: inherit;
}

.pager span {
  color: #333;   border: none;
  background-color: inherit;
}

.pager a.current-page-num {
  color: #fff;  background-color: #898989;
}

@media screen and (max-width: 640px) {
  .pager.flont_pager {
    padding: 0 32px;
  }

  .pager.flont_pager .prev {
    position: absolute;  top: 50%;  left: 0;  margin: 0;  margin-top: -16px;
  }

  .pager.flont_pager .next {
    position: absolute;  top: 50%;  right: 0;  margin: 0;  margin-top: -16px;
  }
}

/*
 * lecturers
*/
.site-content .s_instr_whole_wrap p a {
  color: #333;
}

.s_instr_whole_wrap {
  position: relative;
}

.s_instr_whole_wrap > a {
  position: absolute;  top: 0;  left: 0;  display: block;  width: 100%;  height: 100%;
}
.s_instr_whole_wrap .instr_history > a {
  position: relative;  z-index: 1;
}

.end_date {
  display: none;
}
.end_date.active {
  display: block;
}