@charset "utf-8";

/* ====================
reset
==================== */
.bm_html body {
  margin: 0;
  background-color: #100b0b;
}

.baseball_mission *,
.baseball_mission *::before,
.baseball_mission *::after {
  box-sizing: border-box;
}

.baseball_mission h1,
.baseball_mission h2,
.baseball_mission h3,
.baseball_mission h4,
.baseball_mission h5,
.baseball_mission h6,
.baseball_mission p,
.baseball_mission ul,
.baseball_mission ol,
.baseball_mission li,
.baseball_mission dl,
.baseball_mission dt,
.baseball_mission dd,
.baseball_mission figure {
  margin: 0;
  padding: 0;
}

.baseball_mission ul,
.baseball_mission ol {
  list-style: none;
}

.baseball_mission img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

.baseball_mission a {
  color: inherit;
  text-decoration: none;
}

/* ====================
reset終わり
==================== */

/* ====================
base
==================== */
.baseball_mission {
  position: relative;
  font-size: 16px;
  font-family:
    "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    Helvetica, Arial;
  color: #404040;
  line-height: 1.5;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

.baseball_mission a {
  color: #404040;
  text-decoration: none;
}

.baseball_mission img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.baseball_mission ul,
.baseball_mission ol {
  list-style: none;
}

.baseball_mission li,
.baseball_mission dt,
.baseball_mission dd,
.baseball_mission th,
.baseball_mission td {
  line-height: 1.5;
}

.baseball_mission section {
  position: relative;
}

.baseball_mission .bm_inner {
  box-sizing: border-box;
  max-width: 540px;
  margin: 0 auto;
  background-color: #100b0b;
}

html.bm_html {
  scrollbar-gutter: stable;
}

/*スクロール制御*/
.baseball_mission .os-scrollbar-vertical {
  width: 13px;
}

.baseball_mission .os-scrollbar-track {
  background: #d9d9d9;
  width: 11px;
}
.baseball_mission .os-scrollbar-handle {
  background: #787878 !important;
  width: 1px;
}

.baseball_mission .os-scrollbar-handle:hover {
  background: #787878 !important;
}

.baseball_mission .os-scrollbar-handle:active {
  background: #787878 !important;
}

.baseball_mission .os-scrollbar-track {
  background: #d9d9d9 !important;
}

.baseball_mission .os-scrollbar-track:hover,
.baseball_mission .os-scrollbar-track:active {
  background: #d9d9d9 !important;
}
.baseball_mission .os-scrollbar-vertical {
  width: 16px;
}

/*スクロール制御*/

@media (max-width: 768px) {
  .baseball_mission {
    font-size: 16px;
  }
}

/* ====================
base終わり
==================== */

/* ====================
オーバーレイ広告
==================== */
.baseball_mission .bm_over {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 540px;
  left: 50%;
  transform: translateX(-50%);
}

/* ====================
オーバーレイ広告終わり
==================== */

/* ====================
トップへ戻る
==================== */
.baseball_mission .bm_fot_goTop {
  background-color: #6e6e6e;
  position: fixed;
  right: 16px;
  bottom: 78px;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  z-index: 50;
}

.baseball_mission .bm_fot_goTop:before {
  top: 6px;
  left: 9px;
  right: 9px;
}

.baseball_mission .bm_fot_goTop_inner {
  display: block;
  border-style: solid solid none none;
  border-color: #fff;
  border-width: 2px;
  position: absolute;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.baseball_mission .bm_fot_goTop_inner::after {
  width: 170%;
  right: 0;
  top: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.baseball_mission .bm_fot_goTop::before,
.baseball_mission .bm_fot_goTop_inner::after {
  content: "";
  display: block;
  position: absolute;
  border-width: 2px;
  border-color: #fff;
  border-top-style: solid;
}

.baseball_mission .bm_fot_goTop.is_show {
  opacity: 1;
  visibility: visible;
}

/* ====================
トップへ戻る終わり
==================== */

/* ====================
header
==================== */
.bm_header {
  box-sizing: border-box;
  max-width: 540px;
  margin: 5px auto 10px;
  overflow: hidden;
}

.bm_header .bm_header_alert {
  position: relative;
}

.bm_header .bm_header_alert_link {
  display: block;
  width: 100%;
  min-height: 24px;
  font-weight: bold;
  background: #fff;
  padding: 5px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bm_header .bm_header_alert_text {
  font-size: 15px;
}

.bm_header .bm_header_pr {
  margin: 5px auto 0;
}

/* ====================
headerおわり
==================== */

/* ====================
KV
==================== */
.baseball_mission .bm_kv_caution {
  color: #e4e4e4;
  position: relative;
  bottom: 96px;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .baseball_mission .bm_kv_caution {
    bottom: 40px;
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  .baseball_mission .bm_kv_caution {
    bottom: 25px;
    width: 94%;
    margin: auto;
    font-size: 11px;
  }
}
/* ====================
KV終わり
==================== */

/* ====================
参加方法の確認リンク
==================== */
.baseball_mission .bm_howto_link .bm_howto_link_a {
  display: block;
  width: 82%;
  max-width: 300px;
  margin: -80px auto 20px;
  text-align: center;
  padding: 5px;
  border: 2px solid #ffffff5c;
  background-color: #100b0b;
  position: relative;
}

.baseball_mission .bm_howto_link .bm_howto_link_p {
  display: inline;
  color: #fff;
  font-weight: 500;
  background: url(/portal/special/collab/sports/img/bm_howto_question.png)
    no-repeat left / 22px;
  padding: 4px 25px 5px 29px;
  font-size: 18px;
}

.baseball_mission .bm_howto_link .bm_howto_link_a:before,
.baseball_mission .bm_howto_link .bm_howto_link_a:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 2px;
  background-color: #fff;
  top: 71%;
}

.baseball_mission .bm_howto_link .bm_howto_link_a:before {
  right: 26px;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: right center;
}

.baseball_mission .bm_howto_link .bm_howto_link_a:after {
  right: 11px;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: left center;
}

@media (max-width: 768px) {
  .baseball_mission .bm_howto_link .bm_howto_link_a {
    margin: -3px auto 20px;
    padding: 3px 42px 2px 42px;
  }

  .baseball_mission .bm_howto_link .bm_howto_link_p {
    background: url(/portal/special/collab/sports/img/bm_howto_question.png)
      no-repeat left / 19px;
    font-size: 16px;
    padding: 4px 25px 4px 29px;
  }

  .baseball_mission .bm_howto_link .bm_howto_link_p:before,
  .baseball_mission .bm_howto_link .bm_howto_link_p:after {
    width: 15px;
    top: 72%;
  }
}

/* ====================
参加方法の確認リンク終わり
==================== */

/* ====================
的中数ごとのランキング
==================== */
.baseball_mission .bm_ranking {
  border-radius: 5px;
  background-color: #2f2f2f;
  color: #fff;
  width: 95%;
  margin: 20px auto 20px;
  position: relative;
}
.baseball_mission .bm_ranking::before {
  position: absolute;
  content: "";
  inset: 0;
  padding: 1px;
  border-radius: 5px;
  opacity: 0.7;
  background: linear-gradient(
    151deg,
    #d6d6d6 0%,
    #7f7f7f 20%,
    #d6d6d6 50%,
    #7f7f7f 80%,
    #d6d6d6 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.baseball_mission .bm_ranking .bm_ranking_head {
  cursor: pointer;
  border-radius: 3px;
  background-color: #2f2f2f;
  color: #fff;
}

.baseball_mission .bm_ranking .bm_ranking_head_inner {
  position: relative;
  padding: 20px 48px 20px 70px;
  background: url("/portal/special/collab/sports/img/bm_ranking_ic.png")
    no-repeat left 15px top 50% / 44px;
}

.baseball_mission .bm_ranking .bm_ranking_title {
  font-size: 20px;
  font-weight: 500;
}

.baseball_mission .bm_ranking .bm_ranking_arrow {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 47%;
  right: 28px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
}

.baseball_mission .bm_ranking.is_open .bm_ranking_arrow {
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
}
.baseball_mission .bm_ranking .bm_ranking_body {
  display: none;
  border: none;
  padding: 0 20px 16px;
}

.baseball_mission .bm_ranking.is_open .bm_ranking_body {
  display: block;
  border-top: none;
}

.baseball_mission .bm_ranking.is_open .bm_ranking_inner {
  background-color: #3d3d3c;
  border-radius: 3px;
  padding: 5px 25px 5px 10px;
  max-height: 500px;
  overflow-y: auto;
}

.baseball_mission .bm_ranking .bm_ranking_label {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
  padding: 0 10px 1px 10px;
  justify-content: space-between;
}

.baseball_mission .bm_ranking .bm_ranking_label_rank {
  width: 47px;
}

.baseball_mission .bm_ranking .bm_ranking_label_hit {
  width: 20%;
}

.baseball_mission .bm_ranking .bm_ranking_label_empty {
  width: 40%;
}

.baseball_mission .bm_ranking .bm_ranking_line {
  flex: 1;
  margin: 0 15px 0 10px;
  border-top: 1px dashed #9a9a9a;
}

.baseball_mission .bm_ranking .bm_ranking_label_user {
  width: 20%;
  text-align: right;
}

.baseball_mission .bm_ranking .bm_ranking_item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  justify-content: space-between;
  position: relative;
}

.baseball_mission .bm_ranking .bm_ranking_ic {
  width: 47px;
}

.baseball_mission .bm_ranking .bm_ranking_item:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 3%;
  width: 95%;
  border-top: 1px solid #4b4b4b;
}

.baseball_mission .bm_ranking .bm_ranking_item:last-of-type:before {
  display: none;
}

.baseball_mission .bm_ranking .bm_ranking_hit {
  width: 20%;
  font-size: 22px;
  font-weight: 500;
  margin-left: 10px;
}

.baseball_mission .bm_ranking .bm_ranking_user {
  flex-shrink: 0;
  text-align: right;
  font-size: 22px;
  font-weight: 500;
}

/*色*/

.baseball_mission .bm_ranking .bm_ranking_user_gold {
  color: #ffda13;
}

.baseball_mission .bm_ranking .bm_ranking_user_pink {
  color: #f94a8b;
}

.baseball_mission .bm_ranking .bm_ranking_user_blue {
  color: #4d9af3;
}

.baseball_mission .bm_ranking .bm_ranking_user_green {
  color: #89d31f;
}

.baseball_mission .bm_ranking .bm_ranking_user_purple {
  color: #a154fc;
}

.baseball_mission .bm_ranking .bm_ranking_user_gray {
  color: #d1cbcb;
}

.baseball_mission .bm_ranking .bm_ranking_time {
  margin: 0px 0 30px;
  font-size: 12px;
  color: #d0d0d0;
  text-align: right;
  padding-right: 10px;
}

@media (max-width: 768px) {
  .baseball_mission .bm_ranking.is_open .bm_ranking_inner {
    max-height: 390px;
  }
  .baseball_mission .bm_ranking.is_open .bm_ranking_inner {
    padding: 5px 20px 5px 7px;
  }
  .baseball_mission .bm_ranking .bm_ranking_title {
  }

  .baseball_mission .bm_ranking {
    border-radius: 4px;
  }

  .baseball_mission .bm_ranking .bm_ranking_title {
    font-size: 16px;
  }

  .baseball_mission .bm_ranking .bm_ranking_head_inner {
    padding: 13px 48px 11px 50px;
    background: url(/portal/special/collab/sports/img/bm_ranking_ic.png)
      no-repeat left 11px top 47% / 31px;
  }

  .baseball_mission .bm_ranking .bm_ranking_arrow {
    width: 12px;
    height: 12px;
    top: 45%;
    right: 15px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }

  .baseball_mission .bm_ranking::before {
    border-radius: 4px;
  }

  .baseball_mission .bm_ranking .bm_ranking_label_user {
    width: 40%;
  }

  .baseball_mission .bm_ranking .bm_ranking_label_empty {
    width: 18%;
  }

  .baseball_mission .bm_ranking .bm_ranking_body {
    padding: 0px 10px 20px;
  }

  .baseball_mission .bm_ranking .bm_ranking_hit {
    font-size: 16px;
  }

  .baseball_mission .bm_ranking .bm_ranking_ic {
    width: 35px;
  }

  .baseball_mission .bm_ranking .bm_ranking_user {
    font-size: 16px;
  }

  .baseball_mission .bm_ranking .bm_ranking_label_rank {
    width: 35px;
  }

  .baseball_mission .bm_ranking .bm_ranking_time {
    margin: 0px auto 18px;
    font-size: 12px;
    padding-right: 10px;
  }
}

/* ====================
的中数ごとのランキング終わり
==================== */

/* ====================
あなたの的中数
==================== */
.baseball_mission .bm_yourpt_section {
  margin: 0 auto 10px;
}

.baseball_mission .bm_ranking_yourpt {
  margin: 10px auto 0px;
  background-color: #353535;
  padding: 15px 5px 10px;
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  width: 95%;
}

.baseball_mission .bm_ranking_yourpt_title {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 5px;
}

.baseball_mission .bm_ranking_yourpt_number {
  text-align: center;
  font-size: 24px;
}

.baseball_mission .bm_ranking_yourpt_number span {
  display: inline-block;
  font-size: 35px;
  padding: 0 5px 0 0;
  vertical-align: bottom;
  color: #ffd400;
  line-height: 1;
}

.baseball_mission .bm_yourpt_time {
  font-size: 12px;
  color: #d0d0d0;
  text-align: right;
  width: 95%;
  margin: 3px auto 0;
}

@media (max-width: 768px) {
  .baseball_mission .bm_ranking_yourpt {
    font-size: 16px;
  }

  .baseball_mission .bm_ranking_yourpt_number {
    font-size: 16px;
  }

  .baseball_mission .bm_ranking_yourpt_number span {
    font-size: 30px;
  }

  .baseball_mission .bm_ranking_yourpt {
    padding: 6px 5px 5px;
  }
}

/* ====================
あなたの的中数
==================== */

/* ====================
予想済かどうか
==================== */
.baseball_mission .bm_todo {
  background-color: #ffe00047;
  color: #ffffff;
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
  font-weight: 500;
  padding: 5px 0 5px;
  font-size: 18px;
}

.baseball_mission .bm_todo_box {
  padding-left: 31px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  background-size: 22px;
}

/* 完了 */
.baseball_mission .bm_todo_box.bm_todo_done {
  background-image: url("/portal/special/collab/sports/img/bm_todo_done.png");
}

/* 未予想あり */
.baseball_mission .bm_todo_box.bm_todo_not {
  background-image: url("/portal/special/collab/sports/img/bm_todo_not.png");
}

@media (max-width: 768px) {
  .baseball_mission .bm_todo {
    font-size: 16px;
  }

  .baseball_mission .bm_todo_box {
    padding: 2px 0 1px 30px;
    background-position: 3px 3px;
    background-size: 20px;
  }

  .baseball_mission .bm_todo {
    font-weight: normal;
  }
}

/* ====================
予想済かどうか終わり
==================== */

/* ====================
試合カード絞り込み
==================== */
.baseball_mission .bm_card_sort {
  display: flex;
  gap: 10px;
  margin: 0 auto 16px;
  width: 90%;
}
.baseball_mission .bm_card_title.is_hide {
  display: none;
}
.baseball_mission .bm_card_sort_item {
  flex: 1;
}

.baseball_mission .bm_card_sort_label {
  display: block;
  margin: 0 0 1px 2px;
  color: #d9b13d;
  font-size: 12px;
  font-weight: 700;
}

.baseball_mission .bm_card_sort_select {
  width: 100%;
  height: 48px;
  padding: 0 36px 0 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  background-color: #2d2d2d;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url("/portal/special/collab/sports/img/bm_card_filter_po.png");
  background-repeat: no-repeat;
  background-position: right 16px top 52%;
  background-size: 12px 8px;
  border: 1px solid #454545;
}

.baseball_mission .bm_card_sort_select:focus {
  outline: none;
}

.baseball_mission .bm_card_sort_select option {
  color: #fff;
}

.baseball_mission .bm_card_sort_select optgroup {
  font-weight: 700;
}
.baseball_mission .bm_card.is_hide,
.baseball_mission .bm_card_active_section.is_hide,
.baseball_mission .bm_card_past_section.is_hide,
.baseball_mission .bm_card_future_section.is_hide {
  display: none;
}
.baseball_mission .bm_card.is_hide {
  display: none;
}

/*絞り込み注釈*/
.baseball_mission .bm_empty_state {
  width: 90%;
  padding: 115px 20px 20px;
  margin: 0 auto 50px;
  background-color: #282727;
  color: #fff;
  text-align: center;
  background-image: url(/portal/special/collab/sports/img/bm_card_filter.png);
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: top 20px center;
}
.baseball_mission .bm_empty_state_title {
  font-size: 20px;
}
.baseball_mission .bm_empty_state_text {
  color: #c0c0c0;
}

/*sp用モーダル*/
.baseball_mission .bm_status_modal,
.baseball_mission .bm_team_modal {
  position: fixed;
  inset: 0;
  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0s linear 0.3s;
}

.baseball_mission .bm_status_modal.is_open,
.baseball_mission .bm_team_modal.is_open {
  visibility: visible;
  opacity: 1;
  transition:
    opacity 0.3s ease,
    visibility 0s;
}
.baseball_mission .bm_status_modal_overlay,
.baseball_mission .bm_team_modal_overlay {
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 84%);

  opacity: 0;
  transition: opacity 0.25s ease;
}
.baseball_mission .bm_status_modal.is_open .bm_status_modal_overlay,
.baseball_mission .bm_team_modal.is_open .bm_team_modal_overlay {
  opacity: 1;
}
.baseball_mission .bm_status_modal_inner,
.baseball_mission .bm_team_modal_inner {
  position: absolute;
  left: 0;
  right: 0;
  background: #505050;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 20px 20px 0 0;
  transform: translateY(100%);
  bottom: 0;
  transition: transform 0.25s ease;
  max-width: 540px;
  margin: auto;
  overscroll-behavior: contain;
}

.baseball_mission .bm_status_modal_header,
.baseball_mission .bm_team_modal_header {
  position: relative;
  margin: 23px auto 20px;
  text-align: center;
}

.baseball_mission .bm_status_modal_header p,
.baseball_mission .bm_team_modal_header p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  padding: 0 50px;
}

.baseball_mission .bm_status_modal_close,
.baseball_mission .bm_team_modal_close {
  position: absolute;
  top: -7px;
  right: 15px;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  color: #fff;
  font-size: 26px;
}

.baseball_mission .bm_status_modal_list,
.baseball_mission .bm_team_modal_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.baseball_mission .bm_status_modal_list li,
.baseball_mission .bm_team_modal_list li {
  position: relative;
  padding: 18px 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  width: 95%;
  margin: 0 auto 7px;
}
.baseball_mission .bm_team_modal_list li {
  padding: 13px 16px;
}
.baseball_mission .bm_team_modal_list .bm_team_modal_group {
  font-size: 16px;
  border-bottom: 2px solid #d9b13d;
  line-height: 1;
  width: 89%;
  margin: 20px auto 15px;
  color: #d9b13d;
  padding: 10px 0 5px 2px;
}

.baseball_mission .bm_status_modal_list li:last-child,
.baseball_mission .bm_team_modal_list li:last-child {
  border-bottom: none;
}

.baseball_mission .bm_status_modal_list li.is_current,
.baseball_mission .bm_team_modal_list li.is_current {
  background: #464646;
  border-radius: 8px;
}

.baseball_mission .bm_status_modal_list li.is_current::after,
.baseball_mission .bm_team_modal_list li.is_current::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 8px;
  height: 14px;
  border-right: 3px solid #d9b13d;
  border-bottom: 3px solid #d9b13d;
  transform: translateY(-60%) rotate(45deg);
}
.baseball_mission .bm_status_modal.is_open .bm_status_modal_inner,
.baseball_mission .bm_team_modal.is_open .bm_team_modal_inner {
  transform: translateY(0);
}
.bm_team_modal_inner::-webkit-scrollbar,
.bm_status_modal_inner::-webkit-scrollbar {
  display: none;
}
.baseball_mission .bm_card_section {
  transition: opacity 0.15s ease;
}

