@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400);

.list.list-players-small .item,
.socials {
    zoom: 1
}

.list.list-players-small .item:before,
.socials:before {
    content: "";
    display: table
}

.list.list-players-small .item:after,
.socials:after {
    content: "";
    display: table;
    clear: both
}

.diamond li {
    display: block;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap
}

.i-result-win,
.i-result-draw,
.i-result-lose,
.i-result-blank,
[class^="label-block-"],
.bso [class^="tr-bso-"] dd {
    display: inline-block;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap
}

.vh {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.scoreboard-team dd b {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.list-timeline .item,
.list-timeline .item .item-title,
.list-timeline .item p,
.no-ellipsis .item,
.no-ellipsis .item h1,
.no-ellipsis .item h2,
.no-ellipsis .item h3,
.no-ellipsis .item h4,
.no-ellipsis .item h5,
.no-ellipsis .item h6,
.no-ellipsis .item ul,
.no-ellipsis .item ol,
.no-ellipsis .item li,
.no-ellipsis .item dl,
.no-ellipsis .item dt,
.no-ellipsis .item dd,
.no-ellipsis .item p,
.no-ellipsis.item,
.no-ellipsis.item h1,
.no-ellipsis.item h2,
.no-ellipsis.item h3,
.no-ellipsis.item h4,
.no-ellipsis.item h5,
.no-ellipsis.item h6,
.no-ellipsis.item ul,
.no-ellipsis.item ol,
.no-ellipsis.item li,
.no-ellipsis.item dl,
.no-ellipsis.item dt,
.no-ellipsis.item dd,
.no-ellipsis.item p,
.list-description .item .item-title,
.list-description .item .item-title+p,
.list-buttons-description .item .item-title,
.list-buttons-description .item .item-title+p,
.list-buttons-card .item .item-title,
.list-buttons-card .item .item-title+p,
.list[class*="list-players"] .item .item-title+p,
.score-vs .t-score .game-status,
.list-game-summary .item .box-summary-text p,
.box-news-topics .item,
.list-schedule .t-score span {
    -ms-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

.mac .button.button-outline,
.mac .button.button-block-dp,
.mac .title-catchcopy,
.mac .title-catchcopy>*,
.mac .title-sect,
.mac .title-sect>*,
.mac .text-lead,
.mac .text-lead b,
.text-lead .mac b,
.mac .item .item-title,
.item .mac .item-title,
.mac [class^="i-status-"],
.mac .local-nav .current,
.local-nav .mac .current,
.mac tbody .t-rank,
tbody .mac .t-rank,
.mac th.a,
.iphone .button.button-outline,
.iphone .button.button-block-dp,
.iphone .title-catchcopy,
.iphone .title-catchcopy>*,
.iphone .title-sect,
.iphone .title-sect>*,
.iphone .text-lead,
.iphone .text-lead b,
.text-lead .iphone b,
.iphone .item .item-title,
.item .iphone .item-title,
.iphone [class^="i-status-"],
.iphone .local-nav .current,
.local-nav .iphone .current,
.iphone tbody .t-rank,
tbody .iphone .t-rank,
.iphone th.a,
.ipad .button.button-outline,
.ipad .button.button-block-dp,
.ipad .title-catchcopy,
.ipad .title-catchcopy>*,
.ipad .title-sect,
.ipad .title-sect>*,
.ipad .text-lead,
.ipad .text-lead b,
.text-lead .ipad b,
.ipad .item .item-title,
.item .ipad .item-title,
.ipad [class^="i-status-"],
.ipad .local-nav .current,
.local-nav .ipad .current,
.ipad tbody .t-rank,
tbody .ipad .t-rank,
.ipad th.a,
.ipod .button.button-outline,
.ipod .button.button-block-dp,
.ipod .title-catchcopy,
.ipod .title-catchcopy>*,
.ipod .title-sect,
.ipod .title-sect>*,
.ipod .text-lead,
.ipod .text-lead b,
.text-lead .ipod b,
.ipod .item .item-title,
.item .ipod .item-title,
.ipod [class^="i-status-"],
.ipod .local-nav .current,
.local-nav .ipod .current,
.ipod tbody .t-rank,
tbody .ipod .t-rank,
.ipod th.a {
    font-family: 'Roboto Condensed', "Hiragino Kaku Gothic ProN W6";
    font-weight: 700
}

time:before {
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    width: 32px;
    text-align: center;
    margin-top: -.5em;
    font-size: 32px;
    font-family: 'ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bt-to-top .wrapper:after,
.list-timeline .item .place dd[class^="p-"]:after,
.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after,
.list-buttons-card .item-avatar:after,
.breadcrumb a:after,
.breadcrumb b:after,
.select-holder:after,
.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after {
    position: absolute;
    right: 11px;
    top: 50%;
    display: block;
    width: 32px;
    text-align: center;
    margin-top: -.5em;
    font-size: 32px;
    font-family: 'ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.list-arrows .item.item-divider:after,
.list-arrows .item.item-icon-right:after,
.item.list-arrow.item-icon-right:after,
.button-block-dp.icon-right:after,
.button-block-dp.item-icon-right:after,
.local-nav .item.item-divider:after,
.list-schedule .t-date time:before {
    content: none;
    background: none;
    visibility: hidden
}

.title-headline {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.025em
}

.title-content .wrapper>b {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.025em
}

.title-catchcopy,
.title-catchcopy>* {
    font-size: 21px;
    line-height: 1.75;
    letter-spacing: .125em
}

.title-sect,
.title-sect>*,
.box-slider-special .visual h1 {
    font-size: 18px;
    line-height: 1.5
}

.body p,
.body li,
.body dt,
.body dd,
.item-text-wrap p,
.item-text-wrap li,
.item-text-wrap dt,
.item-text-wrap dd,
.title-body,
.title-caption,
.title-th,
.list.list-photos .item .item-title,
table caption,
.tbl-body {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: .025em
}

.caption,
.caption>li,
.caution,
.caution>li,
.body .caption,
.body .caption>li,
.body .caution,
.body .caution>li,
.item .caption,
.item .caption>li,
.item .caution,
.item .caution>li,
.list-buttons-card .item .item-title+p,
.list-game-summary .item .box-summary-text p small {
    font-size: 12px;
    line-height: 1.75;
    color: #777
}

.list-schedule .t-name a {
    color: #3358c9;
    border-radius: 2px
}

.bt-to-top .wrapper:after,
.list-timeline .item .place dd[class^="p-"]:after,
.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after,
.list-buttons-card .item-avatar:after,
.breadcrumb a:after,
.breadcrumb b:after,
.select-holder:after,
.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after,
[class^="label-block-"],
.select-holder,
.loader-infinite,
.loader-infinite .loader-bar,
.t_unit,
.activated,
#g_nav,
.content,
#local_nav,
#filter-overlay,
.th-sort a:after {
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list .item.status-soon,
.list .item.status-end,
.bxsh-dp0 {
    box-shadow: 0 0 0 transparent
}

.list-schedule .t-name a:hover,
.button.button-block-dp,
.list-game-summary .item,
.bxsh-dp1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}

.list.list-goods .card,
[class^="list-players"] .card,
.bxsh-dp5 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
}

.box-topic,
.box-tooltip,
.box-contact,
.list-schedule .tr-game-live,
.bxsh-dp10 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
}

.bxsh-inset-dp1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset
}

.bxsh-inset-dp5 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset
}

.bxsh-inset-dp10 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

.cfix:before,
.wrap-right:before,
.cfix:after,
.wrap-right:after {
    content: '';
    display: table
}

.cfix:after,
.wrap-right:after {
    clear: both
}

.cfix,
.wrap-right {
    zoom: 1
}

.clear {
    clear: both
}

a,
input,
button,
object,
label,
textarea {
    outline: none
}

strong,
b,
em,
u,
i {
    text-decoration: none;
    font-style: normal
}

nav ul,
nav ol {
    margin: 0;
    padding: 0
}

img {
    -ms-interpolation-mode: bicubic
}

html,
body {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

html {
    line-height: 1.75
}

.bar,
.list .item,
.button {
    line-height: 1
}

.content {
    position: static
}

.content-padded {
    padding-top: 44px
}

.content-border-top {
    border-top: 44px solid transparent
}

.item-select select {
    background-color: transparent
}

.list .item.item-divider,
.item-divider-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10;
    background-color: rgba(245, 245, 245, 0.95)
}

.item-icon-center .icon {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    font-size: 32px;
    left: 0;
    right: 0;
    text-align: center
}

.item .card {
    margin-left: 0;
    margin-right: 0
}

.card.ovv {
    overflow: visible;
    position: relative
}

.bar-header {
    background-color: transparent
}

.bar-static {
    position: static
}

.button {
    line-height: 46px;
    padding: 0 1.5em
}

.button.button-small {
    line-height: 26px
}

.button-small .icon:before,
.button-small.icon:before,
.button-small.icon-left:before,
.button-small.icon-right:before {
    line-height: 23px
}

.button.button-block {
    border: 0;
    border-radius: 0
}

.button.button-outline {
    border-radius: 0;
    border-width: 3px;
    font-weight: bold
}

.button.button-outline.button-large {
    line-height: 48px;
    border-width: 5px
}

.button.button-block-dp {
    border: 0;
    border-radius: 0;
    position: relative;
    font-weight: bold
}

.button.button-block-dp:after {
    left: auto
}

/*! Flexible Grid System 2.4.1 | CSS | MIT License | flexible.gs */

*,
*:before,
*:after {
    box-sizing: border-box
}

@-ms-viewport {
    width: device-width
}

.wrap {
    font-size: 0;
    display: block
}

.wrap>* {
    position: relative;
    width: 100%;
    min-height: 1px;
    font-size: 1rem;
    vertical-align: top
}

.flexbox {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrap>* {
    display: inline-block
}

.xs-auto {
    width: auto
}

.xs-1 {
    width: 100%
}

.xs-2-1,
.xs-4-2,
.xs-6-3,
.xs-8-4,
.xs-10-5,
.xs-12-6 {
    width: 50%
}

.xs-3-1,
.xs-6-2,
.xs-12-4 {
    width: 33.333333333333336%
}

.xs-3-2,
.xs-6-4,
.xs-12-8 {
    width: 66.66666666666667%
}

.xs-4-1,
.xs-8-2,
.xs-12-3 {
    width: 25%
}

.xs-4-3,
.xs-8-6,
.xs-12-9 {
    width: 75%
}

.xs-5-1,
.xs-10-2 {
    width: 20%
}

.xs-5-2,
.xs-10-4 {
    width: 40%
}

.xs-5-3,
.xs-10-6 {
    width: 60%
}

.xs-5-4,
.xs-10-8 {
    width: 80%
}

.xs-6-1,
.xs-12-2 {
    width: 16.666666666666668%
}

.xs-6-5,
.xs-12-10 {
    width: 83.33333333333334%
}

.xs-7-1 {
    width: 14.285714285714286%
}

.xs-7-2 {
    width: 28.571428571428573%
}

.xs-7-3 {
    width: 42.85714285714286%
}

.xs-7-4 {
    width: 57.142857142857146%
}

.xs-7-5 {
    width: 71.42857142857143%
}

.xs-7-6 {
    width: 85.71428571428572%
}

.xs-8-1 {
    width: 12.5%
}

.xs-8-3 {
    width: 37.5%
}

.xs-8-5 {
    width: 62.5%
}

.xs-8-7 {
    width: 87.5%
}

.xs-9-1 {
    width: 11.11111111111111%
}

.xs-9-2 {
    width: 22.22222222222222%
}

.xs-9-3 {
    width: 33.33333333333333%
}

.xs-9-4 {
    width: 44.44444444444444%
}

.xs-9-5 {
    width: 55.55555555555556%
}

.xs-9-6 {
    width: 66.66666666666666%
}

.xs-9-7 {
    width: 77.77777777777777%
}

.xs-9-8 {
    width: 88.88888888888889%
}

.xs-10-1 {
    width: 10%
}

.xs-10-3 {
    width: 30%
}

.xs-10-7 {
    width: 70%
}

.xs-10-9 {
    width: 90%
}

.xs-11-1 {
    width: 9.090909090909092%
}

.xs-11-2 {
    width: 18.181818181818183%
}

.xs-11-3 {
    width: 27.272727272727273%
}

.xs-11-4 {
    width: 36.36363636363637%
}

.xs-11-5 {
    width: 45.45454545454546%
}

.xs-11-6 {
    width: 54.54545454545455%
}

.xs-11-7 {
    width: 63.63636363636364%
}

.xs-11-8 {
    width: 72.72727272727273%
}

.xs-11-9 {
    width: 81.81818181818183%
}

.xs-11-10 {
    width: 90.90909090909092%
}

.xs-12-1 {
    width: 8.333333333333334%
}

.xs-12-5 {
    width: 41.66666666666667%
}

.xs-12-7 {
    width: 58.333333333333336%
}

.xs-12-11 {
    width: 91.66666666666667%
}

.hidden-xs {
    display: none
}

.flex-auto-xs>* {
    width: auto
}

.flex-1-xs>* {
    width: 100%
}

.flex-2-xs>* {
    width: 50%
}

.flex-3-xs>* {
    width: 33.333333333333336%
}

.flex-4-xs>* {
    width: 25%
}

.flex-5-xs>* {
    width: 20%
}

.flex-6-xs>* {
    width: 16.666666666666668%
}

.flex-7-xs>* {
    width: 14.285714285714286%
}

.flex-8-xs>* {
    width: 12.5%
}

.flex-9-xs>* {
    width: 11.11111111111111%
}

.flex-10-xs>* {
    width: 10%
}

.flex-11-xs>* {
    width: 9.090909090909092%
}

.flex-12-xs>* {
    width: 8.333333333333334%
}

.flex-hidden-xs>* {
    display: none
}

.gutter-0-xs {
    margin: 0
}

.gutter-0-xs>* {
    padding: 0
}

.gutter-1-xs {
    margin: 0 -1px 0 -1px
}

.gutter-1-xs>* {
    padding: 0 1px
}

.gutter-2-xs {
    margin: 0 -2px 0 -2px
}

.gutter-2-xs>* {
    padding: 0 2px
}

.gutter-3-xs {
    margin: 0 -3px 0 -3px
}

.gutter-3-xs>* {
    padding: 0 3px
}

.gutter-4-xs {
    margin: 0 -4px 0 -4px
}

.gutter-4-xs>* {
    padding: 0 4px
}

.gutter-5-xs {
    margin: 0 -5px 0 -5px
}

.gutter-5-xs>* {
    padding: 0 5px
}

.gutter-6-xs {
    margin: 0 -6px 0 -6px
}

.gutter-6-xs>* {
    padding: 0 6px
}

.gutter-7-xs {
    margin: 0 -7px 0 -7px
}

.gutter-7-xs>* {
    padding: 0 7px
}

.gutter-8-xs {
    margin: 0 -8px 0 -8px
}

.gutter-8-xs>* {
    padding: 0 8px
}

.gutter-9-xs {
    margin: 0 -9px 0 -9px
}

.gutter-9-xs>* {
    padding: 0 9px
}

.gutter-10-xs {
    margin: 0 -10px 0 -10px
}

.gutter-10-xs>* {
    padding: 0 10px
}

.gutter-11-xs {
    margin: 0 -11px 0 -11px
}

.gutter-11-xs>* {
    padding: 0 11px
}

.gutter-12-xs {
    margin: 0 -12px 0 -12px
}

.gutter-12-xs>* {
    padding: 0 12px
}

.gutter-13-xs {
    margin: 0 -13px 0 -13px
}

.gutter-13-xs>* {
    padding: 0 13px
}

.gutter-14-xs {
    margin: 0 -14px 0 -14px
}

.gutter-14-xs>* {
    padding: 0 14px
}

.gutter-15-xs {
    margin: 0 -15px 0 -15px
}

.gutter-15-xs>* {
    padding: 0 15px
}

.gutter-16-xs {
    margin: 0 -16px 0 -16px
}

.gutter-16-xs>* {
    padding: 0 16px
}

.gutter-17-xs {
    margin: 0 -17px 0 -17px
}

.gutter-17-xs>* {
    padding: 0 17px
}

.gutter-18-xs {
    margin: 0 -18px 0 -18px
}

.gutter-18-xs>* {
    padding: 0 18px
}

.gutter-19-xs {
    margin: 0 -19px 0 -19px
}

.gutter-19-xs>* {
    padding: 0 19px
}

.gutter-20-xs {
    margin: 0 -20px 0 -20px
}

.gutter-20-xs>* {
    padding: 0 20px
}

.gutter-out-xs {
    margin: 0
}

.center-xs {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.left-xs {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.right-xs {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.top-xs {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.top-xs>* {
    vertical-align: top
}

.middle-xs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.middle-xs>* {
    vertical-align: middle
}

.bottom-xs {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.bottom-xs>* {
    vertical-align: bottom
}

[class^="reverse-"] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.reverse-xs {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

[class^="first-"],
[class^="last-"] {
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

@media (min-width: 415px) {
    .wrap>* {
        display: inline-block
    }

    .sm-auto {
        width: auto
    }

    .sm-1 {
        width: 100%
    }

    .sm-2-1,
    .sm-4-2,
    .sm-6-3,
    .sm-8-4,
    .sm-10-5,
    .sm-12-6 {
        width: 50%
    }

    .sm-3-1,
    .sm-6-2,
    .sm-12-4 {
        width: 33.333333333333336%
    }

    .sm-3-2,
    .sm-6-4,
    .sm-12-8 {
        width: 66.66666666666667%
    }

    .sm-4-1,
    .sm-8-2,
    .sm-12-3 {
        width: 25%
    }

    .sm-4-3,
    .sm-8-6,
    .sm-12-9 {
        width: 75%
    }

    .sm-5-1,
    .sm-10-2 {
        width: 20%
    }

    .sm-5-2,
    .sm-10-4 {
        width: 40%
    }

    .sm-5-3,
    .sm-10-6 {
        width: 60%
    }

    .sm-5-4,
    .sm-10-8 {
        width: 80%
    }

    .sm-6-1,
    .sm-12-2 {
        width: 16.666666666666668%
    }

    .sm-6-5,
    .sm-12-10 {
        width: 83.33333333333334%
    }

    .sm-7-1 {
        width: 14.285714285714286%
    }

    .sm-7-2 {
        width: 28.571428571428573%
    }

    .sm-7-3 {
        width: 42.85714285714286%
    }

    .sm-7-4 {
        width: 57.142857142857146%
    }

    .sm-7-5 {
        width: 71.42857142857143%
    }

    .sm-7-6 {
        width: 85.71428571428572%
    }

    .sm-8-1 {
        width: 12.5%
    }

    .sm-8-3 {
        width: 37.5%
    }

    .sm-8-5 {
        width: 62.5%
    }

    .sm-8-7 {
        width: 87.5%
    }

    .sm-9-1 {
        width: 11.11111111111111%
    }

    .sm-9-2 {
        width: 22.22222222222222%
    }

    .sm-9-3 {
        width: 33.33333333333333%
    }

    .sm-9-4 {
        width: 44.44444444444444%
    }

    .sm-9-5 {
        width: 55.55555555555556%
    }

    .sm-9-6 {
        width: 66.66666666666666%
    }

    .sm-9-7 {
        width: 77.77777777777777%
    }

    .sm-9-8 {
        width: 88.88888888888889%
    }

    .sm-10-1 {
        width: 10%
    }

    .sm-10-3 {
        width: 30%
    }

    .sm-10-7 {
        width: 70%
    }

    .sm-10-9 {
        width: 90%
    }

    .sm-11-1 {
        width: 9.090909090909092%
    }

    .sm-11-2 {
        width: 18.181818181818183%
    }

    .sm-11-3 {
        width: 27.272727272727273%
    }

    .sm-11-4 {
        width: 36.36363636363637%
    }

    .sm-11-5 {
        width: 45.45454545454546%
    }

    .sm-11-6 {
        width: 54.54545454545455%
    }

    .sm-11-7 {
        width: 63.63636363636364%
    }

    .sm-11-8 {
        width: 72.72727272727273%
    }

    .sm-11-9 {
        width: 81.81818181818183%
    }

    .sm-11-10 {
        width: 90.90909090909092%
    }

    .sm-12-1 {
        width: 8.333333333333334%
    }

    .sm-12-5 {
        width: 41.66666666666667%
    }

    .sm-12-7 {
        width: 58.333333333333336%
    }

    .sm-12-11 {
        width: 91.66666666666667%
    }

    .hidden-sm {
        display: none
    }

    .flex-auto-sm>* {
        width: auto
    }

    .flex-1-sm>* {
        width: 100%
    }

    .flex-2-sm>* {
        width: 50%
    }

    .flex-3-sm>* {
        width: 33.333333333333336%
    }

    .flex-4-sm>* {
        width: 25%
    }

    .flex-5-sm>* {
        width: 20%
    }

    .flex-6-sm>* {
        width: 16.666666666666668%
    }

    .flex-7-sm>* {
        width: 14.285714285714286%
    }

    .flex-8-sm>* {
        width: 12.5%
    }

    .flex-9-sm>* {
        width: 11.11111111111111%
    }

    .flex-10-sm>* {
        width: 10%
    }

    .flex-11-sm>* {
        width: 9.090909090909092%
    }

    .flex-12-sm>* {
        width: 8.333333333333334%
    }

    .flex-hidden-sm>* {
        display: none
    }

    .gutter-0-sm {
        margin: 0
    }

    .gutter-0-sm>* {
        padding: 0
    }

    .gutter-1-sm {
        margin: 0 -1px 0 -1px
    }

    .gutter-1-sm>* {
        padding: 0 1px
    }

    .gutter-2-sm {
        margin: 0 -2px 0 -2px
    }

    .gutter-2-sm>* {
        padding: 0 2px
    }

    .gutter-3-sm {
        margin: 0 -3px 0 -3px
    }

    .gutter-3-sm>* {
        padding: 0 3px
    }

    .gutter-4-sm {
        margin: 0 -4px 0 -4px
    }

    .gutter-4-sm>* {
        padding: 0 4px
    }

    .gutter-5-sm {
        margin: 0 -5px 0 -5px
    }

    .gutter-5-sm>* {
        padding: 0 5px
    }

    .gutter-6-sm {
        margin: 0 -6px 0 -6px
    }

    .gutter-6-sm>* {
        padding: 0 6px
    }

    .gutter-7-sm {
        margin: 0 -7px 0 -7px
    }

    .gutter-7-sm>* {
        padding: 0 7px
    }

    .gutter-8-sm {
        margin: 0 -8px 0 -8px
    }

    .gutter-8-sm>* {
        padding: 0 8px
    }

    .gutter-9-sm {
        margin: 0 -9px 0 -9px
    }

    .gutter-9-sm>* {
        padding: 0 9px
    }

    .gutter-10-sm {
        margin: 0 -10px 0 -10px
    }

    .gutter-10-sm>* {
        padding: 0 10px
    }

    .gutter-11-sm {
        margin: 0 -11px 0 -11px
    }

    .gutter-11-sm>* {
        padding: 0 11px
    }

    .gutter-12-sm {
        margin: 0 -12px 0 -12px
    }

    .gutter-12-sm>* {
        padding: 0 12px
    }

    .gutter-13-sm {
        margin: 0 -13px 0 -13px
    }

    .gutter-13-sm>* {
        padding: 0 13px
    }

    .gutter-14-sm {
        margin: 0 -14px 0 -14px
    }

    .gutter-14-sm>* {
        padding: 0 14px
    }

    .gutter-15-sm {
        margin: 0 -15px 0 -15px
    }

    .gutter-15-sm>* {
        padding: 0 15px
    }

    .gutter-16-sm {
        margin: 0 -16px 0 -16px
    }

    .gutter-16-sm>* {
        padding: 0 16px
    }

    .gutter-17-sm {
        margin: 0 -17px 0 -17px
    }

    .gutter-17-sm>* {
        padding: 0 17px
    }

    .gutter-18-sm {
        margin: 0 -18px 0 -18px
    }

    .gutter-18-sm>* {
        padding: 0 18px
    }

    .gutter-19-sm {
        margin: 0 -19px 0 -19px
    }

    .gutter-19-sm>* {
        padding: 0 19px
    }

    .gutter-20-sm {
        margin: 0 -20px 0 -20px
    }

    .gutter-20-sm>* {
        padding: 0 20px
    }

    .gutter-out-sm {
        margin: 0
    }

    .center-sm {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .left-sm {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .right-sm {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right
    }

    .top-sm {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .top-sm>* {
        vertical-align: top
    }

    .middle-sm {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .middle-sm>* {
        vertical-align: middle
    }

    .bottom-sm {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .bottom-sm>* {
        vertical-align: bottom
    }

    [class^="reverse-"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .reverse-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    [class^="first-"],
    [class^="last-"] {
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0
    }

    .first-sm {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }

    .last-sm {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
}

.wrap-table {
    display: table;
    width: 100%
}

.wrap-table [class*="xs-"],
.wrap-table [class*="sm-"] {
    vertical-align: middle
}

@media (min-width: 321px) {
    .wrap-right [class*="xs-"] {
        float: right
    }

    .wrap-table [class*="xs-"] {
        display: table-cell
    }
}

@media (min-width: 569px) {
    .wrap-right [class*="sm-"] {
        float: right
    }

    .wrap-table [class*="sm-"] {
        display: table-cell
    }
}

html,
body {
    overflow: visible;
    position: static;
    height: 100%;
    background-color: transparent
}

body,
form,
svg {
    color: #222;
    text-rendering: optimizeLegibility;
    font-family: 'Roboto Condensed', "Droid Sans", "Helvetica", "Hiragino Kaku Gothic ProN", sans-serif
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

a {
    text-decoration: none;
    position: relative
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    line-height: 1;
    text-align: center;
    margin: auto;
    display: inherit
}

button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

time {
    font-size: 13px;
    line-height: 13px;
    color: #777;
    display: inline-block;
    position: relative;
    padding: 1px 0 1px 20px;
    font-weight: normal
}

time:before {
    content: ""
}

time:before {
    font-size: 14px !important;
    line-height: 14px !important;
    width: 20px !important
}

textarea[readonly="readonly"] {
    resize: none
}

.box-scl,
.box-info-scl,
textarea[readonly="readonly"] {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.box-scl>*,
.box-info-scl>*,
textarea[readonly="readonly"]>* {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}

.item-text-wrap textarea[readonly] {
    background-color: #fafafa;
    margin: 0;
    width: 100%
}

.bg-fc-member-0 {
    background-color: #719db2 !important
}

.bg-fc-member-1 {
    background-color: #ae8a4e !important
}

.bg-fc-member-2 {
    background-color: #2E4FB5 !important
}

.bg-fc-member-3 {
    background-color: #EC1234 !important
}

.bg-fc-member-4 {
    background-color: #008F65 !important
}

.bg-fc-member-5 {
    background-color: #b97b90 !important
}

.bg-fc-blue {
    background-color: #07294c !important
}

.bg-fc-green {
    background-color: #a8d076 !important
}

.c-fc-blue {
    color: #07294c !important
}

.c-fc-green {
    color: #a8d076 !important
}

.bd-fc-blue {
    border-color: #07294c !important
}

.bd-fc-green {
    border-color: #a8d076 !important
}

.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.body [class^="title-"],
.body p,
.body ul,
.body ol,
.body dl,
.body .tbl-holder,
.body .img-holder,
.body .bt-holder,
.body .list,
.item-text-wrap h1,
.item-text-wrap h2,
.item-text-wrap h3,
.item-text-wrap h4,
.item-text-wrap h5,
.item-text-wrap h6,
.item-text-wrap [class^="title-"],
.item-text-wrap p,
.item-text-wrap ul,
.item-text-wrap ol,
.item-text-wrap dl,
.item-text-wrap .tbl-holder,
.item-text-wrap .img-holder,
.item-text-wrap .bt-holder,
.item-text-wrap .list {
    margin-top: 1em;
    margin-bottom: .5em
}

.body h1:first-child,
.body h2:first-child,
.body h3:first-child,
.body h4:first-child,
.body h5:first-child,
.body h6:first-child,
.body [class^="title-"]:first-child,
.body p:first-child,
.body ul:first-child,
.body ol:first-child,
.body dl:first-child,
.body .tbl-holder:first-child,
.body .img-holder:first-child,
.body .bt-holder:first-child,
.body .list:first-child,
.item-text-wrap h1:first-child,
.item-text-wrap h2:first-child,
.item-text-wrap h3:first-child,
.item-text-wrap h4:first-child,
.item-text-wrap h5:first-child,
.item-text-wrap h6:first-child,
.item-text-wrap [class^="title-"]:first-child,
.item-text-wrap p:first-child,
.item-text-wrap ul:first-child,
.item-text-wrap ol:first-child,
.item-text-wrap dl:first-child,
.item-text-wrap .tbl-holder:first-child,
.item-text-wrap .img-holder:first-child,
.item-text-wrap .bt-holder:first-child,
.item-text-wrap .list:first-child {
    margin-top: 2em
}

.body h1:last-child,
.body h2:last-child,
.body h3:last-child,
.body h4:last-child,
.body h5:last-child,
.body h6:last-child,
.body [class^="title-"]:last-child,
.body p:last-child,
.body ul:last-child,
.body ol:last-child,
.body dl:last-child,
.body .tbl-holder:last-child,
.body .img-holder:last-child,
.body .bt-holder:last-child,
.body .list:last-child,
.item-text-wrap h1:last-child,
.item-text-wrap h2:last-child,
.item-text-wrap h3:last-child,
.item-text-wrap h4:last-child,
.item-text-wrap h5:last-child,
.item-text-wrap h6:last-child,
.item-text-wrap [class^="title-"]:last-child,
.item-text-wrap p:last-child,
.item-text-wrap ul:last-child,
.item-text-wrap ol:last-child,
.item-text-wrap dl:last-child,
.item-text-wrap .tbl-holder:last-child,
.item-text-wrap .img-holder:last-child,
.item-text-wrap .bt-holder:last-child,
.item-text-wrap .list:last-child {
    margin-bottom: 1em
}

.body ol,
.body ul,
.item-text-wrap ol,
.item-text-wrap ul {
    padding-left: 2em
}

.body ul,
.item-text-wrap ul {
    list-style-type: square
}

.body ol,
.item-text-wrap ol {
    list-style-type: decimal
}

.body table p,
.body table ul,
.body table ol,
.body table .item,
.item-text-wrap table p,
.item-text-wrap table ul,
.item-text-wrap table ol,
.item-text-wrap table .item {
    font-size: inherit
}

.body .i-new,
.item-text-wrap .i-new {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 55px;
    height: 55px
}

.item-text-wrap h1:nth-of-type(1),
.item-text-wrap h2:nth-of-type(1),
.item-text-wrap h3:nth-of-type(1),
.item-text-wrap h4:nth-of-type(1),
.item-text-wrap h5:nth-of-type(1),
.item-text-wrap h6:nth-of-type(1),
.item-text-wrap [class^="title-"]:nth-of-type(1),
.item-text-wrap p:nth-of-type(1),
.item-text-wrap ul:nth-of-type(1),
.item-text-wrap ol:nth-of-type(1),
.item-text-wrap dl:nth-of-type(1),
.item-text-wrap .tbl-holder:nth-of-type(1),
.item-text-wrap .img-holder:nth-of-type(1),
.item-text-wrap .bt-holder:nth-of-type(1),
.item-text-wrap .list:nth-of-type(1) {
    margin-top: 0
}

.item-text-wrap h1:last-child,
.item-text-wrap h2:last-child,
.item-text-wrap h3:last-child,
.item-text-wrap h4:last-child,
.item-text-wrap h5:last-child,
.item-text-wrap h6:last-child,
.item-text-wrap [class^="title-"]:last-child,
.item-text-wrap p:last-child,
.item-text-wrap ul:last-child,
.item-text-wrap ol:last-child,
.item-text-wrap dl:last-child,
.item-text-wrap .tbl-holder:last-child,
.item-text-wrap .img-holder:last-child,
.item-text-wrap .bt-holder:last-child,
.item-text-wrap .list:last-child {
    margin-bottom: 0
}

.box-topic {
    position: relative;
    z-index: 1
}

.body h1+h1,
.body h1+h2,
.body h1+h3,
.body h1+h4,
.body h1+h5,
.body h1+h6,
.body h1+[class^="title-"],
.body h1+p,
.body h1+ul,
.body h1+ol,
.body h1+dl,
.body h1+.tbl-holder,
.body h1+.img-holder,
.body h1+.bt-holder,
.body h2+h1,
.body h2+h2,
.body h2+h3,
.body h2+h4,
.body h2+h5,
.body h2+h6,
.body h2+[class^="title-"],
.body h2+p,
.body h2+ul,
.body h2+ol,
.body h2+dl,
.body h2+.tbl-holder,
.body h2+.img-holder,
.body h2+.bt-holder,
.body h3+h1,
.body h3+h2,
.body h3+h3,
.body h3+h4,
.body h3+h5,
.body h3+h6,
.body h3+[class^="title-"],
.body h3+p,
.body h3+ul,
.body h3+ol,
.body h3+dl,
.body h3+.tbl-holder,
.body h3+.img-holder,
.body h3+.bt-holder,
.body h4+h1,
.body h4+h2,
.body h4+h3,
.body h4+h4,
.body h4+h5,
.body h4+h6,
.body h4+[class^="title-"],
.body h4+p,
.body h4+ul,
.body h4+ol,
.body h4+dl,
.body h4+.tbl-holder,
.body h4+.img-holder,
.body h4+.bt-holder,
.body h5+h1,
.body h5+h2,
.body h5+h3,
.body h5+h4,
.body h5+h5,
.body h5+h6,
.body h5+[class^="title-"],
.body h5+p,
.body h5+ul,
.body h5+ol,
.body h5+dl,
.body h5+.tbl-holder,
.body h5+.img-holder,
.body h5+.bt-holder,
.body h6+h1,
.body h6+h2,
.body h6+h3,
.body h6+h4,
.body h6+h5,
.body h6+h6,
.body h6+[class^="title-"],
.body h6+p,
.body h6+ul,
.body h6+ol,
.body h6+dl,
.body h6+.tbl-holder,
.body h6+.img-holder,
.body h6+.bt-holder,
.body [class^="title-"]+h1,
.body [class^="title-"]+h2,
.body [class^="title-"]+h3,
.body [class^="title-"]+h4,
.body [class^="title-"]+h5,
.body [class^="title-"]+h6,
.body [class^="title-"]+[class^="title-"],
.body [class^="title-"]+p,
.body [class^="title-"]+ul,
.body [class^="title-"]+ol,
.body [class^="title-"]+dl,
.body [class^="title-"]+.tbl-holder,
.body [class^="title-"]+.img-holder,
.body [class^="title-"]+.bt-holder,
.item-text-wrap h1+h1,
.item-text-wrap h1+h2,
.item-text-wrap h1+h3,
.item-text-wrap h1+h4,
.item-text-wrap h1+h5,
.item-text-wrap h1+h6,
.item-text-wrap h1+[class^="title-"],
.item-text-wrap h1+p,
.item-text-wrap h1+ul,
.item-text-wrap h1+ol,
.item-text-wrap h1+dl,
.item-text-wrap h1+.tbl-holder,
.item-text-wrap h1+.img-holder,
.item-text-wrap h1+.bt-holder,
.item-text-wrap h2+h1,
.item-text-wrap h2+h2,
.item-text-wrap h2+h3,
.item-text-wrap h2+h4,
.item-text-wrap h2+h5,
.item-text-wrap h2+h6,
.item-text-wrap h2+[class^="title-"],
.item-text-wrap h2+p,
.item-text-wrap h2+ul,
.item-text-wrap h2+ol,
.item-text-wrap h2+dl,
.item-text-wrap h2+.tbl-holder,
.item-text-wrap h2+.img-holder,
.item-text-wrap h2+.bt-holder,
.item-text-wrap h3+h1,
.item-text-wrap h3+h2,
.item-text-wrap h3+h3,
.item-text-wrap h3+h4,
.item-text-wrap h3+h5,
.item-text-wrap h3+h6,
.item-text-wrap h3+[class^="title-"],
.item-text-wrap h3+p,
.item-text-wrap h3+ul,
.item-text-wrap h3+ol,
.item-text-wrap h3+dl,
.item-text-wrap h3+.tbl-holder,
.item-text-wrap h3+.img-holder,
.item-text-wrap h3+.bt-holder,
.item-text-wrap h4+h1,
.item-text-wrap h4+h2,
.item-text-wrap h4+h3,
.item-text-wrap h4+h4,
.item-text-wrap h4+h5,
.item-text-wrap h4+h6,
.item-text-wrap h4+[class^="title-"],
.item-text-wrap h4+p,
.item-text-wrap h4+ul,
.item-text-wrap h4+ol,
.item-text-wrap h4+dl,
.item-text-wrap h4+.tbl-holder,
.item-text-wrap h4+.img-holder,
.item-text-wrap h4+.bt-holder,
.item-text-wrap h5+h1,
.item-text-wrap h5+h2,
.item-text-wrap h5+h3,
.item-text-wrap h5+h4,
.item-text-wrap h5+h5,
.item-text-wrap h5+h6,
.item-text-wrap h5+[class^="title-"],
.item-text-wrap h5+p,
.item-text-wrap h5+ul,
.item-text-wrap h5+ol,
.item-text-wrap h5+dl,
.item-text-wrap h5+.tbl-holder,
.item-text-wrap h5+.img-holder,
.item-text-wrap h5+.bt-holder,
.item-text-wrap h6+h1,
.item-text-wrap h6+h2,
.item-text-wrap h6+h3,
.item-text-wrap h6+h4,
.item-text-wrap h6+h5,
.item-text-wrap h6+h6,
.item-text-wrap h6+[class^="title-"],
.item-text-wrap h6+p,
.item-text-wrap h6+ul,
.item-text-wrap h6+ol,
.item-text-wrap h6+dl,
.item-text-wrap h6+.tbl-holder,
.item-text-wrap h6+.img-holder,
.item-text-wrap h6+.bt-holder,
.item-text-wrap [class^="title-"]+h1,
.item-text-wrap [class^="title-"]+h2,
.item-text-wrap [class^="title-"]+h3,
.item-text-wrap [class^="title-"]+h4,
.item-text-wrap [class^="title-"]+h5,
.item-text-wrap [class^="title-"]+h6,
.item-text-wrap [class^="title-"]+[class^="title-"],
.item-text-wrap [class^="title-"]+p,
.item-text-wrap [class^="title-"]+ul,
.item-text-wrap [class^="title-"]+ol,
.item-text-wrap [class^="title-"]+dl,
.item-text-wrap [class^="title-"]+.tbl-holder,
.item-text-wrap [class^="title-"]+.img-holder,
.item-text-wrap [class^="title-"]+.bt-holder {
    margin-top: .5em !important
}

.body p+h1,
.body p+h2,
.body p+h3,
.body p+h4,
.body p+h5,
.body p+h6,
.body p+[class^="title-"],
.body ul+h1,
.body ul+h2,
.body ul+h3,
.body ul+h4,
.body ul+h5,
.body ul+h6,
.body ul+[class^="title-"],
.body ol+h1,
.body ol+h2,
.body ol+h3,
.body ol+h4,
.body ol+h5,
.body ol+h6,
.body ol+[class^="title-"],
.body dl+h1,
.body dl+h2,
.body dl+h3,
.body dl+h4,
.body dl+h5,
.body dl+h6,
.body dl+[class^="title-"],
.body .tbl-holder+h1,
.body .tbl-holder+h2,
.body .tbl-holder+h3,
.body .tbl-holder+h4,
.body .tbl-holder+h5,
.body .tbl-holder+h6,
.body .tbl-holder+[class^="title-"],
.body .img-holder+h1,
.body .img-holder+h2,
.body .img-holder+h3,
.body .img-holder+h4,
.body .img-holder+h5,
.body .img-holder+h6,
.body .img-holder+[class^="title-"],
.body .bt-holder+h1,
.body .bt-holder+h2,
.body .bt-holder+h3,
.body .bt-holder+h4,
.body .bt-holder+h5,
.body .bt-holder+h6,
.body .bt-holder+[class^="title-"],
.item-text-wrap p+h1,
.item-text-wrap p+h2,
.item-text-wrap p+h3,
.item-text-wrap p+h4,
.item-text-wrap p+h5,
.item-text-wrap p+h6,
.item-text-wrap p+[class^="title-"],
.item-text-wrap ul+h1,
.item-text-wrap ul+h2,
.item-text-wrap ul+h3,
.item-text-wrap ul+h4,
.item-text-wrap ul+h5,
.item-text-wrap ul+h6,
.item-text-wrap ul+[class^="title-"],
.item-text-wrap ol+h1,
.item-text-wrap ol+h2,
.item-text-wrap ol+h3,
.item-text-wrap ol+h4,
.item-text-wrap ol+h5,
.item-text-wrap ol+h6,
.item-text-wrap ol+[class^="title-"],
.item-text-wrap dl+h1,
.item-text-wrap dl+h2,
.item-text-wrap dl+h3,
.item-text-wrap dl+h4,
.item-text-wrap dl+h5,
.item-text-wrap dl+h6,
.item-text-wrap dl+[class^="title-"],
.item-text-wrap .tbl-holder+h1,
.item-text-wrap .tbl-holder+h2,
.item-text-wrap .tbl-holder+h3,
.item-text-wrap .tbl-holder+h4,
.item-text-wrap .tbl-holder+h5,
.item-text-wrap .tbl-holder+h6,
.item-text-wrap .tbl-holder+[class^="title-"],
.item-text-wrap .img-holder+h1,
.item-text-wrap .img-holder+h2,
.item-text-wrap .img-holder+h3,
.item-text-wrap .img-holder+h4,
.item-text-wrap .img-holder+h5,
.item-text-wrap .img-holder+h6,
.item-text-wrap .img-holder+[class^="title-"],
.item-text-wrap .bt-holder+h1,
.item-text-wrap .bt-holder+h2,
.item-text-wrap .bt-holder+h3,
.item-text-wrap .bt-holder+h4,
.item-text-wrap .bt-holder+h5,
.item-text-wrap .bt-holder+h6,
.item-text-wrap .bt-holder+[class^="title-"] {
    margin-top: 1.5em
}

.body p,
.item-text-wrap p {
    color: #222
}

ul.caution,
ol.caution {
    list-style-type: none;
    padding-left: 0
}

p.caution,
.caution>li {
    padding-left: 1em;
    position: relative
}

p.caution:before,
.caution>li:before {
    content: '※';
    position: absolute;
    left: 0;
    top: 0
}

sup,
sub {
    font-size: 10px;
    margin-left: .5em
}

.sect-visual-wide .title-content.title-content-nega {
    background-color: transparent
}

.sect-visual-wide .title-content.title-content-nega b .button {
    color: #fafafa
}

.sect-visual-wide .title-content.title-content-nega b .button:before {
    color: #fafafa;
    background-color: rgba(255, 255, 255, 0.1)
}

.sect-visual-cover {
    background-size: cover !important;
    background-position: 50% 50% !important
}

.title-catchcopy,
.title-catchcopy>* {
    text-align: center;
    font-weight: bold
}

.title-sect,
.title-sect>* {
    font-weight: bold
}

.title-sect,
.title-sect>* {
    color: #2E4FB5
}

.title-sect>strong,
.title-sect>strong>* {
    color: #EC1234
}

.title-sect {
    padding-top: 1em;
    margin-bottom: .5em
}

.body .title-sect {
    padding-bottom: 0;
    padding-top: 0
}

.title-headline {
    font-weight: bold;
    padding-top: 1em;
    margin-bottom: 1em
}

.title-body {
    font-weight: bold
}

.title-caption,
.title-th {
    padding: 8px 16px;
    position: relative;
    background-color: #f5f5f5
}

.text-lead,
.text-lead b {
    font-weight: bold
}

.img-holder,
.bt-holder {
    display: block;
    position: relative
}

.img-holder img,
.bt-holder img {
    vertical-align: top;
    line-height: 1;
    max-width: none;
    width: 100%
}

.img-holder .i-new,
.bt-holder .i-new {
    position: absolute;
    top: -2px;
    right: -2px
}

.bt-holder .button {
    margin-top: 0;
    margin-bottom: 0
}

.img-holder {
    overflow: hidden
}

.img-holder a {
    display: block
}

.img-holder+p {
    margin-top: .5em
}

.img-holder.img-fit,
.img-holder.img-poa-l,
.img-holder.img-poa-r {
    overflow: visible
}

.video-holder-poster,
.video-holder-poster-hd {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden
}

.video-holder-poster:before,
.video-holder-poster-hd:before {
    content: '\f24c';
    font-family: 'ionicons';
    position: absolute;
    display: block;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    font-size: 40px;
    line-height: 0;
    color: #fafafa;
    text-shadow: 0 1px 20px rgba(0, 0, 0, 0.2)
}

.video-holder-poster {
    padding-bottom: 75%
}

.video-holder-poster-hd {
    padding-bottom: 56.25%
}

.video-holder-poster-hd img {
    margin-top: -9%
}

.video-holder,
.video-holder-hd {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden
}

.video-holder {
    padding-bottom: 75%
}

.video-holder-hd {
    padding-bottom: 56.25%
}

.video-holder iframe,
.video-holder object,
.video-holder embed,
.video-holder-hd iframe,
.video-holder-hd object,
.video-holder-hd embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bnr {
    display: block;
    margin-top: 10px;
    line-height: 1
}

.bnr:first-child {
    margin-top: 0
}

.bnr img {
    display: block
}

[class^="title-"]>.img-holder,
table caption>.img-holder,
.title-caption>.img-holder,
.item-divider>.img-holder {
    position: absolute;
    top: 0 !important;
    bottom: 0 !important
}

[class^="title-"]>.img-holder.img-poa-r,
table caption>.img-holder.img-poa-r,
.title-caption>.img-holder.img-poa-r,
.item-divider>.img-holder.img-poa-r {
    right: 0 !important;
    padding: 0 !important
}

[class^="title-"]>.img-holder img,
table caption>.img-holder img,
.title-caption>.img-holder img,
.item-divider>.img-holder img {
    height: 100%;
    width: auto
}

.img-holder {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.tt-map {
    position: relative
}

.tt-map img {
    position: relative;
    z-index: 0
}

.tt-map .hotspot {
    position: absolute;
    z-index: 1;
    border: 3px solid #0092D1;
    border-radius: 3px
}

.tbl-holder {
    display: block
}

.signeture {
    margin-top: 4em !important;
    text-align: right
}

.sect-sep,
.sect-group-sep .sect {
    border-top: 1px solid #ddd
}

.sect {
    clear: both;
    position: relative;
    background-color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: -1px;
    margin-bottom: -1px
}

.sect [class*="list-buttons-"] .item {
    background-color: #f5f5f5
}

.sect-group .sect:nth-child(even),
.sect-group-nega .sect:nth-child(odd) {
    background-color: #f5f5f5
}

.sect-group .sect:nth-child(even) [class*="list-buttons-"] .item,
.sect-group-nega .sect:nth-child(odd) [class*="list-buttons-"] .item {
    background-color: #fff
}

.title-content+.sect,
.title-content+.sect-group,
.title-content+.sect-group-nega {
    margin-top: 1px
}

[class^="sect-visual"] {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: fixed;
    position: relative
}

[class^="sect-visual"].filter:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    background-image: url(/img/common/filter_visual_half.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 100% 100%
}

[class^="sect-visual"] .box-bt-ghost {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 60px
}

[class^="sect-visual"] .box-bt-ghost .bt-holder {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0
}

[class^="sect-visual"] .box-bt-ghost .bt-holder .button {
    display: inline-block;
    width: auto
}

[class^="sect-visual"] .i-new {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px
}

.sect-visual,
.sect-visual-half,
.sect-visual-wide {
    background-color: #999
}

.sect-visual.img-holder {
    display: block;
    z-index: 1
}

.box-tooltip {
    position: relative;
    overflow: visible;
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 16px
}

.box-tooltip:after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border-color: transparent;
    border-width: 10px;
    margin-left: -10px;
    border-bottom-color: #fafafa;
    bottom: 100%;
    left: 50%
}

.button+p.caption,
.button+p.caution {
    margin-top: 10px
}

.bt-to-top {
    display: block;
    height: 48px;
    color: #222;
    background-color: #f5f5f5;
    text-align: center
}

.bt-to-top .wrapper {
    height: 48px;
    padding: 0 60px 0 0;
    font-size: 14px;
    line-height: 48px;
    text-align: right
}

.bt-to-top .wrapper:after {
    content: ""
}

.bt-to-top .wrapper:after {
    right: 6px !important
}

.bts-sns {
    line-height: 1
}

.bts-sns a {
    display: inline-block;
    line-height: 1
}

.bts-sns img {
    width: 33px
}

.bts-sns.bts-sns2 img {
    width: calc(100vw / 6 - 10px) !important;
}

.bts-sns a.line-at-friend img {
    width: auto;
    height: 28px;
    margin: 2px 0 0
}

.bts-sns.bts-sns2 a.line-at-friend img {
    width: auto;
    height: auto;
    margin: inherit;
}

.bts-sns .line-at-friend+.line-at {
    display: none
}

.win .bts-sns .line-at,
.mac .bts-sns .line-at,
.linux .bts-sns .line-at {
    display: inline-block !important
}

.item .item-title {
    margin: 0 0 4px 0;
    font-size: 16px;
    color: #222;
    font-weight: bold
}

.item .img-holder {
    background-size: cover;
    background-position: 50% 50%
}

.item p+p {
    margin-top: .5em
}

.list .item-title,
.list .p,
.list .img-holder {
    margin-left: 0;
    margin-right: 0
}

.list-noborder-first .item:not(.item-divider):first-child {
    border-top: 0
}

.list-noborder-last .item:not(.item-divider):last-child {
    border-bottom: 0
}

.list .item.status-soon img,
.list .item.status-soon .item-title,
.list .item.status-soon p {
    opacity: 0.5
}

.list .item.status-end {
    background-color: #fafafa !important
}

.list .item.status-end img,
.list .item.status-end .item-title,
.list .item.status-end p {
    opacity: 0.2
}

.item-avatar .img-holder,
.item-thumbnail-left .img-holder {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    margin: 0;
    border-radius: 2px
}

.item-avatar .img-holder {
    max-width: 50px;
    max-height: 50px;
    width: 100%
}

.item-thumbnail-left .img-holder {
    max-width: 96px;
    max-height: 96px;
    width: 100%
}

.list-entry .item,
[class*="list-buttons"] .item,
.list-goods .item {
    overflow: visible
}

.list-schedule time {
    color: #222
}

.list-timeline {
    position: relative;
    padding-left: 86px
}

.list-timeline:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 61px;
    width: 2px;
    background-color: #222
}

.list-timeline .item {
    border-left: 0;
    padding-left: 2px;
    overflow: visible
}

.list-timeline .item:first-child {
    border-top: 0
}

.list-timeline .item:last-child {
    border-bottom: 0
}

.list-timeline .item .time {
    display: block;
    position: relative;
    left: -86px;
    top: 4px;
    padding-left: 8px;
    width: 48px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
    text-align: right
}

.list-timeline .item .time small {
    font-size: 8px;
    font-weight: normal;
    letter-spacing: -.1em
}

.list-timeline .item .time+.item-title {
    margin-top: -18px
}

.list-timeline .item .place {
    position: relative;
    right: 0;
    bottom: -16px;
    display: table;
    width: 100%;
    border-top: 1px solid #f5f5f5
}

.list-timeline .item .place dt,
.list-timeline .item .place dd {
    display: table-cell;
    vertical-align: middle;
    padding: 4px
}

.list-timeline .item .place dt {
    font-size: 12px;
    line-height: 1;
    text-align: right;
    color: #777;
    padding-left: 2px;
    color: #777;
    font-weight: bold
}

.list-timeline .item .place dd {
    width: 40px;
    padding-right: 8px;
    position: relative
}

.list-timeline .item .place dd[class^="p-"]:after {
    content: \f24e
}

.list-timeline .item .place dd[class^="p-"]:after {
    color: #EC1234
}

.list-timeline .item .place dd img {
    width: 32px
}

.list-timeline .item .item-title {
    color: #2E4FB5;
    position: relative;
    overflow: visible
}

.list-timeline .item .item-title:before {
    content: '';
    display: block;
    position: absolute;
    left: -31px;
    top: .5em;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background-color: #222
}

.list-timeline .item .item-title+p {
    color: #222
}

.list.list-entry .item .item-title {
    font-weight: normal;
    margin-top: -8px;
    padding-bottom: 8px;
    font-size: 15px;
    line-height: 1.5
}

.list.list-entry .item .item-title+p {
    margin-top: -5px;
    margin-bottom: -6px;
    line-height: 1.5
}

.list.list-entry .img-holder {
    width: 50px;
    height: 50px;
    overflow: hidden
}

.list-arrows a.item,
a.item.list-arrow,
.button-block-dp {
    padding-right: 54px
}

.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after {
    content: ""
}

.list-arrows a.item:after,
a.item.list-arrow:after,
a.item.item-icon-right .icon,
.button-block-dp:after,
.button .icon {
    color: #2E4FB5
}

.no-ellipsis .item,
.no-ellipsis .item h1,
.no-ellipsis .item h2,
.no-ellipsis .item h3,
.no-ellipsis .item h4,
.no-ellipsis .item h5,
.no-ellipsis .item h6,
.no-ellipsis .item ul,
.no-ellipsis .item ol,
.no-ellipsis .item li,
.no-ellipsis .item dl,
.no-ellipsis .item dt,
.no-ellipsis .item dd,
.no-ellipsis .item p,
.no-ellipsis.item,
.no-ellipsis.item h1,
.no-ellipsis.item h2,
.no-ellipsis.item h3,
.no-ellipsis.item h4,
.no-ellipsis.item h5,
.no-ellipsis.item h6,
.no-ellipsis.item ul,
.no-ellipsis.item ol,
.no-ellipsis.item li,
.no-ellipsis.item dl,
.no-ellipsis.item dt,
.no-ellipsis.item dd,
.no-ellipsis.item p {
    overflow: visible;
    white-space: normal
}

.no-ellipsis .item,
.no-ellipsis.item {
    line-height: 1.5
}

.list-description .item .img-holder,
.list-buttons-description .item .img-holder {
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    width: 72px;
    max-height: 100%;
    max-width: 72px;
    border-radius: 0
}

.list-description .item .img-holder+.item-title,
.list-description .item .img-holder+.item-title+p,
.list-buttons-description .item .img-holder+.item-title,
.list-buttons-description .item .img-holder+.item-title+p {
    padding-left: 16px
}

.list-description .item .item-title,
.list-description .item .item-title+p,
.list-buttons-description .item .item-title,
.list-buttons-description .item .item-title+p {
    line-height: 1.5
}

.list-buttons-card .item-avatar {
    padding-left: 100px
}

.list-buttons-card .item-avatar:after {
    content: ""
}

.list-buttons-card .item-avatar .img-holder {
    max-width: 81px;
    max-height: 81px;
    margin: 0
}

.list-buttons-card a.item .item-title {
    color: #2E4FB5
}

.list-buttons-card .item {
    padding-right: 54px
}

.list-buttons-card .item .item-title {
    line-height: 1.25
}

.list-buttons-card .item .item-title+p {
    color: #222;
    line-height: 1.5
}

.list-buttons-card .item-cate+.item-title {
    padding-top: 0
}

.list-buttons-card .item-tags-block {
    position: absolute;
    top: -7px;
    left: 5px;
    z-index: -1;
    overflow: visible
}

.list-buttons-card .item-tags-block [class^="label-block-"] {
    width: 10px;
    height: 20px
}

.list-buttons-card .item-tags-block [class^="label-block-"]:hover {
    top: -4px
}

.list-buttons-large .item .item-title {
    line-height: 1.25
}

.list-buttons-small .item .item-title {
    font-size: 13px
}

.list.list-goods a.item .item-title,
[class^="list-players"] a.item .item-title {
    color: #2E4FB5;
    margin-bottom: 8px
}

.list.list-goods .item .img-holder,
[class^="list-players"] .item .img-holder {
    width: 88px;
    height: 88px;
    max-width: 88px;
    max-height: 88px;
    margin: 0
}

.list.list-goods .card,
[class^="list-players"] .card {
    overflow: visible
}

.list.list-goods .card .item,
[class^="list-players"] .card .item {
    min-height: 88px;
    padding-bottom: 12px;
    border: 0
}

.list.list-goods .card .img-holder,
[class^="list-players"] .card .img-holder {
    border-radius: 0;
    top: 0;
    left: 0
}

.list.list-goods .card .i-sale,
[class^="list-players"] .card .i-sale {
    bottom: -2px;
    left: -2px
}

.list.list-goods .card [class^="i-rank-"],
[class^="list-players"] .card [class^="i-rank-"] {
    top: -1px;
    left: -1px
}

.list.list-goods .item .img-holder {
    top: 5px;
    left: 5px
}

.list[class*="list-players"] .item .img-holder {
    top: 5px;
    left: 5px
}

.list[class*="list-players"] .item .item-title {
    margin-bottom: 6px
}

.list[class*="list-players"] .item .item-title+p {
    font-size: 12px
}

.list.list-players-small .item.item-divider {
    border: 0
}

.list.list-players-small .item,
.list.list-players-small .item .item-note {
    font-size: 13px;
    line-height: 1.2
}

.list.list-players-small .item .img-holder {
    left: 0;
    margin-left: 16px;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 0
}

.list.list-players-small .item .img-holder img {
    width: 100%;
    height: auto
}

.list.list-players-small .item .i-un-l {
    line-height: 40px
}

.list.list-players-small .item .text-wrapper {
    min-height: 24px
}

.list.list-players-small .item .text-wrapper .item-title {
    margin: 0;
    padding-top: 0;
    line-height: 24px
}

.list.list-song .item .lyrics {
    font-size: 14px;
    color: #222
}

.price span {
    font-size: 12px
}

.price .num {
    font-weight: bold;
    font-size: 15px
}

.price .yen {
    font-weight: bold
}

.price .tax {
    color: #777;
    margin: 0 3px
}

.tags span,
.tags strong {
    font-size: 12px;
    white-space: nowrap;
    margin-left: 5px
}

.tags span:first-child,
.tags strong:first-child {
    margin-left: 0
}

.price,
.tags {
    margin-top: 6px;
    margin-bottom: 0
}

.price strong,
.price strong span,
.tags strong,
.tags strong span {
    color: #EC1234
}

.price s,
.price s span,
.tags s,
.tags s span {
    color: #777
}

.item .i-sale {
    background-color: #EF790F;
    color: #fafafa;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    padding: 0 6px;
    box-shadow: 2px -2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 3px 0 0
}

.item .i-sale {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

[class^="i-rank-"] {
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    font-size: 14px;
    line-height: 19px !important;
    font-weight: bold;
    background-color: #fff;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.i-rank-1,
.i-rank-2,
.i-rank-3 {
    z-index: 3
}

.i-rank-1:before,
.i-rank-2:before,
.i-rank-3:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 12px;
    margin-left: -2px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 2
}

.card .i-rank-1:before,
.card .i-rank-2:before,
.card .i-rank-3:before {
    position: absolute;
    top: -12px;
    left: 0
}

.i-rank-1 {
    color: #c1a306
}

.i-rank-1:before {
    background-image: url(/img/common/icon_rank_1.png)
}

.i-rank-2 {
    color: #a9a4b0
}

.i-rank-2:before {
    background-image: url(/img/common/icon_rank_2.png)
}

.i-rank-3 {
    color: #d97754
}

.i-rank-3:before {
    background-image: url(/img/common/icon_rank_3.png)
}

.item [class^="i-rank-"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.i-img {
    max-width: 48px;
    max-height: 48px
}

.i-img img {
    max-width: none;
    width: 100%
}

.item-icon-left .icon.i-img {
    left: 4px;
    top: 50%;
    margin-top: -22px
}

.item-icon-right .icon.i-img {
    right: 4px;
    top: 50%;
    margin-top: -22px
}

.button.item-icon-left .icon.i-img,
.button.item-icon-right .icon.i-img {
    margin-top: -24px
}

.button.button-small.item-icon-left .icon.i-img,
.button.button-small.item-icon-right .icon.i-img {
    margin-top: -17px;
    max-width: 32px;
    max-height: 32px
}

.button.button-small.item-icon-left .icon.i-img {
    left: 0
}

.button.button-small.item-icon-left {
    padding: 0 4px 0 26px
}

.button.button-small.item-icon-right .icon.i-img {
    right: 0
}

.button.button-small.item-icon-right {
    padding: 0 26px 0 4px
}

[class*="list-players"] .item {
    overflow: visible
}

[class*="list-players"] .item .img-holder {
    max-width: 52px;
    max-height: 52px
}

[class*="list-players"] .item .i-un-l {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border: 0;
    padding: 0;
    width: 110px;
    padding-left: 60px;
    line-height: 36px;
    background-color: transparent;
    color: #2E4FB5;
    text-align: center;
    font-size: 18px;
    line-height: 70px
}

[class*="list-players"] .item .text-wrapper {
    padding-left: 50px
}

[class*="list-players"] .item .text-wrapper .item-title {
    padding-top: 4px;
    margin-bottom: 6px;
    margin-top: -8px
}

[class*="list-players"] .item .text-wrapper p {
    font-size: 12px
}

[class*="list-players"] .item .text-wrapper p [class^="i-"] {
    position: static;
    margin-right: 4px
}

[class*="list-players"] .card .item {
    padding-left: 60px;
    padding-top: 8px;
    padding-bottom: 4px;
    min-height: 54px
}

[class*="list-players"] .card .item .item-title {
    margin-top: 0
}

[class*="list-players"] .card .item .img-holder {
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 0
}

[class*="list-players"] .card .item .i-un-l {
    left: -10px;
    line-height: 50px
}

.list.list-photos .item {
    background-color: transparent;
    padding: 0 0 20px
}

.list.list-photos .item .img-holder {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    max-height: none;
    margin-bottom: 10px;
    border-radius: 0
}

.list.list-photos .item .img-holder img {
    width: 100%
}

.list-faq .icon-q {
    color: #07294c
}

.list-faq .icon-a {
    color: #a8d076;
    top: -1px;
    left: 0;
    padding-left: 11px;
    width: 54px;
    border-top: 1px solid #fff
}

table {
    width: 100%;
    font-size: 14px;
    background-color: #fff
}

table caption {
    padding: 8px 16px;
    position: relative;
    background-color: #f5f5f5
}

table th,
table td {
    padding: 8px;
    border: 1px solid #ddd;
    border-width: 1px 0
}

table th {
    color: #222;
    background-color: #f5f5f5
}

table thead th {
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap
}

table tr>:first-child {
    padding-left: 16px
}

table tr>:last-child {
    padding-right: 16px
}

.tbl-body {
    line-height: 1.5
}

.tbl-spec {
    background-color: transparent
}

.tbl-spec th,
.tbl-spec td {
    background-color: transparent;
    font-size: 14px;
    line-height: 1.5
}

.tbl-spec tbody th {
    font-weight: bold
}

[class^="i-"] {
    text-align: center;
    display: inline-block;
    line-height: 1;
    position: relative
}

.item [class^="i-"] {
    position: absolute
}

.sect .i-new,
.item .i-new,
.card .i-new {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 2
}

.sect [class^="i-status-"],
.item [class^="i-status-"],
.card [class^="i-status-"] {
    position: absolute;
    left: -3px;
    top: -3px;
    z-index: 2
}

.i-new {
    width: 41px;
    height: 41px
}

.i-new img {
    display: block
}

[class^="i-status-"] {
    background-color: #777;
    border: 1px solid #777;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0 5px;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: bold;
    text-align: center;
    padding: 7px
}

.sect>[class^="i-status-"] {
    position: absolute;
    top: -3px;
    margin-bottom: 10px
}

.i-status-hot {
    background-color: #EC1234;
    border-color: #EC1234;
    color: #fafafa;
    font-style: italic
}

.i-status-soon {
    background-color: #fff;
    border-color: #f5f5f5;
    color: #777
}

.i-status-end {
    background-color: #555;
    border-color: #555;
    color: #aaa
}

.i-status-limit {
    background-color: #fff;
    border-color: #EF790F;
    color: #EF790F
}

.box-slider [class^="i-status-"] {
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1
}

[class*="list-goods"] .item .i-status-end {
    background-color: #fafafa;
    color: #777;
    border: 1px solid #ddd;
    top: auto !important;
    left: auto !important;
    right: -2px;
    bottom: -2px;
    box-shadow: 3px 3px 0 rgba(85, 85, 85, 0.05);
    border-radius: 5px 5px 0 5px
}

.i-game-cate {
    font-size: 10px;
    padding: 4px 8px 2px;
    background-color: #fafafa;
    background-color: rgba(245, 245, 245, 0.6);
    border-radius: 0 0 2px 0;
    letter-spacing: -1px
}

.i-game-home,
.i-game-yokosen {
    border-radius: 2px 2px 2px 0;
    font-size: 10px;
    line-height: 10px;
    vertical-align: middle;
    margin-left: 2px;
    position: relative
}

.i-game-home {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #2E4FB5;
    padding: 2px 4px 1px;
    letter-spacing: -1px;
    background-color: #e9edf9
}

.i-game-yokosen {
    padding: 2px 2px 1px;
    background-color: #f5f5f5;
    top: -1px
}

[class^="i-result"] {
    display: inline-block;
    padding: 4px 0 0;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 13px;
    text-decoration: none;
    border-radius: 100%;
    font-size: 12px;
    background-color: white;
    border: 1px solid #ddd;
    vertical-align: top;
    position: relative;
    background-size: 100%;
    font-weight: 700
}

.i-result-win {
    background-image: url(/img/common/icon_status_circle_ol.png)
}

.i-result-draw {
    background-image: url(/img/common/icon_status_tri.png)
}

.i-result-lose {
    background-image: url(/img/common/icon_status_circle.png)
}

.i-result-blank {
    background-image: url(/img/common/icon_status_blank.png)
}

.i-broadcast-1:before,
.i-broadcast-2:before,
.i-broadcast-3:before {
    font-family: 'ionicons';
    content: '\f465';
    font-weight: normal
}

.i-broadcast-4:before {
    font-family: 'ionicons';
    content: '\f2ac';
    font-weight: normal
}

.i-pos,
.i-un {
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    text-decoration: none;
    font-size: 12px;
    background-color: #fafafa
}

.i-un,
.i-un-l {
    font-size: 12px;
    color: #2E4FB5;
    background-color: #f5f5f5
}

[class^="label-cate-"],
[class^="label-outline-"] {
    display: inline-block;
    color: #777;
    border: 1px solid #777;
    border-radius: 3px;
    padding: 0 4px;
    text-align: center;
    font-size: 12px
}

[class^="label-cate-"]+time,
[class^="label-outline-"]+time {
    margin-left: 10px
}

[class^="label-cate-"] {
    min-width: 8em
}

.label-cate-2 {
    color: #2E4FB5;
    border-color: #2E4FB5
}

.label-cate-3 {
    color: #0092D1;
    border-color: #0092D1
}

.label-cate-6,
.label-cate-ev-4 {
    color: #EC1234;
    border-color: #EC1234
}

.label-cate-7,
.label-cate-ev-0 {
    color: #EF790F;
    border-color: #EF790F
}

.label-cate-13,
.label-cate-ev-5 {
    color: #07294c;
    border-color: #07294c
}

.label-cate-8 {
    color: #F5648F;
    border-color: #F5648F
}

.label-cate-4 {
    color: #EF790F;
    border-color: #EF790F
}

.label-cate-9,
.label-cate-10 {
    color: #e2cb00;
    border-color: #e2cb00
}

.label-cate-11 {
    color: #008F65;
    border-color: #008F65
}

.label-outline-contact {
    font-size: 13px;
    padding: 3px 6px;
    color: #008F65;
    border-color: #008F65;
    vertical-align: middle;
    position: relative
}

[class^="label-block-"] {
    width: 16px;
    height: 16px;
    background-color: #aaa;
    position: relative
}

.label-block-fc-member-0 {
    background-color: #719db2
}

.label-block-fc-member-1 {
    background-color: #ae8a4e
}

.label-block-fc-member-2 {
    background-color: #2E4FB5
}

.label-block-fc-member-3 {
    background-color: #EC1234
}

.label-block-fc-member-4 {
    background-color: #008F65
}

.label-block-fc-member-5 {
    background-color: #b97b90
}

[class^="day-"]:before {
    content: '（'
}

[class^="day-"]:after {
    content: '）'
}

.day-0 {
    color: #EC1234
}

.day-6 {
    color: #2E4FB5
}

.box-slider {
    position: relative
}

.box-news-topics {
    margin-bottom: 0
}

.title-news-topics .item-title {
    background-color: #f5f5f5
}

.title-news-topics .item-title b {
    color: #EC1234;
    font-weight: bold;
    font-style: italic;
    font-size: 16px
}

.title-news-topics .item {
    border: 0
}

.more-news-topics .box-tooltip .item:first-child {
    border-top: 0;
    margin-top: 0
}

.more-news-topics .box-tooltip .item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.box-contact {
    border: 1px solid #ddd
}

.box-contact .item:first-child {
    border-top: 0
}

.contact-name {
    font-weight: bold !important;
    font-size: 13px !important
}

.contact-addr {
    margin-top: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: bold !important;
    letter-spacing: .025em !important;
    color: #2E4FB5 !important;
    vertical-align: middle !important
}

.contact-addr .label-outline-contact {
    margin-right: .5em !important;
    top: -2px !important
}

.contact-addr b {
    -ms-word-break: break-word !important;
    word-break: break-word !important
}

.box-dd-menu {
    z-index: 999;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%
}

.local-nav .item {
    font-size: 14px;
    background-color: #fafafa
}

.local-nav .item:first-child {
    border-top: 0
}

.local-nav .item:last-child {
    border-bottom: 0
}

.local-nav .item:after {
    right: 0;
    font-size: 20px;
    line-height: 20px
}

.local-nav a.item {
    padding-right: 20px !important
}

.local-nav a.item:hover:after {
    right: -3px !important
}

.local-nav span.item {
    color: #777
}

.local-nav .item .icon:last-child,
.local-nav .item:after {
    right: 0 !important
}

.local-nav .list.list-arrows a.item:after {
    font-size: 20px;
    line-height: 20px
}

.local-nav .current {
    background-color: #fff;
    color: #2E4FB5;
    font-weight: bold
}

.local-nav .current:before,
.local-nav .current:after {
    content: '' !important;
    display: block;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    width: 2px !important
}

.local-nav .current:before {
    background-color: #2E4FB5;
    left: 0
}

.local-nav .current:after {
    background-color: #EC1234;
    left: 2px
}

.local-nav .item-divider {
    font-size: 12px;
    padding-left: 16px;
    border: 0 !important
}

.local-nav .nav-lv2 {
    position: relative;
    display: none;
    padding: 16px 0px 16px 16px
}

.local-nav .nav-lv2:before,
.local-nav .nav-lv2:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    opacity: 0.8
}

.local-nav .nav-lv2:before {
    background-color: #2E4FB5;
    left: 0
}

.local-nav .nav-lv2:after {
    background-color: #EC1234;
    left: 2px
}

.local-nav .nav-lv2 .item {
    font-size: 12px;
    padding: 12px 14px;
    background-color: #f7f7f7
}

.local-nav .current+.nav-lv2 {
    display: block;
    margin: 1px 0
}

.breadcrumb {
    display: block;
    min-height: 48px;
    background-color: #fafafa
}

.breadcrumb a {
    color: #222
}

.breadcrumb a,
.breadcrumb b {
    font-size: 13px;
    line-height: 48px;
    display: inline-block;
    padding: 0 20px 0 10px
}

.breadcrumb a:after,
.breadcrumb b:after {
    content: "\003E";
}

.breadcrumb a:after,
.breadcrumb b:after {
    font-size: 15px !important;
    line-height: 13px !important;
    right: 0 !important;
    width: 16px !important
}

.breadcrumb a:last-child,
.breadcrumb b:last-child {
    padding: 0 10px;
    color: #777
}

.breadcrumb a:last-child:after,
.breadcrumb b:last-child:after {
    content: '';
    display: none;
    visibility: hidden
}

.bt-tab {
    background-color: #e8e8e8
}

.bt-tab a,
.bt-tab span {
    display: block;
    text-align: center;
    height: 48px;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    @expend %bold_ios;
    ;
    line-height: 48px
}

.bt-tab a b,
.bt-tab span b {
    font-size: 21px;
    margin-left: 5px
}

.bt-tab span,
.bt-tab span b {
    color: #777
}

.bt-tab .current,
.bt-tab .current b,
.bt-tab .sel,
.bt-tab .sel b {
    background-color: #2E4FB5;
    color: #fafafa;
    pointer-events: none
}

.bt-anchor {
    background-color: #e8e8e8
}

.bt-anchor a,
.bt-anchor span,
.bt-anchor .button {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    @expend %bold_ios;
    ;
    border-top: 1px solid #fff !important
}

.bt-anchor a b,
.bt-anchor span b,
.bt-anchor .button b {
    font-size: 21px;
    margin-left: 5px
}

.bt-anchor span,
.bt-anchor span b {
    color: #777
}

.bt-anchor .current,
.bt-anchor .current b,
.bt-anchor .sel,
.bt-anchor .sel b {
    background-color: #2E4FB5;
    color: #fafafa;
    pointer-events: none
}

.title-tri {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 40%;
    z-index: 6
}

.page-site-index .index-game-info .tbl-game-results {
    background-color: transparent
}

.page-site-index .index-game-info .tbl-game-results .t-label {
    width: 1%
}

.page-site-index .index-game-info .title-game-info {
    border-top: 0
}

.page-site-index .index-game-info .bt-tab a {
    font-size: 16px
}

.page-site-index .index-game-info .bt-tab a i {
    font-size: 10px
}

.sect.post-info {
    background-color: #fafafa
}

.sect.post-info .socials {
    margin: 0;
    padding: 0;
    width: 100%
}

.sect.post-info .socials li {
    margin: 5px
}

.sect.post-info p {
    margin: 10px 0
}

.list-point-items .card {
    overflow: visible
}

.list-point-items .card .item:last-child {
    border-bottom: 0
}

.list-point-items .card .i-status-pts {
    top: -8px;
    left: -8px;
    font-weight: bold;
    background-color: #a8d076;
    color: #07294c;
    font-weight: bold;
    letter-spacing: 0
}

.list-point-items .card .i-status-pts b {
    font-size: 15px;
    font-weight: bold
}

.list-point-items .card .item-body p,
.list-point-items .card .item-body ul.caution {
    margin: 0
}

.list-point-items .card .item-body p+ul.caution {
    margin-top: .5em
}

.list-point-items .card .item-body p {
    font-size: 14px;
    color: #222
}

.list-point-items .wrap .card {
    margin-bottom: 0
}

.main-photo .title-headline {
    margin-bottom: .5em
}

.main-photo .title-headline+p {
    margin-top: 0
}

.i-1 {
    background-color: #ff903e !important;
    color: #231815 !important
}

.i-1:hover {
    background-color: #ffbc8b !important
}

.t-1 {
    border-color: #ff903e !important
}

.t-1-sub {
    border-color: #231815 !important
}

.bg-team-1 {
    background-color: #ff903e !important;
    color: #231815 !important
}

.bg-team-1-alpha {
    background-color: rgba(255, 144, 62, 0.95) !important;
    color: #231815 !important
}

.bg-team-1-rev {
    background-color: #231815 !important;
    color: #ff903e !important
}

.color-team-1 {
    color: #ff903e !important
}

.color-team-1-sub {
    color: #231815 !important
}

.i-2 {
    background-color: #2E4FB5 !important;
    color: #fff !important
}

.i-2:hover {
    background-color: #5a78d5 !important
}

.t-2 {
    border-color: #2E4FB5 !important
}

.t-2-sub {
    border-color: #fff !important
}

.bg-team-2 {
    background-color: #2E4FB5 !important;
    color: #fff !important
}

.bg-team-2-alpha {
    background-color: rgba(46, 79, 181, 0.95) !important;
    color: #fff !important
}

.bg-team-2-rev {
    background-color: #fff !important;
    color: #2E4FB5 !important
}

.color-team-2 {
    color: #2E4FB5 !important
}

.color-team-2-sub {
    color: #fff !important
}

.i-3 {
    background-color: #00428e !important;
    color: #fff !important
}

.i-3:hover {
    background-color: #0066db !important
}

.t-3 {
    border-color: #00428e !important
}

.t-3-sub {
    border-color: #fff !important
}

.bg-team-3 {
    background-color: #00428e !important;
    color: #fff !important
}

.bg-team-3-alpha {
    background-color: rgba(0, 66, 142, 0.95) !important;
    color: #fff !important
}

.bg-team-3-rev {
    background-color: #fff !important;
    color: #00428e !important
}

.color-team-3 {
    color: #00428e !important
}

.color-team-3-sub {
    color: #fff !important
}

.i-4 {
    background-color: #003378 !important;
    color: #fff !important
}

.i-4:hover {
    background-color: #0054c5 !important
}

.t-4 {
    border-color: #003378 !important
}

.t-4-sub {
    border-color: #fff !important
}

.bg-team-4 {
    background-color: #003378 !important;
    color: #fff !important
}

.bg-team-4-alpha {
    background-color: rgba(0, 51, 120, 0.95) !important;
    color: #fff !important
}

.bg-team-4-rev {
    background-color: #fff !important;
    color: #003378 !important
}

.color-team-4 {
    color: #003378 !important
}

.color-team-4-sub {
    color: #fff !important
}

.i-5 {
    background-color: #ffe100 !important;
    color: #231815 !important
}

.i-5:hover {
    background-color: #ffea4d !important
}

.t-5 {
    border-color: #ffe100 !important
}

.t-5-sub {
    border-color: #231815 !important
}

.bg-team-5 {
    background-color: #ffe100 !important;
    color: #231815 !important
}

.bg-team-5-alpha {
    background-color: rgba(255, 225, 0, 0.95) !important;
    color: #231815 !important
}

.bg-team-5-rev {
    background-color: #231815 !important;
    color: #ffe100 !important
}

.color-team-5 {
    color: #ffe100 !important
}

.color-team-5-sub {
    color: #231815 !important
}

.i-6 {
    background-color: #e60012 !important;
    color: #fff !important
}

.i-6:hover {
    background-color: #ff3443 !important
}

.t-6 {
    border-color: #e60012 !important
}

.t-6-sub {
    border-color: #fff !important
}

.bg-team-6 {
    background-color: #e60012 !important;
    color: #fff !important
}

.bg-team-6-alpha {
    background-color: rgba(230, 0, 18, 0.95) !important;
    color: #fff !important
}

.bg-team-6-rev {
    background-color: #fff !important;
    color: #e60012 !important
}

.color-team-6 {
    color: #e60012 !important
}

.color-team-6-sub {
    color: #fff !important
}

.i-7 {
    background-color: #102960 !important;
    color: #fff !important
}

.i-7:hover {
    background-color: #1b45a2 !important
}

.t-7 {
    border-color: #102960 !important
}

.t-7-sub {
    border-color: #fff !important
}

.bg-team-7 {
    background-color: #102960 !important;
    color: #fff !important
}

.bg-team-7-alpha {
    background-color: rgba(16, 41, 96, 0.95) !important;
    color: #fff !important
}

.bg-team-7-rev {
    background-color: #fff !important;
    color: #102960 !important
}

.color-team-7 {
    color: #102960 !important
}

.color-team-7-sub {
    color: #fff !important
}

.i-8 {
    background-color: #e6a722 !important;
    color: #00508e !important
}

.i-8:hover {
    background-color: #eec267 !important
}

.t-8 {
    border-color: #e6a722 !important
}

.t-8-sub {
    border-color: #00508e !important
}

.bg-team-8 {
    background-color: #e6a722 !important;
    color: #00508e !important
}

.bg-team-8-alpha {
    background-color: rgba(230, 167, 34, 0.95) !important;
    color: #00508e !important
}

.bg-team-8-rev {
    background-color: #00508e !important;
    color: #e6a722 !important
}

.color-team-8 {
    color: #e6a722 !important
}

.color-team-8-sub {
    color: #00508e !important
}

.i-9 {
    background-color: #231815 !important;
    color: #fff !important
}

.i-9:hover {
    background-color: #533932 !important
}

.t-9 {
    border-color: #231815 !important
}

.t-9-sub {
    border-color: #fff !important
}

.bg-team-9 {
    background-color: #231815 !important;
    color: #fff !important
}

.bg-team-9-alpha {
    background-color: rgba(35, 24, 21, 0.95) !important;
    color: #fff !important
}

.bg-team-9-rev {
    background-color: #fff !important;
    color: #231815 !important
}

.color-team-9 {
    color: #231815 !important
}

.color-team-9-sub {
    color: #fff !important
}

.i-11 {
    background-color: #021e2f !important;
    color: #b18600 !important
}

.i-11:hover {
    background-color: #054d78 !important
}

.t-11 {
    border-color: #021e2f !important
}

.t-11-sub {
    border-color: #b18600 !important
}

.bg-team-11 {
    background-color: #021e2f !important;
    color: #b18600 !important
}

.bg-team-11-alpha {
    background-color: rgba(2, 30, 47, 0.95) !important;
    color: #b18600 !important
}

.bg-team-11-rev {
    background-color: #b18600 !important;
    color: #021e2f !important
}

.color-team-11 {
    color: #021e2f !important
}

.color-team-11-sub {
    color: #b18600 !important
}

.i-12 {
    background-color: #fcc800 !important;
    color: #595656 !important
}

.i-12:hover {
    background-color: #ffda49 !important
}

.t-12 {
    border-color: #fcc800 !important
}

.t-12-sub {
    border-color: #595656 !important
}

.bg-team-12 {
    background-color: #fcc800 !important;
    color: #595656 !important
}

.bg-team-12-alpha {
    background-color: rgba(252, 200, 0, 0.95) !important;
    color: #595656 !important
}

.bg-team-12-rev {
    background-color: #595656 !important;
    color: #fcc800 !important
}

.color-team-12 {
    color: #fcc800 !important
}

.color-team-12-sub {
    color: #595656 !important
}

.i-376 {
    background-color: #870011 !important;
    color: #f7ab00 !important
}

.i-376:hover {
    background-color: #d3001b !important
}

.t-376 {
    border-color: #870011 !important
}

.t-376-sub {
    border-color: #f7ab00 !important
}

.bg-team-376 {
    background-color: #870011 !important;
    color: #f7ab00 !important
}

.bg-team-376-alpha {
    background-color: rgba(135, 0, 17, 0.95) !important;
    color: #f7ab00 !important
}

.bg-team-376-rev {
    background-color: #f7ab00 !important;
    color: #870011 !important
}

.color-team-376 {
    color: #870011 !important
}

.color-team-376-sub {
    color: #f7ab00 !important
}

.bg-league-1 {
    background-color: #2e8b57 !important;
    color: #fafafa !important
}

.t-league-1 {
    border-color: #2e8b57 !important
}

.bg-league-2 {
    background-color: #4682b4 !important;
    color: #fafafa !important
}

.t-league-2 {
    border-color: #4682b4 !important
}

.bg-league-3 {
    background-color: #512a79 !important;
    color: #fafafa !important
}

.t-league-3 {
    border-color: #512a79 !important
}

.bg-league-4 {
    background-color: #6fb3d1 !important;
    color: #fafafa !important
}

.t-league-4 {
    border-color: #6fb3d1 !important
}

#topcontrol {
    z-index: 998
}

#totop-floating {
    width: 44px;
    height: 44px;
    color: #222;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, 0.3);
    display: block;
    font-size: 32px;
    text-align: center;
    line-height: 40px
}

.paging:first-child {
    border-top: 0
}

.paging a,
.paging b,
.paging .current,
.paging .disabled {
    display: inline-block;
    padding: 8px 5px 0;
    min-width: 30px;
    height: 33px;
    min-width: 34px;
    text-align: center;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px;
    color: #222;
    background-color: #fff
}

.paging .current {
    background-color: #f5f5f5;
    color: #222
}

.paging .disabled {
    color: #777
}

.paging a:hover {
    color: #0092D1
}

.paging span {
    display: inline-block;
    border-left: 1px solid #f5f5f5
}

.paging span:first-child {
    border: 0
}

.paging .prev a,
.paging .prev.disabled {
    padding-right: 6px
}

.paging .prev a:before,
.paging .prev.disabled:before {
    content: '\f3d2';
    font-family: 'ionicons';
    margin-right: 4px
}

.paging .next a,
.paging .next.disabled {
    padding-left: 6px
}

.paging .next a:after,
.paging .next.disabled:after {
    content: '\f3d3';
    font-family: 'ionicons';
    margin-left: 4px
}

.select-holder {
    display: inline-block;
    overflow: hidden;
    position: relative;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #ddd;
    outline: none
}

.select-holder:after {
    content: ""
}

.select-holder:after {
    font-size: 20px !important;
    line-height: 20px !important;
    right: 0 !important
}

.select-holder select {
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    border: 0;
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-size: inherit;
    color: #222;
    outline: none;
    padding: 0 40px 0 15px;
    height: 28px;
    background-color: #fff;
    width: 130%;
    font-size: 15px;
    line-height: 1;
    text-align: left !important;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    cursor: pointer
}

.select-holder select:hover {
    color: #0092D1
}

.select-holder select::-ms-expand {
    display: none
}

.select-holder select[disabled],
.select-holder select[disabled="disabled"] {
    cursor: default;
    pointer-events: none;
    opacity: 0.3
}

.ie .select-holder select {
    width: 150%
}

.socials {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10
}

.socials li {
    display: inline-block;
    line-height: 1 !important;
    vertical-align: top !important;
    margin: 5px;
    min-height: 2px;
    line-height: 1
}

.win .line-at-friend,
.mac .line-at-friend,
.linux .line-at-friend {
    display: none
}

.line-at.c_box:before {
    content: none;
    display: none;
    visibility: hidden
}

.box-share {
    position: relative;
    padding: 5px 0;
    min-height: 20px
}

.current {
    cursor: default
}

.d {
    cursor: default;
    pointer-events: none
}

.s {
    background-color: #f00
}

.loader-infinite {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #0f1350;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999
}

.loader-infinite .loader-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #0092D1
}

.loader-infinite.anim .loader-bar {
    -webkit-animation: loadbar 30s infinite linear;
    animation: loadbar 30s infinite linear
}

@-ms-keyframes loadbar {
    0% {
        width: 0;
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        width: 100%;
        opacity: 0
    }
}

@-webkit-keyframes loadbar {
    0% {
        width: 0;
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        width: 100%;
        opacity: 0
    }
}

@keyframes loadbar {
    0% {
        width: 0;
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        width: 100%;
        opacity: 0
    }
}

.no-data,
.no-data p {
    color: #777;
    font-size: 13px;
    line-height: 1
}

.no-data p {
    margin: 0 !important
}

#filter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: transparent;
    display: none
}

#filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-color: #2E4FB5;
    background-color: rgba(46, 79, 181, 0.85);
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.mode_transit {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.slide_ctrl .i-acc-op,
.slide_ctrl .i-acc-cls {
    font-size: 20px
}

.slide_ctrl .i-acc-op {
    visibility: hidden
}

.slide_ctrl .i-acc-cls {
    visibility: visible
}

.slide_ctrl.sel .i-acc-op {
    visibility: visible
}

.slide_ctrl.sel .i-acc-cls {
    visibility: hidden
}

.slide_wrapper {
    position: relative;
    height: 0;
    z-index: 99
}

.t_unit {
    display: block
}

.t_unit.to {
    height: auto;
    opacity: 1
}

.t_unit.tc {
    height: 0;
    overflow: hidden;
    opacity: 0
}

.swiper-wrapper {
    width: 100%
}

.slider-img .swiper-wrapper {
    background-color: #555
}

.swiper-free-mode .swiper-wrapper {
    background-color: transparent
}

.swiper-controller-out {
    overflow: visible
}

[class^=swiper-ctrl-] {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 96px
}

.swiper-ctrl-prev {
    background-image: url(/img/plugins/swiper/allow_prev_bk.png);
    left: 0;
    margin-left: -100px
}

.swiper-ctrl-prev:hover {
    background-position: 40% 50%
}

.swiper-ctrl-next {
    background-image: url(/img/plugins/swiper/allow_next_bk.png);
    right: 0;
    margin-right: -100px
}

.swiper-ctrl-next:hover {
    background-position: 60% 50%
}

.swiper-container .swiper-ctrl-prev {
    background-image: url(/img/plugins/swiper/allow_prev_w.png)
}

.swiper-container .swiper-ctrl-next {
    background-image: url(/img/plugins/swiper/allow_next_w.png)
}

.swiper-container:hover .swiper-ctrl-prev {
    margin-left: 0
}

.swiper-container:hover .swiper-ctrl-next {
    margin-right: 0
}

[class^="swiper-pagination"] {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    height: 20px
}

[class^="swiper-pagination"] .swiper-pagination-switch {
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #ddd;
    margin: 0 2px
}

[class^="swiper-pagination"] .swiper-active-switch {
    background-color: #0092D1;
    cursor: pointer
}

#global-hdr .swiper-pagination {
    margin-top: 0;
    position: absolute;
    top: 10px
}

#global-hdr .swiper-pagination .swiper-pagination-switch {
    margin-top: 0
}

.swiper-scrollbar-vertical {
    position: absolute;
    right: 0;
    top: 1%;
    width: 1px;
    height: 98%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10
}

.swiper-scrollbar-horizontal {
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 3px;
    z-index: 1
}

.swiper-container .swiper-scrollbar-horizontal:first-child {
    margin-bottom: -3px
}

.swiper-container .swiper-scrollbar-horizontal:last-child {
    margin-top: -3px
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 100px
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-container-with-filter-left {
    position: relative
}

.swiper-container-with-filter-left:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 9px;
    z-index: 1;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.swiper-container-with-filter-right {
    position: relative
}

.swiper-container-with-filter-right:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: -10px;
    width: 9px;
    z-index: 1;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.swiper-container-with-filter-bottom {
    position: relative
}

.swiper-container-with-filter-bottom:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 9px;
    z-index: 1;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.swiper-container-with-filter-top {
    position: relative
}

.swiper-container-with-filter-top:after {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: 0;
    right: 0;
    height: 9px;
    z-index: 1;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.swiper-slide-active {
    position: relative;
    z-index: 2
}

#colorbox,
#colorbox * {
    box-sizing: content-box
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#cboxOverlay {
    background: #f5f5f5
}

#cboxContent {
    margin-top: 32px;
    overflow: visible
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    background: transparent;
    padding: 2px 0 0
}

#cboxLoadingGraphic {
    background: #222 url(/img/plugins/loader_nega.gif) no-repeat center center
}

#cboxLoadingOverlay {
    background: #000
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(/img/plugins/colorbox/controls.png) no-repeat 0 0
}

#cboxPrevious {
    background-position: 0px 0px;
    right: 44px
}

#cboxPrevious:hover {
    background-position: 0px -25px
}

#cboxNext {
    background-position: -25px 0px;
    right: 22px
}

#cboxNext:hover {
    background-position: -25px -25px
}

#cboxClose {
    background-position: -50px 0px;
    right: 0
}

#cboxClose:hover {
    background-position: -50px -25px
}

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px
}

a.c_box {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1
}

a.c_box img {
    vertical-align: top
}

a.c_box:before {
    display: block;
    position: absolute;
    z-index: 2;
    font-family: 'ionicons';
    content: '\f25e';
    font-size: 30px;
    background-color: #777;
    background-color: rgba(245, 245, 245, 0.25);
    color: #777;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -20px;
    transition: all ease-in-out .1s;
    opacity: 0
}

.win a.c_box:hover:before,
.mac a.c_box:hover:before,
.linux a.c_box:hover:before {
    background-color: #222;
    opacity: 1
}

.win a.c_box:hover img,
.mac a.c_box:hover img,
.linux a.c_box:hover img {
    opacity: 0.65
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.swiper-pagination-switch,
.swiper-active-switch {
    transition: background-color .3s ease-in-out
}

.swiper-container.slider-img .swiper-wrapper>.swiper-slide,
.swiper-container.game_slider .swiper-wrapper>.swiper-slide {
    opacity: .3;
    transition: opacity .3s ease-in-out
}

.swiper-container.slider-img .swiper-wrapper>.swiper-slide-active,
.swiper-container.game_slider .swiper-wrapper>.swiper-slide-active {
    opacity: 1
}

.game-schedules .swiper-slide {
    transition: background-color .2s ease-in-out
}

.game-schedules .swiper-slide time {
    transition: border .2s ease-in-out
}

.list-schedule .tr-game-live .score-num {
    -webkit-animation: live_score_blink 5s ease infinite alternate;
    animation: live_score_blink 5s ease infinite alternate
}

.mb20 {
    margin-bottom: 20px !important
}

.mb40 {
    margin-bottom: 40px !important
}

@-webkit-keyframes live_score_blink {
    0% {
        color: #2E4FB5
    }

    100% {
        color: #0092D1
    }
}

@keyframes live_score_blink {
    0% {
        color: #2E4FB5
    }

    100% {
        color: #0092D1
    }
}

.page-live-report-fields .score-board {
    transition: all .3s ease-in-out
}

.diamond-tooltip.d {
    opacity: 0
}

.live-hdr,
.loader-infinite {
    z-index: 10 !important
}

.nav_open #live_hdr,
.nav_open .loader-infinite,
.local_nav_open #live_hdr,
.local_nav_open .loader-infinite {
    z-index: 9999 !important
}

#g_nav {
    -ms-transform: translate(0, -110%);
    -webkit-transform: translate(0, -110%);
    transform: translate(0, -110%);
    -ms-transform: translate3d(0, -110%, 0);
    -webkit-transform: translate3d(0, -110%, 0);
    transform: translate3d(0, -110%, 0);
    -ms-transform-origin: 0, 0;
    -webkit-transform-origin: 0, 0;
    transform-origin: 0, 0;
    z-index: -1;
    opacity: 0
}

.nav_open #g_nav {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 999;
    opacity: 1
}

#local_nav {
    opacity: 0;
    z-index: -1
}

.local_nav_open #local_nav {
    opacity: 1;
    z-index: 999
}

.nav_open .container,
.local_nav_open .container {
    min-height: 120%
}

.nav_open .container:after,
.local_nav_open .container:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1000%;
    background-color: #2E4FB5;
    background-color: rgba(46, 79, 181, 0.95);
    z-index: 500
}

