#post_button {
  background: #335190;
}
#del_button {
  background: #e22828;
}
#del_button[data-disp="0"] {
  display: none;
}

/* 編成呼び出しボタン */
.select_formation {
 display: inline-block;
 background: linear-gradient(0deg, rgb(206 205 205) 0%, rgb(255 255 255) 100%);
 font-weight: bold;
 padding: 5px 20px;
 border-radius: 26px;
 border: 2px solid #264483;
 color: #264483;
 cursor: pointer;
}

/* ダイアログ関連_S */
#formation_dialog {
 width: 50vw;
 padding: 0px;
 overflow: hidden;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 margin: 0
}
#formation_dialog .mordal_header {
 text-align: center;
 padding: 5px 0px;
 font-weight: bold;
 cursor: pointer;
 color: #fff;
 background: linear-gradient(90deg, #f97a69, #fb8641);
}
#formation_dialog .dialog_container {
 height: 95vh;
}
#formation_dialog .dialog_inner {
 overflow-y: scroll;
 max-height: 90vh;
}
.formation_search_wrapper {
  padding: 10px 8px;
}
.formation_search_wrapper #formation_search {
  border-radius: 2px;
  font-size: 16px;
  line-height: 1.8rem;
  box-shadow: none;
  border: 1px solid #909090;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  -webkit-appearance: none;
  font-weight: normal;
}
/* ダイアログ関連_E */

/* ダイアログの編成_S */
.post-content ul.formation_ul {
  /* list-style: none;
  padding: 0px;
  margin: 0px; */
}
.post-content ul.formation_ul li {
  /* padding: 10px; */
  margin-bottom: 10px;
  padding: 0px 4px;
  line-height: 20px;
}
.formation_container {
  border: 1px solid #222;
  padding: 8px 4px;
  border-radius: 2px;
}
.formation_title_wrapper {
  display: flex;
}
.formation_title {
  font-weight: bold;
  font-size: 15px;
  width: 80%;
}
.edit_formation_button {
  display: inline-block;
  width: 20%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #28ae29;
  padding: 2px 0px;
  margin-bottom: 3px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 20px;
}
.shortcode_wrapper {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 20px;
  border: 2px solid #acbaee;
  cursor: pointer;
  margin-bottom: 2px;
}
.formation_wrapper {
  display: flex;
}
.formation_chara {
  margin: 0px 4px;
  width: calc(100% / 6 - 8px);
  padding: 5px 0px;
}
.formation_chara[data-friend_chara="1"] {
  background: #53ff074f;
}
.formation_chara .chara_img {
  text-align: center;
  /* display: inline-block; */
}
.formation_chara .craft_img {
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 60px;
  height: 60px;
  /* display: inline-block; */
}
.formation_chara .craft_img .kizuna_label {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-weight: bold;
}
.formation_chara .skill_wrapper,
.formation_chara .append_wrapper {
  display: block;
  text-align: center;
}
/* ダイアログの編成_E */

.servant_craft_wrapper[data-friend="1"] {
  border: 2px solid #77d150;
}
.post-content .fbbs_table td.tdth {
  background-color: #f9f9f9;
  font-weight: bold;
}

.servant_option_wrapper {
  justify-content: center;
}

.servant_craft_wrapper {
  display: flex;
  flex-wrap: wrap;
}
.servant_craft_wrapper .servant_wrapper,
.servant_craft_wrapper .craft_wrapper {
  width: calc(100% / 2 - 4px);
  height: auto;
}
.servant_craft_wrapper .craft_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.servant_craft_wrapper .servant_wrapper img {
  width: 50px;
  height: 50px;
}
.servant_craft_wrapper .craft_wrapper img {
  width: 40px;
  height: 40px;
}
.scroll_x {
  width: 100%!important;
}