body.bm_modal_open {
  overflow: hidden;
}

.baseball_mission .bm_team_modal_footer {
  position: sticky;
  bottom: 0;
  z-index: 10;
  padding: 16px 16px 20px;
  background: #000000d1;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.baseball_mission .bm_team_modal_apply {
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: #d9b13d;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.baseball_mission .bm_team_modal_apply:disabled {
  background: #505050;
  color: #bdbdbd;
  opacity: 1;
  cursor: default;
}
.baseball_mission .bm_team_modal_list .bm_card_jpn {
  display: inline-block;
  width: 26px;
  vertical-align: top;
  margin: -2px 0 0 6px;
}
.baseball_mission .bm_team_modal_list .bm_card_jpn_img {
}
@media screen and (max-width: 767px) {
  .baseball_mission .bm_status_modal_inner,
  .baseball_mission .bm_team_modal_inner {
    position: absolute;
    left: 0;
    right: 0;
    background: #505050;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 20px 20px 0 0;
    transform: translateY(100%);
    bottom: 50px;
    transition: transform 0.25s ease;
    max-width: 540px;
    margin: auto;
    overscroll-behavior: contain;
  }

  .baseball_mission .bm_card_sort {
    gap: 8px;
  }
  .baseball_mission .bm_card_sort_select {
    font-size: 15px;
    height: 42px;
    border-radius: 4px;
  }
  .baseball_mission .bm_empty_state_title {
    font-size: 18px;
  }
}