#filter-overlay {
    opacity: 0
}

#filter-overlay.o_ {
    display: block;
    opacity: 1;
    position: absolute
}

.content {
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    50% {
        -webkit-transform: translateY(0)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }

    80% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-10px)
    }

    20% {
        -webkit-transform: translateX(10px)
    }

    30% {
        -webkit-transform: translateX(-10px)
    }

    40% {
        -webkit-transform: translateX(10px)
    }

    50% {
        -webkit-transform: translateX(-10px)
    }

    60% {
        -webkit-transform: translateX(10px)
    }

    70% {
        -webkit-transform: translateX(-10px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    90% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
}

@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-20px)
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(20px)
    }
}

@-ms-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
}

@-ms-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
}

@-ms-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
}

@-ms-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
}

@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -ms-transform: scale(1.05)
    }

    70% {
        -ms-transform: scale(0.9)
    }

    100% {
        -ms-transform: scale(1)
    }
}

@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateY(30px)
    }

    80% {
        -ms-transform: translateY(-10px)
    }

    100% {
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateY(-30px)
    }

    80% {
        -ms-transform: translateY(10px)
    }

    100% {
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateX(-30px)
    }

    80% {
        -ms-transform: translateX(10px)
    }

    100% {
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -ms-transform: translateX(30px)
    }

    80% {
        -ms-transform: translateX(-10px)
    }

    100% {
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes bounceOut {
    0% {
        -ms-transform: scale(1)
    }

    25% {
        -ms-transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -ms-transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -ms-transform: scale(0.3)
    }
}

@-ms-keyframes bounceOutUp {
    0% {
        -ms-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
}

@-ms-keyframes bounceOutDown {
    0% {
        -ms-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
}

@-ms-keyframes bounceOutLeft {
    0% {
        -ms-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
}

@-ms-keyframes bounceOutRight {
    0% {
        -ms-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -ms-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
}

@-ms-keyframes flash {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes bounce {
    0% {
        -ms-transform: translateY(0)
    }

    20% {
        -ms-transform: translateY(0)
    }

    40% {
        -ms-transform: translateY(-30px)
    }

    50% {
        -ms-transform: translateY(0)
    }

    60% {
        -ms-transform: translateY(-15px)
    }

    80% {
        -ms-transform: translateY(0)
    }

    100% {
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes shake {
    0% {
        -ms-transform: translateX(0)
    }

    10% {
        -ms-transform: translateX(-10px)
    }

    20% {
        -ms-transform: translateX(10px)
    }

    30% {
        -ms-transform: translateX(-10px)
    }

    40% {
        -ms-transform: translateX(10px)
    }

    50% {
        -ms-transform: translateX(-10px)
    }

    60% {
        -ms-transform: translateX(10px)
    }

    70% {
        -ms-transform: translateX(-10px)
    }

    80% {
        -ms-transform: translateX(10px)
    }

    90% {
        -ms-transform: translateX(-10px)
    }

    100% {
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes rotateInDownLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInUpLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInUpRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInDownRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateOutDownLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }

    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutUpLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }

    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutDownRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }

    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutUpRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }

    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateIn {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateOut {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
        opacity: 1
    }

    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(200deg);
        opacity: 0
    }
}

@-ms-keyframes tada {
    0% {
        -ms-transform: scale(1)
    }

    10% {
        -ms-transform: scale(0.9) rotate(-3deg)
    }

    20% {
        -ms-transform: scale(0.9) rotate(-3deg)
    }

    30% {
        -ms-transform: scale(1.1) rotate(3deg)
    }

    40% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }

    50% {
        -ms-transform: scale(1.1) rotate(3deg)
    }

    60% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }

    70% {
        -ms-transform: scale(1.1) rotate(3deg)
    }

    80% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }

    90% {
        -ms-transform: scale(1.1) rotate(3deg)
    }

    100% {
        -ms-transform: scale(1) rotate(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    30% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.list.list-players-small .item,
.socials {
    zoom: 1
}

.list.list-players-small .item:before,
.socials:before {
    content: "";
    display: table
}

.list.list-players-small .item:after,
.socials:after {
    content: "";
    display: table;
    clear: both
}

.diamond li {
    display: block;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap
}

.i-result-win,
.i-result-draw,
.i-result-lose,
.i-result-blank,
[class^="label-block-"],
.bso [class^="tr-bso-"] dd {
    display: inline-block;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap
}

.vh {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.scoreboard-team dd b {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.list-timeline .item,
.list-timeline .item .item-title,
.list-timeline .item p,
.no-ellipsis .item,
.no-ellipsis .item h1,
.no-ellipsis .item h2,
.no-ellipsis .item h3,
.no-ellipsis .item h4,
.no-ellipsis .item h5,
.no-ellipsis .item h6,
.no-ellipsis .item ul,
.no-ellipsis .item ol,
.no-ellipsis .item li,
.no-ellipsis .item dl,
.no-ellipsis .item dt,
.no-ellipsis .item dd,
.no-ellipsis .item p,
.no-ellipsis.item,
.no-ellipsis.item h1,
.no-ellipsis.item h2,
.no-ellipsis.item h3,
.no-ellipsis.item h4,
.no-ellipsis.item h5,
.no-ellipsis.item h6,
.no-ellipsis.item ul,
.no-ellipsis.item ol,
.no-ellipsis.item li,
.no-ellipsis.item dl,
.no-ellipsis.item dt,
.no-ellipsis.item dd,
.no-ellipsis.item p,
.list-description .item .item-title,
.list-description .item .item-title+p,
.list-buttons-description .item .item-title,
.list-buttons-description .item .item-title+p,
.list-buttons-card .item .item-title,
.list-buttons-card .item .item-title+p,
.list[class*="list-players"] .item .item-title+p,
.score-vs .t-score .game-status,
.list-game-summary .item .box-summary-text p,
.box-news-topics .item,
.list-schedule .t-score span {
    -ms-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

.mac .button.button-outline,
.mac .button.button-block-dp,
.mac .title-catchcopy,
.mac .title-catchcopy>*,
.mac .title-sect,
.mac .title-sect>*,
.mac .text-lead,
.mac .text-lead b,
.text-lead .mac b,
.mac .item .item-title,
.item .mac .item-title,
.mac [class^="i-status-"],
.mac .local-nav .current,
.local-nav .mac .current,
.mac tbody .t-rank,
tbody .mac .t-rank,
.mac th.a,
.iphone .button.button-outline,
.iphone .button.button-block-dp,
.iphone .title-catchcopy,
.iphone .title-catchcopy>*,
.iphone .title-sect,
.iphone .title-sect>*,
.iphone .text-lead,
.iphone .text-lead b,
.text-lead .iphone b,
.iphone .item .item-title,
.item .iphone .item-title,
.iphone [class^="i-status-"],
.iphone .local-nav .current,
.local-nav .iphone .current,
.iphone tbody .t-rank,
tbody .iphone .t-rank,
.iphone th.a,
.ipad .button.button-outline,
.ipad .button.button-block-dp,
.ipad .title-catchcopy,
.ipad .title-catchcopy>*,
.ipad .title-sect,
.ipad .title-sect>*,
.ipad .text-lead,
.ipad .text-lead b,
.text-lead .ipad b,
.ipad .item .item-title,
.item .ipad .item-title,
.ipad [class^="i-status-"],
.ipad .local-nav .current,
.local-nav .ipad .current,
.ipad tbody .t-rank,
tbody .ipad .t-rank,
.ipad th.a,
.ipod .button.button-outline,
.ipod .button.button-block-dp,
.ipod .title-catchcopy,
.ipod .title-catchcopy>*,
.ipod .title-sect,
.ipod .title-sect>*,
.ipod .text-lead,
.ipod .text-lead b,
.text-lead .ipod b,
.ipod .item .item-title,
.item .ipod .item-title,
.ipod [class^="i-status-"],
.ipod .local-nav .current,
.local-nav .ipod .current,
.ipod tbody .t-rank,
tbody .ipod .t-rank,
.ipod th.a {
    font-family: 'Roboto Condensed', "Hiragino Kaku Gothic ProN W6";
    font-weight: 700
}

time:before {
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    width: 32px;
    text-align: center;
    margin-top: -.5em;
    font-size: 32px;
    font-family: 'ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bt-to-top .wrapper:after,
.list-timeline .item .place dd[class^="p-"]:after,
.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after,
.list-buttons-card .item-avatar:after,
.breadcrumb a:after,
.breadcrumb b:after,
.select-holder:after,
.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after {
    position: absolute;
    right: 11px;
    top: 50%;
    display: block;
    width: 32px;
    text-align: center;
    margin-top: -.5em;
    font-size: 32px;
    font-family: 'ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.list-arrows .item.item-divider:after,
.list-arrows .item.item-icon-right:after,
.item.list-arrow.item-icon-right:after,
.button-block-dp.icon-right:after,
.button-block-dp.item-icon-right:after,
.local-nav .item.item-divider:after,
.list-schedule .t-date time:before {
    content: none;
    background: none;
    visibility: hidden
}

.title-headline {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.025em
}

.title-content .wrapper>b {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.025em
}

.title-catchcopy,
.title-catchcopy>* {
    font-size: 21px;
    line-height: 1.75;
    letter-spacing: .125em
}

.title-sect,
.title-sect>*,
.box-slider-special .visual h1 {
    font-size: 18px;
    line-height: 1.5
}

.body p,
.body li,
.body dt,
.body dd,
.item-text-wrap p,
.item-text-wrap li,
.item-text-wrap dt,
.item-text-wrap dd,
.title-body,
.title-caption,
.title-th,
.list.list-photos .item .item-title,
table caption,
.tbl-body {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: .025em
}

.caption,
.caption>li,
.caution,
.caution>li,
.body .caption,
.body .caption>li,
.body .caution,
.body .caution>li,
.item .caption,
.item .caption>li,
.item .caution,
.item .caution>li,
.list-buttons-card .item .item-title+p,
.list-game-summary .item .box-summary-text p small {
    font-size: 12px;
    line-height: 1.75;
    color: #777
}

.list-schedule .t-name a {
    color: #3358c9;
    border-radius: 2px
}

.bt-to-top .wrapper:after,
.list-timeline .item .place dd[class^="p-"]:after,
.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after,
.list-buttons-card .item-avatar:after,
.breadcrumb a:after,
.breadcrumb b:after,
.select-holder:after,
.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after,
[class^="label-block-"],
.select-holder,
.loader-infinite,
.loader-infinite .loader-bar,
.t_unit,
.activated,
#g_nav,
.content,
#local_nav,
#filter-overlay,
.th-sort a:after {
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list .item.status-soon,
.list .item.status-end,
.bxsh-dp0 {
    box-shadow: 0 0 0 transparent
}

.list-schedule .t-name a:hover,
.button.button-block-dp,
.list-game-summary .item,
.bxsh-dp1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}

.list.list-goods .card,
[class^="list-players"] .card,
.bxsh-dp5 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
}

.box-topic,
.box-tooltip,
.box-contact,
.list-schedule .tr-game-live,
.bxsh-dp10 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
}

.bxsh-inset-dp1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset
}

.bxsh-inset-dp5 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset
}

.bxsh-inset-dp10 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset
}

.score-vs li.a_,
.box-scoreboard-team dd.a_,
.tbl-scoreboard dl.a_ {
    border-color: #0092D1 !important
}

.box-scoreboard .tbl-scoreboard dd.a_ {
    color: #0092D1 !important;
    background-color: #e1e1e1
}

.label-cate-result-stats.a_ {
    border-color: #0092D1 !important;
    color: #0092D1 !important
}

.score-vs .t-score .score-num b.a_,
.score-vs .t-score span.a_,
.tbl-stats-game .t-box .a_ {
    color: #0092D1 !important
}

.live-hdr {
    position: relative;
    height: 52px;
    padding: 0;
    background-color: #2E4FB5;
    z-index: 1000
}

.loader-infinite {
    z-index: 1000
}

.score-vs {
    width: 100%
}

.score-vs ul {
    display: table;
    width: 100%
}

.score-vs ul:before,
.score-vs ul:after {
    content: '';
    display: table-cell;
    width: 36px
}

.score-vs li {
    display: table-cell;
    padding-top: 5px;
    vertical-align: middle;
    line-height: 1
}

.score-vs [class^="t-team-"] {
    width: 33px;
    border-bottom: 2px solid transparent;
    padding: 7px 0
}

.score-vs .t-team-h {
    margin-left: auto;
    text-align: right
}

.score-vs .t-team-v {
    margin-right: auto;
    text-align: left
}

.score-vs .t-score {
    text-align: center;
    padding-bottom: 3px;
    color: #fafafa
}

.score-vs .t-score>span {
    display: block
}

.score-vs .t-score .game-status {
    font-size: 11px;
    margin-bottom: 4px;
    display: block
}

.score-vs .t-score .score-num,
.score-vs .t-score .score-num b {
    font-size: 28px;
    color: #fafafa;
    font-weight: bold
}

.score-vs .t-score .score-num {
    padding-left: 6px;
    padding-right: 6px;
    display: table;
    width: 100%
}

.score-vs .t-score .score-num b,
.score-vs .t-score .score-num b+span {
    display: table-cell;
    vertical-align: middle
}

.score-vs .t-score .score-num b {
    width: 30%
}

.score-vs .t-score .score-num b+span {
    font-size: 11px;
    color: #fafafa;
    font-weight: normal;
    width: 40%
}

.title-game-info {
    padding: 8px 16px;
    line-height: 1.5
}

.title-game-info h1 {
    font-size: 15px;
    color: #2E4FB5
}

.title-game-info p {
    font-size: 12px
}

.title-game-info .i-status-live {
    background-color: #EC1234;
    color: #fafafa;
    font-size: 15px;
    padding: 12px;
    top: -5px;
    border-radius: 5px 5px 5px 0;
    -webkit-animation: fadeIn 6s infinite alternate;
    animation: fadeIn 6s infinite alternate
}

.sect-scoreboard {
    background-color: #f5f5f5
}

.scoreboard-wrap {
    display: table;
    table-layout: fixed;
    width: 100%
}

.scoreboard-wrap>div {
    display: table-cell;
    vertical-align: top
}

.box-scoreboard-team {
    width: 30px
}

.box-scoreboard-result {
    width: 68px;
    padding-right: 8px
}

.tbl-scoreboard {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px
}

.tbl-scoreboard>dl {
    display: table-cell;
    text-align: center;
    white-space: nowrap;
    width: 20px;
    border-top: 2px solid transparent
}

.tbl-scoreboard dt,
.tbl-scoreboard dd {
    white-space: nowrap;
    vertical-align: middle
}

.tbl-scoreboard dt {
    font-size: 10px;
    color: #777;
    height: 16px
}

.tbl-scoreboard dd {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    position: relative
}

.scoreboard-team dd {
    border-left: 3px solid transparent;
    text-align: left;
    line-height: 1
}

.scoreboard-team dd img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.scoreboard-team dd b {
    font-size: 11px;
    vertical-align: middle;
    display: none
}

.box-scoreboard {
    width: 100%;
    background-color: #f0f0f0
}

.scoreboard-result dl {
    width: 48px
}

.scoreboard-result dt {
    font-weight: bold;
    color: #222
}

.scoreboard-result dd {
    color: #0092D1
}

.game-detail ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: -1px
}

.game-detail li {
    display: table-cell;
    font-size: 11px;
    line-height: 1.5;
    padding: 8px 16px;
    border-left: 1px solid #f5f5f5
}

.game-detail li:first-child {
    border-left: 0
}

.box-game-results {
    margin-bottom: 8px
}

.box-game-results .title-sect {
    font-size: 15px;
    padding: 8px 16px;
    border-bottom: 1px solid #ddd
}

.box-game-results .no-data {
    font-size: 12px
}

.box-game-results .list {
    padding: 0
}

.box-game-results .item-divider {
    padding: 8px 16px;
    border: 0;
    font-size: 12px;
    line-height: 1
}

.tbl-game-results th,
.tbl-game-results td {
    font-size: 12px;
    line-height: 1.5
}

.tbl-game-results th {
    width: 80px;
    background-color: transparent;
    padding-right: 0;
    white-space: nowrap
}

.tbl-game-results .t-team-initial {
    width: 40px;
    padding: 8px !important;
    vertical-align: top
}

.tbl-game-results .t-team-initial img {
    width: 20px;
    border-left: 2px solid transparent;
    margin-top: 2px
}

.tbl-game-results .t-name {
    padding-top: 8px;
    padding-bottom: 8px
}

.tbl-game-results .t-name a,
.tbl-game-results .t-name span {
    padding: 1px
}

.diamond {
    width: 34px;
    height: 35px;
    padding-top: 10px
}

.diamond ol {
    display: block;
    position: relative;
    width: 56%;
    height: 0;
    padding-bottom: 56%;
    top: 22%;
    left: 22%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.diamond li {
    position: absolute;
    height: 0;
    width: 11px;
    width: 9px;
    padding-bottom: 11px;
    padding-bottom: 9px;
    background-color: #777
}

.diamond li:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #fff
}

.diamond li:nth-of-type(1) {
    top: 0;
    right: 0
}

.diamond li:nth-of-type(2) {
    top: 0;
    left: 0
}

.diamond li:nth-of-type(3) {
    left: 0;
    bottom: 0
}

.diamond li.a_ {
    border-color: #0092D1;
    background-color: #0092D1
}

.diamond li.a_:after {
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%
}

.bso {
    width: 42px;
    height: 42px;
    padding-top: 5px;
    line-height: 15px !important
}

.bso [class^="tr-bso-"] {
    display: block;
    height: 12px
}

.bso [class^="tr-bso-"] dt,
.bso [class^="tr-bso-"] dd {
    display: inline-block;
    width: 10px;
    padding: 1px;
    position: relative;
    vertical-align: top
}

.bso [class^="tr-bso-"] dt {
    width: 11px;
    font-size: 10px;
    top: 1px;
    text-align: center
}

.bso [class^="tr-bso-"] dd {
    color: #777;
    background-color: #777;
    border-radius: 100px;
    width: 8px;
    height: 8px;
    margin: auto 1px;
    vertical-align: middle
}

.bso [class^="tr-bso-"] dd:after {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background-color: #fff;
    border-radius: 100px
}

.bso [class^="tr-bso-"] dd.a_:after {
    content: '';
    top: 50%;
    right: 50%;
    left: 50%;
    bottom: 50%
}

.bso .tr-bso-b dd.a_ {
    background-color: #008F65
}

.bso .tr-bso-s dd.a_ {
    background-color: #FBE200
}

.bso .tr-bso-o dd.a_ {
    background-color: #EC1234
}

.bso.bso-full {
    width: 56px
}

.label-cate-result-stats {
    padding: 0 4px;
    font-size: 11px;
    line-height: 17px;
    height: 17px;
    min-width: 38px;
    text-align: center;
    color: #5e5e5e
}

.game-live .box-topic {
    margin-right: 20px
}

.list-game-summary {
    padding-top: 1px;
    background-color: #f5f5f5
}

.list-game-summary .item:not(.item-divider) {
    margin-top: 2px;
    margin-bottom: 2px
}

.list-game-summary .item {
    background-color: #fff;
    position: relative;
    border-left: 3px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    padding-top: 8px
}

.list-game-summary .item .summary-info {
    height: 40px;
    position: relative
}

.list-game-summary .item .summary-info .offense {
    position: absolute;
    left: -10px;
    top: 0;
    width: 40px
}

.list-game-summary .item .summary-info .inning {
    position: absolute;
    left: 36px;
    top: 5px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .1em
}

.list-game-summary .item .summary-info .label-cate-result-stats {
    position: absolute;
    left: 34px;
    bottom: 0;
    padding: 0 4px;
    font-size: 11px;
    line-height: 17px;
    height: 17px;
    min-width: 38px;
    text-align: center;
    color: #5e5e5e
}

.list-game-summary .item .summary-info .score-vs {
    position: absolute;
    right: -8px;
    top: 6px;
    width: 95px
}

.list-game-summary .item .summary-info .score-vs ul {
    height: 100%;
    border-right: 0
}

.list-game-summary .item .summary-info .score-vs ul:before,
.list-game-summary .item .summary-info .score-vs ul:after {
    display: none;
    content: none;
    visibility: hidden
}

.list-game-summary .item .summary-info .score-vs [class^="t-team-"] {
    padding-bottom: 0;
    width: 20px
}

.list-game-summary .item .summary-info .score-vs img {
    margin-top: -4px
}

.list-game-summary .item .summary-info .score-vs .t-score {
    width: 55px
}

.list-game-summary .item .summary-info .score-vs .score-num {
    width: 55px;
    padding: 0 2px;
    color: #222
}

.list-game-summary .item .summary-info .score-vs .score-num b {
    color: #222
}

.list-game-summary .item .summary-info .score-vs .score-num,
.list-game-summary .item .summary-info .score-vs .score-num b {
    font-size: 15px !important;
    line-height: 1 !important
}

.list-game-summary .item .summary-info .diamond {
    position: absolute;
    top: 0;
    right: 88px
}

.list-game-summary .item .summary-info .bso {
    position: absolute;
    top: 0;
    right: 126px
}

.list-game-summary .item .summary-info .bso .tr-bso-o {
    margin-top: 5px
}

.list-game-summary .item .summary-info .bso .tr-bso-s+.tr-bso-o {
    margin-top: 0
}

.list-game-summary .item .box-summary-text {
    border-top: 1px solid #ddd;
    padding-top: 8px;
    margin-top: 8px
}

.list-game-summary .item .box-summary-text p {
    font-size: 13px;
    line-height: 1.75;
    color: #222
}

.list-game-summary .item .box-summary-text p strong {
    font-weight: bold
}

.list-game-summary .item .box-summary-text p.summary-text {
    margin-top: .25em
}

.list-game-summary .item .box-summary-text p small,
.list-game-summary .item .box-summary-text p small strong {
    color: #777
}

.list-game-summary .item .box-summary-text p small {
    display: block;
    padding-top: 1px;
    float: right
}

.list-game-summary .item .summary-additional {
    border-top: 1px solid #ddd;
    padding-top: 16px;
    margin-top: 16px
}

.list-game-summary .item.runs,
.list-game-summary .item.runs .diamond li:after,
.list-game-summary .item.runs .bso dd:after {
    background-color: #f0faff
}

.list-game-summary .item-complex {
    padding: 0;
    position: relative
}

.list-game-summary .item-complex .item {
    position: relative
}

@media screen and (max-width: 319px) {
    .list-game-summary .item .summary-info .score-vs {
        width: 52px;
        right: 0
    }

    .list-game-summary .item .summary-info .score-vs li {
        padding-top: 9px
    }

    .list-game-summary .item .summary-info .score-vs [class^="t-team-"] {
        display: none
    }

    .list-game-summary .item .summary-info .diamond {
        right: 52px
    }

    .list-game-summary .item .summary-info .bso {
        right: 94px
    }
}

.list-game-summary.score_only .item {
    display: none
}

.list-game-summary.score_only .item.runs {
    display: block
}

.list-players-game .title-caption,
.box-game-results .title-caption {
    line-height: 1;
    padding: 12px 2px;
    font-weight: bold;
    background-color: transparent;
    margin-top: 24px
}

.list-players-game .title-caption .img-holder,
.box-game-results .title-caption .img-holder {
    position: absolute;
    right: 0;
    top: 8px !important;
    width: 24px;
    height: 24px
}

.list-players-game .title-caption {
    margin: 0 16px
}

.list-players-game .item.item-divider {
    font-size: 13px
}

.list-players-game .item.item-avatar {
    display: table;
    width: 100%;
    padding: 0;
    min-height: 44px
}

.list-players-game .item.item-avatar>div {
    display: table-cell;
    vertical-align: middle
}

.list-players-game .item.item-avatar .pos-status {
    border-left: 2px solid #ddd;
    background-color: #555;
    color: #fafafa;
    text-align: center;
    font-size: 16px;
    padding: 4px;
    width: 36px
}

.list-players-game .item.item-avatar .pos {
    width: 24px;
    background-color: #fafafa;
    text-align: center
}

.list-players-game .item.item-avatar .pos .i-pos {
    position: static
}

.list-players-game .item.item-avatar .thumb {
    padding: 6px;
    width: 48px
}

.list-players-game .item.item-avatar .img-holder {
    max-height: 36px;
    max-width: 36px;
    position: static
}

.list-players-game .item.item-avatar .text-wrapper {
    padding: 4px 6px
}

.list-players-game .item.item-avatar .text-wrapper h2 {
    font-size: 14px;
    margin: 4px 0
}

.box-game-member .tbl-holder {
    padding: 1px 0
}

.box-game-member .title-caption {
    margin: 0 16px
}

.tbl-member th {
    font-size: 10px;
    padding: 4px
}

.tbl-member td {
    font-size: 12px;
    line-height: 1.5
}

.tbl-member .t-order,
.tbl-member .t-pos,
.tbl-member .t-arms {
    text-align: center
}

.tbl-member .t-name {
    width: 190px
}

.tbl-member .t-order,
.tbl-member .t-pos {
    width: 50px
}

.tbl-member .t-order {
    font-weight: bold
}

.tbl-member .t-arms {
    white-space: nowrap
}

.tbl-member .t-num {
    width: 100px
}

.box-game-stats .tbl-holder {
    margin: 8px 0
}

.box-game-stats .list .tbl-holder:last-child {
    margin-bottom: 0
}

.box-game-stats .title-caption {
    margin: 0 16px
}

.box-game-stats .title-caption+.tbl-holder {
    margin-top: 0
}

.box-game-stats .title-caption:first-child {
    margin-top: 0
}

.box-game-stats .tbl-stats-game tr>:first-child {
    padding-left: 8px
}

.box-game-stats .tbl-stats-game tr>td:last-child {
    padding-right: 8px
}

.box-game-stats .tbl-stats-game .th-sort>th:first-child {
    padding-left: 0
}

.box-game-stats .tbl-stats-game .th-sort>th:last-child {
    padding-right: 0
}

.box-game-stats .tbl-stats-game .th-sort>th:last-child>a,
.box-game-stats .tbl-stats-game .th-sort>th:last-child>span {
    padding-right: 4px
}

.box-game-stats .tbl-stats-game .th-sort th {
    font-size: 11px
}

.box-game-stats .tbl-stats-game tbody td {
    font-size: 12px;
    padding: 2px 4px;
    min-width: 0;
    min-height: 0
}

.box-game-stats .tbl-stats-game tbody .t-pos {
    width: 1%
}

.box-game-stats .tbl-stats-game tbody .t-name {
    padding: 0
}

.box-game-stats .tbl-stats-game tbody .t-name>a,
.box-game-stats .tbl-stats-game tbody .t-name>span {
    padding: 6px
}

.box-game-stats .box-tbl-stats-name .tbl-stats-game tbody td.t-pos {
    font-size: 11px;
    line-height: 1.35
}

.box-game-stats .box-tbl-stats-name .tbl-stats-game tbody td.t-name>a,
.box-game-stats .box-tbl-stats-name .tbl-stats-game tbody td.t-name>span {
    padding: 6px;
    line-height: 1.35
}

.box-game-stats .box-tbl-stats-name .tbl-stats-game-pitcher tbody td.t-p-num {
    width: 71px
}

.box-game-stats .box-tbl-stats-data .tbl-stats-game tbody tr>:last-child {
    padding-right: 12px
}

.box-game-stats .box-tbl-stats-data .tbl-stats-game-batter tr>:nth-child(-n+4) {
    display: none
}

.box-game-stats .box-tbl-stats-data .tbl-stats-game-pitcher tr>:nth-child(-n+2) {
    display: none
}

.entry-hilight,
.item.entry-hilight {
    border-top: 0;
    padding: 16px;
    border-bottom: 1px solid #ddd
}

.entry-hilight .title-body,
.item.entry-hilight .title-body {
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.5
}

.entry-hilight p,
.item.entry-hilight p {
    font-size: 13px
}

.box-game-interview .box-comment-list {
    padding-top: 1px
}

.box-game-interview .box-comment-list .pos-status {
    width: 1px !important;
    padding: 0 !important
}

.box-game-interview .item.item-avatar {
    min-height: 54px;
    border-bottom: 0;
    border-right: 0
}

.box-game-interview .item.item-avatar:after {
    content: '';
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 54px
}

.box-game-interview .item .text-wrapper {
    padding-left: 6px;
    margin-top: 0
}

.game-vs-player {
    position: relative;
    height: 93px
}

.game-vs-player:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 67px;
    bottom: 0;
    width: 1px;
    background-color: #f5f5f5
}

.game-vs-player .list-players-game {
    z-index: 0
}

.game-vs-player .list-players-game .item .pos {
    background-color: transparent;
    border-left: 2px solid #ddd
}

.game-vs-player .list-players-game .item .i-pos {
    font-size: 10px
}

.game-vs-player .list-players-game .item .text-wrapper {
    border-left: 1px solid #f5f5f5
}

.game-vs-player .list-players-game .item .item-title {
    font-size: 12px !important
}

.game-vs-player .bso {
    position: absolute;
    top: 10px;
    right: 16px
}

.game-vs-player .diamond {
    position: absolute;
    right: 20px;
    top: 50%
}

.title-caption-game-live {
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px
}

.list-game-summary .item.bt-summary-all {
    font-size: 13px;
    font-weight: bold;
    padding: 16px 54px 16px 16px
}

.label-cate-premium {
    border-color: #0f1350;
    color: #0f1350;
    font-size: 11px;
    line-height: 19px;
    min-width: 0;
    padding-left: 16px;
    position: relative;
    top: -2px
}

.label-cate-premium img {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -1px;
    left: 0
}

.box-tooltip .list-buttons-small {
    margin: 0
}

.gamelive-update-msg {
    position: fixed;
    top: 0;
    z-index: 99999
}

.gamelive-update-msg .title {
    font-size: 12px
}

.nav-game-result-details .item-title {
    margin: 0
}

.nav-game-result-details .i-premium {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -16px
}

.nav-game-result-details .i-premium img {
    width: 32px;
    height: 32px
}

.list-game-summary.score_only .item {
    display: none
}

.list-game-summary.score_only .item.runs {
    display: block
}

table [class^="t-num"],
.tbl-stats tbody td:not([class^="t-"]) {
    white-space: nowrap;
    text-align: right
}

.my-team {
    background-color: #e9edf9
}

.t-name a,
.t-name span,
.t-link a,
.t-link span,
.depth-chart-mapping dd a,
.depth-chart-mapping dd span {
    display: inline-block;
    padding: 10px 15px 10px 10px;
    position: relative;
    text-align: left
}

.t-name a .i-un,
.t-name a .i-pos,
.t-name span .i-un,
.t-name span .i-pos,
.t-link a .i-un,
.t-link a .i-pos,
.t-link span .i-un,
.t-link span .i-pos,
.depth-chart-mapping dd a .i-un,
.depth-chart-mapping dd a .i-pos,
.depth-chart-mapping dd span .i-un,
.depth-chart-mapping dd span .i-pos {
    vertical-align: middle;
    margin-right: 10px
}

.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after {
    content: ""
}

.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after {
    color: #fff;
    color: transparent;
    margin-right: 3px;
    right: 0;
    width: 10px;
    font-size: 16px;
    line-height: 15px
}

.t-name a:hover:after,
.t-link a:hover:after,
.depth-chart-mapping dd a:hover:after {
    color: #0092D1;
    visibility: visible;
    right: -2px
}

.depth-chart-mapping dd a:hover b {
    color: #0092D1
}

.t-team {
    text-align: center
}

.t-team img {
    width: 44px;
    margin: 10px auto;
    display: inline-block;
    vertical-align: middle;
}

.t-team img+b {
    font-size: 11px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -6px
}

.tbl-stats .t-name a,
.tbl-stats .t-link a {
    width: 100%
}

.tbl-stats .t-date,
.tbl-stats .t-date>span {
    text-align: left;
    white-space: nowrap
}

tbody .t-rank {
    font-size: 28px;
    width: 30px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    font-weight: bold
}

tbody .t-team,
tbody .t-pos {
    width: 30px;
    padding-top: 5px;
    padding-bottom: 5px
}

tbody .t-name,
tbody .t-link {
    padding: 0
}

tbody .t-un {
    border-right: 0
}

tbody .t-un+.t-name {
    border-left: 0
}

tbody td[class*="-num"] {
    text-align: right;
    white-space: nowrap
}

.t-num-score {
    text-align: center !important
}

.t-audience {
    text-align: right
}

.tbl-rank {
    line-height: 1
}

.tbl-rank td.t-rank {
    width: 50px;
    padding: 0;
    text-align: center
}

.tbl-rank .t-team {
    width: 100px;
    padding: 0 10px 0 0
}

.tbl-rank .t-result {
    text-align: center
}

.tbl-rank tr.no-border {
    border-bottom: 0 !important;
    background-color: transparent !important
}

.tbl-rank td.t-num,
.tbl-rank td.t-result {
    font-size: 16px
}

table.tbl-graph tr td {
    padding: 0
}

.tbl-stats th,
.tbl-stats td {
    border-left: 1px solid #fafafa;
    line-height: 1
}

.tbl-stats th:first-child,
.tbl-stats td:first-child {
    border-left: 0
}

.tbl-stats thead th {
    font-size: 12px;
    padding: 0
}

.tbl-stats thead th:last-child a,
.tbl-stats thead th:last-child span {
    padding-right: 8px !important
}

.tbl-stats thead th:last-child a:after,
.tbl-stats thead th:last-child span:after {
    right: 4px
}

.tbl-stats tbody {
    margin-top: 1px
}

.tbl-stats tbody.borderline tr:not(.below)+tr.below th,
.tbl-stats tbody.borderline tr:not(.below)+tr.below td {
    border-top: 2px solid #EC1234
}

.tbl-stats tbody td {
    min-width: 20px;
    border-left: 1px solid #fafafa
}

.tbl-stats tbody td:last-child {
    padding-right: 8px
}

.tbl-stats tbody .t-un {
    width: 30px;
    padding: 0 7px
}

.tbl-stats tbody .t-team {
    padding: 0 7px 0 0;
    width: 30px
}

.tbl-stats tbody .t-name {
    width: 127px;
    padding: 0
}

.tbl-stats tbody .t-name a,
.tbl-stats tbody .t-name span {
    line-height: 1
}

.tbl-stats-game tbody td {
    font-size: 13px;
    padding: 2px 5px;
    min-width: 24px;
    width: 1%;
    min-height: 30px
}

.tbl-stats-game tbody tr>td:first-child {
    padding-left: 8px
}

.tbl-stats-game tbody tr>td:last-child {
    padding-right: 8px
}

.tbl-stats-game .t-name a,
.tbl-stats-game .t-name span {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px
}

.tbl-stats-game .t-order {
    text-align: center
}

.tbl-stats-game .th-sort th:first-child>a,
.tbl-stats-game .th-sort th:first-child>span {
    padding-left: 8px
}

.tbl-stats-game .th-sort th.t-name>a,
.tbl-stats-game .th-sort th.t-name>span {
    text-align: left;
    padding-left: 33px
}

.tbl-stats-game tbody td.t-box {
    width: auto;
    min-width: 4em;
    white-space: nowrap;
    text-align: right
}

.tbl-stats-game tbody td.t-pos,
.tbl-stats-game tbody td.t-box,
.tbl-stats-game tbody td.t-p-num {
    font-size: 12px
}

.tbl-stats-game tbody td.t-pos {
    width: 72px
}

.tbl-stats-game tbody td.t-p-num {
    padding-left: 16px;
    width: 120px
}

.tbl-stats-game tbody td.t-pos,
.tbl-stats-game tbody td.t-p-num {
    text-align: left
}

.tbl-stats-game-pitcher tbody tr>td:last-child {
    padding-right: 10px
}

.tbl-stats-game-pitcher tbody td.t-name {
    width: auto
}

.tbl-stats-game-pitcher .t-result {
    text-align: center
}

.tbl-announce-list td.t-name {
    padding-left: 10px;
    width: 320px
}

.tbl-announce-list .t-status-icon {
    width: 60px;
    text-align: center;
    padding: 0
}

.tbl-announce-list .t-date {
    width: 160px;
    text-align: left
}

.tbl-announce-list th.t-date {
    padding-left: 20px
}

.tbl-announce-list .t-note {
    text-align: left
}

.tbl-announce-list tr.d {
    pointer-events: auto
}

.tbl-announce-list tr.d td,
.tbl-announce-list tr.d .t-name a,
.tbl-announce-list tr.d i-un {
    color: #777
}

.tbl-announce-list tr.d .i-un {
    border-color: #777;
    color: #777
}

.tbl-announce-list tr.d .i-pos {
    background-color: #777
}

.tbl-announce-list td {
    border-left: 1px solid #f5f5f5
}

.tbl-announce-list td:first-child {
    border-left: 0
}

.tbl-announce-list td .t-name {
    white-space: normal
}

.tbl-announce-list td .t-name a,
.tbl-announce-list td .t-name span {
    line-height: 1
}

tbody .hv {
    background-color: #ebfff9 !important
}

tbody .ck {
    background-color: #eaf9ff !important
}

table.tbl-rank tbody tr,
table.tbl-stats tbody tr,
table.tbl-hover tbody tr {
    transition: all ease-in-out .1s
}

table.tbl-rank tbody tr:hover,
table.tbl-stats tbody tr:hover,
table.tbl-hover tbody tr:hover {
    background-color: #ebfff9 !important
}

col.active,
table .a {
    background-color: #e9edf9
}

th.a {
    font-weight: bold
}

th.a>a {
    border-top-color: #2E4FB5 !important
}

.tate-cho {
    display: inline-block;
    -webkit-transform: matrix(0, 1, 1, 0, 0, 0);
    -ms-transform: matrix(0, 1, 1, 0, 0, 0);
    transform: matrix(0, 1, 1, 0, 0, 0)
}

.ie8 .tate-cho {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1)
}

.th-sort th {
    vertical-align: top;
    border-color: #fafafa;
    border-top-width: 0;
    padding: 0;
    border-left: 1px solid #fafafa
}

.th-sort th>a,
.th-sort th>span {
    display: block;
    padding: 10px 4px 20px;
    text-align: center;
    width: 100%;
    line-height: 1.1;
    border-top: 5px solid #fafafa
}

.th-sort a {
    position: relative
}

.th-sort a:hover {
    background-color: #d1f1ff;
    border-top-color: #0092D1
}

.th-sort a:after {
    display: block;
    position: absolute;
    text-align: center;
    font-family: 'ionicons';
    bottom: 3px;
    left: 0;
    right: 0;
    margin: 0 !important;
    color: #0092D1
}

.th-sort a:hover:after {
    right: 0 !important
}

.th-sort .sort-:after,
.th-sort .sort-asc:after {
    content: '\f3d8'
}

.th-sort .sort-:hover:after,
.th-sort .sort-asc:hover:after {
    bottom: 5px
}

.th-sort .sort-desc:after {
    content: '\f3d0'
}

.th-sort .sort-desc:hover:after {
    bottom: 1px
}

[class^="i-ticket-"] {
    position: relative;
    width: 11px;
    height: 11px;
    margin-right: .125em;
    top: 1px;
    border: 1px solid #ddd
}

.tbl-ticket-charge {
    table-layout: fixed
}

.tbl-ticket-charge caption,
.tbl-ticket-charge tbody th {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.35
}

.tbl-ticket-charge thead th {
    text-align: center;
    line-height: 1.35;
    white-space: normal;
    padding: 4px;
    font-weight: bold
}

.tbl-ticket-charge thead .t-charge {
    width: 200px
}

.tbl-ticket-charge tbody td {
    text-align: right;
    border-right: 1px solid #f5f5f5
}

.tbl-ticket-charge tbody td b {
    font-size: 16px;
    font-weight: bold;
    margin-right: 3px
}

.tbl-ticket-charge tbody td:last-child {
    border-right: 0
}

.tbl-ticket-charge sup {
    margin-left: 3px;
    margin-right: 3px;
    font-weight: normal
}

.tbl-ticket-schedule {
    table-layout: fixed
}

.tbl-ticket-schedule th {
    white-space: normal
}

.tbl-ticket-schedule thead th {
    line-height: 1.3;
    text-align: center
}

.tbl-ticket-schedule thead th:first-child {
    text-align: left
}

.tbl-ticket-schedule th {
    border-right: 1px solid #ddd
}

.tbl-ticket-schedule td {
    border-right: 1px solid #f5f5f5;
    line-height: 1.3
}

.tbl-ticket-schedule tr>:last-child {
    border-right: 0
}

.tbl-ticket-schedule tbody th {
    font-size: 12px
}

.dir-fanclub .tbl-ticket-charge tbody td,
.dir-fanclub .tbl-ticket-schedule tbody td {
    color: #626262
}

.dir-fanclub .tbl-ticket-charge .t-fc,
.dir-fanclub .tbl-ticket-schedule .t-fc {
    color: #07294c
}

table.tbl-spec caption {
    border-top: 1px solid #ddd;
    background-color: transparent
}

.tbl-profile .t-bio>b {
    white-space: nowrap
}

.box-tbl-stats-name .tbl-stats tbody tr>:last-child {
    padding-right: 0 !important
}

.box-tbl-stats-name .tbl-stats tbody td.t-name a,
.box-tbl-stats-name .tbl-stats tbody td.t-name span {
    font-size: 12px;
    padding: 0
}

.tbl-stats .t-date,
.tbl-stats .t-date>span {
    text-align: left;
    white-space: nowrap
}

.tbl-schedule .t-name-media {
    width: auto
}

.tbl-schedule .t-name-media a,
.tbl-schedule .t-name-media span {
    font-size: 12px;
    padding: 5px
}

.tbl-announce-list .t-name-media a,
.tbl-announce-list .t-name-media span {
    font-size: 12px;
    padding: 5px
}

.box-vs-player .tbl-game-results {
    height: 60px;
    font-size: 12px;
    line-height: 1
}

.box-vs-player .tbl-game-results th.t-result {
    white-space: nowrap;
    width: 80px
}

.box-vs-player .tbl-game-results td.t-game-info {
    padding: 8px 16px
}

.box-vs-player .tbl-game-results td {
    padding: 0
}

.box-vs-player .tbl-game-results td.t-team-initial {
    padding: 1px !important
}

.box-vs-player .tbl-game-results .label-cate-player-pos {
    min-width: 3em;
    padding: 0;
    line-height: 15px;
    height: 16px
}

.box-vs-player .tbl-game-results .tr-hr td {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 28px
}

.list.list-players-small .item,
.socials {
    zoom: 1
}

.list.list-players-small .item:before,
.socials:before {
    content: "";
    display: table
}

.list.list-players-small .item:after,
.socials:after {
    content: "";
    display: table;
    clear: both
}

.diamond li {
    display: block;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap
}

.i-result-win,
.i-result-draw,
.i-result-lose,
.i-result-blank,
[class^="label-block-"],
.bso [class^="tr-bso-"] dd {
    display: inline-block;
    overflow: hidden;
    text-indent: 105%;
    white-space: nowrap
}

.vh {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.scoreboard-team dd b {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.list-timeline .item,
.list-timeline .item .item-title,
.list-timeline .item p,
.no-ellipsis .item,
.no-ellipsis .item h1,
.no-ellipsis .item h2,
.no-ellipsis .item h3,
.no-ellipsis .item h4,
.no-ellipsis .item h5,
.no-ellipsis .item h6,
.no-ellipsis .item ul,
.no-ellipsis .item ol,
.no-ellipsis .item li,
.no-ellipsis .item dl,
.no-ellipsis .item dt,
.no-ellipsis .item dd,
.no-ellipsis .item p,
.no-ellipsis.item,
.no-ellipsis.item h1,
.no-ellipsis.item h2,
.no-ellipsis.item h3,
.no-ellipsis.item h4,
.no-ellipsis.item h5,
.no-ellipsis.item h6,
.no-ellipsis.item ul,
.no-ellipsis.item ol,
.no-ellipsis.item li,
.no-ellipsis.item dl,
.no-ellipsis.item dt,
.no-ellipsis.item dd,
.no-ellipsis.item p,
.list-description .item .item-title,
.list-description .item .item-title+p,
.list-buttons-description .item .item-title,
.list-buttons-description .item .item-title+p,
.list-buttons-card .item .item-title,
.list-buttons-card .item .item-title+p,
.list[class*="list-players"] .item .item-title+p,
.score-vs .t-score .game-status,
.list-game-summary .item .box-summary-text p,
.box-news-topics .item,
.list-schedule .t-score span {
    -ms-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

.mac .button.button-outline,
.mac .button.button-block-dp,
.mac .title-catchcopy,
.mac .title-catchcopy>*,
.mac .title-sect,
.mac .title-sect>*,
.mac .text-lead,
.mac .text-lead b,
.text-lead .mac b,
.mac .item .item-title,
.item .mac .item-title,
.mac [class^="i-status-"],
.mac .local-nav .current,
.local-nav .mac .current,
.mac tbody .t-rank,
tbody .mac .t-rank,
.mac th.a,
.iphone .button.button-outline,
.iphone .button.button-block-dp,
.iphone .title-catchcopy,
.iphone .title-catchcopy>*,
.iphone .title-sect,
.iphone .title-sect>*,
.iphone .text-lead,
.iphone .text-lead b,
.text-lead .iphone b,
.iphone .item .item-title,
.item .iphone .item-title,
.iphone [class^="i-status-"],
.iphone .local-nav .current,
.local-nav .iphone .current,
.iphone tbody .t-rank,
tbody .iphone .t-rank,
.iphone th.a,
.ipad .button.button-outline,
.ipad .button.button-block-dp,
.ipad .title-catchcopy,
.ipad .title-catchcopy>*,
.ipad .title-sect,
.ipad .title-sect>*,
.ipad .text-lead,
.ipad .text-lead b,
.text-lead .ipad b,
.ipad .item .item-title,
.item .ipad .item-title,
.ipad [class^="i-status-"],
.ipad .local-nav .current,
.local-nav .ipad .current,
.ipad tbody .t-rank,
tbody .ipad .t-rank,
.ipad th.a,
.ipod .button.button-outline,
.ipod .button.button-block-dp,
.ipod .title-catchcopy,
.ipod .title-catchcopy>*,
.ipod .title-sect,
.ipod .title-sect>*,
.ipod .text-lead,
.ipod .text-lead b,
.text-lead .ipod b,
.ipod .item .item-title,
.item .ipod .item-title,
.ipod [class^="i-status-"],
.ipod .local-nav .current,
.local-nav .ipod .current,
.ipod tbody .t-rank,
tbody .ipod .t-rank,
.ipod th.a {
    font-family: 'Roboto Condensed', "Hiragino Kaku Gothic ProN W6";
    font-weight: 700
}

time:before {
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    width: 32px;
    text-align: center;
    margin-top: -.5em;
    font-size: 32px;
    font-family: 'ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bt-to-top .wrapper:after,
.list-timeline .item .place dd[class^="p-"]:after,
.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after,
.list-buttons-card .item-avatar:after,
.breadcrumb a:after,
.breadcrumb b:after,
.select-holder:after,
.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after {
    position: absolute;
    right: 11px;
    top: 50%;
    display: block;
    width: 32px;
    text-align: center;
    margin-top: -.5em;
    font-size: 32px;
    font-family: 'ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.list-arrows .item.item-divider:after,
.list-arrows .item.item-icon-right:after,
.item.list-arrow.item-icon-right:after,
.button-block-dp.icon-right:after,
.button-block-dp.item-icon-right:after,
.local-nav .item.item-divider:after,
.list-schedule .t-date time:before {
    content: none;
    background: none;
    visibility: hidden
}

.title-headline {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.025em
}

.title-content .wrapper>b {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: -.025em
}

.title-catchcopy,
.title-catchcopy>* {
    font-size: 21px;
    line-height: 1.75;
    letter-spacing: .125em
}

.title-sect,
.title-sect>*,
.box-slider-special .visual h1 {
    font-size: 18px;
    line-height: 1.5
}

.body p,
.body li,
.body dt,
.body dd,
.item-text-wrap p,
.item-text-wrap li,
.item-text-wrap dt,
.item-text-wrap dd,
.title-body,
.title-caption,
.title-th,
.list.list-photos .item .item-title,
table caption,
.tbl-body {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: .025em
}

.caption,
.caption>li,
.caution,
.caution>li,
.body .caption,
.body .caption>li,
.body .caution,
.body .caution>li,
.item .caption,
.item .caption>li,
.item .caution,
.item .caution>li,
.list-buttons-card .item .item-title+p,
.list-game-summary .item .box-summary-text p small {
    font-size: 12px;
    line-height: 1.75;
    color: #777
}

.list-schedule .t-name a {
    color: #3358c9;
    border-radius: 2px
}

.bt-to-top .wrapper:after,
.list-timeline .item .place dd[class^="p-"]:after,
.list-arrows a.item:after,
a.item.list-arrow:after,
.button-block-dp:after,
.list-buttons-card .item-avatar:after,
.breadcrumb a:after,
.breadcrumb b:after,
.select-holder:after,
.t-name a:after,
.t-link a:after,
.depth-chart-mapping dd a:after,
[class^="label-block-"],
.select-holder,
.loader-infinite,
.loader-infinite .loader-bar,
.t_unit,
.activated,
#g_nav,
.content,
#local_nav,
#filter-overlay,
.th-sort a:after {
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list .item.status-soon,
.list .item.status-end,
.bxsh-dp0 {
    box-shadow: 0 0 0 transparent
}

.list-schedule .t-name a:hover,
.button.button-block-dp,
.list-game-summary .item,
.bxsh-dp1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}

.list.list-goods .card,
[class^="list-players"] .card,
.bxsh-dp5 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
}

.box-topic,
.box-tooltip,
.box-contact,
.list-schedule .tr-game-live,
.bxsh-dp10 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
}

.bxsh-inset-dp1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset
}

.bxsh-inset-dp5 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset
}

.bxsh-inset-dp10 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) inset
}

.score-vs li,
.score-vs span,
.score-vs .score-num b,
.scoreboard-wrap dl,
.scoreboard-wrap dd,
.sb_results dd,
.get_runs {
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.loader-infinite {
    z-index: 999
}

#sb_inning dd.a_,
.get_runs {
    color: #0092D1;
    -webkit-animation: bounceIn 0.5s ease-out;
    animation: bounceIn 0.5s ease-out
}

.score-vs span.a_ {
    color: #0092D1;
    -webkit-animation: fadeIn 0.5s ease-out;
    animation: fadeIn 0.5s ease-out
}

.bso dd,
.bso dd:after,
.diamond li,
.diamond li:after {
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s
}

.list-game-summary .item {
    transition: background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list-game-summary .box-inning {
    overflow: hidden
}

.list-game-summary .item.d_ {
    background-color: #e9edf9;
    -webkit-animation: fadeInDownBig 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
    animation: fadeInDownBig 0.75s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list-players-game .item {
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list-players-game .box-order-player {
    background-color: #fafafa
}

.list-players-game .pos-status,
.list-players-game .i-pos {
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list-players-game .a_ .item {
    background-color: #e9edf9
}

.list-players-game .a_ .item .pos-status {
    background-color: #0092D1
}

.list-players-game .a_ .item .i-pos {
    color: #0092D1;
    -webkit-animation: bounceIn 0.5s ease-out;
    animation: bounceIn 0.5s ease-out
}

.list-players-game .d_ .item {
    -webkit-animation: fadeOutRightBig 0.5s ease-in;
    animation: fadeOutRightBig 0.5s ease-in;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0);
    transform: translate3d(100%, 0);
    opacity: 0
}

.list-players-game .a2_ .item {
    -webkit-animation: fadeInRightBig 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    animation: fadeInRightBig 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.gamelive-update-msg {
    top: -100px;
    transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.gamelive-update-msg.a_ {
    top: 0;
    transition: top 0.8s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.pc {
    display: none
}

body .android,
body .ios {
    display: none
}

html.android .android {
    display: block
}

html.iphone .ios,
html.ipod .ios,
html.ipad .ios {
    display: block
}

.container,
.list {
    overflow: hidden
}

.body {
    padding: 1px 0
}

.wrap-table {
    display: block
}

iframe {
    width: 100%
}

textarea[readonly="readonly"] {
    margin: 0 16px;
    padding: 16px;
    font-size: 10px;
    line-height: 1.5
}

time {
    font-size: 11px
}

time:before {
    line-height: 17px !important
}

a.c_box:before {
    opacity: 1;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 15px;
    height: 15px;
    font-size: 15px;
    line-height: 15px
}

.tbl_wrap_container {
    background-color: #fafafa
}

#global-hdr {
    position: relative;
    background-color: #fff;
    top: 0;
    z-index: 1000;
    width: 100%
}

#global-hdr:before,
#global-hdr:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    top: 0
}

#global-hdr:before {
    border-top: 2px solid #2E4FB5
}

#global-hdr:after {
    border-top: 1px solid #EC1234
}

#global-hdr .logo {
    padding: 0;
    top: -3px;
    left: -5px
}

#global-hdr .logo img {
    height: 40px;
    width: auto
}

#global-hdr .logo-pet {
    padding: 0;
    top: -3px;
    display: none
}

#global-hdr .logo-pet img {
    height: 36px;
    width: auto
}

