@charset "UTF-8";
.applicant_right {
  width: 50%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: scroll;
  border-left: 1px solid #cccccc;
  background-color: #ffffff;
  z-index: 2;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.applicant_right::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
.applicant_right.noSelected {
  display: flex;
  align-items: center;
  justify-content: center;
}
.applicant_right.noSelected::before {
  content: "";
  width: 320px;
  height: 320px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-image: url(/assets/images/svg/no_selected.svg);
  background-position: center;
  background-size: 320px 320px;
}
.applicant_right.noSelected img {
  display: none;
}
.applicant_right.selection {
  top: 200px;
}
.applicant_right.selection:first-child {
  left: 0;
}
.applicant_right.selection:nth-child(2) {
  right: 0;
}
.applicant_right #right_detail_info {
  min-width: 400px;
  padding-bottom: 200px;
  box-sizing: border-box;
}
.applicant_right #right_detail_info .applicant_number {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  position: relative;
}
.applicant_right #right_detail_info .applicant_number.pass {
  background-color: #ff7c7c;
}
.applicant_right #right_detail_info .applicant_number.rating {
  background-color: #707070;
}
.applicant_right #right_detail_info .applicant_number.selecting {
  background-color: #6cc4b0;
}
.applicant_right #right_detail_info .applicant_number .compare_delete_button {
  position: absolute;
  top: 25%;
  left: 12px;
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
}
.applicant_right #right_detail_info .applicant_number .compare_delete_button .delete_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.applicant_right #right_detail_info .applicant_number .compare_delete_button .delete_icon svg {
  fill: #ffffff;
  border-radius: 50%;
}
.applicant_right #right_detail_info .applicant_number .recommend_icon_block {
  position: absolute;
  top: 18%;
  right: 12px;
  padding: 0;
  width: 70px;
  height: 30px;
}
.applicant_right #right_detail_info .applicant_number .recommend_icon_block svg {
  width: 100%;
  height: 30px;
}
.applicant_right #right_detail_info .applicant_status_label {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
}
.applicant_right #right_detail_info .applicant_status_label.success {
  background-color: #ff7c7c;
}
.applicant_right #right_detail_info .applicant_status_label.failure, .applicant_right #right_detail_info .applicant_status_label.rating {
  background-color: #6c88d5;
}
.applicant_right #right_detail_info .right_detail_info_wrapper {
  background-color: #ffffff;
  box-sizing: border-box;
  min-height: 100vh;
  padding: 4px 20px 100px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .applicant_date {
  color: #aaaaaa;
  font-size: 12px;
  text-align: right;
  margin-top: 12px;
  margin-bottom: 25px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_name_block {
  margin-top: 10px;
  margin-bottom: 14px;
  text-align: center;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_name_block .kana {
  font-size: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_name_block .full_name {
  font-weight: bold;
  font-size: 24px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_button_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_button_block .bookmark_button_block,
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_button_block .line_message_block,
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_button_block .create_form_url_block {
  margin: 0 5px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block {
  margin-bottom: 10px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item {
  padding: 2px 6px;
  display: inline-block;
  margin: 5px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.gray {
  background-color: #dde3e7;
  color: #566673;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.red {
  background-color: #fadcd9;
  color: #dc6257;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.green {
  background-color: #cee9d3;
  color: #268469;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_tag_show_block .tag_item.pink {
  background-color: #f7daed;
  color: #f86faf;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block {
  margin-bottom: 24px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around {
  min-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_left {
  margin-right: 12px;
  position: relative;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_left .main_image {
  width: 200px;
  height: 200px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_left .main_image img {
  width: 100%;
  height: auto;
  max-width: 200px;
  max-height: 200px;
  object-fit: contain;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_left .main_image::after {
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(/assets/images/svg/icon_search.svg);
  content: "";
  width: 30px;
  height: 30px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right table {
  border-collapse: collapse;
  width: 100%;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right table * {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right table th {
  background-color: #fbfbfb;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right table th,
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right table td {
  padding: 6px 10px;
  border: 1px solid #e6e6e6;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail {
  margin-top: 10px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: calc((100% - 20px) / 3);
  height: 70px;
  margin-right: 10px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list li:nth-child(3)::before {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #eeeeee;
  background-repeat: no-repeat;
  background-image: url(/assets/images/svg/meatball.svg);
  background-position: center;
  background-size: 20px 20px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list li:nth-child(3) img {
  display: none;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list li:nth-child(n+4) {
  display: none;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list li:last-child {
  margin-right: 0;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_box_inner .detail_box_inner_right .detail_thumbnail .thumbnail_list li img {
  width: 100%;
  height: auto;
  max-height: 70px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_video_block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_video_block .video_click_area {
  max-width: 400px;
  max-height: 300px;
  text-align: center;
  display: contents;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_media_block .box_around .detail_video_block .video_click_area .detail_video_thumbnail {
  max-width: 400px;
  max-height: 300px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_header .profile_header_text > span {
  color: #3e3e3e;
  font-size: 14px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_header .detail_profile_edit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_header .detail_profile_edit .button_dl {
  margin-top: 20px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block {
  margin-bottom: 30px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list {
  width: 100%;
  border: 1px solid #bbbbbb;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #bbbbbb;
  padding: 20px 10px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item:last-child {
  border-bottom: none;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item * {
  font-size: 14px;
  color: #3e3e3e;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item .item_header {
  max-width: 120px;
  width: 100%;
  text-align: left;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item .item_info {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 120px);
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item .item_info > span {
  word-break: keep-all;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item .item_info > span:first-child {
  width: 60%;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list .profile_list_item .item_info > span:nth-child(2) {
  width: 40%;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list.recommend_info .profile_list_item:last-child {
  padding: 20px 10px 3em;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list.recommend_info .profile_list_item .item_info {
  width: calc(100% - 120px);
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list.recommend_info .profile_list_item .item_info > span {
  word-break: break-word;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list.recommend_info .profile_list_item .item_info > span:first-child {
  width: auto;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_profile_list_block .detail_profile_list.recommend_info .profile_list_item .item_info > span:nth-child(2) {
  width: auto;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_content {
  margin-bottom: 30px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_content .content_header {
  text-align: left;
  margin-bottom: 12px;
  font-weight: bold;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_content .content_header > span {
  color: #3e3e3e;
  font-size: 14px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_content .content_block {
  border: 1px solid #c1c1c1;
  padding: 10px 20px;
  box-sizing: border-box;
  line-height: 1.3;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block {
  margin-bottom: 30px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block .link_block_header {
  text-align: left;
  margin-bottom: 12px;
  font-weight: bold;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block .link_block_header > span {
  color: #3e3e3e;
  font-size: 14px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block .link_list {
  border: 1px solid #c1c1c1;
  padding: 10px 20px;
  box-sizing: border-box;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block .link_list .link_list_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block .link_list .link_list_item .link_list_item_header {
  max-width: 120px;
  width: 100%;
  font-weight: bold;
  color: #3e3e3e;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_link_block .link_list .link_list_item .link_list_item_info {
  color: #31b0d5;
  width: calc(100% - 120px);
  word-break: break-word;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block {
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .detail_rating_accordion_header_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background-color: #707070;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #ffffff;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .detail_rating_accordion_header_block .rating_header_text {
  font-size: 14px;
  font-weight: bold;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .detail_rating_accordion_header_block .detail_rating_icon .rating_icon svg {
  fill: #ffffff;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list {
  padding: 10px 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list .rating_list_item {
  margin-bottom: 32px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list .rating_list_item_header {
  font-weight: bold;
  margin-bottom: 20px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list .accordion_btn {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: right;
  color: #31b0d5;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list .accordion_btn .accordion_btn_icon {
  margin-left: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list .accordion_btn .accordion_btn_icon svg {
  fill: #31b0d5;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_rating_accordion_block .rating_list .accordion_btn.openList .accordion_btn_icon {
  transform: scaleY(-1);
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block {
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-bottom: 20px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .detail_comment_header_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background-color: #707070;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #ffffff;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .detail_comment_header_block .comment_header_text {
  font-size: 14px;
  font-weight: bold;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .detail_comment_header_block .detail_comment_icon .comment_icon svg {
  fill: #ffffff;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item {
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item:last-child {
  border-bottom: none;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_item_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_item_header > .edit_del_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_item_header > .edit_del_wrapper button {
  margin-left: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_user_name {
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_item {
  width: 100%;
  margin-bottom: 12px;
  text-align: left;
  word-break: break-all;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_item.content_image {
  height: 320px;
  margin: 0;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .comment_item.content_image img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: contain;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_list_item .stamp_date {
  margin-top: 12px;
  width: 100%;
  text-align: right;
  color: #aaaaaa;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block {
  border-top: 1px solid #dddddd;
  padding: 40px 10px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .comment_textarea_block {
  margin-bottom: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .comment_textarea_block .comment_textarea_block_wrapper textarea {
  resize: vertical;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .comment_file_upload_block .audition_banner_block label {
  width: 90px;
  font-size: 14px;
  margin-bottom: 12px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .comment_file_upload_block .file_select_wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .comment_file_upload_block .file_select_wrapper .file_select_block {
  flex: 1 1 auto;
  max-width: 80%;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .comment_file_upload_block .thumbnail_preview img {
  max-width: 320px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .button_block {
  margin-top: 10px;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .detail_comment_block .comment_form_block .button_block .button {
  width: 190px;
  border-radius: 25px;
  margin: 0 auto;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .pass_cancel_block {
  margin-top: 40px;
  text-align: center;
}
.applicant_right #right_detail_info .right_detail_info_wrapper .pass_cancel_block .button {
  margin: 0 auto;
}
.applicant_right .right_footer {
  width: calc((100% - 45px) / 2);
  position: fixed;
  top: calc(100% - 50px);
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
.applicant_right .right_footer .right_footer_empty {
  height: 0;
  width: 0;
}
.applicant_right .right_footer .right_footer_info {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background-color: #fbfbfb;
  padding: 4px 24px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.applicant_right .right_footer .right_footer_info .button_preview,
.applicant_right .right_footer .right_footer_info .button_next {
  position: absolute;
  border: none;
  color: #31b0d5;
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 62px;
  height: 18px;
  z-index: 20;
}
.applicant_right .right_footer .right_footer_info .button_preview .button_text,
.applicant_right .right_footer .right_footer_info .button_next .button_text {
  font-size: 18px;
  line-height: 1;
}
.applicant_right .right_footer .right_footer_info .button_preview .button_icon,
.applicant_right .right_footer .right_footer_info .button_next .button_icon {
  height: 18px;
}
.applicant_right .right_footer .right_footer_info .button_preview .button_icon.left,
.applicant_right .right_footer .right_footer_info .button_next .button_icon.left {
  margin-right: 16px;
}
.applicant_right .right_footer .right_footer_info .button_preview .button_icon.right,
.applicant_right .right_footer .right_footer_info .button_next .button_icon.right {
  margin-left: 16px;
}
.applicant_right .right_footer .right_footer_info .button_preview .button_icon svg,
.applicant_right .right_footer .right_footer_info .button_next .button_icon svg {
  fill: #31b0d5;
}
.applicant_right .right_footer .right_footer_info .button_preview {
  left: 24px;
}
.applicant_right .right_footer .right_footer_info .button_next {
  right: 24px;
}
.applicant_right .right_footer .right_footer_info .footer_center_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 250px;
  width: 100%;
  overflow: hidden;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .star_rating {
  margin-top: 0;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_pass,
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_success,
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_failure {
  font-weight: bold;
  box-sizing: border-box;
  min-width: 100px;
  max-width: 100px;
  height: 40px;
  background-color: #ffffff;
  font-size: 15px;
  padding: 10px 20px;
  border: #eeeeee 1px solid;
  border-radius: 20px;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_pass,
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_success {
  color: #ff7c7c;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_pass.footerChecked,
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_success.footerChecked {
  color: #ffffff !important;
  background-color: #ff7c7c !important;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_failure {
  margin-left: 20px;
  background-color: #ffffff;
  color: #6c88d5;
}
.applicant_right .right_footer .right_footer_info .footer_center_block .modal_button_block .button_failure.footerChecked {
  color: #ffffff;
  background-color: #6c88d5;
}

#createUrlModalArea #createUrlModal {
  padding: 50px;
}
#createUrlModalArea #createUrlModal .modal_header {
  font-size: 18px;
  text-align: center;
  margin-bottom: 40px;
}
#createUrlModalArea #createUrlModal .modal_notice {
  font-size: 14px;
  margin-bottom: 18px;
  text-align: center;
}
#createUrlModalArea #createUrlModal .create_url_text_block {
  margin-bottom: 70px;
}
#createUrlModalArea #createUrlModal .create_url_text_block .url_box {
  margin: 0 auto;
  padding: 8px 30px 8px 20px;
  box-sizing: border-box;
  max-width: 400px;
  min-width: 350px;
  width: 100%;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
#createUrlModalArea #createUrlModal .create_url_text_block .url_box .url_copy_icon {
  position: absolute;
  top: 5px;
  right: 8px;
  width: 18px;
  height: 17px;
}
#createUrlModalArea #createUrlModal .create_url_text_block .url_box .url_copy_icon svg {
  fill: #aaaaaa;
}

#detailTagModal {
  padding: 30px 20px;
  box-sizing: border-box;
  min-height: 450px;
}
#detailTagModal .modal_header {
  font-size: 18px;
  text-align: center;
  margin-bottom: 40px;
}
#detailTagModal .modal_notice {
  text-align: center;
  margin-bottom: 40px;
}
#detailTagModal .tag_check_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 150px;
}
#detailTagModal .tag_check_list .check_tag_item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 20px;
}
#detailTagModal .tag_check_list .check_tag_item label {
  margin-left: 5px;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 16px;
}
#detailTagModal .tag_check_list .check_tag_item label.gray {
  background-color: #dde3e7;
  color: #566673;
}
#detailTagModal .tag_check_list .check_tag_item label.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#detailTagModal .tag_check_list .check_tag_item label.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#detailTagModal .tag_check_list .check_tag_item label.green {
  background-color: #cee9d3;
  color: #268469;
}
#detailTagModal .tag_check_list .check_tag_item label.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#detailTagModal .tag_check_list .check_tag_item label.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#detailTagModal .tag_check_list .check_tag_item label.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#detailTagModal .tag_check_list .check_tag_item label.pink {
  background-color: #f7daed;
  color: #f86faf;
}

#detailProfileModal.modalWrapper {
  width: 83.3333333333%;
  padding: 0;
  max-height: 680px;
  background-color: #ffffff;
  /* overflow-y: scroll; */
  scrollbar-width: none;
  /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none;
  /*Internet Explore対応のスクロールバー非表示コード*/
}
#detailProfileModal.modalWrapper::-webkit-scrollbar {
  display: none;
  /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#detailProfileModal.modalWrapper * {
  box-sizing: border-box;
}
#detailProfileModal.modalWrapper #preview_lists {
  max-width: none !important;
  padding-bottom: 1.2rem;
  border: none !important;
}
#detailProfileModal.modalWrapper #preview_lists .preview_heading {
  background-color: #6cc4b0;
  text-align: center;
  width: 100%;
  display: block;
  color: #ffffff;
  padding: 0.75rem 0.5rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
#detailProfileModal.modalWrapper #preview_lists .preview_title_heading {
  padding: 0.75rem;
}
#detailProfileModal.modalWrapper #preview_lists .detail_name_block {
  margin-top: 10px;
  margin-bottom: 14px;
  text-align: center;
}
#detailProfileModal.modalWrapper #preview_lists .detail_name_block .kana {
  font-size: 12px;
}
#detailProfileModal.modalWrapper #preview_lists .detail_name_block .full_name {
  font-weight: bold;
  font-size: 24px;
}
#detailProfileModal.modalWrapper #preview_lists .list_preview {
  padding: 30px 20px 30px;
  height: 320px;
  overflow-y: scroll;
  scrollbar-width: none;
  /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none;
  /*Internet Explore対応のスクロールバー非表示コード*/
}
#detailProfileModal.modalWrapper #preview_lists .list_preview::-webkit-scrollbar {
  display: none;
  /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
@media only screen and (max-height: 830px) {
  #detailProfileModal.modalWrapper #preview_lists .list_preview {
    height: 260px;
  }
}
@media only screen and (max-height: 770px) {
  #detailProfileModal.modalWrapper #preview_lists .list_preview {
    height: 240px;
  }
}
#detailProfileModal.modalWrapper #preview_lists .list_item,
#detailProfileModal.modalWrapper #preview_lists .parent_block {
  margin-bottom: 20px;
}
#detailProfileModal.modalWrapper #preview_lists .list_item label,
#detailProfileModal.modalWrapper #preview_lists .parent_block label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#detailProfileModal.modalWrapper #preview_lists .list_item span.required_icon,
#detailProfileModal.modalWrapper #preview_lists .parent_block span.required_icon {
  margin: 0 12px;
}
#detailProfileModal.modalWrapper #preview_lists .list_item .select_block,
#detailProfileModal.modalWrapper #preview_lists .parent_block .select_block {
  margin-right: 4px;
}
#detailProfileModal.modalWrapper #preview_lists .list_item .select_block.age_group,
#detailProfileModal.modalWrapper #preview_lists .parent_block .select_block.age_group {
  width: 200px;
}
#detailProfileModal.modalWrapper #preview_lists .list_item .list_item_notice,
#detailProfileModal.modalWrapper #preview_lists .parent_block .list_item_notice {
  font-size: 14px;
  margin: 10px 0;
  line-height: 1.4;
}
#detailProfileModal.modalWrapper #preview_lists .list_item textarea,
#detailProfileModal.modalWrapper #preview_lists .parent_block textarea {
  max-width: 710px;
  width: 100%;
}
#detailProfileModal.modalWrapper #preview_lists .list_item .message-block,
#detailProfileModal.modalWrapper #preview_lists .parent_block .message-block {
  font-size: 12px;
}

#thumbnailSliderModal {
  top: 15%;
  bottom: 0;
  right: 0;
  left: 0;
  width: 640px;
  overflow: visible;
  height: 520px;
  background-color: transparent !important;
}
#thumbnailSliderModal .modalContents {
  display: block;
  height: inherit;
  overflow: visible;
}
#thumbnailSliderModal .modalContents .thumbnail_close_button {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10%;
  right: 0;
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
  z-index: 2000;
}
#thumbnailSliderModal .modalContents .thumbnail_close_button .delete_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#thumbnailSliderModal .modalContents .thumbnail_close_button .delete_icon svg {
  fill: #ffffff;
  border-radius: 50%;
}
#thumbnailSliderModal .modalContents .thumnail_slides {
  display: flex;
  align-items: center;
  height: inherit;
}
#thumbnailSliderModal .modalContents .thumnail_slides .thumnail_slide_item {
  width: 600px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
#thumbnailSliderModal .modalContents .thumnail_slides .thumnail_slide_item video {
  width: 100%;
  height: auto;
  max-width: 600px;
  max-height: 500px;
}
#thumbnailSliderModal .modalContents .thumnail_slides .thumnail_slide_item img {
  width: 100%;
  height: auto;
  max-width: 600px;
  max-height: 500px;
  object-fit: contain;
  margin: 0 auto;
}
#thumbnailSliderModal .modalContents .modalThumbnail {
  margin-top: 20px;
  height: 90px;
}
#thumbnailSliderModal .modalContents .modalThumbnail .thumbnail-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  width: 90px;
  height: 90px;
}
#thumbnailSliderModal .modalContents .modalThumbnail .thumbnail-img video {
  width: 100%;
  height: auto;
  max-width: 90px;
  max-height: 90px;
}
#thumbnailSliderModal .modalContents .modalThumbnail .thumbnail-img img {
  width: 100%;
  height: auto;
  max-height: 90px;
  max-width: 90px;
  object-fit: contain;
  margin: 0 auto;
}
#thumbnailSliderModal .modalContents .slick-prev,
#thumbnailSliderModal .modalContents .slick-next {
  top: 50%;
}

#tmpFileDownloadModal.modalWrapper.confirm {
  width: 500px !important;
  background-color: #ffffff;
}
#tmpFileDownloadModal.modalWrapper.confirm .preview_wrapper {
  width: 100%;
  background-color: #ffffff;
}
#tmpFileDownloadModal.modalWrapper.confirm .tmp_file_item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#tmpFileDownloadModal.modalWrapper.confirm .tmp_file_item .tmp_file_image {
  max-width: 200px;
  max-height: 200px;
}
#tmpFileDownloadModal.modalWrapper.confirm .button_block {
  margin-top: 20px;
}
#tmpFileDownloadModal.modalWrapper.confirm #preview_lists {
  max-width: none !important;
  padding-bottom: 1.2rem;
  border: none !important;
}
#tmpFileDownloadModal.modalWrapper.confirm #preview_lists .preview_heading {
  background-color: #6cc4b0;
}
#tmpFileDownloadModal.modalWrapper.confirm #preview_lists .preview_title_heading {
  padding: 0.75rem;
}

/** black **/
/** white **/
/** aqua **/
/** red **/
/** yellow **/
/** green **/
/** purple **/
/** Audition Open/Close **/
html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "M PLUS 1p";
  word-break: break-all;
}

video {
  max-width: 400px;
  max-height: 400px;
  width: 100%;
  height: auto;
}

body {
  display: block;
  background-color: #fbfbfb;
  margin: 0 auto;
  color: #3e3e3e;
  font-size: 100%;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
body::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

.transparentBg {
  position: fixed;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  top: 0;
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.transparentBg .transparent_block {
  width: 100%;
}
.transparentBg.hidden {
  display: none;
}

.progressBarTmpFileDownload {
  /* display: none;  */
  /* displayではなくvisibility */
  position: fixed;
  z-index: 1000;
  transform: translateZ(1px);
  /* サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progressBarTmpFileDownload.hidden {
  display: none;
}
.progressBarTmpFileDownload .progress_block {
  position: absolute;
  z-index: 4000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.progressBarTmpFileDownload .progress_block .loading_text,
.progressBarTmpFileDownload .progress_block .percent_text {
  display: block;
  color: #000000;
  font-size: 20px;
  margin: 20px auto 20px;
}
.progressBarTmpFileDownload .progress_block .button {
  margin: 40px auto 0;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.progressBarTmpFileDownload .progress_block progress {
  width: 30%;
  min-width: 200px;
  border: 1px solid #000000;
  appearance: none;
}
.progressBarTmpFileDownload .progress_block progress::-webkit-progress-bar {
  background-color: #ffffff;
}
.progressBarTmpFileDownload .progress_block progress::-webkit-progress-value {
  background-color: #31b0d5;
}
.progressBarTmpFileDownload .progress_block.is_error .loading_text,
.progressBarTmpFileDownload .progress_block.is_error .percent_text {
  color: #f86faf;
}
.progressBarTmpFileDownload .progress_block.is_error progress::-webkit-progress-bar {
  background-color: #eee;
}
.progressBarTmpFileDownload .progress_block.is_error progress::-webkit-progress-value {
  background-color: #f86faf;
}

.progressBg {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 2000;
}

.loadingBg {
  position: fixed;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.8;
  top: 0;
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.loadingBg .loading_block {
  width: 100%;
}
.loadingBg .loading_block .loading_image {
  margin-bottom: 20px;
}
.loadingBg .loading_block .loading_text {
  color: #aaaaaa;
  font-size: 16px;
}
.loadingBg.hidden {
  display: none;
}

.csv_import_wrapper input[name=csv_import] {
  display: none;
}

.parent_check_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 0 0.75rem 2rem 0.75rem;
}
.parent_check_box .parent_check_box_header {
  font-size: 14px;
  color: #ff7c7c;
  margin-bottom: 10px;
}
.parent_check_box .parent_check_box_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.parent_check_box .parent_check_box_wrapper input[name=parent_check] {
  margin-right: 4px;
}

#update_label {
  display: block;
  background-color: green;
  color: #ffffff;
  position: fixed;
  padding: 10px;
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
}

.square_icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.square_icon > span:first-child {
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
}
.square_icon > span:first-child::before {
  content: "■";
  margin-right: 5px;
}

.non__visible {
  visibility: hidden !important;
}

.non__display {
  display: none !important;
}

a {
  text-decoration: none;
}
a.color_black {
  color: #333333;
}
a * {
  color: inherit;
}
a:hover {
  color: #31b0d5;
}

ul {
  list-style: none;
}

.text-xss {
  font-size: 10px;
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text_deg {
  display: inline-block;
  transform: rotate(0.045deg) !important;
}

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

.h-header-height {
  height: 50px;
}

.h-screen {
  height: 100vh;
}

.leading-header-height {
  line-height: 50px;
}

#error-alert {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 18px;
  color: #f86faf;
}

.messageBlock,
.message-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-weight: 700;
}
.messageBlock .errorMessage,
.messageBlock .error-message,
.message-block .errorMessage,
.message-block .error-message {
  color: #f86faf;
  word-break: keep-all;
}
.messageBlock .errorMessage.audition_date,
.messageBlock .error-message.audition_date,
.message-block .errorMessage.audition_date,
.message-block .error-message.audition_date {
  text-align: right;
}
.messageBlock .block_left,
.message-block .block_left {
  width: 80%;
}
.messageBlock .requirements,
.message-block .requirements {
  color: #aaaaaa;
}

.notice-block {
  width: 100%;
  text-align: left;
  margin-bottom: 0.5rem;
  font-weight: normal;
  color: #707070;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.noScroll {
  /* ここらへんちょっと考える */
  overflow-y: hidden;
  scrollbar-width: none;
  /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none;
  /*Internet Explore対応のスクロールバー非表示コード*/
  /* ここらへんちょっと考える */
}

.noScroll::-webkit-scrollbar {
  display: none;
  /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

/* 以下ボタンスタイル */
button {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #282828;
  cursor: pointer;
}

.required_icon {
  display: inline-block;
  width: 100%;
  max-width: 45px;
  margin-right: 16px;
  padding: 3px 5px;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #f86faf;
  font-size: 10px;
  color: #ffffff;
  border-radius: 10px;
}

/* オーディション一覧 */
.box-orient-v {
  box-orient: vertical;
  -webkit-box-orient: vertical;
}

.break-keep {
  word-break: keep-all;
}

.sidebar-eixst {
  width: calc(100% - 45px);
}

.audition-header-name {
  width: 100%;
  position: fixed;
  top: 50px;
  min-height: 40px;
  box-sizing: border-box;
  color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #31b0d5;
  z-index: 4;
}

section.search_address .search_address_heading {
  font-size: 14px;
  margin-bottom: 6px;
}
section.search_address .search_address_checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 14px;
}
section.search_address .search_address_checkbox > input {
  margin-right: 5px;
}
section.search_address .postalcode_block {
  margin-bottom: 10px;
}
section.search_address .postalcode_block .postalcode_label {
  display: block;
}
section.search_address .postalcode_block .postalcode_wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
section.search_address .postalcode_block .search_address_button {
  margin-left: 20px;
}
section.search_address .pref_block {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
section.search_address .pref_block .pref_header {
  font-size: 14px;
  margin-bottom: 6px;
}
section.search_address .pref_block .select_block {
  max-width: 200px;
  margin-bottom: 20px;
}
section.search_address .city_block,
section.search_address .building_name_block {
  margin-bottom: 12px;
}

.header {
  z-index: 20;
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: #333333;
  top: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.header nav {
  width: 100%;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  /* Hamburger Menu Animation End */
}
.header nav .nav_left {
  display: flex;
  align-items: center;
}
.header nav .nav_left .header_logo {
  margin-right: 1.25rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
}
.header nav .nav_left .header_logo:hover {
  color: #31B0D5;
}
.header nav .nav_left .nav_audition_list {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.header nav .nav_left .nav_audition_list .relative {
  position: relative;
  /* Hamburger nav-audition-list button */
  /* Hamburger menbu text */
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn:checked ~ .nav-audition-list {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list {
  list-style: none;
  position: absolute;
  width: 100%;
  max-width: 200px;
  height: auto;
  top: 0;
  right: 0;
  margin-top: 50px;
  padding: 0 0 10px 0;
  clear: both;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #ddd;
  opacity: 0;
  transition: 0.5s;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list li {
  visibility: hidden;
  display: none;
  margin: 0;
  opacity: 0;
  transition: 0.5s;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list li.top {
  border-bottom: 1px solid rgb(75, 75, 75);
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn:checked ~ .nav-audition-list a,
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn:checked ~ .nav-audition-list li {
  display: block;
  visibility: visible;
  background-color: #333333;
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn:checked ~ .nav-audition-list a a,
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn:checked ~ .nav-audition-list li a {
  padding: 12px;
  line-height: 1rem;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn:checked ~ .header_fixed_bg {
  display: block;
  position: fixed;
  background-color: transparent;
  top: 50px;
  left: 0;
  width: 100%;
  height: 100%;
}
.header nav .nav_left .nav_audition_list .relative .header_fixed_bg {
  display: none;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-btn {
  display: none;
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-icon {
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header nav .nav_left .nav_audition_list .relative .nav-audition-list-icon > span:first-child {
  min-width: 200px;
}
.header nav .nav_left .nav_audition_list .relative .nav_icon_svg {
  margin-left: 12px;
}
.header nav .nav_right .user_name_block {
  margin-right: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #333333;
}
.header nav .nav_right .user_name_block .profile_icon_block {
  color: #ffffff;
}
.header nav .nav_right .user_name_block .profile_icon_block:hover {
  color: #31B0D5;
}
.header nav .nav_right .user_name_block .user_info_block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header nav .nav_right .user_name_block .user_info_block .user_icon {
  padding-top: 4px;
  margin-right: 8px;
}
.header nav .nav_right .user_name_block .user_info_block .user_name {
  margin-right: 15px;
}
.header nav .nav_right .user_name_block > a {
  line-height: 1.5rem;
  display: flex;
  padding: 0 0.75rem;
}
.header nav .nav_right .user_name_block > a .hover-icon {
  fill: #ffffff;
  width: 23px;
  height: 23px;
}
.header nav .nav_right .user_name_block > a:hover .hover-icon {
  fill: #31B0D5;
}

/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  max-width: 200px;
  height: auto;
  top: 0;
  right: 0;
  margin-top: 50px;
  padding: 0 0 10px 0;
  clear: both;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #ddd;
  opacity: 0;
  transition: 0.5s;
}
.menu li {
  visibility: hidden;
  display: none;
  margin: 0;
  opacity: 0;
  transition: 0.5s;
}
.menu li.top {
  border-bottom: 1px solid rgb(75, 75, 75);
}

/* Hamburger menbu text */
.menu-btn {
  display: none !important;
}

.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.header_fixed_bg {
  display: none;
}

.menu-btn:checked ~ .header_fixed_bg {
  display: block;
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  background-color: transparent;
  height: 100%;
}

.menu-btn:checked ~ .menu a, .menu-btn:checked ~ .menu li {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
  background-color: #333333;
}
.menu-btn:checked ~ .menu a a, .menu-btn:checked ~ .menu li a {
  padding: 12px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.menu-icon {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 32px;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navicon {
  background: #ddd;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before, .navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #ddd;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
.navicon:before {
  top: 9px;
}
.navicon:after {
  bottom: 9px;
}

/* Navbar Text */
input::placeholder, textarea::placeholder {
  color: #344141;
}

@media only screen and (max-width: 835px) {
  .header {
    font-size: 14px;
  }
  .header nav {
    font-size: 14px;
    padding: 0.75rem 1rem;
  }
  .header nav .nav_left .nav_audition_list {
    font-size: 16px;
  }
  .header nav .nav_left .header_logo {
    overflow: hidden;
    font-size: 20px;
  }
  .header nav .menu-icon {
    right: 1rem;
  }
}
.sidebar-exist {
  width: 100%;
  padding-left: 45px;
  box-sizing: border-box;
}

#sidebar {
  position: fixed;
  top: 90px;
  left: 0;
  width: 45px;
  height: 100%;
  background-color: #707070;
  color: #ffffff;
  z-index: 10;
}
#sidebar .side-list a.side-link:hover span.side-name,
#sidebar .side-list a.side-link:hover span.side-icon > svg {
  color: #31b0d5;
  fill: #31b0d5;
}
#sidebar .side-list a.side-link span.side-icon > svg {
  fill: #ffffff;
}
#sidebar .side-list a.side-link span.side-name {
  text-align: center;
  margin-top: 0.25rem;
  color: #ffffff;
  min-width: 30px;
}
#sidebar .side-list a.side-link .icon-block {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#sidebar .current_sidebar_nav > div {
  background-color: #888888;
}

#step_flow {
  padding: 20px;
}
#step_flow .step_flow_wrap {
  padding: 1rem;
  width: 100%;
  margin: 0 auto;
}
#step_flow .step_flow_wrap .step_flow_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block {
  display: flex;
  align-items: center;
  position: relative;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block .rounded_block {
  width: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  height: 1.5rem;
  border-width: 2px;
  border-radius: 9999px;
  border-style: solid;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block .rounded_block.doneStep {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #ffffff;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block .rounded_block.currentStep {
  background-color: #6cc4b0;
  border-color: #6cc4b0;
  color: #ffffff;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block .rounded_block.nextStep {
  background-color: #ffffff;
  border-color: #6cc4b0;
  color: #6cc4b0;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block .rounded_block .rouded_number {
  width: 100%;
  text-align: center;
  height: 100%;
  display: block;
  box-sizing: border-box;
}
#step_flow .step_flow_wrap .step_flow_inner .step_block .step_block_title {
  color: #3e3e3e;
  position: absolute;
  top: 0;
  text-align: center;
  margin-left: -3.6rem;
  margin-top: 2rem;
  width: 9rem;
}
#step_flow .step_flow_wrap .step_flow_inner .step_border {
  flex: 1 1 auto;
  border-width: 1px;
  border-color: #e2e8f0;
  border-style: solid;
  max-width: 120px;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.star_rating {
  margin-top: 5px;
  display: flex;
  justify-content: center;
}
.star_rating .c_star {
  width: 8px;
  height: 8px;
  margin-right: 3px;
  background-image: url(/assets/images/svg/rating_star_empty.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.star_rating .c_star.active {
  background-image: url(/assets/images/svg/rating_star.svg);
}
.star_rating .c_star.footer_rating, .star_rating .c_star.rating_list_rating {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  background-image: url(/assets/images/svg/star.svg);
}
.star_rating .c_star.footer_rating.active, .star_rating .c_star.rating_list_rating.active {
  background-image: url(/assets/images/svg/star_full.svg);
}
.star_rating .c_star:last-child {
  margin-right: 0;
}

.button {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  height: 50px;
  padding: 14px 15px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 20px;
}
.button:disabled {
  background-color: #eeeeee !important;
  border: none !important;
}
.button:disabled * {
  color: #aaaaaa !important;
}
.button.disabled {
  background-color: #eeeeee !important;
  pointer-events: none;
}
.button.disabled * {
  color: #aaaaaa !important;
}
.button.bg_red {
  background-color: #ff7c7c;
  color: #ffffff;
  border: none;
}
.button.bg_red * {
  color: #ffffff;
}
.button.input_checked {
  height: 40px;
  border: none;
  max-width: 130px;
  width: 128px;
  padding: 0;
}
.button.input_checked .input_checked_icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.button.input_checked .input_checked_icon > svg {
  width: 20px;
  height: 20px;
}
.button.input_checked .input_checked_text {
  width: 98px;
  text-align: left;
}
.button.input_checked .input_checked_text span {
  text-align: left;
}
.button.input_checked .input_checked_text span::before {
  display: inline-block;
  content: "入力枠を開く";
  text-align: left;
}
.button.input_checked.is_active .input_checked_icon {
  transform: scaleY(-1);
}
.button.input_checked.is_active .input_checked_text span::before {
  content: "入力枠を閉じる";
}
.button.cancel_button {
  height: 40px;
  background-color: #ffffff;
  border-color: #cccccc;
  max-width: 120px;
  width: 100%;
  padding: 0;
}
.button.bg_white {
  border-color: #e2e8f0;
  background-color: #ffffff;
  color: #31b0d5;
}
.button.bg_white * {
  color: #31b0d5;
}
.button.bg_white.search_address_button {
  padding: 4px 8px;
  max-width: 80px;
  font-size: 14px;
  height: 40px;
}
.button.url_sending {
  width: 160px;
  border-color: #e2e8f0;
  background-color: #ffffff;
  color: #6cc4b0;
}
.button.url_sending * {
  color: #6cc4b0;
}
.button.bg_red {
  background-color: #ff7c7c;
  color: #ffffff;
  border: none;
}
.button.bg_red * {
  color: #ffffff;
}
.button.bg_line_miniapp_green {
  max-width: 150px;
  border-color: #5bc0de;
  background-color: #ffffff;
  color: #31b0d5;
}
.button.bg_line_miniapp_green * {
  color: #31b0d5;
}
.button.bg_line_miniapp_red {
  max-width: 150px;
  background-color: #fc3465;
  color: #ffffff;
  border: none;
}
.button.bg_line_miniapp_red * {
  color: #ffffff;
}
.button.bg_line_miniapp_red.ready, .button.bg_line_miniapp_red.done {
  background-color: rgba(0, 0, 0, 0.1607843137) !important;
  color: #aaaaaa !important;
}
.button.bg_purple {
  background-color: #6c88d5;
  color: #ffffff;
  border: none;
}
.button.bg_purple * {
  color: #ffffff;
}
.button.bg_green {
  border-color: #31b0d5;
  background-color: #31b0d5;
  color: #ffffff;
}
.button.bg_green * {
  color: #ffffff;
}
.button.create {
  justify-content: space-around;
  width: 7.5rem !important;
  padding: 0.3rem 0.7rem;
  height: 36px;
}
.button.create .svg_icon {
  height: 20px;
}
.button.add_tag {
  justify-content: space-around;
  width: 90px !important;
  padding: 0.3rem;
  height: 40px;
  border-radius: 20px;
}
.button.add_tag span {
  color: #aaaaaa !important;
}
.button.add_tag .svg_icon {
  height: 20px;
}
.button.add_tag .svg_icon svg * {
  fill: #aaa !important;
}
.button.public_setting {
  border: none;
  padding: 0;
  color: #31b0d5;
  height: 20px;
}
.button.line_sending_btn {
  min-width: 120px;
  max-width: 180px;
  height: 40px;
  font-size: 14px;
  color: #6cc4b0;
  box-sizing: border-box;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  align-items: center;
}
.button.line_sending_btn.detail {
  max-width: 120px;
}
.button.line_sending_btn:disabled {
  background-color: #eeeeee !important;
}
.button.line_sending_btn .line_icon {
  margin-right: 0.25rem;
}
.button.line_sending_btn .line_text {
  color: #6cc4b0;
  display: inline-block;
}
.button.bookmark_btn {
  min-width: 120px;
  max-width: 180px;
  height: 40px;
  font-size: 14px;
  box-sizing: border-box;
  padding: 4px 8px;
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  color: #707070;
  background-color: #ffffff;
}
.button.bookmark_btn.detail {
  max-width: 120px;
}
.button.bookmark_btn .bookmark_icon {
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
}
.button.bookmark_btn .bookmark_icon svg {
  fill: #707070;
}
.button.bookmark_btn .bookmark_text {
  display: inline-block;
  line-height: 1;
}
.button.bookmark_btn.checked {
  background-color: #aaaaaa;
  color: #ffffff;
}
.button.bookmark_btn.checked .bookmark_icon svg {
  fill: #ffffff;
}
.button.detail_tag_btn {
  min-width: 80px;
  max-width: 80px;
  height: 40px;
  font-size: 14px;
  color: #aaaaaa;
  box-sizing: border-box;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
}
.button.detail_tag_btn.detail {
  max-width: 180px;
}
.button.detail_tag_btn .tag_icon {
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
}
.button.detail_tag_btn .tag_icon svg {
  fill: #aaaaaa;
}
.button.detail_tag_btn .tag_text {
  color: #aaaaaa;
  display: inline-block;
  line-height: 1;
}
.button.pass_cancel_button {
  font-size: 18px;
  font-weight: bold;
  color: #6b88d5;
  border-color: #6b88d5;
  width: 250px;
  height: 40px;
}
.button.create_url_btn {
  min-width: 120px;
  max-width: 180px;
  height: 40px;
  font-size: 14px;
  color: #31b0d5;
  box-sizing: border-box;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
}
.button.create_url_btn.detail {
  max-width: 180px;
}
.button.create_url_btn .create_url_icon {
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
}
.button.create_url_btn .create_url_text {
  color: #31b0d5;
  display: inline-block;
  line-height: 1;
}
.button.button_edit {
  min-width: 80px;
  max-width: 80px;
  height: 30px;
  font-size: 14px;
  color: #707070;
  box-sizing: border-box;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
}
.button.button_edit.detail {
  max-width: 80px;
}
.button.button_edit .edit_icon {
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
}
.button.button_edit .edit_icon.edit_motive {
  fill: #31b0d5 !important;
}
.button.button_edit .edit_text {
  color: #707070;
  display: inline-block;
  line-height: 1;
}
.button.button_edit .edit_motive {
  color: #31b0d5;
}
.button.button_comment_del, .button.button_comment_edit {
  border: none;
  max-width: 30px;
  height: auto;
  padding: 0;
}
.button.button_comment_del > span, .button.button_comment_edit > span {
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button.buttton_tmp_file_download {
  min-width: 120px;
  max-width: 180px;
  height: 40px;
  font-size: 14px;
  color: #31b0d5;
  box-sizing: border-box;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  align-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  margin-right: 12px;
}
.button.buttton_tmp_file_download.detail {
  max-width: 180px;
}
.button.buttton_tmp_file_download .create_url_icon {
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
}
.button.buttton_tmp_file_download .create_url_text {
  color: #31b0d5;
  display: inline-block;
  line-height: 1;
}
.button.confirm_button {
  max-width: 80px;
  max-height: 35px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
.button.confirm_button .preview_icon {
  margin-right: 6px;
}
.button.confirm_button:focus {
  outline: none;
}
.button.button_tmp_delete {
  max-width: 80px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: 1px #eeeeee solid;
}
.button:hover {
  opacity: 0.7;
}

.sort_block {
  display: flex;
  flex-direction: column;
}
.sort_block .up_block {
  transform: scaleY(-1);
}
.sort_block .up_block,
.sort_block .down_block {
  padding: 0;
  border: none;
}

.edit_block .edit_button {
  padding: 0;
  border: none;
}

input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem;
  overflow: hidden;
  /* input[date]アイコン非表示用 */
}
input[name=p-tabs__item] {
  display: none;
}
input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input[type=date], input[type=datetime-local], input[type=password], input[type=text] {
  height: 40px;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  border-color: #e2e8f0;
}
input[type=date][name=tall], input[type=date][name=weight], input[type=datetime-local][name=tall], input[type=datetime-local][name=weight], input[type=password][name=tall], input[type=password][name=weight], input[type=text][name=tall], input[type=text][name=weight] {
  width: 80px;
}
input[type=date][name=postalcode], input[type=datetime-local][name=postalcode], input[type=password][name=postalcode], input[type=text][name=postalcode] {
  width: 200px;
}
input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=password]:disabled, input[type=text]:disabled {
  background-color: #cccccc;
  border-color: #e2e8f0;
}
input[type=date]:disabled + span.text_deg, input[type=datetime-local]:disabled + span.text_deg, input[type=password]:disabled + span.text_deg, input[type=text]:disabled + span.text_deg {
  color: #3e3e3e;
}
input[type=text]::placeholder {
  font-weight: 500;
  color: #888888;
}
input[type=checkbox] {
  border: none;
  width: 18px;
  height: 18px;
  appearance: none;
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  margin: 0;
  box-sizing: border-box;
  border-radius: 0;
  padding: 0;
}
input[type=checkbox]::before {
  display: block;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: solid 1px #e2e8f0;
  border-radius: 3px;
}
input[type=checkbox]:checked::before {
  background-color: #ffffff;
}
input[type=checkbox]::after {
  display: block;
  content: "";
  position: absolute;
  left: 10px;
  top: -4px;
  left: 6px;
  width: 8px;
  height: 16px;
  border-right: 2px solid #01a2c1;
  border-bottom: 2px solid #01a2c1;
  transform: rotate(45deg);
  opacity: 0;
}
input[type=checkbox]:checked::after {
  opacity: 1;
}
input[type=datetime-local] {
  position: relative;
  padding-right: 30px;
  min-width: 210px;
}
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}
input[type=datetime-local]::after {
  content: "";
  background-image: url(/assets/images/svg/calendar.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
input.icon-del {
  position: relative;
}
input.icon-del::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
input[type=password] {
  line-height: 20px;
}
input[type=radio] {
  appearance: none; /* デフォルトのスタイルを削除 */
  width: 18px;
  height: 18px;
  margin-right: 4px;
  border-radius: 50%;
  border: 1px solid #c0c0c0;
  vertical-align: -5px;
  outline: none;
  padding: 0;
  /* ラジオボタンを全て消す */
}
input[type=radio][name=c-tabs__item] input[type=radio][name=p-tabs__item] {
  display: none;
}
input[type=radio]::before {
  /* ラジオボタンの内側の● */
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background-color: #31b0d5;
  transform: translate(3px, 3px) scale(0);
  transform-origin: center;
  transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
}
input[type=radio]:checked::before {
  transform: translate(3px, 3px) scale(1);
}
input[type=radio]:disabled {
  background-color: #cccccc;
}
input[type=radio]:disabled + span.text_deg {
  color: #ccc;
}

.password_block {
  position: relative;
}

.eye_icon {
  position: absolute;
  top: 27%;
  right: 20px;
}

.eye_icon svg {
  fill: #aaaaaa;
  width: 20px;
}

.file_select_block {
  position: relative;
  padding-bottom: 2.5rem;
  display: block;
}
.file_select_block #audition_banner_button {
  cursor: pointer;
  z-index: 2;
  border-width: 1px;
  border-top: 1px solid #e2e8f0;
  border-left: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  border-right: 1px solid #e2e8f0;
  border-radius: 0 0.25rem 0.25rem 0;
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(204, 204, 204, var(--border-opacity));
}
.file_select_block #show_bannername {
  padding: 0.75rem;
  border-width: 1px;
  border-top: 1px solid #e2e8f0;
  border-left: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  border-right: none;
  border-radius: 0.25rem;
  --border-opacity: 1;
  border-color: #e2e8f0;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2.5rem;
}
.file_select_block .file_select_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 2.5rem;
}
.file_select_block #audition_banner {
  display: none;
}

.portrait_input_block,
.profile_input_block,
.music_input_block {
  margin: 10px 0;
  text-align: left;
}
.portrait_input_block .profile_input_wrapper,
.portrait_input_block .portrait_input_wrapper,
.portrait_input_block .music_input_wrapper,
.profile_input_block .profile_input_wrapper,
.profile_input_block .portrait_input_wrapper,
.profile_input_block .music_input_wrapper,
.music_input_block .profile_input_wrapper,
.music_input_block .portrait_input_wrapper,
.music_input_block .music_input_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 320px;
}
.portrait_input_block .upload_btn,
.portrait_input_block .delete_btn,
.profile_input_block .upload_btn,
.profile_input_block .delete_btn,
.music_input_block .upload_btn,
.music_input_block .delete_btn {
  border: 1px #cccccc solid;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px;
  height: auto;
}
.portrait_input_block .upload_btn,
.profile_input_block .upload_btn,
.music_input_block .upload_btn {
  color: #31b0d5;
  width: 220px;
}
.portrait_input_block .delete_btn,
.profile_input_block .delete_btn,
.music_input_block .delete_btn {
  color: #fc3465;
  width: 80px;
}
.portrait_input_block #show_profilename,
.portrait_input_block #show_portrait_input_image_1,
.portrait_input_block #show_portrait_input_image_2,
.portrait_input_block #show_music_input_1,
.portrait_input_block #show_music_input_2,
.profile_input_block #show_profilename,
.profile_input_block #show_portrait_input_image_1,
.profile_input_block #show_portrait_input_image_2,
.profile_input_block #show_music_input_1,
.profile_input_block #show_music_input_2,
.music_input_block #show_profilename,
.music_input_block #show_portrait_input_image_1,
.music_input_block #show_portrait_input_image_2,
.music_input_block #show_music_input_1,
.music_input_block #show_music_input_2 {
  margin: 10px 0;
  color: #707070;
}

.audition_banner_block input[type=file]#audition_banner {
  appearance: none;
  text-align: left;
  -webkit-rtl-ordering: left;
}
.audition_banner_block input[type=file]#audition_banner::-webkit-file-upload-button {
  height: 100%;
  appearance: none;
  float: right;
  margin: 0 0 0 10px;
  background-color: #eeeeee;
  border: none;
  border-left: 1px solid #e2e8f0;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d2d0d0), to(#f0f0f0));
  background-image: -moz-linear-gradient(90deg, #d2d0d0 0%, #f0f0f0 100%);
}

textarea {
  width: 100%;
  padding: 0.75rem;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  border-color: #e2e8f0;
  overflow: hidden;
}
textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
textarea:disabled {
  background-color: #cccccc;
  border-color: #e2e8f0;
}
textarea:disabled + span.text_deg {
  color: #3e3e3e;
}

.select_block {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.select_block:last-child {
  margin-right: 0;
}
.select_block.w_full {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-bottom: 12px;
}
.select_block .select_arrow {
  position: absolute;
  color: #4a5568;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}

select {
  color: #707070;
  width: 100%;
  padding: 8px 32px 8px 16px;
  font-size: 15px;
  line-height: 1.25;
  box-sizing: border-box;
  appearance: none;
  text-transform: none;
  border-width: 1px;
  border-color: #e2e8f0;
  border-radius: 10px;
}
select[name=total_score] * {
  font-family: "FontAwesome";
  font-weight: 900;
  color: #3e3e3e;
}
select:disabled {
  background-color: #cccccc;
  border-color: #e2e8f0;
}
select:disabled + span.text_deg {
  color: #3e3e3e;
}

/* モーダルCSSここから */
.modalArea,
.commonModalArea,
.createUrlModal,
.successModal,
.failureModal,
.dialogArea,
.settingDialogArea {
  /* display: none;  */
  /* displayではなくvisibility */
  position: fixed;
  z-index: 1000;
  transform: translateZ(1px);
  /* サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalArea.hidden,
.commonModalArea.hidden,
.createUrlModal.hidden,
.successModal.hidden,
.failureModal.hidden,
.dialogArea.hidden,
.settingDialogArea.hidden {
  display: none;
}
.modalArea.is__thumbnail,
.commonModalArea.is__thumbnail,
.createUrlModal.is__thumbnail,
.successModal.is__thumbnail,
.failureModal.is__thumbnail,
.dialogArea.is__thumbnail,
.settingDialogArea.is__thumbnail {
  display: block;
}

.modalBg,
.commonModalBg,
.sucreateUrlModalBg,
.successModalBg,
.failureModalBg,
.dialogBg,
.settingDialogBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
  position: relative;
  z-index: 2000;
}

.modalContents,
.dialogContents {
  padding-bottom: 10px;
}

.modalWrapper,
.dialogWrapper,
.settingDialogWrapper {
  position: absolute;
  z-index: 2100;
  padding: 10px 30px;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 0.75rem;
  max-width: 750px;
  width: 80%;
}
.modalWrapper .comment_form_wrapper,
.dialogWrapper .comment_form_wrapper,
.settingDialogWrapper .comment_form_wrapper {
  padding: 130px 20px 20px;
}
.modalWrapper .useredit_form_wrapper,
.dialogWrapper .useredit_form_wrapper,
.settingDialogWrapper .useredit_form_wrapper {
  padding: 130px 20px 105px;
}
.modalWrapper .useredit_form_wrapper .list_item input,
.dialogWrapper .useredit_form_wrapper .list_item input,
.settingDialogWrapper .useredit_form_wrapper .list_item input {
  margin-top: 6px;
}
.modalWrapper.userEdit, .modalWrapper.commentEdit, .modalWrapper.confirm,
.dialogWrapper.userEdit,
.dialogWrapper.commentEdit,
.dialogWrapper.confirm,
.settingDialogWrapper.userEdit,
.settingDialogWrapper.commentEdit,
.settingDialogWrapper.confirm {
  width: 83.3333333333%;
  padding: 0;
  max-height: 680px;
  background-color: #eeeeee;
  /* overflow-y: scroll; */
  scrollbar-width: none;
  /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none;
  /*Internet Explore対応のスクロールバー非表示コード*/
  /* 新規作成画面 確認ボタン押下モーダル */
  /* タブ切り替え全体のスタイル*/
  /* タブのスタイル */
  /* タブ切り替えの中身のスタイル */
  /* 新規作成画面 確認ボタン押下モーダル */
  /* 選択されているタブのスタイルを変える */
}
.modalWrapper.userEdit::-webkit-scrollbar, .modalWrapper.commentEdit::-webkit-scrollbar, .modalWrapper.confirm::-webkit-scrollbar,
.dialogWrapper.userEdit::-webkit-scrollbar,
.dialogWrapper.commentEdit::-webkit-scrollbar,
.dialogWrapper.confirm::-webkit-scrollbar,
.settingDialogWrapper.userEdit::-webkit-scrollbar,
.settingDialogWrapper.commentEdit::-webkit-scrollbar,
.settingDialogWrapper.confirm::-webkit-scrollbar {
  display: none;
  /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
.modalWrapper.userEdit *, .modalWrapper.commentEdit *, .modalWrapper.confirm *,
.dialogWrapper.userEdit *,
.dialogWrapper.commentEdit *,
.dialogWrapper.confirm *,
.settingDialogWrapper.userEdit *,
.settingDialogWrapper.commentEdit *,
.settingDialogWrapper.confirm * {
  box-sizing: border-box;
}
.modalWrapper.userEdit .edit_notice, .modalWrapper.commentEdit .edit_notice, .modalWrapper.confirm .edit_notice,
.dialogWrapper.userEdit .edit_notice,
.dialogWrapper.commentEdit .edit_notice,
.dialogWrapper.confirm .edit_notice,
.settingDialogWrapper.userEdit .edit_notice,
.settingDialogWrapper.commentEdit .edit_notice,
.settingDialogWrapper.confirm .edit_notice {
  margin-top: 20px;
  color: #3e3e3e;
  font-size: 15px;
  text-align: left;
}
.modalWrapper.userEdit .auth_block, .modalWrapper.commentEdit .auth_block, .modalWrapper.confirm .auth_block,
.dialogWrapper.userEdit .auth_block,
.dialogWrapper.commentEdit .auth_block,
.dialogWrapper.confirm .auth_block,
.settingDialogWrapper.userEdit .auth_block,
.settingDialogWrapper.commentEdit .auth_block,
.settingDialogWrapper.confirm .auth_block {
  margin-top: 12px;
}
.modalWrapper.userEdit .auth_block .select_block, .modalWrapper.commentEdit .auth_block .select_block, .modalWrapper.confirm .auth_block .select_block,
.dialogWrapper.userEdit .auth_block .select_block,
.dialogWrapper.commentEdit .auth_block .select_block,
.dialogWrapper.confirm .auth_block .select_block,
.settingDialogWrapper.userEdit .auth_block .select_block,
.settingDialogWrapper.commentEdit .auth_block .select_block,
.settingDialogWrapper.confirm .auth_block .select_block {
  width: 100%;
}
.modalWrapper.userEdit #tab1:checked ~ #tab1_content,
.modalWrapper.userEdit #tab2:checked ~ #tab2_content,
.modalWrapper.userEdit #tab3:checked ~ #tab3_content,
.modalWrapper.userEdit #apply_tab1:checked ~ #apply_tab1_content,
.modalWrapper.userEdit #apply_tab2:checked ~ #apply_tab2_content,
.modalWrapper.userEdit #m_tab1:checked ~ #m_tab1_content,
.modalWrapper.userEdit #m_tab2:checked ~ #m_tab2_content,
.modalWrapper.userEdit #m_tab3:checked ~ #m_tab3_content, .modalWrapper.commentEdit #tab1:checked ~ #tab1_content,
.modalWrapper.commentEdit #tab2:checked ~ #tab2_content,
.modalWrapper.commentEdit #tab3:checked ~ #tab3_content,
.modalWrapper.commentEdit #apply_tab1:checked ~ #apply_tab1_content,
.modalWrapper.commentEdit #apply_tab2:checked ~ #apply_tab2_content,
.modalWrapper.commentEdit #m_tab1:checked ~ #m_tab1_content,
.modalWrapper.commentEdit #m_tab2:checked ~ #m_tab2_content,
.modalWrapper.commentEdit #m_tab3:checked ~ #m_tab3_content, .modalWrapper.confirm #tab1:checked ~ #tab1_content,
.modalWrapper.confirm #tab2:checked ~ #tab2_content,
.modalWrapper.confirm #tab3:checked ~ #tab3_content,
.modalWrapper.confirm #apply_tab1:checked ~ #apply_tab1_content,
.modalWrapper.confirm #apply_tab2:checked ~ #apply_tab2_content,
.modalWrapper.confirm #m_tab1:checked ~ #m_tab1_content,
.modalWrapper.confirm #m_tab2:checked ~ #m_tab2_content,
.modalWrapper.confirm #m_tab3:checked ~ #m_tab3_content,
.dialogWrapper.userEdit #tab1:checked ~ #tab1_content,
.dialogWrapper.userEdit #tab2:checked ~ #tab2_content,
.dialogWrapper.userEdit #tab3:checked ~ #tab3_content,
.dialogWrapper.userEdit #apply_tab1:checked ~ #apply_tab1_content,
.dialogWrapper.userEdit #apply_tab2:checked ~ #apply_tab2_content,
.dialogWrapper.userEdit #m_tab1:checked ~ #m_tab1_content,
.dialogWrapper.userEdit #m_tab2:checked ~ #m_tab2_content,
.dialogWrapper.userEdit #m_tab3:checked ~ #m_tab3_content,
.dialogWrapper.commentEdit #tab1:checked ~ #tab1_content,
.dialogWrapper.commentEdit #tab2:checked ~ #tab2_content,
.dialogWrapper.commentEdit #tab3:checked ~ #tab3_content,
.dialogWrapper.commentEdit #apply_tab1:checked ~ #apply_tab1_content,
.dialogWrapper.commentEdit #apply_tab2:checked ~ #apply_tab2_content,
.dialogWrapper.commentEdit #m_tab1:checked ~ #m_tab1_content,
.dialogWrapper.commentEdit #m_tab2:checked ~ #m_tab2_content,
.dialogWrapper.commentEdit #m_tab3:checked ~ #m_tab3_content,
.dialogWrapper.confirm #tab1:checked ~ #tab1_content,
.dialogWrapper.confirm #tab2:checked ~ #tab2_content,
.dialogWrapper.confirm #tab3:checked ~ #tab3_content,
.dialogWrapper.confirm #apply_tab1:checked ~ #apply_tab1_content,
.dialogWrapper.confirm #apply_tab2:checked ~ #apply_tab2_content,
.dialogWrapper.confirm #m_tab1:checked ~ #m_tab1_content,
.dialogWrapper.confirm #m_tab2:checked ~ #m_tab2_content,
.dialogWrapper.confirm #m_tab3:checked ~ #m_tab3_content,
.settingDialogWrapper.userEdit #tab1:checked ~ #tab1_content,
.settingDialogWrapper.userEdit #tab2:checked ~ #tab2_content,
.settingDialogWrapper.userEdit #tab3:checked ~ #tab3_content,
.settingDialogWrapper.userEdit #apply_tab1:checked ~ #apply_tab1_content,
.settingDialogWrapper.userEdit #apply_tab2:checked ~ #apply_tab2_content,
.settingDialogWrapper.userEdit #m_tab1:checked ~ #m_tab1_content,
.settingDialogWrapper.userEdit #m_tab2:checked ~ #m_tab2_content,
.settingDialogWrapper.userEdit #m_tab3:checked ~ #m_tab3_content,
.settingDialogWrapper.commentEdit #tab1:checked ~ #tab1_content,
.settingDialogWrapper.commentEdit #tab2:checked ~ #tab2_content,
.settingDialogWrapper.commentEdit #tab3:checked ~ #tab3_content,
.settingDialogWrapper.commentEdit #apply_tab1:checked ~ #apply_tab1_content,
.settingDialogWrapper.commentEdit #apply_tab2:checked ~ #apply_tab2_content,
.settingDialogWrapper.commentEdit #m_tab1:checked ~ #m_tab1_content,
.settingDialogWrapper.commentEdit #m_tab2:checked ~ #m_tab2_content,
.settingDialogWrapper.commentEdit #m_tab3:checked ~ #m_tab3_content,
.settingDialogWrapper.confirm #tab1:checked ~ #tab1_content,
.settingDialogWrapper.confirm #tab2:checked ~ #tab2_content,
.settingDialogWrapper.confirm #tab3:checked ~ #tab3_content,
.settingDialogWrapper.confirm #apply_tab1:checked ~ #apply_tab1_content,
.settingDialogWrapper.confirm #apply_tab2:checked ~ #apply_tab2_content,
.settingDialogWrapper.confirm #m_tab1:checked ~ #m_tab1_content,
.settingDialogWrapper.confirm #m_tab2:checked ~ #m_tab2_content,
.settingDialogWrapper.confirm #m_tab3:checked ~ #m_tab3_content {
  display: block;
}
.modalWrapper.userEdit .c-tabs,
.modalWrapper.userEdit .p-tabs, .modalWrapper.commentEdit .c-tabs,
.modalWrapper.commentEdit .p-tabs, .modalWrapper.confirm .c-tabs,
.modalWrapper.confirm .p-tabs,
.dialogWrapper.userEdit .c-tabs,
.dialogWrapper.userEdit .p-tabs,
.dialogWrapper.commentEdit .c-tabs,
.dialogWrapper.commentEdit .p-tabs,
.dialogWrapper.confirm .c-tabs,
.dialogWrapper.confirm .p-tabs,
.settingDialogWrapper.userEdit .c-tabs,
.settingDialogWrapper.userEdit .p-tabs,
.settingDialogWrapper.commentEdit .c-tabs,
.settingDialogWrapper.commentEdit .p-tabs,
.settingDialogWrapper.confirm .c-tabs,
.settingDialogWrapper.confirm .p-tabs {
  background-color: #ffffff;
  height: 680px;
}
.modalWrapper.userEdit .c-tabs__item,
.modalWrapper.userEdit .p-tabs__item, .modalWrapper.commentEdit .c-tabs__item,
.modalWrapper.commentEdit .p-tabs__item, .modalWrapper.confirm .c-tabs__item,
.modalWrapper.confirm .p-tabs__item,
.dialogWrapper.userEdit .c-tabs__item,
.dialogWrapper.userEdit .p-tabs__item,
.dialogWrapper.commentEdit .c-tabs__item,
.dialogWrapper.commentEdit .p-tabs__item,
.dialogWrapper.confirm .c-tabs__item,
.dialogWrapper.confirm .p-tabs__item,
.settingDialogWrapper.userEdit .c-tabs__item,
.settingDialogWrapper.userEdit .p-tabs__item,
.settingDialogWrapper.commentEdit .c-tabs__item,
.settingDialogWrapper.commentEdit .p-tabs__item,
.settingDialogWrapper.confirm .c-tabs__item,
.settingDialogWrapper.confirm .p-tabs__item {
  /*タブタイトルの高さ*/
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background-color: #888888;
  display: block;
  float: left;
  transition: all 0.2s ease;
  backface-visibility: hidden;
  width: calc((100% - 60px) / 2);
  /* タブアイテムにカーソルを当てたとき */
}
.modalWrapper.userEdit .c-tabs__item.w_full,
.modalWrapper.userEdit .p-tabs__item.w_full, .modalWrapper.commentEdit .c-tabs__item.w_full,
.modalWrapper.commentEdit .p-tabs__item.w_full, .modalWrapper.confirm .c-tabs__item.w_full,
.modalWrapper.confirm .p-tabs__item.w_full,
.dialogWrapper.userEdit .c-tabs__item.w_full,
.dialogWrapper.userEdit .p-tabs__item.w_full,
.dialogWrapper.commentEdit .c-tabs__item.w_full,
.dialogWrapper.commentEdit .p-tabs__item.w_full,
.dialogWrapper.confirm .c-tabs__item.w_full,
.dialogWrapper.confirm .p-tabs__item.w_full,
.settingDialogWrapper.userEdit .c-tabs__item.w_full,
.settingDialogWrapper.userEdit .p-tabs__item.w_full,
.settingDialogWrapper.commentEdit .c-tabs__item.w_full,
.settingDialogWrapper.commentEdit .p-tabs__item.w_full,
.settingDialogWrapper.confirm .c-tabs__item.w_full,
.settingDialogWrapper.confirm .p-tabs__item.w_full {
  width: calc(100% - 60px);
}
.modalWrapper.userEdit .c-tabs__item:hover,
.modalWrapper.userEdit .p-tabs__item:hover, .modalWrapper.commentEdit .c-tabs__item:hover,
.modalWrapper.commentEdit .p-tabs__item:hover, .modalWrapper.confirm .c-tabs__item:hover,
.modalWrapper.confirm .p-tabs__item:hover,
.dialogWrapper.userEdit .c-tabs__item:hover,
.dialogWrapper.userEdit .p-tabs__item:hover,
.dialogWrapper.commentEdit .c-tabs__item:hover,
.dialogWrapper.commentEdit .p-tabs__item:hover,
.dialogWrapper.confirm .c-tabs__item:hover,
.dialogWrapper.confirm .p-tabs__item:hover,
.settingDialogWrapper.userEdit .c-tabs__item:hover,
.settingDialogWrapper.userEdit .p-tabs__item:hover,
.settingDialogWrapper.commentEdit .c-tabs__item:hover,
.settingDialogWrapper.commentEdit .p-tabs__item:hover,
.settingDialogWrapper.confirm .c-tabs__item:hover,
.settingDialogWrapper.confirm .p-tabs__item:hover {
  opacity: 0.75;
  cursor: pointer;
}
.modalWrapper.userEdit .c-tabs__content,
.modalWrapper.userEdit .p-tabs__content, .modalWrapper.commentEdit .c-tabs__content,
.modalWrapper.commentEdit .p-tabs__content, .modalWrapper.confirm .c-tabs__content,
.modalWrapper.confirm .p-tabs__content,
.dialogWrapper.userEdit .c-tabs__content,
.dialogWrapper.userEdit .p-tabs__content,
.dialogWrapper.commentEdit .c-tabs__content,
.dialogWrapper.commentEdit .p-tabs__content,
.dialogWrapper.confirm .c-tabs__content,
.dialogWrapper.confirm .p-tabs__content,
.settingDialogWrapper.userEdit .c-tabs__content,
.settingDialogWrapper.userEdit .p-tabs__content,
.settingDialogWrapper.commentEdit .c-tabs__content,
.settingDialogWrapper.commentEdit .p-tabs__content,
.settingDialogWrapper.confirm .c-tabs__content,
.settingDialogWrapper.confirm .p-tabs__content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
  max-height: 860px;
}
.modalWrapper.userEdit .tab__content, .modalWrapper.commentEdit .tab__content, .modalWrapper.confirm .tab__content,
.dialogWrapper.userEdit .tab__content,
.dialogWrapper.commentEdit .tab__content,
.dialogWrapper.confirm .tab__content,
.settingDialogWrapper.userEdit .tab__content,
.settingDialogWrapper.commentEdit .tab__content,
.settingDialogWrapper.confirm .tab__content {
  width: 100%;
  max-height: 680px;
  height: 630px;
  box-sizing: border-box;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: #eeeeee;
  color: #707070;
}
.modalWrapper.userEdit .tab__content::-webkit-scrollbar, .modalWrapper.commentEdit .tab__content::-webkit-scrollbar, .modalWrapper.confirm .tab__content::-webkit-scrollbar,
.dialogWrapper.userEdit .tab__content::-webkit-scrollbar,
.dialogWrapper.commentEdit .tab__content::-webkit-scrollbar,
.dialogWrapper.confirm .tab__content::-webkit-scrollbar,
.settingDialogWrapper.userEdit .tab__content::-webkit-scrollbar,
.settingDialogWrapper.commentEdit .tab__content::-webkit-scrollbar,
.settingDialogWrapper.confirm .tab__content::-webkit-scrollbar {
  display: none;
  overflow-y: scroll;
}
.modalWrapper.userEdit .tab__content .tab__content__heading, .modalWrapper.commentEdit .tab__content .tab__content__heading, .modalWrapper.confirm .tab__content .tab__content__heading,
.dialogWrapper.userEdit .tab__content .tab__content__heading,
.dialogWrapper.commentEdit .tab__content .tab__content__heading,
.dialogWrapper.confirm .tab__content .tab__content__heading,
.settingDialogWrapper.userEdit .tab__content .tab__content__heading,
.settingDialogWrapper.commentEdit .tab__content .tab__content__heading,
.settingDialogWrapper.confirm .tab__content .tab__content__heading {
  display: block;
  text-align: center;
  background-color: #ffffff;
  padding: 0.75rem 0.25rem;
}
.modalWrapper.userEdit .tab__content .tab__content__heading span, .modalWrapper.commentEdit .tab__content .tab__content__heading span, .modalWrapper.confirm .tab__content .tab__content__heading span,
.dialogWrapper.userEdit .tab__content .tab__content__heading span,
.dialogWrapper.commentEdit .tab__content .tab__content__heading span,
.dialogWrapper.confirm .tab__content .tab__content__heading span,
.settingDialogWrapper.userEdit .tab__content .tab__content__heading span,
.settingDialogWrapper.commentEdit .tab__content .tab__content__heading span,
.settingDialogWrapper.confirm .tab__content .tab__content__heading span {
  font-weight: 500;
}
.modalWrapper.userEdit .tab__content .preview_wrapper, .modalWrapper.commentEdit .tab__content .preview_wrapper, .modalWrapper.confirm .tab__content .preview_wrapper,
.dialogWrapper.userEdit .tab__content .preview_wrapper,
.dialogWrapper.commentEdit .tab__content .preview_wrapper,
.dialogWrapper.confirm .tab__content .preview_wrapper,
.settingDialogWrapper.userEdit .tab__content .preview_wrapper,
.settingDialogWrapper.commentEdit .tab__content .preview_wrapper,
.settingDialogWrapper.confirm .tab__content .preview_wrapper {
  background-color: #eeeeee;
  width: 100%;
  min-height: 100vh;
}
.modalWrapper.userEdit .tab__content #preview_lists, .modalWrapper.commentEdit .tab__content #preview_lists, .modalWrapper.confirm .tab__content #preview_lists,
.dialogWrapper.userEdit .tab__content #preview_lists,
.dialogWrapper.commentEdit .tab__content #preview_lists,
.dialogWrapper.confirm .tab__content #preview_lists,
.settingDialogWrapper.userEdit .tab__content #preview_lists,
.settingDialogWrapper.commentEdit .tab__content #preview_lists,
.settingDialogWrapper.confirm .tab__content #preview_lists {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.modalWrapper.userEdit .tab__content #preview_lists .preview_heading, .modalWrapper.commentEdit .tab__content #preview_lists .preview_heading, .modalWrapper.confirm .tab__content #preview_lists .preview_heading,
.dialogWrapper.userEdit .tab__content #preview_lists .preview_heading,
.dialogWrapper.commentEdit .tab__content #preview_lists .preview_heading,
.dialogWrapper.confirm .tab__content #preview_lists .preview_heading,
.settingDialogWrapper.userEdit .tab__content #preview_lists .preview_heading,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .preview_heading,
.settingDialogWrapper.confirm .tab__content #preview_lists .preview_heading {
  width: 100%;
  display: block;
  color: #ffffff;
  background-color: #3e3e3e;
  padding: 0.75rem 0.5rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.modalWrapper.userEdit .tab__content #preview_lists .preview_heading.bg_white, .modalWrapper.commentEdit .tab__content #preview_lists .preview_heading.bg_white, .modalWrapper.confirm .tab__content #preview_lists .preview_heading.bg_white,
.dialogWrapper.userEdit .tab__content #preview_lists .preview_heading.bg_white,
.dialogWrapper.commentEdit .tab__content #preview_lists .preview_heading.bg_white,
.dialogWrapper.confirm .tab__content #preview_lists .preview_heading.bg_white,
.settingDialogWrapper.userEdit .tab__content #preview_lists .preview_heading.bg_white,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .preview_heading.bg_white,
.settingDialogWrapper.confirm .tab__content #preview_lists .preview_heading.bg_white {
  background-color: #ffffff;
  color: #3e3e3e;
}
.modalWrapper.userEdit .tab__content #preview_lists .line_miniapp_page .button_block, .modalWrapper.commentEdit .tab__content #preview_lists .line_miniapp_page .button_block, .modalWrapper.confirm .tab__content #preview_lists .line_miniapp_page .button_block,
.dialogWrapper.userEdit .tab__content #preview_lists .line_miniapp_page .button_block,
.dialogWrapper.commentEdit .tab__content #preview_lists .line_miniapp_page .button_block,
.dialogWrapper.confirm .tab__content #preview_lists .line_miniapp_page .button_block,
.settingDialogWrapper.userEdit .tab__content #preview_lists .line_miniapp_page .button_block,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .line_miniapp_page .button_block,
.settingDialogWrapper.confirm .tab__content #preview_lists .line_miniapp_page .button_block {
  display: none;
}
.modalWrapper.userEdit .tab__content #preview_lists .mini_app_list, .modalWrapper.commentEdit .tab__content #preview_lists .mini_app_list, .modalWrapper.confirm .tab__content #preview_lists .mini_app_list,
.dialogWrapper.userEdit .tab__content #preview_lists .mini_app_list,
.dialogWrapper.commentEdit .tab__content #preview_lists .mini_app_list,
.dialogWrapper.confirm .tab__content #preview_lists .mini_app_list,
.settingDialogWrapper.userEdit .tab__content #preview_lists .mini_app_list,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .mini_app_list,
.settingDialogWrapper.confirm .tab__content #preview_lists .mini_app_list {
  margin: 0 auto;
  max-width: 750px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item, .modalWrapper.confirm .tab__content #preview_lists .audition_item,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item {
  max-width: 750px;
  width: 100%;
  margin: 0 auto 60px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_header, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_header, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_header,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_header,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_header,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_header,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_header,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_header,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_header {
  background-color: #3e3e3e;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  min-height: 64px;
  padding: 10px 60px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_status,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_status,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_status {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background-color: #eeeeee;
  color: #3e3e3e;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status.ready, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status.ready, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_status.ready,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status.ready,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status.ready,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_status.ready,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status.ready,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status.ready,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_status.ready {
  background-color: #eeeeee;
  color: #3e3e3e;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status.accepting, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status.accepting, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_status.accepting,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status.accepting,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status.accepting,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_status.accepting,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_status.accepting,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_status.accepting,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_status.accepting {
  background-color: #f86faf;
  color: #ffffff;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_detail_text, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_detail_text, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_detail_text,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_detail_text,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_detail_text,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_detail_text,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_detail_text,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_detail_text,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_detail_text {
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin-bottom: 50px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper {
  padding: 0.75rem;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner {
  margin: 0 auto 10px;
  text-align: center;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_banner img {
  max-width: 300px;
  max-height: 300px;
  height: auto;
  object-fit: contain;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_text, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_text, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_text,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_text,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_text,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_text,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_text,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_text,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_text {
  margin-bottom: 25px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_date,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_date,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_date {
  margin-bottom: 25px;
  color: #31b0d5;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .audition_date .audition_date_title {
  text-align: left;
  font-size: 16px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button_block, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button_block, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button_block,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button_block,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button_block,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button_block,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button_block,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button_block,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button_block {
  margin: 20px auto 60px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button {
  margin: 0 auto;
  border-radius: 22px;
  max-width: 210px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  font-size: 18px;
}
.modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red, .modalWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red, .modalWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red, .modalWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red,
.dialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red,
.dialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red,
.dialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red,
.settingDialogWrapper.userEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_red,
.settingDialogWrapper.confirm .tab__content #preview_lists .audition_item .audition_wrapper .button.bg_line_miniapp_green {
  max-width: 150px;
}
.modalWrapper.userEdit .tab__content #preview_lists .list_preview, .modalWrapper.commentEdit .tab__content #preview_lists .list_preview, .modalWrapper.confirm .tab__content #preview_lists .list_preview,
.dialogWrapper.userEdit .tab__content #preview_lists .list_preview,
.dialogWrapper.commentEdit .tab__content #preview_lists .list_preview,
.dialogWrapper.confirm .tab__content #preview_lists .list_preview,
.settingDialogWrapper.userEdit .tab__content #preview_lists .list_preview,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .list_preview,
.settingDialogWrapper.confirm .tab__content #preview_lists .list_preview {
  padding: 0.75rem 0.5rem 2rem;
  box-sizing: border-box;
}
.modalWrapper.userEdit .tab__content #preview_lists .list_preview .audition_banner, .modalWrapper.commentEdit .tab__content #preview_lists .list_preview .audition_banner, .modalWrapper.confirm .tab__content #preview_lists .list_preview .audition_banner,
.dialogWrapper.userEdit .tab__content #preview_lists .list_preview .audition_banner,
.dialogWrapper.commentEdit .tab__content #preview_lists .list_preview .audition_banner,
.dialogWrapper.confirm .tab__content #preview_lists .list_preview .audition_banner,
.settingDialogWrapper.userEdit .tab__content #preview_lists .list_preview .audition_banner,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .list_preview .audition_banner,
.settingDialogWrapper.confirm .tab__content #preview_lists .list_preview .audition_banner {
  text-align: center;
  width: 16rem;
  margin: 0 auto 1.25rem;
}
.modalWrapper.userEdit .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image, .modalWrapper.commentEdit .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image, .modalWrapper.confirm .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image,
.dialogWrapper.userEdit .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image,
.dialogWrapper.commentEdit .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image,
.dialogWrapper.confirm .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image,
.settingDialogWrapper.userEdit .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image,
.settingDialogWrapper.confirm .tab__content #preview_lists .list_preview .audition_banner .audition_banner_image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.modalWrapper.userEdit .tab__content #preview_lists .list_preview .outline, .modalWrapper.commentEdit .tab__content #preview_lists .list_preview .outline, .modalWrapper.confirm .tab__content #preview_lists .list_preview .outline,
.dialogWrapper.userEdit .tab__content #preview_lists .list_preview .outline,
.dialogWrapper.commentEdit .tab__content #preview_lists .list_preview .outline,
.dialogWrapper.confirm .tab__content #preview_lists .list_preview .outline,
.settingDialogWrapper.userEdit .tab__content #preview_lists .list_preview .outline,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .list_preview .outline,
.settingDialogWrapper.confirm .tab__content #preview_lists .list_preview .outline {
  color: #3e3e3e;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  text-align: justify;
}
.modalWrapper.userEdit .tab__content #preview_lists .list_preview .detail, .modalWrapper.commentEdit .tab__content #preview_lists .list_preview .detail, .modalWrapper.confirm .tab__content #preview_lists .list_preview .detail,
.dialogWrapper.userEdit .tab__content #preview_lists .list_preview .detail,
.dialogWrapper.commentEdit .tab__content #preview_lists .list_preview .detail,
.dialogWrapper.confirm .tab__content #preview_lists .list_preview .detail,
.settingDialogWrapper.userEdit .tab__content #preview_lists .list_preview .detail,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .list_preview .detail,
.settingDialogWrapper.confirm .tab__content #preview_lists .list_preview .detail {
  color: #3e3e3e;
  text-align: justify;
  margin-bottom: 2rem;
  line-height: 1.2;
}
.modalWrapper.userEdit .tab__content #preview_lists .list_preview .detail .detail_heading, .modalWrapper.commentEdit .tab__content #preview_lists .list_preview .detail .detail_heading, .modalWrapper.confirm .tab__content #preview_lists .list_preview .detail .detail_heading,
.dialogWrapper.userEdit .tab__content #preview_lists .list_preview .detail .detail_heading,
.dialogWrapper.commentEdit .tab__content #preview_lists .list_preview .detail .detail_heading,
.dialogWrapper.confirm .tab__content #preview_lists .list_preview .detail .detail_heading,
.settingDialogWrapper.userEdit .tab__content #preview_lists .list_preview .detail .detail_heading,
.settingDialogWrapper.commentEdit .tab__content #preview_lists .list_preview .detail .detail_heading,
.settingDialogWrapper.confirm .tab__content #preview_lists .list_preview .detail .detail_heading {
  margin-bottom: 0.75rem;
}
.modalWrapper.userEdit #tab1:checked ~ #tab1_content,
.modalWrapper.userEdit #tab2:checked ~ #tab2_content,
.modalWrapper.userEdit #tab3:checked ~ #tab3_content,
.modalWrapper.userEdit #tab4:checked ~ #tab4_content,
.modalWrapper.userEdit #tab5:checked ~ #tab5_content,
.modalWrapper.userEdit #tab6:checked ~ #tab6_content,
.modalWrapper.userEdit #m_tab1:checked ~ #m_tab1_content,
.modalWrapper.userEdit #m_tab2:checked ~ #m_tab2_content,
.modalWrapper.userEdit #m_tab3:checked ~ #m_tab3_content, .modalWrapper.commentEdit #tab1:checked ~ #tab1_content,
.modalWrapper.commentEdit #tab2:checked ~ #tab2_content,
.modalWrapper.commentEdit #tab3:checked ~ #tab3_content,
.modalWrapper.commentEdit #tab4:checked ~ #tab4_content,
.modalWrapper.commentEdit #tab5:checked ~ #tab5_content,
.modalWrapper.commentEdit #tab6:checked ~ #tab6_content,
.modalWrapper.commentEdit #m_tab1:checked ~ #m_tab1_content,
.modalWrapper.commentEdit #m_tab2:checked ~ #m_tab2_content,
.modalWrapper.commentEdit #m_tab3:checked ~ #m_tab3_content, .modalWrapper.confirm #tab1:checked ~ #tab1_content,
.modalWrapper.confirm #tab2:checked ~ #tab2_content,
.modalWrapper.confirm #tab3:checked ~ #tab3_content,
.modalWrapper.confirm #tab4:checked ~ #tab4_content,
.modalWrapper.confirm #tab5:checked ~ #tab5_content,
.modalWrapper.confirm #tab6:checked ~ #tab6_content,
.modalWrapper.confirm #m_tab1:checked ~ #m_tab1_content,
.modalWrapper.confirm #m_tab2:checked ~ #m_tab2_content,
.modalWrapper.confirm #m_tab3:checked ~ #m_tab3_content,
.dialogWrapper.userEdit #tab1:checked ~ #tab1_content,
.dialogWrapper.userEdit #tab2:checked ~ #tab2_content,
.dialogWrapper.userEdit #tab3:checked ~ #tab3_content,
.dialogWrapper.userEdit #tab4:checked ~ #tab4_content,
.dialogWrapper.userEdit #tab5:checked ~ #tab5_content,
.dialogWrapper.userEdit #tab6:checked ~ #tab6_content,
.dialogWrapper.userEdit #m_tab1:checked ~ #m_tab1_content,
.dialogWrapper.userEdit #m_tab2:checked ~ #m_tab2_content,
.dialogWrapper.userEdit #m_tab3:checked ~ #m_tab3_content,
.dialogWrapper.commentEdit #tab1:checked ~ #tab1_content,
.dialogWrapper.commentEdit #tab2:checked ~ #tab2_content,
.dialogWrapper.commentEdit #tab3:checked ~ #tab3_content,
.dialogWrapper.commentEdit #tab4:checked ~ #tab4_content,
.dialogWrapper.commentEdit #tab5:checked ~ #tab5_content,
.dialogWrapper.commentEdit #tab6:checked ~ #tab6_content,
.dialogWrapper.commentEdit #m_tab1:checked ~ #m_tab1_content,
.dialogWrapper.commentEdit #m_tab2:checked ~ #m_tab2_content,
.dialogWrapper.commentEdit #m_tab3:checked ~ #m_tab3_content,
.dialogWrapper.confirm #tab1:checked ~ #tab1_content,
.dialogWrapper.confirm #tab2:checked ~ #tab2_content,
.dialogWrapper.confirm #tab3:checked ~ #tab3_content,
.dialogWrapper.confirm #tab4:checked ~ #tab4_content,
.dialogWrapper.confirm #tab5:checked ~ #tab5_content,
.dialogWrapper.confirm #tab6:checked ~ #tab6_content,
.dialogWrapper.confirm #m_tab1:checked ~ #m_tab1_content,
.dialogWrapper.confirm #m_tab2:checked ~ #m_tab2_content,
.dialogWrapper.confirm #m_tab3:checked ~ #m_tab3_content,
.settingDialogWrapper.userEdit #tab1:checked ~ #tab1_content,
.settingDialogWrapper.userEdit #tab2:checked ~ #tab2_content,
.settingDialogWrapper.userEdit #tab3:checked ~ #tab3_content,
.settingDialogWrapper.userEdit #tab4:checked ~ #tab4_content,
.settingDialogWrapper.userEdit #tab5:checked ~ #tab5_content,
.settingDialogWrapper.userEdit #tab6:checked ~ #tab6_content,
.settingDialogWrapper.userEdit #m_tab1:checked ~ #m_tab1_content,
.settingDialogWrapper.userEdit #m_tab2:checked ~ #m_tab2_content,
.settingDialogWrapper.userEdit #m_tab3:checked ~ #m_tab3_content,
.settingDialogWrapper.commentEdit #tab1:checked ~ #tab1_content,
.settingDialogWrapper.commentEdit #tab2:checked ~ #tab2_content,
.settingDialogWrapper.commentEdit #tab3:checked ~ #tab3_content,
.settingDialogWrapper.commentEdit #tab4:checked ~ #tab4_content,
.settingDialogWrapper.commentEdit #tab5:checked ~ #tab5_content,
.settingDialogWrapper.commentEdit #tab6:checked ~ #tab6_content,
.settingDialogWrapper.commentEdit #m_tab1:checked ~ #m_tab1_content,
.settingDialogWrapper.commentEdit #m_tab2:checked ~ #m_tab2_content,
.settingDialogWrapper.commentEdit #m_tab3:checked ~ #m_tab3_content,
.settingDialogWrapper.confirm #tab1:checked ~ #tab1_content,
.settingDialogWrapper.confirm #tab2:checked ~ #tab2_content,
.settingDialogWrapper.confirm #tab3:checked ~ #tab3_content,
.settingDialogWrapper.confirm #tab4:checked ~ #tab4_content,
.settingDialogWrapper.confirm #tab5:checked ~ #tab5_content,
.settingDialogWrapper.confirm #tab6:checked ~ #tab6_content,
.settingDialogWrapper.confirm #m_tab1:checked ~ #m_tab1_content,
.settingDialogWrapper.confirm #m_tab2:checked ~ #m_tab2_content,
.settingDialogWrapper.confirm #m_tab3:checked ~ #m_tab3_content {
  display: block;
}
.modalWrapper.userEdit .c-tabs input:checked + .c-tabs__item,
.modalWrapper.userEdit .p-tabs input:checked + .p-tabs__item, .modalWrapper.commentEdit .c-tabs input:checked + .c-tabs__item,
.modalWrapper.commentEdit .p-tabs input:checked + .p-tabs__item, .modalWrapper.confirm .c-tabs input:checked + .c-tabs__item,
.modalWrapper.confirm .p-tabs input:checked + .p-tabs__item,
.dialogWrapper.userEdit .c-tabs input:checked + .c-tabs__item,
.dialogWrapper.userEdit .p-tabs input:checked + .p-tabs__item,
.dialogWrapper.commentEdit .c-tabs input:checked + .c-tabs__item,
.dialogWrapper.commentEdit .p-tabs input:checked + .p-tabs__item,
.dialogWrapper.confirm .c-tabs input:checked + .c-tabs__item,
.dialogWrapper.confirm .p-tabs input:checked + .p-tabs__item,
.settingDialogWrapper.userEdit .c-tabs input:checked + .c-tabs__item,
.settingDialogWrapper.userEdit .p-tabs input:checked + .p-tabs__item,
.settingDialogWrapper.commentEdit .c-tabs input:checked + .c-tabs__item,
.settingDialogWrapper.commentEdit .p-tabs input:checked + .p-tabs__item,
.settingDialogWrapper.confirm .c-tabs input:checked + .c-tabs__item,
.settingDialogWrapper.confirm .p-tabs input:checked + .p-tabs__item {
  background-color: #6cc4b0;
  color: #ffffff;
}
.modalWrapper.userEdit #closeModal,
.modalWrapper.userEdit #applyFormCloseModal,
.modalWrapper.userEdit .closeButton, .modalWrapper.commentEdit #closeModal,
.modalWrapper.commentEdit #applyFormCloseModal,
.modalWrapper.commentEdit .closeButton, .modalWrapper.confirm #closeModal,
.modalWrapper.confirm #applyFormCloseModal,
.modalWrapper.confirm .closeButton,
.dialogWrapper.userEdit #closeModal,
.dialogWrapper.userEdit #applyFormCloseModal,
.dialogWrapper.userEdit .closeButton,
.dialogWrapper.commentEdit #closeModal,
.dialogWrapper.commentEdit #applyFormCloseModal,
.dialogWrapper.commentEdit .closeButton,
.dialogWrapper.confirm #closeModal,
.dialogWrapper.confirm #applyFormCloseModal,
.dialogWrapper.confirm .closeButton,
.settingDialogWrapper.userEdit #closeModal,
.settingDialogWrapper.userEdit #applyFormCloseModal,
.settingDialogWrapper.userEdit .closeButton,
.settingDialogWrapper.commentEdit #closeModal,
.settingDialogWrapper.commentEdit #applyFormCloseModal,
.settingDialogWrapper.commentEdit .closeButton,
.settingDialogWrapper.confirm #closeModal,
.settingDialogWrapper.confirm #applyFormCloseModal,
.settingDialogWrapper.confirm .closeButton {
  padding: 0.75rem 1rem;
  border-top-right-radius: 0.5rem;
  width: 60px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  background-color: #888888;
  cursor: pointer;
  border: none;
}
.modalWrapper.userEdit #closeModal span,
.modalWrapper.userEdit #applyFormCloseModal span,
.modalWrapper.userEdit .closeButton span, .modalWrapper.commentEdit #closeModal span,
.modalWrapper.commentEdit #applyFormCloseModal span,
.modalWrapper.commentEdit .closeButton span, .modalWrapper.confirm #closeModal span,
.modalWrapper.confirm #applyFormCloseModal span,
.modalWrapper.confirm .closeButton span,
.dialogWrapper.userEdit #closeModal span,
.dialogWrapper.userEdit #applyFormCloseModal span,
.dialogWrapper.userEdit .closeButton span,
.dialogWrapper.commentEdit #closeModal span,
.dialogWrapper.commentEdit #applyFormCloseModal span,
.dialogWrapper.commentEdit .closeButton span,
.dialogWrapper.confirm #closeModal span,
.dialogWrapper.confirm #applyFormCloseModal span,
.dialogWrapper.confirm .closeButton span,
.settingDialogWrapper.userEdit #closeModal span,
.settingDialogWrapper.userEdit #applyFormCloseModal span,
.settingDialogWrapper.userEdit .closeButton span,
.settingDialogWrapper.commentEdit #closeModal span,
.settingDialogWrapper.commentEdit #applyFormCloseModal span,
.settingDialogWrapper.commentEdit .closeButton span,
.settingDialogWrapper.confirm #closeModal span,
.settingDialogWrapper.confirm #applyFormCloseModal span,
.settingDialogWrapper.confirm .closeButton span {
  display: flex;
  justify-items: center;
  align-items: center;
  height: 20px;
  width: 20px;
  margin: 0 auto;
}
.modalWrapper.userEdit #closeModal span svg,
.modalWrapper.userEdit #applyFormCloseModal span svg,
.modalWrapper.userEdit .closeButton span svg, .modalWrapper.commentEdit #closeModal span svg,
.modalWrapper.commentEdit #applyFormCloseModal span svg,
.modalWrapper.commentEdit .closeButton span svg, .modalWrapper.confirm #closeModal span svg,
.modalWrapper.confirm #applyFormCloseModal span svg,
.modalWrapper.confirm .closeButton span svg,
.dialogWrapper.userEdit #closeModal span svg,
.dialogWrapper.userEdit #applyFormCloseModal span svg,
.dialogWrapper.userEdit .closeButton span svg,
.dialogWrapper.commentEdit #closeModal span svg,
.dialogWrapper.commentEdit #applyFormCloseModal span svg,
.dialogWrapper.commentEdit .closeButton span svg,
.dialogWrapper.confirm #closeModal span svg,
.dialogWrapper.confirm #applyFormCloseModal span svg,
.dialogWrapper.confirm .closeButton span svg,
.settingDialogWrapper.userEdit #closeModal span svg,
.settingDialogWrapper.userEdit #applyFormCloseModal span svg,
.settingDialogWrapper.userEdit .closeButton span svg,
.settingDialogWrapper.commentEdit #closeModal span svg,
.settingDialogWrapper.commentEdit #applyFormCloseModal span svg,
.settingDialogWrapper.commentEdit .closeButton span svg,
.settingDialogWrapper.confirm #closeModal span svg,
.settingDialogWrapper.confirm #applyFormCloseModal span svg,
.settingDialogWrapper.confirm .closeButton span svg {
  fill: #ffffff;
}
.modalWrapper.userEdit, .modalWrapper.commentEdit,
.dialogWrapper.userEdit,
.dialogWrapper.commentEdit,
.settingDialogWrapper.userEdit,
.settingDialogWrapper.commentEdit {
  height: 460px;
}
.modalWrapper.userEdit textarea, .modalWrapper.commentEdit textarea,
.dialogWrapper.userEdit textarea,
.dialogWrapper.commentEdit textarea,
.settingDialogWrapper.userEdit textarea,
.settingDialogWrapper.commentEdit textarea {
  min-height: 150px;
}
.modalWrapper.userEdit .closeButton, .modalWrapper.commentEdit .closeButton,
.dialogWrapper.userEdit .closeButton,
.dialogWrapper.commentEdit .closeButton,
.settingDialogWrapper.userEdit .closeButton,
.settingDialogWrapper.commentEdit .closeButton {
  background-color: #6cc4b0;
}
.modalWrapper.userEdit,
.dialogWrapper.userEdit,
.settingDialogWrapper.userEdit {
  /* 選択されているタブのスタイルを変える */
}
.modalWrapper.userEdit label.p-tabs__item,
.dialogWrapper.userEdit label.p-tabs__item,
.settingDialogWrapper.userEdit label.p-tabs__item {
  background-color: #6cc4b0 !important;
  color: #ffffff;
}
.modalWrapper.userEdit label.p-tabs__item span,
.dialogWrapper.userEdit label.p-tabs__item span,
.settingDialogWrapper.userEdit label.p-tabs__item span {
  padding-left: 60px;
}
.modalWrapper .button_block,
.dialogWrapper .button_block,
.settingDialogWrapper .button_block {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 320px;
  max-width: 400px;
  margin: 0 auto;
}
.modalWrapper .button_block .button,
.dialogWrapper .button_block .button,
.settingDialogWrapper .button_block .button {
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

#successModal.modalWrapper,
#failureModal.modalWrapper {
  padding: 30px 20px;
  box-sizing: border-box;
  min-width: 450px;
}
#successModal.modalWrapper .modalContents,
#failureModal.modalWrapper .modalContents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#successModal.modalWrapper .modalContents .modal_header,
#failureModal.modalWrapper .modalContents .modal_header {
  text-align: center;
  margin-bottom: 60px;
}
#successModal.modalWrapper .modalContents .preview_wrapper,
#failureModal.modalWrapper .modalContents .preview_wrapper {
  width: 100%;
}
#successModal.modalWrapper .modalContents .modal_notice,
#failureModal.modalWrapper .modalContents .modal_notice {
  text-align: center;
  margin-bottom: 120px;
}

#commonModal,
.modalWrapper {
  height: 60%;
  max-height: 680px;
  margin: 0 auto;
}
#commonModal .modalContents,
.modalWrapper .modalContents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
#commonModal .modalContents::-webkit-scrollbar,
.modalWrapper .modalContents::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#commonModal .modalContents .modal_header,
.modalWrapper .modalContents .modal_header {
  margin: 30px auto 20px;
}
#commonModal .modalContents .preview_wrapper,
.modalWrapper .modalContents .preview_wrapper {
  width: 100%;
}
#commonModal .modalContents .modal_notice,
.modalWrapper .modalContents .modal_notice {
  margin: 15px auto;
}
#commonModal .modalContents .modal_header,
.modalWrapper .modalContents .modal_header {
  font-size: 18px;
}
#commonModal .modalContents .modal_notice,
.modalWrapper .modalContents .modal_notice {
  font-size: 15px;
}

#audition_list {
  max-width: 964px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
#audition_list .audition_header_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 64px;
  margin-bottom: 64px;
}
#audition_list .audition_header_menu .header_menu_right {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#audition_list .create.button {
  margin-left: 1.25rem;
  margin-bottom: 2.5rem;
}
#audition_list .create.button .svg_icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
#audition_list .contents_wrapper {
  width: 100%;
}
#audition_list .contents_wrapper .audition_list_heading {
  margin-bottom: 12px;
}
#audition_list .contents_wrapper .audition_list_text {
  color: #707070;
}
#audition_list .contents_wrapper.nolist {
  text-align: center;
}
#audition_list .contents_wrapper.nolist .audition_list_heading {
  color: #707070;
}
#audition_list .audition_list_item {
  background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 75%, #ffffff 75%, #ffffff 100%);
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 32px;
}
#audition_list .audition_list_item:hover {
  opacity: 0.7;
}
#audition_list .audition_list_item .contents {
  display: contents;
}
#audition_list .audition_list_item .contents .contents_thumbnail {
  width: 210px;
  max-width: 210px;
  margin-right: 20px;
  height: 140px;
  display: block;
  background-color: #dce3e8;
}
#audition_list .audition_list_item .contents .contents_thumbnail .contents_thumbnail_image {
  width: 210px;
  max-width: 210px;
  height: 140px;
  object-fit: cover;
}
#audition_list .audition_list_item .contents .content_right {
  max-width: 75%;
  display: block;
  width: calc(100% - 230px);
}
#audition_list .audition_list_item .contents .content_right .content_right_top {
  width: 100%;
  overflow: hidden;
  min-height: 75%;
  max-height: 75%;
  margin-bottom: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3e3e3e;
}
#audition_list .audition_list_item .contents .content_right .content_right_top .right_info {
  max-width: 75%;
  max-height: 75%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#audition_list .audition_list_item .contents .content_right .content_right_top .right_info h4 {
  line-height: 25px;
  margin-bottom: 5px;
}
#audition_list .audition_list_item .contents .content_right .content_right_top .right_info p {
  display: block;
  color: #707070;
  margin: 5px 0;
}
#audition_list .audition_list_item .contents .content_right .content_right_top .right_info p.end_audition {
  color: #f86faf;
}
#audition_list .audition_list_item .contents .content_right .content_right_top .right_icon {
  max-width: 25%;
}
#audition_list .audition_list_item .contents .content_right .content_right_bottom {
  width: 100%;
  overflow: hidden;
  min-height: 25%;
  max-height: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: #3e3e3e;
}
#audition_list .audition_list_item .contents .content_right .content_right_bottom .application_name {
  color: #6cc4b0;
  display: block;
  min-width: 80%;
  max-width: 80%;
}
#audition_list .audition_list_item .contents .content_right .content_right_bottom .audition_status {
  display: block;
  min-width: 20%;
  max-width: 20%;
}
#audition_list .audition_list_item .contents .content_right .content_right_bottom .audition_status .audition-open {
  color: #6cc4b0;
}
#audition_list .audition_list_item .contents .content_right .content_right_bottom .audition_status .audition-close {
  color: #707070;
}
#audition_list .pagination {
  margin-top: 32px;
  padding: 50px 0;
}
#audition_list .pagination .pagination_list {
  width: 33.3333333333%;
  margin: 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