/* ====================
試合カード絞り込み終わり
==================== */

/* ====================
試合カード
==================== */
/*card*/
.baseball_mission .bm_card {
  border-radius: 8px;
  background-color: #2f2f2f;
  color: #fff;
  width: 95%;
  margin: 20px auto 20px;
}

.baseball_mission .bm_card_active_section,
.baseball_mission .bm_card_past_section,
.baseball_mission .bm_card_future_section {
  padding: 0px 0;
}

.baseball_mission .bm_card_title {
  font-size: 22px;
  color: #dddddd;
  display: flex;
  align-items: center;
  width: 98%;
  margin: 35px auto 0;
  gap: 16px;
}

.baseball_mission .bm_card_title::before,
.baseball_mission .bm_card_title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #dddddd;
}

/*status*/
.baseball_mission .bm_card_status {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 2px 10px 2px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/*inner*/
.baseball_mission .bm_card_inner {
  padding: 20px;
}

/*head*/
.baseball_mission .bm_card_head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 0px 10px 5px;
  justify-content: space-between;
  border-bottom: 2px dotted #434141;
}
.baseball_mission .bm_card_match_info {
  width: 100%;
}

.baseball_mission .bm_card_match_title {
  font-size: 20px;
  display: inline-block;
  padding: 0 2px 0 0px;
}
.baseball_mission .bm_card_match_name {
  font-size: 18px;
  margin: 0 5px -5px 0px;
  display: inline-block;
  padding: 1px 7px;
  background-color: #434141;
  border-radius: 4px;
  letter-spacing: 1.1px;
}

.baseball_mission .bm_card_match_date {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  position: relative;
}
.baseball_mission .bm_card_match_date:before {
}

/*team*/
.baseball_mission .bm_card_team {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.baseball_mission .bm_card_team_item {
  width: 38%;
  text-align: center;
}

.baseball_mission .bm_card_team_logo {
  width: 110px;
  margin: 0 auto 0;
}

.baseball_mission .bm_card_team_name {
  font-size: 22px;

  font-weight: bold;
}
.baseball_mission .bm_noimg_title {
  margin-top: -10px;
}
.baseball_mission .bm_card_team_rank {
  font-size: 16px;
  font-weight: 500;
  margin-top: -5px;
  color: #b1b1b1;
}
/*日本選手*/
.baseball_mission .bm_card_team_name .bm_card_jpn {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  margin: 0 0 0 6px;
}
.baseball_mission .bm_card_team_name .bm_card_jpn_img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/*vs*/
.baseball_mission .bm_card_vs {
  width: 14%;
  text-align: center;
}

.baseball_mission .bm_card_vs_icon {
  width: 45px;
  margin: 5px auto 10px;
}

.baseball_mission .bm_card_vs_icon img {
  text-align: center;
}

.baseball_mission .bm_card_data_link {
  display: block;
  text-align: right;
  position: relative;
  width: 150px;
  margin: 10px auto 10px;
}

.baseball_mission .bm_card_data_link img {
  text-align: center;
}
.baseball_mission .bm_card_message_text {
  font-size: 18px;
  font-weight: 500;
  padding: 4px 9px 1px;
  margin: 3px auto 2px;
  text-align: center;
}
/*countdown*/
.baseball_mission .bm_countdown_text {
  color: #ffd400;
  margin: 0px auto 0px;
}

/*select*/
.baseball_mission .bm_card_select {
  display: flex;
  justify-content: space-around;
  margin-bottom: 5px;
}

.baseball_mission .bm_card_select_warper {
  width: 45%;
}

.baseball_mission .bm_card_select_btn {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 90px;
  border: solid 1px #757575;
  border-radius: 5px;
  background: linear-gradient(0deg, #2f2f2f 0%, #434242 50%, #4d4d4d 100%);
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.baseball_mission .bm_card_select_btn.bm_is_selected {
  border-color: #0066ff;
  box-shadow: 0 0 0 1px #0066ff;
}

/* あなたの予想アイコン */
.baseball_mission .bm_card_predict_label {
  background-color: #0066ff;
  font-size: 16px;
  width: 110px;
  border-radius: 2px;
  line-height: 1.5;
  margin-top: 0px;
  margin-bottom: 2px;
  text-align: center;
  padding: 3px 3px;
}

@media (max-width: 768px) {
  .baseball_mission .bm_card_team_name .bm_card_jpn {
    width: 20px;
  }
  .baseball_mission .bm_card_head {
    margin-bottom: 15px;
  }
  .baseball_mission .bm_card_predict_label {
    font-size: 14px;
    width: 92px;
    padding: 1px 3px 1px;
    margin: -5px 0 5px;
  }
  .baseball_mission .bm_card_match_title {
    font-size: 16px;
  }
  .baseball_mission .bm_card_data_link {
    width: 130px;
  }
}
/*決着しない場合開催リボン*/
.baseball_mission .bm_card_deco_tbd {
  position: relative;
}
.baseball_mission .bm_card_deco_tbd:before {
  position: absolute;
  content: "";
  background-image: url(/portal/special/collab/sports/img/bm_card_tbd.png);
  background-repeat: no-repeat;
  width: 100px;
  background-size: contain;
  height: 100px;
  top: -1px;
  right: -1px;
}

/*予想開始前*/
.baseball_mission .bm_card.bm_pre_before {
  border: 2px solid #666464;
}

.baseball_mission .bm_card.bm_pre_before .bm_card_status {
  background-color: #666464;
}

/*
.baseball_mission .bm_card.bm_pre_before .bm_card_select,
.baseball_mission .bm_card.bm_pre_before .bm_card_select_note,
.baseball_mission .bm_card.bm_pre_before .bm_card_select_note,
.baseball_mission .bm_card.bm_pre_before .bm_card_detail,
.baseball_mission .bm_card.bm_pre_before .bm_card_data_link {
  display: none;
}
  */
.baseball_mission .bm_card.bm_pre_before .bm_card_match_info {
  width: 100%;
}
.baseball_mission .bm_card.bm_pre_before .bm_card_match_title {
  font-size: 20px;
}
.baseball_mission .bm_card.bm_pre_before .bm_card_match_date {
  display: block;
}
.baseball_mission .bm_card.bm_pre_before .bm_card_message {
  margin: 0px 0 0;
}

.baseball_mission .bm_pre_before .bm_card_team_item {
  width: 100%;
}
.baseball_mission .bm_pre_before .bm_card_vs {
  width: 33%;
}

@media (max-width: 768px) {
  .baseball_mission .bm_card.bm_pre_before .bm_card_match_info {
    width: 80%;
  }
  .baseball_mission .bm_card.bm_pre_before .bm_card_match_date {
    display: block;
    margin-top: -2px;
  }
  .baseball_mission .bm_card.bm_pre_before .bm_card_match_title {
    font-size: 16px;
  }
  .baseball_mission .bm_card.bm_pre_before .bm_card_match_title {
    padding: 0;
  }
}
@media (max-width: 375px) {
  .baseball_mission .bm_card.bm_pre_before .bm_card_match_date {
    display: inline-block;
  }
}
/* 未予想 */
.baseball_mission .bm_card.bm_pre_not {
  border: 2px solid #8c1b1b;
}

.baseball_mission .bm_card.bm_pre_not .bm_card_status {
  background-color: #ca1b1b;
}

/* 予想済 */
.baseball_mission .bm_card.bm_pre_done {
  border: 2px solid #4280ce;
}

.baseball_mission .bm_card.bm_pre_done .bm_card_status {
  background-color: #083d89;
}

/*予想締切*/
.baseball_mission .bm_card.bm_pre_closed .bm_card_select_btn {
  pointer-events: none;
}

/*
.baseball_mission
  .bm_card.bm_pre_closed
  .bm_card_select_btn:not(.bm_is_selected):before {
  display: none;
}
  */

.baseball_mission
  .bm_card.bm_pre_closed
  .bm_card_select_btn:not(.bm_is_selected) {
  color: #676666;
}

/*
.baseball_mission .bm_card.bm_pre_closed .bm_card_select_note {
  display: none;
}
  */

.baseball_mission .bm_card.bm_pre_closed .bm_card_select {
  margin-bottom: 20px;
}

/*予想締切＆未予想*/
.baseball_mission .bm_pre_closed.bm_pre_not {
  border: 2px solid #565657;
}

.baseball_mission .bm_pre_closed.bm_pre_not .bm_card_status {
  background-color: #858282;
}

/*試合状態別ステータス*/
/*点滅*/

@keyframes bm_blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.1;
  }

  100% {
    opacity: 1;
  }
}

.baseball_mission .bm_card_detail_text:after {
  position: absolute;
  top: 50%;
  left: 0px;
  border-radius: 4px;
  padding: 4px 10px 4px 10px;
  font-size: 14px;
  transform: translateY(-50%);
  font-weight: 700;
  color: #2f2f2f;
  background-color: #a7a4a4;
}
/*スタメン*/
.baseball_mission .bm_card_status_lineup .bm_card_detail_text:after {
  content: "スタメン";
}
/*試合終了*/
.baseball_mission
  .bm_card_status_end
  .bm_card_status_end_icon.bm_card_detail_text:after {
  content: "試合終了";
}
.baseball_mission .bm_card.bm_card_status_end .bm_card_select {
  margin-top: 50px;
}

/*
.baseball_mission .bm_card.bm_card_status_end .bm_card_message {
  display: none;
}
  */

/*試合中止*/
.baseball_mission
  .bm_card_status_cancelled
  .bm_card_status_cancelled_icon.bm_card_detail_text:after {
  content: "試合中止";
}
.baseball_mission
  .bm_card_status_cancelled
  .bm_card_status_cancelled_icon.bm_card_detail_text {
  color: #676666;
}
.baseball_mission .bm_card_status_cancelled .bm_card_detail_link {
  pointer-events: none;
  cursor: default;
}
.baseball_mission .bm_card_status_cancelled .bm_card_detail_link:before {
  border-top: solid 3px #676666;
  border-right: solid 3px #676666;
} /*試合開始遅延*/
.baseball_mission
  .bm_card_status_delay
  .bm_card_status_delay_icon.bm_card_detail_text:after {
  content: "試合開始\A遅延";
  white-space: pre-line;
  line-height: 1.1;
  padding: 4px 10px;
}
.baseball_mission
  .bm_card_status_delay
  .bm_card_status_delay_icon.bm_card_detail_text {
  color: #676666;
}
.baseball_mission .bm_card_status_delay .bm_card_detail_link {
  pointer-events: none;
  cursor: default;
}
.baseball_mission .bm_card_status_delay .bm_card_detail_link:before {
  border-top: solid 3px #676666;
  border-right: solid 3px #676666;
}
/*試合中断*/
.baseball_mission
  .bm_card_status_interrupted
  .bm_card_status_interrupted_icon.bm_card_detail_text:after {
  content: "試合中断";
}
/*サスペンデッド*/
.baseball_mission
  .bm_card_status_suspended
  .bm_card_status_suspended_icon.bm_card_detail_text:after {
  content: "サスペン\Aデッド";
  white-space: pre-line;
  font-size: 14px;
  padding: 4px 10px;
  line-height: 1;
}
.baseball_mission
  .bm_card_status_suspended
  .bm_card_status_suspended_icon.bm_card_detail_text {
  color: #676666;
}
.baseball_mission .bm_card_status_suspended .bm_card_detail_link {
  pointer-events: none;
  cursor: default;
}
.baseball_mission .bm_card_status_suspended .bm_card_detail_link:before {
  border-top: solid 3px #676666;
  border-right: solid 3px #676666;
}
/*LIVE*/
.baseball_mission
  .bm_card_status_live
  .bm_card_status_live_icon.bm_card_detail_text:after {
  content: "LIVE";
  animation: bm_blink 2s infinite;
  color: #fff;
  background-color: #ff2b2b;
  padding: 2px 9px 2px 9px;
}
@media (max-width: 768px) {
  .baseball_mission .bm_card_detail_text:after {
    font-size: 12px;
  }
  /*試合開始遅延*/
  .baseball_mission
    .bm_card_status_delay
    .bm_card_status_delay_icon.bm_card_detail_text:after {
    content: "試合開始\A遅延";
    font-size: 12px;
    white-space: pre-line;
  }
  /*試合中断*/
  .baseball_mission
    .bm_card_status_interrupted
    .bm_card_status_interrupted_icon.bm_card_detail_text:after {
    font-size: 12px;
  }
  /*サスペンデッド*/
  .baseball_mission
    .bm_card_status_suspended
    .bm_card_status_suspended_icon.bm_card_detail_text:after {
    font-size: 12px;
    padding: 4px 5px;
  }
}

/*試合終了:試合結果*/
.baseball_mission .bm_card.bm_card_status_end .bm_card_result {
  position: relative;
}

.baseball_mission
  .bm_card.bm_card_status_end
  .bm_card_result
  .bm_card_select_btn {
  color: #fff;
}

.baseball_mission .bm_card.bm_card_status_end .bm_card_result:before {
  position: absolute;
  content: "";
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 3px solid #ffe000;
  border-radius: 8px;
  pointer-events: none;
}

.baseball_mission .bm_card.bm_card_status_end .bm_card_result:after {
  position: absolute;
  content: "試合結果";
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: 500;
  color: #ffe000;
  pointer-events: none;
  white-space: nowrap;
}

/*
.baseball_mission .bm_card.bm_card_status_end .bm_card_select_btn:before {
  display: none;
}

.baseball_mission
  .bm_card.bm_card_status_end
  .bm_card_select_btn.bm_is_selected:after {
  display: none;
}
  */

/*note*/
.baseball_mission .bm_card_select_note {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #a4a3a2;
}

/*detail*/
.baseball_mission .bm_card_detail {
  margin-top: 15px;
}

.baseball_mission .bm_card_detail_link {
  border-radius: 6px;
  background-color: #434141;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 13px 33px 13px 20px;
  color: #fff;
  position: relative;
  display: block;
}
.baseball_mission .bm_card_detail_text {
  position: relative;
  padding: 0 16% 0 25%;
}

.baseball_mission .bm_card_detail_link:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 52%;
  right: 20px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}
