@charset "UTF-8";
/*+-----+
/+ MODULE
/*+-------------------------------------------*/
/* SECTION MODULE
/*+---------------------------------*/
/*- section-box ---------*/
.section-box__contents {
    border-bottom: 2px solid #e1e3e6;
    overflow: hidden;
}

.section-box__contents .topic-detail:first-child,
.section-box__contents .topics-2column-list:first-child,
.section-box__contents .summary-data:first-child,
.section-box__contents .photo-list-4column:first-child,
.section-box__contents .photo-list-3column:first-child,
.section-box__contents .earthquake-list-table:first-child,
.section-box__contents .section-sub-box:first-child {
    margin-top: 20px;
}

.section-box__contents .news-flash-list-container:last-of-type {
    border-bottom: none;
}

.section-box__contents .share-button:nth-last-of-type(1) {
    margin-bottom: 30px;
}

.section-box__contents > .game-flash {
    border-top: none;
}

.section-box__contents .baseball-league-box {
    margin-bottom: 30px;
}

.section-box + .search-article-controls,
.section-box + .free-edit-area {
    margin-top: 30px;
}

.section-box + .section-box {
    margin-top: 20px;
}

/*- section-sub-box ---------*/
.section-sub-box + .section-sub-box {
    margin-top: 20px;
}

.section-sub-box + .alert-box {
    margin-top: 30px;
}

.section-sub-box + .share-button {
    margin-top: 20px;
}

/* HEADING MODULE
/*+---------------------------------*/
/*- section-heading ---------*/
.section-heading {
    padding-bottom: 5px;
    border-bottom: 3px solid #1f2933;
    font-size: 20px;
    color: #1f2933;
}