#audition_list .pagination .pagination_list .pagination_list_item a {
  color: #31b0d5;
}
#audition_list .pagination .pagination_list .pagination_list_item a.current_page {
  color: #3e3e3e;
}

.age_group_heading {
  margin-bottom: 20px;
  width: 100%;
  text-align: left;
}

.selected_age_group_title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.selected_age_group_title .age_group_title_block {
  width: 65%;
}
.selected_age_group_title .age_group_title_block input {
  width: 100%;
  font-size: 15px;
}
.selected_age_group_title .message-block {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
}

#age_groupSettingsPage {
  background-color: #ffffff;
  padding: 0 0 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#age_groupSettingsPage .age_groupSettingsPage_header {
  margin-bottom: 0.3rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #eeeeee;
  color: #707070;
  font-size: 15px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
#age_groupSettingsPage .age_groupSettingsPage_header.bg_white {
  background-color: #ffffff;
}
#age_groupSettingsPage .age_groupSettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#age_groupSettingsPage .age_groupSettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#age_groupSettingsPage .age_groupSettingsPage_header #openModal:focus {
  outline: none;
}
#age_groupSettingsPage .setting_list {
  box-sizing: border-box;
  padding: 1rem 0;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#age_groupSettingsPage .setting_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#age_groupSettingsPage .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper {
  padding: 0 1.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 100%;
  max-width: 30em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .setting_title_block.create_title {
  width: 100px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  box-sizing: border-box;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block.create_title {
  width: calc(100% - 100px);
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-left: 1.5vw;
  margin-right: 4vw;
  width: 100%;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year .year_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year .subtitle_block {
  display: flex;
  align-items: center;
  max-width: 560px;
  width: 100%;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year .subtitle_block input {
  width: 5em;
  text-align: center;
  box-sizing: border-box;
  color: #888888;
  margin-right: 10px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year .subtitle_block:nth-child(2) {
  margin: 0 20px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year .message-block {
  max-width: 560px;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  justify-content: flex-start;
  padding: 0 4px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_year .message-block span {
  text-align: left;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 120px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group {
  width: 90px;
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  flex-direction: column;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox {
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  word-break: keep-all;
  text-align: left;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox .form-checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
#age_groupSettingsPage .setting_list .setting_list_wrapper .right_block .sort_block {
  width: 12px;
}
#age_groupSettingsPage .append_block {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
#age_groupSettingsPage .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#age_groupSettingsPage .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#age_groupSettingsPage .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#age_groupSettingsPage .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#age_groupSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#age_groupSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#age_groupSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#age_groupSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#age_groupSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

.age_groupPage.pagination {
  margin-top: 32px;
  padding: 50px 0;
}
.age_groupPage.pagination .pagination_list {
  width: 33.3333333333%;
  margin: 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
.age_groupPage.pagination .pagination_list .pagination_list_item a {
  color: #31b0d5;
  min-width: 20px;
  text-align: center;
}
.age_groupPage.pagination .pagination_list .pagination_list_item a.current_page {
  color: #3e3e3e;
}

.nolist_message,
.age_group_nolist_message {
  margin-top: 20px;
  text-align: center;
}
.nolist_message div,
.age_group_nolist_message div {
  display: block;
  font-size: 18px;
  line-height: 1.4;
}
.nolist_message div:last-child,
.age_group_nolist_message div:last-child {
  font-size: 15px;
}

#age_groupSettingsModal.modalWrapper.confirm .c-tabs .c-tabs__item,
#age_groupSettingsModal.modalWrapper.confirm .c-tabs .p-tabs_item,
#age_groupSettingsModal.modalWrapper.confirm .p-tabs .c-tabs__item,
#age_groupSettingsModal.modalWrapper.confirm .p-tabs .p-tabs_item {
  width: calc(100% - 60px);
}
#age_groupSettingsModal.modalWrapper.confirm .c-tabs #closeModal,
#age_groupSettingsModal.modalWrapper.confirm .p-tabs #closeModal {
  width: 60px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper {
  width: 100%;
  min-height: 100vh;
  padding-top: 18px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 50px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_heading {
  background-color: #eeeeee;
  color: #3e3e3e;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_title {
  text-align: center;
  color: #ffffff;
  background-color: #3e3e3e;
  margin: 0 0.75rem;
  padding: 10px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview {
  border-top: none;
  border: #cccccc 1px solid;
  margin: 0 0.75rem 2rem 0.75rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block {
  margin-bottom: 20px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item label,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon > span:first-child::before,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon > span:first-child::before {
  content: "■";
  margin-right: 5px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item span.required_icon,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block span.required_icon {
  margin: 0 12px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .select_block,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .select_block {
  margin-right: 4px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .message-block,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .message-block {
  font-size: 12px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait img,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile img {
  display: block;
  max-width: 320px;
  max-height: 320px;
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: 15px 0;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait_heading,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile_heading,
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_music_heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .message-block {
  margin: 12px 0;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
#age_groupSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block .button {
  max-width: 150px;
  border-radius: 22px;
}

#create_audition {
  padding: 2.5rem 3rem;
  width: 100%;
  max-width: 1082px;
  margin: 0 auto;
}
#create_audition .create_audition_box {
  width: 100%;
}
#create_audition .create_audition_heading {
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
#create_audition .button_block {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 400px;
  max-width: 400px;
  margin: 0 auto;
}
#create_audition .button_block .button {
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

@media only screen and (max-width: 835px) {
  #create_audition {
    padding: 2.5rem 2rem;
  }
}
#applySettingsTab {
  border: none !important;
}

#applySettingsPage,
#applySettingsTab {
  background-color: #ffffff;
  padding: 1.25rem 0;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#applySettingsPage .applySettingsPage_header,
#applySettingsTab .applySettingsPage_header {
  height: 35px;
  margin-bottom: 2rem;
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#applySettingsPage .applySettingsPage_header #openModal,
#applySettingsTab .applySettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#applySettingsPage .applySettingsPage_header #openModal .preview_icon,
#applySettingsTab .applySettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#applySettingsPage .applySettingsPage_header #openModal:focus,
#applySettingsTab .applySettingsPage_header #openModal:focus {
  outline: none;
}
#applySettingsPage .setting_list,
#applySettingsTab .setting_list {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #eeeeee;
}
#applySettingsPage .setting_list:last-child,
#applySettingsTab .setting_list:last-child {
  margin-bottom: 0;
}
#applySettingsPage .setting_list .setting_list_wrapper,
#applySettingsTab .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .changed_text,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .changed_text {
  display: none;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed {
  display: block;
  margin-left: 12px;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed .icon,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed .icon {
  position: relative;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed .icon::after,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed .icon::after {
  display: block;
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  left: 6px;
  width: 8px;
  height: 16px;
  border-right: 2px solid #01a2c1;
  border-bottom: 2px solid #01a2c1;
  transform: rotate(45deg);
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed span:last-child,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .changed_text.is_changed span:last-child {
  word-break: keep-all;
  color: #31b0d5;
  padding-left: 24px;
}
#applySettingsPage .setting_list .setting_list_wrapper .setting_title_block .btn_empty,
#applySettingsTab .setting_list .setting_list_wrapper .setting_title_block .btn_empty {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block,
#applySettingsTab .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  box-sizing: border-box;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block.privateInfo,
#applySettingsTab .setting_list .setting_list_wrapper .right_block.privateInfo {
  justify-content: flex-end;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block.privateInfo .setting_item_select .setting_item_checkbox,
#applySettingsTab .setting_list .setting_list_wrapper .right_block.privateInfo .setting_item_select .setting_item_checkbox {
  margin-left: 7vw;
  margin-right: 20px;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block.addressInfo,
#applySettingsTab .setting_list .setting_list_wrapper .right_block.addressInfo {
  width: 50%;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  margin-right: 20px;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .item_select_inner,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .item_select_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .item_select_inner .select_block,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .item_select_inner .select_block {
  margin-right: 0;
  margin-bottom: 12px;
  width: 100%;
  max-width: 300px;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_wrapper,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_wrapper {
  max-width: 300px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_wrapper > div:nth-child(n+2),
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_wrapper > div:nth-child(n+2) {
  margin-left: 12px;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  max-width: 220px;
}
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox > span,
#applySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox label,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox > span,
#applySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox label {
  margin-left: 8px;
  word-break: keep-all;
}
#applySettingsPage .setting_list .description_setting_block,
#applySettingsTab .setting_list .description_setting_block {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 0.6s;
}
#applySettingsPage .setting_list .description_setting_block.is_active,
#applySettingsTab .setting_list .description_setting_block.is_active {
  display: block !important;
  opacity: 1;
}
#applySettingsPage .setting_list .description_setting_block .setting_item,
#applySettingsTab .setting_list .description_setting_block .setting_item {
  margin-bottom: 20px;
}
#applySettingsPage .setting_list .description_setting_block .setting_item:last-child,
#applySettingsTab .setting_list .description_setting_block .setting_item:last-child {
  margin-bottom: 0;
}
#applySettingsPage .setting_list .description_setting_block label,
#applySettingsTab .setting_list .description_setting_block label {
  margin-bottom: 10px;
}
#applySettingsPage .setting_list .description_setting_block textarea,
#applySettingsTab .setting_list .description_setting_block textarea {
  height: 120px;
}
#applySettingsPage .append_block,
#applySettingsTab .append_block {
  padding: 20px;
  box-sizing: border-box;
}
#applySettingsPage .append_block .append_block_header,
#applySettingsTab .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#applySettingsPage .append_block .append_list,
#applySettingsTab .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#applySettingsPage .append_block .append_list::before,
#applySettingsTab .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#applySettingsPage .append_block .append_list .append_list_item,
#applySettingsTab .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#applySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper,
#applySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#applySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block,
#applySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#applySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button,
#applySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#applySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon,
#applySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#applySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg,
#applySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

#applySettingsModal.modalWrapper.confirm .tab__content .preview_wrapper {
  min-height: 100vh;
  width: 100%;
  padding-top: 18px;
}

#auditionSettingsPage {
  background-color: #ffffff;
  padding: 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#auditionSettingsPage .auditionSettingsPage_header {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
#auditionSettingsPage .auditionSettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31B0D5;
  padding: 0.5rem 0.75rem;
  border: 1px #EEEEEE solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#auditionSettingsPage .auditionSettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#auditionSettingsPage .auditionSettingsPage_header #openModal:focus {
  outline: none;
}
#auditionSettingsPage .audition_cannot_change_block {
  padding: 1.25rem;
  margin-bottom: 25px;
  border: 1px solid #6CC4B0;
  border-radius: 0.75rem;
}
#auditionSettingsPage .audition_cannot_change_block .audition_notice_heading {
  color: #6CC4B0;
  font-size: 15px;
  font-weight: normal;
}
#auditionSettingsPage .audition_title,
#auditionSettingsPage .audition_setting_title,
#auditionSettingsPage .audition_outline,
#auditionSettingsPage .audition_detail,
#auditionSettingsPage .audition_banner_section,
#auditionSettingsPage .audition_date,
#auditionSettingsPage .audition_notice_heading,
#auditionSettingsPage .audition_evaluation_standard,
#auditionSettingsPage .audition_line_miniapp_setting {
  width: 100%;
  margin-bottom: 30px;
}
#auditionSettingsPage .audition_title .cannot_change_message,
#auditionSettingsPage .audition_setting_title .cannot_change_message,
#auditionSettingsPage .audition_outline .cannot_change_message,
#auditionSettingsPage .audition_detail .cannot_change_message,
#auditionSettingsPage .audition_banner_section .cannot_change_message,
#auditionSettingsPage .audition_date .cannot_change_message,
#auditionSettingsPage .audition_notice_heading .cannot_change_message,
#auditionSettingsPage .audition_evaluation_standard .cannot_change_message,
#auditionSettingsPage .audition_line_miniapp_setting .cannot_change_message {
  margin-left: 12px;
  color: #f86faf;
}
#auditionSettingsPage .audition_setting_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#auditionSettingsPage .audition_setting_title .select_block {
  width: 250px;
}
#auditionSettingsPage label.form-label, #auditionSettingsPage h4.form-label {
  word-break: keep-all;
  font-weight: bold;
  color: #4a5568;
  margin-bottom: 8px;
  display: inline-block;
}
#auditionSettingsPage .audition_evaluation_standard,
#auditionSettingsPage .audition_outline_block,
#auditionSettingsPage .audition_detail_block,
#auditionSettingsPage .audition_banner_block {
  width: 100%;
  margin-bottom: 12px;
}
#auditionSettingsPage .audition_evaluation_standard .audition_evaluation_standard_heading {
  margin-bottom: 10px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block {
  width: 100%;
  height: 134px;
  max-height: 134px;
  margin-bottom: 12px;
  box-sizing: border-box;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_label {
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffff;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block input.radio_content_left {
  margin: 0 20px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-left: 1px solid #e2e8f0;
  box-sizing: border-box;
  padding: 10px 20px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right .method_title {
  font-weight: 700;
  color: #3E3E3E;
  margin-bottom: 12px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right .score_method_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right .score_method_block .score_method {
  display: flex;
  justify-items: center;
  font-weight: 700;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right .score_method_block .score_method:first-child {
  margin-right: 50px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right .score_method_block .score_method input {
  margin-right: 12px;
}
#auditionSettingsPage .audition_evaluation_standard .radio_block .radio_content_right .radio_content_explanation {
  line-height: 1.2;
  color: #707070;
}
#auditionSettingsPage .audition_date_block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#auditionSettingsPage .audition_date_block .audition_date_title {
  width: 70px;
}
#auditionSettingsPage .audition_date_block .start-end-date {
  width: calc(100% - 70px);
}
#auditionSettingsPage .audition_date_block .start-end-date .message-block {
  justify-content: flex-end;
}
#auditionSettingsPage .audition_date_block .start-end-date .message-block .error-message,
#auditionSettingsPage .audition_date_block .start-end-date .message-block .block_left {
  max-width: 450px;
  text-align: left;
}
#auditionSettingsPage .audition_date_block .start-end-date .audition-start-date,
#auditionSettingsPage .audition_date_block .start-end-date .audition-end-date {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 18px;
}
#auditionSettingsPage .audition_date_block .start-end-date .audition-start-date label,
#auditionSettingsPage .audition_date_block .start-end-date .audition-end-date label {
  margin-right: 18px;
}
#auditionSettingsPage .audition_date_block .start-end-date .audition-start-date input,
#auditionSettingsPage .audition_date_block .start-end-date .audition-end-date input {
  max-width: 450px;
}
#auditionSettingsPage .audition_banner_section .thumbnail_preview {
  margin-top: 18px;
  width: 240px;
  max-width: 240px;
  height: 300px;
  max-height: 300px;
  text-align: left;
}
#auditionSettingsPage .audition_banner_section .thumbnail_preview #upload_thumbnail_preview {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#auditionSettingsPage .audition_line_miniapp_setting,
#auditionSettingsPage .audition_opportunity,
#auditionSettingsPage .audition_setting_category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
}
#auditionSettingsPage .audition_line_miniapp_setting .select_block,
#auditionSettingsPage .audition_opportunity .select_block,
#auditionSettingsPage .audition_setting_category .select_block {
  width: 100%;
  min-width: 210px;
  max-width: 450px;
}
#auditionSettingsPage #closeModal > span svg {
  fill: #FFFFFF;
}