/*試合ステータス終わり*/

@media (max-width: 768px) {
  .baseball_mission .bm_card {
    margin: 10px auto 20px;
  }

  .baseball_mission .bm_card_title {
    font-size: 16px;
  }

  .baseball_mission .bm_card_active_section,
  .baseball_mission .bm_card_past_section,
  .baseball_mission .bm_card_future_section {
    padding: 0px 0;
  }

  .baseball_mission .bm_card {
    width: 97%;
  }

  .baseball_mission .bm_card_status {
    font-size: 14px;
    padding: 2px 10px 1px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
  }

  .baseball_mission .bm_card_inner {
    padding: 0;
    width: 96%;
    max-width: 470px;
    margin: auto;
    margin: 10px auto 10px;
  }

  .baseball_mission .bm_card_team {
    margin-bottom: 10px;
  }

  .baseball_mission .bm_card_match_name {
    font-size: 14px;
    margin-bottom: -3px;
  }

  .baseball_mission .bm_card_match_date {
    font-size: 14px;
  }

  .baseball_mission .bm_card_team_logo {
    width: 80px;
  }

  .baseball_mission .bm_card_team_name {
    font-size: 16px;
  }

  .baseball_mission .bm_card_team_rank {
    font-size: 13px;
    font-weight: normal;
    margin-top: -2px;
  }

  .baseball_mission .bm_card_data_link img {
    text-align: center;
    width: 100%;
  }

  .baseball_mission .bm_card_vs_icon {
    width: 35px;
    margin: 10px auto 8px;
  }

  .baseball_mission .bm_card_message_text {
    font-size: 15px;
    font-weight: normal;
    padding: 4px 9px 1px;
    margin: 0 2px -3px;
  }

  .baseball_mission .bm_card_select_btn {
    height: 65px;
    border: solid 1px #8c8c8c;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
  }

  .baseball_mission .bm_card_select_btn:before {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 3px;
    right: 3px;
    border: solid 1px #8c8c8c;
  }

  .baseball_mission .bm_card_select_btn.bm_is_selected:after {
    width: 6px;
    height: 10px;
    right: 8px;
    bottom: 7px;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
  }

  .baseball_mission .bm_card_select_note {
    font-size: 13px;
  }

  .baseball_mission .bm_card_message {
    margin: 10px auto 4px;
  }

  .baseball_mission .bm_card_select {
    margin-bottom: 5px;
  }

  .baseball_mission .bm_card_detail_link {
    border-radius: 3px;
    font-size: 15px;
  }

  .baseball_mission .bm_card_detail_link:before {
    width: 10px;
    height: 10px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }

  .baseball_mission .bm_noimg_title {
    margin-top: -5px;
  }

  .baseball_mission .bm_card {
    border-radius: 4px;
  }

  .baseball_mission .bm_card.bm_card_status_end .bm_card_result:after {
    top: -29px;
    font-size: 16px;
  }
  .baseball_mission .bm_card.bm_card_status_end .bm_card_result:before {
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #ffe000;
  }
}
@media (max-width: 375px) {
  .baseball_mission .bm_card_detail_text {
    position: relative;
    padding: 0 16% 0 25%;
  }
  .baseball_mission
    .bm_card_status_delay
    .bm_card_status_delay_icon.bm_card_detail_text:after {
    padding: 4px 5px;
  }
  .baseball_mission .bm_card_match_info {
    width: 98%;
  }
  .baseball_mission .bm_card_match_date {
    display: inline-block;
  }
  .baseball_mission .bm_card_detail_text:after {
    font-size: 12px;
    padding: 2px 5px 2px 5px;
  }
  .baseball_mission .bm_card_detail_text:before {
    top: 50%;
    left: 9px;
  }

  .baseball_mission
    .bm_card_status_delay
    .bm_card_status_delay_icon.bm_card_detail_text:before {
    left: 4px;
  }
  .baseball_mission
    .bm_card_status_interrupted
    .bm_card_status_interrupted_icon.bm_card_detail_text:before {
    left: 3px;
  }

  .baseball_mission .bm_card_team_name {
    font-weight: 500;
  }
  .baseball_mission .bm_card_team_item {
    width: 41%;
    text-align: center;
  }
  .baseball_mission .bm_card_team {
    justify-content: space-between;
  }
}
@media (max-width: 350px) {
  .baseball_mission .bm_card_select_btn {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  .baseball_mission .bm_card_detail_link {
    border-radius: 3px;
    font-size: 15px;
    padding: 12px 10px 12px 6px;
  }
  .baseball_mission .bm_card_detail_text {
    position: relative;
    padding: 0 20% 0 25%;
  }
  .baseball_mission .bm_card_data_link img {
    max-width: 135px;
  }

  .baseball_mission .bm_card_match_date {
    padding-left: 0;
    display: inline-block;
  }
  .baseball_mission .bm_card.bm_pre_before .bm_card_match_info {
    width: 85%;
  }
  .baseball_mission .bm_card_predict_label {
    font-size: 13px;
    width: 86px;
  }
  .baseball_mission .bm_card_data_link {
    width: 120px;
    margin: 15px auto 10px;
  }
  .baseball_mission .bm_card_team_logo {
    width: 70px;
  }
  .baseball_mission .bm_card_team_name {
    font-size: 15px;
    line-height: 1.4;

    margin-top: 2px;
  }
  .baseball_mission .bm_card_team_rank {
    margin-top: -3px;
  }
  .baseball_mission .bm_noimg_title {
    margin-top: -5px;
  }
  .baseball_mission .bm_card_message_text {
    font-size: 14px;
  }

  .baseball_mission .bm_card_select {
    justify-content: space-around;
  }

  .baseball_mission .bm_card_team_rank {
    font-size: 12px;
  }

  .baseball_mission .bm_card.bm_card_status_end .bm_card_result:after {
    font-size: 14px;
    top: -27px;
  }

  .baseball_mission .bm_card_detail_text {
    font-size: 14px;
  }
}

/* ====================
試合カード終わり
==================== */

/* ====================
試合情報モーダル
==================== */
.baseball_mission .bm_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.baseball_mission .bm_modal.is_open {
  opacity: 1;
  visibility: visible;
}

.baseball_mission .bm_modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.baseball_mission .bm_modal_inner {
  position: relative;
  top: 53%;
  left: 50%;
  width: 95%;
  max-width: 510px;
  max-height: 90vh;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  scrollbar-width: none;
}

.baseball_mission .bm_modal_close {
  display: none;
}

.baseball_mission .bm_modal_close img {
  display: block;
  width: 18px;
  height: auto;
  vertical-align: middle;
  margin: 25% auto;
}

/*モーダル内要素*/

.baseball_mission .bm_modal_content {
  background: #fff;
  padding-bottom: 20px;
}

.baseball_mission .bm_modal_title {
  background-color: #113264;
  color: #fff;
  padding: 3px 0 2px;
  font-size: 20px;
  text-align: center;
}

.baseball_mission .bm_team_data {
  padding: 25px 20px 15px;
  width: 96%;
  margin: 10px auto;
  border: 1px solid #c8ccd1;
  background: #f1f1f1;
  border-radius: 8px;
}

.baseball_mission .bm_team_data + .bm_team_data {
  margin-top: 5px;
}

.baseball_mission .bm_team_data_info {
  display: flex;
  align-items: center;
  gap: 0px;
  padding: 0 5px;
}

.baseball_mission .bm_team_data_logo {
  width: 65px;
  margin-bottom: 3px;
}

.baseball_mission .bm_team_data_rank {
  display: inline-block;
  line-height: 1.2;
  padding: 2px 6px 2px;
  border: 2px solid #0057d9;
  color: #0057d9;
  font-size: 15px;
  font-weight: bold;
  margin-left: auto;
  border-radius: 3px;
}

.baseball_mission .bm_team_data_name {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
}

.baseball_mission .bm_team_data_record {
  border: 1px solid #c8ccd1;
  background: #f1f1f1;
  width: 96%;
  margin: 20px auto 15px;
  border-radius: 8px;
}

.baseball_mission .bm_team_data_head {
  align-items: center;
}

.baseball_mission .bm_team_data_record_title {
  padding: 8px 0 0px;
  color: #0057d9;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 7px;
}

.baseball_mission .bm_modal_name_legend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 13px;
  margin: 0 auto 3px;
  width: 96%;
}

