@charset "utf-8";

:root {
  --myColor01 : #231815;
  --myBasePX_XL : 80px;
  --myBasePX_L : 60px;
  --myBasePX_M : 30px;
  --myBasePX_S : 20px;
}
@media screen and (max-width: 767px) {
  :root {
    --myBasePX_XL : 50px;
    --myBasePX_L : 40px;
  }
}
@media screen and (max-width: 479px) {
  :root {
    --myBasePX_XL : 30px;
    --myBasePX_L : 20px;
    --myBasePX_M : 20px;
    --myBasePX_S : 12px;
  }
}

.flex {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.serif {
  font-family: "source-han-serif-japanese", serif;
  font-weight: 600;
  font-style: normal;
}

/* =============================================================
    page cllub_map
============================================*/
.p_head {
  height: 200px;
  background: url(https://cdn.tv-osaka.co.jp/clubtvo/images/otonatabi/hd_bk_otonatabi_club_pc.jpg) center center no-repeat;
  position: relative;
}
.p_head_wrap.flex {
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p_head_logo_wrap,
.p_head_logosub {
  width: 50%;
  max-width: 454px;
}
.p_head_logo {
  font-size: 0em;
  background: url(https://cdn.tv-osaka.co.jp/clubtvo/images/otonatabi/otonatabi_club_logo.png) center top/contain no-repeat;
  padding-top: calc(96 / 454 * 100%);
}
.p_head_logosub {
  font-size: 30px;
  color: #fff;
  text-align: center;
  padding-left: 50px;
}
.p_head_logosub span {
  width: 100%;
  padding: 12px 16px;
  border: solid 1px;
  display: inline-block;
}