#authoritySettingsPage {
  background-color: #ffffff;
  padding: 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#authoritySettingsPage .authoritySettingsPage_header {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#authoritySettingsPage .authoritySettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#authoritySettingsPage .authoritySettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#authoritySettingsPage .authoritySettingsPage_header #openModal:focus {
  outline: none;
}
#authoritySettingsPage .apply_setting_list {
  height: 400px;
  overflow-y: scroll;
  padding: 0 20px;
}
#authoritySettingsPage .setting_list {
  box-sizing: border-box;
  padding: 1rem 0;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#authoritySettingsPage .setting_list:last-child {
  margin-bottom: 0;
}
#authoritySettingsPage .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#authoritySettingsPage .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 20%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
  min-width: 120px;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .center_block {
  width: 40%;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .center_block .mailaddress {
  color: #6cc4b0;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  box-sizing: border-box;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 230px;
}
#authoritySettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#authoritySettingsPage .append_block {
  padding: 20px 0;
  box-sizing: border-box;
}
#authoritySettingsPage .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#authoritySettingsPage .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#authoritySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#authoritySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#authoritySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#authoritySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#authoritySettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

#authoritySettingsDialog {
  padding: 40px 100px;
  text-align: center;
  margin: 0 auto;
  background-color: #ffffff;
}
#authoritySettingsDialog .authoritySettingsDialog_heading {
  font-size: 18px;
  margin-bottom: 60px;
}
#authoritySettingsDialog .confirm_text {
  margin-bottom: 100px;
}