.baseball_mission .bm_modal_name_legend p + p {
  position: relative;
  margin-left: 12px;
  padding-left: 12px;
}

.baseball_mission .bm_modal_name_legend p + p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  background: #999;
  transform: translateY(-50%);
}
.baseball_mission .bm_team_data_record_table_box {
  text-align: center;
  width: 96%;
  margin: 5px auto 10px;
  background-color: #fff;
  border: 1px solid #c8ccd1;
  font-weight: 500;
}

.baseball_mission
  .bm_team_data_record_table_box
  + .bm_team_data_record_table_box {
  border-left: 1px solid #c8ccd1;
}

.baseball_mission .bm_team_data_record_table_title {
  border-bottom: 1px solid #c8ccd1;
  padding: 4px 0 1px;
}

.baseball_mission .bm_team_data_record_table {
  display: flex;
}

.baseball_mission .bm_team_data_record_item {
  flex: 1;
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  padding: 5px 0;
  border-right: 1px solid #c8ccd1;
  line-height: 20px;
  font-size: 16px;
  flex-direction: column;
  justify-content: space-between;
}

.baseball_mission .bm_team_data_record_item:last-child {
  border-right: none;
}

.baseball_mission .bm_pitcher_japanese,
.baseball_mission .bm_pitcher_feature {
  width: 98%;
  margin: auto;
}

.baseball_mission .bm_team_data_link_box {
  text-align: center;
  margin: 13px auto 10px;
  font-size: 16px;
  border: 2px solid #e9e9e9;
  padding: 10px;
  border-radius: 6px;
  background-color: #fff;
}

.baseball_mission .bm_team_data_link_box .bm_team_data_link {
  position: relative;
  padding-right: 14px;
  font-weight: 500;
  color: #d51200;
  display: block;
}

.baseball_mission .bm_team_data_link_box .bm_team_data_link:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 52%;
  right: 0;
  border-top: solid 2px #d51200;
  border-right: solid 2px #d51200;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}
/*注目選手情報*/
.baseball_mission .bm_team_data_link_japanese_wrap,
.baseball_mission .bm_team_data_link_feature_wrap {
  text-align: right;
  font-size: 18px;
}

.baseball_mission .bm_team_data_link_japanese_wrap .bm_team_data_link_japanese,
.baseball_mission .bm_team_data_link_feature_wrap .bm_team_data_link_feature {
  position: relative;
  padding: 6px 35px 6px 17px;
  font-weight: 500;
  color: #4f4f4f;
  margin: 10px 0px 0 0;
  font-size: 16px;
  display: block;
  border: 1px solid #e9e9e9;
  background-color: #f1f1f1;
  border-radius: 3px;
}

.baseball_mission
  .bm_team_data_link_japanese_wrap
  .bm_team_data_link_japanese:before,
.baseball_mission
  .bm_team_data_link_feature_wrap
  .bm_team_data_link_feature:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 52%;
  right: 6px;
  border-top: solid 2px #4f4f4f;
  border-right: solid 2px #4f4f4f;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}
.baseball_mission .bm_pitcher_japanese_inner,
.baseball_mission .bm_pitcher_feature_inner {
  padding: 20px 25px 22px 25px;
  border-radius: 5px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  margin-top: 10px;
}

.baseball_mission .bm_pitcher_title {
  margin: 15px 0 -6px;
  font-size: 18px;
  font-weight: 500;
  padding-left: 30px;
}
.baseball_mission .bm_pitcher_japanese .bm_pitcher_title {
  background: url(/portal/special/collab/sports/img/bm_modal_ic_p.png) no-repeat
    left 6px top 59% / 20px;
  color: #0057d9;
}
.baseball_mission .bm_pitcher_feature .bm_pitcher_title {
  background: url(/portal/special/collab/sports/img/bm_modal_ic_p.png) no-repeat
    left 6px top 59% / 20px;
  color: #0057d9;
}

.baseball_mission .bm_pitcher_inner {
  display: flex;
  margin: 10px 0 0;
  align-items: flex-end;
  justify-content: space-between;
}

.baseball_mission .bm_pitcher_photo {
  width: 100px;
  position: relative;
  display: inline-block;
}
.baseball_mission .bm_pitcher_photo:before {
  content: "©Getty Images";
  position: absolute;
  color: #494949;
  font-size: 10px;
  bottom: -17px;
  left: 50%;
  width: 100px;
  text-align: center;
  transform: translateX(-50%);
}

.baseball_mission .bm_pitcher_info {
  flex: 1;
}

.baseball_mission .bm_pitcher_name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.baseball_mission .bm_pitcher_name span {
  font-size: 16px;
  padding-left: 10px;
}

.baseball_mission .bm_modal_close_wrap {
  width: 100%;
  max-width: 510px;
  left: 50%;
  margin: auto;
  z-index: 3;
  text-align: right;
  position: absolute;
  transform: translateX(-50%);
}

.baseball_mission .bm_modal_close {
  position: relative;
  top: 20px;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 0;
  background-color: #5e7aa4;
  border-radius: 100px;
}

