/*ニュース用ソースの調整 */



/* カラー変更
------------------------------------------------------------------------ 
.pl_h2Title02 {background: #e42713;}
.pl_h3Title02:before {background: #e42713;}
.pl_tFighters01 {color: #FFE800;}


.pl_linkMore03 {}

.pl_tBlue01 {color:#00aeff !important;}
.pl_tRed01 {color:#ff3d29 !important;}
.pl_tGreen01 {color:#FFE800 !important;}

.pl_table01 th, .pl_table02 th, .pl_table03 th, .pl_table04 th, .pl_table05 th {
  background: #666;
}
.pl_table01, .pl_table02, .pl_table03, .pl_table04, .pl_table05 {
  background: transparent;
}

.pl_btnT04 {background: #FFE800;}
a.pl_btnT04,a.pl_btnT04:visited,a.pl_btnT04:hover,a.pl_btnT04:focus {color:#e42713 !important;}

a          {color: #FFE800 !important;}
a:visited	 {color: #FFE800 !important;}
a:hover		 {color: #FFE800 !important;}
a:focus		 {color: #FFE800 !important;}
*/

/* ベース
------------------------------------------------------------------------ */
/* ub.common.css  の上書き */
body {
  min-width: 100%;
}
body:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: inherit;
  background: none;
}

.pl_boxColumn2 {
  margin: 0 auto 20px;
  width: 745px;
}
.s .pl_boxColumn2 {
  width: 100%;
}

.pl_boxColumn3 {
  margin: 0 auto 20px;
  width: 745px;
}
.s .pl_boxColumn3 {
  width: 100%;
}

.s .pl_btnBlock01>* {
  margin: 0 0 10px !important;
  width: 100%;
}
.s .pl_boxColumn2Full>*, .pl_boxColumn2Full>*.pl_imgBLock02 {
  width: 100%;
  margin: 0 0 10px !important;
}
.s .pl_boxColumn3Full>*, .pl_boxColumn3Full>*.pl_imgBLock02 {
  width: 100%;
  margin: 0 0 10px !important;
}


a.pl_btnT02,a.pl_btnT03,a.pl_btnT05,a.pl_btnT06,a.pl_btnT07,
a.pl_btnT02:visited,a.pl_btnT03:visited,a.pl_btnT05:visited,a.pl_btnT06:visited,a.pl_btnT07:visited,
a.pl_btnT02:hover,a.pl_btnT03:hover,a.pl_btnT05:hover,a.pl_btnT06:hover,a.pl_btnT07:hover,
a.pl_btnT02:focus,a.pl_btnT03:focus,a.pl_btnT05:focus,a.pl_btnT06:focus,a.pl_btnT07:focus
{color: #fff !important;}




/* カラム
------------------------------------------------------------------------ */
/* 1カラム */
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_1 { width: 880px; }

/* 2カラム */
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_2 { width: 435px; }

/* 3カラム */
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_3 { width: 286.666666667px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_3 { width: 573.333333334px; }

/* 4カラム */
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_4 { width: 212.5px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_4 { width: 435px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_4 { width: 657.5px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_4, .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_4, .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_4 {
    margin-left: 10px;
}
.pl_textBlock01 .pl_clmSec .pl_clmBox:first-child {
    margin-left: 0;
}

/* 5カラム */
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_5 { width: 168px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_5 { width: 346px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_5 { width: 524px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_4_5 { width: 702px; }

/* 6カラム */
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_6 { width: 138.333333333px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_6 { width: 286.666666666px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_6 { width: 434.999999999px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_4_6 { width: 583.333333332px; }
.pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_5_6 { width: 731.666666665px; }

/* SP1カラム */
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_1 { width: 100%; }

/* SP2カラム */
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_2 { width: 50%; }

/* SP3カラム */
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_3 { width: 33.3333%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_3 { width: 66.6666%; }

/* SP4カラム */
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_4 { width: 25%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_4 { width: 50%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_4 { width: 75%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_4_4 { width: 100%; }

/* SP5カラム */
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_5 { width: 20%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_5 { width: 40%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_5 { width: 60%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_4_5 { width: 80%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_4_5 { width: 100%; }

/* SP6カラム */
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_1_6 { width: 16.666666667%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_2_6 { width: 33.333333334%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_3_6 { width: 50%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_4_6 { width: 66.666666668%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_5_6 { width: 83.333333335%; }
.s .pl_textBlock01 .pl_clmSec .pl_clmBox.pl_clmWide_6_6 { width: 100%; }


.s .pl_textBlock01 .pl_clmSec {
  margin-left:-5px;
  margin-right:-5px;
}
.s .pl_textBlock01 .pl_clmSec .pl_clmBox {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}




/* タブ追加
------------------------------------------------------------------------ */
/*
#styleguide
タブ

タブを実装するスタイル
初期表示する要素には'.is-active'を付加しておく
'.tabBlockJS'がナビゲーション、'tabJS a'で表示切り替え
'.tabJS__panelBlock'が要素を内包するブロック、子要素に'.tabJS__panel'と任意のIDを指定して制御

```
<ul class="tabBlockJS">
  <li><a href="#elm01" class="tabJS">elm01</a></li>
  <li><a href="#elm02" class="tabJS">elm02</a></li>
</ul>

<div class="tabJS__panelBlock">
  <div class="tabJS__panel is-active" id="elm01">エレメント01</div>
  <div class="tabJS__panel" id="elm02">エレメント02</div>
</div>

```
*/

.tabBlockJS {border-bottom: 2px solid #00508E;margin: 0 -5px;}
.tabBlockJS li {float: left; width: 50%;padding: 0 4px;}
.tabBlockJS li a {
  display: block;
  background:#fff;
  color: #212121 !important;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tabJS__panel {padding: 20px 0;}

.tabBlockJS li a.is-active {background:#00508E;color: #fff !important;}

.tabJS__panel {display: none; }
/*.s.js-tab__panel {display: block !important; }*/
.tabJS__panel.is-active {display: block; }