#authoritySettingsModal {
  min-height: 600px;
  max-height: 780px;
  padding: 10px 0;
}
#authoritySettingsModal .search_block {
  width: 100%;
  height: 40px;
  margin: 20px auto 30px;
  padding: 0 20px;
  text-align: center;
}
#authoritySettingsModal .search_block form#search_name .search_bar {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
}
#authoritySettingsModal .search_block form#search_name #search_input_box {
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  outline: 0;
  background: #ffffff;
}
#authoritySettingsModal .search_block form#search_name #search_button {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #ffffff;
  border: none;
  border-radius: 0 10px 10px 0;
}
#authoritySettingsModal .search_block form#search_name #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}
#authoritySettingsModal .user_block {
  width: 100%;
  height: calc(100% - 140px);
  overflow-y: hidden;
}
#authoritySettingsModal .user_block .user_list {
  height: 400px;
  padding: 20px 10px 200px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#authoritySettingsModal .user_block .user_list::-webkit-scrollbar {
  display: none;
  overflow-y: scroll;
}
#authoritySettingsModal .user_block .user_list .user_item {
  padding: 10px 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
}
#authoritySettingsModal .user_block .user_list .user_item:last-child {
  border: none;
}
#authoritySettingsModal .user_block .user_list .user_item .user_item_left_block {
  width: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#authoritySettingsModal .user_block .user_list .user_item .user_item_left_block .mailaddress_text {
  margin-top: 4px;
  color: #6cc4b0;
}
#authoritySettingsModal .user_block .user_list .user_item .user_item_right_block {
  max-width: 70px;
}
#authoritySettingsModal .user_block .user_list .user_item .user_item_right_block .button {
  width: 100%;
  height: 40px;
  font-size: 15px;
}