@media (max-width: 768px) {
  .baseball_mission .bm_team_data_record {
    border-radius: 3px;
  }
  .baseball_mission .bm_pitcher_name span {
    font-size: 14px;
    padding-left: 6px;
  }
  .baseball_mission .bm_team_data {
    border-radius: 3px;
    padding: 20px 25px 10px;
  }

  .baseball_mission .bm_team_data_name {
    font-size: 18px;
  }

  .baseball_mission .bm_pitcher_name {
    font-size: 18px;
    margin: 11px 0 5px;
  }

  .baseball_mission .bm_pitcher_title {
    font-size: 16px;
    padding-left: 30px;
    background: url(/portal/special/collab/sports/img/bm_modal_ic_p.png)
      no-repeat left / 17px;
  }
  .baseball_mission .bm_team_data_info {
    display: flex;
    align-items: center;
    gap: 0px;
    padding: 0;
  }

  .baseball_mission .bm_team_data_logo {
    padding-top: 4px;
    margin-right: 0;
    width: 10%;
    min-width: 35px;
  }

  .baseball_mission .bm_modal_close {
    top: 75px;
    right: 7px;
    width: 30px;
    height: 30px;
  }

  .baseball_mission .bm_modal_close img {
    width: 15px;
  }

  .baseball_mission .bm_modal_inner {
    top: 50%;
    max-height: 80vh;
  }
  .baseball_mission
    .bm_team_data_link_japanese_wrap
    .bm_team_data_link_japanese,
  .baseball_mission .bm_team_data_link_feature_wrap .bm_team_data_link_feature {
    font-size: 15px;
    padding: 2px 16px 2px 6px;
  }
  .baseball_mission .bm_pitcher_japanese,
  .baseball_mission .bm_pitcher_feature {
    width: 100%;
  }
  .baseball_mission .bm_pitcher_japanese_inner,
  .baseball_mission .bm_pitcher_feature_inner {
    padding: 5px 25px 20px 25px;
  }
  .baseball_mission .bm_pitcher_photo:before {
    bottom: -14px;
  }
  .baseball_mission .bm_team_data_rank {
    line-height: 1.3;
    padding: 1px 3px 1px;
    border: 1px solid #0057d9;
    font-size: 12px;
    font-weight: 500;
  }

  .baseball_mission .bm_pitcher_photo {
    width: 24%;
    min-width: 80px;
    margin-right: 10px;
  }

  .baseball_mission .bm_team_data_record_title {
    font-size: 17px;
  }
}
@media (max-width: 420px) {
  .baseball_mission .bm_team_data {
    padding: 20px 10px 10px;
  }
  .baseball_mission .bm_pitcher_japanese_inner,
  .baseball_mission .bm_pitcher_feature_inner {
    padding: 5px 10px 20px 10px;
  }
}
@media (max-width: 360px) {
  .baseball_mission .bm_pitcher_japanese_inner,
  .baseball_mission .bm_pitcher_feature_inner {
    padding: 5px 10px 20px 10px;
  }
  .baseball_mission .bm_team_data {
    padding: 20px 10px 10px;
  }
  .baseball_mission .bm_pitcher_title {
    margin-bottom: 3px;
    font-size: 18px;
    padding-left: 26px;
    background: url(/portal/special/collab/sports/img/bm_modal_ic_p.png)
      no-repeat left 3px top 7px / 18px;
  }
  .baseball_mission .bm_card_match_date:before {
    width: 16px;
    height: 16px;
  }
  .baseball_mission .bm_team_data_rank {
    font-size: 12px;
    border: 1px solid #0057d9;
  }
  .baseball_mission .bm_team_data_name {
    font-size: 16px;
  }
  .baseball_mission .bm_pitcher_title {
    font-size: 16px;
  }
  .baseball_mission .bm_pitcher_photo {
    width: 25%;
    min-width: 60px;
    margin-right: 10px;
  }

  .baseball_mission .bm_pitcher_name {
    font-size: 17px;
  }
  .baseball_mission .bm_team_data_link_box {
    font-size: 15px;
    padding: 5px;
  }
  .baseball_mission .bm_team_data {
    padding: 20px 5px 10px;
  }
}
/* ====================
試合情報モーダル終わり
==================== */

/* ====================
利用規約
==================== */

.baseball_mission .terms-section-heading {
  font-size: 18px;
}

.baseball_mission .terms-section-subtitle {
  font-size: 16px;
  margin: 15px 0 0px;
}

.baseball_mission .bm_entry_terms {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 15px;
  line-height: 1.6;
  overflow-y: auto;
}

.baseball_mission .terms-textlist {
  text-indent: -14px;
  padding-left: 14px;
  margin-top: 3px;
}
.baseball_mission .terms-textlist.bm_marker_number {
  text-indent: -12px;
  padding-left: 12px;
}

.baseball_mission .terms-notelist {
  font-size: 14px;
  margin: 5px 0 5px 15px;
  background-color: #f4f4f4;
  padding: 5px 5px;
}

.baseball_mission .terms-notelist li {
  margin: 2px 0 0;
  text-indent: -14px;
  padding-left: 14px;
}

.baseball_mission .terms-footer {
  padding: 14px 10px;
  border-radius: 4px;
  text-align: center;
  margin: 16px;
  color: #fff;
}
.baseball_mission .bm_lp1_entry_terms .bm_entry_terms,
.baseball_mission .bm_lppr_entry_terms .bm_entry_terms {
  width: 85%;
  margin: 0 auto 30px;
  border-radius: 3px;
  padding: 30px 10px 30px 5px;
}

.baseball_mission .terms-section-header {
  border: none;
  background-color: transparent;
}

.baseball_mission .bm_lp1_entry_terms .terms-section-inner,
.baseball_mission .bm_lppr_entry_terms .terms-section-inner,
.baseball_mission .bm_lp0_entry_terms .terms-section-inner {
  width: 94%;
  margin: auto;
  max-height: 500px;
  overflow: visible;
}
.baseball_mission .terms-section-inner a {
  text-decoration: underline;
  color: #0073a8;
}

.baseball_mission .bm_lp1_entry_terms .terms-section-heading,
.baseball_mission .bm_lppr_entry_terms .terms-section-heading {
  background-color: #5e5e5e;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
/*スクロール*/

@media (max-width: 768px) {
  .baseball_mission .bm_entry_terms {
    max-height: 390px;
  }
}

@media (max-width: 768px) {
  .baseball_mission .bm_lp1_entry_terms .terms-section-inner,
  .baseball_mission .bm_lppr_entry_terms .terms-section-inner {
    width: 96%;
  }
  .baseball_mission .bm_lp1_entry_terms .bm_entry_terms,
  .baseball_mission .bm_lppr_entry_terms .bm_entry_terms {
    width: 90%;
  }
}
@media (max-width: 350px) {
  .baseball_mission .bm_lp1_entry_terms .bm_entry_terms,
  .baseball_mission .bm_lppr_entry_terms .bm_entry_terms {
    width: 95%;
    margin-top: 0px;
    padding: 20px 10px 30px 0px;
  }
}
@media (max-width: 768px) {
  .baseball_mission .terms-footer {
    margin-top: 15px;
  }
}

@media (max-width: 360px) {
  .baseball_mission .terms-section-heading {
    font-size: 16px;
  }
}

/* ====================
利用規約終わり
==================== */

/* ====================
くじ引きモーダル
==================== */
/*くじ未実施*/
.baseball_mission .bm_lottery_not .bm_card_lottery {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}

.baseball_mission .bm_lottery_not .bm_card_lottery_link {
  display: block;
  background: linear-gradient(0deg, #ffe505 0%, #ffcc00 100%);
  padding: 10px 0 10px;
  text-align: center;
  border-radius: 4px;
  color: #2f2f2f;
  box-shadow: 2px 2px 0px 1px #8c6c51;
}

.baseball_mission .bm_lottery_not .bm_card_lottery_link_inline {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}

.baseball_mission .bm_lottery_not .bm_card_lottery_link_inline:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 0;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  box-sizing: border-box;
  background: url(/portal/special/collab/sports/img/bm_lottery_star.png)
    no-repeat left / 20px;
}

@media (max-width: 768px) {
  .baseball_mission .bm_lottery_not .bm_card_lottery_link {
    padding: 6px 0 6px;
    font-size: 16px;
  }

  .baseball_mission .bm_lottery_not .bm_card_lottery_link_inline:before {
    top: 50%;
    width: 16px;
    height: 16px;
    background: url(/portal/special/collab/sports/img/bm_lottery_star.png)
      no-repeat left / 16px;
  }

  .baseball_mission .bm_lottery_done .bm_card_lottery_link_inline {
    padding-left: 25px;
  }
  .baseball_mission .bm_lottery_not .bm_card_lottery_link_inline {
    padding-left: 22px;
  }
}

/*くじ引き済*/
.baseball_mission .bm_lottery_done .bm_card_lottery {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}

.baseball_mission .bm_lottery_done .bm_card_lottery_link {
  display: block;
  background: #a3a3a3;
  color: #2f2f2f;
  padding: 10px 0 9px;
  text-align: center;
  border-radius: 4px;
}

.baseball_mission .bm_lottery_done .bm_card_lottery_link_inline {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}

.baseball_mission .bm_lottery_done .bm_card_lottery_link_inline::before {
  content: "";
  position: absolute;
  top: 19%;
  left: 0;
  width: 11px;
  height: 16px;
  border-right: 3px solid #2f2f2f;
  border-bottom: 3px solid #2f2f2f;
  transform: rotate(45deg);
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .baseball_mission .bm_lottery_done .bm_card_lottery_link {
    padding: 5px 0 6px;
    font-size: 16px;
  }

  .baseball_mission .bm_lottery_done .bm_card_lottery_link_inline::before {
    width: 10px;
    height: 14px;
    border-right: 2px solid #2f2f2f;
    border-bottom: 2px solid #2f2f2f;
    top: 16%;
  }
}

/*くじ引き済終わり*/
.baseball_mission .bm_lottery_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #737373e6;
}

.baseball_mission .bm_lottery_modal.is_open {
  display: block;
}

.baseball_mission .bm_lottery_modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  padding: 40px 20px;
  text-align: center;
  background: #2b2626;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  overflow: hidden;
  border: 2px solid #636363;
}

.baseball_mission .bm_lottery_close {
  display: none;
  position: absolute;
  top: 1px;
  right: 9px;
  border: none;
  font-size: 41px;
  color: #fff;
  cursor: pointer;
  background-color: transparent;
}

.baseball_mission .bm_lottery_close.is_show {
  display: block;
}

.baseball_mission .bm_lottery_machine {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 20px;
}

.baseball_mission .bm_lottery_garapon {
  position: relative;
  width: 220px;
  height: 220px;

  transform: translateX(0) scale(1);

  transition: transform 0.6s ease;
}

.baseball_mission .bm_lottery_garapon.is_focus {
  transform: translateX(-50px) scale(1.15);
}

.baseball_mission .bm_lottery_garapon.is_focus_ball {
  transform: translateX(-90px) scale(1.25);
}

