@charset "UTF-8";

/* ----- reset CSS ここから ----- */
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 100%;
    font-weight: normal;
    outline: 0;
    vertical-align: baseline;
}

/*行の高さをフォントサイズと同じにしています*/
body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ol, ul {
    list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    /* background-color: #ff9; */
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #cccccc;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align: middle;
}

img {
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
/* ----- reset CSS ここまで ----- */

html {
    position: relative;
    min-height: 100%; /*コンテンツ量が少ないときだけfooter最下部固定*/

}

/*背景グラデーション*/
body {
    /* background: url(/pc/img/bg.jpg) 0 0 repeat-x #fff; */
    background-color: white;
}

section {
    margin:15px 0 10px;
}

/*背景ヘッダーライン*/
.wrap {
    width: 100%;
    margin: 0 auto;
    /* background: url(/pc/img/navLine.jpg) center 151px no-repeat; */
}

/* ----- header ここから ----- */
.header {
    width: 100%;
    height: 68px;
    text-align:center;
    background-color: black;
}

.header-contents {
    width: 980px;
    display: inline-block;
    text-align: left;
}

.header:after {
    clear: both;
}

.logo {
    float: left;
    padding: 0 0 0 22px;
}

.logo img{
    width: 118px;
    height: 63px;
}

/* --- nav ここから --- */
nav {
    width: 100%;
    margin-top: 5px;
}

nav ul {
    height: 45px;
    margin: 0 auto;
    padding: 0px;
}

nav ul li {
    display: inline-block;
    position: relative;
    line-height: 40px; /* 40pxがサブメニュー文字を上下中央に揃えるのに最適 */
    margin: 0px;
    padding: 0px;
}
nav ul li a:link, nav ul li a:visited {
    display: block;
    position: relative;
    height: 40px;
    padding: 10px 24px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

nav ul li a:hover {
    display: block;
    position: relative;
    height: 40px;
    padding: 10px 24px;
    color:#02a9e0;
    text-decoration: none;
    text-align: center;
    text-shadow:
        0 0 10px #02a9e0,
        0 0 10px #02a9e0,
        0 0 0.40px #02a9e0;
}

/*- sub_menu Style -*/
nav ul li ul.sub_menu {
    display: none;
    position: absolute;
    top: 40px; /*41px以上不具合*/
    left: 0;
    z-index: 999999;
    width: auto;
    height: auto;
    box-shadow: 0px 3px 7px #121012;
    -moz-box-shadow: 0px 3px 7px #121012;
    -webkit-box-shadow: 0px 3px 7px #121012;
    margin: 0;
    padding: 0;
    border-top: 1px solid #02a9e0;
    background-color: #0073af;
    font-size: 0.81rem;
}

nav ul li ul.sub_menu li.arrow_top {
    display: block;
    position: absolute;
    top: -21px;
    left: 42px;
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #02a9e0;
    border-left: 10px solid transparent;
}

nav ul li ul.sub_menu li {
    width: 184px; /*サブメニューの幅*/
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2d2d2d;
    float: none;
}

nav ul li ul.sub_menu li a {
    white-space: nowrap;
    padding: 0 0 0 10px;
    color: #fff;
    text-align: left;
}

nav ul li ul.sub_menu li a:hover {
    background-color: #035b89;
}
/*- sub_menu Style -*/
/* --- nav ここまで --- */
/* --- パンくずナビ ここから --- */
.breadcrumbs{
    width: 100%;
    background-color: #ddd;
}

.breadcrumbs ol {
    width: 960px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    color: #000;
    font-size: 0.81rem;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}
.breadcrumbs ol li {
    display: inline;
    list-style-type: none;
}

.breadcrumbs ol li:before {
    color: #000;
    content: " > ";
}

.breadcrumbs ol li:first-child:before {
    content:"";
}

.breadcrumbs a {
    color: #10a1e5;
}
.breadcrumbs a span {
    font-weight: bold;
}
/* --- パンくずナビ ここまで --- */


/* ----- header ここまで ----- */

/* ----- contents ここから ----- */
.contents {
    width: 960px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    padding-bottom: 29em; /*コンテンツ量が少ないときだけfooter最下部固定。footerのheightとあわせる*/
    background-color: #fff;
    color: #222;
    overflow: hidden;
}

.main {
    width: 640px;
    margin-bottom: 60px; /*footerまで60pxあけるsideと共通*/
    letter-spacing: 0.05em; /*文字間*/
    float: left;
}

.side {
    width: 300px;
    margin-bottom: 60px; /*footerまで60pxあけるmainと共通*/
    float: right;
}

/* --- 見出し ここから --- */
section h1,
section .div-h1 {
    position: relative;
    padding-bottom: 0.2em;
    border-bottom: 3px solid #aeb7be;
    color: #333;
    font-size: 1.75rem;
}
section h1::after,
section .div-h1::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    width: 30%;
    height: 3px;
    background-color: #ff6600;
    content: '';
}
/* --- 見出し ここまで --- */

/* --- Box見出し ここから --- */
.box {
    margin-top: 20px;
    border: 1px solid #aeb7be;
    background-color: #fff;
}

.box-main {
    width: 638px;
}

.box-side {
    width: 298px;
}


.box h2 {
    position: relative;
    padding-bottom: 0.2em;
    padding-left: 36px;
    font-size: 1.19rem;
    line-height: 1.8;
}

.box-ranking {
    background: url(/pc/img/boxicon_ranking.png)  8px 5px no-repeat;
}

.box-pickup {
    background: url(/pc/img/boxicon_pickup.png)  8px 5px no-repeat;
}

.box-login {
    background: url(/pc/img/boxicon_login.png)  8px 5px no-repeat;
}

.box h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 2px solid #028fdf;
    border-bottom: 4px solid #aeb7be;
    content: '';

}
/* --- Box見出し ここまで --- */