#tempFileSettingsPage {
  background-color: #ffffff;
  padding: 1.25rem 0;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#tempFileSettingsPage .tempFileSettingsPage_header {
  margin-bottom: 1.5rem;
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#tempFileSettingsPage .tempFileSettingsPage_header .header_right_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
#tempFileSettingsPage .tempFileSettingsPage_header .header_right_wrapper .setting_item_checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
#tempFileSettingsPage .tempFileSettingsPage_header .header_right_wrapper .setting_item_checkbox * {
  cursor: pointer;
}
#tempFileSettingsPage .tempFileSettingsPage_header .header_right_wrapper .setting_item_checkbox label {
  word-break: keep-all;
  margin-left: 8px;
}
#tempFileSettingsPage .tempFileSettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#tempFileSettingsPage .tempFileSettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#tempFileSettingsPage .tempFileSettingsPage_header #openModal:focus {
  outline: none;
}
#tempFileSettingsPage .apply_notice_setting_block {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
}
#tempFileSettingsPage .apply_notice_setting_block label {
  margin-bottom: 10px;
}
#tempFileSettingsPage .apply_notice_setting_block textarea {
  height: 120px;
}
#tempFileSettingsPage .setting_list {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#tempFileSettingsPage .setting_list:last-child {
  margin-bottom: 0;
}
#tempFileSettingsPage .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 20%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
  min-width: 120px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .setting_title_block.profile {
  width: calc(20% - 30px);
  padding-left: 30px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  box-sizing: border-box;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-right: 15px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle label {
  font-size: 15px;
  word-break: keep-all;
  margin-right: 15px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle input {
  box-sizing: border-box;
  width: 220px;
  color: #888888;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 120px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group {
  width: 90px;
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  flex-direction: column;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox {
  display: flex;
  justify-content: center;
  justify-items: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  word-break: keep-all;
  text-align: left;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox .form-checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .item_row .select_block {
  width: 100%;
  display: grid;
  grid-template-columns: 100px 90px;
  column-gap: 10px;
  margin-bottom: 10px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .item_row .select_block .select_arrow {
  right: 6px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .item_row .select_block .count_name {
  text-align: right;
  width: 100px;
}
#tempFileSettingsPage .setting_list .setting_list_wrapper .right_block .sort_block {
  width: 12px;
}
#tempFileSettingsPage .append_block {
  padding: 20px;
  box-sizing: border-box;
}
#tempFileSettingsPage .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#tempFileSettingsPage .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#tempFileSettingsPage .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#tempFileSettingsPage .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#tempFileSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tempFileSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#tempFileSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#tempFileSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#tempFileSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

#tempFileSettingsModal.modalWrapper.confirm .c-tabs .c-tabs__item,
#tempFileSettingsModal.modalWrapper.confirm .c-tabs .p-tabs_item,
#tempFileSettingsModal.modalWrapper.confirm .p-tabs .c-tabs__item,
#tempFileSettingsModal.modalWrapper.confirm .p-tabs .p-tabs_item {
  width: calc(100% - 60px);
}
#tempFileSettingsModal.modalWrapper.confirm .c-tabs #closeModal,
#tempFileSettingsModal.modalWrapper.confirm .p-tabs #closeModal {
  width: 60px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper {
  min-height: 100vh;
  padding-top: 18px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 50px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_heading {
  background-color: #eeeeee;
  color: #3e3e3e;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_title {
  text-align: center;
  color: #ffffff;
  background-color: #3e3e3e;
  margin: 0 0.75rem;
  padding: 10px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview {
  border-top: none;
  border: #cccccc 1px solid;
  margin: 0 0.75rem 2rem 0.75rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block {
  margin-bottom: 20px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item label,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon > span:first-child::before,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon > span:first-child::before {
  content: "■";
  margin-right: 5px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item span.required_icon,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block span.required_icon {
  margin: 0 12px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .select_block,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .select_block {
  margin-right: 4px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .message-block,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .message-block {
  font-size: 12px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait img,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile img {
  display: block;
  max-width: 320px;
  max-height: 320px;
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: 15px 0;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait_heading,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile_heading,
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_music_heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .message-block {
  margin: 12px 0;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
#tempFileSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block .button {
  max-width: 150px;
  border-radius: 22px;
}

#dashboardPage {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  max-width: 1082px;
  padding: 40px 15px;
}
#dashboardPage .contents_left {
  width: 100%;
  margin-right: 20px;
}
#dashboardPage .contents_left .contents_left_bottom {
  width: 100%;
}
#dashboardPage .contents_right {
  width: 100%;
}
#dashboardPage .contents_box {
  width: 100%;
  min-height: 126px;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border: 2px solid #eeeeee;
  border-radius: 10px;
}
#dashboardPage .contents_box .heading {
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: #eeeeee;
  width: 100%;
  box-sizing: border-box;
}
#dashboardPage .contents_box .heading * {
  display: block;
  word-break: keep-all;
}
#dashboardPage .contents_box .heading .button_block {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#dashboardPage .contents_box .heading .button_block .heading_button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #31b0d5;
  margin: 0 10px;
}
#dashboardPage .contents_box .heading .button_block .heading_button .button_icon {
  margin-right: 6px;
}
#dashboardPage .contents_box .heading .button_block .heading_button::after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #eeeeee;
  margin-left: 10px;
}
#dashboardPage .contents_box .content_info_block {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  /* 応募期間 */
  /* 応募人数 */
}
#dashboardPage .contents_box .content_info_block .status_block {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
#dashboardPage .contents_box .content_info_block .status_block span:first-child {
  width: 125px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#dashboardPage .contents_box .content_info_block .status_block span:first-child::after {
  content: "：";
  margin-right: 8px;
  display: inline-block;
}
#dashboardPage .contents_box .content_info_block .status_block .audition-open {
  color: #6cc4b0;
}
#dashboardPage .contents_box .content_info_block .status_block .audition-close {
  color: #707070;
}
#dashboardPage .contents_box .content_info_block .days_left {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#dashboardPage .contents_box .content_info_block .days_left .date_text {
  font-size: 15px;
  font-weight: 700;
}
#dashboardPage .contents_box .content_info_block .start-end-date .start-date,
#dashboardPage .contents_box .content_info_block .start-end-date .end-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #aaaaaa;
}
#dashboardPage .contents_box .content_info_block .start-end-date .start-date .error-message,
#dashboardPage .contents_box .content_info_block .start-end-date .start-date .block_left,
#dashboardPage .contents_box .content_info_block .start-end-date .end-date .error-message,
#dashboardPage .contents_box .content_info_block .start-end-date .end-date .block_left {
  max-width: 450px;
  text-align: left;
}
#dashboardPage .contents_box .content_info_block .start-end-date .start-date {
  margin-bottom: 12px;
}
#dashboardPage .contents_box .content_info_block .total_number {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#dashboardPage .right_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#dashboardPage .right_top .contents_box {
  width: calc(50% - 12px);
}
#dashboardPage .box-list {
  width: 100%;
}
#dashboardPage .box-list .box-list-heading {
  text-align: left;
  width: 100%;
  padding: 0 12px;
  margin-bottom: 12px;
  font-size: 15px;
}
#dashboardPage .box-list .list-wrapper {
  width: 100%;
  height: 65vh;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  overflow-y: scroll;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
#dashboardPage .box-list .list-wrapper::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#dashboardPage .box-list .list-wrapper .list-item .list-item-date {
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #6cc4b0;
  color: #ffffff;
  box-sizing: border-box;
}
#dashboardPage .box-list .list-wrapper .list-item .history-detail .detail-title,
#dashboardPage .box-list .list-wrapper .list-item .message-detail .detail-title,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .detail-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  margin-bottom: 12px;
}
#dashboardPage .box-list .list-wrapper .list-item .history-detail .detail-title .icon,
#dashboardPage .box-list .list-wrapper .list-item .message-detail .detail-title .icon,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .detail-title .icon {
  margin-right: 8px;
}
#dashboardPage .box-list .list-wrapper .list-item .history-detail .detail-title .icon.plus_comment,
#dashboardPage .box-list .list-wrapper .list-item .message-detail .detail-title .icon.plus_comment,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .detail-title .icon.plus_comment {
  margin-top: 4px;
}
#dashboardPage .box-list .list-wrapper .list-item .history-detail .detail-title .icon.alert,
#dashboardPage .box-list .list-wrapper .list-item .message-detail .detail-title .icon.alert,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .detail-title .icon.alert {
  margin-top: 4px;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail,
#dashboardPage .box-list .list-wrapper .list-item .history-detail,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail {
  box-sizing: border-box;
  padding: 8px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: #eeeeee;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail:last-child,
#dashboardPage .box-list .list-wrapper .list-item .history-detail:last-child,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail:last-child {
  border-bottom: none !important;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .person_name,
#dashboardPage .box-list .list-wrapper .list-item .message-detail .count_people,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .person_name,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .count_people,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .person_name,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .count_people {
  margin: 0 4px;
  color: #31b0d5;
  font-weight: 700;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .message-text,
#dashboardPage .box-list .list-wrapper .list-item .message-detail .comment_block,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .message-text,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .comment_block,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .message-text,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .comment_block {
  font-size: 15px;
  margin-bottom: 12px;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .show-image-block,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .show-image-block,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .show-image-block {
  margin-bottom: 12px;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .show-image-block .file-name,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .show-image-block .file-name,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .show-image-block .file-name {
  margin-bottom: 12px;
  text-align: left;
  color: #aaaaaa;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .show-image-block .show-image-wrapper,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .show-image-block .show-image-wrapper,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .show-image-block .show-image-wrapper {
  text-align: left;
  width: 50%;
  height: 50%;
  max-width: 300px;
  max-height: 300px;
  display: flex;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .show-image-block .show-image-wrapper .show-image,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .show-image-block .show-image-wrapper .show-image,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .show-image-block .show-image-wrapper .show-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#dashboardPage .box-list .list-wrapper .list-item .message-detail .accept-date,
#dashboardPage .box-list .list-wrapper .list-item .history-detail .accept-date,
#dashboardPage .box-list .list-wrapper .list-item .user-operation-detail .accept-date {
  width: 100%;
  display: block;
  text-align: right;
  color: #aaaaaa;
}

#publicSettingModal {
  padding: 5px 15px;
}
#publicSettingModal .modalContents {
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#publicSettingModal .modalContents .public_settings_block {
  width: 320px;
  margin-bottom: 60px;
}
#publicSettingModal .modalContents .public_settings_block .current_public_status_heading,
#publicSettingModal .modalContents .public_settings_block .change_public_status_heading {
  color: #6cc4b0;
  margin: 15px 0;
}

#auditionSettingsTab {
  background-color: #ffffff;
  padding: 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
}
#auditionSettingsTab .auditionSettingsTab_header {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
#auditionSettingsTab .auditionSettingsTab_header .confirm_button {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#auditionSettingsTab .auditionSettingsTab_header .confirm_button .preview_icon {
  margin-right: 6px;
}
#auditionSettingsTab .auditionSettingsTab_header .confirm_button:focus {
  outline: none;
}
#auditionSettingsTab .audition_title,
#auditionSettingsTab .audition_setting_title,
#auditionSettingsTab .audition_outline,
#auditionSettingsTab .audition_detail,
#auditionSettingsTab .audition_banner_section,
#auditionSettingsTab .audition_date,
#auditionSettingsTab .audition_evaluation_standard,
#auditionSettingsTab .audition_line_miniapp_setting,
#auditionSettingsTab .audition_evaluation_standard_heading {
  width: 100%;
  margin-bottom: 20px;
}
#auditionSettingsTab .audition_title .cannot_change_message,
#auditionSettingsTab .audition_setting_title .cannot_change_message,
#auditionSettingsTab .audition_outline .cannot_change_message,
#auditionSettingsTab .audition_detail .cannot_change_message,
#auditionSettingsTab .audition_banner_section .cannot_change_message,
#auditionSettingsTab .audition_date .cannot_change_message,
#auditionSettingsTab .audition_evaluation_standard .cannot_change_message,
#auditionSettingsTab .audition_line_miniapp_setting .cannot_change_message,
#auditionSettingsTab .audition_evaluation_standard_heading .cannot_change_message {
  margin-left: 12px;
  color: #f86faf;
}
#auditionSettingsTab label.form-label,
#auditionSettingsTab h4.form-label {
  word-break: keep-all;
  font-weight: bold;
  color: #4a5568;
  margin-bottom: 8px;
  display: inline-block;
}
#auditionSettingsTab .audition_evaluation_standard,
#auditionSettingsTab .audition_outline_block,
#auditionSettingsTab .audition_detail_block,
#auditionSettingsTab .audition_banner_block {
  width: 100%;
  margin-bottom: 12px;
}
#auditionSettingsTab .audition_evaluation_standard .audition_evaluation_standard_heading {
  margin-bottom: 10px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block {
  width: 100%;
  height: 134px;
  max-height: 134px;
  margin-bottom: 12px;
  box-sizing: border-box;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_label {
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffff;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block input.radio_content_left {
  margin: 0 20px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px 20px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right.status_disable {
  background-color: #fbfbfb;
  border-radius: 0.75rem;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right .method_title {
  font-weight: 700;
  color: #3e3e3e;
  margin-bottom: 12px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right .score_method_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right .score_method_block .score_method {
  display: flex;
  justify-items: center;
  font-weight: 700;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right .score_method_block .score_method:first-child {
  margin-right: 50px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right .score_method_block .score_method input {
  margin-right: 12px;
}
#auditionSettingsTab .audition_evaluation_standard .radio_block .radio_content_right .radio_content_explanation {
  color: #707070;
  line-height: 1.2;
}
#auditionSettingsTab .audition_date_block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#auditionSettingsTab .audition_date_block .audition_date_title {
  width: 70px;
}
#auditionSettingsTab .audition_date_block .start-end-date {
  width: calc(100% - 70px);
}
#auditionSettingsTab .audition_date_block .start-end-date .message-block {
  justify-content: flex-end;
}
#auditionSettingsTab .audition_date_block .start-end-date .message-block .error-message,
#auditionSettingsTab .audition_date_block .start-end-date .message-block .block_left {
  max-width: 450px;
  text-align: left;
}
#auditionSettingsTab .audition_date_block .start-end-date .audition-start-date,
#auditionSettingsTab .audition_date_block .start-end-date .audition-end-date {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 18px;
}
#auditionSettingsTab .audition_date_block .start-end-date .audition-start-date label,
#auditionSettingsTab .audition_date_block .start-end-date .audition-end-date label {
  margin-right: 18px;
}
#auditionSettingsTab .audition_date_block .start-end-date .audition-start-date input,
#auditionSettingsTab .audition_date_block .start-end-date .audition-end-date input {
  max-width: 450px;
}
#auditionSettingsTab .audition_banner_section .thumbnail_preview {
  margin-top: 18px;
  width: 240px;
  max-width: 240px;
  height: 300px;
  max-height: 300px;
  text-align: left;
}
#auditionSettingsTab .audition_banner_section .thumbnail_preview #upload_thumbnail_preview {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#auditionSettingsTab .audition_opportunity,
#auditionSettingsTab .audition_setting_category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
}
#auditionSettingsTab .audition_opportunity .select_block,
#auditionSettingsTab .audition_setting_category .select_block {
  width: 100%;
  min-width: 210px;
  max-width: 450px;
}
#auditionSettingsTab .audition_setting_title,
#auditionSettingsTab .audition_line_miniapp_setting {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 25px;
}
#auditionSettingsTab .audition_setting_title .audition_setting_status,
#auditionSettingsTab .audition_setting_title .audition_line_miniapp_setting_status,
#auditionSettingsTab .audition_line_miniapp_setting .audition_setting_status,
#auditionSettingsTab .audition_line_miniapp_setting .audition_line_miniapp_setting_status {
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #fbfbfb;
}
#auditionSettingsTab .audition_setting_title .select_block,
#auditionSettingsTab .audition_line_miniapp_setting .select_block {
  width: 100%;
  min-width: 210px;
  max-width: 450px;
}

#authoritySettingsTab {
  background-color: #ffffff;
  padding: 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
}
#authoritySettingsTab .authoritySettingsTab_header {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#authoritySettingsTab .authoritySettingsTab_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#authoritySettingsTab .authoritySettingsTab_header #openModal .preview_icon {
  margin-right: 6px;
}
#authoritySettingsTab .authoritySettingsTab_header #openModal:focus {
  outline: none;
}
#authoritySettingsTab .apply_setting_list {
  height: 400px;
  overflow-y: scroll;
  padding: 0 20px;
}
#authoritySettingsTab .setting_list {
  box-sizing: border-box;
  padding: 1rem 0;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#authoritySettingsTab .setting_list:last-child {
  margin-bottom: 0;
}
#authoritySettingsTab .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#authoritySettingsTab .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 20%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
  min-width: 120px;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .center_block {
  width: 40%;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .center_block .mailaddress {
  color: #6cc4b0;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  box-sizing: border-box;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 230px;
}
#authoritySettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#authoritySettingsTab .append_block {
  padding: 20px 0;
  box-sizing: border-box;
}
#authoritySettingsTab .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#authoritySettingsTab .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#authoritySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#authoritySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#authoritySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#authoritySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#authoritySettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

#edit_audition {
  padding: 2.5rem 3rem;
  width: 100%;
  max-width: 1082px;
  min-width: 930px;
  margin: 0 auto;
  /* タブのスタイル */
  /* タブ切り替えの中身のスタイル */
  /* 選択されているタブのコンテンツのみを表示 */
  /* 選択されているタブのスタイルを変える */
}
#edit_audition .edit_audition_heading {
  margin-bottom: 20px;
  width: 932px;
  text-align: center;
}
#edit_audition .c-tabs {
  margin: 0 auto;
  width: 932px;
  background-color: #ffffff;
  border-radius: 0.75rem;
  border: #eeeeee 1px solid;
  overflow: hidden;
}
#edit_audition .c-tabs__item {
  /*タブタイトルの高さ*/
  width: 16.6666666667%;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  text-align: center;
  color: #707070;
  font-weight: normal;
  background-color: #ffffff;
  display: block;
  float: left;
  transition: all 0.2s ease;
  backface-visibility: hidden;
  border-right: 1px #eeeeee solid;
  border-bottom: 1px #eeeeee solid;
  /* タブアイテムにカーソルを当てたとき */
}
#edit_audition .c-tabs__item.colmun_5 {
  width: 20%;
}
#edit_audition .c-tabs__item:hover {
  opacity: 0.75;
  cursor: pointer;
}
#edit_audition .c-tabs__item:first-child {
  border-top-left-radius: 0.75rem;
}
#edit_audition .c-tabs__item:last-child {
  border-top-right-radius: 0.75rem;
  border-right: none;
}
#edit_audition .c-tabs__content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}
#edit_audition .tab__content {
  width: 100%;
  max-height: 680px;
  height: 630px;
  box-sizing: border-box;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  color: #707070;
}
#edit_audition .tab__content::-webkit-scrollbar {
  display: none;
  overflow-y: scroll;
}
#edit_audition .tab__content .tab__content__heading {
  display: block;
  text-align: center;
  background-color: #ffffff;
  padding: 0.75rem 0.25rem;
}
#edit_audition .tab__content .tab__content__heading span {
  font-weight: 500;
}
#edit_audition .tab__content .preview_wrapper {
  background-color: #eeeeee;
  width: 100%;
  min-height: 100vh;
}
#edit_audition #tab1:checked ~ #tab1_content,
#edit_audition #tab2:checked ~ #tab2_content,
#edit_audition #tab3:checked ~ #tab3_content,
#edit_audition #tab4:checked ~ #tab4_content,
#edit_audition #tab5:checked ~ #tab5_content,
#edit_audition #tab6:checked ~ #tab6_content,
#edit_audition #m_tab1:checked ~ #m_tab1_content,
#edit_audition #m_tab2:checked ~ #m_tab2_content,
#edit_audition #m_tab3:checked ~ #m_tab3_content {
  display: block;
}
#edit_audition .c-tabs input:checked + .c-tabs__item {
  background-color: #6cc4b0;
  color: #ffffff;
}
#edit_audition .button_block {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  margin: 0 auto;
}
#edit_audition .button_block .button {
  margin: 0 auto 20px;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

#openSettingsTab {
  background-color: #ffffff;
  padding: 1.25rem 0;
  margin: 1.25rem auto;
  box-sizing: border-box;
}
#openSettingsTab .openSettingsTab_header {
  margin-bottom: 2rem;
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#openSettingsTab .open_setting_list {
  padding: 0 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
#openSettingsTab .open_setting_list .open_status_label {
  margin-right: 150px;
}
#openSettingsTab .open_setting_list .radio_item label {
  margin-right: 30px;
}

#tagSettingsTab {
  background-color: #ffffff;
  padding: 1.25rem 0;
  margin: 1.25rem auto;
  box-sizing: border-box;
}
#tagSettingsTab .tagSettingsTab_header {
  margin-bottom: 2rem;
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#tagSettingsTab .tag_setting_content {
  padding: 0 1.25rem;
}
#tagSettingsTab .tag_setting_content .tag_setting_list {
  margin: 20px auto;
}
#tagSettingsTab .tag_setting_content .radio_item label {
  margin-right: 30px;
}
#tagSettingsTab .tag_setting_content .setting_list {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #eeeeee;
}
#tagSettingsTab .tag_setting_content .setting_list:last-child {
  margin-bottom: 0;
}
#tagSettingsTab .tag_setting_content .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tagSettingsTab .tag_setting_content .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  box-sizing: border-box;
}
#tagSettingsTab .tag_setting_content .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 20px;
}
#tagSettingsTab .tag_setting_content .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#tagSettingsTab .tag_setting_content .setting_list .setting_list_wrapper .right_block .setting_item_select .setting_item_checkbox > span {
  margin-left: 12px;
  word-break: keep-all;
}
#tagSettingsTab .tag_setting_content .setting_list .setting_list_wrapper .right_block .edit_block {
  margin-right: 20px;
}
#tagSettingsTab .tag_setting_content .setting_title_block {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#tagSettingsTab .setting_title {
  padding: 5px 10px;
  border-radius: 20px;
  min-width: 100px;
  text-align: left;
}
#tagSettingsTab .setting_title.gray {
  background-color: #dde3e7;
  color: #566673;
}
#tagSettingsTab .setting_title.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#tagSettingsTab .setting_title.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#tagSettingsTab .setting_title.green {
  background-color: #cee9d3;
  color: #268469;
}
#tagSettingsTab .setting_title.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#tagSettingsTab .setting_title.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#tagSettingsTab .setting_title.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#tagSettingsTab .setting_title.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#tagSettingsTab .search_block {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 20px auto 30px;
  height: 40px;
}
#tagSettingsTab .search_block .select_block {
  margin-right: 30px;
}
#tagSettingsTab .search_block .select_block > select {
  width: 150px;
}
#tagSettingsTab .search_block .select_block > select option.gray {
  background-color: #dde3e7;
  color: #566673;
}
#tagSettingsTab .search_block .select_block > select option.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#tagSettingsTab .search_block .select_block > select option.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#tagSettingsTab .search_block .select_block > select option.green {
  background-color: #cee9d3;
  color: #268469;
}
#tagSettingsTab .search_block .select_block > select option.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#tagSettingsTab .search_block .select_block > select option.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#tagSettingsTab .search_block .select_block > select option.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#tagSettingsTab .search_block .select_block > select option.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#tagSettingsTab .search_block .search_bar {
  position: relative;
  display: block;
  width: 620px;
  height: 40px;
}
#tagSettingsTab .search_block #search_input_box {
  width: 530px;
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: 0;
  background: #ffffff;
}
#tagSettingsTab .search_block #search_button {
  height: 40px;
  width: 90px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #707070;
  border: none;
  border-radius: 0 10px 10px 0;
}
#tagSettingsTab .search_block #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}

#tagCreateModal,
#tagSettingsModal {
  min-height: 350px;
  width: 80%;
  max-width: 780px;
  padding: 15px 20px;
}
#tagCreateModal .tag_header,
#tagSettingsModal .tag_header {
  text-align: center;
  margin-bottom: 30px;
}
#tagCreateModal .tag_block,
#tagSettingsModal .tag_block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
  width: 100%;
  max-width: 540px;
}
#tagCreateModal .tag_block label,
#tagSettingsModal .tag_block label {
  margin-right: 20px;
}
#tagCreateModal .tag_block input,
#tagSettingsModal .tag_block input {
  box-sizing: border-box;
  width: 450px;
}
#tagCreateModal .color_left,
#tagSettingsModal .color_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#tagCreateModal .color_right > span,
#tagSettingsModal .color_right > span {
  padding: 5px 10px;
  border-radius: 20px;
  min-width: 100px;
  text-align: left;
  font-weight: 700;
  display: inline-block;
  transform: rotate(0.045deg) !important;
  background-color: #dde3e7;
  color: #566673;
}
#tagCreateModal .color_right > span.gray,
#tagSettingsModal .color_right > span.gray {
  background-color: #dde3e7;
  color: #566673;
}
#tagCreateModal .color_right > span.blue,
#tagSettingsModal .color_right > span.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#tagCreateModal .color_right > span.red,
#tagSettingsModal .color_right > span.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#tagCreateModal .color_right > span.green,
#tagSettingsModal .color_right > span.green {
  background-color: #cee9d3;
  color: #268469;
}
#tagCreateModal .color_right > span.yellow,
#tagSettingsModal .color_right > span.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#tagCreateModal .color_right > span.aqua,
#tagSettingsModal .color_right > span.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#tagCreateModal .color_right > span.purple,
#tagSettingsModal .color_right > span.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#tagCreateModal .color_right > span.pink,
#tagSettingsModal .color_right > span.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#tagCreateModal .color_block,
#tagSettingsModal .color_block {
  width: 100%;
  max-width: 540px;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  align-items: center;
  column-gap: 30px;
}
#tagCreateModal .color_block .color_header,
#tagSettingsModal .color_block .color_header {
  min-width: 64px;
  margin-right: 20px;
}
#tagCreateModal .button_block,
#tagSettingsModal .button_block {
  margin-top: 80px;
}

#tempFileSettingsTab {
  background-color: #ffffff;
  padding: 1.25rem 0;
  margin: 1.25rem auto;
  box-sizing: border-box;
}
#tempFileSettingsTab .tempFileSettingsTab_header {
  margin-bottom: 2rem;
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#tempFileSettingsTab .tempFileSettingsTab_header .confirm_button {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#tempFileSettingsTab .tempFileSettingsTab_header .confirm_button .preview_icon {
  margin-right: 6px;
}
#tempFileSettingsTab .tempFileSettingsTab_header .confirm_button:focus {
  outline: none;
}
#tempFileSettingsTab .tempFileSettingsTab_header .header_right_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
#tempFileSettingsTab .tempFileSettingsTab_header .header_right_wrapper .setting_item_checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
#tempFileSettingsTab .tempFileSettingsTab_header .header_right_wrapper .setting_item_checkbox * {
  cursor: pointer;
}
#tempFileSettingsTab .tempFileSettingsTab_header .header_right_wrapper .setting_item_checkbox label {
  word-break: keep-all;
  margin-left: 8px;
}
#tempFileSettingsTab .apply_notice_setting_block {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
}
#tempFileSettingsTab .apply_notice_setting_block label {
  margin-bottom: 10px;
}
#tempFileSettingsTab .apply_notice_setting_block textarea {
  height: 120px;
}
#tempFileSettingsTab .setting_list {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#tempFileSettingsTab .setting_list:last-child {
  margin-bottom: 0;
}
#tempFileSettingsTab .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 20%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
  min-width: 120px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .setting_title_block.profile {
  width: calc(20% - 30px);
  padding-left: 30px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  box-sizing: border-box;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-right: 15px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_subtitle label {
  font-size: 15px;
  word-break: keep-all;
  margin-right: 15px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_subtitle input {
  box-sizing: border-box;
  width: 220px;
  color: #888888;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 120px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group {
  width: 90px;
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  flex-direction: column;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox {
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  word-break: keep-all;
  text-align: left;
  margin-bottom: 4px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox:last-child {
  margin-bottom: 0;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox .form-checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .item_row .select_block {
  width: 100%;
  display: grid;
  grid-template-columns: 100px 90px;
  column-gap: 10px;
  margin-bottom: 10px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .item_row .select_block .select_arrow {
  right: 6px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .setting_item_select .item_row .select_block .count_name {
  text-align: right;
  width: 100px;
}
#tempFileSettingsTab .setting_list .setting_list_wrapper .right_block .sort_block {
  width: 12px;
}
#tempFileSettingsTab .append_block {
  padding: 20px;
  box-sizing: border-box;
}
#tempFileSettingsTab .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#tempFileSettingsTab .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#tempFileSettingsTab .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#tempFileSettingsTab .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#tempFileSettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#tempFileSettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#tempFileSettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#tempFileSettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#tempFileSettingsTab .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

#loginPage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#loginPage .box_75 {
  padding: 0 15px;
}
#loginPage .box_content {
  box-sizing: border-box;
  background-color: #3e3e3e;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 100px;
}
#loginPage .box_content h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 50px;
}
#loginPage .box_content .settings_input {
  text-align: left;
  margin-bottom: 30px;
}
#loginPage .box_content .settings_input label {
  display: block;
  color: #ffffff;
  margin-bottom: 12px;
}
#loginPage .box_content .content_text {
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 136px;
}
#loginPage .box_content .content_text .block {
  display: block;
  margin-top: 2px;
}
#loginPage .box_content .button_block {
  text-align: center;
  margin: 0 auto;
}
#loginPage .box_content .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

#maintenancePage {
  min-height: 100vh;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 3000;
  position: relative;
}
#maintenancePage .maintenance_block {
  position: fixed;
  top: 25%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding: 1.2vw;
  max-width: 780px;
  margin: 0 auto;
  color: #3e3e3e;
}
#maintenancePage .maintenance_block .maintenance_wrapper {
  padding: 1.2vw;
  background-color: #ffffff;
}
#maintenancePage .maintenance_block .maintenance_header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
#maintenancePage .maintenance_block .maintenance_time {
  color: #f86faf;
  font-size: 15px;
  display: grid;
  grid-template-columns: auto;
  row-gap: 10px;
  margin-bottom: 24px;
}
#maintenancePage .maintenance_block .maintenance_text {
  font-size: 15px;
  line-height: 1.4;
}

.motive_heading {
  margin-bottom: 20px;
  width: 100%;
  text-align: left;
}

.selected_motive_title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.selected_motive_title .motive_title_block {
  width: 65%;
}
.selected_motive_title .motive_title_block input {
  width: 100%;
  font-size: 15px;
}
.selected_motive_title .message-block {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
}

#motiveSettingsPage {
  background-color: #ffffff;
  padding: 0 0 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#motiveSettingsPage .motiveSettingsPage_header {
  margin-bottom: 0.3rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #eeeeee;
  color: #707070;
  font-size: 15px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
