@charset "UTF-8";
.author-contents__mine #profile-timeline-list {
  position: relative;
}
.author-contents__mine #profile-timeline-list::before {
  content: "";
  display: block;
  height: 24px;
  margin-top: -24px;
  visibility: hidden;
  pointer-events: none;
}
.author-contents__mine .post-tool__timeline_btn_elements {
  display: flex;
  align-items: center;
}
.author-contents__mine .post-tool__timeline_btn_elements .post-tool__timeline_add_btn {
  align-self: center;
}
.author-contents__mine .post-tool__update_btn {
  display: flex;
  flex-flow: column;
  margin-left: 10px;
}

.header-post .header-post-menu-list.open {
  width: 450px;
}

.modal-overlay.open .modal-content form#form-timeline-edit .timeline-text.checked {
  margin: 30px 0;
}

/**
 * .modal-btn にJSイベントが付与されているため、このクラスを用いたい
 * ただ、このクラスにはCSSも付与されている。
 * この付与されているCSSは無効化したいため、ignoreの形で以下設定を追加した。
 * @TODO: modal-btn クラスのJSイベントとCSSの分離
*/
.modal-btn.modal-btn-css-ignore {
  padding: 10px 40px;
  border-radius: 30px;
}

.modal-btn:focus,
.modal-btn:focus-visible {
  z-index: auto;
}

@media (max-width: 767px) {
  .author-contents__mine .post-tool__timeline_btn_elements {
    display: flex;
    flex-direction: column;
  }
  .author-contents__mine .post-tool__timeline_btn_elements .post-tool__timeline_add_btn {
    align-self: flex-end;
    margin-top: 10px;
  }
  .author-contents__mine .post-tool__update_btn {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
  }
  .header-post .header-post-menu-list.open {
    width: 350px;
  }
}

/*# sourceMappingURL=907.css.map */