@import '//fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,700';
@import '//fonts.googleapis.com/css?family=Roboto:400,700';
@import '//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic';
@import '//fonts.googleapis.com/css?family=Oswald';

@charset 'UTF-8';
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

body
{
    line-height: 1;
}

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

nav ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

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

a
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    background: transparent;
}

/* change colours to suit your needs */
ins
{
    text-decoration: none; 

    color: #000;
    background-color: #ff9;
}

/* change colours to suit your needs */
mark
{
    font-weight: bold; 
    font-style: italic;

    color: #000;
    background-color: #ff9;
}

del
{
    text-decoration: line-through;
}

abbr[title],
dfn[title]
{
    cursor: help; 

    border-bottom: 1px dotted;
}

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

/* change border colour to suit your needs */
hr
{
    display: block;

    height: 1px;
    margin: 1em 0;
    padding: 0; 

    border: 0;
    border-top: 1px solid #ccc;
}

input,
select
{
    vertical-align: middle;
}

/* color */
/* clearfix */
.mb15
{
    margin-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

@font-face
{
    font-family: 'gsiteicon';
    font-weight: normal;
    font-style: normal; 

    src: url('/extra2018/css/fonts/gsiteicon.eot?-kkayyn');
    src: url('/extra2018/css/fonts/gsiteicon.eot?#iefix-kkayyn') format('embedded-opentype'), url('/extra2018/css/fonts/gsiteicon.woff?-kkayyn') format('woff'), url('/extra2018/css/fonts/gsiteicon.ttf?-kkayyn') format('truetype'), url('/extra2018/css/fonts/gsiteicon.svg?-kkayyn#gsiteicon') format('svg');
}

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal; 

    src: url('fonts/icomoon.eot?30kute');
    src: url('fonts/icomoon.eot?30kute#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?30kute') format('truetype'), url('fonts/icomoon.woff?30kute') format('woff'), url('fonts/icomoon.svg?30kute#icomoon') format('svg');
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before
{
    content: '\e912';
}

.icon-close:before
{
    content: '\e913';
}

.icon-team:before
{
    content: '\e90e';
}

.icon-game:before
{
    content: '\e90f';
}

.icon-program:before
{
    content: '\e910';
}

.icon-ticket:before
{
    content: '\e911';
}

.icon-academy:before
{
    content: '\e900';
}

.icon-calendar:before
{
    content: '\e901';
}

.icon-event:before
{
    content: '\e902';
}

.icon-fanclub:before
{
    content: '\e903';
}

.icon-farm:before
{
    content: '\e904';
}

.icon-goods:before
{
    content: '\e905';
}

.icon-mail:before
{
    content: '\e906';
}

.icon-mobileWallpaper:before
{
    content: '\e907';
}

.icon-movie:before
{
    content: '\e908';
}

.icon-photo:before
{
    content: '\e909';
}

.icon-present:before
{
    content: '\e90a';
}

.icon-promotion:before
{
    content: '\e90b';
}

.icon-sns:before
{
    content: '\e90c';
}

.icon-specialMovie:before
{
    content: '\e90d';
}

.mg-header
{
    position: fixed;
    z-index: 801;
    top: 0;
    left: 0;

    width: 100%;
}
.mg-header.sugotoku
{
    position: relative;
}
.mg-header .mg-header-wrapper
{
    position: relative;
    z-index: 800;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 61px; 

    border-bottom: 1px solid #333;
    background: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mg-header .mg-header-wrapper .mg-header-h1
{
    /*margin: 0 auto 0 10px;*/
    margin: 0 auto;
    padding-left: 62px;
}
.mg-header .mg-header-wrapper .mg-header-h1 img
{
    width: 112px;
    height: 28px;
}
.mg-header .mg-header-wrapper .mg-header-link
{
    font-size: 8px;
    font-size: .8rem;

    display: block;

    width: 62px;
    height: 60px; 

    text-align: center;

    color: #fff;
}
.mg-header .mg-header-wrapper .mg-header-link.active
{
    color: #ff7f00;
}
.mg-header .mg-header-wrapper .mg-header-link span
{
    font-size: 24px;
    font-size: 2.4rem;

    display: block;

    margin: 13px 0 4px;
}
.mg-header .mg-common-sns
{
    position: relative;
    z-index: 9995;

    display: none;

    background-color: rgba(0, 0, 0, .9);
}

/* gmenu-footer */
.mg-gmenu-footer
{
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-transition: bottom .3s ease-in;
            transition: bottom .3s ease-in; 

    background: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mg-gmenu-footer.on
{
    bottom: -70px;
}
.mg-gmenu-footer .mg-gmenu-link
{
    font-size: 10px;
    font-size: 1rem;

    display: block;

    width: 25%;
    height: 70px;

    text-align: center; 

    color: #fff;
}
.mg-gmenu-footer .mg-gmenu-link span
{
    font-size: 30px;
    font-size: 3rem;

    position: relative; 

    display: inline-block;

    margin: 13px 0 5px;
}
.mg-gmenu-footer .mg-gmenu-link.new span:after
{
    font-size: 9px;
    font-size: .9rem;
    font-weight: bold;
    line-height: 13px; 

    position: absolute;
    top: -1px;
    right: -7px;

    display: block;

    width: 13px;
    height: 13px;

    content: '!';
    text-align: center;

    color: #fff;
    border: 1px solid #000;
    border-radius: 50px;
    background: #ff7f00;
}

/* gmenu-list */
.mg-gmenu-list
{
    position: fixed;
    z-index: 9998;
    bottom: 0;
    left: 0;

    display: none;
    overflow-y: auto;

    width: 100%;
    height: 100%;
    padding-bottom: 70px;

    color: #fff;
    background-color: rgba(0, 0, 0, .9);

    overflow-scrolling: touch;
}
.mg-gmenu-list a
{
    color: #fff;
}
.mg-gmenu-list .mg-gmenu-list-wrapper
{
    overflow-y: auto; 

    height: 100%;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    text-align: center; 

    border-top: 1px solid #393939;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-main .mg-gmenu-list-link
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;

    display: block;

    width: 33.3%;
    height: 100px;
    padding: 17px 0 12px;

    text-align: center;
    letter-spacing: .9px;

    color: #eee; 
    border-bottom: 1px solid #393939;
    border-left: 1px solid #393939;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-main .mg-gmenu-list-link:nth-of-type(3n+1)
{
    border-left: none;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-main .mg-gmenu-list-link span
{
    font-size: 42px;
    font-size: 4.2rem;

    display: block;

    margin: 2px 0 10px;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-bnr
{
    padding: 20px 15px;

    text-align: center;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-bnr .mg-gmenu-list-bnr-txt
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-bottom: 16px; 

    letter-spacing: .9px;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub
{
    border-top: 1px solid #393939;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a
{
    display: block;

    letter-spacing: 1px;

    color: #eee;
    border-bottom: 1px solid #393939;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a.mg-gmenu-list-sub-link
{
    font-weight: bold; 

    padding: 22px 45px 22px 20px;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a.mg-gmenu-list-sub-link.multi
{
    position: relative;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a.mg-gmenu-list-sub-link.multi:before,
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a.mg-gmenu-list-sub-link.multi:after
{
    position: absolute;
    top: 50%;
    right: 15px;
    bottom: 0;

    display: block;

    width: 20px;
    height: 2px;
    margin-top: -1px; 

    content: '';

    background: #fff;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a.mg-gmenu-list-sub-link.multi:after
{
    -webkit-transition: all .3s ease;
            transition: all .3s ease; 
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub a.mg-gmenu-list-sub-link.multi.active:after
{
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
.mg-gmenu-list .mg-gmenu-list-sub a.mg-gmenu-link
{
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: 20%;
    height: 70px;
    text-align: center;
    color: #fff;
    margin-left: 80%;
    border-left: 1px solid #393939;
}

.mg-gmenu-list .mg-gmenu-list-sub a.mg-gmenu-link span.icon-close
{
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    display: inline-block;
    margin: 13px 0 5px;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub .mg-gmenu-list-sub-multi
{
    display: none; 

    background: #333;
}
.mg-gmenu-list .mg-gmenu-list-wrapper .mg-gmenu-list-sub .mg-gmenu-list-sub-multi a
{
    padding: 22px 20px 22px 30px;

    color: #eee;
}

/* footer */
.mg-footer
{
    background: #333;
}
.mg-footer a
{
    color: #fff;
}
.mg-footer .mg-footer-pagetop
{
    position: relative; 

    display: block;

    height: 43px;

    text-indent: -9999px;
}
.mg-footer .mg-footer-pagetop:after
{
    top: 0;
    right: 0;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;
    margin: -7px auto 0;

    content: '';
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); 

    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
}
.mg-footer .mg-footer-guide
{
    padding-bottom: 30px;
}
.mg-footer .mg-footer-guide.last
{
    padding-bottom: 10px;
}
.mg-footer .mg-footer-guide .mg-footer-guide-h2
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-bottom: 10px; 
    padding: 8px 20px;

    color: #b4b5b5;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.mg-footer .mg-footer-guide a
{
    font-weight: 500;

    display: block;

    padding: 15px 20px;

    letter-spacing: 1.6px;
}
.mg-footer .mg-footer-bnr
{
    margin-bottom: 20px; 
    padding: 20px 15px;

    text-align: center;

    background: #fff;
}
.mg-footer .mg-footer-list
{
    padding: 30px 0; 

    text-align: center;

    border-bottom: 1px solid #d8d8d8;
}
.mg-footer .mg-footer-list.last
{
    padding: 40px 0; 

    border-bottom: none;
}
.mg-footer .mg-footer-list .mg-footer-list-row li
{
    margin-bottom: 30px;
}
.mg-footer .mg-footer-list .mg-footer-list-row li:last-of-type
{
    margin-bottom: 0;
}
.mg-footer .mg-footer-list .mg-footer-list-row li a
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;

    display: inline-block;

    letter-spacing: 1px;
}
.mg-footer .mg-footer-list .mg-footer-list-row li a:not(:first-of-type)
{
    margin-left: 2em;
}
.mg-footer .mg-footer-guide + .mg-footer-list
{
    padding: 0 0 40px;
}
.mg-footer .mg-footer-copyright
{
    line-height: 1; 

    padding: 20px 0;

    text-align: center;

    background: #fff;
}
.mg-footer .mg-footer-copyright small
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;

    letter-spacing: 1px;
}

/* mg-top-mediainfo */
.mg-top-mediainfo
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    background: #000;
}
.mg-top-mediainfo a
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;

    position: relative; 

    display: block;

    width: 50%;
    height: 50px;

    text-align: center;
    letter-spacing: .4px;

    color: #d8d8d8;
}
.mg-top-mediainfo a span
{
    margin-right: 5px;
}
.mg-top-mediainfo a:last-child:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 1px;
    height: 38px;
    margin: auto 0; 

    content: '';

    background: #222;
}

/* mg-top-s_link */
.mg-top-s_link .mg-game-nav
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    position: relative;
    z-index: 2;

    display: table;
    overflow: hidden; 

    width: 100%;
    height: 30px;
    margin: 0 0 10px;
}
.mg-top-s_link .mg-game-nav li
{
    display: table-cell;

    text-align: center;
    vertical-align: middle;

    background: #333; 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(0, 0, 0, .2);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(0, 0, 0, .2);
}
.mg-top-s_link .mg-game-nav li:first-child
{
    -webkit-box-shadow: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: none;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.mg-top-s_link .mg-game-nav li a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 30px; 

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-top-s_link .mg-game-nav li a:before
{
    display: inline-block;

    width: 0;
    height: 0;
    margin: 0 5px 0 0; 

    content: '';

    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #ff7f00;
}

/* mg-top-nowgame */
.mg-top-nowgame
{
    position: relative; 

    background: #333;
}
.mg-top-nowgame .gpo-label
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;

    position: absolute;
    top: 0;
    left: 0; 

    width: 16px;
    height: 90px;

    text-align: center;
    letter-spacing: 3px;
        -ms-writing-mode: tb-rl;

    color: #fff;
    background: #eb9713;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
}
.mg-top-nowgame.sugotoku .gpo-label
{
    display: none;
}
.mg-top-nowgame .game-notice
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 31px;

    height: 31px;

    text-align: center;

    color: #b4b5b5;
    border-bottom: 1px solid #222;
}
.mg-top-nowgame .game-notice span
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;

    display: inline-block;

    width: 48px;
    height: 15px;
    margin-right: 10px; 

    text-align: center;
    letter-spacing: 1.2px;

    color: #ff7f00;
    border: 1px solid #ff7f00;
    border-radius: 1px;
}
.mg-top-nowgame .game-score
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 59px; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mg-top-nowgame .game-score div ~ div
{
    margin-left: 15px;
}
.mg-top-nowgame .game-score .team-icon
{
    width: 40px;
    height: 40px;
}
.mg-top-nowgame .game-score .team-score
{
    font-family: HelveticaNeue;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    font-style: italic;

    color: #fff;
}
.mg-top-nowgame .game-score .team-score.giants
{
    color: #ff7f00;
}
.mg-top-nowgame .game-score .inning
{
    font-size: 12px;
    font-size: 1.2rem;

    color: #eee;
}
.mg-top-nowgame .game-link
{
    position: absolute;
    top: 0;
    right: 0;

    display: block; 

    width: 20px;
    height: 90px;

    background: #222;
}
.mg-top-nowgame .game-link:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin: auto; 

    content: '';

    border-width: 7px 0 7px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

/* mg-top-doorlink */
.mg-top-doorlink
{
    padding: 20px 15px;
}
.mg-top-doorlink a
{
    display: block;

    padding: 17px 0;

    text-align: center;

    color: #fff;
    border-radius: 2px; 
    background: url(/extra2018/images/parts/bgPhoto_ticket01.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-top-doorlink a span
{
    font-size: 25px;
    font-size: 2.5rem;

    display: inline-block;

    margin-right: 10px; 

    vertical-align: middle;
}

/* mg-top-slider */
.mg-top-slider
{
    padding: 30px 0 24px; 

    background: rgba(0, 0, 0, .9);
}
.mg-top-slider .tns-outer button[data-action='stop'],
.mg-top-slider .tns-outer button[data-action='start']
{
    display: none;
}
.mg-top-slider .tns-outer .item .image
{
    text-align: center;
}
.mg-top-slider .tns-outer .item .image img
{
    width: auto;
    max-height: 246px;
}
.mg-top-slider .tns-outer .item .caption
{
    font-size: 14px;
    font-size: 1.4rem;

    padding-top: 15px; 

    text-align: center;

    color: #fff;
}
.mg-top-slider .tns-outer .tns-nav
{
    padding-top: 18px; 

    text-align: center;
}
.mg-top-slider .tns-outer .tns-nav button
{
    width: 10px;
    height: 10px;
    padding: 0;

    border: none; 
    border-radius: 50px;
    background: #d8d8d8;
}
.mg-top-slider .tns-outer .tns-nav button ~ button
{
    margin-left: 10px;
}
.mg-top-slider .tns-outer .tns-nav button.tns-nav-active
{
    background: #ff7f00;
}

/* mg-top-mglink */
.mg-top-mglink
{
    padding: 20px 15px;
}
.mg-top-mglink p
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    padding-bottom: 10px; 

    text-align: center;
}
.mg-top-mglink a
{
    display: block;
}
.mg-top-mglink a img
{
    width: 100%;
    height: auto;
}

/* mg-top-item */
.mg-top-item
{
    padding: 20px 0;
}
.mg-top-item h2
{
    font-family: HelveticaNeue;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.2; 

    padding-bottom: 20px;

    text-align: center;
    letter-spacing: 2px;

    color: #333;
}
.mg-top-item h2 span
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;

    display: block;

    letter-spacing: .7px;

    color: #7a797b;
}
.mg-top-item .link-btn
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;

    display: block;

    height: 50px;
    margin: 20px 15px 0;

    text-align: center;
    letter-spacing: 1px; 

    color: #fff;
    border-radius: 2px;
    background: #ff7f00;
}

/* mg-top-item.starter */
.mg-top-item.starter
{
    padding-bottom: 26px; 

    background: #eee;
}
.mg-top-item.starter .starter-area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 18px 0 16px; 

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mg-top-item.starter .starter-area .starter-player
{
    width: 50px;
    height: 50px;

    background: #fff;
}
.mg-top-item.starter .starter-area .starter-player img
{
    width: 100%;
    height: auto;
}
.mg-top-item.starter .starter-area .starter-player.left
{
    margin-right: 15px;
}
.mg-top-item.starter .starter-area .starter-player.right
{
    margin-left: 15px;
}
.mg-top-item.starter .starter-area .starter-name
{
    font-weight: bold;

    letter-spacing: 1.1px;
}
.mg-top-item.starter .starter-area .starter-name span
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 18px;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-right: 4px; 

    text-align: center;
    vertical-align: text-top;
    letter-spacing: 0;

    color: #fff;
    border-radius: 2px;
    background: #333;
}
.mg-top-item.starter .starter-area .starter-name.giants
{
    color: #ff7f00;
}
.mg-top-item.starter .starter-area .starter-name.giants span
{
    background: #ff7f00;
}
.mg-top-item.starter .starter-area .starter-vs
{
    font-family: HelveticaNeue;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    font-style: italic;

    margin: 0 10px; 

    letter-spacing: 1px;
}
.mg-top-item.starter .link-btn
{
    background: #222;
}

/* mg-top-item.news .fukayomi */
.mg-top-item.news .news-list
{
    border-top: 1px solid #eee;
}
.mg-top-item.news .news-list a
{
    font-weight: bold;
    line-height: 1.38;

    position: relative;

    display: block;

    padding: 10px 114px 10px 16px;

    letter-spacing: .2px;

    color: #333; 
    border-bottom: 1px solid #eee;
}
.mg-top-item.news .news-list a p
{
    display: -webkit-box;
    overflow: hidden; 

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mg-top-item.news .news-list a span
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;

    display: block;

    margin-top: 15px;

    letter-spacing: .9px;

    color: #9b9b9b;
}
.mg-top-item.news .news-list a .news-img
{
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;

    overflow: hidden; 

    width: 89px;
    height: 60px;
    margin: auto 0;

    border: solid 1px #f3f0e9;
    background: #fff;
}
.mg-top-item.news .news-list a .news-img img
{
    width: 100%;
    height: auto;
}

.mg-top-item.news ul
{
    border-top: 1px solid #ddd;
}
.mg-top-item.news ul li
{
    font-size: 14px;
    font-size: 1.4rem;

    position: relative; 

    display: table;

    width: 100%;

    border-bottom: 1px solid #ddd;
}
.mg-top-item.news ul li a
{
    line-height: 1.5;

    position: relative;

    display: table-cell;

    height: 80px;
    padding: 10px 26px 10px 10px;

    vertical-align: middle;

    color: #333;
}
.mg-top-item.news ul li a.mg-has-thumb
{
    padding-right: 106px;
}
.mg-top-item.news ul li a:after
{
    position: absolute;
    top: 50%;
    right: 9px;

    display: block;

    width: 7px;
    height: 12px; 
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icon-link-on.png) no-repeat;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-top-item.news ul li a ._NnewsPrefix
{
    display: none;
}
.mg-top-item.news ul li .mg-image
{
    position: absolute;
    top: 0;
    right: 26px;
    bottom: 0;

    width: 60px;
    height: 60px;
    margin: auto 0;
    padding: 4px;

    text-align: center;

    border-radius: 3px; 
    background: #eee;
}
.mg-top-item.news ul li .mg-image img
{
    max-width: 100%;
    max-height: 100%;

    vertical-align: text-top;

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-top-item.news ul li ._NnewsDate
{
    font-size: 11px;
    font-size: 1.1rem; 

    display: block;

    color: #ff7f00;
}
.mg-top-item.news ul li img[src='/sys/img/00/000/001/IM00000001_MGX00P.png']
{
    display: none;
}

.mg-top-item.news.fukayomi .news-list a
{
    padding-top: 20px;
}
.mg-top-item.news.fukayomi .news-list a:before
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 14px;

    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 77px;
    height: 14px;

    content: '会員限定';
    text-align: center;
    letter-spacing: 1px;

    color: #fff;
    background: #eb9713;
}
.mg-top-item.news.fukayomi .news-list a:after
{
    position: absolute;
    top: 0;
    left: 73px; 

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 0 0 14px 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.mg-top-item.news.fukayomi .news-list a span
{
    margin-top: 15px; 

    color: #ff7f00;
}

.mg-top-item.news.fukayomi ul li a
{
    padding-top: 25px;
}

.mg-top-item.news.fukayomi ul li:before
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;

    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 77px;
    height: 14px;

    content: '会員限定';
    text-align: center;
    letter-spacing: 1px;

    color: #fff;
    background: #eb9713;
}

.mg-top-item.news.fukayomi ul li:after
{
    position: absolute;
    top: 0;
    left: 72px; 

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 0 0 14px 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.mg-top-item.news.fukayomi ul li span
{
    margin-top: 20px; 

    color: #ff7f00;
}

.mg-top-item.news.fukayomi.sugotoku ul li:before,
.mg-top-item.news.fukayomi.sugotoku ul li:after
{
    display: none;
}

/* mg-top-item.contents */
.mg-top-item.contents
{
    padding-bottom: 0; 

    background: #222;
}
.mg-top-item.contents h2
{
    color: #fff;
}
.mg-top-item.contents h2 span
{
    color: #eee;
}
.mg-top-item.contents .contents-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    border-bottom: 1px solid #333; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.mg-top-item.contents .contents-list a
{
    font-size: 10px;
    font-size: 1rem;

    display: block;

    width: 25%;
    padding: 21px 0 15px; 

    text-align: center;
    letter-spacing: 1px;

    color: #fff;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
}
.mg-top-item.contents .contents-list a:nth-of-type(4n+1)
{
    border-left: none;
}
.mg-top-item.contents .contents-list a span
{
    font-size: 33px;
    font-size: 3.3rem;

    display: block;

    margin: 0 0 10px;
}

/* mg-top-premium */
.mg-top-premium
{
    padding: 23px 20px 20px;

    background: #000;
}
.mg-top-premium h2
{
    font-family: HelveticaNeue;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    font-style: italic;

    padding-bottom: 17px; 

    letter-spacing: 1.7px;

    color: #eb9713;
}
.mg-top-premium h2 span
{
    font-size: 10px;
    font-size: 1rem;
    font-style: normal;

    display: inline-block;

    margin-left: 10px;

    vertical-align: middle; 
    letter-spacing: 1px;

    color: #fff;
}
.mg-top-premium .contents-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-bottom: 31px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mg-top-premium .contents-list a
{
    position: relative;
    z-index: 0;

    display: block;
    overflow: hidden; 

    width: 47.765%;
    margin-top: 17px;
    padding: 23px 0 18px;

    text-align: center;
    letter-spacing: 1.1px;

    color: #fff;
    border: 1px solid rgba(235, 151, 19, .8);
    border-radius: 6px;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, .5);
            box-shadow: 0 0 20px 0 rgba(255, 255, 255, .5);
}
.mg-top-premium .contents-list a:nth-of-type(-n+2)
{
    margin-top: 0;
}
.mg-top-premium .contents-list a:before
{
    position: absolute;
    z-index: -1; 
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;

    content: '';

    background: rgba(0, 0, 0, .6);
}
.mg-top-premium .contents-list a span
{
    font-size: 57px;
    font-size: 5.7rem;

    display: block;

    margin-bottom: 15px; 

    color: rgba(235, 151, 19, .8);
}
.mg-top-premium .contents-list a.mail
{
    background: url(/extra2018/images/parts/bgPhoto_premiumContents01.png) no-repeat;
    background: url(/extra2018/images/parts/bgPhoto_premiumContents01.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-top-premium .contents-list a.present
{
    background: url(/extra2018/images/parts/bgPhoto_premiumContents02.png) no-repeat;
    background: url(/extra2018/images/parts/bgPhoto_premiumContents02.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-top-premium .contents-list a.specialMovie
{
    padding-top: 33px;

    background: url(/extra2018/images/parts/bgPhoto_premiumContents03.png) no-repeat;
    background: url(/extra2018/images/parts/bgPhoto_premiumContents03.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-top-premium .contents-list a.specialMovie span
{
    font-size: 48px;
    font-size: 4.8rem;
}
.mg-top-premium .contents-list a.mobileWallpaper
{
    background: url(/extra2018/images/parts/bgPhoto_premiumContents04.png) no-repeat;
    background: url(/extra2018/images/parts/bgPhoto_premiumContents04.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-top-premium .contents-list a.mobileWallpaper span
{
    font-size: 60px;
    font-size: 6rem;
}

/* mg-top-item.video */
.mg-top-item.video a
{
    color: #333;
}
.mg-top-item.video a.link-btn
{
    color: #fff;
}

.mg-top-item.video .link-cover
{
    position: relative;

    width: 100%;
    padding-top: 56.25%;
}
.mg-top-item.video .link-cover iframe
{
    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;
}

/* mg-top-banner */
.mg-top-banner
{
    padding: 20px 15px;

    border-top: 1px solid #eee;
}
.mg-top-banner a
{
    display: block;

    height: 80px;

    border: 2px solid #333;
}
.mg-top-banner a ~ a
{
    margin-top: 10px;
}
.mg-top-banner a img
{
    width: 100%;
    height: auto;
}

/* ヘッダ・メニュー用snsエリア */
.mg-common-sns
{
    padding: 27px 0 35px;
}
.mg-common-sns .mg-common-sns-txt
{
    font-family: HelveticaNeue;
    font-weight: 300;
    font-style: italic;

    text-align: center;
    letter-spacing: 1.5px;

    color: #fff;
}
.mg-common-sns .mg-common-sns-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 30px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-common-sns .mg-common-sns-list .mg-common-sns-list-icon
{
    display: block;

    width: 50px;
    height: 50px; 

    text-indent: -9999px;
}
.mg-common-sns .mg-common-sns-list .mg-common-sns-list-icon:not(:first-of-type)
{
    margin-left: 28px;
}
.mg-common-sns .mg-common-sns-list .mg-common-sns-list-icon.fb
{
    background: url(/extra2018/images/parts/snsIcon-facebook.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-common-sns .mg-common-sns-list .mg-common-sns-list-icon.tw
{
    background: url(/extra2018/images/parts/snsIcon-twitter.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-common-sns .mg-common-sns-list .mg-common-sns-list-icon.insta
{
    background: url(/extra2018/images/parts/snsIcon-instagram.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}
.mg-common-sns .mg-common-sns-list .mg-common-sns-list-icon.line
{
    background: url(/extra2018/images/parts/snsIcon-line.png) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}

/* 共通系パーツ */
/* 共通系パーツ パンくずリスト*/
.topics_path
{
    display: none;
}

/* 共通系パーツ コラム*/
.column h2
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 25px;

    height: 25px;
    padding-left: 15px;

    color: #fff;
    border-top: 1px solid #767e7b; 
    background: #000;
}

.column .item
{
    padding: 15px 20px;

    border-bottom: 1px dotted rgba(0, 0, 0, .2);
}
.column .item:after
{
    display: block;
    clear: both; 

    content: '';
}
.column .item:last-child
{
    border-bottom: none;
}
.column .item h3,
.column .item h4
{
    line-height: 1.4;

    position: relative; 

    margin-bottom: 5px;
    padding-left: 25px;
}
.column .item h3 a,
.column .item h4 a
{
    font-size: 15px;
    font-size: 1.5rem;

    display: inline-block;

    text-decoration: none;
}
.column .item h3 a:before,
.column .item h4 a:before
{
    position: absolute;
    top: 2px; 
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    content: '';

    background: url(/extra2018/images/parts/icon_link.png) no-repeat;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
}
.column .item p
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;

    text-align: justify; 

    color: #333;
}

.column.event .item .body_txt
{
    font-size: 13px;
    font-size: 1.3rem;
}

.column.event .item table
{
    font-size: 11px;
    font-size: 1.1rem;
}
.column.event .item table th,
.column.event .item table td
{
    padding: 3px; 

    border: 1px #ddd solid;
}

.column.event .image
{
    display: table-cell;

    width: 120px; 

    text-align: center;
    vertical-align: middle;
}
.column.event .image img
{
    zoom: .5;

    max-width: 80%;
    margin-left: -30px;
}
.column.event .image + div
{
    display: table-cell;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px; 

    border-left: 1px solid #ff7f00;
}

/* 共通系パーツ タイトル */
.mg-common-h1
{
    line-height: 1; 

    margin-bottom: 30px;
    padding: 23px 0 30px;

    text-align: center;

    border-bottom: 2px solid #ff7f00;
}
.mg-common-h1 .en
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 50px; 

    color: #ff7f00;
}

/* 共通系パーツ サブメニュー */
.mg-common-nav
{
    font-size: 14px;
    font-size: 1.4rem; 

    position: relative;

    margin: 10px 15px;

    text-align: center;

    color: #ff7f00;
    border: 2px solid #ff7f00;
}
.mg-common-nav:after
{
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin: auto 0; 

    content: '';
    -webkit-transform: rotate(134deg);
        -ms-transform: rotate(134deg);
            transform: rotate(134deg);

    border: 0;
    border-top: solid 2px #ff7f00;
    border-right: solid 2px #ff7f00;
}
.mg-common-nav .select-label
{
    line-height: 60px;

    position: absolute;
    z-index: 1;

    width: 100%;
    padding: 0 40px;
}
.mg-common-nav .select
{
    position: relative;
    z-index: 2; 

    display: block;

    width: 100%;
    height: 60px;

    cursor: pointer;

    opacity: 0;
    border: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

/* 共通系パーツ リスト（日程カレンダー） */
.mg-common-month-title
{
    position: relative;
    z-index: 5; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 40px;

    background: #444;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-common-month-title .current-month
{
    position: relative; 

    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 rgba(0, 0, 0, .2), 1px 0 0 rgba(255, 255, 255, .1);
            box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 rgba(0, 0, 0, .2), 1px 0 0 rgba(255, 255, 255, .1);

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
            box-ordinal-group: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.mg-common-month-title .current-month h2
{
    font-size: 12px;
    font-size: 1.2rem; 
    line-height: 40px;

    height: 100%;

    text-align: center;

    color: #fff;
}
.mg-common-month-title .current-month h2:after
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 10px;
    height: 11px;
    margin: -5px 0 0; 

    content: '';

    background: url(/extra2018/images/parts/icon-pulldown-list.png) no-repeat;
    -webkit-background-size: 10px auto;
            background-size: 10px auto;
}
.mg-common-month-title p span,
.mg-common-month-title label
{
    display: none;
}
.mg-common-month-title p
{
    position: relative; 

    width: 80px;
    height: 40px;
}
.mg-common-month-title p a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;

    color: #fff; 

            box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
            box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-common-month-title p a:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 7px;
    height: 12px; 
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icon-link-on.png) no-repeat;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-common-month-title p.prev
{
            box-ordinal-group: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.mg-common-month-title p.prev a:after
{
    left: 9px;

    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.mg-common-month-title p.next
{
            box-ordinal-group: 3;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.mg-common-month-title p.next a:after
{
    right: 9px;
}
.mg-common-month-title select
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 40px;

    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 100%;
    height: 40px;

    vertical-align: middle;

    opacity: 0;
    color: #fff;
    border: none;
    background: transparent;

    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.mg-common-cal
{
    padding-bottom: 10px;
}
.mg-common-cal table
{
    position: relative;

    width: 100%;

    border-bottom: 1px solid #ddd;
}
.mg-common-cal table:last-child tr:last-child th,
.mg-common-cal table:last-child tr:last-child td
{
    border-bottom: none;
}
.mg-common-cal table .open
{
    background: #ddffd5;
}
.mg-common-cal table .season.home
{
    background: #ffefc6;
}
.mg-common-cal table th,
.mg-common-cal table td
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4; 

    height: 60px;
    padding: 5px;

    text-align: center;
    vertical-align: middle;

    border-bottom: 1px solid #ddd;
}
.mg-common-cal table th
{
    width: 16%;

    border-right: 1px dotted #ddd;
}
.mg-common-cal table th .saturday
{
    color: #63b4ff;
}
.mg-common-cal table th .holiday
{
    color: #ff7e64;
}
.mg-common-cal table td:nth-of-type(2)
{
    width: 30%;
}
.mg-common-cal table td:last-child
{
    overflow: hidden; 

    width: 25px;
    padding: 0;

    text-indent: -9999px;

    background: #eee url(/extra2018/images/parts/icon-link-off.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-common-cal table td:last-child a
{
    display: block;

    width: 100%;
    height: 100%;

    background: #eee url(/extra2018/images/parts/icon-link-on.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-common-cal table td:last-child:after
{
    display: block;

    width: 25px; 

    content: '';
}
.mg-common-cal table td .match-up
{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    line-height: 60px;

    position: relative;

    width: 150px;
    height: 60px;
    margin: 0 auto; 

    text-align: center;
}
.mg-common-cal table td .match-up img
{
    position: absolute;
    top: 50%;

    width: 40px;
    height: auto;
    margin: -20px 0 0;
}
.mg-common-cal table td .match-up span
{
    display: inline-block;

    height: 60px;
}
.mg-common-cal table td .match-up span.giants
{
    color: #ff7f00;
}
.mg-common-cal table td .match-up span.home-game
{
    text-align: right;
}
.mg-common-cal table td .match-up span.home-game img
{
    left: 0;
}
.mg-common-cal table td .match-up span.hyphen
{
    position: relative;
    top: -4px;

    width: auto;
    min-width: 0;

    vertical-align: top;
}
.mg-common-cal table td .match-up span.away-game
{
    text-align: left;
}
.mg-common-cal table td .match-up span.away-game img
{
    right: 0; 
    left: auto;
}
.mg-common-cal table td .match-up span.cancel
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 20px;

    position: absolute;
    top: 12px;
    left: 40px;

    width: 70px;
    min-width: 0; 
    height: auto;

    text-align: center;
}
.mg-common-cal table td .match-up span.reason
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 15px;

    position: absolute;
    top: 32px; 
    left: 40px;

    width: 70px;
    height: auto;

    text-align: center;
}
.mg-common-cal .note
{
    font-size: 12px;
    font-size: 1.2rem; 

    margin-top: 10px;
    padding: 0 10px;
}
.mg-common-cal .note:before
{
    display: inline-block; 

    width: 10px;
    height: 10px;

    content: '';
    vertical-align: text-top;

    border: 1px solid #000;
    background: #ddffd5;
}

/* 共通系パーツ 有料：リスト（カレンダー３） */
.mg-common-game-calendar
{
    padding-bottom: 0;
}
.mg-common-game-calendar table th
{
    border-bottom: none;
}
.mg-common-game-calendar table td.toggle
{
    border-bottom: none; 
    background-image: none;
}
.mg-common-game-calendar table td.toggle span
{
    position: relative; 

    display: block;

    height: 100%;
}
.mg-common-game-calendar table td.toggle span:after
{
    position: absolute;
    z-index: 2; 
    top: 50%;
    right: 6.5px;

    display: block;

    width: 12px;
    height: 12px;
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018//images/parts/icn-toggle.png) no-repeat;
    -webkit-background-size: 12px auto;
            background-size: 12px auto;
}
.mg-common-game-calendar table td.toggle span.active:after
{
    background-position: 0 -12px;
}
.mg-common-game-calendar table .summary td
{
    overflow: visible;

    width: auto;
    height: auto;
    padding: 0;

    text-align: left;
    text-indent: 0;

    border-bottom: 1px solid #ddd;
}
.mg-common-game-calendar table .summary td div
{
    display: none;
}
.mg-common-game-calendar table .summary td a
{
    line-height: 1.5; 

    position: relative;

    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 20px 35px 20px 10px;

    background: #fff6df;
    -webkit-box-shadow: inset 0 2px 2px rgba(64, 16, 0, .1);
            box-shadow: inset 0 2px 2px rgba(64, 16, 0, .1);
}
.mg-common-game-calendar table .summary td a:before
{
    position: absolute;
    z-index: 3; 
    top: -6px;
    left: 50%;

    display: block;

    width: 12px;
    height: 12px;
    margin: 0 0 0 -6px;

    content: '';
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(64, 16, 0, .2);
            box-shadow: 0 0 5px rgba(64, 16, 0, .2);
}
.mg-common-game-calendar table .summary td a:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    display: block;

    width: 25px;
    height: 100%;

    content: '';

    background: #ffeec1 url(/extra2018/images/parts/icon-link-on.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
    -webkit-box-shadow: inset -1px 2px 2px rgba(64, 16, 0, .1);
            box-shadow: inset -1px 2px 2px rgba(64, 16, 0, .1);
}

/* 共通系パーツ リスト（チケットカレンダー） */
.mg-common-pager
{
    font-weight: bold;
    line-height: 30px;

    margin-bottom: 10px;

    text-align: center;
}
.mg-common-pager:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-common-pager .btn
{
    display: block;

    width: 50px; 
    height: 30px;

    border-radius: 3px;
}
.mg-common-pager .btn a
{
    font-size: 12px;
    font-size: 1.2rem; 

    display: block;

    color: #fff;
}
.mg-common-pager .btn.prev
{
    float: left;

    padding-left: 10px; 

    background: url(/extra2018/images/parts/arrow_wh_l.png) #ff7f00 no-repeat 10% center;
    -webkit-background-size: 10px 10px;
            background-size: 10px;
}
.mg-common-pager .btn.next
{
    float: right;

    padding-right: 10px; 

    background: url(/extra2018/images/parts/arrow_wh_r.png) #ff7f00 no-repeat 90% center;
    -webkit-background-size: 10px 10px;
            background-size: 10px;
}

.mg-common-competitions .competition
{
    margin-bottom: 10px;
}
.mg-common-competitions .competition .heading
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 25px;

    height: 25px;

    text-align: center; 

    color: #fff;
    background: #000;
}
.mg-common-competitions .competition .heading.saturday
{
    color: #63b4ff;
}
.mg-common-competitions .competition .heading.holiday
{
    color: #ff7e64;
}
.mg-common-competitions .competition .inner
{
    padding: 10px 2%; 

    border: 1px solid #ddd;
}
.mg-common-competitions .competition .inner:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-common-competitions .competition .inner .giants
{
    float: left;
}
.mg-common-competitions .competition .inner .opponent
{
    float: right;
}
.mg-common-competitions .competition .inner .detail
{
    font-size: 12px;
    font-size: 1.2rem;

    padding-top: 3px; 

    text-align: center;
}
.mg-common-competitions .competition .inner .detail p
{
    margin-bottom: 8px;
}
.mg-common-competitions .competition .inner .detail p.score
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}
.mg-common-competitions .competition .inner .detail p.stop
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}
.mg-common-competitions .competition .inner .detail p.stop span
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

/* 共通系パーツ リスト（パターン1） */
.mg-common-player-article h2
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 25px;

    height: 25px;
    padding-left: 15px;

    color: #fff;
    border-top: 1px solid #767e7b; 
    background: #000;
}

.mg-common-player-article .first-team-list p
{
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
}

.mg-common-player-article ul.player-list li:last-child
{
    border-bottom: none;
}

.mg-common-player-article ul.player-list .pictogram
{
    display: inline-block;

    width: 40px;
    height: 18px;
    margin-left: 10px;

    vertical-align: middle; 

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.mg-common-player-article ul.player-list > li
{
    border-bottom: 1px solid #ddd;
}
.mg-common-player-article ul.player-list > li > span
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;

    position: relative;
    z-index: 3;

    display: block;

    padding: 24px 40px 24px 10px; 

    -webkit-box-shadow: 0 2px 2px rgba(64, 16, 0, .1);
            box-shadow: 0 2px 2px rgba(64, 16, 0, .1);
}
.mg-common-player-article ul.player-list > li > span.thumb-img
{
    padding-right: 106px;
}
.mg-common-player-article ul.player-list > li > span .thumb
{
    line-height: 60px;

    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;

    width: 60px;
    height: 60px;
    margin: auto 0;
    padding: 4px;

    text-align: center;

    border-radius: 3px; 
    background: #eee;
}
.mg-common-player-article ul.player-list > li > span .thumb img
{
    max-width: 100%;
    max-height: 100%;

    vertical-align: inherit;

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-common-player-article ul.player-list > li > span:before
{
    position: absolute;
    top: 0;
    right: 0; 

    display: block;

    width: 25px;
    height: 100%;

    content: '';

    background: #eee;
}
.mg-common-player-article ul.player-list > li > span:after
{
    position: absolute;
    z-index: 2; 
    top: 50%;
    right: 6.5px;

    display: block;

    width: 12px;
    height: 12px;
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icn-toggle.png) no-repeat;
    -webkit-background-size: 12px auto;
            background-size: 12px auto;
}
.mg-common-player-article ul.player-list > li > span.active:after
{
    background-position: 0 -12px;
}
.mg-common-player-article ul.player-list > li ul
{
    position: relative;

    display: none; 
    overflow: hidden;
}
.mg-common-player-article ul.player-list > li ul:before
{
    position: absolute;
    z-index: 3; 
    top: -6px;
    left: 50%;

    display: block;

    width: 12px;
    height: 12px;
    margin: 0 0 0 -6px;

    content: '';
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(64, 16, 0, .2);
            box-shadow: 0 0 5px rgba(64, 16, 0, .2);
}
.mg-common-player-article ul.player-list > li ul li
{
    list-style: none; 

    border-bottom: 1px dotted #ddd;
    background: #fff6df;
}
.mg-common-player-article ul.player-list > li ul li a
{
    position: relative;

    display: table;

    width: 100%;
    padding-right: 35px;
}
.mg-common-player-article ul.player-list > li ul li a:after
{
    position: absolute;
    z-index: 2; 
    top: 0;
    right: 0;

    display: block;

    width: 25px;
    height: 100%;

    content: '';

    background: #ffeec1 url(/extra2018/images/parts/icon-link-on.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-common-player-article ul.player-list > li ul li a > span
{
    display: table-cell;

    text-align: left; 
    vertical-align: middle;
}
.mg-common-player-article ul.player-list > li ul li a > span img
{
    width: 40px;
    max-width: inherit; 
    height: 48px;

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-common-player-article ul.player-list > li ul li a > span.photo
{
    width: 1%; 
    padding: 8px 10px;
}
.mg-common-player-article ul.player-list > li ul li a > span.number
{
    width: 1%;
    padding: 0 10px;
}
.mg-common-player-article ul.player-list > li ul li a > span.number span
{
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;

    display: inline-block;

    min-width: 22px;
    padding: 2px 1px;

    text-align: center; 

    color: #fff;
    background: #ff7f00;
}
.mg-common-player-article ul.player-list > li ul li a > span.name
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;

    width: 1%;
    padding: 0 10px 0 0;

    white-space: nowrap;

    color: #00e;
}
.mg-common-player-article ul.player-list > li ul li a > span.kana
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal; 

    color: #666;
}

/* 共通系パーツ リスト（パターン2） */
.mg-common-news-article h2
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 25px;

    height: 25px;
    padding-left: 15px;

    color: #fff;
    border-top: 1px solid #767e7b; 
    background: #000;
}

.mg-common-news-article .news_list
{
    font-size: 14px;
    font-size: 1.4rem;

    position: relative;

    min-height: 44px;

    list-style: none; 

    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
}
.mg-common-news-article .news_list a
{
    font-weight: bold;
    line-height: 1.5;

    position: relative;

    display: block;
    overflow: hidden;

    padding: 18px 30px 13px 15px;

    color: #333; 
    background-image: url(/extra2018/images/parts/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.mg-common-news-article .news_list a.thumb-img
{
    padding-right: 106px;
}
.mg-common-news-article .news_list a h3
{
    margin-bottom: 3px;
}
.mg-common-news-article .news_list a time
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;

    display: inline-block;

    margin-right: 5px; 

    color: #ff7f00;
}
.mg-common-news-article .news_list a .tag
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 17px;

    display: inline-block;

    width: 55px;
    height: 17px;

    text-align: center;
    vertical-align: text-top; 

    color: #fff;
    border-radius: 2px;
}
.mg-common-news-article .news_list a .tag.info
{
    background: #cc82c1;
}
.mg-common-news-article .news_list a .tag.team
{
    background: #e4623d;
}
.mg-common-news-article .news_list a .tag.ticket
{
    background: #5faea2;
}
.mg-common-news-article .news_list a .tag.farm
{
    background: #e5993c;
}
.mg-common-news-article .news_list a .tag.goods
{
    background: #69a1d8;
}
.mg-common-news-article .news_list a .tag.media
{
    background: #6968bd;
}
.mg-common-news-article .news_list a .tag.event
{
    background: #789c4a;
}
.mg-common-news-article .news_list a .thumb
{
    line-height: 60px;

    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;

    width: 60px;
    height: 60px;
    margin: auto 0;
    padding: 4px;

    text-align: center;

    border-radius: 3px; 
    background: #eee;
}
.mg-common-news-article .news_list a .thumb img
{
    max-width: 100%;
    max-height: 100%;

    vertical-align: inherit;

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

/* 共通系パーツ リスト（パターン3） */
.mg-common-link-list ul li
{
    font-size: 14px;
    font-size: 1.4rem;

    position: relative; 

    display: table;

    width: 100%;

    border-bottom: 1px solid #ddd;
}
.mg-common-link-list ul li.member:before
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 14px;

    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 77px;
    height: 14px;

    content: '会員限定';
    text-align: center;
    letter-spacing: 1px;

    color: #fff;
    background: #eb9713;
}
.mg-common-link-list ul li.member:after
{
    position: absolute;
    top: 0;
    left: 73px; 

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 0 0 14px 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.mg-common-link-list ul li a
{
    line-height: 1.5;

    position: relative;

    display: table-cell;

    padding: 10px 26px 10px 10px;

    vertical-align: middle;

    color: #333;
}
.mg-common-link-list ul li a.mg-has-thumb
{
    padding-right: 106px;
}
.mg-common-link-list ul li a:after
{
    position: absolute;
    top: 50%;
    right: 9px;

    display: block;

    width: 7px;
    height: 12px; 
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icon-link-on.png) no-repeat;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-common-link-list ul li .mg-image
{
    line-height: 60px;

    position: absolute;
    top: 50%;
    right: 26px;

    width: 60px;
    height: 60px;
    margin: -34px 0 0;
    padding: 4px;

    text-align: center;

    border-radius: 3px; 
    background: #eee;
}
.mg-common-link-list ul li .mg-image img
{
    max-width: 100%;
    max-height: 100%;

    vertical-align: middle;

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-common-link-list ul li ._NnewsDate
{
    font-size: 11px;
    font-size: 1.1rem; 

    display: block;

    color: #ff7f00;
}
.mg-common-link-list ul li img[src='/sys/img/00/000/001/IM00000001_MGX00P.png']
{
    display: none;
}

.mg-common-news-list ul li a
{
    height: 80px;
}
.mg-common-news-list ul li a ._NnewsPrefix
{
    display: none;
}

.mg-common-link-list-more
{
    margin: 0 -10px 10px; 

    border-top: 7px solid #eee;
}
.mg-common-link-list-more a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 26px;

    position: relative; 

    display: block;
    float: none;

    width: 160px;
    height: 26px;
    margin: 0 auto;
    padding: 0 20px 7px 0;

    text-align: center;

    border-radius: 0 0 2px 2px;
    background: #eee;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(255, 255, 255, .3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(255, 255, 255, .3);
}
.mg-common-link-list-more a:after
{
    position: absolute;
    top: 50%;
    right: 10px;

    display: block;

    width: 12px;
    height: 12px;
    margin: -9px 0 0; 

    content: '';

    background: url(/extra2018/images/parts/icn-more.png) no-repeat;
    -webkit-background-size: 12px 12px;
            background-size: 12px 12px;
}

/* 共通系パーツ メール速報ボタンパーツ*/
.mg-common-h_h2
{
    font-size: 13px;
    font-size: 1.3rem; 

    margin: 10px 0 10px;
    padding: 0 10px 5px;

    border-bottom: 1px solid #ff7f00;
}

.mg-common-article-body
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5em;

    clear: both; 

    padding: 0 20px;

    white-space: normal;
    letter-spacing: .1em;
    word-wrap: break-word;

    color: #333;
}
.mg-common-article-body .mg-link
{
    text-decoration: underline; 

    color: #ff7f00;
}

.mg-common-btn
{
    line-height: 47px;

    height: 47px;
    margin: 15px 20px;

    text-align: center;

    color: #fff; 
    border-radius: 5px;
    background: #ff7f00;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
            box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}
.mg-common-btn a
{
    font-size: 16px !important;
    font-size: 1.6rem !important; 
    line-height: 47px;

    display: block;

    height: 47px;

    color: #fff;
}
.mg-common-btn a img
{
    width: 17px;
    max-width: 17px;
    height: 18px;
    margin-bottom: 3px; 

    vertical-align: middle;
}

/* 個別成績系パーツ */
/* 個別成績系パーツ 日程結果 */
.mg-individual-score-wrapper
{
    position: relative;

    overflow: hidden; 

    padding: 10px;
}
.mg-individual-score-wrapper.p_gs
{
    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-score-wrapper.p_gs:before
{
    position: absolute;
    z-index: 0; 
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 180px;

    content: '';

    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
}
.mg-individual-score-wrapper.p_gs .score-board table tbody td
{
    padding: 0;
}
.mg-individual-score-wrapper .game-info
{
    font-size: 12px;
    font-size: 1.2rem;

    position: relative; 

    margin: 10px -5px 0;
    padding: 0 10px 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-score-wrapper .game-info .date
{
    font-weight: bold;

    color: #ff7f00;
}
.mg-individual-score-wrapper .score-wrapper
{
    position: relative;

    overflow: hidden; 

    margin: 0 -10px;
    padding: 0 10px 10px;

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-score-wrapper .score-wrapper:before
{
    position: absolute;
    z-index: 0; 
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 180px;

    content: '';

    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
}
.mg-individual-score-wrapper .score-wrapper .game-info
{
    margin: 0 -5px;
}
.mg-individual-score-wrapper .score-board
{
    position: relative;

    margin: 0 0 10px; 
    padding: 85px 0 0;

    border-radius: 4px;
    background: #242424;
    -webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2);
}
.mg-individual-score-wrapper .score-board:last-child
{
    margin-bottom: 0;
}
.mg-individual-score-wrapper .score-board p
{
    position: absolute;

    text-align: center; 

    color: #fff;
    text-shadow: 0 -1px 0 #000;
}
.mg-individual-score-wrapper .score-board p.current-inning
{
    font-size: 12px;
    font-weight: bold;

    z-index: 2;
    top: 10px;
    left: 0; 

    width: 100%;
}
.mg-individual-score-wrapper .score-board p.current-score
{
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 60px;

    z-index: 3; 
    top: 22px;
    left: 0;

    width: 100%;
    height: 60px;
}
.mg-individual-score-wrapper .score-board p.current-score img
{
    position: absolute;
    top: 50%;

    width: 60px;
    height: 60px;
    margin: -30px 0 0;
}
.mg-individual-score-wrapper .score-board p.current-score span
{
    position: relative; 

    display: inline-block;

    width: 115px;
    height: 55px;
}
.mg-individual-score-wrapper .score-board p.current-score span.home-game
{
    text-align: right;
}
.mg-individual-score-wrapper .score-board p.current-score span.home-game img
{
    left: 0;
}
.mg-individual-score-wrapper .score-board p.current-score span.hyphen
{
    top: -8px;

    width: auto;
}
.mg-individual-score-wrapper .score-board p.current-score span.away-game
{
    text-align: left;
}
.mg-individual-score-wrapper .score-board p.current-score span.away-game img
{
    right: 0; 
    left: auto;
}
.mg-individual-score-wrapper .score-board p.current-score .giants
{
    color: #ff7f00;
}
.mg-individual-score-wrapper .score-board p.current-score .batting:after
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
    font-size: 8.5px;
    font-weight: bold;
    line-height: 18px;

    position: absolute;
    top: -23px;
    left: 0;

    display: block;

    width: 60px;
    height: 21px;

    content: '攻撃中';
    text-align: center;

    color: #fff;
    background: url(/extra2018/images/parts/bg-batting.png) no-repeat 50% 0;
    -webkit-background-size: 60px 21px;
            background-size: 60px 21px;
    text-shadow: 0 -1px 0 rgba(217, 54, 0, .5);
}
.mg-individual-score-wrapper .score-board p.current-score .batting.away-game:after
{
    right: 0; 
    left: auto;
}
.mg-individual-score-wrapper .score-board table
{
    width: 100%;

    table-layout: fixed; 

    border-radius: 0 0 3.5px 3.5px;
    background: #fff;
}
.mg-individual-score-wrapper .score-board table th,
.mg-individual-score-wrapper .score-board table td
{
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.mg-individual-score-wrapper .score-board table thead th
{
    font-family: 'Oswald', sans-serif;
    font-size: 8px;
    font-size: .8rem;
    font-weight: 400;

    height: 15px;

    color: #ccc;
    background: #444;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.mg-individual-score-wrapper .score-board table tbody th
{
    font-size: 12px;
    font-size: 1.2rem;

    border-right: 1px solid #ccc;
}
.mg-individual-score-wrapper .score-board table tbody td,
.mg-individual-score-wrapper .score-board table tbody td a
{
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;

    height: 22px;

    vertical-align: middle;
}
.mg-individual-score-wrapper .score-board table tbody td
{
    padding: 10px; 

    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.mg-individual-score-wrapper .score-board table tbody td a
{
    height: auto;
}
.mg-individual-score-wrapper .score-board table tbody td.score-run
{
    border-left: 1px dotted #ccc;
}
.mg-individual-score-wrapper .score-board table tbody td.score-hit
{
    border-left: 1px solid #ccc;
}
.mg-individual-score-wrapper .score-board table tbody td .current
{
    color: #ff7f00;
}
.mg-individual-score-wrapper .score-board table tbody tr:first-child th,
.mg-individual-score-wrapper .score-board table tbody tr:first-child td
{
    border-bottom: 1px solid #ccc; 
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);
}
.sokuho-link-btn
{
    position: absolute;
    top: 130px;
    right: 20px;
    border-radius: 10px;
    background: #ff7f00;
    height: 25px;
    width: 80px;
    text-align: center;
    z-index: 1;
}
.sokuho-link-btn a
{
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    margin-left: 10px;
}
.sokuho-link-btn a:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.mg-individual-result-wrapper
{
    padding: 0 10px 10px;
}
.mg-individual-result-wrapper section
{
    font-size: 13px;
    font-size: 1.3rem; 

    margin: 20px 0;
}
.mg-individual-result-wrapper section h4
{
    margin-bottom: 5px; 
    padding: 10px 0 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-result-wrapper section .result-stats:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-result-wrapper section .result-stats dt
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 17px;

    float: left;

    min-width: 17px;
    min-height: 17px;
    margin: 0 8px 0 0; 
    padding: 1px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background: #666;
}
.mg-individual-result-wrapper section .result-stats dt.giants
{
    background: #ff7f00;
}
.mg-individual-result-wrapper section .result-stats dt.winner
{
    background: #e4623d;
}
.mg-individual-result-wrapper section .result-stats dt.save
{
    background: #ffb61e;
}
.mg-individual-result-wrapper section .result-stats dt.loser
{
    background: #bbb;
}
.mg-individual-result-wrapper section .result-stats dd
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;

    overflow: hidden;

    min-height: 19px;
    margin: 0 0 10px;
}
.mg-individual-result-wrapper .note,
.mg-individual-result-wrapper .note-left
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6; 

    margin: 10px 0;

    text-align: right;

    color: #666;
}
.mg-individual-result-wrapper .note-left
{
    text-align: left;
}

/* 個別成績系パーツ 日程結果（ダイジェスト） */
/* 個別成績系パーツ 日程結果（スコアブック） */
.mg-individual-digest-wrapper .game-info
{
    font-size: 12px;
    font-size: 1.2rem;

    margin: 10px -5px 0;
    padding: 0 10px 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-digest-wrapper .game-info .date
{
    font-weight: bold;

    color: #ff7f00;
}

.mg-individual-standard-tab-wrapper
{
    margin: 0 -10px;
}
.mg-individual-standard-tab-wrapper.league
{
    margin: 0;
    padding-bottom: 10px;
}
.mg-individual-standard-tab-wrapper h2
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;

    position: relative;
    position: relative;
    z-index: 2;

    margin: 0 -10px;
    padding: 10px;

    color: #fff;
    border-top: 1px solid #ff7f00; 
    background: #333;
    -webkit-box-shadow: inset 0 4px 3px rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 4px 3px rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1);
}
.mg-individual-standard-tab-wrapper .carousel
{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail
{
    position: relative;

    margin: 0 -10px;
    padding: 20px 0;

    background: #333;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-item
{
    margin: 0 25px; 

    text-align: center;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-item .mg-image
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 175px;

            box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-item .mg-image a
{
    font-size: inherit; 

    position: relative;

    display: inline-block;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-item .mg-image a:before
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    display: block;

    width: 50px;
    height: 50px;
    margin: -27px 0 0 -27px;

    content: '';

    border: 2px solid #fff;
    border-radius: 50px;
    background: rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-item .mg-image a:after
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    display: block;

    width: 0;
    height: 0;
    margin: -10px 0 0 -5px; 

    content: '';

    border-width: 10px 0 10px 14px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-item .mg-image a img
{
    max-width: 100%;
    max-height: 100%;

    -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-button
{
    margin: 0 20px 0;
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-button a
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 31px;

    position: relative;
    position: relative;

    display: block;
    overflow: hidden;

    max-width: 320px;
    height: 31px;
    margin: 0 auto; 

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background: #ff7f00;
    -webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-standard-tab-wrapper .mg-movie-thumbnail .mg-button a:after
{
    position: absolute;
    top: 50%;
    right: 9px;

    display: block;

    width: 7px;
    height: 12px; 
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icn-link-white.png) no-repeat;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-standard-tab-wrapper .body-text
{
    margin: 20px 0;
}
.mg-individual-standard-tab-wrapper .body-text p
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;

    margin: 0 0 20px;
}
.mg-individual-standard-tab-wrapper .body-text a
{
    color: #ff7f00;
}
.mg-individual-standard-tab-wrapper .standard-tab
{
    position: relative;
    z-index: 2; 

    display: table;

    width: 100%;
    margin: 10px 0;
    padding: 0 10px;

    table-layout: fixed;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-standard-tab-wrapper .standard-tab li
{
    display: table-cell;

    padding: 0 1px 0 0; 

    text-align: center;
    vertical-align: top;
}
.mg-individual-standard-tab-wrapper .standard-tab li a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 26px;
    padding: 3px 0 0;

    color: #fff;
    border-radius: 3px 3px 0 0;
    background: #ccc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6); 

            box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-standard-tab-wrapper .standard-tab li.current a
{
    background: #ff7f00;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 184, 0, .6);
            box-shadow: inset 0 1px 0 rgba(255, 184, 0, .6);
}
.mg-individual-standard-tab-wrapper .tab-content > div
{
    padding: 0 10px;
}
.mg-individual-standard-tab-wrapper .tab-content .current
{
    display: block;
}
.mg-individual-standard-tab-wrapper .tab-content .carousel,
.mg-individual-standard-tab-wrapper .tab-content .digest-photo,
.mg-individual-standard-tab-wrapper .tab-content .movie-thumbnail
{
    position: relative; 

    margin: 0 -10px;
    padding: 20px 0;

    background: #333;
    -webkit-box-shadow: inset 0 4px 3px rgba(0, 0, 0, .3);
            box-shadow: inset 0 4px 3px rgba(0, 0, 0, .3);
}
.mg-individual-standard-tab-wrapper .tab-content .carousel .item,
.mg-individual-standard-tab-wrapper .tab-content .digest-photo .item,
.mg-individual-standard-tab-wrapper .tab-content .movie-thumbnail .item
{
    margin: 0 25px; 

    text-align: center;
}
.mg-individual-standard-tab-wrapper .tab-content .carousel .item .image,
.mg-individual-standard-tab-wrapper .tab-content .digest-photo .item .image,
.mg-individual-standard-tab-wrapper .tab-content .movie-thumbnail .item .image
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 175px;

            box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-standard-tab-wrapper .tab-content .carousel .item .image img,
.mg-individual-standard-tab-wrapper .tab-content .digest-photo .item .image img,
.mg-individual-standard-tab-wrapper .tab-content .movie-thumbnail .item .image img
{
    max-width: 100%;
    max-height: 100%;

    -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
}
.mg-individual-standard-tab-wrapper .tab-content .carousel .item .caption,
.mg-individual-standard-tab-wrapper .tab-content .digest-photo .item .caption,
.mg-individual-standard-tab-wrapper .tab-content .movie-thumbnail .item .caption
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 10px 0 0; 

    text-align: left;

    color: #fff;

            box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-standard-tab-wrapper .tab-content .digest-photo,
.mg-individual-standard-tab-wrapper .tab-content .movie-thumbnail
{
    margin: 0 -10px;
    padding: 20px 0;

    -webkit-box-shadow: none;
            box-shadow: none;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel
{
    position: relative;

    display: none;

    width: 100%;

    -ms-touch-action: pan-y;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-wrapper-outer
{
    position: relative;

    overflow: hidden;

    width: 100%;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-wrapper-outer .owl-wrapper,
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-wrapper-outer .owl-item
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); 

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-wrapper-outer .owl-wrapper
{
    position: relative;

    display: none;

    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-wrapper-outer .owl-wrapper:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0; 

    content: '.';
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-wrapper-outer .owl-item
{
    float: left;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-controls
{
    margin-top: 10px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;

    tap-highlight-color: transparent;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-controls .owl-page
{
    display: inline-block;
    zoom: 1;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-controls .owl-page span
{
    display: block;

    width: 10px;
    height: 10px;
    margin: 5px 8px 0;

    border-radius: 20px;
    background: rgba(255, 255, 255, .3);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-controls .owl-page.active span
{
    background: #ff7f00;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-buttons div
{
    position: absolute;
    z-index: 3; 
    top: 50%;
    right: 0;

    display: block;
    overflow: hidden;

    width: 26px;
    height: 24px;
    margin: -12px 0 0;

    text-indent: -9999px;

    background: url(/extra2018/images/parts/icn-link-white.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-standard-tab-wrapper .tab-content .owl-carousel .owl-buttons div.owl-prev
{
    right: auto;
    left: 0;

    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.mg-individual-standard-tab-wrapper .standard-table,
.mg-individual-standard-tab-wrapper .single-th-line-table
{
    width: 100%;
}
.mg-individual-standard-tab-wrapper .standard-table tbody th,
.mg-individual-standard-tab-wrapper .standard-table tbody td,
.mg-individual-standard-tab-wrapper .standard-table tfoot th,
.mg-individual-standard-tab-wrapper .standard-table tfoot td,
.mg-individual-standard-tab-wrapper .single-th-line-table tbody td
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 5px 0;

    text-align: center;
    vertical-align: middle; 

    border-bottom: 1px dotted #ddd;
    border-left: 1px dotted #ddd;
}
.mg-individual-standard-tab-wrapper .standard-table tbody td:first-child,
.mg-individual-standard-tab-wrapper .standard-table tbody th:first-child,
.mg-individual-standard-tab-wrapper .standard-table tfoot th:first-child,
.mg-individual-standard-tab-wrapper .standard-table tbody.td-group td:first-child,
.mg-individual-standard-tab-wrapper .single-th-line-table tbody td:first-child
{
    border-left: none;
}
.mg-individual-standard-tab-wrapper .standard-table td
{
    padding: 10px 10px; 

    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.mg-individual-standard-tab-wrapper .standard-table thead
{
    font-size: 11px;
    font-size: 1.1rem;

    padding: 10px 0; 

    border-bottom: 1px solid #ddd;
}
.mg-individual-standard-tab-wrapper .standard-table thead th span
{
    display: block;

    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.mg-individual-standard-tab-wrapper .standard-table thead td
{
    font-size: 10px;
    font-size: 1rem;

    padding: 5px 0;

    vertical-align: middle; 

    color: #666;
}
.mg-individual-standard-tab-wrapper .standard-table tbody tr:nth-child(odd),
.mg-individual-standard-tab-wrapper .standard-table tbody.td-group:nth-child(even) tr
{
    background: #f4f4f4;
}
.mg-individual-standard-tab-wrapper .standard-table.stats thead th
{
    line-height: 1.1;

    position: relative;

    padding: 5px 0;
    padding-bottom: 20px;

    vertical-align: bottom;

    text-orientation: upright;
}
.mg-individual-standard-tab-wrapper .standard-table.stats tbody th
{
    width: 30%;
}
.mg-individual-standard-tab-wrapper .standard-table.stats tbody th sup
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 10px;
    line-height: 1rem;

    vertical-align: text-top; 

    color: #444;
}
.mg-individual-standard-tab-wrapper .standard-table.stats tbody td
{
    border-right: none;
}
@media screen and (min-width: 480px)
{
    .mg-individual-standard-tab-wrapper .standard-table.stats thead th,
    .mg-individual-standard-tab-wrapper .standard-table.stats tbody td,
    .mg-individual-standard-tab-wrapper .standard-table.stats tfoot td
    {
        display: table-cell !important;
    }
}
.mg-individual-standard-tab-wrapper .ordered-table tbody th
{
    padding: 5px;
}
.mg-individual-standard-tab-wrapper .ordered-table tbody th:first-child
{
    width: 1%;
}
.mg-individual-standard-tab-wrapper .ordered-table tbody th:first-child span
{
    font-family: 'Oswald',sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 13px;

    display: inline-block;

    width: 17px;
    height: 17px;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 2px solid #ff7f00;
    border-radius: 5px;
    background: none repeat scroll 0 0 #000;
}
.mg-individual-standard-tab-wrapper .inning_head01,
.mg-individual-standard-tab-wrapper .inning_head01 td
{
    white-space: nowrap; 

    color: #fff;
    border: none !important;
    background: #ff7f00;
}
.mg-individual-standard-tab-wrapper .hit
{
    font-weight: bold;

    padding: 2px;

    white-space: nowrap; 
    letter-spacing: 0;

    background-color: #ffea5c;
}
.mg-individual-standard-tab-wrapper .homerun
{
    font-weight: bold;

    padding: 2px;

    white-space: nowrap; 
    letter-spacing: -.5px;

    color: #fff;
    background-color: #f00;
}
.mg-individual-standard-tab-wrapper.digest
{
    margin: 0;
}
.mg-individual-standard-tab-wrapper.digest > .tab-content > div > h2:first-child
{
    border-top: none;
}
.mg-individual-standard-tab-wrapper.digest .standard-tab
{
    margin-top: 0;
    padding-top: 10px;
}
.mg-individual-standard-tab-wrapper.digest .tab-content
{
    margin: -10px 0 0;
}
.mg-individual-standard-tab-wrapper #digest h2
{
    border-top: none;
}
.mg-individual-standard-tab-wrapper .table-sorter:before,
.mg-individual-standard-tab-wrapper .table-sorter:after
{
    position: absolute;
    z-index: 2; 
    bottom: 6px;
    left: 50%;

    width: 0;
    height: 0;
    margin: 0 0 0 -4px;

    content: '';

    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #ff7f00 transparent transparent transparent;
}
.mg-individual-standard-tab-wrapper .table-sorter:before
{
    bottom: 11px; 

    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #ff7f00 transparent;
}
.mg-individual-standard-tab-wrapper .table-sorter-down,
.mg-individual-standard-tab-wrapper .table-sorter-up
{
    color: #ff7f00;
}
.mg-individual-standard-tab-wrapper .table-sorter:before
{
    bottom: 11px; 

    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #ff7f00 transparent;
}
.mg-individual-standard-tab-wrapper .table-sorter-down:before,
.mg-individual-standard-tab-wrapper .table-sorter-up:after
{
    bottom: 8px;
}
.mg-individual-standard-tab-wrapper .table-sorter-down:after,
.mg-individual-standard-tab-wrapper .table-sorter-up:before
{
    border: none;
}

/* 個別成績系パーツ 有料：選手成績（リーグ） */
.mg-individual-leaguelist .update
{
    font-size: 13px;
    font-size: 1.3rem;

    margin-bottom: 20px; 

    text-align: right;
}

.mg-individual-leaguelist h2
{
    margin-bottom: 10px; 

    text-align: center;
}

.mg-individual-leaguelist .scroll-box
{
    overflow-x: scroll;

    margin-bottom: 10px;
}

.mg-individual-leaguelist table
{
    font-size: 13px;
    font-size: 1.3rem; 

    width: 900px;
}
.mg-individual-leaguelist table th
{
    font-weight: normal;

    padding: 5px 0;

    text-align: center; 

    border-top: 1px solid #7a797b;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #7a797b;
    border-left: 1px solid #fff;
    background: #d5d5d5;
}
.mg-individual-leaguelist table th.name
{
    width: 30%;
}
.mg-individual-leaguelist table th a
{
    color: #ff7f00;
}
.mg-individual-leaguelist table td
{
    padding: 5px 0;

    text-align: center;

    border-right: 1px solid #ddd;
    border-bottom: 1px solid #26d6ff;
    border-left: 1px solid #ddd;
}

.mg-individual-leaguelist.w_100 table
{
    width: 100%;
}

/*セ・リーグ投手成績*/
#league-pitching .standard-table.stats thead th:nth-last-child(7),
#league-pitching .standard-table.stats tbody td:nth-last-child(7),
#league-pitching .standard-table.stats thead th:nth-last-child(6),
#league-pitching .standard-table.stats tbody td:nth-last-child(6),
#league-batting .standard-table.stats thead th:nth-last-child(5),
#league-batting .standard-table.stats tbody td:nth-last-child(5),
#stats-batting .standard-table.stats thead th:nth-last-child(5),
#stats-batting .standard-table.stats tbody td:nth-last-child(5),
#stats-batting .standard-table.stats tfoot td:nth-last-child(5),
#stats-batting .standard-table.stats thead th:nth-last-child(4),
#stats-batting .standard-table.stats tbody td:nth-last-child(4),
#stats-batting .standard-table.stats tfoot td:nth-last-child(4),
.standard-table.stats thead th:nth-last-child(3),
.standard-table.stats tbody td:nth-last-child(3),
.standard-table.stats tfoot td:nth-last-child(3),
.standard-table.stats thead th:nth-last-child(2),
.standard-table.stats tbody td:nth-last-child(2),
.standard-table.stats tfoot td:nth-last-child(2),
.standard-table.stats thead th:nth-last-child(1),
.standard-table.stats tbody td:nth-last-child(1),
.standard-table.stats tfoot td:nth-last-child(1)
{
    display: none;
}

/* 個別成績系パーツ 有料：日程結果（動画） */
.mg-individual-movie-content
{
    padding: 0 10px;
}
.mg-individual-movie-content h2
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;

    position: relative;
    position: relative;
    z-index: 2;

    margin: 0 -10px;
    padding: 10px;

    color: #fff;
    border-top: 1px solid #ff7f00;
    background: #333; 
    -webkit-box-shadow: inset 0 4px 3px rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 4px 3px rgba(0, 0, 0, .3), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1);
}
.mg-individual-movie-content .mg-movie-thumbnail
{
    position: relative;

    margin: 0 -10px;
    padding: 20px 0;

    background: #333;
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-item
{
    margin: 0 25px; 

    text-align: center;
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-item .mg-image
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 175px;

            box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-item .mg-image a
{
    font-size: inherit; 

    position: relative;

    display: inline-block;
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-item .mg-image a:before
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    display: block;

    width: 50px;
    height: 50px;
    margin: -27px 0 0 -27px;

    content: '';

    border: 2px solid #fff;
    border-radius: 50px;
    background: rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-item .mg-image a:after
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    display: block;

    width: 0;
    height: 0;
    margin: -10px 0 0 -5px; 

    content: '';

    border-width: 10px 0 10px 14px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-item .mg-image a img
{
    max-width: 100%;
    max-height: 100%;

    -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 3px rgba(0, 0, 0, .2);
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-button
{
    margin: 20px 20px 0;
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-button a
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 31px;

    position: relative;
    position: relative;

    display: block;
    overflow: hidden;

    max-width: 320px;
    height: 31px;
    margin: 0 auto; 

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background: #ff7f00;
    -webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-movie-content .mg-movie-thumbnail .mg-button a:after
{
    position: absolute;
    top: 50%;
    right: 9px;

    display: block;

    width: 7px;
    height: 12px; 
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icn-link-white.png) no-repeat;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-movie-content .mg-body-text
{
    margin: 20px 0;
}
.mg-individual-movie-content .mg-body-text p
{
    font-size: 14px;
    font-size: 1.4rem; 
    line-height: 1.7;

    margin: 0 0 20px;
}

.mg-individual-dl-contents
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 0 10px 10px;

    background: #fff;
}
.mg-individual-dl-contents .article-title
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3; 

    margin: 0 -10px 10px;
    padding: 10px;

    background: #fff6df;
}
.mg-individual-dl-contents .article-body
{
    line-height: 1.5em;

    clear: both;

    margin: 0;
    padding: 0 10px;

    white-space: normal;
    letter-spacing: .1em;
    word-wrap: break-word; 

    color: #333;
}
.mg-individual-dl-contents .article-body:after
{
    display: block;
    clear: both; 

    content: '';
}

/* 個別成績系パーツ 日程結果（Gフォト） */
.mg-individual-graph
{
    background: #fff;
}
.mg-individual-graph h2
{
    margin-bottom: 20px; 
    padding: 0 10px;
}
.mg-individual-graph #social-button-wrapper
{
    margin-bottom: 20px; 
    padding: 0 10px;
}
.mg-individual-graph #social-button-wrapper ul li
{
    display: inline-block;

    vertical-align: middle;
}
.mg-individual-graph #social-button-wrapper ul li img
{
    vertical-align: top;
}
.mg-individual-graph .select
{
    clear: both;

    margin: 15px 0;
    padding: 0 10px; 

    text-align: right;
}
.mg-individual-graph .select select
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 34px;

    position: relative;
    z-index: 2;

    max-width: 450px;
    height: 34px;
    padding: 0 40px 0 20px;

    cursor: pointer; 
    -webkit-transition: .1s 0s linear;
            transition: .1s 0s linear;

    color: #ff7f00;
    border: 1px solid #ff7f00;
    border-radius: 50px;
    outline: 0;
    background: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.mg-individual-graph .select select option
{
    font-size: 12px;
    font-size: 1.2rem;

    color: #000;
}
.mg-individual-graph #backnumber
{
    position: relative; 

    display: inline-block;
}
.mg-individual-graph #backnumber:before,
.mg-individual-graph #backnumber:after
{
    font-family: 'gsiteicon';
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 20px;

    position: absolute;
    top: 2px;
    right: 10px;

    display: block;

    width: 20px;
    height: 20px;

    content: '\e602';
    text-align: center;
    text-indent: 0;
    text-transform: none;

    color: #ff7f00; 

    speak: none;
}
.mg-individual-graph #backnumber:after
{
    top: auto;
    bottom: 2px; 

    content: '\e601';
}
.mg-individual-graph #gphoto_todayg,
.mg-individual-graph #gphoto_graph
{
    margin-top: 30px; 
    padding: 0 10px;
}
.mg-individual-graph #gphoto_todayg .thumlist,
.mg-individual-graph #gphoto_graph .thumlist
{
    width: 100% !important;
}
.mg-individual-graph #gphoto_todayg .thumlist:after,
.mg-individual-graph #gphoto_graph .thumlist:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2,
.mg-individual-graph #gphoto_graph .thumlist .thum2
{
    font-size: 14px;
    font-size: 1.4rem; 

    z-index: 2;

    float: left;

    width: 50% !important;
    min-height: 120px;
    margin: 0 -1px 0 0;
    padding: 12px;

    text-align: center;
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2 img,
.mg-individual-graph #gphoto_graph .thumlist .thum2 img
{
    max-width: 100%;
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2 p.etoki,
.mg-individual-graph #gphoto_graph .thumlist .thum2 p.etoki
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;

    margin-top: 10px; 

    text-align: left;

    color: #333;
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2 .thum_photo,
.mg-individual-graph #gphoto_graph .thumlist .thum2 .thum_photo
{
    margin: 0;
    padding: 0;

    text-align: center;
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2 .thum_photo a,
.mg-individual-graph #gphoto_graph .thumlist .thum2 .thum_photo a
{
    position: relative;

    display: block;
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2 .thum_photo a:before,
.mg-individual-graph #gphoto_graph .thumlist .thum2 .thum_photo a:before
{
    position: absolute;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all cubic-bezier(.25, .46, .45, .94) .4s;
            transition: all cubic-bezier(.25, .46, .45, .94) .4s; 

    opacity: 0;
    background-color: #000;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}
.mg-individual-graph #gphoto_todayg .thumlist .thum2 .thum_photo a:after,
.mg-individual-graph #gphoto_graph .thumlist .thum2 .thum_photo a:after
{
    position: absolute;
    z-index: 3; 
    top: 50%;
    left: 50%;

    display: block;

    width: 29px;
    height: 29px;
    margin: -15px 0 0 -15px;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAABGdBT…z+Kw05EQEkcpD23q0hYRzb7oRNXDv+VCtjyYxO92/x8wVighFLZhVfQgAAAABJRU5ErkJggg==); */

    content: '';
    -webkit-transition: all .4s 0s ease;
            transition: all .4s 0s ease;
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}
.mg-individual-graph .linebreak
{
    position: absolute;
    z-index: 3;
    left: 0; 

    width: 100%;

    border-top: dotted 1px #bbb;
    background: #fff;
}
.mg-individual-graph .thumlist .comment,
.mg-individual-graph .comment2
{
    position: absolute;
    z-index: 3;
    left: 0; 

    width: 100%;
    margin: 0 0 -2px;
    padding: 60px 0 25px;

    background: #fff;
}
.mg-individual-graph .thumlist .comment:before,
.mg-individual-graph .comment2:before
{
    position: absolute;
    top: 30px;
    left: 0;

    display: block;

    width: 100%;

    content: '';

    border-top: 1px solid #000;
}
.mg-individual-graph .thumlist .comment h4,
.mg-individual-graph .comment2 h4
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;

    margin: 0 0 5px; 

    color: #ff7f00;
}

/* 個別系パーツ */
/* 個別系パーツ 有料：予告先発① */
.mg-individual-gametitle
{
    margin-bottom: 20px; 

    background: #eaeaea;
}
.mg-individual-gametitle h2
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 25px;

    padding: 10px 0;

    text-align: center;
    letter-spacing: .1em;
}

.mg-individual-st_match
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;

    position: relative;

    margin-bottom: 30px; 
    padding: 30px 10px;
}
.mg-individual-st_match p
{
    width: 50%; 

    text-align: center;
}
.mg-individual-st_match p.t_name
{
    margin: 0 auto;
}
.mg-individual-st_match p.t_data
{
    margin: 10px auto 0;
}
.mg-individual-st_match div[class^='t_img']
{
    position: absolute;
    top: 0;

    width: 25%;

    text-align: center;
}
.mg-individual-st_match div[class^='t_img'] img
{
    max-width: 100%;
}
.mg-individual-st_match .t_imgL
{
    left: 10px;
}
.mg-individual-st_match .t_imgR
{
    right: 10px;
}

/* 個別系パーツ 有料：予告先発② */
.mg-individual-h2_starter
{
    font-size: 16px;
    font-size: 1.6rem; 
    font-weight: normal;

    margin-bottom: 10px;

    text-align: center;
}

.mg-individual-st_box
{
    font-size: 13px;
    font-size: 1.3rem;

    display: table;

    width: 100%; 
    margin-bottom: 10px;
    padding: 0 10px;
}
.mg-individual-st_box .st_left,
.mg-individual-st_box .st_right
{
    display: table-cell;

    width: 50%; 
    padding: 5px;
}
.mg-individual-st_box .st_left img[class^='st_img'],
.mg-individual-st_box .st_right img[class^='st_img']
{
    width: 100%;
}
.mg-individual-st_box .st_left .st_name,
.mg-individual-st_box .st_right .st_name
{
    font-weight: bold;

    margin: 5px 0 10px;
}
.mg-individual-st_box .st_left .st_name span,
.mg-individual-st_box .st_right .st_name span
{
    color: #ff7f00;
}
.mg-individual-st_box .st_left .st_score h3,
.mg-individual-st_box .st_right .st_score h3
{
    font-weight: normal;

    padding-bottom: 10px;
}
.mg-individual-st_box .st_left .st_score div,
.mg-individual-st_box .st_right .st_score div
{
    padding: 0 0 10px 1em;
}
.mg-individual-st_box .st_left .st_score div[id^='last10_score'],
.mg-individual-st_box .st_right .st_score div[id^='last10_score']
{
    display: inline-block;
}
.mg-individual-st_box .st_left .st_score div[id^='last10_score'] dl,
.mg-individual-st_box .st_right .st_score div[id^='last10_score'] dl
{
    display: table;

    width: 100%;
}
.mg-individual-st_box .st_left .st_score div[id^='last10_score'] dl dt,
.mg-individual-st_box .st_left .st_score div[id^='last10_score'] dl dd,
.mg-individual-st_box .st_right .st_score div[id^='last10_score'] dl dt,
.mg-individual-st_box .st_right .st_score div[id^='last10_score'] dl dd
{
    display: table-cell;
}
.mg-individual-st_box .st_left .st_score div[id^='last10_score'] dl dt,
.mg-individual-st_box .st_right .st_score div[id^='last10_score'] dl dt
{
    width: 3em;
}
.mg-individual-st_box .st_left .st_score div[id^='last10_score'] dl dd,
.mg-individual-st_box .st_right .st_score div[id^='last10_score'] dl dd
{
    position: relative;

    padding-left: 1em; 

    text-align: right;
}
.mg-individual-st_box .st_left .st_score div[id^='last10_score'] dl dd:before,
.mg-individual-st_box .st_right .st_score div[id^='last10_score'] dl dd:before
{
    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    content: '：';
}
.mg-individual-st_box .st_left
{
    color: #fff; 
    background: #2b2f33;
}
.mg-individual-st_box .st_left .st_name
{
    border-bottom: 1px solid #fff;
}
.mg-individual-st_box .st_right
{
    color: #000; 
    background: #dedddd;
}
.mg-individual-st_box .st_right .st_name
{
    border-bottom: 1px solid #000;
}

.mg-individual-st_vs_score
{
    padding: 0 10px 10px;
}
.mg-individual-st_vs_score h3
{
    font-size: 12px;
    font-size: 1.2rem;

    padding: 0 0 5px; 

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-st_vs_score table
{
    width: 100%; 

    table-layout: fixed;
}
.mg-individual-st_vs_score table thead tr th
{
    font-size: 12px;
    font-size: 1.2rem; 

    padding: 3px 0;

    vertical-align: middle;
}
.mg-individual-st_vs_score table thead tr th p
{
    line-height: 1em;

    width: 1em;
    margin: 0 auto;

    white-space: nowrap;
        -ms-writing-mode: tb-rl;

    -webkit-writing-mode: tb-rl;
            writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
}
.mg-individual-st_vs_score table tbody tr
{
    border: 1px solid #767e7b;
    background: #eee;
}
.mg-individual-st_vs_score table tbody tr td
{
    font-size: 12px;
    font-size: 1.2rem;

    padding: 2px 0;

    text-align: center;
}
.mg-individual-st_vs_score table tbody tr td ~ td
{
    border-left: 1px solid #767e7b;
}

/* 個別系パーツ 有料：待ち受け画面 */
.mg-individual-gallery-header-h2
{
    font-size: 13px;
    font-size: 1.3rem; 

    padding: 10px 10px 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-gallery-header-h2:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-gallery-header-h2 span
{
    float: right;
}
.mg-individual-gallery-header-h2 span a
{
    color: #333;
}

.mg-individual-gallery
{
    padding-top: 10px;

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-gallery ul
{
    list-style: none;
}
.mg-individual-gallery ul li
{
    -webkit-box-shadow: inset 0 1px 0 whitesmoke, inset 0 -1px 0 #d9d9d9, inset 1px 0 0 whitesmoke, inset -1px 0 0 #d9d9d9, 0 1px 0 whitesmoke, 1px 0 0 whitesmoke, -1px 0 0 #d9d9d9, 0 -1px 0 #d9d9d9;
            box-shadow: inset 0 1px 0 whitesmoke, inset 0 -1px 0 #d9d9d9, inset 1px 0 0 whitesmoke, inset -1px 0 0 #d9d9d9, 0 1px 0 whitesmoke, 1px 0 0 whitesmoke, -1px 0 0 #d9d9d9, 0 -1px 0 #d9d9d9;
}
.mg-individual-gallery ul li div
{
    padding: 10px;
}
.mg-individual-gallery ul li img
{
    width: 100%; 
    height: auto;
    margin: 0 0 10px;

    border-bottom: 1px solid #ff7f00;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.mg-individual-gallery ul li a
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;

    display: block;

    padding: 10px;

    color: #333;
}
.mg-individual-gallery ul li ._NnewsThumb
{
    width: 100%;
    height: auto;
    margin: 0 0 10px; 

    border-bottom: 1px solid #ff7f00;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.mg-individual-gallery .fancybox-title a
{
    line-height: 40px;

    display: block;

    height: 40px;
    margin: 15px 10px;

    text-align: center;

    color: #fff; 
    border-radius: 5px;
    background: #ff7f00;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
            box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}
.mg-individual-gallery ._NnewsDate
{
    display: none;
}
@media screen and (max-width: 450px)
{
    .mg-individual-gallery li
    {
        width: 50%;
    }
}
@media screen and (min-width: 451px) and (max-width: 700px)
{
    .mg-individual-gallery li
    {
        width: 33.3333%;
    }
}
@media screen and (min-width: 701px)
{
    .mg-individual-gallery li
    {
        width: 24.9999%;
    }
}

.mg-individual-gallery-btn
{
    line-height: 47px;

    height: 47px;
    margin: 15px 20px 25px;

    text-align: center;

    color: #fff; 
    border-radius: 5px;
    background: #ff7f00;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
            box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}
.mg-individual-gallery-btn a
{
    line-height: 47px; 

    display: block;

    height: 47px;

    color: #fff;
}
.mg-individual-gallery-btn a img
{
    width: 17px;
    max-width: 17px;
    height: auto;
    margin-bottom: 3px; 

    vertical-align: middle;
}

/* 待ち受け画像 */
.fancybox-title a
{
    line-height: 40px;

    display: block;

    height: 40px;
    margin: 15px 10px;

    text-align: center;

    color: #fff; 
    border-radius: 5px;
    background: #f27b0f;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
            box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}

/* 個別系パーツ 放送予定 */
.mg-individual-oa-h3
{
    margin-bottom: 20px; 
    padding: 0 10px;

    color: #ff7f00;
}

.mg-individual-oa-ic_wrap
{
    margin: 20px 0; 
    padding: 0 10px;
}
.mg-individual-oa-ic_wrap .ic
{
    font-size: 12px;
    font-size: 1.2rem;

    display: table;

    width: 100%;
}
.mg-individual-oa-ic_wrap .ic li
{
    line-height: 16px;

    display: table-cell;

    margin: 0;

    vertical-align: middle;
}
.mg-individual-oa-ic_wrap .ic li img
{
    vertical-align: top;
}

.mg-individual-oa-oainfo
{
    font-size: 13px;
    font-size: 1.3rem; 

    padding: 0 10px;
}
.mg-individual-oa-oainfo a
{
    color: #ff7f00;
}
.mg-individual-oa-oainfo ul li
{
    margin-bottom: 10px;
}
.mg-individual-oa-oainfo ul li .heading
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 25px;

    height: 25px;

    text-align: center; 

    color: #fff;
    background: #000;
}
.mg-individual-oa-oainfo ul li .heading.saturday
{
    color: #63b4ff;
}
.mg-individual-oa-oainfo ul li .heading.holiday
{
    color: #ff7e64;
}
.mg-individual-oa-oainfo ul li .game_data
{
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: 0;

    border-collapse: collapse;
}
.mg-individual-oa-oainfo ul li .game_data tr th,
.mg-individual-oa-oainfo ul li .game_data tr td
{
    padding: 5px;

    text-align: center; 
    vertical-align: middle;
}
.mg-individual-oa-oainfo ul li .game_data tr th
{
    width: 20%;

    border-left: 1px solid #ccc;
}
.mg-individual-oa-oainfo ul li .game_data tr td
{
    width: 60%; 

    border-right: 1px solid #ccc;
}
.mg-individual-oa-oainfo ul li .game_data tr td.logo
{
    position: relative;

    display: inline-block;

    width: 20%;
    min-width: 60px;
    min-height: 60px;

    border-right: 0 none;
}
.mg-individual-oa-oainfo ul li .game_data tr td.logo img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    max-width: 100%;
    max-height: 100%; 
    margin: auto;
}
.mg-individual-oa-oainfo ul li .oa_data
{
    width: 100%;
    margin: 0 0 10px;
    padding: 0;

    table-layout: fixed; 
    border-collapse: collapse;
}
.mg-individual-oa-oainfo ul li .oa_data tr th,
.mg-individual-oa-oainfo ul li .oa_data tr td
{
    vertical-align: middle;
}
.mg-individual-oa-oainfo ul li .oa_data tr th
{
    width: 50%;
    padding: 5px;

    text-align: center;

    color: #fff;
    border-left: 1px solid #fff; 
    background: #ff7f00;
}
.mg-individual-oa-oainfo ul li .oa_data tr th:first-child
{
    border-left: 0 none;
}
.mg-individual-oa-oainfo ul li .oa_data tr td
{
    padding: 10px;

    border-bottom: 1px solid #ccc; 
    border-left: 1px solid #ccc;
}
.mg-individual-oa-oainfo ul li .oa_data tr td:last-child
{
    margin-right: -1px; 

    border-right: 1px solid #ccc;
}
.mg-individual-oa-oainfo ul li .oa_data tr td.broadcaster
{
    padding-left: 25px;
}
.mg-individual-oa-oainfo ul li .oa_data tr td.broadcaster.chi
{
    background: url('/extra2018/images/parts/icon_chi.gif') no-repeat 5px center;
    -webkit-background-size: 16px 16px;
            background-size: 16px;
}
.mg-individual-oa-oainfo ul li .oa_data tr td.broadcaster.cs
{
    background: url('/extra2018/images/parts/icon_cs.gif') no-repeat 5px center;
    -webkit-background-size: 16px 16px;
            background-size: 16px;
}
.mg-individual-oa-oainfo ul li .oa_data tr td.broadcaster.bs
{
    background: url('/extra2018/images/parts/icon_bs.gif') no-repeat 5px center;
    -webkit-background-size: 16px 16px;
            background-size: 16px;
}
.mg-individual-oa-oainfo ul li .oa_data tr td.broadcaster.radio
{
    background: url('/extra2018/images/parts/icon_radio.gif') no-repeat 5px center;
    -webkit-background-size: 16px 16px;
            background-size: 16px;
}
.mg-individual-oa-oainfo ul li .oa_data tr td.broadcaster.net
{
    background: url('/extra2018/images/parts/icon_net.gif') no-repeat 5px center;
    -webkit-background-size: 16px 16px;
            background-size: 16px;
}

.mg-individual-oa-note
{
    font-size: 12px;
    font-size: 1.2rem; 
    line-height: 1.4;

    margin-bottom: 20px;
    padding: 0 10px;
}

/* 個別系パーツ 有料：熱闘G速報 */
.mg-individual-digest-highlight
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0 10px 10px;

    table-layout: fixed;
    list-style: none; 

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-digest-highlight li
{
    width: 50%;

    text-align: center;
    vertical-align: middle;
}
.mg-individual-digest-highlight li:first-child
{
    -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.mg-individual-digest-highlight li:last-child
{
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .5);
            box-shadow: inset 1px 0 0 rgba(255, 255, 255, .5);
}
.mg-individual-digest-highlight li a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    color: #333;
}
.mg-individual-digest-highlight li img
{
    width: 25px;
    height: auto;
    margin: 0 10px 0 0;

    vertical-align: middle;
}

.mg-individual-inning-nav
{
    position: relative;
    z-index: 2; 

    overflow-x: auto;

    margin: 0 -10px;

    border-top: 1px solid #ff7f00;
    background: -webkit-linear-gradient(left, #ccc 0%, #eee 6%, #eee 94%, #ccc 100%);

    -webkit-overflow-scrolling: touch;
}
.mg-individual-inning-nav p
{
    font-size: 0;

    padding: 10px 0;

    text-align: center; 
    white-space: nowrap;
}
.mg-individual-inning-nav p a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 20px;

    display: inline-block;

    width: 80px;
    height: 20px;

    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #333; 
    -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1), inset 1px 0 0 rgba(255, 255, 255, .5);
            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1), inset 1px 0 0 rgba(255, 255, 255, .5);
}
.mg-individual-inning-nav p a:first-child
{
    -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.mg-individual-inning-nav p a:last-child
{
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .5);
            box-shadow: inset 1px 0 0 rgba(255, 255, 255, .5);
}

.mg-individual-inning-section-wrapper
{
    margin: 0 0 -10px;
    padding: 5px 10px 20px;

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-inning-section-wrapper section
{
    margin: 0 0 40px;
}
.mg-individual-inning-section-wrapper hgroup
{
    position: relative;

    height: 26px;
    margin: 0 -10px 20px;

    background: #000;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-inning-section-wrapper hgroup:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-inning-section-wrapper hgroup h1
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 26px;

    position: relative;

    float: left;

    width: 60px;
    height: 26px;
    margin: 0 20px 0 0;
    padding: 0 5px 0 10px;

    text-align: center;

    color: #fff;
    background: #ff7f00;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-inning-section-wrapper hgroup h1 span:first-child
{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1; 

    display: inline-block;

    margin: -4px 2px 0 0;

    vertical-align: middle;
}
.mg-individual-inning-section-wrapper hgroup h1:after
{
    position: absolute;
    top: 0; 
    right: -8px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 13px 0 13px 9px;
    border-style: solid;
    border-color: transparent transparent transparent #ff7f00;
}
.mg-individual-inning-section-wrapper hgroup h2
{
    font-size: 13px;
    font-size: 1.3rem; 
    line-height: 26px;

    height: 26px;

    color: #fff;
}
.mg-individual-inning-section-wrapper hgroup p .mg-inning-move
{
    font-size: 0;

    position: absolute;
    top: 0;
    right: 0;

    overflow: hidden;

    padding: 4px 0;
}
.mg-individual-inning-section-wrapper hgroup p .mg-inning-move a
{
    line-height: 18px;

    display: inline-block;

    width: 30px;
    height: 18px;

    text-indent: -9999px;

    border-left: 1px dotted #666;
    background: url(/extra2018/images/parts/icn-link-down.png) no-repeat 50% 50%;
    -webkit-background-size: 10px auto;
            background-size: 10px auto;
}
.mg-individual-inning-section-wrapper hgroup p .mg-inning-move a:first-child
{
    border-left: none;
}
.mg-individual-inning-section-wrapper hgroup p .mg-inning-move a.mg-prev
{
    -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
            transform: scaleY(-1);
}
.mg-individual-inning-section-wrapper .mg-comment
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;

    margin: 25px 0;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters
{
    width: 100%;
    margin: 0 0 20px;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters caption
{
    font-size: 10px;
    font-size: 1rem;

    padding: 4px 5px;

    text-align: left; 

    border-top: 1px solid #000;
    background: rgba(0, 0, 0, .1);
}
.mg-individual-inning-section-wrapper .mg-next-three-batters caption .mg-pitcher
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;

    color: #ff7f00;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters caption .mg-vs
{
    font-family: 'Oswald', sans-serif;
    font-size: 8px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 20px;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 4px; 

    text-align: center;

    color: #fff;
    background: url(/extra2018/images/parts/icn-vs.png) no-repeat;
    -webkit-background-size: 20px auto;
            background-size: 20px auto;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters td
{
    font-size: 10px;
    font-size: 1rem; 

    padding: 5px 0;

    border-bottom: 1px dotted #ccc;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters td span
{
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;

    margin: 0 2px 0 0;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters td:nth-child(1)
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;

    width: 60px;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters td:nth-child(1) span
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 18px;

    position: relative; 

    display: inline-block;

    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;

    text-align: center;

    border-radius: 2px;
    background: #fff;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters td:nth-child(1) span:after
{
    font-size: 0;

    position: absolute;
    top: 50%;
    left: 45px;

    display: block;

    width: 0;
    height: 0;
    margin: 0 6px;
    margin: -4px 0 0; 

    content: '';
    vertical-align: middle;
    text-indent: -9999px;

    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #bbb;
}
.mg-individual-inning-section-wrapper .mg-next-three-batters td:nth-child(2)
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}
.mg-individual-inning-section-wrapper .mg-photo
{
    width: 200px; 
    margin: 20px auto;

    border: 5px solid #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.mg-individual-inning-section-wrapper .mg-photo img
{
    width: 200px;
    height: auto;

    vertical-align: inherit;
}
.mg-individual-inning-section-wrapper .mg-player dd,
.mg-individual-inning-section-wrapper .mg-giabbit dd,
.mg-individual-inning-section-wrapper .mg-giabbit2 dd
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6; 

    position: relative;

    margin: 4px 0 0 30px;
    padding: 12px 60px 12px 15px;

    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-inning-section-wrapper .mg-player dd:after,
.mg-individual-inning-section-wrapper .mg-giabbit dd:after,
.mg-individual-inning-section-wrapper .mg-giabbit2 dd:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 4px;
    height: 100%;

    content: '';

    border-radius: 2px 0 0 2px;
    background: #cecece;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-inning-section-wrapper .mg-player dd:before,
.mg-individual-inning-section-wrapper .mg-giabbit dd:before,
.mg-individual-inning-section-wrapper .mg-giabbit2 dd:before
{
    position: absolute;
    top: 50%;
    left: -8px;

    display: block;

    width: 0;
    height: 0;
    margin: -5px 0 0;

    content: '';

    border-width: 5px 8px 5px 0;
    border-style: solid;
    border-color: transparent #cecece transparent transparent;
}
.mg-individual-inning-section-wrapper .mg-player
{
    position: relative;

    margin: 20px 0;
}
.mg-individual-inning-section-wrapper .mg-player dt
{
    font-size: 13px;
    font-size: 1.3rem;
}
.mg-individual-inning-section-wrapper .mg-player dt:after
{
    position: absolute;
    top: 20px;
    left: 2px; 

    display: block;

    width: 15px;
    height: 29px;

    content: '';

    background: url(/extra2018/images/parts/img-player.png) no-repeat;
    -webkit-background-size: 15px 29px;
            background-size: 15px 29px;
}
.mg-individual-inning-section-wrapper .mg-player dd div
{
    position: absolute;
    top: 50%;
    right: 10px;

    width: 42px; 
    height: 25px;
    margin: -13px 0 0;

    background: url(/extra2018/images/parts/img-runner-position.png);
    -webkit-background-size: 169px 50px;
            background-size: 169px 50px;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-0-0-0
{
    background-position: 0 0;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-1-0-0
{
    background-position: -42px 0;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-0-1-0
{
    background-position: -84px 0;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-0-0-1
{
    background-position: -126px 0;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-1-1-0
{
    background-position: 0 -25px;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-0-1-1
{
    background-position: -42px -25px;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-1-0-1
{
    background-position: -84px -25px;
}
.mg-individual-inning-section-wrapper .mg-player dd div.mg-runner-1-1-1
{
    background-position: -126px -25px;
}
.mg-individual-inning-section-wrapper .mg-giabbit,
.mg-individual-inning-section-wrapper .mg-giabbit2
{
    margin-bottom: 20px;
}
.mg-individual-inning-section-wrapper .mg-giabbit dt
{
    float: right;
    overflow: hidden; 

    width: 50px;
    height: 64px;
    margin: -4px 0 0;

    text-indent: -9999px;

    background: url(/extra2018/images/parts/img-giabbit.png) no-repeat;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
}
.mg-individual-inning-section-wrapper .mg-giabbit2 dt
{
    float: right;
    overflow: hidden; 

    width: 50px;
    height: 64px;
    margin: -4px 0 0;

    text-indent: -9999px;

    background: url(/extra2018/images/parts/img-giabbit_n.png) no-repeat;
    -webkit-background-size: 50px auto;
            background-size: 50px auto;
}
.mg-individual-inning-section-wrapper .mg-giabbit dd,
.mg-individual-inning-section-wrapper .mg-giabbit2 dd
{
    font-weight: bold; 

    margin: 4px 60px 0 0;
    padding: 12px 15px 12px 15px;
}
.mg-individual-inning-section-wrapper .mg-giabbit dd:after,
.mg-individual-inning-section-wrapper .mg-giabbit2 dd:after
{
    right: 0; 
    left: auto;

    border-radius: 0 2px 2px 0;
    background: #000;
}
.mg-individual-inning-section-wrapper .mg-giabbit dd:before,
.mg-individual-inning-section-wrapper .mg-giabbit2 dd:before
{
    right: -8px;
    left: auto;

    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #000;
}
.mg-individual-inning-section-wrapper .mg-giants-offense .mg-next-three-batters caption .mg-pitcher
{
    color: #000;
}
.mg-individual-inning-section-wrapper .mg-giants-offense .mg-next-three-batters td:nth-child(2)
{
    width: 30%; 

    color: #ff7f00;
}
.mg-individual-inning-section-wrapper .mg-giants-offense .mg-player dt:after
{
    background-image: url(/extra2018/images/parts/img-player-giants.png);
}
.mg-individual-inning-section-wrapper .mg-giants-offense .mg-player dd
{
    background: #fff6df;
}
.mg-individual-inning-section-wrapper .mg-giants-offense .mg-player dd:after
{
    background: #ff7f00;
}
.mg-individual-inning-section-wrapper .mg-giants-offense .mg-player dd:before
{
    border-color: transparent #ff7f00 transparent transparent;
}
.mg-individual-inning-section-wrapper .mg-out-count
{
    position: relative;

    margin: 25px 0 10px; 

    text-align: center;
}
.mg-individual-inning-section-wrapper .mg-out-count:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    margin: -1px 0 0; 

    content: '';

    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.mg-individual-inning-section-wrapper .mg-out-count p
{
    line-height: 9px;

    position: relative;
    z-index: 2; 

    display: inline-block;

    width: 80px;

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-inning-section-wrapper .mg-out-count span:first-child
{
    font-family: 'Oswald', sans-serif;
    font-size: 10px;
    font-size: 1rem; 
    font-weight: 400;

    display: inline-block;

    height: 9px;
}
.mg-individual-inning-section-wrapper .mg-out-count .mg-count
{
    display: inline-block;
    overflow: hidden;

    width: 9px;
    height: 9px;
    margin: 0 0 0 3px;

    text-indent: -9999px;

    background: url(/extra2018/images/parts/img-ball-count.png) 0 9px;
    background-position: 0 -18px; 
    -webkit-background-size: 9px 9px;
            background-size: 9px;
}
.mg-individual-inning-section-wrapper .mg-out-count .mg-count:empty
{
    background-position: 0 9px;
}
.mg-individual-inning-section-wrapper .mg-current-score
{
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 40px; 

    z-index: 2;

    width: 100%;
    height: 40px;

    text-align: center;
}
.mg-individual-inning-section-wrapper .mg-current-score .mg-team
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold; 

    position: absolute;
    top: 50%;

    height: 40px;
    margin: -20px 0 0;

    white-space: nowrap;
}
.mg-individual-inning-section-wrapper .mg-current-score > span
{
    position: relative; 

    display: inline-block;
}
.mg-individual-inning-section-wrapper .mg-current-score > span.mg-home-game
{
    text-align: right;
}
.mg-individual-inning-section-wrapper .mg-current-score > span.mg-home-game .mg-team
{
    right: 40px;
}
.mg-individual-inning-section-wrapper .mg-current-score > span.mg-away-game
{
    text-align: left;
}
.mg-individual-inning-section-wrapper .mg-current-score > span.mg-away-game .mg-team
{
    left: 40px;
}
.mg-individual-inning-section-wrapper .mg-current-score .mg-giants
{
    color: #ff7f00;
}
.mg-individual-inning-section-wrapper .mg-current-score .mg-hyphen
{
    top: -6px;
}
.mg-individual-inning-section-wrapper .mg-inning-result
{
    font-size: 12px;
    font-size: 1.2rem; 

    position: relative;

    margin: 15px 0  25px;
    padding: 10px 0;

    text-align: center;
}
.mg-individual-inning-section-wrapper .mg-inning-result:before,
.mg-individual-inning-section-wrapper .mg-inning-result:after
{
    position: absolute;
    top: 0;
    left: 0; 

    display: block;

    width: 100%;

    content: '';

    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.mg-individual-inning-section-wrapper .mg-inning-result:after
{
    top: auto;
    bottom: 0; 

    content: '';
}
.mg-individual-inning-section-wrapper .mg-inning-result span span
{
    font-family: 'Oswald', sans-serif;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 300;

    display: inline-block;

    margin: 0 0 0 5px; 

    vertical-align: middle;
}
.mg-individual-inning-section-wrapper .mg-inning-result > span
{
    display: inline-block;

    margin: 0 9px;
}
.mg-individual-inning-section-wrapper .mg-inning-result > span:before
{
    display: inline-block;

    width: 25px;
    height: 25px;
    margin: 0 5px 0 0; 

    content: '';
    vertical-align: middle;

    border-radius: 2px;
    background: #bbb url(/extra2018/images/parts/icn-inning-result.png);
    -webkit-background-size: 75px 25px;
            background-size: 75px 25px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), inset 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 0 rgba(255, 255, 255, .3), inset 0 1px 0 rgba(0, 0, 0, .1);
}
.mg-individual-inning-section-wrapper .mg-inning-result > span.mg-inning-hit:before
{
    background-position: -25px 0;
}
.mg-individual-inning-section-wrapper .mg-inning-result > span.mg-inning-fourdead:before
{
    background-position: -50px 0;
}

/* 個別系パーツ 有料：サブフッターメニュー */
.mg-individual-premium
{
    margin: 0 -10px;
    padding: 10px; 

    background: #561d22;
}
.mg-individual-premium:last-child
{
    margin-bottom: -10px;
}
.mg-individual-premium h1,
.mg-individual-premium h2
{
    position: relative; 

    margin: -8px 0 20px;
    padding: 20px 10px 0;

    text-indent: -9999px;

    border-top: 1px solid #f1c873;
    background: url(/extra2018/images/parts/h-premium-contents.png) no-repeat 10px 20px;
    background: url(/extra2018/images/parts/h-premium-contents.png) no-repeat 10px 20px;
    -webkit-background-size: 128px auto;
            background-size: 128px auto;
}
.mg-individual-premium h1:after,
.mg-individual-premium h2:after
{
    position: absolute;
    top: -8px;
    left: 10px; 

    display: block;

    width: 83px;
    height: 14px;

    content: '';

    background: url(/extra2018/images/parts/h-premium-contents-en.png) no-repeat;
    background: url(/extra2018/images/parts/h-premium-contents-en.png) no-repeat;
    -webkit-background-size: 83px auto;
            background-size: 83px auto;
}
.mg-individual-premium .button-nav
{
    margin: 0;
    padding: 0;

    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.mg-individual-premium .button-nav ul:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-premium .button-nav ul li
{
    float: left;

    width: 25%;
    margin: 0 0 10px; 

    text-align: center;
}
.mg-individual-premium .button-nav ul li a
{
    position: relative;

    display: inline-block;

    padding: 10px;

    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#d9a22e), color-stop(50%, #f6ce81), color-stop(51%, #d9a22e), to(#d9a22e));
    background: linear-gradient(to bottom, #d9a22e 0%, #f6ce81 50%, #d9a22e 51%, #d9a22e 100%);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2), 0 4px 0 #cb5f07, 0 5px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 0 0 #d39812, inset -1px 0 0 #d39812, inset 0 -1px 0 rgba(255, 255, 255, .2), 0 4px 0 #8d5a00, 0 5px 3px rgba(0, 0, 0, .2);
            box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2), 0 4px 0 #cb5f07, 0 5px 3px rgba(0, 0, 0, .2);
            box-shadow: inset 1px 0 0 #d39812, inset -1px 0 0 #d39812, inset 0 -1px 0 rgba(255, 255, 255, .2), 0 4px 0 #8d5a00, 0 5px 3px rgba(0, 0, 0, .2);
}
.mg-individual-premium .button-nav ul li a:after
{
    position: absolute;
    top: 3px;
    left: 3px;

    display: inline-block;

    width: 48px;
    height: 45px;

    content: '';

    border: 2px solid #fff;
    border-radius: 6px;
}
.mg-individual-premium .button-nav ul li img
{
    width: 38px;
    height: 35px;
}
.mg-individual-premium .button-nav ul li span
{
    font-size: 12px;
    font-size: 1.2rem;

    display: block;

    margin: 10px 0 0; 

    color: #fff;
}

.mg-individual-contents-nav h2
{
    padding: 25px 10px 5px; 

    border-bottom: 1px solid #ff7f00;
}

.mg-individual-contents-nav ul ul
{
    border-bottom: 1px solid #ddd;
}
.mg-individual-contents-nav ul ul:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-contents-nav ul ul li
{
    display: table;
    float: left;

    width: 50%;
    margin-bottom: -1px; 

    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
}
.mg-individual-contents-nav ul ul li:nth-child(odd)
{
    border-right: 1px solid #ddd;
}
.mg-individual-contents-nav ul ul li a
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4;

    display: table-cell;

    width: 100%;
    height: 50px;
    padding: 0 10px;

    vertical-align: middle;

    color: #333; 
    border-right: 10px solid transparent;
    background: url(/extra2018/images/parts/icon-link-on.png) no-repeat 100% 50%;
    -webkit-background-size: 5px 9px;
            background-size: 5px 9px;
}

/* 個別系パーツ 有料：他球場情報 */
.mg-individual-other-game
{
    margin: 20px 0;
}
.mg-individual-other-game .other-game-info
{
    font-size: 12px;
    font-size: 1.2rem;

    margin: -3px 0 0;
    padding: 0 10px 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-other-game .other-game-info .date
{
    font-weight: bold;

    color: #ff7f00;
}
.mg-individual-other-game .other-score-board
{
    position: relative;

    padding: 7px 25px 7px 0; 

    border-bottom: 1px solid #ddd;
}
.mg-individual-other-game .other-score-board:after
{
    position: absolute;
    top: 0;
    right: 0; 

    display: block;

    width: 25px;
    height: 100%;

    content: '';

    background: #eee url(/extra2018/images/parts/icon-link-off.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-other-game .other-score-board a
{
    display: block;

    margin: -7px 0;
    padding: 7px 0;

    color: #333;
}
.mg-individual-other-game .other-score-board a:after
{
    position: absolute;
    z-index: 3; 
    top: 0;
    right: 0;

    display: block;

    width: 25px;
    height: 100%;

    content: '';

    background: #eee url(/extra2018/images/parts/icon-link-on.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-other-game .other-score-board a .current-inning
{
    font-size: 11px;
    font-size: 1.1rem;

    margin: 0 0 -3px; 

    text-align: center;
}
.mg-individual-other-game .other-score-board a .current-score
{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    line-height: 40px;

    position: relative; 

    width: auto;
    height: 40px;

    text-align: center;
}
.mg-individual-other-game .other-score-board a .current-score span
{
    display: inline-block;
}
.mg-individual-other-game .other-score-board a .current-score > span
{
    position: relative;

    width: 130px;
    height: 40px;
}
.mg-individual-other-game .other-score-board a .current-score .team
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;

    position: absolute;
    top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 65px; 
    height: 40px;

    text-align: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-other-game .other-score-board a .current-score img
{
    position: absolute;
    top: 50%;

    width: 40px;
    height: auto;
    margin: -20px 0 0;
}
.mg-individual-other-game .other-score-board a .current-score .home-game
{
    text-align: right;
}
.mg-individual-other-game .other-score-board a .current-score .home-game .team
{
    right: 70px;
}
.mg-individual-other-game .other-score-board a .current-score .home-game img
{
    right: 30px;
}
.mg-individual-other-game .other-score-board a .current-score .hyphen
{
    position: relative;
    top: -4px;

    width: auto;
    min-width: 0;

    vertical-align: top;
}
.mg-individual-other-game .other-score-board a .current-score .away-game
{
    text-align: left;
}
.mg-individual-other-game .other-score-board a .current-score .away-game img
{
    left: 30px;
}
.mg-individual-other-game .other-score-board a .current-score .away-game .team
{
    left: 70px;
}

.mg-individual-game-information
{
    font-size: 12px;
    font-size: 1.2rem; 

    margin: 5px 10px 0;
}

.mg-individual-game-result-wrapper section
{
    margin: 20px 0;
}
.mg-individual-game-result-wrapper section h1
{
    font-size: 13px;
    font-size: 1.3rem;

    margin: 0 0 10px; 
    padding: 0 10px 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-game-result-wrapper section dl
{
    padding: 0 10px;
}
.mg-individual-game-result-wrapper section dl dt
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 17px;

    float: left;

    min-width: 17px;
    min-height: 17px;
    margin: 0 8px 0 0; 
    padding: 1px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background: #666;
}
.mg-individual-game-result-wrapper section dl dt.winner
{
    background: #e4623d;
}
.mg-individual-game-result-wrapper section dl dt.save
{
    background: #ffb61e;
}
.mg-individual-game-result-wrapper section dl dt.loser
{
    background: #bbb;
}
.mg-individual-game-result-wrapper section dl dd
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;

    overflow: hidden;

    min-height: 19px;
    margin: 0 0 10px;
}
.mg-individual-game-result-wrapper section .mg-arrow
{
    font-size: 0;

    display: inline-block; 
    overflow: hidden;

    width: 0;
    height: 0;
    margin: 0 6px 2px;

    vertical-align: middle;
    text-indent: -9999px;

    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #bbb;
}

.mg-individual-game-result-wrapper .note
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6; 

    margin: 10px;

    text-align: right;

    color: #666;
}

.mg-individual-other-game-btn
{
    line-height: 47px;

    height: 47px;
    margin: 15px 20px;

    text-align: center;

    color: #fff; 
    border-radius: 5px;
    background: #ff7f00;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
            box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}
.mg-individual-other-game-btn a
{
    line-height: 47px; 

    display: block;

    height: 47px;

    color: #fff;
}

/* 個別系パーツ 一軍登録情報 */
.mg-individual-playerlist
{
    font-size: 13px;
    font-size: 1.3rem;

    overflow-x: scroll; 

    margin: 0 10px 30px;
}
.mg-individual-playerlist table
{
    width: 500px;
}
.mg-individual-playerlist table th,
.mg-individual-playerlist table td
{
    padding: 5px 10px;

    border: 1px solid #ccc;
}
.mg-individual-playerlist table th
{
    font-weight: bold;

    padding: 5px;

    text-align: center; 

    background: #ececec;
}
.mg-individual-playerlist table td
{
    vertical-align: top; 
    white-space: nowrap;
}
.mg-individual-playerlist table td.date
{
    color: #c20000;
}

/* 個別系パーツ 選手テーマ曲 */
.mg-individual-songlist
{
    font-size: 13px;
    font-size: 1.3rem;

    margin-bottom: 30px; 
    padding: 0 10px;
}
.mg-individual-songlist .update
{
    margin-bottom: 10px; 

    text-align: right;
}
.mg-individual-songlist .scroll-box
{
    overflow-x: scroll;

    margin-bottom: 10px;
}
.mg-individual-songlist table
{
    width: 750px;
}
.mg-individual-songlist table th,
.mg-individual-songlist table td
{
    padding: 5px;

    border: 1px solid #ccc;
}
.mg-individual-songlist table th
{
    text-align: center; 

    background: #ececec;
}
.mg-individual-songlist table td
{
    text-align: left;
    vertical-align: top;
}
.mg-individual-songlist table td.playername
{
    font-weight: bold; 

    width: 20%;

    white-space: nowrap;
}
.mg-individual-songlist table td.songtitle
{
    width: 40%;
}

/* 個別系パーツ 選手名鑑詳細 */
.mg-individual-player-detail-title
{
    margin: 0 0 -10px;
    padding: 0 10px; 

    background: #333;
}
.mg-individual-player-detail-title h1
{
    display: table;

    height: 70px;

    color: #fff;
}
.mg-individual-player-detail-title span
{
    display: table-cell;

    text-align: left; 
    vertical-align: middle;
}
.mg-individual-player-detail-title span.number
{
    width: 1%;
    padding: 0 10px;
}
.mg-individual-player-detail-title span.number span
{
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;

    display: inline-block;

    min-width: 22px;
    padding: 2px 1px;

    text-align: center; 

    color: #fff;
    background: #ff7f00;
}
.mg-individual-player-detail-title span.name
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;

    width: 1%;
    padding: 0 10px 0 0; 

    white-space: nowrap;
}
.mg-individual-player-detail-title span.kana
{
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal; 

    color: #888;
}

.mg-individual-profile-wrapper
{
    margin: 0 0 5px;
    padding: 10px;

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
.mg-individual-profile-wrapper:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-profile-wrapper .photo
{
    float: left;

    margin: 0 10px 10px 0;
}
.mg-individual-profile-wrapper .photo img
{
    width: 100px;
    height: auto; 

    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-individual-profile-wrapper .personal-data
{
    line-height: 1.5;

    overflow: hidden;

    margin: 0 0 10px; 
    padding: 5px 0 0;
}
.mg-individual-profile-wrapper .personal-data:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-profile-wrapper .personal-data dt
{
    font-size: 11px;
    font-size: 1.1rem;

    float: left;

    margin: 0 10px 0 0; 

    color: #666;
}
.mg-individual-profile-wrapper .personal-data dd
{
    font-size: 13px;
    font-size: 1.3rem; 

    overflow: hidden;

    margin: 0 0 5px;
}
.mg-individual-profile-wrapper .biography
{
    clear: both;
}
.mg-individual-profile-wrapper .biography h2
{
    font-size: 13px;
    font-size: 1.3rem;

    margin: 0 -10px 10px; 
    padding: 0 20px 5px;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-profile-wrapper .biography table
{
    position: relative;

    overflow: hidden;

    width: 100%; 

    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-profile-wrapper .biography table th,
.mg-individual-profile-wrapper .biography table td
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 8px 10px;

    border-bottom: 1px solid #ddd;
}
.mg-individual-profile-wrapper .biography table th
{
    font-size: 11px;
    font-size: 1.1rem;

    width: 30%;

    vertical-align: middle; 
    white-space: nowrap;

    background: #f4f4f4;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
.mg-individual-profile-wrapper .biography table tr:last-child th,
.mg-individual-profile-wrapper .biography table tr:last-child td
{
    border-bottom: none;
}

.mg-individual-profile-stats
{
    margin: 0 0 -10px;
}
.mg-individual-profile-stats h2
{
    font-size: 13px;
    font-size: 1.3rem;

    margin: 20px 0 10px;
    padding: 0 20px 5px;

    color: #000;
    border-top: none;
    border-bottom: 1px solid #ff7f00;
    background: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.mg-individual-profile-stats .button-tab
{
    display: table;

    width: 100%;
    margin: -10px 0 10px; 

    table-layout: fixed;

    background: #eee;
}
.mg-individual-profile-stats .button-tab li
{
    display: table-cell;

    height: 40px;
    padding: 0 4px 4px; 

    text-align: center;
    vertical-align: top;

    -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1), inset 1px 0 0 rgba(255, 255, 255, .5);
            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1), inset 1px 0 0 rgba(255, 255, 255, .5);
}
.mg-individual-profile-stats .button-tab li a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 40px;
    padding-top: 3px;

    text-decoration: underline; 

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
}
.mg-individual-profile-stats .button-tab li.current a
{
    color: #fff;
    border-radius: 0 0 3px 3px;
    background: #ff7f00;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 184, 0, .6), 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: inset 0 -1px 0 rgba(255, 184, 0, .6), 0 1px 0 rgba(0, 0, 0, .1);
}
.mg-individual-profile-stats .tab-content > div
{
    padding: 0 10px;
}
.mg-individual-profile-stats .tab-content .standard-table
{
    width: 100%;
}
.mg-individual-profile-stats .tab-content .standard-table thead
{
    font-size: 11px;
    font-size: 1.1rem;

    padding: 10px 0; 

    border-bottom: 1px solid #ddd;
}
.mg-individual-profile-stats .tab-content .standard-table thead th,
.mg-individual-profile-stats .tab-content .standard-table thead td
{
    padding: 5px 0;
}
.mg-individual-profile-stats .tab-content .standard-table thead th
{
    line-height: 1.1;

    position: relative;

    padding-bottom: 5px; 

    vertical-align: bottom;
}
.mg-individual-profile-stats .tab-content .standard-table thead th span
{
    display: block;

    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.mg-individual-profile-stats .tab-content .standard-table tbody td
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 5px;

    text-align: center;
    vertical-align: middle; 

    border-bottom: 1px dotted #ddd;
    border-left: 1px dotted #ddd;
}
.mg-individual-profile-stats .tab-content .standard-table tbody td:first-child
{
    border-left: none;
}
.mg-individual-profile-stats .tab-content .standard-table tbody tr:nth-child(odd)
{
    background: #f4f4f4;
}
.mg-individual-profile-stats .tab-content .standard-table tbody tr:last-child td
{
    border-bottom-style: solid;
}
.mg-individual-profile-stats .tab-content .standard-table tfoot td
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 5px;

    text-align: center;
    vertical-align: middle; 

    border-bottom: 1px dotted #ddd;
    border-left: 1px dotted #ddd;
}
.mg-individual-profile-stats .tab-content .standard-table tfoot tr:first-child td
{
    border-top: 3px double #ddd;
}
.mg-individual-profile-stats .tab-content .standard-table tfoot tr:last-child td
{
    border-bottom-style: solid;
}

.mg-individual-profile-btn
{
    margin: 15px 10px;

    border-radius: 5px;
    background: #ff7f00;
}
.mg-individual-profile-btn a
{
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 40px;
    padding-top: 3px;

    text-decoration: underline; 

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
}

/* 個別系パーツ 球場アクセス */
.mg-individual-access-img01
{
    margin-bottom: 20px;
}
.mg-individual-access-img01 img
{
    width: 100%;
    height: auto;
}

.mg-individual-access-content h2
{
    margin-bottom: 2px;

    text-align: left; 

    color: #ff7f00;
}

.mg-individual-access-content .a-box01
{
    text-align: center;
}
.mg-individual-access-content .a-box01.mb20
{
    margin-bottom: 20px;
}
.mg-individual-access-content .a-box01.mb35
{
    margin-bottom: 35px;
}
.mg-individual-access-content .a-box01 .t-area
{
    width: auto;

    text-align: left;
}
.mg-individual-access-content .a-box01 .t-area h3
{
    font-weight: bold;
    line-height: 22px;

    margin-bottom: 10px; 
    padding-left: 15px;

    border-top: 1px solid #000;
    background: #eee;
}
.mg-individual-access-content .a-box01 .t-area dl
{
    margin: 0 0 15px 15px;
}
.mg-individual-access-content .a-box01 .t-area dl dt
{
    margin-right: 1em;
}
.mg-individual-access-content .a-box01 .t-area dl dd
{
    padding-left: 6em;
}
.mg-individual-access-content .a-box01 .t-area h4
{
    margin: 0 0 10px 15px;
}
.mg-individual-access-content .a-box01 .t-area ul
{
    margin: 0 0 25px 15px;

    list-style: none;
}
.mg-individual-access-content .a-box01 .t-area ul.mb15
{
    margin-bottom: 15px;
}
.mg-individual-access-content .a-box01 .t-area p
{
    margin: 0 0 15px 15px;
}
.mg-individual-access-content .a-box01 .t-area p.mb20
{
    margin-bottom: 20px;
}
.mg-individual-access-content .a-box01 .t-area p.ml10
{
    margin-left: 10px;
}
.mg-individual-access-content .a-box01 .t-area p a
{
    font-size: 14px;
    font-size: 1.4rem; 

    color: #000;
}
.mg-individual-access-content .a-box01 .t-area p .a-icon01
{
    line-height: 14px; 

    padding-left: 16px;

    background: url(/extra2018/images/parts/icon01_access.gif) no-repeat scroll 0 4px transparent;
}
.mg-individual-access-content .a-box01 .t-area p .a-icon02
{
    line-height: 16px;

    padding-top: 1px; 
    padding-left: 21px;

    background: url(/extra2018/images/parts/icon02_access.gif) no-repeat scroll 0 0 transparent;
}

/* 個別系パーツ 観戦ルール */
.mg-individual-stip-list
{
    font-size: 13px;
    font-size: 1.3rem; 

    margin-bottom: 20px;
    padding: 0 10px;
}
.mg-individual-stip-list h3
{
    margin-bottom: 10px; 
    padding: 5px 10px;

    background: #dedddd;
}
.mg-individual-stip-list p
{
    margin-bottom: 20px;
}
.mg-individual-stip-list p a
{
    color: #ff7f00;
}
.mg-individual-stip-list .dec
{
    margin: 10px;
    padding: 10px;

    border: 1px solid #ccc; 
    background: #eee;
}
.mg-individual-stip-list .dec h3
{
    margin: 0 0 10px;
    padding: 10px;

    color: #fff; 
    background: #000;
}
.mg-individual-stip-list .dec p
{
    margin-bottom: 10px;
}
.mg-individual-stip-list .dec ol
{
    padding-left: 1.5em;
}
.mg-individual-stip-list .dec ol li
{
    margin-bottom: 10px;
}

/* 個別系パーツ ジャイアンツ球場応援ルール */
.mg-individual-rule h3
{
    margin: 0;
    padding: 5px 10px; 

    background: #dedddd;
}

.mg-individual-rule .intro
{
    padding: 10px 5px 5px;
}

.mg-individual-rule .dec
{
    margin: 10px auto 0;
    padding: 10px 10px;

    border: 1px solid #ccc; 
    background: #eee;
}
.mg-individual-rule .dec h4
{
    font-size: 100%; 
    line-height: normal;

    margin: 0 auto;
    padding: 3px;

    color: #fff;
    background: #333;
}
.mg-individual-rule .dec ul
{
    padding: 5px 0 10px 5px;
}
.mg-individual-rule .dec ul li
{
    font-size: 100%;
    line-height: 140%; 

    margin: 0 0 5px 10px;
    padding: 0;

    list-style-position: outside;
    list-style-type: disc;
}

/* 個別系パーツ G球場アクセス */
.mg-individual-gaccess > div
{
    padding-bottom: 20px;
}

.mg-individual-gaccess h2,
.mg-individual-gaccess h3
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold; 
    line-height: 25px;

    height: 25px;
    margin-bottom: 2px;
    padding-left: 10px;

    text-align: left;

    color: #fff;
    background: #000;
}

.mg-individual-gaccess h4
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;

    padding: 5px 10px; 

    background: #eee;
}

.mg-individual-gaccess h5
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;

    padding: 5px 10px 0; 

    color: #f00;
}

.mg-individual-gaccess h6
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1em;

    padding: 5px 10px 0;
}

.mg-individual-gaccess p
{
    font-size: 100%;
    line-height: 1.5em;

    padding: 5px 10px;
}
.mg-individual-gaccess p.map
{
    padding: 0 0 5px;
}

.mg-individual-gaccess img
{
    display: block;

    width: 100%;
    max-width: 540px; 
    margin: 0 auto;
}

/* 個別系パーツ 野球大会・教室 */
.mg-individual-tour_school
{
    font-size: 13px;
    font-size: 1.3rem; 

    padding: 0 10px 40px;
}
.mg-individual-tour_school h2
{
    margin-bottom: 20px;

    text-align: center;
}
.mg-individual-tour_school ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    list-style: none; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.mg-individual-tour_school ul li
{
    width: 48%;
    margin-bottom: 15px;
}
.mg-individual-tour_school ul li img
{
    width: 100%;
}

/* 個別系パーツ 野球大会詳細 */
.mg-individual-tour_school-newslist h3
{
    padding: 5px 10px; 

    color: #fff;
    background: #000;
}

.mg-individual-tour_school-newslist ul
{
    padding: 20px 10px;

    list-style: none;
}
.mg-individual-tour_school-newslist ul li
{
    font-size: 14px;
    font-size: 1.4rem; 

    margin-bottom: 5px;
    padding-bottom: 5px;

    border-bottom: 1px dotted #000;
}

.mg-individual-tour_school-newslist a
{
    color: #000;
}
.mg-individual-tour_school-newslist a .date
{
    display: block; 

    color: #c20000;
}

/* 個別系パーツ 会社概要 */
.mg-individual-companyinfo
{
    padding: 40px 0;

    border-bottom: 1px solid #ccc;
    background-color: #f3f0e9;
}
.mg-individual-companyinfo .topH2
{
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;

    margin: 0;
    padding: 0;

    text-align: center; 

    color: #ff7f00;
}
.mg-individual-companyinfo .topH3
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    margin: 0;
    padding: 15px 0 0 0;

    text-align: center;
}
.mg-individual-companyinfo .tableBox
{
    margin: 25px 0 0 0;
    padding: 40px 0 0 0;

    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 -1px 0 #e4ddce;
            box-shadow: 0 -1px 0 #e4ddce;
}
.mg-individual-companyinfo .tableBox h4
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;

    margin: 0;
    padding: 0;

    text-align: center;
}
.mg-individual-companyinfo .tableBox h4 span
{
    display: inline-block;

    padding: 0 15px; 

    border-right: 4px solid #ff7f00;
    border-left: 4px solid #ff7f00;
}
.mg-individual-companyinfo .tableBox table
{
    width: calc(100% - 20px); 
    margin: 25px 10px 0 10px;

    border-collapse: collapse;

    border: none;
}
.mg-individual-companyinfo .tableBox table tr
{
    display: block;
}
.mg-individual-companyinfo .tableBox table th
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500; 

    display: block;

    padding: 5px 0 5px 10px;

    border-collapse: collapse;

    text-align: left;
    vertical-align: top;

    color: #fff;
    border: none;
    background-color: #ff7f00;
}
.mg-individual-companyinfo .tableBox table td
{
    font-size: 14px;
    font-size: 1.4rem; 

    display: block;

    padding: 10px 0 20px 0;

    border-collapse: collapse;

    vertical-align: top;

    border: none;
}
.mg-individual-companyinfo .tableBox table td .officer
{
    margin: 0;
    padding: 0 0 10px 0;
}
.mg-individual-companyinfo .tableBox table td .officer:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-companyinfo .tableBox table td .officer dt
{
    font-weight: 500; 

    float: left;

    width: 170px;
    margin: 0;
    padding: 0;
}
.mg-individual-companyinfo .tableBox table td .officer dd
{
    margin: 0 0 0 170px;
    padding: 0;
}
.mg-individual-companyinfo .tableBox table td .history
{
    margin: 0;
    padding: 10px 0;

    border-bottom: 1px dashed #bbb;
}
.mg-individual-companyinfo .tableBox table td .history:first-of-type
{
    padding: 0 0 20px 0;
}
.mg-individual-companyinfo .tableBox table td .history dt
{
    font-weight: 500; 

    margin: 0;
    padding: 0;
}
.mg-individual-companyinfo .tableBox table td .history dd
{
    margin: 0;
    padding: 0 0 10px 0;
}
.mg-individual-companyinfo .tableBox table td .history dd:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-companyinfo .tableBox table td .history dd:last-child
{
    padding: 0;
}
.mg-individual-companyinfo .tableBox table td .history dd .month
{
    float: left;

    width: 50px;
    margin: 0;
    padding: 0;
}
.mg-individual-companyinfo .tableBox table td .history dd .text
{
    margin: 0 0 0 50px;
    padding: 0;
}
.mg-individual-companyinfo .tableBox table td .historyUnder
{
    font-weight: bold; 

    margin: 0;
    padding: 20px 0 0 0;

    text-align: center;
}

/* 個別系パーツ 採用情報TOP（画像下のリンクリスト） */
.mg-individual-company-toplink
{
    overflow: hidden; 

    width: 100%;

    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    background-color: #222;
}
.mg-individual-company-toplink ul
{
    list-style: none;
}
.mg-individual-company-toplink ul:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-company-toplink ul li
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 50px;

    float: left;

    width: 50%;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;

    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}
.mg-individual-company-toplink ul li:nth-child(2n)
{
    border-right: 0;
}
.mg-individual-company-toplink ul li.select
{
    color: #ff7f00;
}
.mg-individual-company-toplink ul li a
{
    display: block; 

    color: #fff;
}
.mg-individual-company-toplink ul li a:hover
{
    color: #ff7f00;
}

/* 個別系パーツ リスト（2軍試合結果） */
.mg-individual-teamresult .list
{
    padding-bottom: 20px;
}
.mg-individual-teamresult .list table
{
    width: 100%;
}
.mg-individual-teamresult .list table th
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.0em;

    padding: 5px 0;

    text-align: center;
    vertical-align: middle; 

    color: #fff;
    border: 1px solid #ccc;
    background: #000;
}
.mg-individual-teamresult .list table th.month
{
    padding: 5px 10px;

    text-align: left;

    color: #000; 
    border: 1px solid #ccc;
    background: #d7d5d0;
}
.mg-individual-teamresult .list table td
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.0em;

    padding: 8px 5px;

    text-align: center;
    vertical-align: middle;

    border-bottom: 1px dotted #ccc;
}
.mg-individual-teamresult .list table td.date
{
    white-space: nowrap;
}
.mg-individual-teamresult .list table td.stadium
{
    line-height: 1.4em;

    text-align: left;
}
.mg-individual-teamresult .list table td.right
{
    text-align: right;
}
.mg-individual-teamresult .list table td.left
{
    text-align: left;
}
.mg-individual-teamresult .list table td a
{
    color: #ff7f00;
}

/* 個別系パーツ ファーム遠征参加選手 */
.mg-individual-entryPlayer p
{
    font-size: 100%;
    line-height: 1.5em; 

    padding: 5px;
}
.mg-individual-entryPlayer p.update
{
    line-height: 1.0em;

    text-align: right;
}

.mg-individual-entryPlayer .info
{
    padding-bottom: 20px;
}
.mg-individual-entryPlayer .info h3
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1.3em;

    padding: 5px 10px; 

    color: #fff;
    background: #000;
}
.mg-individual-entryPlayer .info table
{
    width: 100%;
}
.mg-individual-entryPlayer .info table a
{
    color: #ff7f00;
}
.mg-individual-entryPlayer .info table th
{
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;

    width: 80px; 
    padding: 5px;

    text-align: center;
    white-space: nowrap;

    border: 1px solid #bbb;
    background: #fee0b9;
}
.mg-individual-entryPlayer .info table td
{
    font-size: 100%;
    line-height: 1.5em;

    padding: 5px 5px; 

    border: 1px solid #bbb;
    background: #eee;
}

/* 個別系パーツ 当日券 */
.mg-individual-todayticket
{
    padding: 0 10px;
}
.mg-individual-todayticket .update
{
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6; 

    margin: 10px 0;

    text-align: right;

    color: #666;
}
.mg-individual-todayticket .note + .standard-table.todays-ticket
{
    border-top: 1px solid #ff7f00;
}
.mg-individual-todayticket .standard-table
{
    width: 100%;
}
.mg-individual-todayticket .standard-table thead
{
    font-size: 11px;
    font-size: 1.1rem;

    padding: 10px 0; 

    border-bottom: 1px solid #ddd;
}
.mg-individual-todayticket .standard-table thead th
{
    padding: 5px 0;

    vertical-align: middle;
}
.mg-individual-todayticket .standard-table tbody tr:nth-child(odd)
{
    background: #f4f4f4;
}
.mg-individual-todayticket .standard-table tbody td
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 5px;

    text-align: center;
    vertical-align: middle; 

    border-bottom: 1px dotted #ddd;
    border-left: 1px dotted #ddd;
}
.mg-individual-todayticket .standard-table tbody td:first-child
{
    width: 15%; 

    text-align: left;

    border-left: none;
}
.mg-individual-todayticket .standard-table tbody td:nth-child(2)
{
    width: 15%; 

    text-align: right;
}
.mg-individual-todayticket .standard-table tbody td:last-child
{
    width: 5%;
}
.mg-individual-todayticket .standard-table tbody tr:last-child td
{
    border-bottom-style: solid;
}
.mg-individual-todayticket .icon-description
{
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6; 

    margin: 10px;

    color: #666;
}
.mg-individual-todayticket .standard-table + .icon-description
{
    margin: 10px 0;
}

.mg-individual-icon-description
{
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6; 

    margin: 10px;

    color: #666;
}

/* 個別系パーツ ニュース詳細 */
.mg-individual-news-notice
{
    padding: 0 10px 10px;
}
.mg-individual-news-notice .article-title
{
    font-weight: bold;
    line-height: 1.3; 

    margin: 0 -10px 10px;
    padding: 10px;

    background: #fff6df;
}
.mg-individual-news-notice .article-title img[src='/sys/img/00/000/001/IM00000001_MGX00P.png']
{
    display: none;
}
.mg-individual-news-notice .font-switch-wrapper:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-news-notice .font-switch-wrapper .font-switch
{
    display: table;
    float: right;

    width: 20px; 
    margin: 0 10px 10px;

    table-layout: fixed;
}
.mg-individual-news-notice .font-switch-wrapper .font-switch a
{
    display: table-cell;

    width: 30px;
    padding: 5px;

    text-align: center; 

    border-left: 1px dotted #ddd;
}
.mg-individual-news-notice .font-switch-wrapper .font-switch a.selected
{
    color: #ff7f00;
}
.mg-individual-news-notice .font-switch-wrapper .font-switch a:first-child
{
    border-left: none;
}
.mg-individual-news-notice .font-switch-wrapper .font-switch a#font-small
{
    font-size: 12px;
    font-size: 1.2rem;
}
.mg-individual-news-notice .font-switch-wrapper .font-switch a#font-default
{
    font-size: 14px;
    font-size: 1.4rem;
}
.mg-individual-news-notice .article-body
{
    font-size: 13px;
    font-size: 1.3rem; 
    line-height: 1.5em;

    clear: both;

    margin: 0;
    padding: 0 10px;

    white-space: normal;
    letter-spacing: .1em;
    word-wrap: break-word;
}
.mg-individual-news-notice .article-body:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-news-notice .article-body .owl-wrapper-outer center
{
    float: none;

    width: 99%; 
    margin: 0 auto 5px;
}
.mg-individual-news-notice .article-body .owl-controls .owl-buttons div
{
    position: absolute;
    z-index: 3; 
    top: 50%;
    right: -20px;

    display: block;
    overflow: hidden;

    width: 26px;
    height: 24px;
    margin: -12px 0 0;

    text-indent: -9999px;

    background: url(/extra2018/images/parts/icon-link-on.png) no-repeat 50% 50%;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-news-notice .article-body .owl-controls .owl-buttons div.owl-prev
{
    right: auto;
    left: -20px;

    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.mg-individual-news-notice .article-body .owl-page
{
    display: inline-block;
}
.mg-individual-news-notice .article-body .owl-page span
{
    display: block;

    width: 10px;
    height: 10px;
    margin: 5px 8px 0;

    border-radius: 20px;
    background: rgba(255, 255, 255, .3);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
.mg-individual-news-notice .article-body .owl-page.active span
{
    background: #ff7f00;
}
.mg-individual-news-notice .article-body .owl-pagination
{
    margin-bottom: 10px; 

    text-align: center;
}
.mg-individual-news-notice .article-body p
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
}
.mg-individual-news-notice .article-body p:empty
{
    display: none;
}
.mg-individual-news-notice .article-body center
{
    margin: 0 0 25px; 

    background: #f3f0e9;
    -webkit-box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1.5px 3px rgba(0, 0, 0, .2);
}
.mg-individual-news-notice .article-body .picture_set img
{
    width: 100%;
    height: auto;

    border-bottom: 1px solid #ff7f00;
}
.mg-individual-news-notice .article-body .picture_cap
{
    line-height: 1.5;

    margin: 0; 
    padding: 10px;

    color: #666;
}
@media screen and (min-width: 480px)
{
    .mg-individual-news-notice .article-body center
    {
        float: right;

        width: 240px;
        margin: 0 0 20px 20px;
    }
}
.mg-individual-news-notice #social-buttons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 45px !important;
    margin: 20px -20px 0;
    padding: 10px 10px;

    text-align: center;
    vertical-align: text-bottom;

    background: #f3f0e9;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mg-individual-news-notice #social-buttons:after
{
    display: block;
    clear: both; 

    content: '';
}
.mg-individual-news-notice #social-buttons > *
{
    width: auto !important; 
    margin: 0 5px;
}
.mg-individual-news-notice #social-buttons .twitter-tweet,
.mg-individual-news-notice #social-buttons .fb-like
{
    float: left;
}
.mg-individual-news-notice #social-buttons .twitter-tweet img,
.mg-individual-news-notice #social-buttons .fb-like img
{
    vertical-align: text-bottom;
}
.mg-individual-news-notice .article-nav
{
    position: relative;
    z-index: 5; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 40px;
    margin: 0 -10px -10px;

    background: #444;
}
.mg-individual-news-notice .article-nav span
{
    position: relative; 

    display: table;

    width: 80px;

    text-align: center;
}
.mg-individual-news-notice .article-nav span a
{
    font-size: 12px;
    font-size: 1.2rem; 
    font-weight: bold;

    display: table-cell;

    height: 40px;

    vertical-align: middle;

    color: #fff;
}
.mg-individual-news-notice .article-nav span a:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 7px;
    height: 12px; 
    margin: -6px 0 0;

    content: '';

    background: url(/extra2018/images/parts/icon-link-on.png) no-repeat;
    -webkit-background-size: 7px auto;
            background-size: 7px auto;
}
.mg-individual-news-notice .article-nav span.prev
{
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}
.mg-individual-news-notice .article-nav span.prev a
{
    padding-left: 10px;
}
.mg-individual-news-notice .article-nav span.prev a:after
{
    left: 9px;

    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.mg-individual-news-notice .article-nav span.next
{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
}
.mg-individual-news-notice .article-nav span.next a
{
    padding-right: 10px;
}
.mg-individual-news-notice .article-nav span.next a:after
{
    right: 9px;
}
.mg-individual-news-notice .article-nav .back
{
    position: relative; 

    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 rgba(0, 0, 0, .2), 1px 0 0 rgba(255, 255, 255, .1);
            box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1), -1px 0 0 rgba(0, 0, 0, .2), inset -1px 0 0 rgba(0, 0, 0, .2), 1px 0 0 rgba(255, 255, 255, .1);

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
}
.mg-individual-news-notice .article-nav .back a
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold; 
    line-height: 40px;

    display: block;

    height: 40px;

    text-align: center;

    color: #fff;
}
.mg-individual-news-notice .article-nav .back a:before
{
    display: inline-block;

    width: 11px;
    height: 10px;
    margin: -2px 5px 0 0; 

    content: '';
    vertical-align: middle;

    background: url(/extra2018/images/parts/icn-list.png) no-repeat;
    -webkit-background-size: auto 10px;
            background-size: auto 10px;
}

/* 個別系パーツ 熱闘Gショット */
#mg-gallery
{
    margin: 0 0 10px; 
    padding-top: 10px;

    background: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 15px, #ebebeb 15px, #ebebeb 30px);
}
#mg-gallery ul
{
    list-style: none;
}
#mg-gallery ul li
{
    -webkit-box-shadow: inset 0 1px 0 whitesmoke, inset 0 -1px 0 #d9d9d9, inset 1px 0 0 whitesmoke, inset -1px 0 0 #d9d9d9, 0 1px 0 whitesmoke, 1px 0 0 whitesmoke, -1px 0 0 #d9d9d9, 0 -1px 0 #d9d9d9;
            box-shadow: inset 0 1px 0 whitesmoke, inset 0 -1px 0 #d9d9d9, inset 1px 0 0 whitesmoke, inset -1px 0 0 #d9d9d9, 0 1px 0 whitesmoke, 1px 0 0 whitesmoke, -1px 0 0 #d9d9d9, 0 -1px 0 #d9d9d9;
}
#mg-gallery ul li a
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;

    display: block;

    padding: 10px;

    color: #333;
}
#mg-gallery ul li ._NnewsThumb
{
    width: 100%;
    height: auto;
    margin: 0 0 10px; 

    border-bottom: 1px solid #ff7f00;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
#mg-gallery ._NnewsDate,
#mg-gallery ._NnewsPrefix
{
    display: none;
}
@media screen and (max-width: 450px)
{
    #mg-gallery li
    {
        width: 50%;
    }
}
@media screen and (min-width: 451px) and (max-width: 700px)
{
    #mg-gallery li
    {
        width: 33.3333%;
    }
}
@media screen and (min-width: 701px)
{
    #mg-gallery li
    {
        width: 24.9999%;
    }
}

/* 個別系パーツ チケット情報 */
.mg-individual-ticketTitle
{
    font-size: 13px;
    font-size: 1.3rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 23px 0 30px 0;
    padding: 0 0 30px 0;

    text-align: center; 

    border-bottom: 2px solid #ff7f00;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mg-individual-ticketTitle .cell
{
    width: calc(100% - 1em);
}
.mg-individual-ticketTitle .cell p img
{
    vertical-align: middle;
}
.mg-individual-ticketTitle .cell p span
{
    display: inline-block;

    vertical-align: middle;
}
.mg-individual-ticketTitle .cell:first-child
{
    padding-right: 5px;
}
.mg-individual-ticketTitle .cell:first-child p span
{
    padding-left: 5px;
}
.mg-individual-ticketTitle .cell:last-child
{
    padding-left: 5px;
}
.mg-individual-ticketTitle .cell:last-child p span
{
    padding-right: 5px;
}
.mg-individual-ticketTitle .cell.center
{
    width: 1em;
}

/* 設定 */
*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html
{
    font-size: 62.5%;
}

body
{
    font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;

    width: 100%;
    min-width: 320px;

    letter-spacing: 0;

    color: #333;
    background-color: #fff;

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

a
{
    text-decoration: none;

    color: #03c;
}

img
{
    max-width: 100%;
    height: auto;

    vertical-align: bottom;
}

#b_wrap
{
    overflow: scroll;

    height: 100vh;

    -webkit-overflow-scrolling: touch;
}

.mg-wrapper
{
    overflow: hidden; 

    padding: 61px 0 70px;
}
.mg-wrapper.sugotoku
{
    padding: 0;
}

/*
記事一覧のカメラアイコンを消す
 */
img[src='/sys/img/00/000/001/IM00000001_MGX00P.png'],
img[src='/sys/img/00/000/001/IM00000001_MGY00P.png'],
img[src='/servlet/CmsImage/image/timage/00/000/001/IM00000001_MGX00P.png'],
img[src='/servlet/CmsImage/image/timage/00/000/001/IM00000001_MGY00P.png'],
img[src='https://sgtk.yomiuri.co.jp/sys/img/00/000/001/IM00000001_MGX00P.png'],
img[src='https://sgtk.yomiuri.co.jp/sys/img/00/000/001/IM00000001_MGY00P.png'],
img[src='https://sgtk.yomiuri.co.jp/servlet/CmsImage/image/timage/00/000/001/IM00000001_MGX00P.png'],
img[src='https://sgtk.yomiuri.co.jp/servlet/CmsImage/image/timage/00/000/001/IM00000001_MGY00P.png']
{
    display: none;
}