@charset 'UTF-8';
/*
* 下部固定バナー表示
*/
.bottom_bar_js_type1 {
  display: block;
  width:100%;
}

/*
* 各会場へのリンク
*/
.mypage_bl_btnNav_inner {
  align-items: center;
  display: flex;
  gap: 2rem 3rem;
}

.mypage_el_btn {
  width: 100%;
}

/*
* 目黒会場
*/
.mypage_bl_detailWrapper {
  display: flex;
  gap: 2rem;
  width: 100%;
}

.mypage_bl_detailWrapper > .mypage_bl_detail_child {
  width: 100%;
}

/* 白い囲み */
.mypage_bl_whiteBox {
  background-color: var(--col_white);
  border-radius: 7px;
  box-shadow: 0 3px 6px var(--col_blackTransparent);
  padding: .8rem 1.5rem;
}

.mypage_bl_imgWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mypage_bl_mapWrapper img {
  aspect-ratio: 386 / 454;
  width: calc(min(100%, 386px));
}

/* マップリスト */
.mypage_bl_mapList li {
  margin-bottom: .4em;
}

.mypage_bl_mapList li:last-child {
  margin-bottom: 0;
}

/*
* 東銀座 TKK会場
*/
.mypage_el_ttlTxt {
  font-weight: bold;
}

.mypage_bl_trainList {
  font-size: 1.6rem;
  margin-left: 1em;
}

.mypage_el_link_underline,
.mypage_el_link_underline:visited {
  text-decoration: underline;
}

.mypage_el_link_underline:hover,
.mypage_el_link_underline:focus,
.mypage_el_link_underline:active {
  text-decoration: underline var(--col_gold);
}

/*===============================================
●スマホ用（896px未満）
===============================================*/
@media screen and (max-width:896px) {
  /*
* 各会場へのリンク
*/
  .mypage_bl_btnNav_inner {
    flex-direction: column;
    justify-content: flex-start;
  }

  .mypage_bl_btnNav_inner > li {
    width: calc(min(100%, 29.6rem));
  }

  /*
* 目黒会場
*/
  .mypage_bl_detailWrapper {
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }

  .mypage_bl_detailWrapper > .mypage_bl_detailWrapper {
    width: 100%;
  }

  .mypage_bl_trainList {
    font-size: 1.4rem;
  }

  /*
* 東銀座 TKK会場
*/

.mypage_bl_detailWrapper__bottom {
  gap:1rem;
  align-items:flex-start;
}

  .mypage_bl_mapList {
    width: 100%;
  }
}

/*===============================================
●PC・タブレット用（897px以上）
===============================================*/
@media screen and (min-width:897px) {
  /*
* 各会場へのリンク
*/
  .mypage_bl_btnNav_inner {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }

  .mypage_bl_btnNav_inner > li {
    width: 29.6rem;
  }

  /*
* 目黒会場
*/
  .mypage_bl_detailWrapper {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }

  .mypage_bl_detailWrapper > .mypage_bl_detail_child {
    width: calc((100% - 2rem) / 2);
  }

  .mypage_bl_imgWrapper {
    align-items: flex-start;
    justify-content: flex-start;
  }

  /*
* 東銀座 TKK会場
*/
  .mypage_bl_detailWrapper__bottom {
    align-items: flex-end;
  }
}