#global-hdr .content-title,
#global-hdr .content-title>.button {
    font-size: 17px;
    color: #2E4FB5
}

#global-hdr .content-title>.button {
    border: 0;
    background-color: transparent;
    display: inline-block;
    margin-top: 6px
}

#global-hdr .content-title>.button:before {
    font-size: 15px;
    margin-left: 5px
}

#global-hdr .icon {
    color: #2E4FB5
}

@media screen and (max-width: 319px) {
    #global-hdr .logo {
        display: none
    }

    #global-hdr .logo-pet {
        display: block
    }

    #global-hdr .content-title,
    #global-hdr .content-title>.button {
        font-size: 16px;
        margin-top: 3px
    }

    .page-site-index #global-hdr .logo {
        display: block
    }

    .page-site-index #global-hdr .logo-pet {
        display: none
    }
}

#global-ftr {
    background-color: #2E4FB5;
    color: #fafafa
}

#global-ftr .global-nav .item {
    background-color: #2E4FB5;
    color: #fafafa;
    border-color: #0f1350;
    border-width: 1px 0
}

#global-ftr .global-nav .item .icon,
#global-ftr .global-nav .item:after {
    color: #fafafa
}

#global-ftr .ftr-nav,
#global-ftr .ftr-nav-sub {
    padding: 16px;
    margin-left: -5px
}