#motiveSettingsPage .motiveSettingsPage_header.bg_white {
  background-color: #ffffff;
}
#motiveSettingsPage .motiveSettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#motiveSettingsPage .motiveSettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#motiveSettingsPage .motiveSettingsPage_header #openModal:focus {
  outline: none;
}
#motiveSettingsPage .setting_list {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#motiveSettingsPage .setting_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#motiveSettingsPage .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#motiveSettingsPage .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 100%;
  max-width: 30em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .setting_title_block.create_title {
  width: 100px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  box-sizing: border-box;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block.create_title {
  width: calc(100% - 100px);
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-left: 1.5vw;
  margin-right: 4vw;
  width: 100%;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .subtitle_block {
  max-width: 560px;
  width: 100%;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .subtitle_block label {
  font-size: 15px;
  word-break: keep-all;
  margin-right: 15px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .subtitle_block input {
  box-sizing: border-box;
  width: 100%;
  color: #888888;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .message-block {
  max-width: 560px;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .message-block span:last-child {
  text-align: right;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 120px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group {
  width: 90px;
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  flex-direction: column;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox {
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  word-break: keep-all;
  text-align: left;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox .form-checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
#motiveSettingsPage .setting_list .setting_list_wrapper .right_block .sort_block {
  width: 12px;
}
#motiveSettingsPage .append_block {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
#motiveSettingsPage .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#motiveSettingsPage .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#motiveSettingsPage .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#motiveSettingsPage .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#motiveSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#motiveSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#motiveSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#motiveSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#motiveSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

.motivePage.pagination {
  margin-top: 32px;
  padding: 50px 0;
}
.motivePage.pagination .pagination_list {
  width: 33.3333333333%;
  margin: 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
.motivePage.pagination .pagination_list .pagination_list_item a {
  color: #31b0d5;
  min-width: 20px;
  text-align: center;
}
.motivePage.pagination .pagination_list .pagination_list_item a.current_page {
  color: #3e3e3e;
}

.motive_nolist_message {
  margin-top: 20px;
  text-align: center;
}
.motive_nolist_message div {
  display: block;
  font-size: 18px;
  line-height: 1.4;
}
.motive_nolist_message div:last-child {
  font-size: 15px;
}

#motiveSettingsModal.modalWrapper.confirm .c-tabs .c-tabs__item,
#motiveSettingsModal.modalWrapper.confirm .c-tabs .p-tabs_item,
#motiveSettingsModal.modalWrapper.confirm .p-tabs .c-tabs__item,
#motiveSettingsModal.modalWrapper.confirm .p-tabs .p-tabs_item {
  width: calc(100% - 60px);
}
#motiveSettingsModal.modalWrapper.confirm .c-tabs #closeModal,
#motiveSettingsModal.modalWrapper.confirm .p-tabs #closeModal {
  width: 60px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper {
  min-height: 100vh;
  width: 100%;
  padding-top: 18px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 50px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_heading {
  background-color: #eeeeee;
  color: #3e3e3e;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_title {
  text-align: center;
  color: #ffffff;
  background-color: #3e3e3e;
  margin: 0 0.75rem;
  padding: 10px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview {
  border-top: none;
  border: #cccccc 1px solid;
  margin: 0 0.75rem 2rem 0.75rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block {
  margin-bottom: 20px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item label,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon > span:first-child::before,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon > span:first-child::before {
  content: "■";
  margin-right: 5px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item span.required_icon,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block span.required_icon {
  margin: 0 12px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .select_block,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .select_block {
  margin-right: 4px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .message-block,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .message-block {
  font-size: 12px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait img,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile img {
  display: block;
  max-width: 320px;
  max-height: 320px;
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: 15px 0;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait_heading,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile_heading,
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_music_heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .message-block {
  margin: 12px 0;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
#motiveSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block .button {
  max-width: 150px;
  border-radius: 22px;
}

#passListPage {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  overflow: hidden;
}
#passListPage #pass_left {
  width: 50%;
  padding: 1rem 2rem 220px;
  top: 0;
  overflow-y: scroll;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
#passListPage #pass_left::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#passListPage #pass_left .pass_box {
  margin: 0 auto;
  box-sizing: border-box;
}
#passListPage #pass_left .pass_box.left {
  min-width: 450px;
  max-width: 560px;
}
#passListPage #pass_left .pass_box .pass_box_inner {
  margin: 0 auto;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item {
  margin-bottom: 12px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item.border_dotted {
  border-bottom: dashed 1px #bbbbbb;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block {
  margin-bottom: 1.25rem;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .applicant_title {
  flex: 0 1 auto;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .applicant_title > span {
  vertical-align: middle;
  color: #3e3e3e;
  display: inline-block;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .applicant_title::before {
  content: "";
  margin-right: 4px;
  display: inline-block;
  width: 5px;
  height: 25px;
  background-color: #ff7c7c;
  vertical-align: middle;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .pass_button_block {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .line_sending_btn {
  font-size: 14px;
  box-sizing: border-box;
  flex: 0 1 auto;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  align-items: center;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .line_sending_btn .icon {
  margin-right: 0.25rem;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .line_sending_btn .line_text {
  color: #6cc4b0;
  display: inline-block;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_read_btn,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_download_btn {
  font-size: 14px;
  box-sizing: border-box;
  flex: 0 1 auto;
  padding: 4px 8px;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  align-items: center;
  height: 40px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_read_btn .icon,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_download_btn .icon {
  margin-right: 0.25rem;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_read_btn .icon svg,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_download_btn .icon svg {
  width: 18px;
  height: 18px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_read_btn .csv_text,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .title_csv_block .csv_download_btn .csv_text {
  color: #31b0d5;
  display: inline-block;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date {
  width: 100%;
  margin-bottom: 12px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner .audition_date_heading {
  width: 100px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner .start_end_date {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner .middle_text {
  margin: 0 4px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner input#audition_start, #passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner input#audition_end {
  padding: 7px;
  max-width: 140px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status {
  padding-bottom: 20px;
  width: 100%;
  margin-bottom: 15px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .audition_status_heading {
  width: 100px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item {
  margin-right: 5px;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item .tag_item_delete_btn {
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item .tag_item_delete_btn .delete_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item .tag_item_delete_btn .delete_icon svg {
  fill: #ffffff;
  background-color: transparent;
  border-radius: 50%;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.gray {
  background-color: #dde3e7;
  color: #566673;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.green {
  background-color: #cee9d3;
  color: #268469;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .color_tag .tag_item.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .status_block {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  height: 40px;
  min-width: 310px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block {
  margin-right: 30px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select {
  width: 150px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.gray {
  background-color: #dde3e7;
  color: #566673;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.green {
  background-color: #cee9d3;
  color: #268469;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .select_block > select option.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block .search_bar {
  position: relative;
  display: block;
  width: 310px;
  height: 40px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block #search_input_box {
  width: 240px;
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: 0;
  background: #ffffff;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block #search_button {
  height: 40px;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #707070;
  border: none;
  border-radius: 0 10px 10px 0;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .audition_status .audition_status_inner .search_block #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .options {
  margin-bottom: 20px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 20px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .line_sending_btn {
  flex: 0 1 auto;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 20px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .left_wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 120px);
  column-gap: 10px;
  align-items: center;
  justify-content: flex-start;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .button {
  border-radius: 20px;
  width: 120px;
  height: 40px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .button:first-child {
  margin-right: 20px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .button.url_sending {
  width: 160px;
  border-color: #e2e8f0;
  background-color: #ffffff;
  color: #6cc4b0;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .button.url_sending * {
  color: #6cc4b0;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .right_wrapper {
  display: grid;
  grid-template-columns: auto;
  row-gap: 20px;
  align-items: center;
  justify-content: flex-start;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .right_wrapper .button,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .selected_button_block .change_status_button_block .right_wrapper button {
  margin-right: 0;
  width: 180px !important;
  word-break: keep-all;
  height: 40px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .all_selected {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 30px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .all_selected input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .button_success,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .button_failure {
  font-weight: bold;
  box-sizing: border-box;
  width: 120px;
  height: 40px;
  background-color: #ffffff;
  font-size: 15px;
  padding: 10px 36px;
  border: #eeeeee 1px solid;
  border-radius: 20px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .button_success {
  color: #ff7c7c;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .button_failure {
  margin-left: 20px;
  color: #6c88d5;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .change_status_footer {
  width: calc((100% - 45px) / 2);
  height: 50px;
  padding: 4px 24px;
  position: fixed;
  left: 45px;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  border-top: 1px solid #cccccc;
  background-color: #fbfbfb;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .select_option_block .change_status_footer .selected_count_block {
  color: #31b0d5;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list {
  margin: 0 auto 0 0;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 12px;
  padding: 8px 10px;
  width: 100%;
  min-height: 130px;
  max-height: 145px;
  font-size: 11px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin-right: 0;
  border: 2px solid transparent;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item.selected {
  border: 2px solid #31b0d5;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item.multipleSelected {
  background-color: #ecf3fd;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item.failure {
  background-color: #eeeeee !important;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item.success {
  background-color: #ffdede !important;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_image {
  background-color: #ffffff;
  margin-right: 24px;
  max-width: 80px;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #e9e9e9 solid;
  position: relative;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_image img {
  margin: 0 auto;
  text-align: center;
  object-fit: contain;
  max-width: 70px;
  max-height: 70px;
  height: auto;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_image > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info {
  width: calc(100% - 90px);
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .pass_name {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .pass_wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .recommend_type_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .recommend_type_wrapper .recommend_icon {
  margin-right: 4px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .recommend_type_wrapper .sending_group {
  color: #6cc4b0;
  margin-left: 4px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .pass_number_block {
  font-size: 11px;
  margin-bottom: 8px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .pass_number_block .pass_number {
  color: #aaaaaa;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .pass_date_info {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 8px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .define_date,
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .reservation_date {
  font-size: 11px;
  color: #707070;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list {
  max-height: 40px;
  overflow: hidden;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item {
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 5px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.gray {
  background-color: #dde3e7;
  color: #566673;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.green {
  background-color: #cee9d3;
  color: #268469;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .pass_list_info .tag_list .tag_item.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .score_block {
  position: absolute;
  top: 10%;
  left: 80px;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .score_block .score_block_wrapper {
  position: relative;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .score_block .score_block_wrapper .score_border {
  position: absolute;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .score_block .score_block_wrapper .score_num {
  position: absolute;
}
#passListPage #pass_left .pass_box .pass_box_inner .pass_block_item .pass_list .pass_inner_list .pass_list_item .score_num {
  top: 2px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #707070;
}
#passListPage #pass_left {
  background-color: #fbfbfb;
}

#selectTagModal {
  padding: 30px 20px;
  box-sizing: border-box;
  min-width: 450px;
}
#selectTagModal .modalContents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#selectTagModal .modalContents .tag_header {
  text-align: center;
  margin-bottom: 20px;
}
#selectTagModal .modalContents .tag_notice {
  text-align: center;
  margin-bottom: 40px;
}
#selectTagModal .modalContents .tag_check_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 150px;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 20px;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label {
  margin-left: 5px;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 16px;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.gray {
  background-color: #dde3e7;
  color: #566673;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.green {
  background-color: #cee9d3;
  color: #268469;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#selectTagModal .modalContents .tag_check_list .check_tag_item label.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#selectTagModal .modalContents .button_block {
  margin-top: 40px;
}

#ratingListPage {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  overflow: hidden;
}
#ratingListPage #rating_left {
  width: 50%;
  height: 100%;
  padding: 1rem 2rem 220px;
  top: 0;
  overflow-y: scroll;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
#ratingListPage #rating_left::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#ratingListPage #rating_left .rating_box {
  margin: 0 auto;
  box-sizing: border-box;
}
#ratingListPage #rating_left .rating_box.left {
  min-width: 450px;
  max-width: 560px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner {
  margin: 0 auto;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item {
  margin-bottom: 12px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item.border_dotted {
  border-bottom: dashed 1px #bbbbbb;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  margin-bottom: 1.25rem;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .applicant_title {
  flex: 0 1 auto;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .applicant_title > span {
  vertical-align: middle;
  color: #3e3e3e;
  display: inline-block;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .applicant_title::before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  width: 5px;
  height: 25px;
  background-color: #888888;
  vertical-align: middle;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .csv_btn {
  box-sizing: border-box;
  flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .csv_btn .icon {
  margin-right: 0.25rem;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .csv_btn .icon svg {
  width: 18px;
  height: 18px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .title_csv_block .csv_btn .csv_text {
  color: #31b0d5;
  display: inline-block;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date {
  width: 100%;
  margin-bottom: 12px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner .audition_date_heading {
  width: 100px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner .start_end_date {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner .middle_text {
  margin: 0 4px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner input#audition_start, #ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner input#audition_end {
  padding: 7px;
  max-width: 140px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status {
  padding-bottom: 20px;
  width: 100%;
  margin-bottom: 15px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .audition_status_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .audition_status_inner .audition_status_heading {
  width: 100px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .audition_status_inner .status_block {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  height: 40px;
  min-width: 310px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block {
  margin-right: 30px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select {
  width: 150px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.gray {
  background-color: #dde3e7;
  color: #566673;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.green {
  background-color: #cee9d3;
  color: #268469;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .select_block > select option.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block .search_bar {
  position: relative;
  display: block;
  width: 310px;
  height: 40px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block #search_input_box {
  width: 240px;
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: 0;
  background: #ffffff;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block #search_button {
  height: 40px;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #707070;
  border: none;
  border-radius: 0 10px 10px 0;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .audition_status .search_block #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .options {
  margin-bottom: 20px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .selected_button_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 20px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .selected_button_block .line_sending_btn {
  flex: 0 1 auto;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .selected_button_block .change_status_button_block {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 20px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .selected_button_block .change_status_button_block .button {
  border-radius: 20px;
  width: 120px;
  height: 40px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .selected_button_block .change_status_button_block .button:first-child {
  margin-right: 20px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .all_selected {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 30px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .all_selected input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .button_success,
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .button_failure {
  font-weight: bold;
  box-sizing: border-box;
  width: 120px;
  height: 40px;
  background-color: #ffffff;
  font-size: 15px;
  padding: 10px 36px;
  border: #eeeeee 1px solid;
  border-radius: 20px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .button_success {
  color: #ff7c7c;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .button_failure {
  margin-left: 20px;
  color: #6c88d5;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .change_status_footer {
  width: calc((100% - 45px) / 2);
  height: 50px;
  padding: 4px 24px;
  position: fixed;
  left: 45px;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  border-top: 1px solid #cccccc;
  background-color: #fbfbfb;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .select_option_block .change_status_footer .selected_count_block {
  color: #31b0d5;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list {
  margin: 0 auto 0 0;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
  padding: 0.45rem;
  min-height: 130px;
  max-height: 130px;
  width: 100%;
  min-width: 96px;
  max-width: 96px;
  font-size: 11px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin-right: 15px;
  border: 2px solid transparent;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item.selected {
  border: 2px solid #31b0d5;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item.multipleSelected {
  background-color: #ecf3fd;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item.failure {
  background-color: #eeeeee !important;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item.success {
  background-color: #ffdede !important;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .rating_image {
  background-color: #ffffff;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #e9e9e9 solid;
  position: relative;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .rating_image img {
  margin: 0 auto;
  text-align: center;
  object-fit: contain;
  max-width: 70px;
  max-height: 70px;
  height: auto;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .rating_image > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .applicant_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.5rem;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .applicant_id {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.5rem;
  color: #aaaaaa;
  font-size: 10px;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .score_block {
  position: absolute;
  top: 4%;
  right: 25%;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .score_block .score_block_wrapper {
  position: relative;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .score_block .score_block_wrapper .score_border {
  position: absolute;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .score_block .score_block_wrapper .score_num {
  position: absolute;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_list_item .score_num {
  top: 2px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #707070;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_item_done {
  background-color: #E8FEF7;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_item_passed {
  background-color: #FFDEDE;
}
#ratingListPage #rating_left .rating_box .rating_box_inner .rating_block_item .rating_list .rating_inner_list .rating_item_failed {
  background-color: #EEEEEE;
}
#ratingListPage #rating_left {
  background-color: #fbfbfb;
}

#reservationCommonLayout {
  min-height: calc(100vh - 90px);
  padding: 40px 5vw;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#reservationCommonLayout .reservation_heading {
  max-width: 920px;
  width: 100%;
}
#reservationCommonLayout .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#reservationCommonLayout .close_btn .icon {
  display: block;
}
#reservationCommonLayout .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#reservationCommonLayout .reservation_wrapper {
  max-width: 920px;
  margin: 0 auto;
  padding: 24px 20px;
  width: 100%;
  border-radius: 0.75rem;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
}
#reservationCommonLayout .reservation_heading_option {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 18px;
}
#reservationCommonLayout .reservation_status_inner {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
}
#reservationCommonLayout .reservation_top_options {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
  column-gap: 12px;
}
#reservationCommonLayout .reservation_top_options .reservation_option_left,
#reservationCommonLayout .reservation_top_options .reservation_option_right {
  display: grid;
  grid-template-columns: auto;
  row-gap: 12px;
}
#reservationCommonLayout .inner_item {
  margin-bottom: 60px;
}
#reservationCommonLayout .inner_item:last-child {
  margin-bottom: 0;
}
#reservationCommonLayout .inner_item .inner_item_heading {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
#reservationCommonLayout .inner_item .inner_item_heading.edit_page {
  justify-content: space-between;
}
#reservationCommonLayout .inner_item .meeting_url {
  margin-bottom: 24px;
}
#reservationCommonLayout .inner_item .meeting_name {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  column-gap: 2px;
  align-items: center;
  margin-bottom: 20px;
}
#reservationCommonLayout .inner_item .meeting_memo .item_heading,
#reservationCommonLayout .inner_item .meeting_url .item_heading {
  margin-bottom: 10px;
}
#reservationCommonLayout .inner_item .meeting_memo .item_heading .status_label,
#reservationCommonLayout .inner_item .meeting_url .item_heading .status_label {
  font-size: 12px;
  padding: 2px 4px;
}
#reservationCommonLayout .inner_item .meeting_memo .item_heading .status_label.blue_label,
#reservationCommonLayout .inner_item .meeting_url .item_heading .status_label.blue_label {
  background-color: #D3F1FF;
  color: #3C8FCB;
}
#reservationCommonLayout .reservation_date {
  width: 100%;
}
#reservationCommonLayout .reservation_date .reservation_date_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#reservationCommonLayout .reservation_date .reservation_date_inner .reservation_date_heading {
  margin-right: 12px;
}
#reservationCommonLayout .reservation_date .reservation_date_inner .reservation_date_wrapper {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#reservationCommonLayout .reservation_date .reservation_date_inner .reservation_date_wrapper .reservation_date_inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
#reservationCommonLayout .reservation_date .reservation_date_inner .reservation_date_wrapper .reservation_date_inner .middle_text {
  margin: 0 4px;
}
#reservationCommonLayout .reservation_date .reservation_date_inner .reservation_date_wrapper .reservation_date_inner input#reservation_start, #reservationCommonLayout .reservation_date .reservation_date_inner .reservation_date_wrapper .reservation_date_inner input#reservation_end {
  padding: 7px;
  max-width: 140px;
}
#reservationCommonLayout .reservation_start_time {
  display: grid;
  grid-template-columns: 100px 100px 100px;
  align-items: center;
  column-gap: 10px;
  width: 100%;
}
#reservationCommonLayout .reservation_start_hour_block,
#reservationCommonLayout .reservation_start_minutes_block,
#reservationCommonLayout .reservation_meeting_minutes_block {
  display: grid;
  grid-template-columns: 75px auto;
  align-items: center;
  column-gap: 10px;
  width: 100%;
}
#reservationCommonLayout .reservation_meeting_time {
  display: grid;
  grid-template-columns: 100px 100px;
  align-items: center;
  column-gap: 10px;
  width: 100%;
}
#reservationCommonLayout .reservation_inner {
  width: 100%;
  min-height: 45vh;
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 0.75rem;
  padding: 20px;
}
#reservationCommonLayout .append_list_item_wrapper {
  margin-top: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#reservationCommonLayout .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#reservationCommonLayout .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#reservationCommonLayout .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#reservationCommonLayout .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}
#reservationCommonLayout .button_block {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 320px;
  max-width: 400px;
  margin: 80px auto 0;
}
#reservationCommonLayout .button_block .button {
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

#reservationListPage {
  min-height: calc(100vh - 90px);
  padding: 25px 5vw;
}
#reservationListPage .search_bar_wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#reservationListPage .search_bar_wrapper .search_bar_label {
  margin-right: 40px;
}
#reservationListPage .search_bar_wrapper .search_bar {
  position: relative;
  display: block;
  width: 320px;
  height: 40px;
}
#reservationListPage .search_bar_wrapper .search_bar #search_input_box {
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  outline: 0;
  background: #ffffff;
}
#reservationListPage .search_bar_wrapper .search_bar #search_button {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #ffffff;
  border: none;
  border-radius: 0 10px 10px 0;
}
#reservationListPage .search_bar_wrapper .search_bar #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}
#reservationListPage .meeting_url {
  display: grid;
  grid-template-columns: 50px 300px auto;
  align-items: flex-start;
  justify-content: flex-start;
}
#reservationListPage .meeting_url .meeting_url_text {
  text-align: left;
}
#reservationListPage .meeting_url button.resend {
  width: 100px;
  height: 40px;
}
#reservationListPage .meeting_url button:not(.resend) {
  border: none;
  padding: 0;
  width: 20px;
}
#reservationListPage .meeting_url.sending_group {
  line-height: 25px;
  grid-template-columns: auto 100px;
  justify-content: space-between;
  align-items: center;
}
#reservationListPage .meeting_url.sending_group .sending_group_wrapper {
  display: grid;
  grid-template-columns: 120px auto auto;
  align-items: center;
  justify-content: flex-start;
}
#reservationListPage .meeting_url.sending_group button {
  margin-top: 2px;
  margin-left: 8px;
}
#reservationListPage .reservation_list_header_wrapper {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  column-gap: 12px;
  grid-template-columns: auto auto;
  margin-bottom: 12px;
}
#reservationListPage .reservation_sending_link_wrapper {
  max-width: 170px;
}
#reservationListPage .reservation_sending_link_wrapper a {
  width: 100%;
  height: 40px;
}
#reservationListPage .reservation_options {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: flex-end;
  column-gap: 12px;
  align-items: center;
  width: 100%;
}
#reservationListPage .reservation_date {
  width: 100%;
}
#reservationListPage .reservation_date .reservation_date_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#reservationListPage .reservation_date .reservation_date_inner .reservation_date_heading {
  margin-right: 12px;
}
#reservationListPage .reservation_date .reservation_date_inner .start_end_date {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#reservationListPage .reservation_date .reservation_date_inner .start_end_date .start_end_date_inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
#reservationListPage .reservation_date .reservation_date_inner .start_end_date .start_end_date_inner .middle_text {
  margin: 0 4px;
}
#reservationListPage .reservation_date .reservation_date_inner .start_end_date .start_end_date_inner input#reservation_start, #reservationListPage .reservation_date .reservation_date_inner .start_end_date .start_end_date_inner input#reservation_end {
  padding: 7px;
  max-width: 140px;
}
#reservationListPage .reservation_status {
  width: 100%;
}
#reservationListPage .reservation_status .reservation_status_inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#reservationListPage .reservation_status .reservation_status_inner .reservation_status_heading {
  width: 100px;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item {
  margin-right: 5px;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item .tag_item_delete_btn {
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item .tag_item_delete_btn .delete_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item .tag_item_delete_btn .delete_icon svg {
  fill: #ffffff;
  background-color: transparent;
  border-radius: 50%;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.gray {
  background-color: #dde3e7;
  color: #566673;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.green {
  background-color: #cee9d3;
  color: #268469;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#reservationListPage .reservation_status .reservation_status_inner .color_tag .tag_item.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#reservationListPage .reservation_status .reservation_status_inner .status_block {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  height: 40px;
  min-width: 310px;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block {
  margin-right: 30px;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select {
  width: 150px;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.gray {
  background-color: #dde3e7;
  color: #566673;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.green {
  background-color: #cee9d3;
  color: #268469;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .select_block > select option.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block .search_bar {
  position: relative;
  display: block;
  width: 310px;
  height: 40px;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block #search_input_box {
  width: 240px;
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: 0;
  background: #ffffff;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block #search_button {
  height: 40px;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #707070;
  border: none;
  border-radius: 0 10px 10px 0;
}
#reservationListPage .reservation_status .reservation_status_inner .search_block #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}
#reservationListPage .reservation_open_status .status_open {
  color: #6cc4b0;
}
#reservationListPage .reservation_open_status .status_close {
  color: #707070;
}
#reservationListPage .create_button_wrapper {
  margin-bottom: 20px;
}
#reservationListPage .reservationListPage.pagination {
  margin-top: 32px;
  padding: 50px 0;
}
#reservationListPage .reservationListPage.pagination .pagination_list {
  width: 33.3333333333%;
  margin: 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
#reservationListPage .reservationListPage.pagination .pagination_list .pagination_list_item a {
  color: #31b0d5;
  min-width: 20px;
  text-align: center;
}
#reservationListPage .reservationListPage.pagination .pagination_list .pagination_list_item a.current_page {
  color: #3e3e3e;
}
#reservationListPage .reservation_nolist_message {
  margin-top: 30px;
  text-align: center;
  color: #707070;
}
#reservationListPage .reservation_nolist_message div {
  display: block;
  font-size: 18px;
  line-height: 1.4;
}
#reservationListPage .reservation_nolist_message div:last-child {
  font-size: 15px;
}
#reservationListPage .button_block {
  margin: 50px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#reservationListPage .button_block .button {
  width: 180px;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  font-weight: bold;
}

#reservationList {
  background-color: #ffffff;
  padding: 0 0 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#reservationList .reservationList_header {
  margin-bottom: 0.3rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #eeeeee;
  color: #707070;
  font-size: 15px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
#reservationList .reservationList_header.bg_white {
  background-color: #ffffff;
}
#reservationList .reservationList_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#reservationList .reservationList_header #openModal .preview_icon {
  margin-right: 6px;
}
#reservationList .reservationList_header #openModal:focus {
  outline: none;
}
#reservationList .reservation_item_wrapper,
#reservationList .sending_all_item_wrapper {
  padding: 30px 24px;
}
#reservationList .sending_all_item_wrapper {
  display: grid;
  grid-template-columns: auto;
  row-gap: 15px;
}
#reservationList .sending_all_item_wrapper .inner_top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
#reservationList .sending_all_item_wrapper .inner_top .applicant_name {
  color: #31b0d5;
}
#reservationList .sending_all_item_wrapper .inner_top .unset_tag {
  background-color: #d3f1ff;
  color: #3c8fcb;
  font-size: 12px;
  width: 80px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
}
#reservationList .sending_all_item_wrapper .inner_middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#reservationList .sending_all_item_wrapper .inner_middle .button {
  width: 80px;
  height: 30px;
  font-size: 15px;
  border-radius: 20px;
  padding: 0;
}
#reservationList .reservation_item,
#reservationList .sending_all_item {
  border-bottom: 1px solid #eeeeee;
}
#reservationList .reservation_item:last-child,
#reservationList .sending_all_item:last-child {
  border-bottom: none;
}
#reservationList .reservation_item_options {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  column-gap: 12px;
  font-size: 20px;
}
#reservationList .reservation_right_wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
  align-items: center;
  column-gap: 40px;
}
#reservationList .meeting_count {
  font-size: 20px;
  margin-bottom: 20px;
}
#reservationList .meeting_number,
#reservationList .meeting_applicant_name,
#reservationList .meeting_url,
#reservationList .meeting_memo {
  margin-bottom: 12px;
}
#reservationList .meeting_applicant_link {
  color: #31b0d5;
}
#reservationList .undecided_applicant {
  display: inline-block;
  color: #3e3e3e;
}
#reservationList .meeting_lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#reservationList .meeting_list_info {
  width: 48%;
  min-width: 340px;
  margin-bottom: 20px;
}
#reservationList .meeting_memo {
  display: grid;
  grid-template-columns: 50px 300px;
  align-items: flex-start;
  justify-content: flex-start;
}
#reservationList .meeting_memo .meeting_memo_text {
  line-height: 1.2;
}

#selectingListPage {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  overflow: hidden;
}
#selectingListPage #selecting_left {
  width: 50%;
  min-height: 100vh;
  padding: 1rem 2rem;
  padding-top: 250px;
  padding-bottom: 250px;
  top: 0;
  overflow-y: scroll;
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
#selectingListPage #selecting_left::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#selectingListPage #selecting_left .selecting_box {
  margin: 0 auto;
  box-sizing: border-box;
}
#selectingListPage #selecting_left .selecting_box.left {
  min-width: 450px;
  max-width: 560px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner {
  margin: 0 auto;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item {
  margin-bottom: 12px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item.border_dotted {
  border-bottom: dashed 1px #bbbbbb;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  margin-bottom: 1.25rem;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .selecting_title {
  flex: 0 1 auto;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .selecting_title > span {
  vertical-align: middle;
  color: #3e3e3e;
  display: inline-block;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .selecting_title::before {
  content: "";
  margin-right: 4px;
  display: inline-block;
  width: 5px;
  height: 25px;
  background-color: #6cc4b0;
  vertical-align: middle;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .csv_btn {
  box-sizing: border-box;
  flex: 0 1 auto;
  padding: 0.5rem;
  background-color: #ffffff;
  display: flex;
  justify-items: center;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .csv_btn .icon {
  margin-right: 0.25rem;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .csv_btn .icon svg {
  width: 18px;
  height: 18px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .title_csv_block .csv_btn .csv_text {
  color: #31b0d5;
  display: inline-block;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date {
  width: 100%;
  margin-bottom: 12px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner .audition_date_heading {
  width: 100px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner .start_end_date {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner .middle_text {
  margin: 0 4px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner input#audition_start, #selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_date .audition_date_inner .start_end_date .start_end_date_inner input#audition_end {
  padding: 7px;
  max-width: 140px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status {
  padding-bottom: 20px;
  width: 100%;
  margin-bottom: 15px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .audition_status_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .audition_status_inner .audition_status_heading {
  width: 100px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .audition_status_inner .status_block {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  height: 40px;
  min-width: 310px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block {
  margin-right: 30px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select {
  width: 150px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.gray {
  background-color: #dde3e7;
  color: #566673;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.green {
  background-color: #cee9d3;
  color: #268469;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .select_block > select option.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block .search_bar {
  position: relative;
  display: block;
  width: 310px;
  height: 40px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block #search_input_box {
  width: 240px;
  height: 40px;
  padding: 0 10px;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: 0;
  background: #ffffff;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block #search_button {
  height: 40px;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
  background: #eeeeee;
  color: #707070;
  border: none;
  border-radius: 0 10px 10px 0;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .audition_status .search_block #search_button span svg {
  fill: #aaaaaa;
  position: absolute;
  top: 25%;
  left: 25%;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .options {
  margin-bottom: 20px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .selected_button_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 20px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .selected_button_block .line_sending_btn {
  flex: 0 1 auto;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .selected_button_block .change_status_button_block {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 20px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .selected_button_block .change_status_button_block .button {
  border-radius: 20px;
  width: 120px;
  height: 40px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .selected_button_block .change_status_button_block .button:first-child {
  margin-right: 20px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .all_selected {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 30px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .all_selected input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .button_success,
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .button_failure {
  font-weight: bold;
  box-sizing: border-box;
  width: 120px;
  height: 40px;
  background-color: #ffffff;
  font-size: 15px;
  padding: 10px 36px;
  border: #eeeeee 1px solid;
  border-radius: 20px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .button_success {
  color: #ff7c7c;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .button_failure {
  margin-left: 20px;
  color: #6c88d5;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .change_status_footer {
  width: calc((100% - 45px) / 2);
  height: 50px;
  padding: 4px 24px;
  position: fixed;
  left: 45px;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  border-top: 1px solid #cccccc;
  background-color: #fbfbfb;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .select_option_block .change_status_footer .selected_count_block {
  color: #31b0d5;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list {
  margin: 0 auto 0 0;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item {
  background-color: #ffffff;
  position: relative;
  overflow: auto;
  margin-bottom: 12px;
  padding: 0.5rem;
  min-width: 96px;
  max-width: 96px;
  min-height: 148px;
  max-height: 150px;
  font-size: 11px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  margin-right: 15px;
  border: 2px solid transparent;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item.selected {
  border: 2px solid #31b0d5;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item.multipleSelected {
  background-color: #ecf3fd;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item.failure {
  background-color: #eeeeee !important;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item.success {
  background-color: #ffdede !important;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .selecting_image {
  background-color: #ffffff;
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #e9e9e9 solid;
  position: relative;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .selecting_image img {
  margin: 0 auto;
  text-align: center;
  object-fit: contain;
  max-width: 70px;
  max-height: 70px;
  height: auto;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .selecting_image > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .applicant_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.5rem;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .applicant_number {
  margin-top: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #aaaaaa;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .score_block {
  position: absolute;
  top: 4%;
  right: 25%;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .score_block .score_block_wrapper {
  position: relative;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .score_block .score_block_wrapper .score_border {
  position: absolute;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .score_block .score_block_wrapper .score_num {
  position: absolute;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_list_item .score_num {
  top: 2px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #707070;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_item_passed {
  background-color: #FFDEDE;
}
#selectingListPage #selecting_left .selecting_box .selecting_box_inner .selecting_block_item .selecting_list .selecting_inner_list .selecting_item_failed {
  background-color: #EEEEEE;
}
#selectingListPage #selecting_left {
  background-color: #fbfbfb;
}

.multipleInfoSlider {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 200px;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #cccccc;
  width: 100%;
  position: absolute;
}
.multipleInfoSlider .multipleInfoSlider_left {
  min-width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 10px;
}
.multipleInfoSlider .multipleInfoSlider_left .multipleInfoSlider_left_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
  margin-top: 10px;
}
.multipleInfoSlider .multipleInfoSlider_left .button_block {
  display: flex;
  align-items: center;
}
.multipleInfoSlider .multipleInfoSlider_left .button_block .button {
  width: 120px;
  margin: 0 10px;
}
.multipleInfoSlider .multipleInfoSlider_right {
  margin: 0 10px;
  max-width: 600px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.multipleInfoSlider .multipleInfoSlider_right .button_next,
.multipleInfoSlider .multipleInfoSlider_right .button_preview {
  border: none;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list {
  overflow-x: scroll;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  max-width: 600px;
  width: 100%;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item {
  min-width: 96px;
  max-width: 96px;
  min-height: 148px;
  max-height: 150px;
  margin: 12px 15px;
  padding: 0.5rem;
  border: 2px solid transparent;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  font-size: 11px;
  position: relative;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item.noSelected {
  border: 3px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item.noSelected::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/assets/images/svg/plus.svg);
  background-repeat: no-repeat;
  position: absolute;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item.noSelected .bookmark_list_item_contents {
  display: none;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item.bookmarkSelected {
  border: 2px solid #31b0d5;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_image {
  width: 70px;
  height: 70px;
  background-color: #ffffff;
  border: 1px solid #E9E9E9;
  margin-bottom: 6px;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 70px;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_applicant_name {
  text-align: center;
  margin-bottom: 6px;
  font-size: 12px;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .star_rating {
  margin-bottom: 6px;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_applicant_id {
  text-align: center;
  font-size: 10px;
  color: #AAAAAA;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_score_block {
  position: absolute;
  top: 0;
  right: 30px;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_score_block .bookmark_score_block_wrapper {
  position: relative;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_score_block .bookmark_score_block_wrapper .bookmark_score_border {
  position: absolute;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_score_block .bookmark_score_block_wrapper .bookmark_score_num {
  position: absolute;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_score_num {
  top: 2px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #707070;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_delete_button {
  position: absolute;
  top: -10px;
  left: -5px;
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 50%;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_delete_button .delete_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.multipleInfoSlider .multipleInfoSlider_right .bookmark_list .bookmark_list_item .bookmark_delete_button .delete_icon svg {
  fill: #AAAAAA;
  background-color: #ffffff;
  border-radius: 50%;
}

#passcodePage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#passcodePage .box_75 {
  padding: 0 15px;
}
#passcodePage .box_content {
  box-sizing: border-box;
  background-color: #3E3E3E;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 10px;
}
#passcodePage .box_content h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 90px;
}
#passcodePage .box_content .content_text {
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 45px;
}
#passcodePage .box_content .content_text .block {
  display: block;
  margin-top: 2px;
}
#passcodePage .box_content .content_bottom .passcode_input_block {
  max-width: 400px;
  margin: 0 auto;
}
#passcodePage .box_content .content_bottom .message-block {
  width: 400px;
  text-align: left;
  margin: 12px auto 40px;
}
#passcodePage .box_content .button_block {
  text-align: center;
  margin: 0 auto;
}
#passcodePage .box_content .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

#passwordChangePage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#passwordChangePage .box_content {
  padding: 0 0.75rem;
}
#passwordChangePage .box_content h2 {
  text-align: center;
  margin-bottom: 30px;
}
#passwordChangePage .box_content form .current_password {
  margin-bottom: 30px;
  text-align: left;
}
#passwordChangePage .box_content form .new_password,
#passwordChangePage .box_content form .new_password_confirm {
  margin-bottom: 30px;
  text-align: left;
}
#passwordChangePage .box_content form .new_password .notice,
#passwordChangePage .box_content form .new_password_confirm .notice {
  margin: 10px auto;
  width: 100%;
  color: #AAAAAA;
}
#passwordChangePage .box_content form .button_block .button_block_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#passwordChangePage .box_content form .button_block .button {
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}
#passwordChangePage .box_content form .button_block .button:first-child {
  margin-right: 20px;
}
#passwordChangePage .box_content form label.form-label, #passwordChangePage .box_content form h4.form-label {
  word-break: keep-all;
  font-weight: bold;
  color: #4a5568;
  margin-bottom: 8px;
  display: inline-block;
}

#passwordCompletePage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#passwordCompletePage h2 {
  text-align: center;
  margin-bottom: 100px;
}
#passwordCompletePage .complete_text_block {
  margin: 0 auto;
  text-align: center;
}
#passwordCompletePage .complete_text_block .complete_text {
  display: block;
  margin-bottom: 30px;
}
#passwordCompletePage .button_block {
  text-align: center;
  margin: 0 auto;
}
#passwordCompletePage .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

#settings {
  width: 100%;
  max-width: 700px;
}
#settings .settings_input {
  display: block;
  margin: 20px auto;
  text-align: left;
}
#settings .settings_input label {
  display: block;
  margin-bottom: 0.75rem;
}
#settings .password_change_link {
  margin-top: 8px;
  color: #31B0D5;
}
#settings .settings_link {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
}

#securitySetupPage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#securitySetupPage .box_75 {
  padding: 0 15px;
}
#securitySetupPage .box_content {
  box-sizing: border-box;
  background-color: #3E3E3E;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 10px;
}
#securitySetupPage .box_content h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
}
#securitySetupPage .box_content .content_text {
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 68px;
}
#securitySetupPage .box_content .content_text .content_text_top {
  margin-bottom: 36px;
}
#securitySetupPage .box_content .content_text .block {
  display: block;
  margin-top: 2px;
}
#securitySetupPage .box_content .content_text .qrcode_block {
  max-width: 200px;
  max-height: 200px;
  margin: 0 auto;
  text-align: center;
}
#securitySetupPage .box_content .content_text .qrcode_block .qrcode_image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
#securitySetupPage .box_content .content_text .content_bottom {
  margin-top: 24px;
}
#securitySetupPage .box_content .content_text .content_bottom .onetime_password_input_block {
  max-width: 400px;
  margin: 0 auto 24px;
}
#securitySetupPage .box_content .content_text .content_bottom .onetime_password_input_block .onetime_password_input {
  width: 100%;
}
#securitySetupPage .box_content .content_text .content_bottom .error-message {
  max-width: 400px;
  width: 100%;
  text-align: left;
  color: #F86FAF;
  margin: 0 auto;
}
#securitySetupPage .box_content .button_block {
  text-align: center;
  margin: 0 auto;
}
#securitySetupPage .box_content .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}
#securitySetupPage .modalWrapper {
  width: 100%;
  max-width: 670px;
  min-height: 350px;
  box-sizing: border-box;
  padding: 40px 100px;
}
#securitySetupPage .modalWrapper .modalHeading {
  margin-bottom: 56px;
  font-size: 18px;
  color: #3E3E3E;
}
#securitySetupPage .modalWrapper .modalContents_text {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 80px;
}
#securitySetupPage .modalWrapper .modalContents_text .block {
  display: block;
}
#securitySetupPage .modalWrapper .button_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#securitySetupPage .modalWrapper .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

#securityOnPage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#securityOnPage .box_75 {
  padding: 0 15px;
}
#securityOnPage .box_content {
  box-sizing: border-box;
  background-color: #3E3E3E;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 10px;
}
#securityOnPage .box_content h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 150px;
}
#securityOnPage .box_content .content_text {
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 136px;
}
#securityOnPage .box_content .content_text .block {
  display: block;
  margin-top: 2px;
}
#securityOnPage .box_content .button_block {
  text-align: center;
  margin: 0 auto;
}
#securityOnPage .box_content .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}
#securityOnPage .modalWrapper {
  width: 100%;
  max-width: 670px;
  min-height: 350px;
  box-sizing: border-box;
  padding: 30px 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#securityOnPage .modalWrapper .modalHeading {
  margin-bottom: 56px;
  font-size: 18px;
  color: #3E3E3E;
}
#securityOnPage .modalWrapper .modalContents_text {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 80px;
}
#securityOnPage .modalWrapper .modalContents_text .block {
  display: block;
}
#securityOnPage .modalWrapper .modalContents .button_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
#securityOnPage .modalWrapper .modalContents .button_block .button {
  margin: 0 7px;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

#securityOffPage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#securityOffPage .box_75 {
  padding: 0 15px;
}
#securityOffPage .box_content {
  box-sizing: border-box;
  background-color: #3E3E3E;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 10px;
}
#securityOffPage .box_content h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 150px;
}
#securityOffPage .box_content .content_text {
  color: #ffffff;
  margin-bottom: 136px;
}
#securityOffPage .box_content .content_text .block {
  margin-top: 2px;
  display: block;
}
#securityOffPage .box_content .button_block {
  text-align: center;
  margin: 0 auto;
}
#securityOffPage .box_content .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