/* --- テキストとイメージリンク ここから --- */
.main h2 a:link,    .main h3 a:link    {color: #003b56; transition: all .3s;} /*未訪問のリンク色*/
.main h2 a:visited, .main h3 a:visited {color: #003b56;} /*訪問済みのリンク色*/
.main h2 a:hover,   .main h3 a:hover   {color: #fff; background:#778fa3 no-repeat;} /*カーソルが乗っているリンク色*/
.main h2 a:active,  .main h3 a:active  {color: #fff;} /*クリック中のリンク色*/

.main a img {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.main  a:hover img {
    opacity: 0.7; /* 透過レベル */
    filter: alpha(opacity=80);
}

.main .body {
    margin: 30px 0;
}

.main .term {
    overflow:auto;
    height:300px;
    padding: 5px 5px 0px 5px;
    border: 1px solid;
}
/* --- テキストとイメージリンク ここから --- */

/*--- ボタン  ここから ---*/
.button {
    height: 24px;
    padding: 0;
    overflow: hidden;
}

.button a {
    display: block;
    position: relative;
    z-index: 100; /* 重なり順を上に */
    text-align:center;
    background: #1b2830;
    color: #fff;
    font-size: 0.88rem;
    line-height: 1.63;
    border: 1px solid #000;
    text-decoration: none; /* 下線消す */
}

.button a:link    {color: #fff;}
.button a:hover   {background: #124565;} /* マウスオーバーカラー */
.button a:visited {color: #fff;}
.button a:active  {color: #fff;}

/*- button-small 140px ここから -*/
.button-small {
    width: 140px;
    margin: 8px auto 2px;
}

/* 三角 アイコン */
.triangle-small a:before {
display: block;
position: absolute;
top: 50%; /* 中央 */
left: 125px; /* 三角の位置 */
width: 0;
height: 0;
margin-top: -5px;
border: 5px solid transparent; /*top right bottom を透明化 */
border-left: 5px solid #d52a2d;
content: "";
}

.triangle-small a:hover:before {
    left: 127px; /*マウスオーバーで三角をずらす */
}
/*- button-small 140px ここまで -*/

/*- button-medium 220pxここから -*/
.button-medium {
    width: 220px;
    margin: 8px auto 2px;
}

/* 三角 アイコン */
.triangle-medium a:before {
    display: block;
    position: absolute;
    top: 50%; /* 中央 */
    left: 205px; /* 三角の位置 */
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent; /*top right bottom を透明化 */
    border-left: 5px solid #d52a2d;
    content: "";
}

.triangle-medium a:hover:before {
    left: 207px; /*マウスオーバーで三角をずらす */
}
/*- button-small 200px ここまで -*/

/*- button-large ****px ここから -*/
/* 追加予定 */
/*- button-large ****px ここまで -*/

/*- button-main メインエリア ここから -*/
.button-main {
    width: 190px;
    margin: 8px 0 2px 450px;
    text-align: right;
    float: left;
}

/* 三角アイコン */
.triangle-main a:before {
    display: block;
    position: absolute;
    top: 50%; /* 中央 */
    left: 176px; /* 三角の位置 */
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent; /*top right bottom を透明化 */
    border-left: 5px solid #d52a2d;
    content: "";
}

.triangle-main a:hover:before {
    left: 178px; /*マウスオーバーで三角をずらす */
}

.button-back {
    width: 190px;
    margin: 8px 0 2px 0;
    text-align: right;
    float: left;
}


/* 三角アイコン戻る */
.triangle-back a:before {
    display: block;
    position: absolute;
    top: 50%; /* 中央 */
    left: 9px; /* 三角の位置 */
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent; /*top right bottom を透明化 */
    border-right: 5px solid #d52a2d;
    content: "";
}

.triangle-back a:hover:before {
    left: 7px; /*マウスオーバーで三角をずらす */
}

/*次へボタン*/
.button-next {
    width: 190px;
    margin: 8px 0 2px 260px;
    text-align: right;
    float: left;
}


/*戻ると次へのグループ*/
.button_group {
    overflow: hidden;
}

.button_group:before,
.button_group:after {
    content: "";
    display: table;
}

.button_group:after {
    clear: both;
}

/*右寄せボタン*/
.button_right {
    width: 100px;
    margin-top:8px;
    margin-left: auto;
}

/*中央寄せボタン*/
.button_group img {
    display: block;
    margin: 8px auto 2px auto;
}

/*- button-main メインエリア右端 ここまで -*/
/*---ボタン ここまで ---*/

/*--- バナー ここから ---*/
/*- bnr-main ここから -*/
.bnr-main {
    display: table;
    padding-top:40px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 15px 0;
}

.bnr-main-cell {
    display: table-cell;
}

/* メインでバナーイメージのみ半透明にしない */
.bnr-main-cell a:hover img {
    opacity: 1.0;
    filter: alpha(opacity=100);
}
/*- bnr-main ここまで -*/

/*- bnr-side ここから -*/
/*- bnr-side1は2016.3.17現在cssに記述なし -*/
.bnr-side2 {
    margin-top: 20px;
}
/*- bnr-side ここまで -*/
/*--- バナー ここまで ---*/
/* ----- contents ここまで ----- */

/* ----- side ここから ----- */
/* --- ログイン ここから --- */
.side .login {
    margin: 10px;
}

.side .login p{
    font-size: 0.81rem;
}
/* --- ログイン ここまで --- */

/* --- 試合日程・結果 順位表 新着ニュース 共通 ここから --- */

.side .sns,
.side .banner{
    margin-top: 20px;
}

.side-heading{
    margin: 0;
    padding: 6px 6px 12px;
    font-size: 1.13rem;
    text-align: center;
}

.side .match, .side .ranking, .side .newnews, .side .player {
    width: 282px;
    margin-top: 20px;
    padding: 8px;
    border: 1px solid #a9b3bb;
    background-image: linear-gradient(
        -45deg,
        #bfdbeb 25%,
        #c8e5f6 25%, #c8e5f6 50%,
        #bfdbeb 50%, #bfdbeb 75%,
        #c8e5f6 75%, #c8e5f6
        );
    background-size: 8px 8px; /* 幅8px、高さ8pxで背景画像のサイズを指定 */
}

.side .league select {
    width: 280px;
    height: 29px;
    padding: 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.88rem;
    line-height: 1;
    -webkit-appearance: none; /* フォーム要素のスタイルをリセット */
    -moz-appearance: none; /* フォーム要素のスタイルをリセット */
    -o-appearance: none; /* フォーム要素のスタイルをリセット */
}

/*ie*/
.side .league select::-ms-expand {
    display: none;
}


.side .league {
    width: 280px;
    height: 28px;
    border: 1px solid #1b2830;
    background: url(../img/arrow_under.png) no-repeat 256px #fff;
}

.side thead, tbody {
    display: block;
}

.side .link-table a:link    {color: #003b56; transition: all .3s;} /*未訪問のリンク色*/
.side .link-table a:visited {color: #003b56;} /*訪問済みのリンク色*/
.side .link-table a:hover   {color: #fff; background:#778fa3 no-repeat;} /*カーソルが乗っているリンク色*/
.side .link-table a:active  {color: #fff;} /*クリック中のリンク色*/
/* --- 試合日程・結果 順位表共通ここまで --- */

/* --- 試合日程・結果ここから --- */
.side .club-table {
    width: 100%; /* 追加 */
    border-spacing: 0;
    font-size: 0.75rem;
    table-layout: fixed;
}

.side .club-table tbody {
    max-height: 320px;
    border: 1px solid #a9b3bb;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden; /* 追加 */

}

.side .club-table thead th {
    font-size: 1.3em;
    line-height: 1.81;
    vertical-align: top; /* 追加 */
}

.side .club-table tbody td {
    padding: 7px 0;
    border-bottom: 1px solid #a9b3bb;
    line-height: 1;
    text-align: center;
    vertical-align: bottom; /* 追加 */
}

.side .club-table tbody tr {
    background: #fff;
}

.side .club-table tbody tr:nth-child(2n+1) {
    background: #eef5fa;
}

.side .club-table tbody tr:hover {
    background: #eee;
    cursor: pointer;
}

.side .club-table tbody td span {
    color: #fff;
    background: #ff6600;
    border: 2px solid #ff6600; /* 3pxから2pxに変更 */
}

.side .club-table-date {
    padding: 2px 2px 6px;
    text-align: left;
}


.side .club-table tbody td:nth-child(1) {
    width: 102px;
}
.side .club-table tbody td:nth-child(3) {
    width: 102px;
}

.side .club-table tbody td:nth-child(2) {
    width: 57px;
}

.side .club-table-prev {
    width: 41px;

}
.side .club-table-section {
    width: 200px;
}

.side .club-table-next{

padding-left:20px;
}


/* 節ボタン右 */
.side .triangle-right {
    display: block;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-top: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #1b2830;
}

/* 節ボタン左 */
.side .triangle-left{
    display: block;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-top: 11px solid transparent;
    border-right: 11px solid #1b2830;
    border-bottom: 11px solid transparent;
    border-left: 11px solid transparent;
}
/* --- 試合日程・結果 ここまで --- */

/* --- 順位表 ここから --- */
.side .rank-table {
    border-spacing: 0;
    font-size: 0.75rem;
}

.side .rank-table tbody {
    max-height: 320px;
    border: 1px solid #a9b3bb;
    background-color: #fff;
    overflow-y: auto;
}

.side .rank-table th {
    padding: 2px;
    color: #000;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

.side .rank-table tr td {
    padding: 7px 0px;
    border-bottom: 1px solid #a9b3bb;
    line-height: 1;
    text-align: center;

}

.side .rank-table tbody tr {
    background: #fff;
}

.side .rank-table tbody tr:nth-child(2n+1) {
    background: #eef5fa;
}

.side .rank-table tbody tr:hover {
    background: #eee;
    cursor: pointer;
}

.side .rank-table tbody td span {
    border: 3px solid #ff6600;
    background:#ff6600;
    color:#ffffff;
}

.side .rank-table thead th:nth-child(1),
.side .rank-table tbody td:nth-child(1) {
    width: 30px;
}

.side .rank-table thead th:nth-child(2),
.side .rank-table tbody td:nth-child(2) {
    width: 110px;
}

.side .rank-table thead th:nth-child(3),
.side .rank-table tbody td:nth-child(3) {
    width: 50px;
}

.side .rank-table thead th:nth-child(4),
.side .rank-table tbody td:nth-child(4) {
    width: 40px;
}

.side .rank-table thead th:nth-child(5),
.side .rank-table tbody td:nth-child(5) {
    width: 60px;
}

/* --- 順位表 ここまで --- */

/* --- 新着ニュース ここから --- */
.side .newnews p a:link    {color: #003b56; transition: all .3s;} /*未訪問のリンク色*/
.side .newnews p a:visited {color: #003b56;} /*訪問済みのリンク色*/
.side .newnews p a:hover   {color: #fff; background:#778fa3 no-repeat;} /*カーソルが乗っているリンク色*/
.side .newnews p a:active  {color: #fff;} /*クリック中のリンク色*/

.side .newnews a img {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.side .newnews  a:hover img {
    width: 80px;
    height: 64px;
    opacity: 0.7; /* 透過レベル */
    filter: alpha(opacity=80);
}

.side .newnews td img {
    width: 80px;
    height: 64px;
}

.side .newnews table{
    border: 1px solid #a9b3bb;
    background-color: #fff;
}

.side .newnews td:nth-child(1) {
    width: 80px;
    padding: 6px 0;
}

.side .newnews td:nth-child(2) {
    width: 194px;
    padding-left: 6px;
    font-size: 0.81rem;
    line-height: 1.25;
    vertical-align: middle;
}

.side .newnews tr {
    border-bottom: 1px solid  #a9b3bb;
}

.side .newnews tr:nth-child(5) {
    border-bottom: none;
}

.side .newnews td span {
    color: #fff;
    background: #ff6600;
    padding : 3px 4px 0px 4px;
    font-size : 70%;
}

/* --- 新着ニュース ここまで --- */

/* --- アクセスランキング ここから --- */

.side .accessranking p a:link    {color: #003b56; transition: all .3s;} /*未訪問のリンク色*/
.side  .accessranking p a:visited {color: #003b56;} /*訪問済みのリンク色*/
.side .accessranking p a:hover   {color: #fff; background:#778fa3 no-repeat;} /*カーソルが乗っているリンク色*/
.side .accessranking p a:active  {color: #fff;} /*クリック中のリンク色*/

.side .accessranking a img {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

.side .accessranking  a:hover img {
    width: 80px;
    height: auto;
    opacity: 0.7; /* 透過レベル */
    filter: alpha(opacity=80);
}

.side .accessranking td img {
    width: 80px;
    height: auto;
}

.side .accessranking td:nth-child(1) {
    width: 22px;
    height: 64px;
    background-color: #028fe0;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.side .accessranking td:nth-child(2) {
    width: 80px;
}

.side .accessranking td:nth-child(3) {
    width: 192px;
    padding-left: 6px;
    font-size: 0.81rem;
    line-height: 1.25;
    vertical-align: middle;
}

.side .accessranking tr {
    border-bottom: 1px solid  #a9b3bb;
}

.side .accessranking tr:nth-child(5) {
    border-bottom: none;
}


/* --- アクセスランキング ここまで --- */

/* --- 得点ランキング ここから --- */
.side .scorer-table {
    border-spacing: 0;
    font-size: 0.75rem;
}

.side .scorer-table tbody {
    max-height: 320px;
    border: 1px solid #a9b3bb;
    background-color: #fff;
    overflow-y: auto;
}

.side .scorer-table th {
    padding: 2px;
    color: #000;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

.side .scorer-table tr td {
    padding: 7px 0px;
    border-bottom: 1px solid #a9b3bb;
    line-height: 1;
    text-align: center;

}

.side .scorer-table tbody tr {
    background: #fff;
}

.side .scorer-table tbody tr:nth-child(2n+1) {
    background: #eef5fa;
}

.side .scorer-table tbody tr:hover {
    background: #eee;
    cursor: pointer;
}

.side .scorer-table tbody td span {
    border: 3px solid #ff6600;
    background:#ff6600;
    color:#ffffff;
}

.side .scorer-table thead th:nth-child(1),
.side .scorer-table tbody td:nth-child(1) {
    width: 30px;
}

.side .scorer-table thead th:nth-child(2),
.side .scorer-table tbody td:nth-child(2) {
    width: 40px;
}

.side .scorer-table thead th:nth-child(3),
.side .scorer-table tbody td:nth-child(3) {
    width: 110px;
}

.side .scorer-table thead th:nth-child(4),
.side .scorer-table tbody td:nth-child(4) {
    width: 50px;
}

.side .scorer-table thead th:nth-child(5),
.side .scorer-table tbody td:nth-child(5) {
    width: 60px;
}

/* --- 得点ランキングここまで --- */

/* --- 選手一覧 ここから --- */
.side .player-table a:link    {color: #003b56; transition: all .3s;} /*未訪問のリンク色*/
.side .player-table a:visited {color: #003b56;} /*訪問済みのリンク色*/
.side .player-table a:hover   {color: #fff; background:#778fa3 no-repeat;} /*カーソルが乗っているリンク色*/
.side .player-table a:active  {color: #fff;} /*クリック中のリンク色*/
.side .player-table {
    border-spacing: 0;
    font-size: 0.75rem;
}

.side .player-table tbody {
    max-height: 320px;
    border: 1px solid #a9b3bb;
    background-color: #fff;
    overflow-y: auto;
}

.side .player-table th {
    padding: 2px;
    color: #000;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

.side .player-table tr td {
    padding: 7px 0px;
    border-bottom: 1px solid #a9b3bb;
    line-height: 1;
    text-align: center;
    width: 40px;

}

.side .player-table tbody tr {
    background: #fff;
}

.side .player-table tbody tr:nth-child(2n+1) {
    background: #eef5fa;
}

.side .player-table tbody tr:hover {
    background: #eee;
    cursor: pointer;
}

.side .player-table tbody td span {
    border: 3px solid #ff6600;
    background:#ff6600;
    color:#ffffff;
}


.side .player-table thead th:nth-child(3),
.side .player-table tbody td:nth-child(3) {
    width: 160px;
}



/* --- 選手一覧 ここまで --- */

/* ----- side ここまで ----- */

/* ----- footer ここから ----- */
.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    /* height: 29em;*/ /*コンテンツ量が少ないときだけfooter最下部固定。contentsのpadding-bottomとあわせる*/
    height: 40em; /*コンテンツ量が少ないときだけfooter最下部固定。contentsのpadding-bottomとあわせる*/
    margin: 0 auto;
    background-color: #1b2830;
}

.footer a:link    { color: #fff;}
.footer a:hover   { background: #0090ba;} /* マウスオーバーカラー */
.footer a:visited { color: #fff;}
.footer a:active  { color:#fff;}

.footer-link {
    width: 960px;
    margin: 0 auto;
    padding-top: 0px;
}

.footer-link dt{
    width: 100px;
    padding: 0.8em 0;
    color: #fff;
    font-size: 0.81rem;
    font-weight: bold;
    float: left;
}

.footer-link dd{
    padding: 0.8em 0;
    color: #0090ba;
    font-size: 0.81rem;
}

.footer-link dd a{
    color: #fff;
    line-height: 1.4em;
}

.footer-co {
    width: 960px;
    margin: 0 auto;
}

/* footerグラデーションライン */
.footer-line {
    height: 2px;
    margin: 30px 0 50px;
    border: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(10,90,116,1), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(10,90,116,1), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(10,90,116,1), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(10,90,116,1), rgba(0,0,0,0));
}

.footer-co p{
    text-align: center;
}

.footer-corp{
    color: #008bcb;
}

.footer-about{
    margin: 10px 0 20px;
    color: #0090ba;
    font-size: 0.81rem;
}

.footer-about a{
    color: #fff;
}

.footer-copyright{
    color: #a4a4a4;
    font-size: 0.81rem;
}

/*--- ページトップへ戻る ここから ---*/
.page-top a{
    display: block;
    position: relative;
    bottom: 40px;
    left: 92%;
    z-index:9999;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #000;
    background-color: #1b2830;
    text-align: center;
    text-decoration: none;
    outline:none;
}

.page-top a:hover {background: #124565;} /* マウスオーバーカラー */

.page-top a:before {
    position:absolute;
    top:19px;
    left:50%;
    margin-top:-12px;
    content:"";
    width:0px;
    height:0px;
    margin-left:-7px;
    border:7px solid transparent;
    border-bottom:7px solid #d52a2d;
}

.page-top a:hover:before {
    top: 21px; /*マウスオーバーで三角をずらす */
}
/*--- ページトップへ戻る ここまで ---*/
/* ----- footer ここまで ----- */

/*フォーム要素*/
.message {
    color:#D52A2D;
    margin-bottom:10px;
}
form {
    margin-bottom: 10px;
}

textarea {
    width:100%;
    height:30%;
}


button {
    display: block;
    position: relative;
    z-index: 100; /* 重なり順を上に */
    text-align:center;
    background: #1b2830;
    color: #fff;
    font-size: 0.88rem;
    line-height: 1.63;
    border: 1px solid #000;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, sans-serif;

}


button:hover   {background: #124565;} /* マウスオーバーカラー */

/*フォーム要素ここまで*/

/* 横スクロールバー */
.horizontal-list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.horizontal-list .item {
    display: inline-block;
    vertical-align: top;
}

a.tag-link {
    text-decoration:none;
}

a.tag-link > span {
    color: #10a1e5;
    /* border-bottom: 1px dashed #888; */
}

.match-daylist .day-title {
    padding-bottom: 0.2em;
    border-bottom: 2px solid #ff6600;
    color: #333;
    font-size: 1.5rem;
    margin: 0 0 10px 0;
}

.match-daylist .game-title {
    font-weight:bold;
    font-size:16px;
    padding:7px 0 5px 9px;
    background-color: #4f4f4f;
    color: #fff;
    width: 623px;
}
.match-daylist .game-title-end {
    clear:both;
    text-align: right;
    padding: 8px 4px 4px 0;
    margin: 0 0 26px 0;
    border-bottom: 2px solid #bbb;
    width: 623px;
    font-weight:bold;
}

.match-daylist .game-title-end a {
    color: #222;
}

.match-daylist .game-main {
    float: left;
    width: 308px;
    height: 106px;
    position:relative;
    margin: 2px 4px 2px 0;
    border: solid 3px #bbb;
}

.match-daylist .game-main:hover {
    background-color: #eef5fa;
}

.match-daylist .team-home {
    position:absolute;
    top:5px;
    left:0;
    width:107px;
    text-align:center;
    font-size: 12px;
}

.match-daylist .team-away {
    position:absolute;
    top:5px;
    left:200px;
    width:107px;
    text-align:center;
    font-size: 12px;
}

.match-daylist .team-home .team-name,
.match-daylist .team-away .team-name{
    font-weight: bold;
}


.match-daylist .team-home img,
.match-daylist .team-away img {
    height: 55px;
    padding: 5px;
}

.match-daylist .info {
    position:absolute;
    top:32px;
    left:100px;
    width:100px;
    text-align:center;
}

.match-daylist .info .score {
    font-weight:bold;
}

.match-daylist .info .win {
    font-weight:bold;
    color:red;
}

.match-daylist .info .status {
    margin: 8px 0 0 0;
}

.top-stripe .site-title {
    height: 1px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: -1px;
}
.top-stripe .contents {
    margin-bottom: 40px;
}
.top-stripe .stripe-group,
.top-stripe .stripe-group-rank {
    margin: 0 0 20px 0;
}
.top-stripe .stripe-group .date{
    color: #10a1e5;
    font-weight: bold;
    font-size: 11px;
}

.top-stripe .sns-icon-list {
    padding: 0 20px 0 0;
    float: right;
}

.top-stripe .sns-icon-list img {
    width: 32px;
    height: 32px;
}

.top-stripe .google-search-box {
    width: 257px;
    height: 40px;
    float: right;
}

.top-stripe .stripe-pickup-double{
    display: inline-block;
    width: 616px;
    height: 351px;
    padding: 2px 7px 2px 7px;
    margin: 3px;
    vertical-align: top;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.top-stripe .stripe-pickup-large,
.top-stripe .stripe-pickup-middle,
.top-stripe .stripe-news-middle,
.top-stripe .stripe-news-small{
    display: inline-block;
    width: 295px;
    padding: 2px 7px 2px 7px;
    margin: 3px;
    vertical-align: top;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.top-stripe .stripe-free {
    display: inline-block;
    width: 310px;
    height: 267px;
    padding: 0;
    margin: 3px 0 0 0;
    vertical-align: top;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.top-stripe .stripe-news-rank {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 154px;
    padding: 2px 4px 2px 5px;
    margin: 3px;
    vertical-align: top;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.top-stripe .stripe-news-rank .order {
    position: absolute;
    z-index: 100;
    top: 4px;
    left: 10px;
    background-color: yellow;
    font-size: 16px;
    padding: 2px 5px 0 5px;
}

.top-stripe .stripe-news-rank .image {
    height: 94px;
    overflow: hidden;
}

.top-stripe .stripe-news-rank img {
    width: 164px;
    height: 92px;
    object-fit: cover;
    object-position: 50% 0;
}

.top-stripe .stripe-news-rank .title{
    padding: 5px 0 0 0;
    overflow: hidden;
    height: 52px;
    line-height: 18px;
    font-size: 14px;
}

.top-stripe .stripe-sns {
    float: left;
    width: 315px;
}

.top-stripe .stripe-sns .fb-page {
    width: 305px;
}

.top-stripe .stripe-sns .twitter-timeline {
}

.top-stripe .stripe-pickup-double a,
.top-stripe .stripe-pickup-large a,
.top-stripe .stripe-pickup-middle a,
.top-stripe .stripe-news-middle a,
.top-stripe .stripe-news-small a,
.top-stripe .stripe-news-rank a{
    color: #000;
}

.top-stripe .stripe-pickup-double .image{
    width: 100%;
    height: 310px;
    overflow: hidden;
}
.top-stripe .stripe-pickup-double .image img{
    width: 616px;
    height: 395px;
}

.top-stripe .stripe-pickup-large {
    height: 263px;
}

.top-stripe .stripe-pickup-large .image{
    width: 100%;
    height: 218px;
    overflow: hidden;
}
.top-stripe .stripe-pickup-large .image img{
    width: 100%;
}
.top-stripe .stripe-pickup-double .title,
.top-stripe .stripe-pickup-large .title{
    padding: 5px 0 0 0;
    overflow: hidden;
    height: 36px;
    line-height: 18px;
    font-size: 14px;
}

.top-stripe .stripe-pickup-double .title{
    font-size: 16px;
    font-weight: bold;
}

.top-stripe .stripe-pickup-middle > div{
    margin: 6px 0 0 0;
    height: 81px;
    border-bottom: solid 1px #ccc;
}
.top-stripe .stripe-pickup-middle > div:last-child{
    border: none;
}
.top-stripe .stripe-pickup-middle .image{
    display: inline-block;
    vertical-align: top;
    height: 74px;
    overflow: hidden;
}
.top-stripe .stripe-pickup-middle .image img{
    width: 100px;
    height: 75px;
}
.top-stripe .stripe-pickup-middle .title{
    width: 182px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 10px;
    overflow: hidden;
    height: 69px;
    line-height: 18px;
    font-size: 14px;
}
.top-stripe .stripe-news-middle > div{
    position: relative;
    padding: 5px 0 5px 0;
    border-bottom: solid 1px #ccc;
}
.top-stripe .stripe-news-middle > div:last-child{
    border-bottom: none;
}

.top-stripe .stripe-news-middle .image{
    display: inline-block;
    vertical-align: top;
    height: 77px;
    overflow: hidden;
}
.top-stripe .stripe-news-middle .image img{
    width: 100px;
    height: 75px;
}
.top-stripe .stripe-news-middle .title{
    width: 182px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 10px;
    overflow: hidden;
    height: 52px;
    line-height: 18px;
    font-size: 14px;
}
.top-stripe .stripe-news-middle .date{
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.top-stripe .stripe-news-small > div{
    border-bottom: solid 1px #ccc;
    padding: 8px 0 8px 0;
}
.top-stripe .stripe-news-small > div:last-child{
    border-bottom: none;
}
.top-stripe .stripe-news-small .title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height:1.2em;
}

.top-stripe .stripe-category {
    width: 100%;
    border-top: solid 2px #444;
    padding: 10px 8px 5px 0;
    margin: 4px 0 0 0;
}
.top-stripe .stripe-category a {
    vertical-align: middle;
}
.top-stripe .stripe-category .large {
    color: #444;
    font-size: 22px;
    padding: 0 5px 0 5px;
}
.top-stripe .stripe-category .small {
    color: #888;
    padding: 0 5px 0 5px;
    font-size: 12px;
}

.top-stripe .stripe-team {
    width: 100%;
    padding: 10px 0 5px 2px;
    margin: 0 0 6px 0;
    position: relative;
    background-color: #ddd;
}
.top-stripe .stripe-team-noborder {
    border: none;
}
.top-stripe .stripe-team .match {
    background-color: white;
}
.top-stripe .stripe-team a{
    color: black;
}
.top-stripe .stripe-team .large {
    color: #444;
    font-size: 22px;
    padding: 0 5px 2px 5px;
}
.top-stripe .stripe-team > select {
    position: absolute;
    top: 6px;
    left: 105px;
    font-size: 14px;
    padding: 0 0 3px 5px;
}
.top-stripe .stripe-team > ul {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.top-stripe .stripe-team > ul > li{
    display: inline-block;
    margin: 2px;
    padding: 2px 3px 2px 0;
    width: 88.8px;
}
.top-stripe .stripe-team .team {
    position: relative;
    display: block;
}
.top-stripe .stripe-team .team .image img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}
.top-stripe .stripe-team .team .name {
    font-size: 10px;
    margin: 0 0 0 3px;
}
.top-stripe .stripe-team .team .score {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 14px;
}
.top-stripe .stripe-team .kickoff{
    font-size: 12px;
    text-align: center;
    padding: 6px 0 3px 0;
}

.news-rank-part {
    width: 290px;
}

.news-rank-part .rank-header {
    text-align: center;
    font-size:22px;
    font-weight: bold;
    height: 23px;
    margin: 20px 0 0 12px;
}

.news-rank-part .rank-menu {
    position: relative;
    height: 34px;
    margin: 10px 0 0 16px;
}

.news-rank-part .rank-menu > div {
    position: absolute;
    top: 0;
    width: 90px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.news-rank-part .rank-menu-off {
    color: #aaa;
    border-bottom: 2px solid #aaa;
}

.news-rank-part .rank-menu-on {
    color: #000;
    border-bottom: 2px solid #000;
}

.news-rank-part .rank-menu-d {
    left: 0;
}
.news-rank-part .rank-menu-w {
    left: 90px;
}
.news-rank-part .rank-menu-m {
    left: 180px;
}

.news-rank-part .rank-contents {
    position: relative;
    height: 400px;
    margin: 0 0 0 10px;
}

.news-rank-part .rank-contents > div {
    position: absolute;
}

.news-rank-part .rank-list {
    position: relative;
    width: 280px;
    height: 70px;
}

.news-rank-part .rank-order {
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: yellow;
    font-size: 12px;
    padding: 2px 5px 0 5px;
    z-index: 100;
}

.news-rank-part .rank-thumbnail {
    position: absolute;
    top: 0; 
    left: 0;
}

.news-rank-part .rank-thumbnail img {
    width: 80px;
    height: 60px;
}

.news-rank-part .rank-title {
    position: absolute;
    top: 0;
    left: 88px;
    width: 200px;
    height: 3.7em;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    line-height:1.3em;
    color: black;
}

.news-rank-part .rank-date {
    position: absolute;
    top: 50px;
    left: 90px;
    width: 200px;
    font-size: 11px;
    line-height: 1.2em;
    color: #10a1e5;
    font-weight: bold;
}

.news-rank-part .rank-more-link {
    text-align: right;
    padding: 6px 4px 8px 0;
    font-weight: bold;
    color: #087cd6;
    font-size: 0.9em;
}

span.paragraph-title,
span.paragraph-subtitle {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.profile_detail .link-year-list {
    margin: 10px 0 10px 0;
    text-align: left;
}

.profile_detail .link-year-list .link-year-active {
    text-align: center;
    display: inline-block;
    padding: 8px 10px 8px 10px;
    margin: 0 -1px -1px 0;
    border: solid 1px #a9b3bb;
    font-weight: bold;
    background: #eef5fa;
    width:50px;
}

.profile_detail .link-year-list a {
    text-decoration: none;
    color: #003b56;
}

.profile_detail .link-year-list .link-year {
    text-align: center;
    display: inline-block;
    padding: 8px 10px 8px 10px;
    margin: 0 -1px -1px 0;
    border: solid 1px #a9b3bb;
    width:50px;
}

.paragraph-title-next {
    text-align: center;
    margin: 0 8px 16px 8px;
}

.paragraph-title-next > a {
    text-decoration: none;
}

.paragraph-title-next > a > span {
    display: inline-block;
    text-align: left;
    padding: 8px 10px 8px 10px;
    color: #10a1e5;
    border-radius: 5px;
    border: solid 1px #10a1e5;
    background-color: white;
}

.paragraph-pager {
    text-align: center;
    margin: 0 4px 0 4px;
}

.paragraph-pager > span ,
.paragraph-pager > a > span.readnews {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 8px 10px 8px 10px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    border: solid 1px #10a1e5;
    background-color: #10a1e5;
}

.paragraph-pager > a {
    text-decoration: none;
}

.paragraph-pager > a > span {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 8px 10px 8px 10px;
    color: #10a1e5;
    font-weight: bold;
    border-radius: 5px;
    border: solid 1px #10a1e5;
    background-color: white;
}

.sg-news-list-link {
    text-align: left;
    margin: 8px 4px 0 4px;
    font-size:0.9em;
}

.sg-news-list-link > a {
    text-decoration: none;
}

.sg-news-list-link > a > span {
    display: inline-block;
    padding: 8px 10px 8px 10px;
    margin: 0 0 4px 0;
    color: #10a1e5;
    border-radius: 5px;
    border: solid 1px #10a1e5;
    background-color: white;
    line-height: 1.0em;
}

.match-score-list .match-right-tab-link {
    float: right;
    margin: 0 0 0 8px;
    padding: 6px 20px 6px 10px;
    background-color: #1b2830;
    font-size: 0.88rem;
    color: white;
    position: relative;
}

.match-score-list .match-right-tab-link a {
    color:white;
}

.match-score-list .match-right-tab-link:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #d52a2d;
    content: "";
}

.match-score-list tr {
    border: none;
}

.match-score-list .match-section-selector {
    background-color: #eef5fa;
}

.match-score-list .tournament-selector-div {
    padding: 6px 0 2px 0;
}

.match-score-list #tournament-selector {
    font-size: 1.0em;
    padding: 4px 0 4px 0;
}

.match-score-list .month-selector-div {
    padding: 0 0 22px 0;
}

.match-score-list .header-year {
    font-size: 0.8em;
    font-weight: bold;
    margin: 4px 0 2px 4px;
}

.match-score-list .month-selected {
    font-size: small;
    display: inline-block;
    width: 50px;
    text-align: center;
    padding: 4px 0 4px 0;
    background-color: #eef5fa;
    font-weight: bold;
    border: 1px solid #a9b3bb;
    margin: 0 -1px 0 0;
}

.match-score-list .month {
    font-size: small;
    display: inline-block;
    width: 52px;
    text-align: center;
    padding: 4px 0 4px 0;
    background-color: #ffffff;
    border: 1px solid #a9b3bb;
    margin: 0 -1px 0 0;
}

.match-score-list .month:hover {
    background-color: #eee;
}

.match-score-list .pregame-selector-div {
    padding: 0 0 22px 0;
}

.match-score-list .pregame-selected {
    font-size: small;
    display: inline-block;
    text-align: center;
    min-width:62px;
    padding: 4px 4px 4px 4px;
    background-color: #eef5fa;
    font-weight: bold;
    border: 1px solid #a9b3bb;
    margin: 0 -1px -1px 0;
}

.match-score-list .pregame {
    font-size: small;
    display: inline-block;
    text-align: center;
    min-width:62px;
    padding: 4px 4px 4px 4px;
    background-color: #ffffff;
    border: 1px solid #a9b3bb;
    margin: 0 -1px -1px 0;
}

.match-score-list .pregame:hover {
    background-color: #eee;
}

.match-score-list .pregame-header {
    background-color: #eee;
    margin: -1px 0 0 0;
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #a9b3bb;
    border-bottom: 1px solid #a9b3bb;
    font-size: small;
    font-weight: bold;
}

.match-score-list .match-detail-list {
    border-bottom: 1px solid #a9b3bb;
}

.match-score-list .match-detail-list:hover {
    background-color: #eee;
}

.match-score-list .match-detail-list td {
    vertical-align: middle;
}

.match-score-list .tournament-name {
    width: 24px;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}

.match-score-list .home-team-name {
    width: 250px;
    text-align: right;
    font-size: 0.9em;
}

.match-score-list .away-team-name {
    width: 250px;
    text-align: left;
    font-size: 0.9em;
}

.match-score-list .team-image {
    width: 30px;
    text-align: center;
}

.match-score-list .team-image img {
    height: 26px;
    padding: 2px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.match-score-list .kickoff {
    width: 80px;
    text-align: center;
    padding: 12px 0 12px 0;
}

.match-score-list .staduim {
    text-align: center;
    font-size:0.9em;
}

.match-score-list .staduim td {
    width: 640px;
    padding: 0 0 6px 0;
}

.match-ranking-list .update-date {
    text-align: right;
    font-size: 0.8em;
    margin: 2px 2px 0 0;
}

.match-ranking-list .ranking-table {
    width: 100%;
    margin: 0 0 4px 0;
}

.match-ranking-list tr.ranking-header td {
    background-color: #eee;
    margin: -1px 0 0 0;
    padding: 4px 0 4px 0;
    border-top: 1px solid #a9b3bb;
    border-bottom: 1px solid #a9b3bb;
    font-size: small;
    font-weight: bold;
    width: 46px;
}

.match-ranking-list td.center-header {
    text-align: center;
}

.match-ranking-list td.left-header {
    text-align: left;
}

.match-ranking-list td.name-group-header {
    padding: 0 0 0 4px;
}

.match-ranking-list td.score-header {
    width: 28px;
    text-align: center;
}

.match-ranking-list td.score-icon-header {
    width: 30px;
    text-align: center;
}

.match-ranking-list td.score-icon-header img {
    width: 16px;
}

.match-ranking-list tr.ranking-contents {
    border-bottom: 1px solid #a9b3bb;
}

.match-ranking-list tr.ranking-contents:hover {
    background-color: #eee !important;
}

.match-ranking-list tr.ranking-contents-selected {
    background-color: #ffff99;
}

.match-ranking-list tr.ranking-contents-selected td {
    font-weight: bold;
}

.match-ranking-list td.ranking-no {
    width: 24px;
    padding: 7px 0 7px 0;
    text-align: center;
}

.match-ranking-list td.score-ranking-no {
    width: 40px;
    padding: 7px 0 7px 0;
    text-align: center;
}

.match-ranking-list .score-team-image {
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    height: 20px;
}

.match-ranking-list td {
    vertical-align: middle;
    padding: 2px 0 2px 0;
}

.match-ranking-list td.team-image {
    width: 28px;
    text-align: center;
}

.match-ranking-list td.team-image img {
    width: 22px;
    height: auto;
    margin: 2px 0 2px 0;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.match-ranking-list td.team-name {
    width: 274px;
    font-size: 1.0em;
}

.match-ranking-list td.player-name {
    width: 224px;
    font-size: 1.0em;
}

.match-ranking-list td.score {
    text-align: center;
}

.match-ranking-list td.score-score {
    text-align: center;
    width: 30px;
}

.match-ranking-list .right-list {
    margin: 0 0 15px 0;
    text-align: right;
}

.match-ranking-list .right-list span {
    margin: 4px;
    padding: 0 4px;
    border-style: solid;
    border-width: 2px;
    border-radius: 1em;
    font-size: small;
    display: inline-block;
}

.match-ranking-list .rank-system-title {
    font-weight: bold;
    font-size: 1.0em;
    padding: 0 0 4px 0;
}

.match-ranking-list .rank-system-text {
    font-size: 0.9em;
    line-height: 1.2em;
}

.prev-next {
    text-align: center;
    height: 54px;
}

.prev-next .prev {
    margin: 0 20px 0 20px;
    padding: 6px 50px 6px 50px;
    background-color: #1b2830;
    font-size: 0.88rem;
    color: white;
    position: relative;
    top: 16px;
}

.prev-next .next {
    margin: 0 20px 0 20px;
    padding: 6px 50px 6px 50px;
    background-color: #1b2830;
    font-size: 0.88rem;
    color: white;
    position: relative;
    top: 16px;
}

.prev-next .prev:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 2px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 5px solid #d52a2d;
    content: "";
}

.prev-next .next:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #d52a2d;
    content: "";
}

.profile-team table {
    font-size: small;
}

.profile-team tr {
    border:none;
}

.profile-team .team-title {
    background-color: #eef5fa;
    margin: 5px 0 0 0;
    padding: 5px 0 5px 5px;
}

.profile-team .team-title-image {
    width: 54px;
    vertical-align: middle;
}

.profile-team .team-title-image img {
    width: 48px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.profile-team .team-title-name > h1 {
    font-size: 1.6em;
    font-weight: bold;
    padding: 6px 0 3px 0;
}

.profile-team .team-title-name-en {
    font-size: 1.0em;
    font-weight: bold;
}

.team-title-header {
    padding: 5px 0 5px 0;
    margin: 5px 0 0 0;
    background-color: #eef5fa;
    display: table;
    width: 100%;
}

.team-title-header-image {
    display: table-cell;
    vertical-align: top;
    width: 52px;
    height: 52px;
    padding: 0 0 0 5px;
}

.team-title-header-image img {
    width: 48px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.team-title-header h1 {
    display: table-cell;
    vertical-align: top;
}

.team-title-header h1 .team-title-header-name {
    display: block;
    font-weight: bold;
    font-size: 1.3em;
    padding: 6px 0 6px 6px;
}
.team-title-header h1 .team-title-header-name-en {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0 0 0 6px;
}

.profile-team .team-detail {
    margin: 10px 0 0 0;
}

.profile-team .team-detail tr {
    border-bottom: 1px solid #a9b3bb;
}

.profile-team .team-detail-header {
    width: 100px;
    padding: 6px 0 4px 0;
}

.profile-team .team-detail-data {
    width: 540px;
    padding: 6px 0 0 0;
}

.profile-team .team-detail-country-image {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    padding: 0 0 3px 0;
}

.profile-team .team-profile {
    font-size: 0.8em;
    margin: 10px 0 0 0;
}

.profile-team .team-section-type {
    padding: 24px 0 12px 0;
}

.profile-team .team-section-type td {
    font-size: 1.4em;
}

.profile-team .team-type-player-active,
.profile-team .team-type-schedule-active,
.profile-team .team-type-news-active,
.profile-team .team-type-movie-active {
padding: 7px 0px;
    border: 1px solid #a9b3bb;
    text-align: center;
    width: 160px;
    background-color: #ffff99;
    font-weight: bold;
}

.profile-team .team-type-player-switch,
.profile-team .team-type-schedule-switch,
.profile-team .team-type-news-switch,
.profile-team .team-type-movie-switch {
    padding: 7px 0px;
    border: 1px solid #a9b3bb;
    line-height: 1;
    text-align: center;
    width: 160px;
}

.profile-team .team-type-player-switch:hover,
.profile-team .team-type-schedule-switch:hover,
.profile-team .team-type-news-switch:hover,
.profile-team .team-type-movie-switch:hover {
    background-color: #eee !important;
}

.profile-team .player-detail {
    border: 1px solid #a9b3bb;
    margin-top: -1px;
}

.profile-team .player-detail:hover {
    background-color: #eee !important;
}

.profile-team .player-detail-number,
.profile-team .player-detail-position {
    font-size: 1.0em;
    font-weight: bold;
    width: 40px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
}

.profile-team .player-detail-image {
    position: relative;
    width: 45px;
    height: 45px;
}

.profile-team .player-detail-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
}

.profile-team .player-detail-name {
    padding: 4px 0 0 4px;
    vertical-align: middle;
    font-size: 1.0em;
    font-weight: bold;
}

.profile-team .player-detail-country {
    width: 30px;
}

.profile-team .player-detail-country img {
    width: 24px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    padding: 0 0 3px 0;
    text-align: center;
}

.profile-team .player-detail-birthday {
    font-size: 0.9em;
    width: 218px;
    vertical-align: middle;
}

.profile-team .player-detail-height,
.profile-team .player-detail-weight {
    font-size: 0.9em;
    padding: 0 7px 0 0;
    width: 60px;
    text-align: right;
    vertical-align: middle;
}

.profile-team .player-detail-match,
.profile-team .player-detail-score {
    font-size: 0.9em;
    padding: 0 4px 0 0;
    width: 20px;
    text-align: center;
    vertical-align: middle;
}

.profile-team .player-detail-match-icon,
.profile-team .player-detail-score-icon {
    width: 42px;
    vertical-align: middle;
    text-align: right;
}

.profile-team .player-detail-match-icon img,
.profile-team .player-detail-score-icon img {
    width: 20px;
}

.profile-team .detail-schedule-tournament {
    background-color: #eee;
    margin: -1px 0 0 0;
    padding: 4px 0 4px 4px;
    border: 1px solid #a9b3bb;
    font-size: small;
    font-weight: bold;
}

.profile-team .detail-schedule {
    border-right: 1px solid #a9b3bb;
    border-left: 1px solid #a9b3bb;
    border-bottom: 1px solid #a9b3bb;
    padding: 0 0 2px 0;
    width: 100%;
}

.profile-team .detail-schedule:hover {
    background-color: #eee !important;
}

.profile-team .detail-schedule td {
    height: 40px;
}

.profile-team .detail-schedule-match-day {
    font-size: 1.2em;
    vertical-align: middle;
    width: 140px;
}

.profile-team .detail-schedule-pregame {
    font-size: 1.2em;
    vertical-align: middle;
    width: 100px;
    text-align: center;
}

.profile-team .detail-schedule-kickoff,
.profile-team .detail-schedule-result-ha,
.profile-team .detail-schedule-result-img,
.profile-team .detail-schedule-result-home-score,
.profile-team .detail-schedule-result-hyphen,
.profile-team .detail-schedule-result-away-score {
    font-size: 1.2em;
    vertical-align: middle;
    text-align: center;
}

.profile-team .detail-schedule-result-img img {
    width: 18px;
    margin: -3px 0 0 0;
}

.profile-team .detail-schedule-kickoff {
    width: 85px;
}

.profile-team .detail-schedule-result-ha {
    width: 20px;
}

.profile-team .detail-schedule-result-img {
    width: 24px;
}

.profile-team .detail-schedule-result-home-score {
    width: 24px;
}

.profile-team .detail-schedule-result-hyphen {
    width: 12px;
}

.profile-team .detail-schedule-result-away-score {
    width: 24px;
}

.profile-team .detail-schedule-vs {
    font-size: 1.2em;
    vertical-align: middle;
    min-width: 20px;
    padding: 0px 0 0 12px;
}

.profile-team .detail-schedule-vs-logo {
    text-align: center;
    vertical-align: middle;
    min-width: 48px;
}

.profile-team .detail-schedule-vs-logo img {
    width: 34px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.profile-team .detail-schedule-vs-team {
    font-size: 1.2em;
    vertical-align: middle;
}

.profile-team .detail-news:first-child {
    border-top: 1px solid #a9b3bb;
}

.profile-team .detail-news {
    border-left: 1px solid #a9b3bb;
    border-right: 1px solid #a9b3bb;
    border-bottom: 1px solid #a9b3bb;
    width: 100%;
}

.profile-team .detail-news:hover {
    background-color: #eee !important;
}

.profile-team .detail-news-thumbnail {
    padding: 4px 10px 4px 4px;
    vertical-align: top;
}

.profile-team .detail-news-thumbnail img {
    width: 100px;
    height: 75px;
    object-fit: cover;
}

.profile-team .detail-news-title {
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 4px 4px 0 0;
}

.profile-team .detail-news-release-time {
    font-size:1.0em;
    font-weight: bold;
    color: #10a1e5;
    height: 16px;
}

.profile-team .all-match-link {
    text-align: right;
    padding: 2px 4px 8px 0;
    font-weight: bold;
    color: #087cd6;
    font-size: 0.9em;
}

.profile-team .team-link {
    color: #087cd6;
}

.profile-team .season-selector-table {
    padding: 2px 0 2px 0;
    margin: 4px 0 4px 0;
}

.profile-team .season-selector-table .title-td {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 0 0 4px;
}

.profile-team .season-selector-table .select-td {
    text-align:right;
}

.profile-team .season-selector-table .season-selector {
    font-size: 1.0em;
    padding: 4px 4px 4px 4px;
}

.profile-player table {
    font-size: small;
}

.profile-player tr {
    border:none;
}

.profile-player .player-title {
    background-color: #eef5fa;
    margin: 5px 0 0 0;
    padding: 5px 0 5px 5px;
}

.profile-player .player-title-image {
    width: 54px;
    vertical-align: middle;
}

.profile-player .player-title-image img {
    width: 48px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.profile-player .player-title-name > h1 {
    font-size: 1.6em;
    font-weight: bold;
    padding: 6px 0 3px 0;
}

.profile-player .player-title-name-en {
    font-size: 1.0em;
    font-weight: bold;
}

.profile-player .player-photo {
    text-align: center;
    margin-bottom: 10px;
}

.profile-player .player-photo img {
    width: 100%;
}

.profile-player .player-detail {
    margin: 10px 0 0 0;
}

.profile-player .player-detail tr {
    border-bottom: 1px solid #a9b3bb;
}

.profile-player .player-detail .player-detail-image {
    position: relative;
    width: 166px;
    height: 166px;
}

.profile-player .player-detail .player-detail-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 166px;
}

.profile-player .player-detail-header {
    width: 100px;
    padding: 6px 0 4px 14px;
}

.profile-player .player-detail-data {
    width: 360px;
    padding: 6px 0 0 0;
}

.profile-player .player-detail-country-image {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    padding: 0 0 3px 0;
}

.profile-player .player-profile {
    font-size: 0.8em;
    margin: 10px 0 0 0;
}

.profile-player .div-h1-profile-detail {
    padding-bottom: 4px;
    border-bottom: 2px solid #ff6600;
    color: #333;
    font-size: 1.5rem;
    margin: 20px 0 20px 0;
}

.profile-player .match-total-section {
    margin: 10px 0 0 0;
}

.profile-player .total-title {
    background-color: #eee;
    border-bottom: 1px solid #a9b3bb;
    border-top: 1px solid #a9b3bb;
    width: 100%;
}

.profile-player .total-title-header {
    font-weight: bold;
    width: 436px;
    padding: 4px 0 4px 4px;
    vertical-align: middle;
    height: 12px;
}

.profile-player .total-title-icon {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

.profile-player .total-title-icon img {
    width: 16px;
}

.profile-player .total-schedule tr,
.profile-player .total-sum tr {
    border-bottom: 1px solid #a9b3bb;
}

.profile-player .total-schedule-tournament,
.profile-player .total-sum-header {
    width: 436px;
    padding: 4px 0 4px 4px;
}

.profile-player .total-schedule-param,
.profile-player .total-sum-param {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0 4px 0;
}

.profile-player .match-detail-section {
    margin: 20px 0 0 0;
}

.profile-player .detail-schedule:hover {
    background-color: #eee !important;
}

.profile-player .detail-schedule-list {
    margin-top: -1px;
    padding-bottom: 22px;
}

.profile-player .detail-schedule-list > table {
    width: 100%;
}

.profile-player .detail-schedule-header {
    background-color: #eee;
    border-bottom: 1px solid #a9b3bb;
    border-top: 1px solid #a9b3bb;
}

.profile-player .detail-schedule-tournament {
    font-weight: bold;
    width: 476px;
    padding: 4px 0 4px 4px;
    vertical-align: middle;
}

.profile-player .detail-schedule-icon {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0 4px 0;
}

.profile-player .detail-schedule-icon img {
    width: 16px;
}

.profile-player .detail-schedule {
    border-bottom: 1px solid #a9b3bb;
}

.profile-player .detail-schedule-match-day,
.profile-player .detail-schedule-result {

    font-size: 0.9em;
    width: 108px;
    padding: 6px 0 0 4px;
}

.profile-player .detail-schedule-pregame {
    font-size: 1.1em;
    padding: 0 2px 0 2px;
    vertical-align: middle;
    width: 90px;
    height: 40px;
    text-align: center;
}

.profile-player .detail-schedule-other {
    width: 160px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0 4px 0;
}

.profile-player .detail-schedule-param {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0 4px 0;
    line-height: 1.4em;
}

.profile-player .detail-schedule-result img {
    width: 12px;
    margin: 0 0 3px 0;
}

.profile-player .detail-schedule-vs {
    font-size: 1.2em;
    vertical-align: middle;
    min-width: 18px;
    padding: 0 2px 0 2px;
}

.profile-player .detail-schedule-vs-logo-myself {
    text-align: center;
    vertical-align: middle;
    min-width: 26px;
}

.profile-player .detail-schedule-vs-logo-myself img {
    width: 20px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.profile-player .detail-schedule-vs-logo-opponent {
    text-align: center;
    vertical-align: middle;
    min-width: 36px;
}

.profile-player .detail-schedule-vs-logo-opponent img {
    width: 30px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}


.profile-player .detail-schedule-vs-team {
    font-size: 1.1em;
    vertical-align: middle;
    width: 189px;
}

.profile-player .touchable:hover{
    background-color: #eee !important;
}

.profile-team-list h1 {
    padding-bottom: 4px;
    border-bottom: 2px solid #aeb7be;
    color: #333;
    font-size: 1.5rem;
    margin: 12px 0 4px 0;
}

.profile-team-list .tournament-name {
    padding-bottom: 4px;
    border-bottom: 2px solid #ff6600;
    color: #333;
    font-size: 1.3em;
    padding: 30px 0 10px 8px;
    clear: both;
}

.profile-team-list .match-right-tab-link {
    float: right;
    margin: 0 0 0 8px;
    padding: 6px 20px 6px 10px;
    background-color: #1b2830;
    font-size: 0.88rem;
    color: white;
    position: relative;
}

.profile-team-list .match-right-tab-link a {
    color:white;
}

.profile-team-list .match-right-tab-link:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #d52a2d;
    content: "";
}

.profile-team-list .group-name {
    clear: both;
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 0 2px 4px;
    background-color: #d9e3eb;
    margin: 8px -1px 0 -1px;
}

.profile-team-list .team-list {
    border-bottom: 1px solid #a9b3bb;
    clear: both;
}

.profile-team-list .team-list table {
    width: 161px;
    float: left;
    border: 1px solid #a9b3bb;
    margin: 0 -1px -1px 0;
}

.profile-team-list .team-list table:hover {
    background-color: #eee !important;
}

.profile-team-list .team-list tr {
    border: none;
    height: 46px;
}

.profile-team-list .team-list .team-image {
    width: 36px;
    vertical-align: middle;
}

.profile-team-list .team-list .team-image img {
    width: 30px;
    padding: 0 0 0 2px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.profile-team-list .team-list .team-name {
    font-size: 0.8em;
    vertical-align: middle;
    line-height: 1.4em;
    padding: 0 4px 0 0;
}

.profile-team-list .team-list-end {
    clear: both;
    height: 10px;
}

.match-socre tr {
    border:none;
}

.match-socre .match-section-date {
    padding: 10px 0 10px 10px;
    margin: 0 0 20px 0;
    background-color: #eef5fa;
}

.match-socre .match-section-date > h1 {
    padding: 3px 0 3px 0;
}

.match-section-date .match-tournament {
    font-size: 1.0em;
    font-weight: bold;
}

.match-section-date .match-pregame {
    font-size: 1.0em;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.match-section-date .match-day {
    font-size: 1.2em;
}

.match-section-date .match-kickoff {
    padding: 0 0 0 5px;
}

.match-section-date .match-stadium {
}

.match-socre .match-section-score {
    padding: 0 5px 0 5px;
}

.match-section-score .score-home-team-name, 
.match-section-score .score-away-team-name {
    width: 294px;
    text-align: center;
    padding: 0 0 10px 0;
}

.match-section-score .score-blank-team-name {
    width: 80px;
}

.match-section-score .score-home-team-name a,
.match-section-score .score-away-team-name a {
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.match-section-score .score-home-team-image {
    text-align: left;
    padding: 0px 30px 0 118px;
    width: 60px;
}

.match-section-score .score-away-team-image {
    text-align: right;
    padding: 0 118px 0 30px;
    width: 60px;
}

.match-section-score .score-home-team-image img,
.match-section-score .score-away-team-image img {
    width: 70px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.match-section-score .score-home-score,
.match-section-score .score-away-score {
    text-align: center;
    font-weight: bold;
    font-size: 2.0em;
    vertical-align: middle;
}

.match-section-score .score-match-result {
    text-align: center;
    width: 150px;
}

.match-section-score .score-match-result div {
    padding: 2px 0 2px 0;
}

.match-socre .match-section-pk {
    padding: 12px 0 4px 0;
}

.match-section-pk .pk-title {
    text-align: center;
    font-size: 1.0em;
}

.match-section-pk .pk-table {
    width: auto;
    margin: 0 auto;
}

.match-section-pk tr.pk-tr-home {
    border-bottom: 1px solid #a9b3bb;
}
.match-section-pk tr.pk-tr-away {
    border: none;
}

.match-section-pk .pk-team-image {
    width: 28px;
}

.match-section-pk .pk-team-image img{
    width: 24px;
}

.match-section-pk .pk-team-name {
    width: 130px;
    vertical-align: middle;
}

.match-section-pk .pk-result img {
    width: 16px;
    margin: 4px 2px 6px 2px;
}

.match-section-pk .pk-score {
    width: 32px;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    vertical-align: middle;
}

.match-socre .match-section-goal {
    padding: 15px 0 8px 0;
    border-bottom: 1px solid #a9b3bb;
}

.match-section-goal .goal-table {
    width: 320px;
    float: left;
    padding: 0 0 3px 0;
}

.match-section-goal .goal-time {
    text-align: center;
    width: 50px;
    font-size: 1.0em;
    vertical-align: middle;
    padding: 3px 0 3px 0;
}

.match-section-goal .goal-home-detail {
    text-align: right;
    font-size: 0.85em;
    width: 274px;
    vertical-align: middle;
    padding: 3px 0 3px 0;
}

.match-section-goal .goal-away-detail {
    text-align: left;
    font-size: 0.85em;
    width: 274px;
    vertical-align: middle;
    padding: 3px 0 3px 0;
}

.match-section-goal .goal-home-detail a,
.match-section-goal .goal-away-detail a {
    color: #087cd6;
    text-decoration: none;
}

.match-section-goal .tolist {
    height: 50px;
}

.match-section-goal .goal-clear-both {
    clear: both;
    margin: 0 0 12px 0;
}

.match-socre .match-section-stat {
    border-bottom: 1px solid #a9b3bb;
}

.match-section-stat .match-stat-toggle-switch {
    text-align: center;
    color: #087cd6;
    padding: 10px 0 8px 0;
    font-size: 1.2em;
}

.match-section-stat .match-stat-table {
    margin: 10px 0 10px 0;
}

.match-section-stat .match-stat-td-home {
    vertical-align: middle;
    text-align: right;
    padding: 8px 4px 8px 4px;
    width: 282px;
}

.match-section-stat .match-stat-td-away {
    vertical-align: middle;
    text-align: left;
    padding: 8px 4px 8px 4px;
    width: 282px;
}

.match-section-stat .match-stat-td-home > div,
.match-section-stat .match-stat-td-away > div {
    padding: 4px 0 4px 0;
}

.match-section-stat .match-stat-td-home a,
.match-section-stat .match-stat-td-away a {
    color: #087cd6;
    text-decoration: none;
}

.match-section-stat .match-stat-icon {
    width: 16px;
    vertical-align: middle;
}

.match-section-stat .match-stat-link {
    vertical-align: middle;
}

.match-section-stat .match-stat-td-time {
    vertical-align: middle;
    background-color: #eef5fa;
    border: 1px solid #a9b3bb;
    width:48px;
    padding: 4px 4px 4px 4px;
    text-align: center;
    white-space: nowrap;
}

.match-section-stat .match-stat-td-time > div {
    line-height: 1.2em;
}

.match-socre .match-section-member {
    padding: 20px 0 0 0;
    clear: both;
}

.match-section-member .match-member-table {
    text-align: center;
}

.match-section-member .match-member-home-active,
.match-section-member .match-member-away-active {
    font-size: 1.2em;
    text-align: center;
    width: 320px;
    padding: 12px 0 10px 0;
    font-weight: bold;
    background-color: #eef5fa;
    border: 1px solid #a9b3bb;
    vertical-align: middle;
}

.match-section-member .match-member-home-switch,
.match-section-member .match-member-away-switch {
    font-size: 1.2em;
    text-align: center;
    width: 320px;
    padding: 12px 0 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #a9b3bb;
    vertical-align: middle;
}

.match-section-member .match-member-home-active img,
.match-section-member .match-member-away-active img,
.match-section-member .match-member-home-switch img,
.match-section-member .match-member-away-switch img {
    width: 24px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
    margin-top: -5px;
}

.match-section-member .match-member-type {
    border-bottom: 1px solid #a9b3bb;
    text-align: center;
    padding: 5px 0 5px 0;
    background-color: #eee;
}

.member-hash-position {
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 0 0 5px; 
}

.member-hash-table {
    border-bottom: 1px solid #a9b3bb;
    margin: 4px 0 0 0;
    width: 100%;
}

.member-hash-table tr {
    border: none;
}

.member-hash-td-number {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    width: 40px;
    vertical-align: middle;
}

.member-hash-td-name {
    font-size: 1.1em;
    width: 536px;
    padding: 6px 0px 6px 4px;
    vertical-align: middle;
}

.member-hash-td-name a {
    text-decoration: none;
    color: #087cd6;
}

.member-hash-td-stat {
    vertical-align: middle;
}

.member-hash-stat-table {
    width: auto;
    float: right;
}

.member-hash-stat-type {
    vertical-align: middle;
}

.member-hash-stat-type img {
    width: 16px;
}

.member-hash-stat-time {
    text-align: center;
    width: 40px;
    padding: 0 8px 0 8px;
}

.member-hash-stat-time > div {
    line-height: 1.2em;
}

.member-hash-country-image {
    width: 26px;
    padding: 0 0 2px 0;
    vertical-align: middle;
}

.member-hash-country-image img {
    height: 20px;
}

.member-hash-country {
    vertical-align: middle;
}

.accesslist-menu {
    text-align: center;
}
.accesslist-menu div {
    width: 33%;
    padding: 5px 0 5px 0;
    display: inline-block;
     font-weight: bold;
}
.accesslist-menu .menu-on {
    box-sizing: border-box;
    color: #000;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}
.accesslist-menu .menu-off {
    box-sizing: border-box;
    color: #aaa;
    border-bottom: 2px solid #000;
    cursor: pointer;
}

.accesslist-order {
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: yellow;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 5px 0 5px;
    z-index: 100;
}

.transfer-list-header {
    background-color: #eee;
    border-bottom: 1px solid #a9b3bb;
    border-top: 1px solid #a9b3bb;
    width: 100%;
}
.transfer-list-header .trans-date {
    width: 120px;
}
.transfer-list-header .team {
    width: 200px;
}
.transfer-list-header .transfer-type {
    width: 120px;
}

.transfer-list-header td {
    font-weight: bold;
    padding: 4px 0 4px 4px;
    vertical-align: middle;
}
.transfer-list {
    width: 100%;
    border-bottom: 1px solid #a9b3bb;
}
.transfer-list td {
    font-size: small;
    vertical-align: middle;
    height: 24px;
    padding: 2px 0 2px 0;
}
.transfer-list .trans-date {
    width: 120px;
}
.transfer-list .team-icon {
    width: 18px;
}
.transfer-list .team-icon img {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}
.transfer-list .team-name {
    width: 182px;
}
.transfer-list .team-icon-name {
    width: 200px;
}
.transfer-list .team-icon-name img {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

#disp-transfer-list-toggle-switch {
    text-align: right;
    color: #087cd6;
    padding: 6px 0 4px 0;
    font-size: small;
}
#transfer-list-first {
    display: block;
}

.supervisor-list-header {
    background-color: #eee;
    border-bottom: 1px solid #a9b3bb;
    border-top: 1px solid #a9b3bb;
    width: 100%;
}
.supervisor-list-header .start-date,
.supervisor-list-header .end-date {
    width: 112px;
}
.supervisor-list-header .team {
    width: 280px;
}
.supervisor-list-header .supervisor-type {
    width: 120px;
}

.supervisor-list-header td {
    font-weight: bold;
    padding: 4px 0 4px 4px;
    vertical-align: middle;
}
.supervisor-list {
    width: 100%;
    border-bottom: 1px solid #a9b3bb;
}
.supervisor-list td {
    font-size: small;
    vertical-align: middle;
    height: 24px;
    padding: 2px 0 2px 0;
}
.supervisor-list .start-date,
.supervisor-list .end-date {
    width: 120px;
}
.supervisor-list .team-icon {
    width: 18px;
}
.supervisor-list .team-icon img {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}
.supervisor-list .team-name {
    width: 262px;
}
.supervisor-list .team-icon-name {
    width: 294px;
}
.supervisor-list .team-icon-name img {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.supervisor-list .supervisor-type {
    width: 120px;
}
#disp-supervisor-list-toggle-switch {
    text-align: right;
    color: #087cd6;
    padding: 6px 0 4px 0;
    font-size: small;
}
#supervisor-list-first {
    display: block;
}

.national-list-header {
    background-color: #eee;
    border-bottom: 1px solid #a9b3bb;
    border-top: 1px solid #a9b3bb;
    width: 100%;
}
.national-list-header .start-date,
.national-list-header .end-date {
    width: 112px;
}
.national-list-header .team {
    width: 404px;
}

.national-list-header td {
    font-weight: bold;
    padding: 4px 0 4px 4px;
    vertical-align: middle;
}
.national-list {
    width: 100%;
    border-bottom: 1px solid #a9b3bb;
}
.national-list td {
    font-size: small;
    vertical-align: middle;
    height: 24px;
    padding: 2px 0 2px 0;
}
.national-list .start-date,
.national-list .end-date {
    width: 120px;
}
.national-list .team-icon {
    width: 18px;
}
.national-list .team-icon img {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}
.national-list .team-name {
    width: 382px;
}
.national-list .team-icon-name {
    width: 414px;
}
.national-list .team-icon-name img {
    width: 16px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

#disp-national-list-toggle-switch {
    text-align: right;
    color: #087cd6;
    padding: 6px 0 4px 0;
    font-size: small;
}
#national-list-first {
    display: block;
}

.type-switch-list {
    margin: 16px 0 10px 0;
}

.type-switch {
    font-size: 1.4em;
    line-height: 1;
    padding: 7px 0px;
    border: 1px solid #a9b3bb;
    text-align: center;
    width:160px;
}

.type-switch:hover {
    background-color: #eee;
}

.type-switch-active {
    background-color: #ffff99;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1;
    padding: 7px 0px;
    border: 1px solid #a9b3bb;
    text-align: center;
    width:160px;
}

.instagram-embed {
    background: white;
    width: 100%;
    height: 1200px;
    border-radius: 3px;
    border: 1px solid rgb(219, 219, 219);
    box-shadow: none;
    display: block;
}

.related-search-select {
    text-align: left;
    margin: 4px 0 0 0;
    padding: 4px 4px 0 4px;
    font-size:0.9em;
    overflow-x: auto;
    white-space: nowrap;
}

.related-search-select > span {
    display: inline-block;
    padding: 8px 10px 8px 10px;
    margin: 0 0 4px 0;
    color: #10a1e5;
    border-radius: 5px;
    border: solid 1px #10a1e5;
    background-color: white;
    line-height: 1.0em;
}

.related-search-select > span.selected {
    color: white;
    background-color: #10a1e5;
}

.related-search-result {
    display: none;
}

.level-title-header {
    padding: 5px 0 5px 0;
    background-color: #eef5fa;
    display: table;
    width: 100%;
}

.level-title-header-image {
    display: table-cell;
    vertical-align: middle;
    width: 52px;
    height: 52px;
    padding: 0 0 0 6px;
}

.level-title-header-image img {
    width: 48px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.level-title-header-name {
    display: table-cell;
    font-size: 1.4em;
    padding: 0 0 0 6px;
    vertical-align: middle;
}

.level-title-header-name h1 {
    font-weight: bold;
}


.title-header {
    padding: 5px 0 5px 0;
    margin: 5px 0 0 0;
    background-color: #eef5fa;
    display: table;
    width: 100%;
    min-height: 48px;
}

.title-header-image {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 5px;
    width: 48px;
}

.title-header-image img {
    width: 48px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
}

.title-header div {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 6px;
}

.title-header div .title-header-name {
    display: block;
    font-weight: bold;
    font-size: 1.3em;
    padding: 6px 0 6px 6px;
}
.title-header div .title-header-name-en {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0 0 0 6px;
}

.h2-title {
    padding-bottom: 4px;
    border-bottom: 2px solid #ff6600;
    color: #333;
    font-size: 1.5rem;
    margin: 20px 0 20px 0;
}

.newsdetail-article h3 {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 0;
}