#global-ftr .ftr-nav .button,
#global-ftr .ftr-nav-sub .button {
    margin: 0 0 5px 5px;
    background-color: #0f1350;
    border-color: #0f1350;
    color: #fafafa
}

#global-ftr .copyright {
    padding: 0 16px 33px
}

#global-ftr .copyright small {
    color: #fafafa;
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
    display: block
}

#global-ftr .copyright img {
    width: auto;
    height: 22px;
    display: block;
    margin: 22px auto 0
}

.local-nav,
.nav-small,
#global-ftr .global-nav {
    padding: 16px
}

.local-nav .item,
.nav-small .item,
#global-ftr .global-nav .item {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 40px !important;
    border-width: 1px 0;
    font-size: 13px
}

.local-nav .item .icon:last-child,
.local-nav .item:after,
.nav-small .item .icon:last-child,
.nav-small .item:after,
#global-ftr .global-nav .item .icon:last-child,
#global-ftr .global-nav .item:after {
    right: 0 !important
}

.local-nav .list.list-arrows a.item:after,
.nav-small .list.list-arrows a.item:after,
#global-ftr .global-nav .list.list-arrows a.item:after {
    font-size: 20px;
    line-height: 20px
}

.local-nav span.nav-lv1.item,
.nav-small span.nav-lv1.item,
#global-ftr .global-nav span.nav-lv1.item {
    opacity: .5
}

