@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 + .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(../png/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;
}

/*- 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(../png/icon_avg-1.0.png);
}

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

.individual-heading.is-sv {
    background-image: url(../png/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(../png/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(../png/icon_list-1.0.png);
    background-repeat: no-repeat;
    background-position: 0 1.2em;
}

/*- 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(../png/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(../png/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;
}

/*- 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(../png/arrow_right-1.0.png);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 14px;
}

.topic-path li:last-of-type {
    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;
    overflow-wrap: break-word;
}

.topic-detail__photo-frame {
    bottom: 0;
    width: 260px;
    height: 195px;
    background-image: url(../png/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-title {
    margin-bottom: 5px;
    font-size: 18px;
}

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

.topic-detail a:hover {
    text-decoration: none;
}

.topic-detail a:hover .topic-detail__text-title {
    text-decoration: underline;
}

.topic-detail a:hover .topic-detail__text-link {
    text-decoration: underline;
}

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

.topic-detail__text-link {
    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;
}

/*- breaking-news ---------*/
.breaking-news-section > ul > li {
    border-bottom: 1px #e1e3e5 solid;
}

.breaking-news-section > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.breaking-news-section > ul > li > a:hover {
    text-decoration: none;
}

.breaking-news-section > ul > li > a .breaking-news--text {
    float: left;
    padding: 5px 0px 5px 0px;
    width: 535px;
}

.breaking-news-section > ul > li > a .breaking-news--text .text-date {
    color: #000;
    font-size: 12px;
    display: block;
}

.breaking-news-section > ul > li > a:hover .breaking-news--text .text-title {
    text-decoration: underline;
}

.breaking-news-section > ul > li > a .breaking-news--image {
    width: 100px;
    height: 100px;
}

.breaking-news-section > ul > li > a .breaking-news--image .thumb-img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.breaking-news-section > ul > li > a .breaking-news--image .thumb-left {
    background-position: left;
}

/*- 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(../png/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(../png/arrow_double01-1.0.png);
    background-repeat: no-repeat;
    background-position: left 0.4em;
}

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

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

.pager__nav-next.is-disabled {
    color: #868686;
    background-image: url(../png/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;
}

/*- 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;
}

/*- reaction-icon-container ---------*/
.reaction-icon-container {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 16px;
    margin-block-start: 24px;
    padding-block: 16px;
    padding-inline: 16px;
    background-color: #E9EFFD;
}

#reaction-icon-container-click-wall {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* Reaction loading or reaction error */
.reaction-not-loaded {
    display: flex;
    align-items: center;
    margin-block-start: 24px;
    justify-content: center;
    border-style: solid;
    border-width: 6px;
    border-color: #E9EFFD;
    height: 100px;
}

/* Reaction icon error */
.reaction-icon-error {
    display: block;
    font-size: 16px;
    text-align: center;
}

.reaction-icon-error span {
    color: #BF0000;
    font-weight: bold;
}

/* 全体リンク */
#reaction-icon-container-link {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

/* ふきだし */
.reaction-icon-balloon {
    position: relative;
    box-sizing: border-box;
    padding-block: 10px;
    padding-inline: 16px;
    border-radius: 8px;
    border: 2px solid #142F83;
    color: #142F83;
    font-size: 12px;
    font-weight: bold;
}

.reaction-icon-balloon::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -9px;
    content: '';
    display: block;
    width: 9px;
    height: 16px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: #142F83;
}

.reaction-icon-balloon::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -6px;
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: #E9EFFD;
}

.reaction-icon-balloon.is-active {
    background-color: #142F83;
    color: #fff;
}

.reaction-icon-balloon.is-active::after {
    background-color: #142F83;
}

.reaction-icon-balloon .is-message-thanks {
    display: none;
}

.reaction-icon-balloon.is-active .is-message-thanks {
    display: block;
}

.reaction-icon-balloon.is-active .is-message {
    display: none;
}

.reaction-icon-balloon.is-not-joined-mission .is-message {
    display: none;
}

.reaction-icon-balloon .is-message-not-joined-mission {
    display: none;
}

