@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
.vis-hide {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0; }

@font-face {
  font-family: 'ico';
  src: url("/fonts/icons.eot?tepbyn");
  src: url("/fonts/icons.eot?tepbyn#iefix") format("embedded-opentype"), url("/fonts/icons.ttf?tepbyn") format("truetype"), url("/fonts/icons.woff?tepbyn") format("woff"), url("/fonts/icons.svg?tepbyn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="pl-icon-"], [class*=" pl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ico' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pl-icon-fav:before {
  content: "\e90f"; }

.pl-icon-fb:before {
  content: "\ea90"; }

.pl-icon-tw:before {
  content: "\ea96"; }

/* 各見出し用のフォントサイズ */
/* 45px */
/* 36px */
/* 20px */
/* キーカラー */
/* 各見出し用のフォントサイズ ここまで */
.header-main {
  width: 100%;
  min-width: 1180px;
  position: relative;
  background: #000; }
  .header-main .bar-header {
    width: 100%; }

.header-menu {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #3FB1E5;
  font-size: 16px;
  padding: 0 20px;
  box-sizing: border-box; }
  .header-menu-list {
    margin-left: 20px;
    height: 58px;
    display: flex;
    align-items: baseline;
    justify-content: flex-start; }
    .header-menu-list a {
      height: 58px;
      line-height: 58px;
      display: block;
      padding: 0 10px;
      color: #fff; }
      .header-menu-list a:visited, .header-menu-list a:link {
        color: #fff;
        text-decoration: none; }
      .header-menu-list a:hover {
        background: linear-gradient(to top, #3fb1e5 4px, rgba(63, 177, 229, 0) 4px) no-repeat bottom; }
    .header-menu-list li {
      white-space: nowrap; }
  .header-menu-status {
    margin-left: auto;
    padding: 4px 20px;
    background: #fff;
    border-radius: 20px;
    color: #000;
    font-weight: bold; }
  .header-menu-box-status {
    margin-left: auto;
    display: flex; }
    .header-menu-box-status > * + * {
      margin-left: 5px; }
    .header-menu-box-status > div {
      white-space: nowrap; }
  .header-menu .isUnsubscribeLabel {
    font-size: 14px;
    padding: 4px 20px;
    background: #fff;
    border-radius: 20px;
    color: #000;
    font-weight: bold;
    line-height: 22px;
    display: inline-block; }
    .header-menu .isUnsubscribeLabel a {
      color: #000; }
  .header-menu .isPurchaseLabel {
    font-size: 14px;
    padding: 4px 20px;
    background: #fff;
    border-radius: 20px;
    color: #000;
    font-weight: bold;
    line-height: 22px;
    display: inline-block; }
    .header-menu .isPurchaseLabel.pullDown {
      cursor: pointer;
      position: relative;
      padding-right: 12px; }
      .header-menu .isPurchaseLabel.pullDown::before {
        display: block;
        width: 5px;
        height: 5px;
        border-top: solid 1px #000;
        border-right: solid 1px #000;
        content: '';
        margin-top: -4px;
        position: absolute;
        left: 8px;
        top: 50%;
        transform: rotate(135deg); }
      .header-menu .isPurchaseLabel.pullDown .subMenu {
        cursor: default;
        padding: 10px 8px;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: 100;
        top: 24px;
        left: 50%;
        margin-left: -125px;
        width: 310px;
        background: #fff;
        border: 1px solid #000;
        box-sizing: border-box;
        transition: all .2s ease;
        border-radius: 3px; }
        .header-menu .isPurchaseLabel.pullDown .subMenu::before {
          content: "";
          position: absolute;
          top: -12px;
          left: 50%;
          margin-left: -6px;
          border: 6px solid transparent; }
        .header-menu .isPurchaseLabel.pullDown .subMenu > dl {
          overflow: hidden; }
          .header-menu .isPurchaseLabel.pullDown .subMenu > dl > dt {
            clear: left;
            float: left; }
          .header-menu .isPurchaseLabel.pullDown .subMenu > dl > dd {
            float: right; }
      .header-menu .isPurchaseLabel.pullDown.is-active .subMenu {
        top: 32px;
        visibility: visible;
        opacity: 1; }

[class*="header-menu-"] {
  position: relative; }
  [class*="header-menu-"] .menu-sub {
    display: none;
    left: 0;
    z-index: 10;
    position: absolute;
    padding: 20px 40px;
    line-height: 1.8;
    white-space: nowrap;
    background-color: #1a8abe;
    transition: all .2s ease-in-out; }
    [class*="header-menu-"] .menu-sub a {
      height: 30px;
      padding: 0;
      line-height: 1.8;
      color: #fff; }
      [class*="header-menu-"] .menu-sub a:hover {
        background: none;
        color: #fbc72a; }
  [class*="header-menu-"]:hover > .menu-sub {
    display: block; }

.bar-bottom {
  background: #000;
  color: #fff;
  border-bottom: 1px solid #fff; }
  .bar-bottom .block-info {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between; }
  .bar-bottom .box-info {
    display: flex;
    justify-content: space-between; }
  .bar-bottom .capt-info {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.4;
    padding: 22px 27px; }
  .bar-bottom .idx-info {
    padding: 0 9px;
    display: flex;
    align-items: center;
    border-width: 0 1px; }
    .bar-bottom .idx-info img {
      vertical-align: middle; }
  .bar-bottom .box-func {
    display: flex;
    align-items: center;
    padding-right: 13px;
    text-align: center; }
    .bar-bottom .box-func .list-func .btn-func a {
      padding-left: 0;
      margin-left: 0; }

.score-switch-wrap {
  position: relative;
  display: flex;
  height: 40px;
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  color: #fff;
  text-align: center; }
  .score-switch-wrap.op-before {
    width: 100%;
    min-width: 1280px;
    margin-top: 0; }

#pacificleague .header-menu-list [class*="header-menu-"] > a:hover,
#svod.pacificleague .header-menu-list [class*="header-menu-"] > a:hover,
#product.pacificleague-detail .header-menu-list [class*="header-menu-"] > a:hover,
.pacificleague-top .header-menu-top a,
.pacificleague-schedule .header-menu-schedule a {
  background: linear-gradient(transparent 98%, #fff 98%, #fff 100%); }

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