.local-nav {
    background-color: #fafafa
}

.local-nav .item {
    background-color: #fafafa
}

.local-nav .item-divider {
    font-size: 12px;
    color: #2E4FB5;
    padding-top: 8px;
    padding-bottom: 8px
}

#g_nav.box-dd-menu,
#g_nav.box-dd-menu .list a.item {
    color: #2E4FB5;
    min-width: 100%
}

.box-dd-menu.local-nav,
.box-dd-menu.local-nav .item {
    background-color: transparent;
    color: #fafafa;
    min-width: 100%
}

.box-dd-menu.local-nav,
.box-dd-menu.local-nav .item,
.box-dd-menu.local-nav .item:after {
    color: #fafafa
}

.box-dd-menu.local-nav .item-bt-holder {
    background-color: #fff;
    margin-bottom: 8px
}

.box-dd-menu.local-nav .label-cate-1 {
    color: #fafafa;
    border-color: #fafafa
}

.box-dd-menu.local-nav .item-divider [class^="label-cate-"] {
    margin-left: -10px;
    padding: 2px 0
}

#global-ftr .global-nav .item-premium,
.box-dd-menu .item-premium {
    background-color: #0f1350
}

#global-ftr .global-nav .item-premium p,
.box-dd-menu .item-premium p {
    margin: 0;
    color: #0092D1
}