.reaction-icon-balloon.is-not-joined-mission .is-message-not-joined-mission {
    display: block;
}

/* アイコンリスト */
.reaction-icon-container__list {
    display: flex;
    justify-content: end;
    column-gap: 8px;
}

/* アイコン */
.reaction-icon {
    position: relative;
    display: block;
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    width: 84px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    text-align: center;
    cursor: pointer;
    line-height: 1.2;
}

.reaction-icon.-bikkuri {
    background-image: url('../svg/reaction_icon_bikkuri_active-1.0.svg');
}

.reaction-icon.-bikkuri.is-disabled {
    background-image: url('../svg/reaction_icon_bikkuri_disabled-1.0.svg');
}

.reaction-icon.-bikkuri.is-active {
    background-image: url('../svg/reaction_icon_bikkuri_highlighted-1.0.svg');
}

.reaction-icon.-naruhodo {
    background-image: url('../svg/reaction_icon_naruhodo_active-1.0.svg');
}

.reaction-icon.-naruhodo.is-disabled {
    background-image: url('../svg/reaction_icon_naruhodo_disabled-1.0.svg');
}

.reaction-icon.-naruhodo.is-active {
    background-image: url('../svg/reaction_icon_naruhodo_highlighted-1.0.svg');
}

.reaction-icon.-iine {
    background-image: url('../svg/reaction_icon_iine_active-1.0.svg');
}

.reaction-icon.-iine.is-disabled {
    background-image: url('../svg/reaction_icon_iine_disabled-1.0.svg');
}

.reaction-icon.-iine.is-active {
    background-image: url('../svg/reaction_icon_iine_highlighted-1.0.svg');
}

.reaction-icon.-zannen {
    background-image: url('../svg/reaction_icon_zannen_active-1.0.svg');
}

.reaction-icon.-zannen.is-disabled {
    background-image: url('../svg/reaction_icon_zannen_disabled-1.0.svg');
}

.reaction-icon.-zannen.is-active {
    background-image: url('../svg/reaction_icon_zannen_highlighted-1.0.svg');
}

.reaction-icon.is-disabled {
    cursor: default;
}

.reaction-icon-container-link .reaction-icon.is-disabled {
    cursor: pointer;
}

.reaction-icon__number {
    position: absolute;
    top: 0;
    right: 5px;
    display: inline-block;
    padding-inline: 8px;
    border-radius: 22px;
    font-size: 12px;
    background-color: #999;
    color: #fff;
}

.reaction-icon.is-disabled .reaction-icon__number {
    background-color: #ccc;
}

.reaction-icon.is-active .reaction-icon__number {
    background-color: #00B900;
}

.reaction-icon.is-over .reaction-icon__number::after {
    content: '+';
    display: inline-block;
}

.reaction-icon__text {
    position: absolute;
    bottom: 0;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
}

.reaction-icon.is-disabled .reaction-icon__text {
    color: #999;
}

.reaction-icon.is-active .reaction-icon__text {
    color: #00B900;
}