.baseball_mission .bm_lottery_drum {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 180px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transform-origin: 50% 41%;
}

.baseball_mission .bm_lottery_stand {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 90px;
  left: 50%;
  top: 75px;
  transform: translateX(-50%);
}

.baseball_mission .bm_lottery_handle {
  inset: 0;
  z-index: 3;
  position: absolute;
  width: 180px;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: 50% 41%;
}

.baseball_mission .bm_lottery_drum img,
.baseball_mission .bm_lottery_stand img,
.baseball_mission .bm_lottery_handle img {
  display: block;
  width: 100%;
  height: auto;
}

.baseball_mission .bm_lottery_garapon.is_spin .bm_lottery_drum {
  animation: bm_garapon_rotate 1s linear infinite;
}

.baseball_mission .bm_lottery_garapon.is_spin .bm_lottery_handle {
  animation: bm_garapon_rotate 1s linear infinite;
}

.baseball_mission .bm_lottery_ball {
  position: absolute;

  top: 90px;
  right: 20px;

  width: 32px;
  height: 32px;

  border-radius: 50%;

  background: #fff;

  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  opacity: 0;

  z-index: 4;
}

.baseball_mission .bm_lottery_ball.is_show {
  animation: bm_ball_out 3s forwards;
}

@keyframes bm_ball_out {
  0% {
    opacity: 1;

    transform: translate(0, 0) scale(0.5);
  }

  40% {
    opacity: 1;
    transform: translate(50px, 45px) scale(1);
  }

  100% {
    opacity: 1;
    transform: translate(50px, 45px) scale(1);
  }
}

@keyframes bm_garapon_rotate {
  from {
    transform: translateX(-50%) rotate(0deg);
  }

  to {
    transform: translateX(-50%) rotate(360deg);
  }
}

.baseball_mission .bm_lottery_title {
  margin-top: 60px;
  font-size: 28px;
  font-weight: 500;
  color: #f6bf26;
}

.baseball_mission .bm_lottery_result {
  display: none;
}

.baseball_mission .bm_lottery_modal_inner.is_result {
  padding: 0;
  height: 440px;
}

.baseball_mission .bm_lottery_result.is_show {
  display: block;
}
.baseball_mission .bm_lottery_note {
  margin: 19px auto 0px;
  width: 93%;
  font-size: 12px;
  line-height: 1.2;
  color: #d1d1d1;
  text-align: left;
}