#global-ftr .global-nav .item-premium p.caption,
.box-dd-menu .item-premium p.caption {
    color: #aaa
}

.breadcrumb {
    min-height: 0;
    background-color: #fff;
    border-top: 1px solid #f5f5f5;
    padding: 7px 8px 4px;
    line-height: 1
}

.breadcrumb a,
.breadcrumb b {
    margin: 1px 0px 5px 0;
    line-height: 1.5;
    font-size: 12px
}

.main+.sub {
    margin-top: 16px
}

.sect:first-child {
    margin-top: 0
}

.sect [class*="list-buttons-"] .item {
    background-color: #fff
}

[class^="sect-visual"] {
    background-size: 150% auto;
    background-position: 50% -15%;
    background-repeat: no-repeat;
    background-attachment: scroll
}

[class^="sect-visual"].filter:before {
    background-size: 100% 100%
}

.sect-visual-half {
    padding-top: 30%;
    background-position: 50% 75%
}

.sect-visual-wide {
    padding-top: 62%;
    background-position: 50% -5%
}

.sect-visual-wide .title-content {
    display: none
}

.box-news-topics {
    overflow: visible;
    border-bottom: 1px solid #ddd
}

.box-news-topics .title-news-topics {
    padding-left: 0;
    padding-right: 0
}