/*- 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.advisory {
    border: solid 1px #ff9800;
}

.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;
    font-weight: bold;
}

.warning__heading.advisory {
    color: #ff9800;
}

.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 strong.advisory {
    color: #ff9800;
}

.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(../png/social_icon-2.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: #FFFFFF;
    background-position: center -594px;
    box-shadow: 0 2px 0 #888888;
    border: solid 1px #000000;
    box-sizing: border-box;
}

.warning__share-twitter:hover {
    background-color: #e7e7e7;
}

.warning__button.tsunami {
    margin-top: 35px;
}

.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.advisory {
    box-shadow: 0 2px 0 #de9800;
    background-color: #ff9800;
}

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

.warning__button a:hover.advisory {
    box-shadow: 0 2px 0 #b39800;
    background-color: #d99800;
    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(../png/social_icon-2.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(../png/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(../png/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 {
    margin: 20px 0px;
    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(../png/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(../png/icon_checked02-1.0.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.search-article-controls__radio li label.js-checked {
    background-image: url(../png/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(../svg/icon_search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    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;
}

/*- 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;
}

/*- 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;
}

/* 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 > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topics-list li > a:hover .topics-list__text-title {
    text-decoration: underline;
}

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

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

.topics-list__text-title {
    display: inline-block;
    width: inherit;
    padding: 3px 0;
}

.topics-list__text-option {
    display: inline-block;
    width: inherit;
    color: #000;
    font-size: 12px;
}

a:hover .topics-list__text-option {
    text-decoration: none;
}

.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 {
    align-content: center;
    float: left;
    padding: 15px 20px;
    width: 510px;
    min-height: 72px;
}

.ranking-list__text-title {
    display: inline-block;
    width: inherit;
}

.ranking-list > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ranking-list > li > a:hover .ranking-list__text-title {
    text-decoration: underline;
}

.ranking-list__text-option {
    display: inline-block;
    width: inherit;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

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

.ranking-list > li > a:hover .top-ranking-list__text-title {
    text-decoration: underline;
}

.top-ranking-list__text {
    float: left;
    min-height: 100px;
    padding: 10px 20px;
    width: 470px;
    align-content: center;
}

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

.top-ranking-list__text-title {
    width: inherit;
    display: inline-block;
}

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

/*- 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(../png/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(../png/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 li > a:hover {
    text-decoration: none;
}

.photo-list-3column li > a:hover .photo-list-3column__title {
    text-decoration: underline;
}

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

.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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/social_icon-2.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: #FFFFFF;
    box-shadow: 0 2px 0 #888888;
    background-position: center -91px;
    border: solid 1px #000000;
    box-sizing: border-box;
}

.share-button__twitter:hover {
    background-color: #e7e7e7;
}

.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(../jpg/rakuten_blog_button-3.0.jpg);
    background-repeat: no-repeat;
}

.share-button__rakuten-blog:hover {
    background-image: url(../jpg/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(../png/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 tbody td:nth-child(1) {
    text-align: left;
}

.earthquake-list-table tbody td:nth-child(1) a {
    margin-left: 10%
}

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

/* 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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/arrow01-1.0.png);
    background-repeat: no-repeat;
    background-position: right 0.2em;
    color: #000;
    font-size: 14px;
}

.side-more-link-top {
    padding-top: 7px;
    text-align: right;
}

.side-more-link-top a {
    display: inline-block;
    padding-right: 26px;
    background-image: url(../png/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(../png/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(../png/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(../png/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(../png/arrow_double02-1.0.png);
    background-position: right 0.4em;
}

/*- 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 li > a:hover .side-ranking-list__title {
    text-decoration: underline;
}

.side-ranking-list__title {
    display: inline-block;
    width: inherit;
    padding: 3px 0;
    font-size: 14px;
}

.side-ranking-list__text-option {
    display: inline-block;
    width: inherit;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

.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(../png/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(../png/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(../png/social_icon-2.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;
}

/* 2021.04 ポイントミッション追記 */

/*- mission ---------*/
.mission {
    margin-bottom: 20px;
    padding: 24px 16px;
    border: #FFD9AF 8px solid;
    border-radius: 10px;
}

.mission * {
    box-sizing: border-box;
}

.mission .mission_title {
    margin-bottom: 15px;
    padding: 4px 140px;
    width: 100%;
    height: 100px;
    background-image: url(../png/mission-tittle_01.png), url(../png/mission-tittle_02.png);
    background-repeat: no-repeat;
    background-position: top left, top right;
}