#securityCompletePage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
#securityCompletePage .box_75 {
  padding: 0 15px;
}
#securityCompletePage .box_content {
  box-sizing: border-box;
  background-color: #3E3E3E;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 10px;
}
#securityCompletePage .box_content h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 100px;
}
#securityCompletePage .box_content .content_text {
  color: #ffffff;
  margin-bottom: 136px;
}
#securityCompletePage .box_content .content_text .sub_title {
  margin-bottom: 40px;
}
#securityCompletePage .box_content .content_text .block {
  margin-top: 2px;
  margin-bottom: 4px;
  display: block;
}
#securityCompletePage .box_content .button_block {
  text-align: center;
  margin: 0 auto;
}
#securityCompletePage .box_content .button_block .button {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 185px;
  max-width: 185px;
  font-size: 18px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  cursor: pointer;
}

.skill_heading {
  margin-bottom: 20px;
  width: 100%;
  text-align: left;
}

.selected_skill_title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.selected_skill_title .skill_title_block {
  width: 65%;
}
.selected_skill_title .skill_title_block input {
  width: 100%;
  font-size: 15px;
}
.selected_skill_title .message-block {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
}

#skillSettingsPage {
  background-color: #ffffff;
  padding: 0 0 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#skillSettingsPage .skillSettingsPage_header {
  margin-bottom: 0.3rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #eeeeee;
  color: #707070;
  font-size: 15px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
#skillSettingsPage .skillSettingsPage_header.bg_white {
  background-color: #ffffff;
}
#skillSettingsPage .skillSettingsPage_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#skillSettingsPage .skillSettingsPage_header #openModal .preview_icon {
  margin-right: 6px;
}
#skillSettingsPage .skillSettingsPage_header #openModal:focus {
  outline: none;
}
#skillSettingsPage .setting_list {
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#skillSettingsPage .setting_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#skillSettingsPage .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#skillSettingsPage .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#skillSettingsPage .setting_list .setting_list_wrapper .setting_title_block {
  font-size: 15px;
  width: 100%;
  max-width: 30em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  word-break: break-all;
}
#skillSettingsPage .setting_list .setting_list_wrapper .setting_title_block.create_title {
  width: 100px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon {
  display: block;
}
#skillSettingsPage .setting_list .setting_list_wrapper .setting_title_block .close_btn .icon svg {
  display: block;
  fill: #aaaaaa;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  box-sizing: border-box;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block.create_title {
  width: calc(100% - 100px);
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-left: 1.5vw;
  margin-right: 4vw;
  width: 100%;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .subtitle_block {
  max-width: 560px;
  width: 100%;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .subtitle_block label {
  font-size: 15px;
  word-break: keep-all;
  margin-right: 15px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .subtitle_block input {
  box-sizing: border-box;
  width: 100%;
  color: #888888;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .message-block {
  max-width: 560px;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_subtitle .message-block span:last-child {
  text-align: right;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 15px;
  width: 120px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .select_block > span {
  word-break: keep-all;
  margin-right: 4px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group {
  width: 90px;
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  flex-direction: column;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox {
  display: flex;
  justify-content: flex-start;
  justify-items: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  word-break: keep-all;
  text-align: left;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .setting_item_select .checkbox_group .setting_item_checkbox .form-checkbox {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
#skillSettingsPage .setting_list .setting_list_wrapper .right_block .sort_block {
  width: 12px;
}
#skillSettingsPage .append_block {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
#skillSettingsPage .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#skillSettingsPage .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#skillSettingsPage .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#skillSettingsPage .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#skillSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#skillSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#skillSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#skillSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#skillSettingsPage .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

.skillPage.pagination {
  margin-top: 32px;
  padding: 50px 0;
}
.skillPage.pagination .pagination_list {
  width: 33.3333333333%;
  margin: 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
.skillPage.pagination .pagination_list .pagination_list_item a {
  color: #31b0d5;
  min-width: 20px;
  text-align: center;
}
.skillPage.pagination .pagination_list .pagination_list_item a.current_page {
  color: #3e3e3e;
}

.skill_nolist_message {
  margin-top: 20px;
  text-align: center;
}
.skill_nolist_message div {
  display: block;
  font-size: 18px;
  line-height: 1.4;
}
.skill_nolist_message div:last-child {
  font-size: 15px;
}

#skillSettingsModal.modalWrapper.confirm .c-tabs .c-tabs__item,
#skillSettingsModal.modalWrapper.confirm .c-tabs .p-tabs_item,
#skillSettingsModal.modalWrapper.confirm .p-tabs .c-tabs__item,
#skillSettingsModal.modalWrapper.confirm .p-tabs .p-tabs_item {
  width: calc(100% - 60px);
}
#skillSettingsModal.modalWrapper.confirm .c-tabs #closeModal,
#skillSettingsModal.modalWrapper.confirm .p-tabs #closeModal {
  width: 60px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper {
  min-height: 100vh;
  width: 100%;
  padding-top: 18px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists {
  max-width: 375px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 50px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_heading {
  background-color: #eeeeee;
  color: #3e3e3e;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .preview_title {
  text-align: center;
  color: #ffffff;
  background-color: #3e3e3e;
  margin: 0 0.75rem;
  padding: 10px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview {
  border-top: none;
  border: #cccccc 1px solid;
  margin: 0 0.75rem 2rem 0.75rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block {
  margin-bottom: 20px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item label,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .square_icon > span:first-child::before,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .square_icon > span:first-child::before {
  content: "■";
  margin-right: 5px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item span.required_icon,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block span.required_icon {
  margin: 0 12px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .select_block,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .select_block {
  margin-right: 4px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .list_item .message-block,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .list_preview .parent_block .message-block {
  font-size: 12px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait img,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile img {
  display: block;
  max-width: 320px;
  max-height: 320px;
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: 15px 0;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_portrait_heading,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_profile_heading,
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .setting_music_heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper #preview_lists .message-block {
  margin: 12px 0;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
#skillSettingsModal.modalWrapper.confirm .tab__content .preview_wrapper .button_block .button {
  max-width: 150px;
  border-radius: 22px;
}

#userPage {
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 964px;
}
#userPage .header_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 64px;
  margin-bottom: 64px;
}
#userPage .header_menu .header_menu_right {
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 16px;
  align-items: center;
  justify-content: space-around;
}
#userPage .header_menu .header_menu_right .status_wrapper {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}
#userPage .header_menu .header_menu_right .status_label {
  font-weight: 700;
}
#userPage .detail_header {
  margin-bottom: 34px;
}
#userPage .detail_header > h2 {
  font-size: 18px;
  text-align: center;
}
#userPage .detail_header .header_bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#userPage .detail_info_wrapper .content_bottom .input_wrapper,
#userPage .detail_info_wrapper .content_bottom .auth_block {
  margin: 0 auto 20px;
}
#userPage .detail_info_wrapper .content_bottom .input_wrapper > label,
#userPage .detail_info_wrapper .content_bottom .input_wrapper .auth_header,
#userPage .detail_info_wrapper .content_bottom .auth_block > label,
#userPage .detail_info_wrapper .content_bottom .auth_block .auth_header {
  display: block;
  margin-bottom: 12px;
  text-align: left;
}
#userPage .pagination {
  margin-top: 32px;
  padding: 25px 0 40px;
}
#userPage .pagination .pagination_list {
  width: 33.3333333333%;
  margin: 0 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-evenly;
}
#userPage .pagination .pagination_list .pagination_list_item a {
  color: #31b0d5;
  min-width: 20px;
  text-align: center;
}
#userPage .pagination .pagination_list .pagination_list_item a.current_page {
  color: #3e3e3e;
}
#userPage .button_block {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 400px;
  max-width: 400px;
  margin: 0 auto;
}
#userPage .button_block .button {
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
#userPage .detail_info_wrapper .info_list {
  margin-bottom: 30px;
}
#userPage .detail_info_wrapper .info_list * {
  font-size: 15px;
  color: #344141;
}
#userPage .detail_info_wrapper .info_list:last-child {
  margin-bottom: 50px;
}
#userPage .detail_info_wrapper .info_list .setting_title {
  display: block;
}
#userPage .detail_info_wrapper .info_list .setting_title:nth-child(2) {
  margin-top: 10px;
  padding-top: 10px;
  background-image: linear-gradient(to right, #bbbbbb 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
}
#userPage .detail_info_wrapper .info_list .setting_title:nth-child(n+2) {
  margin-top: 10px;
}
#userPage .detail_info_wrapper .info_label {
  margin-bottom: 10px;
}
#userPage .detail_info_wrapper .info_inner {
  background-color: #ffffff;
  padding: 15px 20px;
  border-radius: 5px;
}
#userPage .edit_info_wrapper .info_list {
  margin-bottom: 30px;
}
#userPage .edit_info_wrapper .info_list * {
  font-size: 15px;
}
#userPage .edit_info_wrapper .info_list .info_label_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
#userPage .edit_info_wrapper .info_list .info_label_wrapper > button {
  width: 75px;
  height: 35px;
  border-radius: 25px;
}
#userPage .edit_info_wrapper .info_list:nth-child(5) .info_label_wrapper {
  margin-bottom: 16px;
}
#userPage .edit_info_wrapper .info_list:last-child {
  margin-bottom: 50px;
}
#userPage .edit_info_wrapper .info_list .info_inner_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#userPage .edit_info_wrapper .info_list .info_inner_flex .info_inner {
  width: calc(100% - 105px);
  margin-right: 30px;
}
#userPage .edit_info_wrapper .info_list .info_inner_flex > button {
  width: 75px;
  height: 35px;
  border-radius: 25px;
}
#userPage .edit_info_wrapper .info_list .setting_title {
  display: block;
}
#userPage .edit_info_wrapper .info_list .setting_title:nth-child(2) {
  margin-top: 10px;
  padding-top: 10px;
  background-image: linear-gradient(to right, #bbbbbb 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
}
#userPage .edit_info_wrapper .info_list .setting_title:nth-child(n+2) {
  margin-top: 10px;
}
#userPage .edit_info_wrapper .info_label {
  margin-bottom: 10px;
}
#userPage .edit_info_wrapper .info_inner {
  border: 1px #eeeeee solid;
  background-color: #ffffff;
  padding: 15px 20px;
  border-radius: 5px;
}
#userPage .edit_info_wrapper .info_inner.public_user {
  border: none;
}
#userPage .edit_info_wrapper .pw_change,
#userPage .edit_info_wrapper .delete_btn {
  border: none;
  padding: 0;
  width: auto !important;
  background-color: transparent !important;
}
#userPage .edit_info_wrapper .pw_change span,
#userPage .edit_info_wrapper .delete_btn span {
  text-decoration: underline;
}
#userPage .edit_info_wrapper .pw_change span {
  color: #31b0d5;
}
#userPage .edit_info_wrapper .delete_btn span {
  color: #ff7c7c;
}
#userPage #userListWrapper {
  background-color: #ffffff;
  padding: 0 0 1.25rem;
  margin: 1.25rem auto;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
}
#userPage #userListWrapper .userList_header {
  margin-bottom: 0.3rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #eeeeee;
  color: #707070;
  font-size: 15px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
#userPage #userListWrapper .userList_header.bg_white {
  background-color: #ffffff;
}
#userPage #userListWrapper .userList_header .titile_text {
  width: 25%;
  text-align: left;
}
#userPage #userListWrapper .userList_header #openModal {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: #31b0d5;
  padding: 0.5rem 0.75rem;
  border: 1px #eeeeee solid;
  border-radius: 1.5rem;
  font-size: 16px;
}
#userPage #userListWrapper .userList_header #openModal .preview_icon {
  margin-right: 6px;
}
#userPage #userListWrapper .userList_header #openModal:focus {
  outline: none;
}
#userPage #userListWrapper .setting_list {
  box-sizing: border-box;
  padding: 0.7rem 1.25rem;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}
#userPage #userListWrapper .setting_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#userPage #userListWrapper .setting_list * {
  font-size: 15px;
  font-weight: 700;
}
#userPage #userListWrapper .setting_list .user_link {
  display: block;
  color: #000000;
  cursor: pointer;
}
#userPage #userListWrapper .setting_list .user_link:hover {
  opacity: 0.7;
}
#userPage #userListWrapper .setting_list .setting_list_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#userPage #userListWrapper .setting_list .setting_list_wrapper .setting_inner {
  width: 25%;
  line-height: 30px;
}
#userPage #userListWrapper .setting_list .setting_list_wrapper .image_wrapper {
  max-width: 30px;
  max-height: 30px;
  margin: 0;
}
#userPage #userListWrapper .setting_list .setting_list_wrapper .image_wrapper img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 30px;
  max-height: 30px;
}
#userPage #userListWrapper .append_block {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
#userPage #userListWrapper .append_block .append_block_header {
  text-align: left;
  margin-bottom: 20px;
}
#userPage #userListWrapper .append_block .append_list {
  padding-left: 30px;
  position: relative;
}
#userPage #userListWrapper .append_block .append_list::before {
  content: "└";
  position: absolute;
  top: 0;
  left: 0;
}
#userPage #userListWrapper .append_block .append_list .append_list_item {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1.25rem;
}
#userPage #userListWrapper .append_block .append_list .append_list_item .append_list_item_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#userPage #userListWrapper .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block {
  font-size: 15px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
#userPage #userListWrapper .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button {
  border: none;
  padding: 0;
  margin-right: 10px;
}
#userPage #userListWrapper .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon {
  display: block;
}
#userPage #userListWrapper .append_block .append_list .append_list_item .append_list_item_wrapper .append_title_block .append_button .icon svg {
  display: block;
  fill: #31b0d5;
}

#createUserPage {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 50px auto 0;
}
#createUserPage .box_75 {
  padding: 0 15px;
}
#createUserPage .box_content {
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1529411765);
  text-align: center;
  padding: 48px 10px;
}
#createUserPage .box_content h2 {
  font-size: 18px;
  color: #3e3e3e;
  text-align: center;
  margin-bottom: 20px;
}
#createUserPage .box_content .heading_notice {
  color: #3e3e3e;
  margin-bottom: 40px;
}
#createUserPage .box_content .content_text {
  color: #3e3e3e;
  line-height: 1.2;
  margin-bottom: 45px;
}
#createUserPage .box_content .content_text .block {
  display: block;
  margin-top: 2px;
}
#createUserPage .box_content .content_bottom .input_wrapper {
  color: #3e3e3e;
  max-width: 400px;
  margin: 0 auto;
}
#createUserPage .box_content .content_bottom .input_wrapper label {
  display: block;
  text-align: left;
  margin-bottom: 12px;
}
#createUserPage .box_content .content_bottom .input_wrapper .notice {
  margin-top: 20px;
  color: #3e3e3e;
  font-size: 15px;
  text-align: left;
}
#createUserPage .box_content .content_bottom .message-block {
  width: 400px;
  text-align: left;
  margin: 12px auto;
}
#createUserPage .box_content .content_bottom .auth_block {
  color: #3e3e3e;
  max-width: 400px;
  width: 100%;
  margin: 12px auto 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
#createUserPage .box_content .content_bottom .auth_block .auth_header {
  margin-right: 40px;
}
#createUserPage .box_content .content_bottom .auth_block .select_block {
  width: calc(100% - 75px);
}
#createUserPage .box_content .content_bottom .confirm_wrapper {
  max-width: 400px;
  width: 100%;
  margin: 0 auto 20px;
  color: #3e3e3e;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#createUserPage .box_content .content_bottom .confirm_wrapper .label_green {
  color: #6cc4b0;
  margin-bottom: 12px;
}
#createUserPage .box_content .content_bottom .confirm_wrapper:last-child {
  margin-bottom: 80px;
}
#createUserPage .box_content .image_wrapper {
  margin: 90px auto 12px;
}
#createUserPage .box_content .complete_text {
  color: #3e3e3e;
  margin: 20px auto 40px;
}
#createUserPage .box_content .button_block {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  margin: 20px auto 0;
}
#createUserPage .box_content .button_block .button {
  margin: 0 auto 20px;
  font-size: 18px;
  font-weight: bold;
  width: 186px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

#container {
  margin-top: 90px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fbfbfb;
}
#container #wrapper {
  display: block;
  flex: 1 1 auto;
}
#container #wrapper #main {
  margin-top: 1.5rem;
}
#container #wrapper #main .box_75 {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
  box-sizing: border-box;
}
#container #wrapper #main .box_75 .box_content {
  text-align: center;
  margin: 4rem auto;
  min-width: 360px;
}

#line__header {
  background-color: #6CC4B0;
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  z-index: 20;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1019607843);
  display: block;
}
#line__header .line__header__text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
#line__header .line__header__text span {
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  line-height: 50px;
}

#lineContainer.linePages {
  margin-top: 0;
}
#lineContainer.linePages * {
  scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
  -ms-overflow-style: none; /*Internet Explore対応のスクロールバー非表示コード*/
}
#lineContainer.linePages *::-webkit-scrollbar {
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
#lineContainer #wrapper.linePagesWrapper {
  display: flex;
  flex: 0 1 auto;
  padding-bottom: 0;
  position: fixed;
  top: 50px;
  min-height: 100vh;
  width: 100%;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft,