.box-news-topics .box-tooltip {
    margin: 0
}

.box-news-topics .item {
    font-size: 13px;
    line-height: 1.5
}

.list .item .list {
    margin: 16px 0 0
}

.list-buttons-card:not(.list-goods) .item .img-holder {
    top: 19px
}

.list-buttons-card:not(.list-goods) .item .item-title {
    font-size: 17px
}

.list-buttons-card:not(.list-goods) .item .item-title+p {
    font-size: 13px;
    line-height: 1.5
}

.list-buttons-description .item .item-title {
    line-height: 1.3
}

.list-buttons-small {
    margin: 8px 0
}

.list.list-goods .item {
    padding-top: 14px;
    padding-bottom: 8px
}

.list.list-goods .item .item-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.3
}

.list.list-goods .item p.price {
    margin-top: 0;
    line-height: 1
}

.list-timeline .item-text-wrap .wrap>div .img-holder:nth-of-type(1) {
    margin-top: 1em
}

.bt-tab {
    margin: 0 -1px
}

.bt-tab a,
.bt-tab span {
    font-size: 14px;
    border: 1px solid #fff
}

.bt-tab a>b,
.bt-tab span>b {
    font-size: 17px;
    margin-left: 0
}

.list-schedule .item.item-schedule {
    padding: 0 !important;
    border-bottom: 0
}

.list-schedule .item.item-schedule:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    right: 0;
    left: 90px
}

.list-schedule .unit {
    position: relative
}

.list-schedule .unit.item-divider {
    padding: 0
}

.list-schedule .row {
    display: table;
    width: 100%;
    text-align: left
}

.list-schedule .row li {
    display: inline-block;
    vertical-align: middle
}

.list-schedule .t-date {
    display: table-cell !important;
    width: 48px;
    padding: 18px 0 0;
    vertical-align: middle;
    text-align: center
}

.list-schedule .t-date time {
    padding-left: 0
}

.list-schedule .t-date time b {
    font-size: 16px
}

.list-schedule .t-date time b+span {
    margin-top: 4px;
    display: block
}

.list-schedule li.i-game-cate {
    display: block !important;
    position: relative;
    text-align: left;
    width: 100%
}

.list-schedule .t-team {
    width: 36px
}

.list-schedule .t-score-mark {
    width: 24px;
    padding: 10px 0px 10px 6px
}

.list-schedule .t-score {
    text-align: center;
    width: 72px
}

.list-schedule .t-score .score-num {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold
}

.list-schedule .t-score span {
    display: block
}

.list-schedule .t-score span+span {
    margin-top: 2px
}

.list-schedule .t-score .game-status {
    font-size: 11px
}

.list-schedule .t-score-full {
    width: 146px
}

.list-schedule .t-sta {
    font-size: 11px
}

.list-schedule .t-name {
    width: 110px
}

.list-schedule .t-name.t-p-st {
    width: 140px
}

.list-schedule .t-sta,
.list-schedule .t-name {
    letter-spacing: -.025em
}

.list-schedule .tr-game-live {
    overflow: hidden;
    z-index: 5
}

.list-schedule .d .row,
.list-schedule .d .bt-holder {
    opacity: 0.5;
    pointer-events: auto
}

.list-schedule .result-info {
    padding: 8px 16px 8px 90px
}

.list-schedule .result-info li {
    font-size: 11px;
    display: inline;
    padding: 0;
    margin-right: 1em
}

.list-schedule .result-info .t-name>a,
.list-schedule .result-info .t-name>span {
    padding: 0 !important
}

.list-schedule .result-info .t-p-st>a:before,
.list-schedule .result-info .t-p-st>span:before {
    content: '[先発] '
}

.list-schedule .result-info .t-p-w>a:before,
.list-schedule .result-info .t-p-w>span:before {
    content: '[勝] '
}

.list-schedule .result-info .t-p-s>a:before,
.list-schedule .result-info .t-p-s>span:before {
    content: '[S] '
}

.list-schedule .result-info .t-p-l>a:before,
.list-schedule .result-info .t-p-l>span:before {
    content: '[敗] '
}

.list-schedule .bt-holder {
    padding: 16px;
    margin: 0 -2%;
    background-color: #fafafa
}

.list-schedule .bt-holder .button {
    display: inline-block;
    width: 47%;
    vertical-align: middle;
    margin: 0 1%
}

.list-schedule .item-divider-event {
    height: 60px
}

.list-schedule .item-divider-event .t-date {
    padding-top: 2px
}

.list-schedule .item-divider-event .t-team img {
    margin: 3px auto
}

.list-schedule .item-divider-event .t-sta {
    padding-left: 10px;
    line-height: 1.45
}

.list-schedule .item-divider-event .i-game-cate {
    left: 10px;
    background-color: #ededed
}

.list-schedule .item-divider-event .bt-holder {
    right: 0;
    top: 0;
    position: absolute;
    background-color: transparent
}

.list-schedule .item-divider-event .bt-holder .button {
    width: 100%;
    margin: 0;
    border-width: 2px
}

@media screen and (max-width: 319px) {
    .list-schedule .item-divider-event .bt-holder .button {
        padding: 0 .5em;
        font-size: 11px
    }
}

.list.list-schedule-line .item.item-divider {
    border: 0;
    min-height: 36px
}

.list.list-schedule-line .item.item-divider li {
    font-size: 13px !important;
    line-height: 20px;
    font-weight: normal
}

.list.list-schedule-line>.item:not(.item-divider):not(.no-data) {
    padding: 0
}

.list.list-schedule-line .item:not(.item-divider) {
    font-size: 13px
}

.list.list-schedule-line .item:first-child {
    border-top: 0
}

.list.list-schedule-line .item .wrap-table {
    display: table;
    width: 100%
}

.list.list-schedule-line .item .wrap-table .t-date,
.list.list-schedule-line .item .wrap-table .t-team,
.list.list-schedule-line .item .wrap-table .t-info {
    display: table-cell;
    width: auto;
    vertical-align: middle
}

.list.list-schedule-line .t-date {
    width: 54px !important;
    text-align: center
}

.list.list-schedule-line .t-date time {
    padding: 0;
    font-weight: bold
}

.list.list-schedule-line .t-date time:before {
    content: '';
    visibility: hidden;
    display: none
}

.list.list-schedule-line .t-date time b,
.list.list-schedule-line .t-date time [class*="day-"] {
    display: block;
    text-align: center;
    margin-top: 4px
}

.list.list-schedule-line .t-date time b {
    font-size: 16px;
    color: #222
}

.list.list-schedule-line .t-date time [class*="day-"] {
    font-size: 11px
}

.list.list-schedule-line .t-date time [class*="day-"]:before,
.list.list-schedule-line .t-date time [class*="day-"]:after {
    content: '';
    visibility: hidden;
    display: none
}

.list.list-schedule-line .t-team {
    width: 54px !important
}

.list.list-schedule-line .t-team img {
    width: 42px;
    margin: 8px auto 8px 0
}

.list.list-schedule-line .i-game-cate {
    top: 0;
    left: 120px;
    text-align: left;
    z-index: 3;
    width: auto;
    font-size: 10px !important
}

.list.list-schedule-line .t-info .item {
    padding: 30px 16px 16px 8px;
    border-left: 0;
    border-right: 0
}

.list.list-schedule-line .list.list-additional {
    margin: 0;
    padding-left: 54px
}

.list.list-schedule-line .list.list-additional .item {
    font-size: 13px;
    border-left: 0;
    border-right: 0;
    padding: 8px;
    border-color: #f0f0f0
}

.list.list-schedule-line .list.list-additional .item .caption {
    font-size: 11px;
    line-height: 1.5;
    margin-left: .5em
}

.list.list-schedule-line .list.list-additional [class*="i-broadcast-"] {
    position: static;
    color: #222;
    font-weight: bold
}

.list.list-schedule-line .list.list-additional [class*="i-broadcast-"]:before {
    margin-right: 4px
}

.list-ticket-buy .item-divider {
    padding-top: 16px
}

.list-ticket-buy .item-thumbnail-left .tbl-holder,
.list-ticket-buy .item-thumbnail-left .tbl-holder+.caution {
    margin-left: -96px;
    margin-right: -8px
}

.list-ticket-buy .item-thumbnail-left .item-title+.tbl-holder {
    padding-top: 20px
}

.list-ticket-buy .item-thumbnail-left th {
    font-size: 13px
}

.title-content {
    padding: 16px;
    border-bottom: 1px solid #f5f5f5
}

.title-content .wrapper>b {
    color: #2E4FB5;
    height: auto
}

[class^="title-"] {
    padding-left: 16px;
    padding-right: 16px
}

.item.item-text-wrap [class^="title-"] {
    padding-left: 0;
    padding-right: 0
}

.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.body [class^="title-"],
.body p,
.body ul,
.body ol,
.body dl,
.body .img-holder,
.body .bt-holder {
    margin-left: 24px;
    margin-right: 24px
}

.body h1 h1,
.body h1 h2,
.body h1 h3,
.body h1 h4,
.body h1 h5,
.body h1 h6,
.body h1 [class^="title-"],
.body h1 p,
.body h1 ul,
.body h1 ol,
.body h1 dl,
.body h1 .img-holder,
.body h1 .bt-holder,
.body h2 h1,
.body h2 h2,
.body h2 h3,
.body h2 h4,
.body h2 h5,
.body h2 h6,
.body h2 [class^="title-"],
.body h2 p,
.body h2 ul,
.body h2 ol,
.body h2 dl,
.body h2 .img-holder,
.body h2 .bt-holder,
.body h3 h1,
.body h3 h2,
.body h3 h3,
.body h3 h4,
.body h3 h5,
.body h3 h6,
.body h3 [class^="title-"],
.body h3 p,
.body h3 ul,
.body h3 ol,
.body h3 dl,
.body h3 .img-holder,
.body h3 .bt-holder,
.body h4 h1,
.body h4 h2,
.body h4 h3,
.body h4 h4,
.body h4 h5,
.body h4 h6,
.body h4 [class^="title-"],
.body h4 p,
.body h4 ul,
.body h4 ol,
.body h4 dl,
.body h4 .img-holder,
.body h4 .bt-holder,
.body h5 h1,
.body h5 h2,
.body h5 h3,
.body h5 h4,
.body h5 h5,
.body h5 h6,
.body h5 [class^="title-"],
.body h5 p,
.body h5 ul,
.body h5 ol,
.body h5 dl,
.body h5 .img-holder,
.body h5 .bt-holder,
.body h6 h1,
.body h6 h2,
.body h6 h3,
.body h6 h4,
.body h6 h5,
.body h6 h6,
.body h6 [class^="title-"],
.body h6 p,
.body h6 ul,
.body h6 ol,
.body h6 dl,
.body h6 .img-holder,
.body h6 .bt-holder,
.body [class^="title-"] h1,
.body [class^="title-"] h2,
.body [class^="title-"] h3,
.body [class^="title-"] h4,
.body [class^="title-"] h5,
.body [class^="title-"] h6,
.body [class^="title-"] [class^="title-"],
.body [class^="title-"] p,
.body [class^="title-"] ul,
.body [class^="title-"] ol,
.body [class^="title-"] dl,
.body [class^="title-"] .img-holder,
.body [class^="title-"] .bt-holder,
.body p h1,
.body p h2,
.body p h3,
.body p h4,
.body p h5,
.body p h6,
.body p [class^="title-"],
.body p p,
.body p ul,
.body p ol,
.body p dl,
.body p .img-holder,
.body p .bt-holder,
.body ul h1,
.body ul h2,
.body ul h3,
.body ul h4,
.body ul h5,
.body ul h6,
.body ul [class^="title-"],
.body ul p,
.body ul ul,
.body ul ol,
.body ul dl,
.body ul .img-holder,
.body ul .bt-holder,
.body ol h1,
.body ol h2,
.body ol h3,
.body ol h4,
.body ol h5,
.body ol h6,
.body ol [class^="title-"],
.body ol p,
.body ol ul,
.body ol ol,
.body ol dl,
.body ol .img-holder,
.body ol .bt-holder,
.body dl h1,
.body dl h2,
.body dl h3,
.body dl h4,
.body dl h5,
.body dl h6,
.body dl [class^="title-"],
.body dl p,
.body dl ul,
.body dl ol,
.body dl dl,
.body dl .img-holder,
.body dl .bt-holder,
.body .img-holder h1,
.body .img-holder h2,
.body .img-holder h3,
.body .img-holder h4,
.body .img-holder h5,
.body .img-holder h6,
.body .img-holder [class^="title-"],
.body .img-holder p,
.body .img-holder ul,
.body .img-holder ol,
.body .img-holder dl,
.body .img-holder .img-holder,
.body .img-holder .bt-holder,
.body .bt-holder h1,
.body .bt-holder h2,
.body .bt-holder h3,
.body .bt-holder h4,
.body .bt-holder h5,
.body .bt-holder h6,
.body .bt-holder [class^="title-"],
.body .bt-holder p,
.body .bt-holder ul,
.body .bt-holder ol,
.body .bt-holder dl,
.body .bt-holder .img-holder,
.body .bt-holder .bt-holder {
    margin-left: 0;
    margin-right: 0
}

.body .wrap[class*="xs"] {
    border-left: 24px solid transparent;
    border-right: 24px solid transparent
}

.body .wrap>[class*="xs-"] h1,
.body .wrap>[class*="xs-"] h2,
.body .wrap>[class*="xs-"] h3,
.body .wrap>[class*="xs-"] h4,
.body .wrap>[class*="xs-"] h5,
.body .wrap>[class*="xs-"] h6,
.body .wrap>[class*="xs-"] [class^="title-"],
.body .wrap>[class*="xs-"] p,
.body .wrap>[class*="xs-"] ul,
.body .wrap>[class*="xs-"] ol,
.body .wrap>[class*="xs-"] dl,
.body .wrap>[class*="xs-"] .img-holder,
.body .wrap>[class*="xs-"] .bt-holder,
.body .item-text-wrap h1,
.body .item-text-wrap h2,
.body .item-text-wrap h3,
.body .item-text-wrap h4,
.body .item-text-wrap h5,
.body .item-text-wrap h6,
.body .item-text-wrap [class^="title-"],
.body .item-text-wrap p,
.body .item-text-wrap ul,
.body .item-text-wrap ol,
.body .item-text-wrap dl,
.body .item-text-wrap .img-holder,
.body .item-text-wrap .bt-holder,
.body table h1,
.body table h2,
.body table h3,
.body table h4,
.body table h5,
.body table h6,
.body table [class^="title-"],
.body table p,
.body table ul,
.body table ol,
.body table dl,
.body table .img-holder,
.body table .bt-holder {
    margin-left: 0;
    margin-right: 0
}

.body .item-text-wrap h1:first-child,
.body .item-text-wrap h2:first-child,
.body .item-text-wrap h3:first-child,
.body .item-text-wrap h4:first-child,
.body .item-text-wrap h5:first-child,
.body .item-text-wrap h6:first-child,
.body .item-text-wrap [class^="title-"]:first-child,
.body .item-text-wrap p:first-child,
.body .item-text-wrap ul:first-child,
.body .item-text-wrap ol:first-child,
.body .item-text-wrap dl:first-child,
.body .item-text-wrap .img-holder:first-child,
.body .item-text-wrap .bt-holder:first-child,
.body table h1:first-child,
.body table h2:first-child,
.body table h3:first-child,
.body table h4:first-child,
.body table h5:first-child,
.body table h6:first-child,
.body table [class^="title-"]:first-child,
.body table p:first-child,
.body table ul:first-child,
.body table ol:first-child,
.body table dl:first-child,
.body table .img-holder:first-child,
.body table .bt-holder:first-child {
    margin-top: 0
}

.body .item-text-wrap h1:last-child,
.body .item-text-wrap h2:last-child,
.body .item-text-wrap h3:last-child,
.body .item-text-wrap h4:last-child,
.body .item-text-wrap h5:last-child,
.body .item-text-wrap h6:last-child,
.body .item-text-wrap [class^="title-"]:last-child,
.body .item-text-wrap p:last-child,
.body .item-text-wrap ul:last-child,
.body .item-text-wrap ol:last-child,
.body .item-text-wrap dl:last-child,
.body .item-text-wrap .img-holder:last-child,
.body .item-text-wrap .bt-holder:last-child,
.body table h1:last-child,
.body table h2:last-child,
.body table h3:last-child,
.body table h4:last-child,
.body table h5:last-child,
.body table h6:last-child,
.body table [class^="title-"]:last-child,
.body table p:last-child,
.body table ul:last-child,
.body table ol:last-child,
.body table dl:last-child,
.body table .img-holder:last-child,
.body table .bt-holder:last-child {
    margin-bottom: 0
}

.body .img-holder p {
    margin-left: 0;
    margin-right: 0
}

.body .bt-holder {
    padding: 0
}

.body [class^="title-"] {
    padding-left: 0;
    padding-right: 0
}

.body .list {
    margin: 16px
}

.title-catchcopy {
    padding: 24px;
    text-align: left !important
}

.title-catchcopy,
.title-catchcopy>* {
    font-size: 17px !important
}

.item-divider .img-holder.img-poa-r {
    position: absolute !important;
    right: 0;
    top: 0;
    bottom: 0
}

.main>.body>.title-headline {
    margin-top: 0
}

.bt-holder {
    display: block;
    padding: 16px
}

.bt-holder .button {
    display: block;
    width: 100%;
    margin: 0
}

[class^="title-"] .bt-holder {
    display: block;
    padding: 8px 0 0;
    margin: 0 !important
}

.item.item-bt-holder {
    padding: 10px !important;
    background-color: #fff
}

.item.item-bt-holder .button {
    display: block;
    width: 100%
}

.img-holder.bnr {
    display: block;
    padding-left: 16px;
    padding-right: 16px
}

.body .tbl-holder {
    display: block
}

.sect .img-holder.img-poa-r,
.sect .img-holder.img-poa-l {
    position: relative;
    display: block;
    padding-bottom: 62%;
    margin: 0
}

.dir-ticket.page-index .sect-visual-wide {
    padding-top: 0
}

table {
    font-size: 13px
}

table tr>:first-child {
    padding-left: 16px
}

table tr>:last-child {
    padding-right: 16px
}

table thead th {
    line-height: 1;
    font-size: 11px
}

.th-sort tr>:first-child {
    padding-left: 0
}

.th-sort tr>:first-child>a,
.th-sort tr>:first-child>span {
    padding-left: 16px
}

.th-sort tr>:last-child {
    padding-right: 0
}

.th-sort tr>:last-child>a,
.th-sort tr>:last-child>span {
    padding-right: 16px
}

table+p,
.wrap+p {
    padding-left: 16px;
    padding-right: 16px;
    margin: .5em 0 1em
}

td {
    padding: 8px
}

.tbl-body,
.tbl-block,
.tbl-spec,
.tbl-holder-block>table {
    border-bottom: 1px solid #ddd
}

.tbl-body caption,
.tbl-body thead,
.tbl-body tbody,
.tbl-body tr,
.tbl-body th,
.tbl-body td,
.tbl-block caption,
.tbl-block thead,
.tbl-block tbody,
.tbl-block tr,
.tbl-block th,
.tbl-block td,
.tbl-spec caption,
.tbl-spec thead,
.tbl-spec tbody,
.tbl-spec tr,
.tbl-spec th,
.tbl-spec td,
.tbl-holder-block>table caption,
.tbl-holder-block>table thead,
.tbl-holder-block>table tbody,
.tbl-holder-block>table tr,
.tbl-holder-block>table th,
.tbl-holder-block>table td {
    display: block !important;
    width: 100% !important
}

