@charset "utf-8";

/* 削除ボタン（日程･イベント共通） */
main#tab5 div.sContainer:has(>button.scheduleRemoveBtn){
  position: relative;
}

button.scheduleRemoveBtn{
  position: absolute;
  right: -6rem;
  top: 0;
  bottom: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;

  width: 4rem;
  height: 4rem;

  margin: auto 0;
  padding: 0;

  border: none;
  border-radius: 1rem;

  background-color: var(--base3);

  box-shadow: var(--shadowRaised);

  cursor: pointer;

  transition: all .3s;
}

button.scheduleRemoveBtn:hover, button.scheduleRemoveBtn:focus{
  background-color: var(--red5);
}

button.scheduleRemoveBtn>i{
  display: block;

  width: fit-content;
  height: auto;

  margin: 0;
  padding: 0;

  color: var(--text2);
  font-size: 1.75rem;

  line-height: 4rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0;
}

button.scheduleRemoveBtn:hover>i, button.scheduleRemoveBtn:focus>i{
  color: var(--text5);
}

/* ==================================================================================================== */

/* セレクトボックス（横幅をテキストボックスに揃える） */
main#tab5 div.s>div.sForm>select{
  width: 100%;
  max-width: 60rem;
}

/* ==================================================================================================== */

/* テキストボックス（長文）（横幅をテキストボックスに揃える） */
main#tab5 div.s>div.sForm>textarea.textarea-inline{
  max-width: calc(60rem - 2rem * 2);
}

/* ==================================================================================================== */

/* ファイル選択 */
main#tab5 div.s>div.sForm>input[type="file"]{
  display: block;

  width: fit-content;
  max-width: 60rem;
  height: auto;

  margin: 0;
  padding: 0;

  color: var(--text2);
  font-family: Noto Sans JP, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;

  line-height: 4.5rem;
  text-decoration: none;
  text-align: right;
  letter-spacing: 0;
}

main#tab5 div.s>div.sForm>input[type="file"]::file-selector-button{
  margin: 0 1.5rem 0 0;
  padding: 0 2rem;

  border: none;
  border-radius: 1rem;

  background-color: var(--base2);

  box-shadow: var(--shadowInset);

  color: var(--text2);
  font-family: Noto Sans JP, sans-serif;
  font-size: 2rem;
  font-weight: 400;

  line-height: 4.5rem;

  cursor: pointer;
}