.mission h2 {
    background: url(../png/mission-tittle_bg.png) repeat-x bottom left;
    text-align: center;
    color: #ef791f;
    font-size: 26px;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.mission .mission_text {
    margin-top: 8px;
    text-align: center;
    color: #1f2933;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.6;
    transform: rotate(0.03deg);
}

.mission .mission_inner {
    padding: 0 16px;
}

.mission .statusBox {
    margin-bottom: 20px;
}

.mission .statusBox h3 {
    padding: 12px 20px;
    background: url(../png/mission-status_bg.png) repeat top left;
    border-radius: 10px 10px 0 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.2;
    vertical-align: bottom;
    transform: rotate(0.03deg);
}

.mission .statusBox h3 span {
    display: inline-block;
    padding: 5px 0 0 40px;
    background: url(../svg/mission-status_icon.svg) no-repeat center left;
}

.mission .statusBox .statusBox_inner {
    padding: 17px;
    min-height: 175px;
    border: #F66c1c 3px solid;
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.mission .statusBox .statusBox_inner.second-day {
    display: flex;
    background: url(../png/mission-image_02.png) no-repeat bottom 17px right 20px;
}

.mission .statusBox .statusBox_inner.third-day {
    display: flex;
    background: url(../png/mission-image_03.png) no-repeat bottom 17px right 20px;
}

.mission .statusBox .statusBox_list {
    width: 128px;
    margin-right: 5px;
}

.mission .statusBox .statusBox_list dt {
    padding: 3px 0 1px;
    background: #fba644;
    border-radius: 5px 5px 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.mission .statusBox .statusBox_list.third-day dt {
    background: #f66c1c;
}

.mission .statusBox .statusBox_list dd {
    position: relative;
    height: 135px;
    background: #fff3df url(../png/mission-day_bg.png) no-repeat 50% 25%;
    border-radius: 0 0 5px 5px;
}

.mission .statusBox .statusBox_list dd img {
    position: relative;
    top: 0;
    left: 0;
}

.mission .statusBox .error_text {
    padding: 20px 0;
    text-align: center;
    color: #d40000;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.mission .statusBox .link_text {
    text-align: center;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.mission .statusBox .link_text a {
    text-decoration: underline;
    color: #1247b2;
}

.mission .statusBox .link_text a:hover {
    text-decoration: none;
}

.mission .statusBox .date-time-text {
    color: #f66c16;
    text-align: center;
    position: relative;
    bottom: 0pt;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}

.mission .point_get {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.mission .point_get .get-button {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 12px 10px 11px;
    width: 300px;
    background: #bf0000;
    border-bottom: #7d0000 3px solid;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.mission .point_get .get-button:hover {
    border-top: #fff 3px solid;
    border-bottom: none;
}

.mission .point_get .get-button::after {
    position: absolute;
    right: 22px;
    bottom: -8px;
    content: url(../svg/mission-button_icon.svg);
    display: block;
    width: 37px;
    height: 39px;
}

.mission .point_get .get-text {
    display: block;
    margin: 0 auto;
    padding: 12px 10px 11px;
    width: 300px;
    background: #c2c2c2;
    border-radius: 10px;
    text-align: center;
    color: #fff;
}

.mission .point_get .limit-text {
    margin: 30px 0;
    text-align: center;
    color: #d40000;
    font-size: 14px;
    line-height: 1.5;
}

.mission .noteBox h3 {
    margin-bottom: 8px;
    color: #1f2933;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.mission .noteBox .noteBox_list > li {
    padding-left: 1em;
    text-indent: -1em;
    color: #1f2933;
    font-size: 12px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.6;
    transform: rotate(0.03deg);
}

.mission .noteBox .noteBox_list > li::before {
    content: '・';
}

.mission .noteBox .noteBox_list > li + li {
    margin-top: 5px;
}

.mission .noteBox .noteBox_other {
    margin: 2em 0 0 1em;
    color: #1f2933;
    font-size: 12px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.6;
    transform: rotate(0.03deg);
}

.mission .noteBox .noteBox_other a {
    text-decoration: underline;
    color: #002896;
}

.mission .noteBox .noteBox_other a:hover {
    text-decoration: none;
}

/*- point ---------*/
.point {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 188px;
}

.point * {
    box-sizing: border-box;
}

.point .loading {
    text-align: center;
    letter-spacing: -.4em;
}

.point .loading_image {
    position: relative;
    top: -5px;
    display: inline-block;
    animation: 1s linear infinite loading;
}

@keyframes loading {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.point .loading_text {
    display: inline-block;
    padding: 5px 0 0 10px;
    color: #1f2933;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.5;
    letter-spacing: normal;
    transform: rotate(0.03deg);
}

.point .point_get {
    position: relative;
    padding-top: 30px;
    width: 630px;
    height: 125px;
    background: url(../png/point-get_bg.png) no-repeat center center;
}

.point .point_image {
    position: absolute;
    right: 100px;
    bottom: 10px;
}

.point #randomImg.active {
    animation: 0.1s linear showimage;
}

@keyframes showimage {
    0% {
        transform: scale(0.6, 0.6);
    }
    100% {
        transform: scale(1.2, 1.2);
    }
}

.point .get_text {
    text-align: center;
    color: #ef791f;
    font-size: 18px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.5;
    transform: rotate(0.03deg);
}

.point .error_text {
    text-align: center;
    color: #d40000;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.5;
    transform: rotate(0.03deg);
}

.point .link_text {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    font-family: 'Kosugi Maru', sans-serif;
    transform: rotate(0.03deg);
}

.point .link_text a {
    text-decoration: underline;
    color: #1247b2;
}

.point .link_text a:hover {
    text-decoration: none;
}

.point .point_done {
    text-align: center;
    color: #1f2933;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.5;
    transform: rotate(0.03deg);
}

#pointError,
#pointGet,
#pointDone {
    display: none;
}

/*- sorry ---------*/
.sorry {
    margin: 30px auto;
    width: 650px;
    padding: 30px;
    border: #e5f1ff 10px solid;
    border-radius: 10px;
}

.sorry * {
    box-sizing: border-box;
}

.sorry h2 {
    margin-bottom: 10px;
    text-align: center;
    color: #336;
    font-size: 18px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.2;
    transform: rotate(0.03deg);
}

.sorry .sorry_image {
    margin-bottom: 10px;
    text-align: center;
}

.sorry .sorry_text p {
    text-align: center;
    color: #1f2933;
    font-size: 14px;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.5;
    transform: rotate(0.03deg);
}

.sorry .sorry_text p + p {
    margin-top: 1em;
}

.sorry .sorry_text a {
    text-decoration: underline;
    color: #002896;
}

.sorry .sorry_text a:hover {
    text-decoration: none;
}

/*- sitepolicy ---------*/
.sitepolicy {
    margin: 30px 0 95px;
}

.sitepolicy * {
    box-sizing: border-box;
}

.sitepolicy h2 {
    margin-bottom: 16px;
    padding: 15px 10px 14px;
    background: #336;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
}

.sitepolicy h3 {
    margin-bottom: 16px;
    padding: 9px 8px 8px;
    background: #666;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
}

.sitepolicy h4 {
    margin-bottom: 16px;
    color: #900;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}

.sitepolicy .sitepolicyBox {
    margin-bottom: 40px;
}

.sitepolicy .sitepolicyBox-2 {
    margin-bottom: 24px;
}

.sitepolicy .sitepolicyBox_text {
    margin-left: 16px;
}

.sitepolicy .sitepolicyBox_text p {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
}

.sitepolicy .sitepolicyBox_text a {
    text-decoration: underline;
    color: #002896;
}

.sitepolicy .sitepolicyBox_text a:hover {
    text-decoration: none;
}

.sitepolicy .sitepolicyBox_text p + p {
    margin-top: 1em;
}

.sitepolicy .sitepolicyBox_text + .sitepolicyBox_list {
    margin-top: 16px;
}

.sitepolicy .sitepolicyBox_list {
    margin-left: 46px;
}

.sitepolicy .sitepolicyBox_list > li {
    padding-left: 13px;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    text-indent: -13px;
}

.sitepolicy .sitepolicyBox_list > li::before {
    content: '';
    display: inline-block;
    margin: 0 7px 2px 0;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
}

.sitepolicy .sitepolicyBox_list > li + li {
    margin-top: 0.5em;
}

.ranking-anchor-position {
    padding-top: 54px;
    margin-top: -54px;
}

.margin-top-common {
    margin-top: 20px;
}

.topics-2column-list__image .thumb_img {
    width: 96px;
    height: 96px;
}

.summary-data-list__image .thumb_img {
    width: 50px;
    height: 50px;
}

#back_sp {
    display: none;
    margin: 10px 0;
}

#leftAdCmp {
    margin: 0 4px;
    position: relative;
}

#rightAdCmp {
    margin: 0 4px;
    position: relative;
}