.tbl-body th,
.tbl-block th,
.tbl-spec th,
.tbl-holder-block>table th {
    font-weight: bold;
    border: 0;
    padding: 8px 16px 4px
}

.tbl-body td,
.tbl-block td,
.tbl-spec td,
.tbl-holder-block>table td {
    padding: 8px 16px 16px;
    border-width: 0
}

.tbl-spec {
    border-bottom: 0
}

.tbl-spec th,
.tbl-spec td {
    border-top: 1px solid #ddd
}

.list-ticket-buy .item-thumbnail-left {
    border-bottom-width: 2px
}

.list-ticket-buy .item .tbl-spec caption,
.list-ticket-buy .item .tbl-spec th,
.list-ticket-buy .item .tbl-spec td {
    padding-left: 8px;
    padding-right: 8px
}

.tbl-rank {
    line-height: 1
}

.tbl-rank th,
.tbl-rank td {
    padding: 8px
}

.tbl-rank tbody td {
    white-space: nowrap
}

.tbl-rank .t-team img {
    width: 32px
}

.tbl-rank .t-team img+b {
    font-size: 8px
}

.tbl-rank td.t-num,
.tbl-rank td.t-result {
    font-size: 15px
}

.box-tbl-stats-name .tbl-rank td.t-rank {
    padding-left: 8px
}

.box-tbl-stats-name .tbl-rank .t-team {
    padding-right: 0
}

.box-tbl-stats-name .tbl-rank .t-team img {
    margin-top: 6px
}

.box-tbl-stats-name .tbl-rank .t-team img+b {
    margin-top: -7px;
    margin-bottom: 6px
}

.box-tbl-stats-data {
    background-color: #fafafa
}

.box-tbl-stats-data .tbl-stats,
.box-tbl-stats-data .tbl-rank {
    background-color: #fff
}

.box-tbl-stats-data .tbl-stats tr>:nth-child(-n+2),
.box-tbl-stats-data .tbl-rank tr>:nth-child(-n+2) {
    display: none
}

.box-tbl-stats-data .swiper-container:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 9px;
    z-index: 1;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden
}

.paging {
    float: none;
    display: table;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #f5f5f5;
    margin-bottom: 20px
}

.paging>span,
.paging a {
    background-color: transparent
}

.paging .current {
    background-color: #fafafa
}

.paging>span {
    display: table-cell !important
}

.paging>span a {
    display: block
}

.paging>span.next,
.paging>span.prev {
    width: 1px;
    white-space: nowrap
}

.select-holder {
    display: block;
    line-height: 1
}

.page-schedule .title-content .select-holder {
    margin-bottom: 8px
}

.page-site-index .sect-index-tools .box-bts {
    background-color: #f5f5f5;
    padding: 1px
}

.page-site-index .sect-index-tools .box-bts .button.button-small {
    height: 48px;
    margin: 1px 0 auto;
    text-align: left;
    padding-left: 52px;
    padding-right: 0;
    line-height: 48px;
    font-weight: bold;
    font-size: 14px
}

.page-site-index .sect-index-tools .box-bts .button.button-small .i-img {
    position: absolute;
    top: 2px;
    left: 0
}

@media screen and (max-width: 319px) {
    .page-site-index .sect-index-tools .box-bts .button.button-small {
        font-size: 13px;
        padding-left: 36px;
        letter-spacing: -1px
    }

    .page-site-index .sect-index-tools .box-bts .button.button-small .i-img {
        top: 4px;
        max-width: 36px;
        max-height: 36px
    }
}

.page-site-index .index-top-info .wrapper {
    padding-top: 0
}

.page-site-index .index-game-info,
.page-site-index .index-off-info {
    overflow: hidden
}

.page-site-index .index-game-info.swiper-container-with-filter-bottom:after,
.page-site-index .index-off-info.swiper-container-with-filter-bottom:after {
    bottom: -50px;
    height: 50px;
    box-shadow: 0 1px 50px #000;
    z-index: 2
}

.page-site-index .index-game-info {
    border-top: 1px solid #f5f5f5;
    background-color: #282828;
    color: #fafafa
}

.page-site-index .index-game-info .item {
    background-color: transparent
}

.page-site-index .index-game-info .bt-tab .swiper-wrapper,
.page-site-index .index-game-info .bt-tab a,
.page-site-index .index-game-info .bt-tab span {
    background-color: #282828
}

.page-site-index .index-game-info .bt-tab a,
.page-site-index .index-game-info .bt-tab span {
    color: #fafafa;
    font-size: 17px;
    border: 0
}

.page-site-index .index-game-info .bt-tab a i,
.page-site-index .index-game-info .bt-tab span i {
    font-size: 10px
}

.page-site-index .index-game-info .bt-tab,
.page-site-index .index-game-info .bt-tab a,
.page-site-index .index-game-info .bt-tab span {
    height: 52px
}

.page-site-index .index-game-info .bt-tab .sel {
    background-color: #555
}

.page-site-index .index-game-info .bt-tab [class^="day-"] {
    font-size: 10px;
    margin-left: 2px;
    font-weight: normal
}

.page-site-index .index-game-info .bt-tab [class^="day-"]:before,
.page-site-index .index-game-info .bt-tab [class^="day-"]:after {
    content: '';
    display: none;
    visibility: hidden
}

.page-site-index .index-game-info .bt-tab .day-6 {
    color: #0092D1
}

.page-site-index .index-game-info .bt-tab a.bt-go-schedule:before {
    font-size: 20px;
    position: relative;
    line-height: 48px
}

.page-site-index .index-game-info .tbl-game-results {
    height: 60px;
    font-size: 12px;
    line-height: 1;
    color: #fafafa
}

.page-site-index .index-game-info .tbl-game-results th,
.page-site-index .index-game-info .tbl-game-results td {
    border-color: #555
}

.page-site-index .index-game-info .tbl-game-results th.t-result {
    white-space: nowrap;
    color: #aaa;
    width: 80px
}

.page-site-index .index-game-info .tbl-game-results td.t-game-info {
    padding: 8px 16px;
    color: #aaa
}

.page-site-index .index-game-info .tbl-game-results td {
    padding: 0
}

.page-site-index .index-game-info .tbl-game-results td a {
    color: #fafafa
}

.page-site-index .index-game-info .tbl-game-results td.t-team-initial {
    padding: 1px !important
}

.page-site-index .index-game-info .tbl-game-results .label-cate-player-pos {
    min-width: 3em;
    padding: 0;
    line-height: 15px;
    height: 16px;
    color: #aaa;
    border-color: #aaa
}

.page-site-index .index-game-info .tbl-game-results .i-game-yokosen {
    background-color: #777;
    color: #fafafa
}

.page-site-index .index-game-info .tbl-game-results .tr-hr td {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 28px
}

.page-site-index .index-game-info .bt-holder {
    border-color: #555;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0
}

.page-site-index .index-game-info .bt-holder .button {
    display: block
}

.page-site-index .index-game-info .title-game-info {
    border-bottom: 0;
    padding-top: 16px;
    padding-left: 82px;
    background-color: #555
}

.page-site-index .index-game-info .title-game-info:after {
    color: #0092D1
}

.page-site-index .index-game-info .title-game-info .item-title {
    line-height: 1;
    color: #fafafa
}

.page-site-index .index-game-info .title-game-info .item-title em {
    font-size: 18px
}

.page-site-index .index-game-info .title-game-info .item-title+p {
    color: #aaa
}

.page-site-index .index-game-info .live-hdr {
    z-index: 0
}

.page-site-index .index-game-info .score-vs {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    width: auto;
    color: #fafafa
}

.page-site-index .index-game-info .score-vs .t-score .score-num+span {
    font-size: 12px;
    margin-top: 3px
}

.page-site-index .index-game-info .bt-holder {
    border-color: #555;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0
}

.page-site-index .index-game-info .bt-holder .button {
    display: block
}

.page-site-index .index-off-info {
    background-color: #282828;
    padding-top: 16px;
    border-top: 1px solid #f5f5f5
}

.page-site-index .index-off-info .box-info-scl {
    padding-top: 16px
}

.page-site-index .box-info-scl .item {
    background-color: #282828;
    border-color: #555;
    padding-bottom: 4px;
    line-height: 1.5
}

.page-site-index .box-info-scl .item:first-child {
    border-top: 0
}

.page-site-index .box-info-scl .item:after {
    color: #0092D1
}

.page-site-index .box-info-scl .item .item-title {
    color: #fafafa
}

.page-site-index .box-info-scl .item .item-title+p {
    color: #aaa
}

.page-site-index .box-info-scl .item>p {
    color: #aaa;
    position: relative;
    top: -4px
}

.page-site-index .box-info-scl .item-divider {
    font-size: 11px;
    color: #fafafa
}

.page-site-index .list-game-event .item .item-title {
    font-size: 14px;
    font-weight: normal
}

.page-site-index .list-game-event .item .item-title+p {
    margin-top: -2px
}

.page-site-index .index-pickup-3 .card {
    position: relative;
    overflow: visible
}

.page-site-index .index-pickup-3 .card .title-tri {
    padding: 0
}

.page-site-index .index-pickup-3 .card img {
    width: 100%;
    max-width: none
}

.page-site-index .index-pickup-3 .card [class^="i-status-"] {
    position: absolute;
    bottom: -3px;
    right: -3px;
    left: auto;
    top: auto
}

.page-site-index .index-pickup-3 .wrapper {
    padding: 16px
}

.page-site-index .box {
    margin-top: -1px
}

.page-site-index .box+box {
    padding: 16px 0
}

.page-site-index .box .caption {
    padding: 0 16px
}

.page-site-index .index-photo,
.page-site-index .index-movie {
    padding-bottom: 16px
}

.page-site-index .index-sns-entame .wrapper {
    padding-top: 0
}

.page-site-index .index-sns-entame .box.index-entame {
    border-top: 1px solid #ddd
}

.page-site-index .index-sponsor {
    padding: 16px;
    border-top: 1px solid #f5f5f5;
    background-color: #fff !important
}

.page-site-index .tbl-rank thead th {
    font-size: 10px;
    letter-spacing: -1px
}

.page-site-index .tbl-rank th {
    padding: 2px 4px
}

.page-site-index .tbl-rank td {
    min-height: 0;
    padding: 4px
}

.page-site-index .tbl-rank tr th:first-child,
.page-site-index .tbl-rank tr td:first-child {
    padding-left: 16px
}

.page-site-index .tbl-rank tr th:last-child {
    padding-right: 14px
}

.page-site-index .tbl-rank tr td:last-child {
    padding-right: 16px
}

.page-site-index .tbl-rank td.t-rank {
    width: 30px;
    font-size: 18px
}

.page-site-index .tbl-rank th.t-team {
    text-align: left
}

.page-site-index .tbl-rank td.t-team {
    width: 40px;
    padding: 0
}

.page-site-index .tbl-rank td.t-team img {
    width: 28px !important;
    margin: 1px !important
}

.page-site-index .tbl-rank td.t-num {
    font-size: 13px
}

.page-site-index .tbl-rank+.caption {
    font-size: 10px
}

.box-slider-special .i-status-hot {
    position: absolute;
    top: -16px;
    left: 10px
}

.box-slider-special .swiper-slide {
    border-bottom: 2px solid #f5f5f5
}

.box-slider-special .visual>a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 62%;
    height: 0
}

.box-slider-special .visual>a img {
    width: 140%;
    margin-left: -20%;
    margin-top: -38%;
    position: relative;
    z-index: 1
}

.box-slider-special .visual h1 {
    z-index: 1;
    position: absolute;
    top: 50%;
    margin-top: -25%;
    text-align: center;
    width: 100%;
    padding: 16px;
    font-weight: bold
}

.box-slider-special .visual h1 .bt-holder {
    margin-top: 10px
}

.body.box-topic .sect.eye-catch {
    margin-top: -1px;
    background-color: #fafafa
}

.body.box-topic .eye-catch {
    border-bottom: 1px solid #ddd
}

.body.box-topic .title-headline {
    padding: 24px 24px 0;
    margin: 0;
    background-color: #fafafa
}

.body.box-topic .title-headline+p {
    padding: 8px 24px 16px;
    margin: 0 0 16px;
    background-color: #fafafa
}

.sect.post-info {
    padding: 8px 16px !important
}

.box-game-stats .title-sect {
    margin-bottom: 0
}

.box-game-stats .title-sect+.tbl-holder {
    margin-top: 0
}

.box-profile {
    margin-bottom: 20px;
    padding-top: 20px
}

.title-profile {
    margin: 24px 16px;
    line-height: 1;
    text-align: center
}

.title-profile .un {
    display: block;
    margin: 8px;
    margin-right: .5em
}

.title-profile .un img {
    height: 40px;
    width: auto;
    display: inline;
    margin: 0 1px
}

.title-profile strong {
    margin-top: 16px;
    display: block;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: .05em;
    color: #0f1350
}

.title-profile span {
    color: #777;
    letter-spacing: .025em;
    margin-top: 12px;
    font-size: 13px;
    display: block
}

.tbl-profile th,
.tbl-profile td {
    padding-top: 4px;
    padding-bottom: 4px
}

.tbl-profile th {
    width: 25%;
    white-space: nowrap
}

.img-portrait {
    width: 120px;
    margin: 0 auto
}

.list.list-photos {
    margin: 20px 0
}

.list.list-photos .item .item-title,
.list.list-photos .item p {
    margin-left: 16px;
    margin-right: 16px
}

.swiper-slide img {
    width: 100%;
    max-width: none
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.tal {
    text-align: left !important
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right !important
}

.vat {
    vertical-align: top !important
}

.vam {
    vertical-align: middle !important
}

.vab {
    vertical-align: bottom !important
}

.bd1 {
    border: 1px solid #ddd !important
}

.def {
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: none !important
}

.fwn {
    font-weight: normal !important
}

.fwb {
    font-weight: bold !important
}

.fsn {
    font-style: normal !important
}

.fsi {
    font-style: italic !important
}

.fso {
    font-style: oblique !important
}

.tdn {
    text-decoration: none !important
}

.tdu {
    text-decoration: underline !important
}

.c-blue {
    color: #2E4FB5 !important
}

.c-red {
    color: #EC1234 !important
}

.c-green {
    color: #008F65 !important
}

.c-dark-blue {
    color: #0f1350 !important
}

.c-yellow {
    color: #FBE200 !important
}

.c-brown {
    color: #A9420F !important
}

.c-pale-yellow {
    color: #FBCA7A !important
}

.c-orange {
    color: #EF790F !important
}

.c-pink {
    color: #F5648F !important
}

.c-sky-blue {
    color: #0092D1 !important
}

.c-white {
    color: #fafafa !important
}

.bg-blue {
    background-color: #2E4FB5 !important
}

.bg-red {
    background-color: #EC1234 !important
}

.bg-green {
    background-color: #008F65 !important
}

.bg-dark-blue {
    background-color: #0f1350 !important
}

.bg-yellow {
    background-color: #FBE200 !important
}

.bg-brown {
    background-color: #A9420F !important
}

.bg-pale-yellow {
    background-color: #FBCA7A !important
}

.bg-orange {
    background-color: #EF790F !important
}

.bg-pink {
    background-color: #F5648F !important
}

.bg-sky-blue {
    background-color: #0092D1 !important
}

.bg-gray {
    background-color: #f5f5f5 !important
}

.bg-pale-gray {
    background-color: #fafafa !important
}

.bg-white {
    background-color: #fff !important
}

.bd-blue {
    border-color: #2E4FB5 !important
}

.bd-red {
    border-color: #EC1234 !important
}

.bd-green {
    border-color: #008F65 !important
}

.bd-dark-blue {
    border-color: #0f1350 !important
}

.bd-yellow {
    border-color: #FBE200 !important
}

.bd-brown {
    border-color: #A9420F !important
}

.bd-pale-yellow {
    border-color: #FBCA7A !important
}

.bd-orange {
    border-color: #EF790F !important
}

.bd-pink {
    border-color: #F5648F !important
}

.bd-sky-blue {
    border-color: #0092D1 !important
}

.nw {
    white-space: nowrap !important
}

[class^="lis-"] {
    padding-left: 2em !important
}

.lis-disc {
    list-style-type: disc !important
}

.lis-circle {
    list-style-type: circle !important
}

.lis-square {
    list-style-type: square !important
}

.lis-lower-roman {
    list-style-type: lower-roman !important
}

.lis-upper-roman {
    list-style-type: upper-roman !important
}

.lis-lower-greek {
    list-style-type: lower-greek !important
}

.lis-decimal {
    list-style-type: decimal !important
}

.lis-decimal-leading-zero {
    list-style-type: decimal-leading-zero !important
}

.lis-lower-latin {
    list-style-type: lower-latin !important
}

.lis-lower-alpha {
    list-style-type: lower-alpha !important
}

.lis-upper-latin {
    list-style-type: upper-latin !important
}

.lis-upper-alpha {
    list-style-type: upper-alpha !important
}

.lis-cjk-ideographic {
    list-style-type: cjk-ideographic !important
}

.lis-hiragana {
    list-style-type: hiragana !important
}

.lis-katakana {
    list-style-type: katakana !important
}

.lis-hiragana-iroha {
    list-style-type: hiragana-iroha !important
}

.lis-katakana-iroha {
    list-style-type: katakana-iroha !important
}

[class*="sdw-"] {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px
}

[class*="sdw-"] img {
    position: relative;
    z-index: 1
}

.sdw-default {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.sdw-both {
    position: relative
}

.sdw-both:before,
.sdw-both:after {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.sdw-both:after {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.sdw-left {
    position: relative
}

.sdw-left:before {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.sdw-right {
    position: relative
}

.sdw-right:after {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

.pl0 {
    padding-left: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.txt-l {
    text-align: left !important;
}

.sub-title-headline {
    font-weight: bold;
    font-size: 15px;
    padding: 0 10px;
    margin: 30px 0 5px;
}

.xs-10-8 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-10-7 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-10-6 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-9-6 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-7-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-6-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-5-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-4-3 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child {
    display: none;
}

.xs-10-8 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-10-7 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-10-6 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-9-6 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-7-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-6-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-5-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2),
.xs-4-3 .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2) {
    display: table-cell;
}

.xs-7-4 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child,
.xs-9-6 .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child {
    display: table-cell;
}

.xs-7-3 table tr> :first-child,
.xs-9-3 table tr> :first-child {
    padding-left: 0px;
}

.xs-7-3 table tr td,
.xs-9-3 table tr td {
    font-size: 12px;
    padding-left: 0px;
}

.xs-7-3 table .th-sort tr> :first-child>a,
.xs-9-3 table .th-sort tr> :first-child>a {
    padding-left: 8px;
}

.xs-7-3 table .th-sort tr> :first-child>span,
.xs-9-3 table .th-sort tr> :first-child>span {
    padding-left: 8px;
}

.xs-7-4 table tr td span {
    font-size: 12px;
}

.tbl-stats tbody td:not([class^="t-"]) {
    text-align: center;
}

.tbl-stats .borderline td[class="tbl-order"] {
    text-align: center !important;
    padding: 0 4px;
}

.tbl-stats .borderline td[class="tbl-order"]+.tal>span {
    font-size: 12px;
}

.tbl-stats .borderline td:first-child {
    font-size: 11px;
    padding-left: 8px;
}

.opp_tbl .swiper-wrapper .swiper-slide .tbl-stats tr> :first-child {
    display: none;
}

.opp_tbl .swiper-wrapper .swiper-slide .tbl-stats tr> :nth-child(2) {
    display: none;
}

.vs_tbl .th-sort tr th span {
    border-width: 1px;
    padding: 10px 5px;
}

.vs_tbl .th-sort tr:first-child th span {
    height: auto !important;
    font-weight: bold;
}

.vs_tbl .borderline tr td {
    font-size: 11px !important;
    padding: 8px 0;
}

.vs_tbl .borderline tr td[class="tac bdl"] {
    padding-left: 0;
}

.vs_tbl .bdl {
    border-left: 1px solid #ddd;
}

.mg_another_team_list {
    margin-top: -10px;
    margin-bottom: -10px;
}

.mg_another_team_list [class*="list-buttons-"] .wrap>div {
    margin: 0;
}

.mg_another_team_list .list-arrows a.item:after {
    right: 5px;
    top: 37%;
    font-size: 22px;
}

.mg_another_team_list .list-arrows .item {
    padding: 10px 16px;
}

.mg_another_team_list .list-arrows .item .item-title {
    font-size: 14px;
    font-weight: normal;
}

.records-tbl table {
    margin-bottom: 10px;
    font-size: 11px;
}

.records-tbl table thead tr th {
    width: 33.3333%;
}

.records-tbl table thead tr:first-child th span {
    margin-bottom: -10px;
}

.records-tbl table tbody tr td {
    width: 33.3333%;
}

.records-tbl .th-sort th>span {
    border-width: 1px;
    padding: 15px 0;
}

.hitting_hr_tbl .tbl-stats .th-sort tr th {
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
    border-width: 2px;
}

.hitting_hr_tbl .tbl-stats .th-sort tr:nth-of-type(2) th:first-child:after {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    border-top: 2px solid #f5f5f5;
    width: 100%;
}

.hitting_hr_tbl .borderline tr td:first-child {
    text-align: left !important;
}

div[class="xs-10-5 box-tbl-stats-name"] .tbl-stats tbody tr> :last-child {
    padding-left: 8px;
}

div[class="t_unit to"] .title-headline {
    padding-bottom: 0;
}

body.debug {
    background-color: #fff;
    background-image: url(/_dev/_img/_guide.png);
    background-repeat: repeat-y;
    background-position: 50% 0;
    min-height: 10000px
}

body.debug>* {
    opacity: .7
}

.cake-debug-output,
.cake-sql-log {
    line-height: 1.5;
    background-color: #222;
    padding: 20px
}

.cake-debug-output,
.cake-debug-output *,
.cake-sql-log,
.cake-sql-log * {
    color: #00cc33 !important;
    -ms-word-break: break-all;
    word-break: break-all
}

.cake-sql-log td,
.cake-sql-log th {
    padding: 5px 10px;
    border: 1px solid #ddd
}


.btn-ticket-buy01 {
    margin: 2px;
    color: #FFFFFF !important;
    background-color: #2E4FB5 !important;
    padding: 5px 25px 5px !important;
    min-width: 8em !important;
    border-radius: 7px;
    !important;
    /*border-color:#2E4FB5;*/
}

.btn-ticket-buy02 {
    margin: 2px;
    color: #FFFFFF !important;
    background-color: #A8D076 !important;
    padding: 5px 25px 5px !important;
    min-width: 8em !important;
    border-radius: 7px;
    !important;
    /*border-color:#2E4FB5;*/
}

.mt10 {
    margin-top: 10px !important;
}



/*2017年9月14日追加*/
table {
    width: 100%;
}

.scroll {
    overflow: auto;
    /*tableをスクロールさせる*/
    white-space: nowrap;
    /*tableのセル内にある文字の折り返しを禁止*/
}

.scroll::-webkit-scrollbar {
    /*tableにスクロールバーを追加*/
    height: 5px;
}

.scroll::-webkit-scrollbar-track {
    /*tableにスクロールバーを追加*/
    background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
    /*tableにスクロールバーを追加*/
    background: #BCBCBC;
}


/*instagram icon 追加*/
.bts-sns .instaArea {
    background: #2e4fb5;
    padding: .5rem;
    /*  display: inline-block; */
    position: absolute;
    width: 10.5rem;
    top: 80px;
    right: 8%;
    z-index: 9;
    display: none;
}

.bts-sns .instaArea a {
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 4rem !important;
    height: 4rem !important;
    padding: 0 !important;
    text-align: center;
    margin: 5px;
    display: inline-block !important;
}

.bts-sns .instaArea.show {
    display: inline-block;
}

.bts-sns .instaArea::before {
    content: '';
    position: absolute;
    border-right: 3px solid #2e4fb5;
    border-top: 3px solid #2e4fb5;
    width: 15px;
    height: 15px;
    background: #2e4fb5;
    z-index: 0;
    right: calc(50% - 8px);
    top: -4px;

    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.bts-sns .instaArea a img {
    margin: 4px;
    width: 3.5rem !important;
}

/*ハンバーガーメニュー*/
.item.bts-sns {
    overflow: visible !important;
}

.item.bts-sns .instaArea {
    top: -100px;
}

.item.bts-sns .instaArea::before {
    bottom: -6px !important;
    top: unset !important;
}