#lineContainer #wrapper.linePagesWrapper .contentRight {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
  width: 50%;
  overflow-y: scroll;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft {
  background-color: #fbfbfb;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper {
  overflow-y: scroll;
  margin-bottom: 140px;
  height: calc(100vh - 120px);
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper.isSendingAll {
  height: calc(100vh - 50px);
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperHeader {
  height: 40px;
  border-bottom: 1px solid #bbbbbb;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperHeader.sendingListBlock {
  border: none;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperHeader .headerText {
  color: #707070;
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock {
  padding: 20px 20px 200px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlockHeader {
  color: #6cc4b0;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 24px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem {
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
  background-color: #ffffff;
  padding: 14px 10px;
  display: flex;
  align-items: center;
  min-width: 430px;
  min-height: 130px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListDeleteButtonBlock {
  position: absolute;
  top: 10px;
  right: 10px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListDeleteButtonBlock .sendingListDeleteButton {
  border: none;
  background-color: transparent;
  padding: 0;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListDeleteButtonBlock .sendingListDeleteButton span svg {
  fill: #aaaaaa;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemLeft {
  width: 80px;
  margin-right: 24px;
  display: flex;
  justify-content: center;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemLeft img {
  width: 100%;
  height: 80px;
  object-fit: contain;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight {
  width: calc(100% - 100px);
  padding-right: 20px;
  text-align: left;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .sendingName {
  margin-bottom: 10px;
  font-size: 14px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .sendingName span {
  line-height: 1;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .sendingIdBlock {
  font-size: 10px;
  margin-bottom: 10px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .sendingIdBlock .sendingNumber {
  color: #aaaaaa;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .sendingIdBlock .sendingId {
  color: #6cc4b0;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .recommendTypeWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 10px;
  margin-bottom: 10px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .recommendTypeWrapper .recommendIcon {
  margin-right: 4px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .sendingGroup {
  color: #6cc4b0;
  margin-left: 4px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .numberBlock {
  font-size: 10px;
  color: #aaaaaa;
  margin-bottom: 10px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .defineDate {
  font-size: 10px;
  margin-bottom: 10px;
  color: #707070;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: 12px;
  justify-content: flex-start;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  max-height: 37px;
  overflow: hidden;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem {
  font-size: 12px;
  padding: 2px 4px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem:first-child {
  margin-left: 0;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.gray {
  background-color: #dde3e7;
  color: #566673;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.blue {
  background-color: #d6e3f8;
  color: #2c6cc4;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.red {
  background-color: #fadcd9;
  color: #dc6257;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.green {
  background-color: #cee9d3;
  color: #268469;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.yellow {
  background-color: #f9f6d3;
  color: #918720;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.aqua {
  background-color: #d3f1ff;
  color: #3c8fcb;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.purple {
  background-color: #dee0fa;
  color: #8f65d3;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .sendingListItem .sendingListItemRight .tagItem.pink {
  background-color: #f7daed;
  color: #f86faf;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .listItem {
  margin-bottom: 30px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .listItem .listItemHeader {
  margin-bottom: 12px;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .listItem .listItemUserName {
  color: #3e3e3e;
}
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .listItem .listItemUserName,
#lineContainer #wrapper.linePagesWrapper .contentLeft .contentWrapper .contentWrapperListBlock .listBlock .listItem .listItemDate {
  margin-bottom: 12px;
  color: #707070;
}
#lineContainer #wrapper.linePagesWrapper .contentRight {
  border-left: 1px solid #cccccc;
  right: 0;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper {
  position: relative;
  overflow-y: scroll;
  margin-bottom: 140px;
  height: calc(100vh - 190px);
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .contentWrapperHeader {
  height: 40px;
  background-color: #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .contentWrapperHeader .headerText {
  color: #707070;
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatList {
  padding: 20px 10px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem {
  padding: 20px;
  max-width: 450px;
  margin-bottom: 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.reservation {
  width: 100%;
  max-width: none;
  margin: 0 auto 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.reservation .chatListItemTextBlock {
  background-color: #ecf3fd;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.user {
  margin: 0 0 20px auto;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.applicant {
  margin: 0 auto 20px 0;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItemWrapper {
  margin-bottom: 24px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem {
  display: grid;
  grid-template-columns: 120px 290px;
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 8px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem label,
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem .inputLabel {
  color: #707070;
  text-align: right;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem input[type=text] {
  width: 290px;
  height: 30px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem .startEndDateInner {
  min-width: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem .startEndDateInner .middle_text {
  margin: 0 4px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .inputItem .startEndDateInner input {
  padding: 7px;
  max-width: 140px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .messageBlock {
  display: grid;
  grid-template-columns: 420px;
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemInputBlock .messageBlock > span:first-child {
  text-align: left;
  padding-left: 3.5em;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock {
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1019607843);
  margin-bottom: 10px;
  position: relative;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListDeleteButtonBlock {
  position: absolute;
  top: 0;
  right: -25px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListDeleteButtonBlock .chatListDeleteButton {
  border: none;
  background-color: transparent;
  padding: 0;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListDeleteButtonBlock .chatListDeleteButton span svg {
  fill: #aaaaaa;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListItemImage {
  max-width: 450px;
  margin: 10px auto;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListItemImage img {
  width: 100%;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListItemVideo {
  max-width: 450px;
  margin: 10px auto;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .chatListItemVideo video {
  width: 100%;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTextBlock .nameBlock {
  margin-top: 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem .chatListItemTimeStamp {
  font-size: 12px;
  color: #aaaaaa;
  text-align: right;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.user .chatListItemTextBlock {
  background-color: #ecf3fd;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.user .chatListItemTextBlock:after {
  content: "";
  position: absolute;
  display: block;
  position: absolute;
  bottom: 10px;
  right: -20px;
  border-top: 20px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 20px solid #ecf3fd;
  content: "";
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.user .chatListItemTimeStamp {
  text-align: right;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.applicant .chatListItemTextBlock {
  background-color: #eeeeee;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.applicant .chatListItemTextBlock:before {
  content: "";
  position: absolute;
  display: block;
  position: absolute;
  bottom: 10px;
  left: -20px;
  border-top: 20px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 20px solid #eeeeee;
  content: "";
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .chatListItem.applicant .chatListItemTimeStamp {
  text-align: left;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .contentWrapper .scrollNewestMsg {
  background-color: transparent;
  position: fixed;
  right: 20px;
  bottom: 160px;
  border: none;
  width: 30px;
  height: 30px;
  padding: 0;
}
#lineContainer #wrapper.linePagesWrapper .contentRight.isReservation {
  background-color: #ffffff;
}
#lineContainer #wrapper.linePagesWrapper .contentRight.isReservation .contentWrapper {
  height: calc(100vh - 120px);
}
#lineContainer #wrapper.linePagesWrapper .contentRight.isReservation .contentWrapper .scrollNewestMsg {
  bottom: 90px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox.reservation {
  right: auto;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox.reservation .sendingButtonBlock {
  background-color: transparent;
  border: none !important;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox.reservation .chatBlock {
  height: 70px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .emptyBlock {
  width: 50%;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .sendingButtonBlock {
  width: 50%;
  height: 70px;
  background-color: #ffffff;
  border-top: 1px solid #edf3fc;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .sendingButtonBlock .sendingButtonWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .sendingButtonBlock .sendingButtonWrapper .button {
  max-width: 180px;
  margin: 0 auto;
  text-align: center;
  border-radius: 25px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  width: 50%;
  height: 140px;
  background-color: #6cc4b0;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .lineChatTextareaBlock {
  max-width: 430px;
  width: 100%;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .lineChatTextareaBlock textarea {
  overflow-y: scroll;
  height: 120px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .lineChatTextareaBlock .lineTempFile .lineTempFileTumbnail {
  position: relative;
  margin: 0 auto;
  max-width: 80px;
  max-height: 80px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .lineChatTextareaBlock .lineTempFile .lineTempFileTumbnail img {
  width: 100%;
  height: auto;
  max-height: 80px;
  object-fit: contain;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .lineChatTextareaBlock .lineTempFile .lineTempFileCloseBtn {
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .lineChatTextareaBlock .lineTempFile .lineTempFileCloseBtn .lineTempFileCloseBtnIcon svg {
  fill: #ffffff;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .uploadFileBtn {
  margin: 0 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .uploadFileBtn #file {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .uploadFileBtn .fileUploadBtn {
  display: inline-block;
  color: #fff;
  cursor: pointer;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .uploadFileBtn .fileUploadBtn:hover, #lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .uploadFileBtn .fileUploadBtn:focus {
  filter: brightness(1.2);
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .sendingChatBtnBlock {
  margin: 0 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .sendingChatBtnBlock .sendingChatBtn {
  padding: 0;
  border: none;
  background-color: transparent;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .sendingAppendBtnBlock {
  margin-left: 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight .footerChatBox .chatBlock .sendingAppendBtnBlock .sendingAppendBtn {
  width: 70px;
  height: 30px;
  padding: 4px 15px;
  border-radius: 20px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight #sendingModal {
  min-width: 600px;
  height: 400px;
  padding: 50px 80px 40px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight #sendingModal .tag_header {
  text-align: center;
  margin-bottom: 60px;
}
#lineContainer #wrapper.linePagesWrapper .contentRight #sendingModal .tag_notice {
  text-align: center;
  margin-bottom: 100px;
}

#lineMiniAppContainer {
  min-height: 100vh;
  margin: 0 auto;
  position: relative;
}
#lineMiniAppContainer #commonModal {
  width: 80%;
  max-width: 750px;
}
#lineMiniAppContainer #commonModal .button_block {
  min-width: auto;
}
#lineMiniAppContainer #commonModal .button_block .button {
  min-width: auto;
  margin: 0 4px;
}
#lineMiniAppContainer .line_miniapp_complete_page,
#lineMiniAppContainer .line_miniapp_page,
#lineMiniAppContainer .line_miniapp_form_page {
  min-height: 100vh;
  padding-bottom: 100px;
}
#lineMiniAppContainer .line_miniapp_complete_page .form_wrapper,
#lineMiniAppContainer .line_miniapp_page .form_wrapper,
#lineMiniAppContainer .line_miniapp_form_page .form_wrapper {
  padding: 30px 0.75rem 60px;
}
#lineMiniAppContainer.bg_white {
  background-color: #ffffff !important;
}

footer.lineMiniAppFooter {
  position: absolute;
  bottom: 0;
  min-width: 300px;
  display: block;
  box-sizing: border-box;
  background-color: #3e3e3e;
  width: 100%;
  height: 100px;
  padding: 14px;
  text-align: center;
}
footer.lineMiniAppFooter.reservationPage {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer.lineMiniAppFooter.reservationPage .lineMiniAppFooterTitle {
  margin: 0 auto;
}
footer.lineMiniAppFooter .lineMiniAppFooterTitle {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  margin: 6px auto 30px;
}
footer.lineMiniAppFooter .lineMiniAppFooterLinks {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
footer.lineMiniAppFooter .lineMiniAppFooterLinks > a {
  padding: 0 10px;
  color: #31b0d5;
}
footer.lineMiniAppFooter .lineMiniAppFooterLinks > a:nth-child(n+2) {
  border-left: 1px solid #ffffff;
}

#errorModal {
  padding: 0.75rem;
  width: 80%;
  max-width: 500px;
  padding: 0.75rem;
  min-height: 240px;
  max-height: 400px;
}
#errorModal .modalContents {
  text-align: center;
}
#errorModal .modalContents .modal_notice,
#errorModal .modalContents .modal_header {
  font-size: 14px;
  margin: 20px auto;
}
#errorModal .modalContents .button_block {
  margin: 20% auto 0;
  min-width: auto;
  max-width: 750px;
}
#errorModal .modalContents .button_block .button {
  width: 150px;
  height: 40px;
}
#errorModal .modalContents .preview_wrapper {
  width: 100%;
}

.loadingLineMiniApp,
.uploadLineMiniApp,
.progressBarLineMiniapp {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #ffffff;
  position: fixed;
  z-index: 3000;
  top: 0;
  opacity: 0.8;
}
.loadingLineMiniApp .loading_block,
.uploadLineMiniApp .loading_block,
.progressBarLineMiniapp .loading_block {
  width: 100%;
}
.loadingLineMiniApp .loading_block .loading_image,
.uploadLineMiniApp .loading_block .loading_image,
.progressBarLineMiniapp .loading_block .loading_image {
  margin-bottom: 20px;
}
.loadingLineMiniApp .loading_block .loading_text,
.uploadLineMiniApp .loading_block .loading_text,
.progressBarLineMiniapp .loading_block .loading_text {
  color: #aaaaaa;
  font-size: 16px;
}
.loadingLineMiniApp .progress_block,
.uploadLineMiniApp .progress_block,
.progressBarLineMiniapp .progress_block {
  width: 100%;
}
.loadingLineMiniApp .progress_block .loading_text,
.loadingLineMiniApp .progress_block .percent_text,
.uploadLineMiniApp .progress_block .loading_text,
.uploadLineMiniApp .progress_block .percent_text,
.progressBarLineMiniapp .progress_block .loading_text,
.progressBarLineMiniapp .progress_block .percent_text {
  display: block;
  color: #aaaaaa;
  font-size: 20px;
  margin: 10px auto;
}
.loadingLineMiniApp .progress_block progress,
.uploadLineMiniApp .progress_block progress,
.progressBarLineMiniapp .progress_block progress {
  width: 30%;
  min-width: 200px;
  border: none;
  appearance: none;
}
.loadingLineMiniApp .progress_block progress::-webkit-progress-bar,
.uploadLineMiniApp .progress_block progress::-webkit-progress-bar,
.progressBarLineMiniapp .progress_block progress::-webkit-progress-bar {
  background-color: #eee;
}
.loadingLineMiniApp .progress_block progress::-webkit-progress-value,
.uploadLineMiniApp .progress_block progress::-webkit-progress-value,
.progressBarLineMiniapp .progress_block progress::-webkit-progress-value {
  background-color: #06c755;
}
.loadingLineMiniApp .progress_block.is_error .loading_text,
.loadingLineMiniApp .progress_block.is_error .percent_text,
.uploadLineMiniApp .progress_block.is_error .loading_text,
.uploadLineMiniApp .progress_block.is_error .percent_text,
.progressBarLineMiniapp .progress_block.is_error .loading_text,
.progressBarLineMiniapp .progress_block.is_error .percent_text {
  color: #f86faf;
}
.loadingLineMiniApp .progress_block.is_error progress::-webkit-progress-bar,
.uploadLineMiniApp .progress_block.is_error progress::-webkit-progress-bar,
.progressBarLineMiniapp .progress_block.is_error progress::-webkit-progress-bar {
  background-color: #eee;
}
.loadingLineMiniApp .progress_block.is_error progress::-webkit-progress-value,
.uploadLineMiniApp .progress_block.is_error progress::-webkit-progress-value,
.progressBarLineMiniapp .progress_block.is_error progress::-webkit-progress-value {
  background-color: #f86faf;
}
.loadingLineMiniApp .maintenance_block,
.uploadLineMiniApp .maintenance_block,
.progressBarLineMiniapp .maintenance_block {
  width: 100%;
  text-align: center;
}
.loadingLineMiniApp .maintenance_block .maintenance_header,
.uploadLineMiniApp .maintenance_block .maintenance_header,
.progressBarLineMiniapp .maintenance_block .maintenance_header {
  margin-bottom: 20px;
}
.loadingLineMiniApp .maintenance_block .maintenance_time,
.uploadLineMiniApp .maintenance_block .maintenance_time,
.progressBarLineMiniapp .maintenance_block .maintenance_time {
  color: #f86faf;
  font-size: 16px;
}
.loadingLineMiniApp.hidden,
.uploadLineMiniApp.hidden,
.progressBarLineMiniapp.hidden {
  display: none;
}

.maintenanceLineMiniApp {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 3000;
  position: relative;
}
.maintenanceLineMiniApp .maintenance_block {
  position: fixed;
  top: 30%;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #ffffff;
  text-align: center;
  padding: 1.2vw;
  max-width: 380px;
  margin: 0 auto;
  color: #3e3e3e;
}
.maintenanceLineMiniApp .maintenance_block .maintenance_header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.maintenanceLineMiniApp .maintenance_block .maintenance_time {
  color: #f86faf;
  font-size: 15px;
  display: grid;
  grid-template-columns: auto;
  row-gap: 10px;
  margin-bottom: 24px;
}
.maintenanceLineMiniApp .maintenance_block .maintenance_text {
  font-size: 15px;
  line-height: 1.4;
}

.line_miniapp_complete_page {
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
}
.line_miniapp_complete_page .complete_heading {
  padding: 10px;
  font-size: 16px;
  text-align: center;
  background-color: #eeeeee;
  color: #3e3e3e;
  margin-bottom: 60px;
}
.line_miniapp_complete_page .complete_wrapper {
  text-align: center;
}
.line_miniapp_complete_page .complete_wrapper .button_block {
  margin-top: 40px;
}
.line_miniapp_complete_page .complete_wrapper .button_block .button {
  max-width: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  margin: 0 auto;
}

.line_miniapp_form_page {
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
}
.line_miniapp_form_page .form_heading {
  padding: 10px;
  font-size: 16px;
  text-align: center;
  background-color: #eeeeee;
  color: #3e3e3e;
}
.line_miniapp_form_page .form_wrapper {
  background-color: #ffffff;
  padding: 30px 0.75rem 50%;
}
.line_miniapp_form_page .form_wrapper .form_entry_text {
  margin-bottom: 30px;
  text-align: center;
}
.line_miniapp_form_page .form_wrapper .form_entry_text.upload_page {
  text-align: left;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box {
  border: 1px solid #cccccc;
  border-radius: 10px;
  margin-bottom: 60px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_title_heading {
  background-color: #3e3e3e;
  color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  padding: 10px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview {
  padding: 0.75rem;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block {
  margin-bottom: 20px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item label,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .square_icon,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .square_icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .square_icon > span:first-child::before,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .square_icon > span:first-child::before {
  content: "■";
  margin-right: 5px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item span.required_icon,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block span.required_icon {
  margin: 0 12px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .list_item_notice,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .list_item_notice {
  font-size: 14px;
  margin: 10px 0;
  line-height: 1.4;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .list_item_text,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .list_item_text {
  margin: 4px 0;
  line-height: 1.4;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .list_item_text.audition_catalyst > span:first-child::before,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .list_item_text.audition_catalyst > span:first-child::before {
  content: "・";
  margin-right: 2px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .select_block,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .select_block {
  margin-right: 4px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item textarea,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block textarea {
  max-width: 700px;
  width: 100%;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .list_item .message-block,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .form_preview .parent_block .message-block {
  padding: 0 4px;
  font-size: 12px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .setting_portrait img,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .setting_profile img {
  display: block;
  max-width: 320px;
  max-height: 320px;
  height: auto;
  width: 100%;
  object-fit: contain;
  margin: 15px 0;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .setting_portrait_heading,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .setting_profile_heading,
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .setting_music_heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.line_miniapp_form_page .form_wrapper .detail_form .form_content_box .message-block {
  margin: 12px 0;
}
.line_miniapp_form_page .form_wrapper .detail_form .button_block {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
.line_miniapp_form_page .form_wrapper .detail_form .button_block .button {
  max-width: 150px;
  border-radius: 22px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.line_miniapp_form_page.confirm .form_wrapper {
  padding: 30px 0.75rem 60px;
}
.line_miniapp_form_page.confirm .form_wrapper .form_entry_text {
  color: #f86faf;
}
.line_miniapp_form_page.confirm .form_wrapper .detail_form .form_content_box .form_title_heading {
  background-color: #6cc4b0;
}
.line_miniapp_form_page.confirm .form_wrapper .detail_form .form_content_box .form_preview .list_item .square_icon,
.line_miniapp_form_page.confirm .form_wrapper .detail_form .form_content_box .form_preview .parent_block .square_icon {
  color: #6cc4b0;
}
.line_miniapp_form_page.confirm .form_wrapper .detail_form .form_content_box .form_preview .list_item .parent_heading,
.line_miniapp_form_page.confirm .form_wrapper .detail_form .form_content_box .form_preview .parent_block .parent_heading {
  font-size: 14px;
}

.line_miniapp_page {
  width: 100%;
  margin: 0 auto;
}
.line_miniapp_page .line_miniapp_lists_header {
  max-width: 750px;
  width: 100%;
  height: 70px;
  margin: 0 auto;
  padding: 24px 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.line_miniapp_page .line_miniapp_lists_header .line_miniapp_lists_header_text {
  font-size: 16px;
}
.line_miniapp_page .audition_not_exist {
  padding: 0.75rem;
  margin: 90px auto 10px;
  max-width: 750px;
  text-align: center;
  color: #707070;
  font-size: 16px;
}
.line_miniapp_page .mini_app_list {
  margin: 0 auto;
  max-width: 750px;
}
.line_miniapp_page .audition_item {
  max-width: 750px;
  width: 100%;
  margin: 0 auto 60px;
}
.line_miniapp_page .audition_item .audition_header {
  background-color: #3e3e3e;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  min-height: 64px;
  padding: 10px 60px;
}
.line_miniapp_page .audition_item .audition_status {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background-color: #eeeeee;
  color: #3e3e3e;
}
.line_miniapp_page .audition_item .audition_status.ready, .line_miniapp_page .audition_item .audition_status.done {
  background-color: #eeeeee;
  color: #3e3e3e;
}
.line_miniapp_page .audition_item .audition_status.accepting {
  background-color: #f86faf;
  color: #ffffff;
}
.line_miniapp_page .audition_item .audition_detail_text {
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin-bottom: 50px;
}
.line_miniapp_page .audition_item .audition_wrapper {
  padding: 0.75rem;
}
.line_miniapp_page .audition_item .audition_wrapper .audition_banner {
  margin: 0 auto 10px;
  text-align: center;
}
.line_miniapp_page .audition_item .audition_wrapper .audition_banner img {
  max-width: 300px;
  max-height: 300px;
  height: auto;
  object-fit: contain;
}
.line_miniapp_page .audition_item .audition_wrapper .audition_text {
  margin-bottom: 25px;
}
.line_miniapp_page .audition_item .audition_wrapper .audition_date {
  margin-bottom: 25px;
  color: #31b0d5;
}
.line_miniapp_page .audition_item .audition_wrapper .audition_date .audition_date_title {
  text-align: left;
  font-size: 16px;
}
.line_miniapp_page .audition_item .audition_wrapper .button_block {
  margin: 20px auto 60px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
}
.line_miniapp_page .audition_item .audition_wrapper .button {
  margin: 0 auto;
  border-radius: 22px;
  max-width: 210px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  font-size: 18px;
}
.line_miniapp_page .audition_item .audition_wrapper .button.bg_line_miniapp_red, .line_miniapp_page .audition_item .audition_wrapper .button.bg_line_miniapp_green {
  max-width: 150px;
}

.line_miniapp_reservation_page {
  max-width: 750px;
  min-width: 320px;
  min-height: calc(100vh - 100px);
  margin: 0 auto;
}
.line_miniapp_reservation_page .reservation_heading {
  padding: 40px 10px 10px;
  font-size: 16px;
  text-align: center;
  color: #3e3e3e;
}
.line_miniapp_reservation_page .reservation_wrapper {
  text-align: center;
}
.line_miniapp_reservation_page .reservation_wrapper.top_page {
  min-height: calc(100vh - 166px);
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
}
.line_miniapp_reservation_page .reservation_wrapper.top_page .button_block {
  padding-top: 50px;
}
.line_miniapp_reservation_page .reservation_wrapper.top_page .top_notice ul {
  text-align: left;
  padding: 0 2em;
}
.line_miniapp_reservation_page .reservation_wrapper.top_page .top_notice li {
  font-size: 14px;
  margin-bottom: 9px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page, .line_miniapp_reservation_page .reservation_wrapper.confirm_page, .line_miniapp_reservation_page .reservation_wrapper.complete_page, .line_miniapp_reservation_page .reservation_wrapper.fail_page, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page {
  padding-bottom: 25vh;
  min-height: calc(100vh - 166px);
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .fail_message, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .fail_message, .line_miniapp_reservation_page .reservation_wrapper.complete_page .fail_message, .line_miniapp_reservation_page .reservation_wrapper.fail_page .fail_message, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .fail_message, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .fail_message, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .fail_message {
  display: grid;
  grid-template-columns: auto;
  row-gap: 35px;
  justify-content: center;
  align-items: center;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .calendar_info, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.confirm_page .calendar_info, .line_miniapp_reservation_page .reservation_wrapper.complete_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.complete_page .calendar_info, .line_miniapp_reservation_page .reservation_wrapper.fail_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.fail_page .calendar_info, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .calendar_info, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .calendar_info, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .confirm_info,
.line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .calendar_info {
  padding: 10px;
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
  row-gap: 40px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .calendar_info .application_title, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.confirm_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.confirm_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.confirm_page .calendar_info .application_title, .line_miniapp_reservation_page .reservation_wrapper.complete_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.complete_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.complete_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.complete_page .calendar_info .application_title, .line_miniapp_reservation_page .reservation_wrapper.fail_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.fail_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.fail_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.fail_page .calendar_info .application_title, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .calendar_info .application_title, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .calendar_info .application_title, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .confirm_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .confirm_info .application_title,
.line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .calendar_info .calendar_title,
.line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .calendar_info .application_title {
  text-align: center;
  font-weight: bold;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_week_wrapper, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_week_wrapper, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_week_wrapper, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_week_wrapper, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_week_wrapper, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_week_wrapper, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_week_wrapper {
  margin-bottom: 20px;
  max-width: 300px;
  width: 100%;
  display: grid;
  grid-template-columns: 16px auto 16px;
  justify-content: space-between;
  align-self: center;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_week_wrapper .select_week, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_week_wrapper .select_week, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_week_wrapper .select_week, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_week_wrapper .select_week, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_week_wrapper .select_week, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_week_wrapper .select_week, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_week_wrapper .select_week {
  line-height: 20px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_week_wrapper button, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_week_wrapper button, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_week_wrapper button, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_week_wrapper button, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_week_wrapper button, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_week_wrapper button, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_week_wrapper button {
  cursor: pointer;
  border: none;
  padding: 0;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_week_wrapper button.arrow_right, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_week_wrapper button.arrow_right, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_week_wrapper button.arrow_right, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_week_wrapper button.arrow_right, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_week_wrapper button.arrow_right, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_week_wrapper button.arrow_right, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_week_wrapper button.arrow_right {
  transform: scale(-1, 1);
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_week_wrapper button svg, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_week_wrapper button svg, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_week_wrapper button svg, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_week_wrapper button svg, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_week_wrapper button svg, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_week_wrapper button svg, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_week_wrapper button svg {
  fill: #000000;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_week_wrapper button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_week_wrapper button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_week_wrapper button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_week_wrapper button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_week_wrapper button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_week_wrapper button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_week_wrapper button:disabled svg {
  fill: #cec7c7;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .active_week, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .active_week, .line_miniapp_reservation_page .reservation_wrapper.complete_page .active_week, .line_miniapp_reservation_page .reservation_wrapper.fail_page .active_week, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .active_week, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .active_week, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .active_week {
  margin-bottom: 25px;
  max-width: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .active_week > li, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .active_week > li, .line_miniapp_reservation_page .reservation_wrapper.complete_page .active_week > li, .line_miniapp_reservation_page .reservation_wrapper.fail_page .active_week > li, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .active_week > li, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .active_week > li, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .active_week > li {
  width: 30px;
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  font-size: 15px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .active_week > li .select_day_button, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .active_week > li .select_day_button, .line_miniapp_reservation_page .reservation_wrapper.complete_page .active_week > li .select_day_button, .line_miniapp_reservation_page .reservation_wrapper.fail_page .active_week > li .select_day_button, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .active_week > li .select_day_button, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .active_week > li .select_day_button, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .active_week > li .select_day_button {
  border: none;
  background-color: transparent;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .active_week > li .select_day_button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .active_week > li .select_day_button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.complete_page .active_week > li .select_day_button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.fail_page .active_week > li .select_day_button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .active_week > li .select_day_button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .active_week > li .select_day_button:disabled svg, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .active_week > li .select_day_button:disabled svg {
  fill: #cec7c7;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .active_week > li.current_day > .day, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .active_week > li.current_day > .day, .line_miniapp_reservation_page .reservation_wrapper.complete_page .active_week > li.current_day > .day, .line_miniapp_reservation_page .reservation_wrapper.fail_page .active_week > li.current_day > .day, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .active_week > li.current_day > .day, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .active_week > li.current_day > .day, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .active_week > li.current_day > .day {
  width: 27px;
  height: 27px;
  background-color: #5bc0de;
  border-radius: 50%;
  color: #ffffff;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .active_week > li.inactive_day > .day, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .active_week > li.inactive_day > .day, .line_miniapp_reservation_page .reservation_wrapper.complete_page .active_week > li.inactive_day > .day, .line_miniapp_reservation_page .reservation_wrapper.fail_page .active_week > li.inactive_day > .day, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .active_week > li.inactive_day > .day, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .active_week > li.inactive_day > .day, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .active_week > li.inactive_day > .day {
  color: #cec7c7;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_time_wrapper, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_time_wrapper, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_time_wrapper, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_time_wrapper, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_time_wrapper, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_time_wrapper, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_time_wrapper {
  background-color: #f7f7f7;
  max-width: 300px;
  width: 100%;
  min-height: 350px;
  padding: 18px 15px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_time_wrapper .select_time_heading, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_time_wrapper .select_time_heading, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_time_wrapper .select_time_heading, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_time_wrapper .select_time_heading, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_time_wrapper .select_time_heading, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_time_wrapper .select_time_heading, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_time_wrapper .select_time_heading {
  margin-bottom: 30px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_time_wrapper .nolist_message, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_time_wrapper .nolist_message, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_time_wrapper .nolist_message, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_time_wrapper .nolist_message, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_time_wrapper .nolist_message, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_time_wrapper .nolist_message, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_time_wrapper .nolist_message {
  margin-top: 80px;
  line-height: 1.4;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_time_wrapper .timetable_list, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_time_wrapper .timetable_list, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_time_wrapper .timetable_list, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_time_wrapper .timetable_list, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_time_wrapper .timetable_list, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_time_wrapper .timetable_list, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_time_wrapper .timetable_list {
  display: grid;
  grid-template-columns: 120px 120px;
  justify-content: space-evenly;
  align-items: center;
  row-gap: 15px;
  column-gap: 15px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .select_time_wrapper .timetable_list > li .timetable_button, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .select_time_wrapper .timetable_list > li .timetable_button, .line_miniapp_reservation_page .reservation_wrapper.complete_page .select_time_wrapper .timetable_list > li .timetable_button, .line_miniapp_reservation_page .reservation_wrapper.fail_page .select_time_wrapper .timetable_list > li .timetable_button, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .select_time_wrapper .timetable_list > li .timetable_button, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .select_time_wrapper .timetable_list > li .timetable_button, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .select_time_wrapper .timetable_list > li .timetable_button {
  background-color: #ffffff;
  border: none;
  width: 120px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .confirm_info_date, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .confirm_info_date, .line_miniapp_reservation_page .reservation_wrapper.complete_page .confirm_info_date, .line_miniapp_reservation_page .reservation_wrapper.fail_page .confirm_info_date, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .confirm_info_date, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .confirm_info_date, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .confirm_info_date {
  line-height: 1.2;
  border: 1px #5bc0de solid;
  color: #5bc0de;
  border-radius: 21px;
  font-size: 18px;
  padding: 22px 12px;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .confirm_info_date.application_date, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .confirm_info_date.application_date, .line_miniapp_reservation_page .reservation_wrapper.complete_page .confirm_info_date.application_date, .line_miniapp_reservation_page .reservation_wrapper.fail_page .confirm_info_date.application_date, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .confirm_info_date.application_date, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .confirm_info_date.application_date, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .confirm_info_date.application_date {
  color: #3e3e3e;
  background-color: #ebeaea;
  border: 1px #cbcbcb solid;
}
.line_miniapp_reservation_page .reservation_wrapper.calendar_page .application_confirm_notice, .line_miniapp_reservation_page .reservation_wrapper.confirm_page .application_confirm_notice, .line_miniapp_reservation_page .reservation_wrapper.complete_page .application_confirm_notice, .line_miniapp_reservation_page .reservation_wrapper.fail_page .application_confirm_notice, .line_miniapp_reservation_page .reservation_wrapper.cancel_confirm_page .application_confirm_notice, .line_miniapp_reservation_page .reservation_wrapper.cancel_complete_page .application_confirm_notice, .line_miniapp_reservation_page .reservation_wrapper.application_confirm_page .application_confirm_notice {
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  color: #f86faf;
}
.line_miniapp_reservation_page .reservation_wrapper .button_block .button {
  width: 200px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 25px;
  margin: 0 auto 14px;
}
.line_miniapp_reservation_page .reservation_wrapper .button_block .button:last-child {
  margin-bottom: 0;
}