.section-heading__feed-button {
    float: right;
    display: inline-block;
    padding: 3px 15px 2px 30px;
    box-shadow: 0 2px 0 #334c66;
    background-color: #4c7399;
    background-image: url(/pc/img/icon_feed02-1.0.png);
    background-repeat: no-repeat;
    background-position: 9px 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.section-heading__feed-button:link {
    color: #fff;
}

.section-heading__feed-button:hover {
    background-color: #1f4266;
    box-shadow: 0 2px 0 #192633;
    text-decoration: none;
}

.section-heading__feed-button:visited {
    color: #fff;
}

.section-heading.has-button, .section-heading.has-text {
    overflow: hidden;
}

.section-heading__powerdby {
    float: right;
    position: relative;
    top: 7px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.section-heading + .genre-tab,
.section-heading + .section-sub-heading {
    border-top: none;
}

.section-heading + .summary-lead {
    margin-top: 15px;
}

/*- section-sub-heading ---------*/
.section-sub-heading {
    padding: 7px 20px 5px;
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
    background-color: #f5f6f7;
    font-weight: normal;
}

/*- section-line-heading ---------*/
.section-line-heading {
    padding: 7px 0;
    border-bottom: 1px solid #1f2933;
    font-size: 18px;
}

.section-line-heading + .basic-table,
.section-line-heading + .sitemap-list {
    margin-top: 20px;
}

/*- baseball-heading ---------*/
.baseball-heading {
    overflow: hidden;
    height: 40px;
    margin-bottom: 15px;
    padding-left: 70px;
    background-color: #1f2933;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 40px;
    font-weight: normal;
    color: #fff;
}

.baseball-heading__state {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    height: 20px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #a2a2a2;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.baseball-heading__state.is-finish {
    background-color: #fff;
    color: #000;
}

.baseball-heading__state.is-during {
    background-color: #e64545;
    color: #fff;
}

.baseball-heading.is-team-ranking {
    background-image: url(/pc/img/icon_team_ranking-1.0.png);
}

.baseball-heading.is-individual-ranking {
    background-image: url(/pc/img/icon_individual_ranking-1.0.png);
}

.baseball-heading.is-news {
    background-image: url(/pc/img/icon_baseball_news-1.0.png);
}

.baseball-heading.is-schedule {
    margin-bottom: 0;
    background-image: url(/pc/img/icon_baseball_schedule-1.0.png);
}

.baseball-heading.is-flash {
    margin-bottom: 20px;
    background-image: url(/pc/img/icon_baseball_flash-1.0.png);
}

/*- individual-heading ---------*/
.individual-heading {
    padding-left: 50px;
    background-repeat: no-repeat;
    line-height: 40px;
    font-size: 18px;
    color: #1f2933;
    font-weight: bold;
}

.individual-heading.is-avg {
    background-image: url(/pc/img/icon_avg-1.0.png);
}

.individual-heading.is-era {
    background-image: url(/pc/img/icon_era-1.0.png);
}

.individual-heading.is-sv {
    background-image: url(/pc/img/icon_sv-1.0.png);
}

/*- central-league-heading ---------*/
.central-league-heading {
    padding-left: 10px;
    background-color: #468c55;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
    font-size: 14px;
}

.central-league-heading.is-center {
    text-align: center;
    padding-left: 0;
}

/*- pacific-league-heading ---------*/
.pacific-league-heading {
    padding-left: 10px;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
    background-color: #5090b4;
    font-size: 14px;
}

.pacific-league-heading.is-center {
    text-align: center;
    padding-left: 0;
}

/*- exchange-league-heading ---------*/
.exchange-league-heading {
    padding-left: 10px;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
    background-color: #3d5266;
    font-size: 14px;
}

.exchange-league-heading.is-center {
    text-align: center;
    padding-left: 0;
}

/* PARTS MODULE
/*+---------------------------------*/
/*- main-news ---------*/
.main-news {
    margin-bottom: 15px;
    border: 1px solid #e1e3e6;
}

.main-news:before, .main-news:after {
    content: " ";
    display: table;
}

.main-news:after {
    clear: both;
}

.main-news {
    *zoom: 1;
}

.main-news__heading {
    float: left;
    position: relative;
    left: -7px;
    margin-top: 17px;
    padding: 5px 0 0 25px;
    width: 145px;
    height: 29px;
    background-image: url(/pc/img/mainnews_heading_bg-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.main-news__inner {
    float: left;
    margin-left: 22px;
    display: table;
    width: 440px;
}

.main-news__inner ul {
    display: table-cell;
    height: 68px;
    vertical-align: middle;
}

.main-news__inner ul li {
    border-bottom: 1px solid #e1e3e6;
}

.main-news__inner ul li:last-child {
    border-bottom: none;
}

.main-news__inner ul li a {
    display: block;
    padding: 12px 0 12px 21px;
    background-image: url(/pc/img/icon_list-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 1.2em;
}

/*- main-topics ---------*/
.main-topics {
    margin-top: -15px;
    overflow: hidden;
}

.main-topics__list {
    float: left;
    width: 330px;
}

.main-topics__photo {
    float: right;
    width: 290px;
    margin-top: 17px;
}

.main-topics__photo-image {
    width: 290px;
    height: 217px;
    background-image: url(/pc/img/bg_sprite-1.0.png);
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.main-topics__photo-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 290px;
    max-height: 217px;
    margin: auto;
}

.main-topics__photo-text {
    margin-top: 10px;
    font-size: 14px;
}

.main-topics__photo-option {
    font-size: 12px;
}

/*- genre-tab ---------*/
.genre-tab {
    border-top: 1px solid #e1e3e6;
}

.genre-tab ul {
    border-left: 1px solid #e1e3e6;
    overflow: hidden;
}

.genre-tab ul li {
    float: left;
    width: 12.5%;
    border-right: 1px solid #e1e3e6;
    border-bottom: 2px solid #e1e3e6;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.genre-tab ul li a {
    display: block;
    padding: 14px 0;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.genre-tab ul li a:hover {
    text-decoration: none;
}

.genre-tab ul li.is-select a, .genre-tab ul li:hover a {
    font-weight: bold;
}

.genre-tab__category-all.is-select, .genre-tab__category-all:hover {
    border-bottom-color: #ed5853;
}

.genre-tab__category-all.is-select a, .genre-tab__category-all:hover a {
    color: #ed5853;
}

.genre-tab__category-entertainment.is-select, .genre-tab__category-entertainment:hover {
    border-bottom-color: #bf607f;
}

.genre-tab__category-entertainment.is-select a, .genre-tab__category-entertainment:hover a {
    color: #bf607f;
}

.genre-tab__category-poli-soci.is-select, .genre-tab__category-poli-soci:hover {
    border-bottom-color: #32a692;
}

.genre-tab__category-poli-soci.is-select a, .genre-tab__category-poli-soci:hover a {
    color: #32a692;
}

.genre-tab__category-sports.is-select, .genre-tab__category-sports:hover {
    border-bottom-color: #fa9200;
}

.genre-tab__category-sports.is-select a, .genre-tab__category-sports:hover a {
    color: #fa9200;
}

.genre-tab__category-busi-econ.is-select, .genre-tab__category-busi-econ:hover {
    border-bottom-color: #667fb6;
}

.genre-tab__category-busi-econ.is-select a, .genre-tab__category-busi-econ:hover a {
    color: #667fb6;
}

.genre-tab__category-world.is-select, .genre-tab__category-world:hover {
    border-bottom-color: #4c9ed9;
}

.genre-tab__category-world.is-select a, .genre-tab__category-world:hover a {
    color: #4c9ed9;
}

.genre-tab__category-it.is-select, .genre-tab__category-it:hover {
    border-bottom-color: #a166cc;
}

.genre-tab__category-it.is-select a, .genre-tab__category-it:hover a {
    color: #a166cc;
}

.genre-tab__category-life.is-select, .genre-tab__category-life:hover {
    border-bottom-color: #83a400;
}

.genre-tab__category-life.is-select a, .genre-tab__category-life:hover a {
    color: #83a400;
}

/*- genre-navigation-1 ---------*/
/* base */
.genre-navigation-1 {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 14px;
}

.genre-navigation-1.is-bottom {
    margin: 30px 0 0;
}

/* level1 */
.genre-navigation-1__level1 {
    overflow: hidden;
}

.genre-navigation-1__level1 > li {
    float: left;
    background-color: #1f2933;
}

.genre-navigation-1__level1 > li > a {
    display: block;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}

.genre-navigation-1__level1 > li > a:hover {
    text-decoration: none;
}

.genre-navigation-1__level1-all > a {
    width: 79px;
}

.genre-navigation-1__level1-all:hover, .genre-navigation-1__level1-all.is-current, .genre-navigation-1__level1-all.is-select {
    background-color: #ed5853;
}

.genre-navigation-1__level1-entertainment > a {
    width: 79px;
}

.genre-navigation-1__level1-entertainment:hover, .genre-navigation-1__level1-entertainment.is-current, .genre-navigation-1__level1-entertainment.is-select {
    background-color: #bf607f;
}

.genre-navigation-1__level1-poli-soci > a {
    width: 79px;
}

.genre-navigation-1__level1-poli-soci:hover, .genre-navigation-1__level1-poli-soci.is-current, .genre-navigation-1__level1-poli-soci.is-select {
    background-color: #32a692;
}

.genre-navigation-1__level1-sports > a {
    width: 91px;
}

.genre-navigation-1__level1-sports:hover, .genre-navigation-1__level1-sports.is-current, .genre-navigation-1__level1-sports.is-select {
    background-color: #fa9200;
}

.genre-navigation-1__level1-busi-econ > a {
    width: 79px;
}

.genre-navigation-1__level1-busi-econ:hover, .genre-navigation-1__level1-busi-econ.is-current, .genre-navigation-1__level1-busi-econ.is-select {
    background-color: #667fb6;
}

.genre-navigation-1__level1-world > a {
    width: 79px;
}

.genre-navigation-1__level1-world:hover, .genre-navigation-1__level1-world.is-current, .genre-navigation-1__level1-world.is-select {
    background-color: #4c9ed9;
}

.genre-navigation-1__level1-it > a {
    width: 79px;
}

.genre-navigation-1__level1-it:hover, .genre-navigation-1__level1-it.is-current, .genre-navigation-1__level1-it.is-select {
    background-color: #a166cc;
}

.genre-navigation-1__level1-life > a {
    width: 85px;
}

.genre-navigation-1__level1-life:hover, .genre-navigation-1__level1-life.is-current, .genre-navigation-1__level1-life.is-select {
    background-color: #83a400;
}

/*- genre-navigation-2 ---------*/
/* base */
.genre-navigation-2 {
    position: relative;
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 14px;
}

/* level1 */
.genre-navigation-2_level1-all a, .genre-navigation-2_level1-entertainment a, .genre-navigation-2_level1-poli-soci a, .genre-navigation-2_level1-sports a, .genre-navigation-2_level1-busi-econ a, .genre-navigation-2_level1-world a, .genre-navigation-2_level1-it a, .genre-navigation-2_level1-life a {
    color: #fff;
}

.genre-navigation-2_level1-entertainment a span, .genre-navigation-2_level1-poli-soci a span, .genre-navigation-2_level1-sports a span, .genre-navigation-2_level1-busi-econ a span, .genre-navigation-2_level1-world a span, .genre-navigation-2_level1-it a span, .genre-navigation-2_level1-life a span {
    padding: 0 12px;
    background-image: url(/pc/img/arrow_white-1.0.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.genre-navigation-2_level1-all:hover, .genre-navigation-2_level1-entertainment:hover, .genre-navigation-2_level1-poli-soci:hover, .genre-navigation-2_level1-sports:hover, .genre-navigation-2_level1-busi-econ:hover, .genre-navigation-2_level1-world:hover, .genre-navigation-2_level1-it:hover, .genre-navigation-2_level1-life:hover, .is-select.genre-navigation-2_level1-all, .is-select.genre-navigation-2_level1-entertainment, .is-select.genre-navigation-2_level1-poli-soci, .is-select.genre-navigation-2_level1-sports, .is-select.genre-navigation-2_level1-busi-econ, .is-select.genre-navigation-2_level1-world, .is-select.genre-navigation-2_level1-it, .is-select.genre-navigation-2_level1-life, .genre-navigation-2_level1-all:hover > a, .genre-navigation-2_level1-entertainment:hover > a, .genre-navigation-2_level1-poli-soci:hover > a, .genre-navigation-2_level1-sports:hover > a, .genre-navigation-2_level1-busi-econ:hover > a, .genre-navigation-2_level1-world:hover > a, .genre-navigation-2_level1-it:hover > a, .genre-navigation-2_level1-life:hover > a, .is-select.genre-navigation-2_level1-all > a, .is-select.genre-navigation-2_level1-entertainment > a, .is-select.genre-navigation-2_level1-poli-soci > a, .is-select.genre-navigation-2_level1-sports > a, .is-select.genre-navigation-2_level1-busi-econ > a, .is-select.genre-navigation-2_level1-world > a, .is-select.genre-navigation-2_level1-it > a, .is-select.genre-navigation-2_level1-life > a {
    color: #000;
}

.genre-navigation-2_level1-entertainment:hover span, .genre-navigation-2_level1-poli-soci:hover span, .genre-navigation-2_level1-sports:hover span, .genre-navigation-2_level1-busi-econ:hover span, .genre-navigation-2_level1-world:hover span, .genre-navigation-2_level1-it:hover span, .genre-navigation-2_level1-life:hover span, .is-select.genre-navigation-2_level1-all span, .is-select.genre-navigation-2_level1-entertainment span, .is-select.genre-navigation-2_level1-poli-soci span, .is-select.genre-navigation-2_level1-sports span, .is-select.genre-navigation-2_level1-busi-econ span, .is-select.genre-navigation-2_level1-world span, .is-select.genre-navigation-2_level1-it span, .is-select.genre-navigation-2_level1-life span {
    background-image: url(/pc/img/arrow_black-1.0.png);
}

.genre-navigation-2_level1 {
    overflow: hidden;
}

.genre-navigation-2_level1 > li {
    float: left;
    border-top: 3px solid #1f2933;
    background-color: #1f2933;
}

.genre-navigation-2_level1 > li > a {
    display: block;
    padding: 7px 0 10px;
    height: 100%;
    text-align: center;
}

.genre-navigation-2_level1 > li > a:hover {
    text-decoration: none;
}

.genre-navigation-2_level1-all > a {
    width: 79px;
}

.genre-navigation-2_level1-all:hover, .genre-navigation-2_level1-all.is-current {
    background-color: #ed5853;
    border-top-color: #ed5853;
}

.genre-navigation-2_level1-all:hover > a, .genre-navigation-2_level1-all.is-current > a {
    color: #fff;
}

.genre-navigation-2_level1-entertainment > a {
    width: 79px;
}

.genre-navigation-2_level1-entertainment:hover, .genre-navigation-2_level1-entertainment.is-select, .genre-navigation-2_level1-entertainment.is-current:hover, .genre-navigation-2_level1-entertainment.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #bf607f;
}

.genre-navigation-2_level1-entertainment.is-current {
    background-color: #bf607f;
    border-top-color: #bf607f;
}

.genre-navigation-2_level1-poli-soci > a {
    width: 79px;
}

.genre-navigation-2_level1-poli-soci:hover, .genre-navigation-2_level1-poli-soci.is-select, .genre-navigation-2_level1-poli-soci.is-current:hover, .genre-navigation-2_level1-poli-soci.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #32a692;
}

.genre-navigation-2_level1-poli-soci.is-current {
    background-color: #32a692;
    border-top-color: #32a692;
}

.genre-navigation-2_level1-sports > a {
    width: 91px;
}

.genre-navigation-2_level1-sports:hover, .genre-navigation-2_level1-sports.is-select, .genre-navigation-2_level1-sports.is-current:hover, .genre-navigation-2_level1-sports.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #fa9200;
}

.genre-navigation-2_level1-sports.is-current {
    background-color: #fa9200;
    border-top-color: #fa9200;
}

.genre-navigation-2_level1-busi-econ > a {
    width: 79px;
}

.genre-navigation-2_level1-busi-econ:hover, .genre-navigation-2_level1-busi-econ.is-select, .genre-navigation-2_level1-busi-econ.is-current:hover, .genre-navigation-2_level1-busi-econ.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #667fb6;
}

.genre-navigation-2_level1-busi-econ.is-current {
    background-color: #667fb6;
    border-top-color: #667fb6;
}

.genre-navigation-2_level1-world > a {
    width: 79px;
}

.genre-navigation-2_level1-world:hover, .genre-navigation-2_level1-world.is-select, .genre-navigation-2_level1-world.is-current:hover, .genre-navigation-2_level1-world.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #4c9ed9;
}

.genre-navigation-2_level1-world.is-current {
    background-color: #4c9ed9;
    border-top-color: #4c9ed9;
}

.genre-navigation-2_level1-it > a {
    width: 79px;
}

.genre-navigation-2_level1-it:hover, .genre-navigation-2_level1-it.is-select, .genre-navigation-2_level1-it.is-current:hover, .genre-navigation-2_level1-it.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #a166cc;
}

.genre-navigation-2_level1-it.is-current {
    background-color: #a166cc;
    border-top-color: #a166cc;
}

.genre-navigation-2_level1-life > a {
    width: 85px;
}

.genre-navigation-2_level1-life:hover, .genre-navigation-2_level1-life.is-select, .genre-navigation-2_level1-life.is-current:hover, .genre-navigation-2_level1-life.is-select.is-current {
    background-color: #f5f6f7;
    border-top-color: #83a400;
}

.genre-navigation-2_level1-life.is-current {
    background-color: #83a400;
    border-top-color: #83a400;
}

/* level2 */
.genre-navigation-2_level2 {
    display: none;
    position: absolute;
    left: 0;
    padding: 0px 12px;
    width: 650px;
    background-color: #f5f6f7;
    box-sizing: border-box;
}

.genre-navigation-2_level2 ul {
    overflow: hidden;
}

.genre-navigation-2_level2 ul li {
    float: left;
    box-sizing: border-box;
    width: 125px;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #e1e3e6;
}

.genre-navigation-2_level2 ul li:nth-child(n+6) {
    border-bottom: none;
}

.genre-navigation-2_level2 ul li.is-one-line {
    border-bottom: none;
}

.genre-navigation-2_level2 ul li a {
    display: block;
    color: #1247b2;
    padding: 5px 0;
    margin: 5px 2px 5px 2px;
    border-left: 1px solid #e1e3e6;
}

.genre-navigation-2_level2 ul li:first-child a,
.genre-navigation-2_level2 ul li:nth-child(5n+1) a {
    border-left: none;
}

.genre-navigation-2_level2 ul li a.is-length8 {
    font-size: 12px;
}

/*- genre-navigation-3 ---------*/
/* base */
.genre-navigation-3 {
    position: relative;
    margin-top: 15px;
    line-height: 1.4;
    font-size: 14px;
}

/* level1 */
.genre-navigation-3__level1 {
    overflow: hidden;
}

.genre-navigation-3__level1 > li {
    float: left;
    border-top: 3px solid #1f2933;
    background-color: #1f2933;
}

.genre-navigation-3__level1 > li > a {
    display: block;
    padding: 7px 0 10px;
    color: #fff;
    text-align: center;
}

.genre-navigation-3__level1 > li > a:hover {
    text-decoration: none;
}

.genre-navigation-3__level1 > li.is-select {
    background-color: #f5f6f7;
}

.genre-navigation-3__level1 > li.is-select:hover {
    background-color: #f5f6f7;
}

.genre-navigation-3__level1 > li.is-select > a {
    color: #000;
}

.genre-navigation-3__level1-all > a {
    width: 79px;
}

.genre-navigation-3__level1-all.is-select, .genre-navigation-3__level1-all.is-select:hover {
    border-top-color: #ed5853;
}

.genre-navigation-3__level1-all:hover, .genre-navigation-3__level1-all.is-current, .genre-navigation-3__level1-all.is-current:hover {
    background-color: #ed5853;
    border-top-color: #ed5853;
}

.genre-navigation-3__level1-entertainment > a {
    width: 79px;
}

.genre-navigation-3__level1-entertainment.is-select, .genre-navigation-3__level1-entertainment.is-select:hover {
    border-top-color: #bf607f;
}

.genre-navigation-3__level1-entertainment:hover, .genre-navigation-3__level1-entertainment.is-current, .genre-navigation-3__level1-entertainment.is-current:hover {
    background-color: #bf607f;
    border-top-color: #bf607f;
}

.genre-navigation-3__level1-poli-soci > a {
    width: 79px;
}

.genre-navigation-3__level1-poli-soci.is-select, .genre-navigation-3__level1-poli-soci.is-select:hover {
    border-top-color: #32a692;
}

.genre-navigation-3__level1-poli-soci:hover, .genre-navigation-3__level1-poli-soci.is-current, .genre-navigation-3__level1-poli-soci.is-current:hover {
    background-color: #32a692;
    border-top-color: #32a692;
}

.genre-navigation-3__level1-sports > a {
    width: 91px;
}

.genre-navigation-3__level1-sports.is-select, .genre-navigation-3__level1-sports.is-select:hover {
    border-top-color: #fa9200;
}

.genre-navigation-3__level1-sports:hover, .genre-navigation-3__level1-sports.is-current, .genre-navigation-3__level1-sports.is-current:hover {
    background-color: #fa9200;
    border-top-color: #fa9200;
}

.genre-navigation-3__level1-busi-econ > a {
    width: 79px;
}

.genre-navigation-3__level1-busi-econ.is-select, .genre-navigation-3__level1-busi-econ.is-select:hover {
    border-top-color: #667fb6;
}

.genre-navigation-3__level1-busi-econ:hover, .genre-navigation-3__level1-busi-econ.is-current, .genre-navigation-3__level1-busi-econ.is-current:hover {
    background-color: #667fb6;
    border-top-color: #667fb6;
}

.genre-navigation-3__level1-world > a {
    width: 79px;
}

.genre-navigation-3__level1-world.is-select, .genre-navigation-3__level1-world.is-select:hover {
    border-top-color: #4c9ed9;
}

.genre-navigation-3__level1-world:hover, .genre-navigation-3__level1-world.is-current, .genre-navigation-3__level1-world.is-current:hover {
    background-color: #4c9ed9;
    border-top-color: #4c9ed9;
}

.genre-navigation-3__level1-it > a {
    width: 79px;
}

.genre-navigation-3__level1-it.is-select, .genre-navigation-3__level1-it.is-select:hover {
    border-top-color: #a166cc;
}

.genre-navigation-3__level1-it:hover, .genre-navigation-3__level1-it.is-current, .genre-navigation-3__level1-it.is-current:hover {
    background-color: #a166cc;
    border-top-color: #a166cc;
}

.genre-navigation-3__level1-life > a {
    width: 85px;
}

.genre-navigation-3__level1-life.is-select, .genre-navigation-3__level1-life.is-select:hover {
    border-top-color: #83a400;
}

.genre-navigation-3__level1-life:hover, .genre-navigation-3__level1-life.is-current, .genre-navigation-3__level1-life.is-current:hover {
    background-color: #83a400;
    border-top-color: #83a400;
}

/* level2 */
.genre-navigation-3__level2-container {
    padding: 10px 12px;
    background-color: #f5f6f7;
    border-top: none;
}

.genre-navigation-3__level2 {
    display: none;
}

.genre-navigation-3__level2.is-select {
    display: block;
}

.genre-navigation-3__level2 ul {
    overflow: hidden;
}

.genre-navigation-3__level2 ul + ul {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e1e3e6;
}

.genre-navigation-3__level2 ul li {
    float: left;
    padding: 0 10px;
    width: 104px;
    border-left: 1px solid #e1e3e6;
    text-align: center;
}

.genre-navigation-3__level2 ul li:first-child {
    border-left: none;
}

.genre-navigation-3__level2 ul li.is-length8 {
    font-size: 13px;
}

.genre-navigation-3__level2 ul li a {
    display: block;
    color: #1247b2;
}

/*- baseball-navigation ---------*/
.baseball-navigation {
    display: table;
    overflow: hidden;
    height: 102px;
    background-color: #f5f6f7;
    margin-bottom: 30px;
}

.baseball-navigation__heading {
    display: table-cell;
    vertical-align: middle;
    width: 174px;
    background-image: url(/pc/img/baseball_navigation_bg-1.0.png);
    background-repeat: no-repeat;
    line-height: 102px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}

.baseball-navigation__heading > a {
    display: inline-block;
    line-height: 18px;
    padding-right: 24px;
    background-image: url(/pc/img/arrow03-1.0.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #fff;
}

.baseball-navigation__list li {
    float: left;
    width: 145px;
    margin: 10px 0 0 10px;
    text-align: center;
}

.baseball-navigation__list li > a {
    display: block;
    height: 34px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 0 #334c66;
    background-color: #4c7399;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

.baseball-navigation__list li > a:hover, .baseball-navigation__list li > a.is-current {
    background-color: #1f4266;
    box-shadow: 0 2px 0 #192633;
    text-decoration: none;
}

/*- team-navigation ---------*/
.team-navigation__list {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 10px;
    background-color: #f5f6f7;
}

.team-navigation__item {
    float: left;
    width: 96px;
    margin: 10px 0 0 10px;
}

.team-navigation__item > a {
    display: block;
    height: 34px;
    line-height: 36px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 14px;
}

.team-navigation__item > a:hover {
    text-decoration: none;
}

.team-navigation__item.is-giants {
    border-bottom: 2px solid #e16500;
}

.team-navigation__item.is-giants > a:hover, .team-navigation__item.is-giants > a.is-current {
    background-color: #e16500;
    color: #fff;
}

.team-navigation__item.is-tigers {
    border-bottom: 2px solid #ffcf4c;
}

.team-navigation__item.is-tigers > a:hover, .team-navigation__item.is-tigers > a.is-current {
    background-color: #ffcf4c;
    color: #000;
}

.team-navigation__item.is-carp {
    border-bottom: 2px solid #d14949;
}

.team-navigation__item.is-carp > a:hover, .team-navigation__item.is-carp > a.is-current {
    background-color: #d14949;
    color: #fff;
}

.team-navigation__item.is-dragons {
    border-bottom: 2px solid #1f5299;
}

.team-navigation__item.is-dragons > a:hover, .team-navigation__item.is-dragons > a.is-current {
    background-color: #1f5299;
    color: #fff;
}

.team-navigation__item.is-baystars {
    border-bottom: 2px solid #3d79cc;
}

.team-navigation__item.is-baystars > a:hover, .team-navigation__item.is-baystars > a.is-current {
    background-color: #3d79cc;
    color: #fff;
}

.team-navigation__item.is-swallows {
    border-bottom: 2px solid #324fa6;
}

.team-navigation__item.is-swallows > a:hover, .team-navigation__item.is-swallows > a.is-current {
    background-color: #324fa6;
    color: #fff;
}

.team-navigation__item.is-hawks {
    border-bottom: 2px solid #ffb845;
}

.team-navigation__item.is-hawks > a:hover, .team-navigation__item.is-hawks > a.is-current {
    background-color: #ffb845;
    color: #000;
}

.team-navigation__item.is-buffaloes {
    border-bottom: 2px solid #2e3f73;
}

.team-navigation__item.is-buffaloes > a:hover, .team-navigation__item.is-buffaloes > a.is-current {
    background-color: #2e3f73;
    color: #fff;
}

.team-navigation__item.is-fighters {
    border-bottom: 2px solid #397cbf;
}

.team-navigation__item.is-fighters > a:hover, .team-navigation__item.is-fighters > a.is-current {
    background-color: #397cbf;
    color: #fff;
}

.team-navigation__item.is-marines {
    border-bottom: 2px solid #404040;
}

.team-navigation__item.is-marines > a:hover, .team-navigation__item.is-marines > a.is-current {
    background-color: #404040;
    color: #fff;
}

.team-navigation__item.is-lions {
    border-bottom: 2px solid #364e99;
}

.team-navigation__item.is-lions > a:hover, .team-navigation__item.is-lions > a.is-current {
    background-color: #364e99;
    color: #fff;
}

.team-navigation__item.is-eagles {
    border-bottom: 2px solid #a3313a;
}

.team-navigation__item.is-eagles > a:hover, .team-navigation__item.is-eagles > a.is-current {
    background-color: #a3313a;
    color: #fff;
}

/*- schedule-tab ---------*/
.schedule-tab__list {
    overflow: hidden;
    height: 40px;
    padding: 4px 4px 0 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 -2px 0 0 #334c66 inset;
    border-radius: 4px 4px 0 0;
    background-color: #4c7399;
}

.schedule-tab__item {
    float: left;
    width: 64px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #b4c1d0;
}

.schedule-tab__item a {
    color: #fff;
    display: block;
}

.schedule-tab__item.is-current a {
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    color: #000;
    text-decoration: none;
}

.schedule-tab__item.is-current a em {
    font-style: normal;
    font-weight: bold;
}

/*- ad-box ---------*/
.ad-box {
    margin: 30px auto;
    width: 620px;
    overflow: hidden;
}

.ad-box__left {
    float: left;
}

.ad-box__right {
    float: right;
}

.ad-box + .ad-box {
    margin-top: -10px;
}

/*- topic-path ---------*/
.topic-path {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e3e6;
}

.topic-path li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 22px;
    background-image: url(/pc/img/arrow_right-1.0.png);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 14px;
}

.topic-path li:last-child {
    background-image: none;
}

/*- topic-container ---------*/
.topic-container {
    padding-bottom: 20px;
    border-bottom: 2px solid #e1e3e6;
}

/*- topic-detail-title ---------*/
.topic-detail-title {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e3e6;
}

.topic-detail-title__heading {
    font-size: 28px;
    font-weight: normal;
}

.topic-detail-title__option {
    font-size: 14px;
}

/*- topic-detail ---------*/
.topic-detail {
    overflow: hidden;
}

.topic-detail__photo {
    float: left;
    margin: 0 20px 20px 0;
    width: 260px;
}

.topic-detail__photo-text {
    padding: 10px;
    background-color: #f5f6f7;
    font-size: 14px;
}

.topic-detail__photo-frame {
    bottom: 0;
    width: 260px;
    height: 195px;
    background-image: url(/pc/img/bg_sprite-1.0.png);
    text-align: center;
    position: relative;
}

.topic-detail__photo-frame a {
    display: block;
    height: 195px;
}

.topic-detail__photo-frame .topic-detail__photo-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 260px;
    max-height: 195px;
    margin: auto;
}

.topic-detail__photo-frame .topic-detail__photo-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.topic-detail__ad {
    float: left;
    margin: 0 20px 20px 0;
    width: 300px;
}

.topic-detail__text {
    margin-bottom: 20px;
    line-height: 1.6;
}

.topic-detail__text img {
    max-width: 100%;
    height: auto;
}

.topic-detail__text-link {
    margin-bottom: 5px;
    font-size: 18px;
}

.topic-detail__text-option {
    margin-bottom: 10px;
    font-size: 12px;
}

.topic-detail__text-block {
    font-size: 14px;
}

.topic-detail__text-overdue {
    text-align: right;
    margin-top: 20px;
    color: #000;
}

.topic-detail__text-overdue span {
    display: inline-block;
    padding: 5px 20px;
    background-color: #f1f1f1;
}

.topic-detail + .pager {
    padding: 10px 30px;
}

/*- large-photo ---------*/
.large-photo {
    margin-bottom: 20px;
    width: 650px;
}

.large-photo .large-photo__nav-prev a, .large-photo__nav-prev .large-photo a, .large-photo .large-photo__nav-next a, .large-photo__nav-next .large-photo a {
    display: block;
    width: 30px;
    height: 70px;
    background-image: url(/pc/img/arrow_large_photo-1.0.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.large-photo__nav-prev {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
}

.large-photo__nav-prev a {
    background-position: left top;
}

.large-photo__nav-prev a:hover {
    background-position: left bottom;
}

.large-photo__image {
    display: table-cell;
    width: 590px;
    vertical-align: middle;
    text-align: center;
}

.large-photo__image img {
    max-width: 590px;
}

.large-photo__nav-next {
    display: table-cell;
    width: 30px;
    vertical-align: middle;
}

.large-photo__nav-next a {
    background-position: right top;
}

.large-photo__nav-next a:hover {
    background-position: right bottom;
}

/*- large-photo-caption ---------*/
.large-photo-caption {
    margin-bottom: 20px;
}

/*- pager ---------*/
.pager {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
}

.pager li {
    display: inline-block;
}

.pager li a:visited {
    color: #1247b2;
}

.pager__nav-prev {
    padding-left: 20px;
    background-image: url(/pc/img/arrow_double01-1.0.png);
    background-repeat: no-repeat;
    background-position: left 0.4em;
}

.pager__nav-prev.is-disabled {
    color: #868686;
    background-image: url(/pc/img/arrow_double01_gray-1.0.png);
}

.pager__nav-next {
    padding-right: 20px;
    background-image: url(/pc/img/arrow_double02-1.0.png);
    background-repeat: no-repeat;
    background-position: right 0.4em;
}

.pager__nav-next.is-disabled {
    color: #868686;
    background-image: url(/pc/img/arrow_double02_gray-1.0.png);
}

.pager__page {
    margin: 0 15px;
}

.pager__page li {
    margin: 0 3px;
}

.pager__page-number a {
    display: inline-block;
    padding: 4px 9px 2px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

.pager__page-number a:hover {
    border-color: #1247b2;
}

.pager__page-current {
    display: inline-block;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding: 4px 8px 2px;
    font-weight: bold;
}

.pager__page-ellipsis {
    display: inline-block;
    border: none;
    position: relative;
    top: 5px;
}

/*- pager3 ---------*/
.pager3_nav a {
    display: block;
    padding: 3px 9px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

.pager3_nav a:hover {
    border-color: #1247b2;
}

.pager3_nav a:visited {
    color: #1247b2;
}

.pager3_nav img {
    vertical-align: middle;
}

.pager3_nav.is-disabled {
    padding: 3px 9px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

.pager3_page {
    margin: 0 15px;
}

.pager3_page li {
    margin: 0 1px;
}

.pager3_page li a {
    display: block;
    padding: 3px 9px;
}

.pager3_page-number {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

.pager3_page-number:hover {
    border-color: #1247b2;
}

.pager3_page-current {
    padding: 3px 9px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    font-weight: bold;
}

.pager3_page-ellipsis {
    position: relative;
    top: 5px;
}

/*- schedule-pager ---------*/
.schedule-pager {
    position: relative;
    height: 50px;
    margin: 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    border: 1px solid #e1e3e6;
}

.schedule-pager__date {
    position: absolute;
    width: 100%;
}

.schedule-pager__date em {
    font-weight: bold;
    font-style: normal;
}

.schedule-pager li {
    position: absolute;
    display: inline-block;
}

.schedule-pager li a:visited {
    color: #1247b2;
}

.schedule-pager__nav-prev {
    left: 20px;
    padding: 0 20px;
    background-image: url(/pc/img/arrow_double01-1.0.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.schedule-pager__nav-prev.is-disabled {
    background-image: url(/pc/img/arrow_double01_gray-1.0.png);
    color: #868686;
}

.schedule-pager__nav-next {
    right: 20px;
    padding: 0 20px;
    background-image: url(/pc/img/arrow_double02-1.0.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.schedule-pager__nav-next.is-disabled {
    background-image: url(/pc/img/arrow_double02_gray-1.0.png);
    color: #868686;
}

/*- pager-prev-next ---------*/
.pager-prev-next {
    padding: 10px 0;
    height: 40px;
}

/*- publisher-logo-container ---------*/
.publisher-logo-container {
    overflow: hidden;
}

.publisher-logo-container__left-column {
    float: left;
    width: 495px;
}

.publisher-logo-container__right-column {
    float: right;
    width: 150px;
    text-align: right;
}

.publisher-logo-container__right-column img {
    max-width: 150px;
    max-height: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.publisher-list__logo__article {
    position: relative;
    width: 145px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}

/*- subscribe-newspaper ---------*/
.subscribe-newspaper {
    text-align: right;
}

/*- warning ---------*/
.warning {
    margin: 0 30px 20px;
}

.warning__box {
    padding: 20px 25px;
    border: 1px solid #cc0000;
    overflow: hidden;
}

.warning__box-column-1 {
    float: left;
    width: 760px;
}

.warning__box-column-2 {
    float: right;
    width: 150px;
}

.warning__box + .warning__box {
    margin-top: 10px;
}

.warning__heading {
    margin-bottom: 5px;
    color: #cc0000;
    font-size: 18px;
}

.warning__heading span {
    display: inline-block;
    margin-right: 15px;
}

.warning__text {
    font-size: 14px;
    line-height: 1.2;
}

.warning__text span {
    display: inline-block;
    margin-right: 15px;
}

.warning__text strong {
    color: #cc0000;
}

.warning__text + .warning__text {
    margin-top: 8px;
}

.warning__share {
    margin-bottom: 10px;
    padding-bottom: 2px;
    overflow: hidden;
}

.warning__share a {
    display: block;
    width: 70px;
    height: 28px;
    border-radius: 5px;
    background-image: url(/pc/img/social_icon-1.0.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.warning__share-facebook {
    float: left;
    background-color: #3b5998;
    background-position: center -495px;
    box-shadow: 0 2px 0 #283b66;
}

.warning__share-facebook:hover {
    background-color: #284073;
    box-shadow: 0 2px 0 #1e2d4d;
}

.warning__share-twitter {
    float: right;
    background-color: #55acee;
    background-position: center -594px;
    box-shadow: 0 2px 0 #4081b3;
}

.warning__share-twitter:hover {
    background-color: #3081bf;
    box-shadow: 0 2px 0 #3273a6;
}

.warning__button a {
    display: block;
    box-shadow: 0 2px 0 #ab0000;
    padding: 6px 0;
    width: 150px;
    background-color: #cc0000;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.warning__button a:hover {
    box-shadow: 0 2px 0 #800000;
    background-color: #a60000;
    text-decoration: none;
}

.warning__button-bottom {
    margin-top: 40px;
}

/*- caution ---------*/
.caution {
    margin: 0 30px 20px;
}

.caution__box {
    padding: 20px 25px;
    border: 1px solid #ff7800;
    overflow: hidden;
}

.caution__box-column-1 {
    float: left;
    width: 760px;
}

.caution__box-column-2 {
    float: right;
    width: 150px;
}

.caution__box + .caution__box {
    margin-top: 10px;
}

.caution__heading {
    margin-bottom: 5px;
    color: #ff7800;
    font-size: 18px;
}

.caution__heading span {
    display: inline-block;
    margin-right: 15px;
}

.caution__text {
    font-size: 14px;
    line-height: 1.2;
}

.caution__text span {
    display: inline-block;
    margin-right: 15px;
}

.caution__text strong {
    color: #ff7800;
}

.caution__text + .caution__text {
    margin-top: 8px;
}

.caution__share {
    margin-bottom: 10px;
    padding-bottom: 2px;
    overflow: hidden;
}

.caution__share a {
    display: block;
    width: 70px;
    height: 28px;
    border-radius: 5px;
    background-image: url(/pc/img/social_icon-1.0.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.caution__share-facebook {
    float: left;
    background-color: #3b5998;
    background-position: center -495px;
    box-shadow: 0 2px 0 #283b66;
}

.caution__share-facebook:hover {
    background-color: #284073;
    box-shadow: 0 2px 0 #1e2d4d;
}

.caution__share-twitter {
    float: right;
    background-color: #55acee;
    background-position: center -594px;
    box-shadow: 0 2px 0 #4081b3;
}

.caution__share-twitter:hover {
    background-color: #3081bf;
    box-shadow: 0 2px 0 #3273a6;
}

.caution__button a {
    display: block;
    box-shadow: 0 2px 0 #d94100;
    padding: 6px 0;
    width: 150px;
    background-color: #ff7800;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.caution__button a:hover {
    box-shadow: 0 2px 0 #bf3900;
    background-color: #e54d00;
    text-decoration: none;
}

.caution__button-bottom {
    margin-top: 40px;
}

/*- error-box ---------*/
.error-box {
    margin-bottom: 20px;
    padding: 2px;
    font-size: 14px;
    background-image: url(/pc/img/bg_sprite_error-1.0.png);
}

.error-box__container {
    background-color: #fff;
    padding: 15px 30px;
}

.error-box__heading {
    font-size: 18px;
    padding-left: 30px;
    background-image: url(/pc/img/icon_error-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #cc0000;
}

.error-box p {
    margin-top: 5px;
}

/*- alert-box ---------*/
.alert-box {
    margin: 20px 0;
    padding: 15px 30px;
    border: 1px solid #cc0000;
    color: #cc0000;
    font-size: 14px;
}

/*- explanation-box ---------*/
.explanation-box {
    border: 1px solid #e1e3e6;
    padding: 15px 30px;
}

.explanation-box__title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #e1e3e6;
    font-weight: bold;
}

.explanation-box__sub-title {
    padding-left: 20px;
    background-image: url(/pc/img/icon_square-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0.4em;
}

/*- publisher-introduction ---------*/
.publisher-introduction {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.publisher-introduction__logo {
    float: left;
    border: 1px solid #e1e3e6;
    width: 258px;
    height: 88px;
}

.publisher-introduction__logo a {
    display: table-cell;
    width: 258px;
    height: 88px;
    vertical-align: middle;
    text-align: center;
}

.publisher-introduction__logo a img {
    max-width: 258px;
    max-height: 88px;
}

.publisher-introduction__text {
    float: right;
    width: 372px;
    line-height: 1.75;
}

/*- lead-text ---------*/
.lead-text {
    margin: 20px 0 30px;
}

/*- search-article-controls ---------*/
.search-article-controls {
    margin-top: 20px;
    padding: 15px 20px;
    background-color: #f2f2f2;
    overflow: hidden;
}

.search-article-controls__radio {
    float: left;
    margin-top: 8px;
    width: 200px;
}

.search-article-controls__radio li {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
}

.search-article-controls__radio li input[type=radio] {
    display: none;
}

.search-article-controls__radio li label {
    display: inline-block;
    cursor: pointer;
    padding-left: 25px;
    background-image: url(/pc/img/icon_checked02-1.0.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.search-article-controls__radio li label.js-checked {
    background-image: url(/pc/img/icon_checked01-1.0.png);
}

.search-article-controls__keyword {
    float: right;
    width: 406px;
    height: 40px;
    overflow: hidden;
}

.search-article-controls__keyword-input {
    float: left;
    padding: 0 10px;
    width: 338px;
    height: 38px;
    border: 1px solid #c8cacc;
    border-right: none;
    border-radius: 5px 0 0 5px;
    line-height: 38px;
    font-size: 14px;
}

.search-article-controls__submit {
    float: left;
    background-color: #395673;
    background-image: url(/pc/img/icon_search-1.0.png);
    background-repeat: no-repeat;
    background-position: 16px 12px;
    text-indent: -9999px;
    overflow: hidden;
    width: 46px;
    height: 40px;
    border-radius: 0 5px 5px 0;
    border: none;
    cursor: pointer;
}

.search-article-controls__submit:hover {
    background-color: #294766;
}

/*- result-number ---------*/
.result-number {
    padding: 15px 0;
}

/*- free-edit-area ---------*/
.free-edit-area {
    margin-bottom: 30px;
}

/*- not-article ---------*/
.not-article {
    margin: 30px 0;
}

/*- not-found ---------*/
.not-found {
    margin: 70px auto 100px;
    width: 580px;
}

.not-found__heading {
    font-family: arial;
    font-size: 44px;
    text-align: center;
}

.not-found__title {
    margin-bottom: 25px;
    font-weight: bold;
    text-align: center;
}

.not-found__text {
    margin-bottom: 20px;
    text-align: center;
}

.not-found__list {
    padding: 18px 20px;
    background-color: #f7f7f7;
}

.not-found__list li {
    padding-left: 18px;
    background-image: url(/pc/img/icon_list_black-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0.5em;
}

.not-found__list li + li {
    margin-top: 5px;
}

/*- summary-lead ---------*/
.summary-lead {
    margin-bottom: 20px;
    overflow: hidden;
}

.summary-lead__text {
    float: left;
    width: 370px;
}

.summary-lead__text-heading {
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: normal;
}

.summary-lead__text-heading span {
    display: block;
    font-size: 14px;
}

.summary-lead__text-description {
    color: #666;
}

.summary-lead__image {
    float: right;
    width: 260px;
}

/*- summary-data ---------*/
.summary-data {
    display: table;
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
}

.summary-data__date {
    display: table-cell;
    padding: 15px 20px;
    width: 90px;
    background-color: #f7f7f7;
    vertical-align: top;
}

.summary-data__date span {
    display: block;
    font-size: 14px;
}

.summary-data__detail {
    display: table-cell;
    width: 520px;
    vertical-align: top;
}

.summary-data + .summary-data {
    border-top: none;
}

/*- summary-data-list ---------*/
.summary-data-list li {
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.summary-data-list li:last-child {
    border-bottom: none;
}

.summary-data-list__text {
    float: left;
    width: 430px;
}

.summary-data-list__text-link {
    display: inline-block;
    padding: 3px 0;
}

.summary-data-list__text-option {
    font-size: 12px;
}

.summary-data-list__image {
    float: right;
    width: 50px;
}

/*- game-flash ---------*/
.game-flash {
    border-top: 3px solid #1f2933;
}

.game-flash__container {
    border-bottom: 2px solid #e1e3e6;
    background-image: url(/pc/img/bg_sprite-1.0.png);
    padding-bottom: 20px;
}

.game-flash__heading {
    width: 380px;
    margin: 0 auto 20px;
    background-image: url(/pc/img/game_flash_heading-1.0.png);
    background-repeat: no-repeat;
    text-align: center;
    font-weight: normal;
    line-height: 35px;
    color: #fff;
}

/*- game-panel ---------*/
.game-panel {
    display: table;
}

.game-panel__box {
    display: table-cell;
    width: 310px;
    padding-left: 10px;
}

/*- exchange-game-panel ---------*/
.exchange-game-panel {
    overflow: hidden;
    width: 630px;
    margin-left: 10px;
}

.exchange-game-panel__box .game-board {
    margin-left: -10px;
}

.exchange-game-panel__box .game-board-item {
    margin: 10px 0 0 10px;
    float: left;
    width: 310px;
}

/*- game-panel-none ---------*/
.game-panel-none {
    margin-top: 20px;
    padding-top: 40px;
    height: 62px;
    background-image: url(/pc/img/game_board_bg-1.0.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}

/*- game-board ---------*/
.game-board-item {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    color: #999999;
}

.game-board-item.is-after, .game-board-item.is-cancel {
    padding: 0;
    border: 1px solid #c5c5c5;
}

.game-board-item.is-after:hover, .game-board-item.is-cancel:hover {
    border: 1px solid #1247b2;
}

.game-board-item__link {
    display: block;
    padding: 10px;
    color: #000;
}

.game-board-item__link:link {
    color: #000;
}

.game-board-item__link:hover {
    color: #000;
    text-decoration: none;
}

.game-board-item__link:visited {
    color: #000;
}

.game-board-item__state {
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #a2a2a2;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}

.game-board-item__state.is-finish {
    border: 1px solid #1f2933;
    background-color: #fff;
    color: #000;
}

.game-board-item__state.is-during {
    background-color: #e64545;
    color: #fff;
}

.game-board-item__score {
    display: table;
    width: 100%;
    margin-top: 5px;
    height: 30px;
}

.game-board-item__score dl {
    display: table-cell;
    overflow: hidden;
    width: 140px;
}

.game-board-item__score dl dt {
    width: 90px;
    font-size: 14px;
}

.game-board-item__score dl dd {
    width: 50px;
    font-size: 20px;
}

.game-board-item__score dl dd em {
    font-style: normal;
    font-weight: bold;
}

.game-board-item__score-left dt {
    float: left;
}

.game-board-item__score-left dd {
    float: right;
}

.game-board-item__score-right dt {
    float: right;
}

.game-board-item__score-right dd {
    float: left;
}

.game-board-item__score-hyphen {
    display: table-cell;
    vertical-align: middle;
}

.game-board-item__score-team {
    border-bottom: 3px solid #a2a2a2;
}

.game-board-item__score-team.is-giants {
    border-bottom-color: #e16500;
}

.game-board-item__score-team.is-tigers {
    border-bottom-color: #ffcf4c;
}

.game-board-item__score-team.is-carp {
    border-bottom-color: #d14949;
}

.game-board-item__score-team.is-dragons {
    border-bottom-color: #1f5299;
}

.game-board-item__score-team.is-baystars {
    border-bottom-color: #3d79cc;
}

.game-board-item__score-team.is-swallows {
    border-bottom-color: #324fa6;
}

.game-board-item__score-team.is-hawks {
    border-bottom-color: #ffb845;
}

.game-board-item__score-team.is-buffaloes {
    border-bottom-color: #2e3f73;
}

.game-board-item__score-team.is-fighters {
    border-bottom-color: #397cbf;
}

.game-board-item__score-team.is-marines {
    border-bottom-color: #404040;
}

.game-board-item__score-team.is-lions {
    border-bottom-color: #364e99;
}

.game-board-item__score-team.is-eagles {
    border-bottom-color: #a3313a;
}

.game-board-item__score-team.is-central {
    border-bottom-color: #468c55;
}

.game-board-item__score-team.is-pacific {
    border-bottom-color: #5090b4;
}

.game-board-none {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

.game-board-none span {
    display: block;
    line-height: 80px;
    background-image: url(/pc/img/game_board_bg2-1.0.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/*- baseball-league-box ---------*/
.baseball-league-box {
    overflow: hidden;
}

.baseball-league-box__left, .baseball-league-box__right {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.baseball-league-box__left {
    border-right: 1px solid #e1e3e6;
}

.baseball-league-box__left > .baseball-ranking-table {
    border-right: none;
}

.baseball-league-box__right {
    border-left: 1px solid #e1e3e6;
}

.baseball-league-box__right > .baseball-ranking-table {
    border-left: none;
}

/*- topics-pickup ---------*/
.topics-pickup {
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e3e6;
}

.topics-pickup__text {
    float: left;
    width: 430px;
}

.topics-pickup__text-link {
    display: inline-block;
    padding: 3px 0;
}

.topics-pickup__text-option {
    font-size: 12px;
}

.topics-pickup__text-summary {
    padding-top: 10px;
    font-size: 14px;
}

.topics-pickup__image {
    float: right;
    width: 200px;
}

/*- baseball-score ---------*/
.baseball-score {
    margin-top: 15px;
}

.baseball-score + .baseball-score {
    margin-top: 20px;
}

.baseball-score__heading {
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.baseball-score__state {
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #a2a2a2;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
}

.baseball-score__state.is-finish {
    border: 1px solid #1f2933;
    background-color: #fff;
    color: #000;
}

.baseball-score__state.is-during {
    background-color: #e64545;
    color: #fff;
}

.baseball-score-none {
    display: block;
    margin-top: 15px;
    line-height: 80px;
    background-image: url(/pc/img/game_board_bg2-1.0.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

/*- score-update ---------*/
.score-update {
    margin-bottom: 10px;
    text-align: right;
    font-size: 12px;
}

/* LIST MODULE
/*+---------------------------------*/
/*- topics-mini-list-container ---------*/
.topics-mini-list-container {
    overflow: hidden;
}

.topics-mini-list-container .topics-mini-list {
    float: left;
    width: 315px;
}

.topics-mini-list-container .topics-mini-list + .topics-mini-list {
    float: right;
}

/*- topics-mini-list ---------*/
.topics-mini-list {
    margin: 10px 0;
}

.topics-mini-list li {
    border-bottom: 1px solid #e1e3e6;
}

.topics-mini-list li:last-child {
    border-bottom: none;
}

.topics-mini-list li a {
    display: block;
    padding: 8px 0;
}

.topics-mini-list li a .icon-new {
    margin-left: 7px;
}

/*- topics-list ---------*/
.topics-list li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.topics-list li:last-child {
    border-bottom: none;
}

.topics-list__text {
    float: left;
    padding: 5px 0;
    width: 570px;
}

.topics-list__text-link {
    display: inline-block;
    padding: 3px 0;
}

.topics-list__text-option {
    font-size: 12px;
}

.topics-list__image {
    float: right;
    width: 60px;
}

.topics-list + .pager {
    border-top: 1px solid #e1e3e6;
}

/*- ranking-list ---------*/
.ranking-list li {
    display: table;
    min-height: 102px;
    width: 100%;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.ranking-list li:last-child {
    border-bottom: none;
}

.ranking-list li:nth-child(5) {
    border-bottom-width: 2px;
}

.ranking-list__rank {
    display: table-cell;
    width: 40px;
    background-color: #f7f7f7;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    color: #566473;
    font-size: 28px;
    font-family: arial;
    font-style: italic;
}

.ranking-list__rank.is-level2 {
    color: #6c7680;
    font-size: 22px;
}

.ranking-list__text {
    float: left;
    width: 510px;
    padding: 15px 20px;
}

.ranking-list__text-link {
    display: inline-block;
    padding: 3px 0;
}

.ranking-list__text-option {
    font-size: 12px;
}

.ranking-list__image {
    float: left;
    padding: 15px 0;
    width: 60px;
}

/*- news-flash-list-container ---------*/
.news-flash-list-container {
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
}

/*- news-flash-list ---------*/
.news-flash-list {
    margin-left: 8px;
    border-left: 2px solid #e1e3e6;
}

.news-flash-list li {
    border-bottom: 1px solid #e1e3e6;
    padding: 10px 0 10px 22px;
}

.news-flash-list li:before, .news-flash-list li:after {
    content: " ";
    display: table;
}

.news-flash-list li:after {
    clear: both;
}

.news-flash-list li {
    *zoom: 1;
}

.news-flash-list li:last-child {
    border-bottom: none;
}

.news-flash-list__date {
    margin-left: -32px;
    padding: 7px 0 0 32px;
    background-image: url(/pc/img/icon_timeline-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
    font-size: 14px;
}

.news-flash-list__title {
    display: inline-block;
    padding: 3px 0;
}

/*- tag-list ---------*/
.tag-list {
    margin-top: 10px;
    margin-bottom: -12px;
}

.tag-list li {
    display: inline-block;
    margin-bottom: 12px;
}

.tag-list li a {
    display: inline-block;
    padding: 6px 17px;
    background-color: #f0f1f2;
    border-radius: 5px;
    box-shadow: 0 2px 0 #e1e4e6;
    font-size: 14px;
    color: #000;
}

.tag-list li a:hover {
    background-color: #e3e4e6;
    box-shadow: 0 2px 0 #d4d7d9;
    text-decoration: none;
}

/*- photo-list-3column ---------*/
.photo-list-3column {
    margin-bottom: 20px;
    overflow: hidden;
}

.photo-list-3column li {
    float: left;
    margin-left: 19px;
    width: 204px;
}

.photo-list-3column li:first-child {
    margin-left: 0;
}

.photo-list-3column__photo {
    width: 203px;
    height: 120px;
    background-image: url(/pc/img/bg_sprite-1.0.png);
    text-align: center;
    position: relative;
    display: block;
}

.photo-list-3column__photo > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 203px;
    max-height: 120px;
    margin: auto;
}

.photo-list-3column__photo .photo-list-3column__photo-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.photo-list-3column__title {
    margin-top: 5px;
    font-size: 14px;
}

.photo-list-3column__option {
    margin-top: 5px;
    font-size: 12px;
}

.photo-list-3column__button {
    margin-top: 8px;
    display: block;
    padding: 6px 0;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

.photo-list-3column + .pager {
    border-top: 1px solid #e1e3e6;
}

/*- photo-list-3column focus---------*/
.photo-list-3column.focus {
    overflow: visible;
}

.photo-list-3column.focus:after {
    content: "";
    clear: both;
    display: block;
}

.photo-list-3column.focus li {
    border-top: 1px solid #e1e3e6;
    padding-top: 20px;
    margin-left: 20px;
    width: 203px;
}

.photo-list-3column.focus li:first-child {
    margin-left: 0;
}

.feature-list-items > .photo-list-3column.focus:first-child li {
    border-top: none;
    padding-top: 0;
}

.photo-list-3column.focus .photo-list-3column__title.large {
    font-size: 16px;
    word-break: break-all;
    word-wrap: break-word;
}

.photo-list-3column.focus .photo-list-3column__photo {
    height: 135px;
}

.photo-list-3column.focus .photo-list-3column__photo > img {
    max-height: 135px;
}

.photo-list-3column.focus .photo-list-3column__photo .icon-new {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
    margin-left: 0;
    width: 34px;
    height: 14px;
    background-image: url(/pc/img/icon_new_white-1.0.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #d72626;
    text-indent: -9999px;
    text-align: center;
    overflow: hidden;
}

/*- photo-list-4column ---------*/
.photo-list-4column {
    margin-bottom: 20px;
    overflow: hidden;
}

.photo-list-4column li {
    float: left;
    margin-left: 20px;
    width: 147px;
}

.photo-list-4column li:first-child {
    margin-left: 0;
}

.photo-list-4column__photo {
    position: relative;
    width: 147px;
    height: 100px;
    background-image: url(/pc/img/bg_sprite-1.0.png);
    text-align: center;
    display: block;
}

.photo-list-4column__photo a {
    display: block;
    height: 195px;
}

.photo-list-4column__photo > img {
    max-width: 147px;
    max-height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.photo-list-4column__photo .photo-list-4column__photo-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.photo-list-4column__title {
    margin-top: 5px;
    font-size: 14px;
}

.photo-list-4column__option {
    margin-top: 6px;
    font-size: 12px;
}

.photo-list-4column__button {
    margin-top: 8px;
    display: block;
    padding: 6px 0;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

/*- link-list ---------*/
.link-list {
    margin: 18px 0;
}

.link-list li {
    margin-bottom: 8px;
    font-size: 13px;
}

.link-list li:last-child {
    margin-bottom: 0;
}

/*- social-news-list ---------*/
.social-news-list li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.social-news-list li:last-child {
    border-bottom: none;
}

.social-news-list__link {
    display: inline-block;
    padding: 3px 0;
}

.social-news-list__option {
    font-size: 12px;
}

.social-news-list__option-icon {
    margin-right: 7px;
}

.social-news-list__option-icon img {
    vertical-align: bottom;
}

.social-news-list__option-name {
    margin-right: 7px;
}

/*- aiueo-list ---------*/
.aiueo-list {
    margin: 20px 0;
    overflow: hidden;
}

.aiueo-list li {
    float: left;
    margin-left: 10px;
    width: 56px;
}

.aiueo-list li:first-child {
    margin-left: 0;
}

.aiueo-list li a {
    display: block;
    padding: 6px 0;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

/*- publisher-list-container ---------*/
.publisher-list-container {
    margin: 20px 0 30px;
}

/*- publisher-list ---------*/
.publisher-list {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.publisher-list:before {
    content: "";
    display: block;
    width: 146px;
    height: 0;
    order: 1;
}

.publisher-list:after {
    content: "";
    display: block;
    width: 146px;
    height: 0;
}

.publisher-list li {
    width: 146px;
    margin-bottom: 10px;
}

.publisher-list__logo {
    position: relative;
    border: 1px solid #e1e3e6;
    width: 144px;
    height: 68px;
    vertical-align: middle;
    text-align: center;
}

.publisher-list__logo img {
    max-width: 144px;
    max-height: 68px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.publisher-list__name {
    margin-top: 5px;
    font-size: 14px;
}

/*- article-list ---------*/
.article-list {
    border-top: 1px solid #e1e3e6;
}

.article-list li {
    border-bottom: 1px solid #e1e3e6;
}

.article-list li a {
    display: block;
    padding: 10px 0;
    overflow: hidden;
}

.article-list li a:hover {
    background-color: #f2f2f2;
}

.article-list__text {
    float: left;
    padding: 5px 0;
    width: 570px;
}

.article-list__text-option {
    margin-bottom: 10px;
    font-size: 12px;
    color: #000;
}

.article-list__text-description {
    font-size: 14px;
    color: #666;
}

.article-list__image {
    float: right;
    width: 60px;
}

/*- topics-2column-list ---------*/
.topics-2column-list {
    overflow: hidden;
}

.topics-2column-list li {
    float: left;
    margin-bottom: 20px;
    width: 310px;
    overflow: hidden;
}

ul.topics-2column-list > *:first-child + * {
    float: right;
}

.topics-2column-list__image {
    float: left;
    width: 96px;
}

.topics-2column-list__text {
    float: right;
    width: 194px;
}

.topics-2column-list__text-link {
    margin-bottom: 5px;
}

.topics-2column-list__text-option {
    font-size: 12px;
}

.topics-2column-list + .pager {
    border-top: 1px solid #e1e3e6;
}

/*- backnumber-container ---------*/
.backnumber-container + .backnumber-container {
    margin-top: 10px;
}

.backnumber-container + .pager {
    border-top: 2px solid #e1e3e6;
}

/*- backnumber-list ---------*/
.backnumber-list {
    overflow: hidden;
}

.backnumber-list.first li {
    border-top: none;
}

.backnumber-list li {
    float: left;
    padding: 10px 0;
    border-top: 1px solid #e1e3e6;
    width: 315px;
}

.backnumber-list li + li {
    float: right;
}

.backnumber-list__link {
    margin-bottom: 5px;
}

.backnumber-list__option {
    font-size: 12px;
}

/*- sitemap-list ---------*/
.sitemap-list {
    overflow: hidden;
    margin-bottom: 15px;
}

.sitemap-list li.sitemap-list__item {
    float: left;
    width: 146px;
    margin-left: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.sitemap-list li.sitemap-list__item:first-child,
.sitemap-list li.sitemap-list__item:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
}

.sitemap-list li.sitemap-list__item a.sitemap-list__link {
    display: inline-block;
    padding-left: 25px;
    background: url(/pc/img/arrow_square_black-1.0.png) no-repeat left 4px;
}

.sitemap-list li.sitemap-list__item a.sitemap-list__link {
    display: inline-block;
    padding-left: 25px;
    background: url(/pc/img/arrow_square_black-1.0.png) no-repeat left 4px;
}

.sitemap-list li.sitemap-list__item ul.sitemap-genre-list {
    margin-top: 8px;
}

.sitemap-list li.sitemap-list__item ul.sitemap-genre-list li.sitemap-genre-list__item {
    margin-top: 5px;
    font-size: 14px;
}

.sitemap-list li.sitemap-list__item ul.sitemap-genre-list li.sitemap-genre-list__item a.sitemap-genre-list__link {
    display: inline-block;
    padding-left: 20px;
    background: url(/pc/img/arrow_05-1.0.png) no-repeat 5px 6px;
}

/* BUTTON MODULE
/*+---------------------------------*/
/*- share-button ---------*/
.share-button__facebook, .share-button__twitter {
    display: block;
    margin-bottom: 2px;
    width: 115px;
    height: 38px;
    border-radius: 5px;
    background-image: url(/pc/img/social_icon-1.0.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    line-height: 0;
}

.share-button {
    overflow: hidden;
}

.share-button li {
    float: left;
    margin-left: 10px;
}

.share-button li:first-child {
    margin-left: 0;
}

.share-button__facebook {
    background-color: #3b5998;
    box-shadow: 0 2px 0 #283b66;
    background-position: center 8px;
}

.share-button__facebook:hover {
    background-color: #284073;
    box-shadow: 0 2px 0 #1e2d4d;
}

.share-button__twitter {
    background-color: #55acee;
    box-shadow: 0 2px 0 #4081b3;
    background-position: center -90px;
}

.share-button__twitter:hover {
    background-color: #3081bf;
    box-shadow: 0 2px 0 #3273a6;
}

.share-button__rakuten-blog {
    width: 120px;
    height: 38px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 0 #a62c19;
    background-size: cover;
    background-position: center center;
    background-image: url(/pc/img/rakuten_blog_button-3.0.jpg);
    background-repeat: no-repeat;
}

.share-button__rakuten-blog:hover {
    background-image: url(/pc/img/rakuten_blog_button_hover-3.0.jpg);
    cursor: pointer
}

/*- refresh-information ---------*/
.refresh-information {
    margin: 30px 0;
    text-align: center;
}

.refresh-information__button {
    margin-bottom: 15px;
    padding: 5px 0 4px;
    border-radius: 5px;
    border: none;
    width: 250px;
    box-shadow: 0 2px 0 #334c66;
    background-color: #4c7399;
    color: #fff;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.refresh-information__button:hover {
    background-color: #1f4266;
    box-shadow: 0 2px 0 #192633;
}

.refresh-information__button span {
    display: inline-block;
    padding: 3px 0 2px 26px;
    background-image: url(/pc/img/icon_refresh-1.0.png);
    background-repeat: no-repeat;
    background-position: left center;
}

/*- refresh-baseball-score ---------*/
.refresh-baseball-score {
    margin-bottom: 20px;
    text-align: center;
}

.refresh-baseball-score__text {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
}

.refresh-baseball-score__button {
    padding: 5px 0 4px;
    border-radius: 5px;
    border: none;
    width: 250px;
    box-shadow: 0 2px 0 #334c66;
    background-color: #4c7399;
    color: #fff;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 16px;
    cursor: pointer;
}

.refresh-baseball-score__button:hover {
    background-color: #1f4266;
    box-shadow: 0 2px 0 #192633;
}

.refresh-baseball-score__button span {
    display: inline-block;
    padding: 3px 0 2px 26px;
    background-image: url(/pc/img/icon_refresh-1.0.png);
    background-repeat: no-repeat;
    background-position: left center;
}

/*- relation-link ---------*/
.relation-link {
    display: table;
    margin: 0 auto 30px;
    text-align: center;
}

.relation-link__item {
    display: table-cell;
}

.relation-link__item:first-child {
    padding-right: 10px;
}

/*- link-button ---------*/
.link-button {
    width: 250px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #334c66;
    background-color: #4c7399;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.link-button a {
    display: block;
    padding: 6px 0 5px;
    color: #fff;
    text-decoration: none;
}

.link-button:hover {
    box-shadow: 0 2px 0 #192633;
    background-color: #1f4266;
    color: #fff;
}

/* TABLE MODULE
/*+---------------------------------*/
/*- basic-table ---------*/
.basic-table {
    width: 100%;
}

.basic-table th {
    padding: 7px 15px;
    border: 1px solid #e1e3e6;
    background-color: #f7f7f7;
    font-weight: normal;
    vertical-align: middle;
}

.basic-table td {
    padding: 7px 15px;
    border: 1px solid #e1e3e6;
}

.basic-table.is-left th {
    text-align: left;
}

/*- earthquake-list-table ---------*/
.earthquake-list-table {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}

.earthquake-list-table thead th {
    padding: 6px 0;
    border-top: 1px solid #ebebeb;
    background-color: #f7f7f7;
    font-weight: normal;
}

.earthquake-list-table tbody td {
    padding: 8px 0;
    border-top: 1px solid #ebebeb;
    text-align: center;
}

.earthquake-list-table:last-child {
    border-bottom: none;
}

/*- baseball-ranking-table ---------*/
.baseball-ranking-table {
    width: 100%;
    border-right: 1px solid #e1e3e6;
    border-left: 1px solid #e1e3e6;
    border-bottom: 2px solid #e1e3e6;
    text-align: center;
}

.baseball-ranking-table th {
    border-bottom: 1px solid #e1e3e6;
    background-color: #fff;
    vertical-align: middle;
}

.baseball-ranking-table th:nth-child(1) {
    color: #566473;
    font-size: 18px;
    font-family: arial;
    font-style: italic;
}

.baseball-ranking-table td {
    padding: 15px 7px;
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
    border-left: 1px solid #e1e3e6;
    font-size: 14px;
    vertical-align: middle;
}

.baseball-ranking-table tr:first-child th {
    padding: 5px 2px;
    border-bottom: 2px solid #e1e3e6;
    font-size: 12px;
    font-weight: normal;
}

.baseball-ranking-table tr:nth-child(2n) th,
.baseball-ranking-table tr:nth-child(2n) td {
    background-color: #f7f7f7;
}

.baseball-ranking-table.is-match tr th,
.baseball-ranking-table.is-match tr td {
    background: none;
}

.baseball-ranking-table.is-match2 {
    table-layout: fixed;
}

.baseball-ranking-table.is-match2 tr th {
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
    border-left: 1px solid #e1e3e6;
    padding: 15px 5px;
    background-color: #f7f7f7;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #000;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.baseball-ranking-table.is-match2 tr td {
    background: none;
    padding: 10px 7px;
}

.baseball-ranking-table em {
    font-weight: bold;
    font-style: normal;
}

.baseball-ranking-table__col-summary-number {
    width: 9%;
}

.baseball-ranking-table__col-summary-team {
    width: 32%;
}

.baseball-ranking-table__col-summary-win {
    width: 15%;
}

.baseball-ranking-table__col-summary-lose {
    width: 15%;
}

.baseball-ranking-table__col-summary-draw {
    width: 10%;
}

.baseball-ranking-table__col-summary-diff {
    width: 15%;
}

.baseball-ranking-table__col-summary-name {
    width: 42%;
}

.baseball-ranking-table__col-summary-avg {
    width: 17%;
}

.baseball-ranking-table__col-match-number {
    width: 5%;
}

.baseball-ranking-table__col-match-team {
    width: 17%;
}

.baseball-ranking-table__col-match-opposer {
    width: 13%;
}

.baseball-ranking-table__col-standing-number {
    width: 5%;
}

.baseball-ranking-table__col-standing-team {
    width: 25%;
}

.baseball-ranking-table__col-standing-game {
    width: 10%;
}

.baseball-ranking-table__col-standing-win {
    width: 10%;
}

.baseball-ranking-table__col-standing-lose {
    width: 10%;
}

.baseball-ranking-table__col-standing-draw {
    width: 10%;
}

.baseball-ranking-table__col-standing-avg {
    width: 10%;
}

.baseball-ranking-table__col-standing-diff {
    width: 10%;
}

.baseball-ranking-table__col-bat-number {
    width: 4%;
}

.baseball-ranking-table__col-bat-name {
    width: 16%;
}

.baseball-ranking-table__col-bat-team {
    width: 16%;
}

.baseball-ranking-table__col-bat-avg {
    width: 8%;
}

.baseball-ranking-table__col-bat-game {
    width: 8%;
}

.baseball-ranking-table__col-bat-box {
    width: 8%;
}

.baseball-ranking-table__col-bat-times {
    width: 8%;
}

.baseball-ranking-table__col-bat-hit {
    width: 7%;
}

.baseball-ranking-table__col-bat-hr {
    width: 8%;
}

.baseball-ranking-table__col-bat-score {
    width: 8%;
}

.baseball-ranking-table__col-bat-stealing {
    width: 6%;
}

.baseball-ranking-table__col-pitch-number {
    width: 5%;
}

.baseball-ranking-table__col-pitch-name {
    width: 20%;
}

.baseball-ranking-table__col-pitch-team {
    width: 16%;
}

.baseball-ranking-table__col-pitch-era {
    width: 10%;
}

.baseball-ranking-table__col-pitch-game {
    width: 7%;
}

.baseball-ranking-table__col-pitch-win {
    width: 7%;
}

.baseball-ranking-table__col-pitch-lose {
    width: 7%;
}

.baseball-ranking-table__col-pitch-save {
    width: 7%;
}

.baseball-ranking-table__col-pitch-hp {
    width: 7%;
}

.baseball-ranking-table__col-pitch-out {
    width: 7%;
}

.baseball-ranking-table__col-pitch-er {
    width: 7%;
}

.baseball-ranking-table__col-relief-number {
    width: 5%;
}

.baseball-ranking-table__col-relief-name {
    width: 20%;
}

.baseball-ranking-table__col-relief-team {
    width: 16%;
}

.baseball-ranking-table__col-relief-save {
    width: 7%;
}

.baseball-ranking-table__col-relief-game {
    width: 7%;
}

.baseball-ranking-table__col-relief-win {
    width: 6%;
}

.baseball-ranking-table__col-relief-lose {
    width: 6%;
}

.baseball-ranking-table__col-relief-times {
    width: 11%;
}

.baseball-ranking-table__col-relief-era {
    width: 8%;
}

.baseball-ranking-table__col-relief-lost {
    width: 7%;
}

.baseball-ranking-table__col-relief-er {
    width: 7%;
}

.baseball-ranking-table__notes {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
}

.baseball-ranking-table__notes .score-update {
    float: right;
}

.baseball-ranking-table .focus-heading.is-central {
    border-bottom: 2px solid #468c55;
}

.baseball-ranking-table .focus-heading.is-pacific {
    border-bottom: 2px solid #5090b4;
}

.baseball-ranking-table .focus-heading.is-exchange {
    border-bottom: 2px solid #3d5266;
}

.baseball-ranking-table .focus-body.is-central {
    background-color: #f7ffe5;
}

.baseball-ranking-table .focus-body.is-pacific {
    background-color: #f2fdff;
}

.baseball-ranking-table .focus-body.is-exchange {
    background-color: #eef6fc;
}

.baseball-ranking-table .focus-body.is-victory {
    background-color: #e54545;
    color: #fff;
}

.baseball-ranking-table .focus-body.is-magic {
    background-color: #ffdf40;
    color: #000;
}

.baseball-ranking-table .focus-body.is-oneself {
    background-color: #f7f7f7;
}

/*- baseball-match-table ---------*/
.baseball-match-table {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #e1e3e6;
    text-align: center;
}

.baseball-match-table th {
    padding: 15px 5px;
    border: 1px solid #e1e3e6;
    background-color: #f7f7f7;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
}

.baseball-match-table td {
    padding: 10px 7px;
    border: 1px solid #e1e3e6;
    font-size: 14px;
    vertical-align: middle;
}

.baseball-match-table__notes {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
}

.baseball-match-table__notes .score-update {
    float: right;
}

/*- baseball-schedule-table ---------*/
.baseball-schedule-table {
    width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: center;
}

.baseball-schedule-table tr:hover td {
    background-color: #E5F2FF;
}

.baseball-schedule-table .clickable td {
    cursor: pointer;
}

.baseball-schedule-table th {
    padding: 15px 20px;
    border-right: 1px solid #e1e3e6;
    border-left: 1px solid #e1e3e6;
    vertical-align: middle;
}

.baseball-schedule-table th {
    padding: 10px 20px;
    border-top: 2px solid #e1e3e6;
    border-right: 1px solid #e1e3e6;
    border-left: 1px solid #e1e3e6;
    background-color: #f7f7f7;
    text-align: left;
    vertical-align: middle;
}

.baseball-schedule-table th > a {
    display: inline-block;
    padding-left: 26px;
    background-image: url(/pc/img/arrow_square_black-1.0.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #1f2933;
}

.baseball-schedule-table td {
    padding: 15px 7px;
    border: 1px solid #e1e3e6;
}

.baseball-schedule-table__match {
    text-align: center;
}

.baseball-schedule-table__match-team {
    display: inline-block;
    width: 90px;
}

.baseball-schedule-table__match-score {
    display: inline-block;
    width: 60px;
    font-weight: bold;
}

.baseball-schedule-table__match-score.is-nogame {
    font-size: 12px;
}

.baseball-schedule-table__date.is-giants {
    border-left: 5px solid #e16500;
}

.baseball-schedule-table__date.is-tigers {
    border-left: 5px solid #ffcf4c;
}

.baseball-schedule-table__date.is-carp {
    border-left: 5px solid #d14949;
}

.baseball-schedule-table__date.is-dragons {
    border-left: 5px solid #1f5299;
}

.baseball-schedule-table__date.is-baystars {
    border-left: 5px solid #3d79cc;
}

.baseball-schedule-table__date.is-swallows {
    border-left: 5px solid #324fa6;
}

.baseball-schedule-table__date.is-hawks {
    border-left: 5px solid #ffb845;
}

.baseball-schedule-table__date.is-buffaloes {
    border-left: 5px solid #2e3f73;
}

.baseball-schedule-table__date.is-fighters {
    border-left: 5px solid #397cbf;
}

.baseball-schedule-table__date.is-marines {
    border-left: 5px solid #404040;
}

.baseball-schedule-table__date.is-lions {
    border-left: 5px solid #364e99;
}

.baseball-schedule-table__date.is-eagles {
    border-left: 5px solid #a3313a;
}

.baseball-schedule-table__result {
    font-weight: bold;
}

.baseball-schedule-table__result-mark {
    display: inline-block;
    width: 15px;
}

.baseball-schedule-table__result-score {
    display: inline-block;
    width: 70px;
}

.baseball-schedule-table__col-league {
    width: 22%;
}

.baseball-schedule-table__col-match {
    width: 40%;
}

.baseball-schedule-table__col-time {
    width: 10%;
}

.baseball-schedule-table__col-stadium {
    width: 22%;
}

.baseball-schedule-table__col-date {
    width: 18%;
}

.baseball-schedule-table__col-opponent {
    width: 25%;
}

.baseball-schedule-table__col-result {
    width: 25%;
}

.baseball-schedule-table caption .schedule-pager {
    border-top: none;
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
}

/*- baseball-score-table ---------*/
.baseball-score-table {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #e1e3e6;
    text-align: center;
    font-size: 14px;
    table-layout: fixed;
}

.baseball-score-table + .baseball-score-table {
    margin-top: 20px;
}

.baseball-score-table tr th {
    vertical-align: middle;
    font-weight: normal;
    padding: 10px 3px;
}

.baseball-score-table tr:first-child th {
    padding: 5px 7px;
    border-bottom: 2px solid #e1e3e6;
    background-color: #f7f7f7;
    font-size: 12px;
}

.baseball-score-table td {
    padding: 10px 3px;
    border-right: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
}

.baseball-score-table__team {
    border-right: 2px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
}

.baseball-score-table__team.is-giants {
    border-left: 5px solid #e16500;
}

.baseball-score-table__team.is-tigers {
    border-left: 5px solid #ffcf4c;
}

.baseball-score-table__team.is-carp {
    border-left: 5px solid #d14949;
}

.baseball-score-table__team.is-dragons {
    border-left: 5px solid #1f5299;
}

.baseball-score-table__team.is-baystars {
    border-left: 5px solid #3d79cc;
}

.baseball-score-table__team.is-swallows {
    border-left: 5px solid #324fa6;
}

.baseball-score-table__team.is-hawks {
    border-left: 5px solid #ffb845;
}

.baseball-score-table__team.is-buffaloes {
    border-left: 5px solid #2e3f73;
}

.baseball-score-table__team.is-fighters {
    border-left: 5px solid #397cbf;
}

.baseball-score-table__team.is-marines {
    border-left: 5px solid #404040;
}

.baseball-score-table__team.is-lions {
    border-left: 5px solid #364e99;
}

.baseball-score-table__team.is-eagles {
    border-left: 5px solid #a3313a;
}

.baseball-score-table__team.is-central {
    border-left: 5px solid #468c55;
}

.baseball-score-table__team.is-pacific {
    border-left: 5px solid #5090b4;
}

.baseball-score-table__inning.is-current {
    background-color: #ffe5e5;
}

.baseball-score-table__total {
    border-left: 2px solid #e1e3e6;
}

.baseball-score-table__total em {
    font-weight: bold;
    font-style: normal;
}

.baseball-score-table__col-team {
    width: 22%;
}

.baseball-score-table__col-total {
    width: 8%;
}

/*- baseball-basic-table ---------*/
.baseball-result-table {
    width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
}

.baseball-result-table tr:last-child th,
.baseball-result-table tr:last-child td {
    border-bottom: none;
}

.baseball-result-table th {
    width: 105px;
    padding: 10px 0;
    vertical-align: top;
    border-bottom: 1px solid #e1e3e6;
    font-weight: normal;
    color: #fff;
}

.baseball-result-table th div {
    background-image: url(/pc/img/game_result_bg-1.0.png);
    background-repeat: no-repeat;
    background-position: center center;
    line-height: 26px;
}

.baseball-result-table td {
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #e1e3e6;
}

/*- baseball-information-table ---------*/
.baseball-information-table {
    width: 100%;
    font-size: 14px;
    margin-bottom: 30px;
}

.baseball-information-table th {
    padding: 7px 15px;
    border: 1px solid #e1e3e6;
    background-color: #f7f7f7;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
}

.baseball-information-table td {
    padding: 7px 15px;
    border: 1px solid #e1e3e6;
}

.baseball-information-table__col-item {
    width: 25%;
}

.baseball-information-table__col-result {
    width: 75%;
}

/* LINK MODULE
/*+---------------------------------*/

/*- more-link ---------*/
.more-link {
    clear: both;
    padding-top: 10px;
    text-align: right;
}

.more-link a {
    display: inline-block;
    padding-right: 26px;
    background-image: url(/pc/img/arrow02-1.0.png);
    background-repeat: no-repeat;
    background-position: right 0.1em;
    color: #000;
}

.more-link.is-disabled span {
    padding-right: 26px;
    background-image: url(/pc/img/arrow04-1.0.png);
    background-repeat: no-repeat;
    background-position: right 0.1em;
    color: #999999;
}

/*- back-link ---------*/
.back-link {
    clear: both;
    padding-top: 10px;
    text-align: left;
    position: absolute;
}

.back-link a {
    display: inline-block;
    padding-left: 26px;
    background-image: url(/pc/img/arrow02_back-1.0.png);
    background-repeat: no-repeat;
    background-position: left 0.1em;
    color: #000;
}

.back-link.is-disabled span {
    padding-right: 26px;
    background-image: url(/pc/img/arrow02_back-1.0.png);
    background-repeat: no-repeat;
    background-position: right 0.1em;
    color: #999999;
}

/* ICON MODULE
/*+---------------------------------*/
.icon-new {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 17px;
    width: 25px;
    height: 17px;
    background-image: url(/pc/img/icon_new-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.icon-new-orange {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 7px;
    width: 25px;
    height: 17px;
    background-image: url(/pc/img/icon_new_orange-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.icon-photo {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 7px;
    width: 19px;
    height: 17px;
    background-image: url(/pc/img/icon_camera-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.icon-pr {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 13px;
    width: 21px;
    height: 17px;
    background-image: url(/pc/img/icon_pr-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.icon-updated {
    padding-top: 5px;
    border-radius: 10px;
    width: 20px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: -7px;
    right: 7px;
    background-color: #d40000;
    text-align: center;
}

.global-nav ul li a:hover .icon-updated, .global-nav ul li a.is-current .icon-updated {
    background-color: #ed5853;
}

.global-nav ul li .icon-new {
    width: 34px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
    background-image: url(/pc/img/icon_new_white-1.0.png);
    background-position: 50% 50%;
    background-color: #d40000;
    text-align: center;
}

/* SIDE MODULE
/*+---------------------------------*/
.ad-side-top {
    margin-bottom: 20px;
}

.ad-side {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ad-side + .ad-side {
    margin-top: -10px;
}

/*- side-section-box ---------*/
.side-section-box {
    margin-bottom: 20px;
}

/*- side-section-heading ---------*/
.side-section-heading {
    padding: 5px 5px 5px 10px;
    background-color: #1f2933;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.side-section-heading.v2 {
    background-color: #8a9199;
}

.side-section-heading__feed-button {
    float: right;
    display: block;
    border-left: 1px solid #fff;
    width: 30px;
    height: 30px;
    background-image: url(/pc/img/icon_feed-1.0.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    text-indent: -9999px;
    overflow: hidden;
}

.side-section-heading__feed-button:hover {
    background-color: #4c6699;
}

.side-section-heading.has-button {
    padding: 0 0 0 10px;
    line-height: 30px;
    overflow: hidden;
}

/*- side-sub-section-heading ---------*/
.side-section-sub-heading {
    padding: 5px 5px 5px 10px;
    border-top: 1px solid #e1e3e6;
    border-bottom: 1px solid #e1e3e6;
    background-color: #f5f6f7;
    font-size: 14px;
    font-weight: normal;
}

/*- side-important-news-heading ---------*/
.side-important-news-heading {
    padding: 2px 0 2px 28px;
    border-bottom: 2px solid #1f2933;
    background-image: url(/pc/img/icon_important-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-size: 18px;
    color: #1f2933;
}

/*- side-more-link ---------*/
.side-more-link {
    padding-top: 7px;
    border-top: 2px solid #e1e3e6;
    text-align: right;
}

.side-more-link a {
    display: inline-block;
    padding-right: 26px;
    background-image: url(/pc/img/arrow01-1.0.png);
    background-repeat: no-repeat;
    background-position: right 0.2em;
    color: #000;
    font-size: 14px;
}

.side-more-link.is-blank a {
    background-image: url(/pc/img/icon_blank_side-1.0.png);
    background-position: right 0.3em;
}

/*- side-summary-link ---------*/
.side-summary-box {
    padding: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e1e3e6;
    font-size: 14px;
}

.side-summary-box__image {
    float: left;
    width: 60px;
    margin-bottom: 10px;
}

.side-summary-box__list {
    margin-left: 75px;
    margin-bottom: 10px;
}

.side-summary-box__list li {
    margin-bottom: 5px;
}

.side-summary-box__link {
    text-align: center;
}

.side-summary-box__link a {
    display: block;
    height: 34px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 2px 0 #334c66;
    background-color: #4c7399;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

.side-summary-box__link a:hover {
    background-color: #1f4266;
    box-shadow: 0 2px 0 #192633;
    text-decoration: none;
}

/*- side-not-article ---------*/
.side-not-article {
    margin: 20px 0;
    font-size: 14px;
}

/*- manga-section ---------*/
.manga-section {
    background-image: url(/pc/img/bg_sprite-1.0.png);
    font-size: 14px;
}

.manga-section__heading {
    padding: 10px 0;
    text-align: center;
    font-weight: normal;
}

#mangaContainer {
    position: relative;
}

#mangaContainer .viewFrame {
    position: relative;
    margin: 0 auto;
    width: 260px;
    overflow: hidden;
}

#mangaContainer .viewFrame .pageSet {
    position: absolute;
}

#mangaContainer .viewFrame .pageSet .page {
    float: right;
}

#mangaContainer .viewFrame .pageSet .page.loading {
    position: relative;
    padding-top: 100px;
    width: 260px;
    text-align: center;
}

#mangaContainer .viewFrame .pageSet .page.weekend {
    position: relative;
    width: 260px;
    height: 150px;
}

#mangaContainer .control {
    position: relative;
    margin: 0 auto;
    width: 260px;
    height: 45px;
    overflow: hidden;
}

#mangaContainer .control .pageNum {
    position: absolute;
    top: 13px;
    width: 100%;
    text-align: center;
}

#mangaContainer .control .btn {
    position: absolute;
    top: 13px;
}

#mangaContainer .control .btn a {
    background-repeat: no-repeat;
    color: #3333cc;
}

#mangaContainer .control .btn.off a {
    color: #000;
    cursor: default;
}

#mangaContainer .control .btn.off a:hover {
    text-decoration: none;
}

#mangaContainer .control .prev {
    left: 0;
}

#mangaContainer .control .prev a {
    padding-left: 20px;
    background-image: url(/pc/img/arrow_double01-1.0.png);
    background-position: left 0.4em;
}

#mangaContainer .control .next {
    right: 0;
}

#mangaContainer .control .next a {
    padding-right: 20px;
    background-image: url(/pc/img/arrow_double02-1.0.png);
    background-position: right 0.4em;
}

/*- side-game-flash ---------*/
.side-game-flash__container {
    background-image: url(/pc/img/bg_sprite-1.0.png);
    padding-bottom: 10px;
}

.side-game-flash__heading {
    font-weight: normal;
    font-size: 14px;
    padding: 10px 0 0 10px;
}

/*- side-game-panel ---------*/
.side-game-panel {
    overflow: hidden;
    width: 280px;
    margin-left: 10px;
}

/*- side-game-panel-none ---------*/
.side-game-panel-none {
    display: table;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

.side-game-panel-none > p {
    display: table-cell;
    padding: 5px 0;
    vertical-align: middle;
}

/*- side-game-board ---------*/
.side-game-board {
    margin-left: -10px;
}

.side-game-board-item {
    float: left;
    width: 135px;
    margin: 10px 0 0 10px;
    padding: 5px 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    color: #999999;
}

.side-game-board-item.is-after, .side-game-board-item.is-cancel {
    padding: 0;
    border: 1px solid #c5c5c5;
}

.side-game-board-item.is-after:hover, .side-game-board-item.is-cancel:hover {
    border: 1px solid #1247b2;
}

.side-game-board-item__link {
    display: block;
    padding: 5px 7px;
    color: #000;
}

.side-game-board-item__link:link {
    color: #000;
}

.side-game-board-item__link:hover {
    color: #000;
    text-decoration: none;
}

.side-game-board-item__link:visited {
    color: #000;
}

.side-game-board-item__state {
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #a2a2a2;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
}

.side-game-board-item__state.is-finish {
    border: 1px solid #1f2933;
    background-color: #fff;
    color: #000;
}

.side-game-board-item__state.is-during {
    background-color: #e64545;
    color: #fff;
}

.side-game-board-item__score {
    display: table;
    width: 100%;
    margin-top: 5px;
    height: 30px;
}

.side-game-board-item__score dl {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.side-game-board-item__score dl dt {
    width: 23px;
    font-size: 12px;
}

.side-game-board-item__score dl dd {
    width: 30px;
    font-size: 14px;
}

.side-game-board-item__score dl dd em {
    font-style: normal;
    font-weight: bold;
}

.side-game-board-item__score-left dt {
    float: left;
}

.side-game-board-item__score-left dd {
    float: right;
}

.side-game-board-item__score-right dt {
    float: right;
}

.side-game-board-item__score-right dd {
    float: left;
}

.side-game-board-item__score-hyphen {
    display: table-cell;
    vertical-align: middle;
}

.side-game-board-item__score-team {
    border-bottom: 3px solid #a2a2a2;
}

.side-game-board-item__score-team.is-giants {
    border-bottom-color: #e16500;
}

.side-game-board-item__score-team.is-tigers {
    border-bottom-color: #ffcf4c;
}

.side-game-board-item__score-team.is-carp {
    border-bottom-color: #d14949;
}

.side-game-board-item__score-team.is-dragons {
    border-bottom-color: #1f5299;
}

.side-game-board-item__score-team.is-baystars {
    border-bottom-color: #3d79cc;
}

.side-game-board-item__score-team.is-swallows {
    border-bottom-color: #324fa6;
}

.side-game-board-item__score-team.is-hawks {
    border-bottom-color: #ffb845;
}

.side-game-board-item__score-team.is-buffaloes {
    border-bottom-color: #2e3f73;
}

.side-game-board-item__score-team.is-fighters {
    border-bottom-color: #397cbf;
}

.side-game-board-item__score-team.is-marines {
    border-bottom-color: #404040;
}

.side-game-board-item__score-team.is-lions {
    border-bottom-color: #364e99;
}

.side-game-board-item__score-team.is-eagles {
    border-bottom-color: #a3313a;
}

.side-game-board-item__score-team.is-central {
    border-bottom-color: #468c55;
}

.side-game-board-item__score-team.is-pacific {
    border-bottom-color: #5090b4;
}

/*- left-photo-list ---------*/
.left-photo-list li {
    padding: 8px 0;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.left-photo-list__image {
    float: left;
    padding-right: 14px;
    width: 60px;
}

.left-photo-list__text {
    font-size: 14px;
}

/*- topics-simple-list ---------*/
.topics-simple-list {
    margin: 8px 0;
}

.topics-simple-list li {
    margin-bottom: 8px;
    font-size: 14px;
}

.topics-simple-list + .topics-simple-list {
    padding-top: 8px;
    border-top: 1px solid #e1e3e6;
}

/*- side-ranking-list ---------*/
.side-ranking-list li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e1e3e6;
    overflow: hidden;
}

.side-ranking-list li:last-child {
    border-bottom: none;
}

.side-ranking-list__rank {
    display: table-cell;
    width: 17px;
    background-color: #f7f7f7;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    color: #566473;
    font-size: 14px;
    font-family: arial;
    font-style: italic;
}

.side-ranking-list__text {
    float: left;
    width: 203px;
    padding: 5px 10px;
}

.side-ranking-list__text-link {
    display: inline-block;
    padding: 3px 0;
    font-size: 14px;
}

.side-ranking-list__text-option {
    font-size: 12px;
}

.side-ranking-list__image {
    float: left;
    padding: 10px 0;
    width: 60px;
}

/*- side-error-box ---------*/
.side-error-box {
    margin-bottom: 20px;
    padding: 2px;
    font-size: 14px;
    background-image: url(/pc/img/bg_sprite_error-1.0.png);
}

.side-error-box__container {
    background-color: #fff;
    padding: 15px;
}

.side-error-box__heading {
    font-size: 16px;
    padding-left: 30px;
    background-image: url(/pc/img/icon_error-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #cc0000;
}

.side-error-box p {
    margin-top: 5px;
}

/*- public-account ---------*/
.public-account__facebook, .public-account__twitter, .public-account__mail {
    display: block;
    margin-bottom: 2px;
    width: 93px;
    height: 44px;
    border-radius: 5px;
    background-image: url(/pc/img/social_icon-1.0.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.public-account {
    margin-top: 10px;
    overflow: hidden;
}

.public-account li {
    float: left;
    margin-left: 10px;
}

.public-account li:first-child {
    margin-left: 0;
}

.public-account__facebook {
    background-color: #3b5998;
    box-shadow: 0 2px 0 #283b66;
    background-position: center 10px;
}

.public-account__facebook:hover {
    background-color: #284073;
    box-shadow: 0 2px 0 #1e2d4d;
}

.public-account__twitter {
    background-color: #55acee;
    box-shadow: 0 2px 0 #4081b3;
    background-position: center -88px;
}

.public-account__twitter:hover {
    background-color: #3081bf;
    box-shadow: 0 2px 0 #3273a6;
}

.public-account__mail {
    background-color: #4c7399;
    box-shadow: 0 2px 0 #334c66;
    background-position: center -186px;
}

.public-account__mail:hover {
    background-color: #1f4266;
    box-shadow: 0 2px 0 #192633;
}
