#wds_resume_maker *,
#pop_up_favorite_chara_container * {
  box-sizing: border-box;
}

#wds_resume_maker .attr_container {
  display: none;
}

#upload_icon_input {
  display: none;
}

label[for="upload_icon_input"] {
  line-height: 1;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.upload_doms_container {
  position: relative;
}

#wds_resume_maker .item_input_container .uploaded_img_div {
  margin: 0px auto;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #ffbe30;
}

#wds_resume_maker .item_input_container .uploaded_img_div img {
  max-height: 100%;
  max-width: 100%;
}

#wds_resume_maker .item_input_container tr>td:has(table) {
  padding: 0;
}

#wds_resume_maker .item_input_container tr td>table {
  margin: -1px;
  width: calc(100% + 2px);
  max-width: none;
}

#wds_resume_maker .item_input_container tr td:has(td[data-type="プロフ写真"]) > table th:nth-child(1),
#wds_resume_maker .item_input_container tr td:has(td[data-type="プロフ写真"]) > table td:nth-child(1) {
  width: 40%;
}

#wds_resume_maker .item_input_container tr td:has(td[data-type="プロフ写真"]) > table th:nth-child(2),
#wds_resume_maker .item_input_container tr td:has(td[data-type="プロフ写真"]) > table td:nth-child(2) {
  width: 60%;
}

#wds_resume_maker .item_input_container tr td:has(td[data-type="ランク"]) > table th,
#wds_resume_maker .item_input_container tr td:has(td[data-type="ランク"]) > table td {
  width: 25%;
}

#wds_resume_maker .item_input_container>table th {
  width: 25%;
  padding: 8px 0;
  font-size: 12px;
  font-weight: bold;
  background-color: #d8ecff;
}

#wds_resume_maker .item_input_container>table td {
  padding: 4px;
  width: 75%;
}

.post-content #wds_resume_maker table th {
  box-shadow: none;
}

#wds_resume_maker .item_input_container>table tr:has([data-must="1"]) th>div {
  position: relative;
}

#wds_resume_maker .item_input_container>table tr:has([data-must="1"]) th>div:after {
  content: "*";
  position: absolute;
  color: #ff0000;
  margin-left: 1px;
  line-height: 1;
}

#wds_resume_maker .item_input_container input {
  width: 100%;
  padding: 2px;
  border: 1px solid #ffbe30;
  border-radius: 0;
}

#wds_resume_maker .item_input_container textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(5em * 1.3 + 6px);
  line-height: 1.3;
  padding: 2px;
  border: 1px solid #ffbe30;
  border-radius: 0;
}

#wds_resume_maker .item_input_container tr td[data-type="お気に入り演目・歌劇"] textarea,
#wds_resume_maker .item_input_container tr td[data-type="お気に入り楽曲"] textarea {
  min-height: calc(2em * 1.3 + 6px) !important;
}

#wds_resume_maker .item_input_container ul {
  width: 100%;
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 4px;
}

#wds_resume_maker .item_input_container ul li {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 12px;
  border: 1px solid #ffbe30;
  background: #fff;
  line-height: 1;
  font-weight: bold;
  padding: 6px 0;
}

#wds_resume_maker .item_input_container table ul li[data-checked="1"] {
  background: #ff4e83;
  color: #ffffff;
}

#wds_resume_maker .item_input_container .button_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
}

#wds_resume_maker .item_input_container .button_container button {
  font-weight: bold;
  cursor: pointer;
  border-radius: 7px;
  line-height: 1;
  text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff,
    -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff,
    -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}

#wds_resume_maker .item_input_container .button_container .canvas_trigger {
  width: 100%;
  background: #ff4e83;
  color: #000000;
  margin-bottom: 15px;
  font-size: 15px;
  padding: 15px 0;
  border: 3px solid #251d12;
}

#wds_resume_maker .item_input_container .button_container .reset_trigger {
  width: 32%;
  background: #ffffff;
  color: #ff6555;
  font-size: 14px;
  border: 2px solid #ff6555;
  padding: 10px 0;
}