.baseball_mission .bm_lottery_done .bm_card_lottery_link {
  pointer-events: none;
}
.bm_lottery_flash {
  position: absolute;
  inset: 0;
  background: #2b2626;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}

.bm_lottery_flash.is_show {
  animation: bm_flash 1s ease;
  animation-fill-mode: forwards;
}

@keyframes bm_flash {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* ====================
くじ引きモーダル
==================== */

/* ====================
リンクボタンコンテンツ
==================== */
.baseball_mission .bm_link_button {
  width: 95%;
  margin: 0px auto 30px;
  font-size: 20px;
  font-weight: 500;
}

.baseball_mission .bm_link_button_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.baseball_mission .bm_link_button_common {
  color: #fff;
  padding: 10px 10px 10px 10px;
  border: 1px solid #c3c3c4;
  border-radius: 5px;
  text-align: center;
  background-color: #313030;
}

.baseball_mission .bm_link_button_common div {
  display: inline-block;
  padding-left: 30px;
}

.baseball_mission .bm_link_button_ranking {
  width: 45%;
  box-sizing: border-box;
}

.baseball_mission .bm_link_button_ranking,
.baseball_mission .bm_link_button_news {
  width: calc((100% - 10px) / 2);
  box-sizing: border-box;
}

.baseball_mission .bm_link_button_ranking div {
  background: url("/portal/special/collab/sports/img/bm_link_ranking.png")
    no-repeat left / 22px;
}

.baseball_mission .bm_link_button_news div {
  background: url("/portal/special/collab/sports/img/bm_link_news.png")
    no-repeat left / 22px;
}

.baseball_mission .bm_link_button_baseball {
  width: 100%;
}

.baseball_mission .bm_link_button_baseball div {
  background: url("/portal/special/collab/sports/img/bm_link_baseball.png")
    no-repeat left / 22px;
}

@media (max-width: 768px) {
  .baseball_mission .bm_link_button_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 16px;
  }

  .baseball_mission .bm_link_button_ranking,
  .baseball_mission .bm_link_button_news {
    width: 100%;
  }

  .baseball_mission .bm_link_button_common {
    padding: 6px 10px 4px 10px;
    border-radius: 2px;
  }

  .baseball_mission .bm_link_button_news div {
    background: url(/portal/special/collab/sports/img/bm_link_news.png)
      no-repeat left / 21px;
  }

  .baseball_mission .bm_link_button_baseball div {
    background: url(/portal/special/collab/sports/img/bm_link_baseball.png)
      no-repeat left / 18px;
  }
}

/* ====================
リンクボタンコンテンツ終わり
==================== */
/* ====================
コピーライト
==================== */
.baseball_mission .bm_copyright {
  width: 100%;
  padding: 12px 4px 8px;
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #b7b7b7;
}
@media (max-width: 768px) {
  .baseball_mission .bm_copyright {
  }
}
/* ====================
コピーライト
==================== */

/* ====================
参加方法説明
==================== */
.baseball_mission .bm_howto_section {
  background-color: #100b0b;
  text-align: center;
  color: #31302f;
  font-weight: 500;
  margin: -15px auto 30px;
}

.baseball_mission .bm_howto_section_title {
  width: 400px;
  color: #fff7d3;
  margin: 0 auto 20px;
  padding-top: 15px;
}

.baseball_mission .bm_howto_content {
  width: 85%;
  margin: 30px auto 0px;
  padding: 0px 0 0px;
  border-radius: 10px;
}
.baseball_mission .bm_howto_engagebox {
  width: 90%;
  background-color: #fcfedf;
  font-weight: normal;
  margin: 20px auto 0;
  color: #5c5c5c;
  line-height: 1.4;
  font-size: 14px;
  text-align: left;
  padding: 14px 15px 14px;
}

.baseball_mission .bm_howto_content_section_1,
.baseball_mission .bm_howto_content_section_2,
.baseball_mission .bm_howto_content_section_3,
.baseball_mission .bm_howto_content_section_4 {
  background-color: #43413b;
  width: 90%;
  margin: 0 auto 30px;
  padding: 20px 0px 15px;
  border-radius: 10px;
  position: relative;
  border: 1px solid #5f5f5f;
}

.baseball_mission .bm_howto_content_section_1:before,
.baseball_mission .bm_howto_content_section_2:before,
.baseball_mission .bm_howto_content_section_3:before,
.baseball_mission .bm_howto_content_section_4:before {
  position: absolute;
  top: 2px;
  left: 15px;
  width: 12px;
  height: 12px;
  font-size: 23px;
  color: #fff;
}

.baseball_mission .bm_howto_section_midtitle {
  font-size: 20px;
  color: #ffffff;
  margin: 5px 0 15px;
  line-height: 1.5;
  font-weight: 500;
}

.baseball_mission .bm_howto_icon_yellow {
  background-color: #ffcc00;
  display: inline-block;
  padding: 2px 15px 2px;
  border-radius: 15px;
  margin-bottom: 10px;
}

.baseball_mission .bm_howto_blue {
  color: #0062ff;
}

.baseball_mission .bm_howto_wrap {
  background-color: #f3f3f3;
  border-radius: 20px;
  padding: 25px 0 20px;
  margin: 0 auto 20px;
  line-height: 1.3;
  font-size: 18px;
  width: 90%;
}

.baseball_mission .bm_howto_content_section_1_img {
  width: 200px;
  margin: 10px auto 0;
}

.baseball_mission .bm_howto_content_section_1_img2 {
  width: 160px;
  margin: 10px auto 10px;
}

.baseball_mission .bm_howto_content_section_2_img {
  width: 150px;
  margin: 10px auto 10px;
}

.baseball_mission .bm_howto_content_section_2_img2 {
  width: 160px;
  margin: 10px auto 10px;
}
.baseball_mission .bm_howto_content_section_3_img {
  width: 160px;
  margin: 20px auto 10px;
}

.baseball_mission .bm_howto_content_section_3_img2 {
  width: 180px;
  margin: 30px auto 10px;
}

.baseball_mission .bm_howto_content_section_4_img1 {
  width: 160px;
  margin: 10px auto 10px;
}

.baseball_mission .bm_howto_caution_wrap {
  font-size: 16px;
  margin: 20px auto 0;
  text-align: left;
  width: 90%;
  font-weight: normal;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .baseball_mission .bm_howto_content {
    width: 94%;
    max-width: 460px;
  }
  .baseball_mission .bm_howto_section_title {
    width: 90%;
    color: #fff7d3;
    margin: 0 auto 12px;
    padding-top: 15px;
  }
  .baseball_mission .bm_howto_content_section_1,
  .baseball_mission .bm_howto_content_section_2,
  .baseball_mission .bm_howto_content_section_3,
  .baseball_mission .bm_howto_content_section_4 {
    width: 94%;
  }

  .baseball_mission .bm_howto_section_title {
    font-size: 20px;
    font-weight: 500;
  }

  .baseball_mission .bm_howto_section_midtitle {
    font-size: 18px;
  }

  .baseball_mission .bm_howto_content_section_1:before,
  .baseball_mission .bm_howto_content_section_2:before,
  .baseball_mission .bm_howto_content_section_3:before,
  .baseball_mission .bm_howto_content_section_4:before {
    top: 0px;
    left: 11px;
    font-size: 20px;
    color: #fff;
  }

  .baseball_mission .bm_howto_wrap {
    border-radius: 6px;
    padding: 15px 0 15px;
    margin: 0 auto 20px;
    font-size: 16px;
    width: 93%;
  }

  .baseball_mission .bm_howto_caution_wrap {
    font-size: 14px;
  }
  .baseball_mission .bm_howto_content_section_1,
  .baseball_mission .bm_howto_content_section_2,
  .baseball_mission .bm_howto_content_section_3,
  .baseball_mission .bm_howto_content_section_4 {
    padding: 10px 0px 0px;
  }
  .baseball_mission .bm_howto_section_midtitle {
    margin: 5px 0 12px;
  }
}

@media (max-width: 350px) {
  .bm_lp0 .baseball_mission .bm_howto_section {
    margin: -8px auto 30px;
  }
  .bm_lp0 .baseball_mission .bm_howto_content {
    padding-top: 0;
  }
  .bm_lp0 .baseball_mission .bm_howto_section_title {
    padding-top: 0;
  }
  .baseball_mission .bm_howto_content_section_1,
  .baseball_mission .bm_howto_content_section_2,
  .baseball_mission .bm_howto_content_section_3,
  .baseball_mission .bm_howto_content_section_4 {
    width: 97%;
  }
  .baseball_mission .bm_howto_content {
    width: 100%;
  }

  .baseball_mission .bm_howto_section_title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .baseball_mission .bm_howto_content_section_1:before,
  .baseball_mission .bm_howto_content_section_2:before,
  .baseball_mission .bm_howto_content_section_3:before,
  .baseball_mission .bm_howto_content_section_4:before {
    top: 0px;
    left: 9px;
    font-size: 18px;
    color: #fff;
  }

  .baseball_mission .bm_howto_wrap {
    width: 94%;
  }

  .baseball_mission .bm_howto_content {
    border-radius: 38px;
    margin: 0px auto 0px;
    padding-top: 20px;
    padding-top: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

/* ====================
参加方法説明終わり
==================== */

/* ====================
LP0専用
==================== */
/*ログイン登録ボタン*/
.baseball_mission .bm_entry_lp0 {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: 540px;
  transform: translateX(-50%);
  padding: 12px;
  background: #0000009e;
  z-index: 100;
}

.baseball_mission .bm_entry_lp0_btn {
  position: relative;
  display: block;
  width: 100%;
  background: linear-gradient(to bottom, #ffd400 0%, #f1c900 40%, #c29c00 100%);
  border-radius: 8px;
  color: #111;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 12px 30px 10px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.baseball_mission .bm_entry_lp0_arrow {
  position: absolute;
  top: 53%;
  right: 24px;
  width: 16px;
  height: 16px;
  border-top: 4px solid #111;
  border-right: 4px solid #111;
  transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 768px) {
  .baseball_mission .bm_entry_lp0_btn {
    width: 96%;
    border-radius: 3px;
    font-size: 18px;
    margin: auto;
  }

  .baseball_mission .bm_entry_lp0_arrow {
    position: absolute;
    top: 52%;
    right: 15px;
    width: 14px;
    height: 14px;
    border-top: 3px solid #111;
    border-right: 3px solid #111;
  }
}

@media (max-width: 355px) {
  .baseball_mission .bm_entry_lp0_btn {
    font-size: 16px;
  }

  .baseball_mission .bm_entry_lp0_arrow {
    right: 10px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #111;
    border-right: 2px solid #111;
  }

  .baseball_mission .bm_entry_lp0_btn {
    padding: 12px 20px 13px 8px;
  }
}
/*ログイン登録ボタン終わり*/

/*規約＆参加方法説明*/
.baseball_mission .bm_lp0_entry_terms .bm_entry_terms {
  width: 85%;
  margin: 0 auto 30px;
  border-radius: 3px;
  padding: 30px 5px;
}
.baseball_mission .bm_lp0_entry_terms .terms-section-heading {
  background-color: #5e5e5e;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.baseball_mission .bm_lp0_entry_terms .terms-section-inner {
  width: 90%;
  margin: auto;
}
.bm_lp0 .baseball_mission .bm_howto_section_title {
  padding-top: 0px;
}
.bm_lp0 .baseball_mission .bm_howto_content {
  margin: -40px auto 0px;
}

@media (max-width: 768px) {
  .bm_lp0 .baseball_mission .bm_howto_content {
    margin: 10px auto 0px;
  }
  .baseball_mission .bm_lp0_entry_terms .bm_entry_terms {
    width: 90%;
    margin: 0 auto 10px;
    padding: 10px 11px 10px 0;
  }
  .baseball_mission .bm_lp0_entry_terms .terms-section-inner {
    width: 98%;
    margin: auto;
  }
}
@media (max-width: 350px) {
  .baseball_mission .bm_lp0_entry_terms .bm_entry_terms {
    width: 96%;
    margin-top: 20px;
    padding: 20px 12px 0px 0px;
    padding-top: 20px;
  }
  .bm_lp0 .baseball_mission .bm_howto_content {
    margin: 0px auto 0px;
  }
}
/*規約＆参加方法説明終わり*/
/* ====================
LP0専用
==================== */

/* ====================
LPロゴなし専用
==================== */

.bm_noimg .baseball_mission .bm_card_team_name {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .bm_noimg .baseball_mission .bm_card_team_name .bm_card_jpn {
    width: 20px;
  }
}
.bm_noimg .baseball_mission .bm_card_data_link {
  margin: 25px auto 15px;
}
.bm_noimg .baseball_mission .bm_card_head {
  margin-bottom: 30px;
}
.bm_noimg .baseball_mission .bm_noimg_title {
}
@media (max-width: 768px) {
  .bm_noimg .baseball_mission .bm_card_head {
    margin-bottom: 10px;
  }
}
@media (max-width: 340px) {
  .bm_noimg .baseball_mission .bm_card_team_name {
    margin-bottom: 0px;
  }
  .bm_noimg .baseball_mission .bm_card_data_link {
    width: 110px;
  }
  .bm_noimg .baseball_mission .bm_card_data_link {
    margin: 15px auto 5px;
  }
  .bm_noimg .baseball_mission .bm_noimg_title {
    font-size: 14px;
  }
}

/* ====================
LPロゴなし専用終わり
==================== */

/* ====================
事前予告LP専用
==================== */
.bm_prepr .baseball_mission .bm_kv_caution {
  bottom: 6px;
}
@media (max-width: 768px) {
  .bm_prepr .baseball_mission .bm_kv_caution {
    bottom: 4px;
  }
}
.bm_prepr .baseball_mission .bm_howto_link .bm_howto_link_a {
  margin: 15px auto 20px;
}
.bm_prepr .baseball_mission .bm_pr_description {
  width: 90%;
  margin: 10px auto 40px;
  background-color: #312f27;
  padding: 30px 10px 30px;
  text-align: center;
}
.bm_prepr .baseball_mission .bm_pr_description_title {
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto 0;
}
.bm_prepr .baseball_mission .bm_pr_description_title span {
  font-size: 18px;
}
.bm_prepr .baseball_mission .bm_pr_description_text {
  font-size: 16px;
  color: #e7e7e7;
  width: 90%;
  margin: 15px auto 25px;
}
.bm_prepr .baseball_mission .bm_pr_noentry {
  color: #ffffff;
  padding: 5px 10px;

  background-color: #100b0b;
  border: 1px solid #696969;
}
.bm_prepr .baseball_mission .bm_pr_pconly {
  display: block;
}
.bm_prepr .baseball_mission .bm_pr_sponly {
  display: none;
}
.bm_prepr .baseball_mission .bm_howto_content {
  margin: 0px auto 0px;
}
@media (max-width: 768px) {
  .bm_prepr .baseball_mission .bm_pr_description {
    margin: 10px auto 20px;
  }
  .bm_prepr .baseball_mission .bm_pr_description_title {
    font-size: 18px;
  }
  .bm_prepr .baseball_mission .bm_pr_description_title span {
    font-size: 16px;
  }
  .bm_prepr .baseball_mission .bm_pr_pconly {
    display: none;
  }
  .bm_prepr .baseball_mission .bm_pr_sponly {
    display: block;
  }
  .bm_prepr .baseball_mission .bm_pr_description_text {
    width: 90%;
    margin: 15px auto 20px;
  }
  .bm_prepr .baseball_mission .bm_pr_description {
    padding: 25px 10px 20px;
  }
  .bm_prepr .baseball_mission .bm_pr_noentry {
    font-size: 15px;
  }
}
@media (max-width: 350px) {
  .bm_prepr .baseball_mission .bm_pr_description_title {
    font-size: 17px;
  }
  .bm_prepr .baseball_mission .bm_pr_description {
    padding: 25px 0px 20px;
  }
  .bm_prepr .baseball_mission .bm_pr_noentry {
    width: 80%;
    margin: auto;
  }
  .bm_prepr .baseball_mission .bm_pr_description {
    margin: 10px auto 0px;
  }
}
/* ====================
事前予告LP専用終わり
==================== */

/* 上書き */
.is_hide {
  display: none !important;
}
.alert_info {
  max-width: 540px;
  margin: 0 auto 15px;
}

/* 広告 */
.mission_infeed_adContents {
  /* background-color: #efefef; */
}
.mission_infeed_adContents,
.mission_middle_contents {
  display: none;
  margin-bottom: 15px;
}
.mission_footer_contents {
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
}
.mission_overlay_contents {
  opacity: 1;
  transition: 0.2s linear;
  width: 100%;
  height: auto;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
  position: fixed;
  z-index: 10000;
  right: 0;
  bottom: 0;
}

/* 準正常系パーツ（LP1） */
.bm_maintenance {
  margin: 20px 10px 5px;
}
.bm_maintenance_inner {
  width: 100%;
  padding: 5px;
  border: 2px solid #ce1836;
  background-color: #f9c1cf;
}
.bm_maintenance_title {
  color: #ce1836;
  font-weight: bold;
  text-align: center;
}

/* 準正常系パーツ メンテナンス（LP1） */
.bm_maintenance_text {
  text-align: center;
}

/* 準正常系パーツ dポイント非会員（LP1） */
.bm_maintenance.dpoint .bm_maintenance_text {
  text-align: left;
}

/* スポーツ共通パーツ調整 */
.bm_html .fot_nav {
  height: auto;
}

.bm_html.bm_lp0 .fot_nav {
  padding-bottom: 80px;
}

html.dmenu_sports_app .baseball_mission .bm_inner {
  padding-bottom: 120px;
}