@charset "UTF-8";
/* CSS Document */


.fukuseione .element.style {
  max-height: 80%;
}

.fukuseione .modal_contents_inner .modal_title {
  display: flex;
  justify-content: flex-start;
  border-bottom: 2px solid #515d62;
}

.fukuseione .modal_contents_form {
  padding: 1vw 0;
}

.fukuseione .modal_contents_form p img {
  max-width: 36px;
  width: 4vh;
}

.fukuseione #teaching_head {
  -webkit-box-pack: center;
}

.fukuseione #teaching_head > div select {
  font-size: 1.2vw;
  width: 13.68vw;
  height: 3.6vw;
}

.fukuseione .select_box {
  background-color: #fff;
  z-index: 1;
  border-radius: 30px;
  outline: none;
  font-size: 1.8rem;
  color: #515d62;
  word-break: break-word;
  box-sizing: border-box;
  margin: 0;
  letter-spacing: 0.1em;
  border: 1px solid #A2A8BA;
}

.fukuseione .from_school_schedule_date {
  padding-top: 5px;
}

.fukuseione .from_school_schedule_date .date {
  color: #515d62;
  font-size: 2.3vw;
}

.fukuseione .date_any {
  color: #515d62;
  font-size: 2.3vw;
  padding-top: 5px;
}

.fukuseione .teaching_head_any {
  margin-bottom: 4.69%;
  display: flex;
  justify-content: center;
  margin-top: 0.5vw;
  width: 100%;
}

.fukuseione #teaching_head {
  margin-bottom: 4.69%;
  justify-content: space-between;
  position: relative;
  margin-top: 0.5vw;
}

.fukuseione .none_cont {
  width: 13.68vw;
}

.fukuseione .select_label_area .label {
  width: 100%;
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}

.fukuseione .select_label_area ul li span {
  height: 1.5vw;
  width: 7.5vw;
  border-radius: 15px;
  color: #fff;
  font-size: 0.88vw;
  letter-spacing: 0.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
}

.fukuseione .select_label_area ul li span.label_syounin {
  background-color: #30c40c;
}

.fukuseione .select_label_area ul li span.label_sinnsei {
  background-color: #EE93BB;
}

.fukuseione .select_label_area ul li span.label_copymoto {
  background-color: #ff0000;
}

.fukuseione .select_label_area ul li span.label_sakuseichu {
  background-color: #686f82;
}

.fukuseione .modal_contents_form .month_btn_area {
  width: 100%;
}

.fukuseione .inform_popup_form_input_month input[type="radio"] + label {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}

.fukuseione .inform_popup_form_input_month input[type="radio"]:checked + label {
  background: #30C40C;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #fff;
}

.fukuseione .inform_popup_form_input_month .non_checkable {
  background-color: #ccc;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.fukuseione .inform_popup_form_input_month .non_checkable:hover {
  cursor: default;
}

.fukuseione .inform_popup_form_input_month .checkable {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}

.fukuseione .inform_popup_form_input_month input {
  display: none;
}

.fukuseione .inform_popup_form_input_month {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 10px;
}

.fukuseione .inform_popup_form_input_month label {
  background: #FFFFFF;
  color: #515D62;
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  align-items: center;
  font-weight: normal;
  font-size: 1.2vw;
  width: 7.5vw;
  height: 2.25vw;
  display: flex;
  justify-content: space-evenly;
}

.fukuseione .rireki_box p {
  font-size: 1.2vw;
  color: #515D62;
}

.fukuseione .rireki_box {
  display: flex;
  justify-content: space-between;
}

.fukuseione .rireki_box .rireki_text_box {
  padding: 10px;
  border: 1px solid #c3c3c3;
  width: 85%;
  height: 11vw;
  display: block;
  line-height: 1.429;
  letter-spacing: 0.2em;
  overflow-y: scroll;
  color: #515D62;
}

.fukuseione .rireki_box .rireki_text_box h3 {
  font-size: 1.03vw;
}

.fukuseione .rireki_box .rireki_text_box p {
  font-size: 1.03vw;
}

.fukuseione .rireki_box .rireki_text_box .duplicateMonthAgeAndClassName {
  padding-left: 0.9vw;
}

.fukuseione .rireki_box .rireki_text_box .duplicateMonthly {
  display: flex;
  padding-left: 1.8vw;
}

.fukuseione .rireki_box .rireki_text_box .duplicateMonthNendo {
  color: #0cc45e;
}

.fukuseione .rireki_box .rireki_text_box .duplicateMonth {
  margin-right: 0.5vw;
  background-color: #eeeeee;
  text-align: center;
  min-width: 2.9vw;
}

.fukuseione .modal_row {
  padding: 30px 0 0 0;
}