#wds_resume_maker .item_input_container .button_container .error_message {
  width: 60%;
  font-size: 10px;
}

.w-hashtag-notice {
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #ffbe30;
  margin: 20px 0;
}

.w-hashtag-notice ._head {
  font-size: 14px;
  padding: 8px 0;
  background: linear-gradient(308deg, #0c79f6, #14b7d5);
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 2px 1px #075ba6, -2px 2px 1px #075ba6, 2px -2px 1px #075ba6,
    -2px -2px 1px #075ba6, 2px 0px 1px #075ba6, 0px 2px 1px #075ba6,
    -2px 0px 1px #075ba6, 0px -2px 1px #075ba6;
  border-bottom: 2px solid #075ba6;
}

.w-hashtag-notice ._body {
  font-size: 14px;
  padding: 8px 0;
  background: #fcf4e8;
  text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff,
    -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff,
    -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}

.swal-overlay--show-modal .swal-modal {
  position: relative;
  vertical-align: top;
  margin-top: 40px;
}

.swal-overlay.swal-overlay--show-modal {
  z-index: 99999999;
}

.swal-overlay--show-modal .swal-modal .swal-content {
  padding: 34px 0 0 0;
  margin: 0px 5px 10px 5px;
  overflow: hidden;
}

.swal-overlay--show-modal .swal-modal .swal-footer {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10px;
  right: -10px;
}

.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container {
  margin: 0;
  display: block;
  position: static;
}

.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container .swal-button.swal-button--cancel {
  color: #ff4e83;
  border: 4px solid #ff4e83;
  line-height: 1;
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 0;
}

#pop_up_favorite_chara_container {
  display: none;
  position: relative;
}

#pop_up_favorite_chara_container .favorite_chara_container {
  max-height: 75vh;
  /* overflow-y: scroll; */
  margin-bottom: 5px;
}

#pop_up_favorite_chara_container .favorite_chara_container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

#pop_up_favorite_chara_container .favorite_chara_container li.rank_replace {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 7px 0;
  font-weight: bold;
  background-color: #d8ecff;
}

#pop_up_favorite_chara_container .favorite_chara_container li.single_chara {
  padding: 2px;
  cursor: pointer;
  margin: 2px;
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: hidden;
  width: calc(100% / 6 - 4px);
}

#pop_up_favorite_chara_container .favorite_chara_container li.single_chara > div {
  margin-top: 2px;
  width: 100%;
  text-align: center;
}

#pop_up_favorite_chara_container .favorite_chara_container ul[data-type="unit"] li.single_chara {
  width: calc(100% / 2 - 4px);
}

#pop_up_favorite_chara_container .favorite_chara_container li img {
  width: 100%;
}

#pop_up_favorite_chara_container .favorite_chara_container li span {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 2;
}

#wds_resume_maker .item_input_container .chara_group {
  display: grid;
  grid-column-gap: 4px;
  grid-template-columns: repeat(4, 1fr);
}

#wds_resume_maker .item_input_container .chara_clicked {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ffbe30;
  background: #ffffff;
  overflow: hidden;
  width: 100%;
  padding: calc((100% - 2px) / 2) 0;
  margin: 0 auto;
  position: relative;
  height: auto;
}

#wds_resume_maker .item_input_container .chara_group .chara_clicked:has(img) {
  border: none;
}

#wds_resume_maker .item_input_container .unit_group .chara_clicked {
  width: 175px;
  padding: 50px;
}

#wds_resume_maker .item_input_container .chara_clicked>* {
  position: absolute;
  font-size: 16px;
  width: 100%;
  height: 100%;
}

#wds_resume_maker .item_input_container .unit_group .chara_clicked>* {
  width: fit-content;
}

#wds_resume_maker .item_input_container .chara_clicked span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

#wds_resume_maker .item_input_container .chara_clicked span:before {
  content: "\f067";
  font-family: FontAwesome;
  color: #eac299;
}