@charset 'UTF-8';
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
html
{
    font-family: sans-serif;
    /* 1 */

        -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body
{
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary
{
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video
{
    display: inline-block;
    /* 1 */

    vertical-align: baseline;
    /* 2 */
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls])
{
    display: none;

    height: 0;
}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template
{
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a
{
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover
{
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn
{
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1
{
    font-size: 2em;

    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark
{
    color: #000; 
    background: #ff0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img
{
    border: 0;
}

/**
 * Correct overflow not hidden in IE 8/9/10/11.
 */
svg:not(:root)
{
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr
{
    -moz-box-sizing: content-box;
         box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea
{
    /* 1 */
    font: inherit;
    /* 2 */

    margin: 0;

    color: inherit;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button
{
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled]
{
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0; 

    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type='search']
{
    /* 1 */
    box-sizing: content-box;

    -webkit-appearance: textfield;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend
{
    /* 1 */
    padding: 0;

    border: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea
{
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup
{
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table
{
    border-spacing: 0; 
    border-collapse: collapse;
}

th,
td
{
    padding: 0;
}

/*============================================================
* layout
*============================================================*/
/*==============================
* base
*==============================*/
*
{
    box-sizing: border-box;
}

button:focus
{
    outline: none;
}

html
{
    font-family: 'Open Sans', 'Hiragino Kaku Gothic ProN', Avenir, 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', Meiryo, 'メイリオ', sans-serif;
    font-size: 10px; 

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body
{
    font-size: 15px;
    line-height: 1.6;
    color: #0A0A03; 
    background-color: #fff;
}

html,
body
{
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ol,
ul,
dl,
dd
{
    margin: 0;
}

ol,
ul
{
    padding: 0;
}

li
{
    list-style-type: none;
}

a
{
    transition: all .3s linear;
    text-decoration: none; 

    color: #334e8c;
}
a:visited
{
    color: #334e8c;
}
a:hover
{
    color: #334e8c;
}
a:active
{
    color: #334e8c;
}
@media (min-width: 980px)
{
    a:hover
    {
        opacity: .8;
    }
}

abbr[title]
{
    border-bottom-width: 0;
}

img
{
    vertical-align: middle;
}

table
{
    margin: 0;
}

fieldset
{
    margin: 0;
    padding: 0; 

    border: 0;
}

label
{
    cursor: pointer;
}

button
{
    border: none;
    background: none;
}

html,
body
{
    height: 100%;
}

#container
{
    position: relative;

    overflow: hidden; 

    width: 100%;
    min-width: 980px;
    min-height: 100%;
}

.btn-nav-mobile
{
    position: relative; 

    display: block;

    width: 20px;
    height: 17px;
}
.btn-nav-mobile span
{
    position: absolute;

    display: block;

    width: 20px;
    height: 3px;

    transition: all .4s; 

    background: #000;
}
.btn-nav-mobile span:first-child
{
    top: 0;
}
.btn-nav-mobile span:nth-child(2)
{
    top: 50%; 

    margin-top: -1.5px;
}
.btn-nav-mobile span:last-child
{
    bottom: 0;
}
.btn-nav-mobile.is-active span:first-child
{
    transform: translateY(7px) rotate(45deg);
}
.btn-nav-mobile.is-active span:nth-child(2)
{
    opacity: 0;
}
.btn-nav-mobile.is-active span:last-child
{
    transform: translateY(-7px) rotate(-45deg);
}

.nav-overlay
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer;

    background: rgba(0, 0, 0, .6);
}

.wrap
{
    width: 980px;
    margin: 0 auto;
}

.gheader
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

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

    transition: all .3s linear;

    background: #fff;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);

    -ms-filter: 'progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #33000000,Positive = true)';
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 2,Color = #33000000,Positive = true);
}
.gheader::after
{
    display: table; 
    clear: both;

    content: '';
}
.gheader:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 4px;

    content: '';

    background: #256bb1;
}
.gheader > div
{
    position: relative;

    margin-top: 0;

    transition: all .3s linear;
}
.gheader .head-informations
{
    position: relative;
    z-index: 0;

    height: 40px; 
    margin: 0 0 20px;
}
.gheader .head-informations::after
{
    display: table; 
    clear: both;

    content: '';
}
.gheader .head-informations .logo
{
    float: left; 

    width: 170px;
}
.gheader .head-informations .weather-repport
{
    float: left;

    padding-left: 30px;
}
.gheader .head-informations .weather-repport a
{
    color: #333;
}
.gheader .head-informations .weather-repport .weather-repport-block
{
    display: table;
    width: 100%;
    height: 32px; 
    border: 1px solid #d6e0e9;
}
.gheader .head-informations .weather-repport .weather-repport-block > div
{
    display: table-cell;

    vertical-align: middle;
}
.gheader .head-informations .weather-repport .weather-repport-block > div::after
{
    display: table; 
    clear: both;

    content: '';
}
.gheader .head-informations .weather-repport .weather-repport-block .area-name
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 32px;
    float: left;
    height: 32px;
    padding: 0 10px;
    background: #f0f0f0;
}
.gheader .head-informations .weather-repport .weather-repport-block .area-detail
{
    font-family: ubuntu;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    display: table;
    float: left;
    height: 32px;
    padding: 0 10px; 
    text-align: center;
}
.gheader .head-informations .weather-repport .weather-repport-block .area-detail > div
{
    display: table-cell;
    vertical-align: middle;
}
.gheader .head-informations .weather-repport .weather-repport-block .temp:before
{
    margin: 0 3px; 
    content: ' ';
    color: #d6dfe9;
}
.gheader .head-informations .weather-repport .weather-repport-block .temp.high
{
    color: #f26633;
	margin-left: 2px;
}
.gheader .head-informations .weather-repport .weather-repport-block .temp.low
{
    color: #4bc5eb;
	margin-left: 3px;
}
.gheader .head-informations .weather-repport .weather-repport-block .temp.low:before
{
    content: '/';
    color: #d6dfe9;
}
.gheader .head-informations .site-search
{
    float: right;
    padding-right: 10px;
}
.gheader .head-informations .site-search .site-search-block
{
    height: 34px;
    vertical-align: bottom;
}
.gheader .head-informations .site-search .site-search-block .site-search-input
{
    font-size: 13px;
    font-size: 1.3rem;

    width: 190px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #d6e0e9;
    background: #f7f7f7;
}
.gheader .head-informations .site-search .site-search-block .btn-site-search
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold; 
    width: 70px;
    height: 34px;
    padding-left: 20px;

    color: #fff;
    border: 0;
    background: url(../images/parts/icon/icon_search.png) no-repeat 10px center #256ab0;
    -webkit-background-size: 14px auto;
       -moz-background-size: 14px auto;
            background-size: 14px auto;

        -ms-background-size: 14px auto;
}
.gheader .head-informations .company-link
{
    float: right; 

    height: 34px;
}
.gheader .head-informations .company-link .btn
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 34px; 

    height: 100%;
    padding: 0 10px;
    padding-left: 30px;
}
.gheader .gnav-list
{
    position: relative; 

    display: table;

    width: 100%;
}
.gheader .gnav-list > *
{
    display: table-cell;

    width: 16.66667%;

    vertical-align: middle;
}
.gheader .gnav-list li
{
    font-weight: bold;

    position: relative; 

    text-align: center;
}
.gheader .gnav-list li:before
{
    position: absolute;
    top: 0; 
    left: 0;

    display: block;

    width: 1px;
    height: 90%;

    content: '';

    background: #cac8c1;
}
.gheader .gnav-list li:last-child:after
{
    position: absolute;
    top: 0; 
    right: 0;

    display: block;

    width: 1px;
    height: 85%;

    content: '';

    background: #cac8c1;
}
.gheader .gnav-list a
{
    display: block;

    height: 40px;
    padding: 5px 0;

    color: #333;
    border-bottom: 4px solid #fff;
}
.gheader .gnav-list a.is-active,
.gheader .gnav-list a.is-current,
.gheader .gnav-list a:hover
{
    opacity: 1;
    color: #334e8c;
    border-bottom-color: #256bb1;
}

.gfooter
{
    position: relative;
    z-index: 1; 

    border-top: 1px solid #d6e0e9;
}
.gfooter .foot-pagetop
{
    position: fixed;
    right: 30px;
    bottom: 90px;
}
.gfooter .foot-extra
{
    padding: 30px 0; 

    background: #f2f9ff;
}
.gfooter .foot-extra .foot-group-list
{
    margin: 0 -15px; 

    text-align: center;
}
.gfooter .foot-extra .foot-group-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.gfooter .foot-extra .foot-group-list li
{
    display: inline-block;
    float: left;
    margin: 0 15px; 
    border: 1px solid #d6e0e9;
}
.gfooter .foot-extra .slick-slider
{
    position: relative;
}
.gfooter .foot-extra .slick-list
{
    overflow: hidden;
}
.gfooter .foot-extra .slick-arrow
{
    position: absolute;
    top: 50%;

    overflow: hidden; 

    width: 30px;
    height: 14px;
    margin-top: -7px;

    text-indent: -9999px;

    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto;

        -ms-background-size: 30px auto;
}
.gfooter .foot-extra .slick-arrow.slick-prev
{
    left: -30px; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
}
.gfooter .foot-extra .slick-arrow.slick-next
{
    right: -30px; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_next.png);
}
.gfooter .foot-information
{
    padding: 40px 0; 

    background: #256bb1;
}
.gfooter .foot-information a
{
    color: #fff;
}
.gfooter .foot-information .foot-link-caption
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 5px; 
    border-bottom: 2px solid #6f9ece;
	color:  #FFF;
}
.gfooter .foot-information .foot-link-list
{
    font-size: 13px;
    font-size: 1.3rem;
}
.gfooter .foot-information .foot-link-list li
{
    margin: 5px 0 0;
}
.gfooter .foot-information .foot-link-list li:first-child
{
    margin: 0;
}
.gfooter .foot-information .foot-sns-list
{
    font-family: Ubuntu; 
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.gfooter .foot-information .foot-sns-list li
{
    border-bottom: 2px solid #6f9ece;
}
.gfooter .foot-information .foot-sns-list a
{
    display: block;

    padding: 15px 0 15px 40px;

    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.gfooter .foot-information .foot-sns-list a.line
{
    background-image: url(../images/parts/icon/icon_sns_line.png);
}
.gfooter .foot-information .foot-sns-list a.twitter
{
    background-image: url(../images/parts/icon/icon_sns_twitter.png);
}
.gfooter .foot-information .foot-sns-list a.facebook
{
    background-image: url(../images/parts/icon/icon_sns_facebook.png);
}
.gfooter .foot-information .foot-information-area::after
{
    display: table; 
    clear: both;

    content: '';
}
.gfooter .foot-information .foot-information-area .foot-link-block
{
    float: left;
    overflow: hidden; 

    width: 720px;
}
.gfooter .foot-information .foot-information-area .foot-link-block .col
{
    float: left;

    width: 220px;
    margin-right: 30px;
}
.gfooter .foot-information .foot-information-area .foot-link-block .col:last-child
{
    margin: 0;
}
.gfooter .foot-information .foot-information-area .foot-sns-block
{
    float: right;

    width: 220px;
    margin-top: -15px;
}
.gfooter .foot-relation-link
{
    padding: 40px 0; 

    background: #f8f8f8;
}
.gfooter .foot-relation-link .foot-relation-link-list
{
    overflow: hidden;

    margin: -20px 0 0;
}
.gfooter .foot-relation-link .foot-relation-link-list li
{
    display: inline;
    float: left;

    margin: 20px 22.5px 0 0; 

    border: 1px solid #d6e0e9;
}
.gfooter .foot-relation-link .foot-relation-link-list li:nth-child(5n)
{
    margin-right: 0;
}
.gfooter .foot-copyright
{
    font-family: Ubuntu; 
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;

    padding: 15px 0;

    text-align: center;

    color: #fff;
    background: #256bb1;
}

.contents
{
    position: relative;
    z-index: 1; 

    padding-top: 115px;
}

body.is-scroll-over.is-scroll-down .gheader > div
{
    margin-top: -70px;
}

.gheader .drawer-container
{
    position: absolute;
    top: 115px;
    left: 0;

    width: 100%;
}

.gheader .drawer-box
{
    display: none; 

    padding: 30px 0 40px;

    background: #256bb1;
}
.gheader .drawer-box.drawer-news,
.gheader .drawer-box.drawer-sports,
.gheader .drawer-box.drawer-special,
.gheader .drawer-box.drawer-life-calture
{
    background: #256bb1;
}
.gheader .drawer-box.drawer-news .article-list .article-ttl,
.gheader .drawer-box.drawer-sports .article-list .article-ttl,
.gheader .drawer-box.drawer-special .article-list .article-ttl,
.gheader .drawer-box.drawer-life-calture .article-list .article-ttl
{
    color: #fff;
}
.gheader .drawer-box.drawer-news .main .article-list li,
.gheader .drawer-box.drawer-sports .main .article-list li,
.gheader .drawer-box.drawer-special .main .article-list li,
.gheader .drawer-box.drawer-life-calture .main .article-list li
{
    width: 220px;
}
.gheader .drawer-box.drawer-event .main
{
    width: 650px;
}
.gheader .drawer-box.drawer-event .side
{
    width: 300px;
}
.gheader .drawer-box.drawer-pict-movie
{
    background: #606879;
}
.gheader .drawer-box.drawer-pict-movie .article-list .article-ttl
{
    color: #fff;
}
.gheader .drawer-box.drawer-pict-movie .main
{
    width: 100%;
}
.gheader .drawer-box.drawer-pict-movie .main .article-list li
{
    width: 220px;
    margin-right: 33.3px;
}
.gheader .drawer-box.drawer-pict-movie .main .article-list li:last-child
{
    margin-right: 0;
}

.gheader .drawer-wrap::after
{
    display: table; 
    clear: both;

    content: '';
}

.gheader .drawer-wrap .main
{
    float: left;

    width: 730px;
}

.gheader .drawer-wrap .side
{
    float: right;

    width: 220px;
}

.gheader .drawer-btn-wrap
{
    margin-top: 20px;
}

.gheader .drawer-btn-block .btn
{
    font-size: 18px;
    font-size: 1.8rem; 

    text-align: center;

    color: #fff;
    border-color: #fff;
}

.gheader .article-bnr-list li
{
    margin: 10px 0 0; 

    border: 3px solid #fff;
}
.gheader .article-bnr-list li:first-child
{
    margin: 0;
}

.gheader .article-bnr-list img
{
    width: 100%;
    height: auto;
}

.gheader .article-list-box
{
    padding: 0;
}

.gheader .side .article-list li
{
    margin: 10px 0 0;
}
.gheader .side .article-list li:first-child
{
    margin: 0;
}

.gheader .side .article-list .article-ttl
{
    font-weight: normal;
}

.gheader .article-list::after
{
    display: table; 
    clear: both;

    content: '';
}

.gheader .article-list li
{
    border: none;
}

.gheader .article-list.float-list li
{
    float: left;

    margin: 0 35px 0 0;
}
.gheader .article-list.float-list li:last-child
{
    margin-right: 0;
}

.gheader .article-list a:hover
{
    opacity: .8;
    background: none;
}

.gheader .article-list .article-thumb
{
    margin: 0 0 10px;
}

.gheader .article-list .article-date
{
    color: rgba(255, 255, 255, .65);
}

.gheader .article-list .article-ttl
{
    font-weight: bold;
}

.gheader .article-list .article-ttl-extra
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

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

    color: #fff;
    border-bottom: 2px solid #fff;
}
.gheader .article-list .article-ttl-extra.icon-label
{
    background: url(../images/parts/icon/icon_label_white.png) no-repeat 0 5px;
    -webkit-background-size: 14px auto;
       -moz-background-size: 14px auto;
            background-size: 14px auto; 

        -ms-background-size: 14px auto;
}

.gheader .article-list .article-description
{
    color: #fff;
}

.gheader .event-hero img
{
    width: 100%;
    height: auto;
}

.gheader .article-card
{
    margin: 0;
}

.breadcrumbs
{
    position: relative;
    z-index: 1; 

    padding: 10px 0;

    border-bottom: 1px solid #d6e0e9;
    background: #f3f3f3;
}
.breadcrumbs .breadcrumbs-list li
{
    font-size: 12px;
    font-size: 1.2rem; 

    display: inline;
}
.breadcrumbs .breadcrumbs-list li:before
{
    margin: 0 5px; 

    content: '>';
}
.breadcrumbs .breadcrumbs-list li:first-child:before
{
    display: none;
}

/*============================================================
* module
*============================================================*/
.base-column
{
    padding: 0 0 80px;

    transition: all .3s linear; 

    background: #fff;
}
.base-column::after
{
    display: table; 
    clear: both;

    content: '';
}
.base-column::after
{
    display: table; 
    clear: both;

    content: '';
}
.base-column > div
{
    transition: all .3s linear; 
    vertical-align: top;
}
.base-column .main
{
    z-index: 1;

    float: left; 

    width: 660px;
    padding: 30px 0 0;

    background: #fff;
}
.base-column .main .wrap
{
    width: 660px;
}
.base-column .side
{
    float: right; 

    width: 300px;
    padding: 30px 0 0;
}
.base-column .side > div
{
    margin-bottom: 20px;
}

.book-shop-list
{
    font-weight: bold;
    line-height: 1.4;
}
.book-shop-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.book-shop-list li
{
    float: left; 

    width: 50%;
}
.book-shop-list li:nth-child(2n)
{
    float: right;
}

.category-label,
.team-data-label
{
    font-family: ubuntu;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    padding: 2px 8px; 

    text-align: center;

    color: #fff;
    background: #949aa7;
}
.category-label.none,
.team-data-label.none
{
    padding: 0; 

    color: #333;
    background: none;
}

.thumb-box.minimum,
.thumb-caption.minimum
{
    width: 50px;
}

.thumb-box.small,
.thumb-caption.small
{
    width: 90px;
	height: 90px;
}

.thumb-box.medium,
.thumb-caption.medium
{
    width: 100px;
}

.thumb-box.large,
.thumb-caption.large
{
    width: 140px;
}

.thumb-box.extra-large,
.thumb-caption.extra-large
{
    width: 170px;
}

.thumb-box.article-large,
.thumb-caption.article-large
{
    width: 300px;
}

.thumb-box.wide,
.thumb-caption.wide
{
    width: 100%;

}
.pict-card>.article-thumb>.wide
{
    width: 100%;
	max-height: 400px!important;
}

.thumb-box img,
.thumb-caption img
{
    width: 100%;
    height: auto;
}

.thumb-box
{
    overflow: hidden;
    max-height: 160px;
}

.thumb-caption
{
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 0 0;
    color: #333;
    max-width: 300px;
}

.pr-list-box
{
    line-height: 1; 
    display: table;
}
.pr-list-box > div
{
    display: table-cell;
}
.pr-list-box .article-detail
{
    line-height: 1.6;
    padding: 0 0 0 10px;
}
.pr-list-box .article-ttl
{
    padding-left: 10px;
}

.pr-list-intro
{
    padding: 0 20px 10px 20px;
    border-bottom: 1px solid #d6e0e9;
}

.article-date
{
    font-family: ubuntu;
    font-size: 12px;
    font-size: 1.2rem; 
    color: #868686;
}

.article-intro .article-ttl
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;
}

.article-list-box
{
    padding: 15px 20px;
}
.article-list-box .article-detail
{
    padding-left: 15px;
}
.article-list-box .article-header
{
    line-height: 1; 

    display: table;

    margin: 0 0 5px;
}
.article-list-box .article-header > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-list-box .article-header .article-date
{
    padding-left: 10px;
}
.article-list-box .article-body
{
    color: #333;
}
.article-body>p
{
    margin-bottom: 12px;
	font-size: 16px;
	-webkit-font-smoothing: initial;
}
.article-body>p img
{
    max-width: 100%;
	margin: 12px 0;
}
.article-list-box .article-ttl
{
    line-height: 1.4; 

    color: #334d8c;
}

.article-list-base
{
    display: table;
}
.article-list-base > div
{
    display: table-cell;

    vertical-align: top;
}

.article-list-text.nobg li
{
    background: none;
}

.article-list-text li
{
    margin: 5px 0 0;
    padding: 0 0 0 15px;

    background: url(../images/parts/list/list_circle.png) no-repeat 0 .5em;
    -webkit-background-size: 6px auto;
       -moz-background-size: 6px auto;
            background-size: 6px auto; 

        -ms-background-size: 6px auto;
}
.article-list-text li:first-child
{
    margin: 0;
}

.article-list-text.float-list::after
{
    display: table; 
    clear: both;

    content: '';
}

.article-list-text.float-list li
{
    float: left;

    width: 33%;
}
.article-list-text.float-list li:first-child
{
    margin: 5px 0 0;
}

.article-card-set
{
    margin-top: -30px;
}
.article-card-set::after
{
    display: table; 
    clear: both;

    content: '';
}
.article-card-set.column2 .article-card
{
    float: left; 

    width: 320px;
    margin: 30px 0 0;
}
.article-card-set.column2 .article-card:nth-child(2n)
{
    float: right;
}
.article-card-set.column3 .article-card
{
    float: left; 

    width: 300px;
    margin: 30px 40px 0 0;
}
.article-card-set.column3 .article-card:nth-child(3n)
{
    margin-right: 0;
}
.article-card-set.column4 .article-card
{
    float: left; 

    width: 220px;
    margin: 30px 33px 0 0;
}
.article-card-set.column4 .article-card:nth-child(4n)
{
    margin-right: 0;
}
.article-card-set .article-card
{
    width: 100%; 
    margin: 30px 0 0 0;
}
.article-card-set .pr-list .pr-list-box
{
    padding: 0;
}

.article-card
{
    margin: 15px 0 0;

    border: 1px solid #d6e0e9;
    border-top: none; 
    background: #fff;
}
.article-card.card-opinion-list
{
    border: none;
    border-bottom: 1px solid #d6e0e9;
}
.article-card.card-opinion-list .card-body
{
    padding: 20px 0 40px;
}
.article-card.card-team-list
{
    border: none;
}
.article-card.card-team-list .card-body
{
    padding: 0; 

    background: none;
}
.article-card.card-hsb .card-header
{
    color: #fff; 
    background: #256bb1;
}
.article-card.card-hsb .card-body
{
    background: #f2f9ff;
}
.article-card.card-hsb .card-body .intro a:hover
{
    background: #fff;
}
.article-card.card-pict-list
{
    border: none;
}
.article-card.card-pict-list .card-body
{
    margin: 20px 0 0;
    padding: 20px 15px;

    background: #606879;
}
.article-card.card-pict-list .article-list
{
    margin-top: -10px;
}
.article-card.card-pict-list .article-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.article-card.card-pict-list .article-list .article-date
{
    color: #fff;
}
.article-card.card-pict-list .article-list .article-ttl
{
    color: #fff;
}
.article-card.card-pict-list .article-list li
{
    float: left;

    width: 200px;
    margin-right: 15px;
}
.article-card.card-pict-list .article-list li:first-child
{
    margin-top: 10px;
}
.article-card.card-pict-list .article-list li:nth-child(3n)
{
    margin-right: 0;
}
.article-card .card-header,
.article-card .card-body
{
    padding: 10px 15px;
}
.article-card .card-header
{
    position: relative;

    display: block;
    display: table;

    width: 100%; 
    margin: 0 0 -1px;
    padding: 10px 15px;

    border-left: 4px solid #256bb1;
    background: #d7e3ee;
}
.article-card .card-header > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-card .card-header .card-link,
.article-card .card-header .card-date
{
    text-align: right;
}
.article-card .card-header .card-date
{
    font-size: 13px;
    font-size: 1.3rem;
}
.article-card .card-header-search
{
    position: relative;

    display: block;
    display: table;

    width: 100%; 
    margin: 0 0 -1px;
    padding: 10px 15px;

    border: 1px solid #d6e0e9;
    border-right: none;
    border-left: none;
    background: #f7f7f7;
}
.article-card .card-header-search > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-card .card-header-search .search-result-num
{
    text-align: right;
}
.article-card .card-header-search .result-display
{
    font-weight: bold;
}
.article-card .card-header-search .action-column
{
    display: table;
}
.article-card .card-header-search .action-column > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-card .card-body
{
    border-top: 1px solid #d6e0e9;
}
.article-card .card-body.card-relation
{
    background: #f8f8f8;
}
.article-card .card-body.card-relation .relation-ttl
{
    font-weight: bold;

    margin: 0 0 5px;
}
.article-card .card-body.card-relation .intro
{
    background: #fff;
}
.article-card .card-body.card-gray
{
    background: #f8f8f8;
}
.article-card .card-body.card-gray .intro
{
    background: #fff;
}
.article-card .card-body.card-topic
{
    padding: 0;
}
.article-card .card-body.card-topic > a
{
    display: block;

    padding: 10px 15px;
}
.article-card .card-body.card-topic > a:hover
{
    opacity: 1; 
    background: #f2f9ff;
}
.article-card .card-body.card-topic.card-book
{
    background: #f8f8f8;
}
.article-card .card-body.card-topic .article-ttl
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;
}
.article-card .card-body.card-topic .article-list-base
{
    margin: 10px 0 0;
}
.article-card .card-body.card-topic .article-list-base:first-child
{
    margin: 0;
}
.article-card .card-body.card-pr
{
    padding: 0;
}
.article-card .card-body.card-pr a
{
    display: block;

    padding: 10px 15px;
}
.article-card .card-body.card-pr a:hover
{
    opacity: 1; 
    background: #f2f9ff;
}
.article-card .card-body.card-pr .article-ttl
{
    font-weight: normal;
}
.article-card .card-ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.article-card .card-link
{
    font-weight: bold; 

    text-align: right;
}
.article-card .article-list
{
    margin-bottom: -1px;
}
.article-card .article-list li
{
    margin: 10px 0 0; 

    border: none;
}
.article-card .article-list li:first-child
{
    margin-top: 0;
}
.article-card .article-list a:hover
{
    opacity: .8; 
    background: none;
}
.article-card .pr-list
{
    margin: 10px 0 0;
}
.article-card .article-list-box
{
    padding: 0;
}
.article-card .author-name
{
    font-size: 10px;
    font-size: 1rem; 

    margin: 10px 0 0;

    text-align: right;
}
.article-card .book-thumb
{
    margin: 0 0 10px;
    padding: 10px 0 10px; 

    text-align: center;

    background: url(../images/parts/fig/fig_book-board.png) no-repeat center bottom;
}
.article-card .article-info
{
    margin: 5px 0 0;
}
.article-card .article-info dt
{
    float: left;
    clear: left;

    width: 3.5em;
}
.article-card .article-info dd
{
    font-family: ubuntu;

    padding-left: 3.5em;

    color: #000;
}
.article-card.book-card .card-header
{
    color: #fff; 
    border-left: none;
    background: #256bb1;
}
.article-card.event-card,
.article-card.pict-card
{
    border-top: 1px solid #d6e0e9;
    background: #fff;
}
.article-card.event-card a,
.article-card.pict-card a
{
    display: block;
}
.article-card.event-card a:hover,
.article-card.pict-card a:hover
{
    opacity: 1;
}
.article-card.event-card a:hover .article-thumb img,
.article-card.pict-card a:hover .article-thumb img
{
    opacity: .8;
}
.article-card.event-card .article-thumb,
.article-card.pict-card .article-thumb
{
    background: #fff;
}
.article-card.event-card .article-thumb img,
.article-card.pict-card .article-thumb img
{
    transition: all .3s linear;
}
.article-card.event-card .article-detail,
.article-card.pict-card .article-detail
{
    padding: 10px 15px;
}
.article-card.event-card .article-ttl,
.article-card.pict-card .article-ttl
{
    font-weight: normal;
}
.article-card.event-card.noevent,
.article-card.pict-card.noevent
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;

    float: none; 

    width: 980px !important;
    margin: 30px auto 0 !important;
    padding: 50px;

    text-align: center;
}
.article-card.pict-card
{
    border: none;
}
.article-card.pict-card .article-date
{
    margin: 0 0 5px;
}

.event-infomation-slider
{
    position: relative; 

    margin: 60px 0 0;
    padding: 70px 0 50px;

    border-top: 1px solid #d6e0e9;
    border-bottom: 1px solid #d6e0e9;
    background: #f2f9ff;
}
.event-infomation-slider .noevent
{
    width: 100%;
    padding: 50px;

    text-align: center; 

    border: 1px solid #d6e0e9;
    background: #fff;
}
.event-infomation-slider .event-card-set
{
    display: none;
}
.event-infomation-slider .event-card-set.today
{
    display: block;
}
.event-infomation-slider .event-information-selector
{
    position: absolute;
    top: -32px;
    left: 50%;

    display: table; 

    width: 810px;
    min-height: 64px;
    margin: 0 auto;
    margin-left: -405px;

    background: #256bb1;
}
.event-infomation-slider .event-information-selector .item
{
    position: relative;

    display: table-cell;

    width: 90px;

    cursor: pointer; 
    text-align: center;
    vertical-align: middle;
}
.event-infomation-slider .event-information-selector .item:hover:after
{
    display: none;
}
.event-infomation-slider .event-information-selector .item.is-current,
.event-infomation-slider .event-information-selector .item:hover
{
    background: #263f57;
}
.event-infomation-slider .event-information-selector .item.is-current:after,
.event-infomation-slider .event-information-selector .item:hover:after
{
    position: absolute;
    bottom: -16px;
    left: 50%;

    display: block;

    margin-left: -11px; 

    content: '';

    border-style: solid;
    border-color: transparent;
    border-top-width: 8px;
    border-top-color: #263f57;
    border-right-width: 11px;
    border-bottom-width: 8px;
    border-left-width: 11px;
}
.event-infomation-slider .event-information-selector .item:first-child:after,
.event-infomation-slider .event-information-selector .item:last-child:after
{
    display: none;
}
.event-infomation-slider .event-information-selector .item input
{
    position: absolute;
    top: 0; 
    left: 0;
}
.event-infomation-slider .event-information-selector .date
{
    line-height: 1;
}
.event-infomation-slider .event-information-selector .date .num
{
    font-family: ubuntu; 
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    padding-right: 5px;

    color: #fff;
}
.event-infomation-slider .event-information-selector .date .day
{
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold; 

    position: relative;
    top: -.3em;

    padding: 5px;

    text-align: center;

    border-radius: 50px;
    background: #fff;
}
.event-infomation-slider .event-information-selector .date .day.saturday
{
    color: #fff; 
    background: #35b1fb;
}
.event-infomation-slider .event-information-selector .date .day.sunday,
.event-infomation-slider .event-information-selector .date .day.holiday
{
    color: #fff; 
    background: #ea3c52;
}
.event-infomation-slider .event-information-selector .btn-controls
{
    display: block;

    width: 100%;
    height: 64px;

    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.event-infomation-slider .event-information-selector .btn-controls.prev
{
    background-image: url(../images/parts/slide/slide_controls_white_prev.png);
}
.event-infomation-slider .event-information-selector .btn-controls.next
{
    background-image: url(../images/parts/slide/slide_controls_white_next.png);
}

.movie-selector::after
{
    display: table; 
    clear: both;

    content: '';
}

.movie-selector .main
{
    float: left;

    width: 620px;
}

.movie-selector .side
{
    float: right;

    width: 350px;
    padding: 25px; 

    background: #888e9b;
}

.movie-selector .movie-block
{
    background: #fff;
}
.movie-selector .movie-block .movie-detail
{
    padding: 10px 20px;
}
.movie-selector .movie-block .article-date
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
}
.movie-selector .movie-block .article-ttl
{
    font-size: 16px;
    font-size: 1.6rem; 
    font-weight: bold;
}

.movie-selector .movie-select-list
{
    margin: -10px 0 0;
}
.movie-selector .movie-select-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.movie-selector .movie-select-list li
{
    float: left;

    width: 145px;
    margin: 10px 0 0;
}
.movie-selector .movie-select-list li:nth-child(2n)
{
    float: right;
}

.gate-area
{
    position: relative;
}
.gate-area .gate-block
{
    margin: 0 0 30px;
}
.gate-area .gate-block.pos-left
{
    position: absolute;
    top: 0;
    left: -30px;

    text-align: right;
}
.gate-area .gate-block.pos-left img
{
    position: absolute;
    right: 0;
}
.gate-area .gate-block.pos-right
{
    position: absolute;
    top: 0;
    right: -30px;
}
.gate-area .gate-block.pos-right img
{
    position: absolute;
    left: 0;
}

.notice-area
{
    margin: -37px 0 30px;
}
.notice-area .notice-unit
{
    margin: 2px 0 0;
    padding: 20px 0; 

    background: #000538;
}
.notice-area .notice-unit:first-child
{
    margin: 0;
}
.notice-area .notice-unit.notice-earthquake,
.notice-area .notice-unit.notice-important
{
    background: #a70404;
}
.notice-area .notice-unit.notice-earthquake .ticker-caption,
.notice-area .notice-unit.notice-important .ticker-caption
{
    color: #a70404; 
    background: #ffe3e3;
}
.notice-area .ticker-block
{
    display: table;

    width: 100%;
}
.notice-area .ticker-block > div
{
    font-weight: bold; 

    display: table-cell;

    padding: 10px 20px;

    vertical-align: middle;
}
.notice-area .ticker-caption
{
    width: 160px;

    text-align: center; 

    color: #000538;
    border-right: 1px solid #d6e0e9;
    background: #e5e6eb;
}
.notice-area .ticker-body
{
    background: #fff;
}
.notice-area .ticker-list
{
    overflow: hidden;
    width: 780px;
}
.notice-area .ticker-list li
{
    display: inline;
    float: left;
}
.notice-area .ticker-list li a
{
    color: #333;
}

.side-card
{
    border-top: 4px solid #256bb1;
}
.side-card .card-header,
.side-card .card-body
{
    border: 1px solid #d6e0e9;
    border-top: none;
}
.side-card .card-header
{
    display: table;

    width: 100%; 
    padding: 10px 15px;
}
.side-card .card-header > div
{
    display: table-cell;
}
.side-card .card-ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    padding-left: 30px;
}
.side-card .card-ttl.icon-news
{
    background: url(../images/parts/icon/icon_side_note.png) no-repeat 0 5px;
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto; 

        -ms-background-size: 16px auto;
}
.side-card .card-ttl.icon-label
{
    background: url(../images/parts/icon/icon_label_blue.png) no-repeat 3px 5px;
    -webkit-background-size: 14px auto;
       -moz-background-size: 14px auto;
            background-size: 14px auto; 

        -ms-background-size: 14px auto;
}
.side-card .card-ttl.icon-link
{
    background: url(../images/parts/icon/icon_side_link.png) no-repeat 0 5px;
    -webkit-background-size: 18px auto;
       -moz-background-size: 18px auto;
            background-size: 18px auto; 

        -ms-background-size: 18px auto;
}
.side-card .card-ttl.icon-event
{
    background: url(../images/parts/icon/icon_side_event.png) no-repeat 0 5px;
    -webkit-background-size: 18px auto;
       -moz-background-size: 18px auto;
            background-size: 18px auto; 

        -ms-background-size: 18px auto;
}
.side-card .card-ttl.icon-search
{
    background: url(../images/parts/icon/icon_side_search.png) no-repeat 0 5px;
    -webkit-background-size: 17px auto;
       -moz-background-size: 17px auto;
            background-size: 17px auto; 

        -ms-background-size: 17px auto;
}
.side-card .card-link
{
    font-weight: bold; 

    text-align: right;
}
.side-card .article-list
{
    margin-bottom: -1px;

    background: #f8f8f8;
}
.side-card .article-list a.popup .article-ttl:after
{
    display: inline-block;

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

    content: '';

    background: url(../images/parts/icon/icon_blank_black.png) no-repeat 0 0;
    -webkit-background-size: 11px auto;
       -moz-background-size: 11px auto;
            background-size: 11px auto; 

        -ms-background-size: 11px auto;
}
.side-card .article-list-box
{
    padding: 15px;
}
.side-card .article-ttl
{
    margin: 0;
}

.side-notice-card .relation-article
{
    padding: 15px 0; 

    border-top: 1px solid #d6d0e9;
    background: #f8f8f8;
}
.side-notice-card .relation-article .relation-ttl
{
    font-weight: bold;

    padding: 0 15px 5px;
}
.side-notice-card .relation-article .article-list li
{
    border: none;
}
.side-notice-card .relation-article .article-list a:hover
{
    opacity: .7;
    background: inherit;
}
.side-notice-card .relation-article .article-list-box
{
    padding: 5px 15px;
}

.side-notice-card .card-header img
{
    width: 100%;
    height: auto;
}

.side-notice-card .card-body
{
    border: 1px solid #d6d0e9;
    border-top: none;
}

.side-notice-card .card-link
{
    font-weight: bold;

    margin: 5px 0 0; 

    text-align: right;
}

.side-notice-card .election-board
{
    font-family: ubuntu;
}
.side-notice-card .election-board .election-time
{
    font-size: 10px;
    font-size: 1rem;

    padding: 10px 15px 0; 

    text-align: right;
}

.side-notice-card .election-table
{
    font-size: 13px;
    font-size: 1.3rem; 

    width: 100%;
}
.side-notice-card .election-table .election-item
{
    border-top: 1px solid #d6d0e9;
}
.side-notice-card .election-table .election-item:first-child
{
    border: none;
}
.side-notice-card .election-table td
{
    padding: 10px 15px;
}
.side-notice-card .election-table .num.candidate
{
    font-weight: bold;
}
.side-notice-card .election-table .status
{
    text-align: right;
}
.side-notice-card .election-table .election-label
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    padding: 5px; 

    text-align: center;

    color: #fff;
    background: #000;
}
.side-notice-card .election-table .election-label.defeat
{
    background: #333;
}
.side-notice-card .election-table .election-label.election
{
    background: #f81c0a;
}

.side-notice-card .baseball-table
{
    font-size: 13px;
    font-size: 1.3rem; 

    width: 100%;
}
.side-notice-card .baseball-table .baseball-item
{
    border-top: 1px solid #d6d0e9;
}
.side-notice-card .baseball-table .baseball-item:first-child
{
    border: none;
}
.side-notice-card .baseball-table td
{
    padding: 10px 15px;
}
.side-notice-card .baseball-table .name.first
{
    padding-right: 0;
}
.side-notice-card .baseball-table .name.second
{
    padding-left: 0;
}
.side-notice-card .baseball-table .others
{
    text-align: right;
}
.side-notice-card .baseball-table .election-label
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    padding: 5px; 

    text-align: center;

    color: #fff;
    background: #000;
}
.side-notice-card .baseball-table .election-label.defeat
{
    background: #333;
}
.side-notice-card .baseball-table .election-label.election
{
    background: #f81c0a;
}

.topic-block .topic-ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    padding: 5px 15px;
    padding-left: 40px;

    color: #fff;
    background: url(../images/parts/icon/icon_side_topic.png) no-repeat 15px center #256bb1;
    -webkit-background-size: 15px auto;
       -moz-background-size: 15px auto;
            background-size: 15px auto; 

        -ms-background-size: 15px auto;
}

.topic-block .topic-list
{
    border-right: 1px solid #d6e0e9;
    border-left: 1px solid #d6e0e9;
    background: #f2f9ff;
}
.topic-block .topic-list a:hover
{
    background: #fff;
}
.topic-block .topic-list .article-list-box
{
    padding: 10px 15px;
}

.article-timeline
{
    position: absolute;
    top: 0;
    left: 0;

    display: block !important;
    overflow: hidden; 

    width: 0;
    height: 100%;
    padding-top: 160px;

    transition: all .3s linear;

    background: #263f57;
}
.article-timeline .article-timeline-inner
{
    position: relative;
    z-index: 0; 

    overflow: auto;

    height: 100%;
}
.article-timeline .article-timeline-body
{
    padding: 40px;
    padding-left: 75px;
}
.article-timeline .article-timeline-box
{
    position: relative; 

    padding: 0 0 20px;
}
.article-timeline .article-timeline-box:before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 27px;

    display: block;

    width: 6px;
    height: 100%;

    content: '';

    background: #606775;
}
.article-timeline .article-timeline-box:last-child
{
    padding: 0;
}
.article-timeline .article-timeline-box:last-child:before
{
    display: none;
}
.article-timeline .article-timeline-box a
{
    display: table;

    width: 100%;
}
.article-timeline .article-timeline-box a:hover,
.article-timeline .article-timeline-box a.is-current
{
    opacity: 1;
}
.article-timeline .article-timeline-box a:hover .article-timeline-card,
.article-timeline .article-timeline-box a.is-current .article-timeline-card
{
    background: #e3f2ff;
}
.article-timeline .article-timeline-box a:hover .article-date-symbol-unit,
.article-timeline .article-timeline-box a.is-current .article-date-symbol-unit
{
    background: #1c8be6;
}
.article-timeline .article-timeline-box a > div
{
    position: relative;
    z-index: 1; 

    display: table-cell;

    vertical-align: top;
}
.article-timeline .article-timeline-box a .article-timeline-date
{
    width: 60px;
    height: 60px;
}
.article-timeline .article-timeline-box a .article-date-symbol-unit
{
    font-family: ubuntu;
    font-weight: bold;
    line-height: 1;

    display: table;

    width: 60px;
    height: 60px;

    transition: all .3s linear; 
    text-align: center;

    color: #fff;
    border-radius: 50px;
    background: #606775;
}
.article-timeline .article-timeline-box a .article-date-symbol-unit > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-timeline .article-timeline-box a .article-date-symbol-unit span
{
    display: block;
}
.article-timeline .article-timeline-box a .article-date-symbol-unit .year
{
    font-size: 12px;
    font-size: 1.2rem;
}
.article-timeline .article-timeline-box a .article-date-symbol-unit .date
{
    font-size: 15px;
    font-size: 1.5rem;
}
.article-timeline .article-timeline-box a .article-timeline-detail
{
    padding-left: 20px;
}
.article-timeline .article-timeline-box a .article-timeline-detail .article-ttl
{
    font-weight: bold;
}
.article-timeline .article-timeline-box a .article-timeline-detail .article-description
{
    color: #333;
}
.article-timeline .article-timeline-box a .article-timeline-card
{
    min-height: 200px;

    transition: all .3s linear; 

    background: #fff;
}

.article-timeline-action
{
    font-size: 13px;
    font-size: 1.3rem;

    position: fixed;
    z-index: 1; 
    top: 200px;
    left: 0;

    color: #fff;
}
.article-timeline-action button
{
    line-height: 1.3;

    display: block;

    width: 3em;
    padding: 10px;
    padding-top: 35px;

    background: url(../images/parts/icon/icon_timeline.png) no-repeat center 10px;
    background-color: #263f57;
    -webkit-background-size: 18px auto;
       -moz-background-size: 18px auto;
            background-size: 18px auto; 

        -ms-background-size: 18px auto;
}
.article-timeline-action button.is-active
{
    color: #263f57; 
    background-color: #fff;
    background-image: url(../images/parts/icon/icon_timeline_close.png);
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto;

        -ms-background-size: 16px auto;
}

.is-timeline-open .contents .main,
.is-timeline-open .contents .side
{
    transform: translateX(420px);
}

.style-article .main .article-card-set
{
    margin-top: 0;
}

.article-container .thumb-box
{
    max-height: none;
}

.article-container.extra .article-body
{
    padding: 30px 0;
}

.article-container + .section
{
    margin: 40px 0 0;
}

.article-container .article-header .article-ttl
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

.article-container .article-header .article-description
{
    font-weight: bold;
}

.article-container .article-sns
{
    margin: 20px 0 0;
    padding: 0 0 20px;
	clear: both;
}

.article-container .article-body
{
    padding: 20px 0;
    border-top: 1px solid #d6e0e9;
}

.article-container .article-thumb-foot
{
    margin: 20px 0 0;
}

.article-container .article-image.event
{
    overflow: hidden; 

    margin: 0 0 30px;

    text-align: center;
}
.article-container .article-image.event img
{
    width: 100%;
    height: auto;
}

.article-container .article-thumb.thumb-float-left
{
    float: left;
    clear: left;

    margin: 0 15px 15px 0;
}

.article-container .article-thumb.thumb-float-right
{
    float: right;
    clear: right;

    margin: 0 0 15px 15px;
}

.article-container .article-thumb img
{
    width: inherit;
}

.article-container .article-relation
{
    padding: 25px 0 30px;

    border-top: 1px solid #d6e0e9;
}
.article-container .article-relation .article-extra-ttl
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    margin: 0 0 10px;
}
.article-container .article-relation .article-list li
{
    margin: 10px 0 0; 

    border: none;
}
.article-container .article-relation .article-list li:first-child
{
    margin: 0;
}
.article-container .article-relation .article-list a:hover
{
    opacity: .8;
    background: none;
}
.article-container .article-relation .pr-list
{
    margin: 10px 0 0;
}

.sns-list
{
    overflow: hidden;
}
.sns-list li
{
    font-size: 0;
    line-height: 1;

    display: inline;
    float: left;

    margin-left: 5px;
}

.article-keyword-list
{
    margin: -10px 0 0;
}
.article-keyword-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.article-keyword-list li
{
    display: inline;
    float: left;

    margin: 10px 10px 0 0;
}

.article-keyword-tag
{
    padding: 5px; 

    border: 1px solid #d6e0e9;
    background: #f3f3f3;
}

.article-pager-unit
{
    display: table;

    width: 100%;
}
.article-pager-unit > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-pager-unit .pager-action
{
    position: relative;

    width: 30px;
}
.article-pager-unit .btn-article-pager
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background: #263f57;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}
.article-pager-unit .btn-article-pager.prev
{
    background-image: url(../images/parts/slide/slide_controls_small_white_prev.png);
}
.article-pager-unit .btn-article-pager.next
{
    background-image: url(../images/parts/slide/slide_controls_small_white_next.png);
}
.article-pager-unit .article-detail-wrap
{
    display: table;

    width: 100%;
}
.article-pager-unit .article-detail-wrap > div
{
    display: table-cell;

    vertical-align: middle;
}
.article-pager-unit .article-detail-wrap .article-caption
{
    font-weight: bold;

    color: #333;
}
.article-pager-unit .article-detail-wrap .article-caption .team-name
{
    color: #334c8c;
}
.article-pager-unit .article-detail-wrap .article-ttl
{
    margin: 5px 0 0;
}
.article-pager-unit .article-detail-wrap .article-column
{
    position: relative; 

    width: 50%;

    border: 1px solid #d6e0e9;
}
.article-pager-unit .article-detail-wrap .article-column:first-child
{
    border-right: none;
}
.article-pager-unit .article-detail-wrap .article-column a
{
    display: block;

    padding: 15px 20px;

    background: #f2f9ff;
}
.article-pager-unit .article-detail-wrap .article-column a:hover
{
    opacity: 1;
    background: inherit;
}
.article-pager-unit .article-detail-wrap .article-column a:hover:after
{
    opacity: .8;
}
.article-pager-unit .article-detail-wrap .article-column a:after
{
    position: absolute;
    top: 0;

    display: block;

    width: 30px;
    height: 100%;

    content: '';
    transition: all .3s linear; 

    background: #263f57;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto;

        -ms-background-size: 20px auto;
}
.article-pager-unit .article-detail-wrap .article-column.prev .article-caption
{
    text-align: left;
}
.article-pager-unit .article-detail-wrap .article-column.prev a
{
    padding-left: 50px;
}
.article-pager-unit .article-detail-wrap .article-column.prev a:after
{
    left: 0;

    background-image: url(../images/parts/slide/slide_controls_small_white_prev.png);
}
.article-pager-unit .article-detail-wrap .article-column.next .article-caption
{
    text-align: right;
}
.article-pager-unit .article-detail-wrap .article-column.next a
{
    padding-right: 50px;
}
.article-pager-unit .article-detail-wrap .article-column.next a:after
{
    right: 0;

    background-image: url(../images/parts/slide/slide_controls_small_white_next.png);
}

.pager-primary
{
    overflow: hidden;

    margin: 30px 0 0;
}
.pager-primary .pager-list
{
    position: relative;
    left: 50%;

    float: left; 

    list-style: none;
}
.pager-primary .pager-list li
{
    position: relative;
    left: -50%;

    float: left;

    margin: 0 5px;

    background: #fff;
}
.pager-primary .pager-list li:first-child
{
    margin-left: 0;
}
.pager-primary .pager-list li:last-child
{
    margin-right: 0;
}
.pager-primary .pager-list span
{
    display: table-cell;

    min-width: 25px; 
    padding: 0 8px;

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

    border: 1px solid #d6e0e9;
    background: #f8f8f8;
}
.pager-primary .pager-list a
{
    display: table;

    text-decoration: none; 

    background: #fff;
}
.pager-primary .pager-list a:hover
{
    opacity: .8;
}
.pager-primary .pager-list a span
{
    vertical-align: middle;
}
.pager-primary .pager-list .is-current
{
    font-weight: bold;
}
.pager-primary .pager-list .is-current span
{
    color: #fff; 
    background: #256bb1;
}
.pager-primary .pager-list .jump span
{
    position: relative; 

    display: block;
}
.pager-primary .pager-list .jump.jump-prev:hover span
{
    animation: arrow_left 1s infinite;
}
.pager-primary .pager-list .jump.jump-prev span:before
{
    left: 0;

    transform: rotate(-45deg); 

    border-top: 1px solid #000;
    border-left: 1px solid #000;
}
.pager-primary .pager-list .jump.jump-next:hover span
{
    animation: arrow_right 1s infinite;
}
.pager-primary .pager-list .jump.jump-next span:before
{
    right: 0;

    transform: rotate(45deg); 

    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

.bnr-opinion-list
{
    margin-top: -20px;
}
.bnr-opinion-list::after
{
    display: table; 
    clear: both;

    content: '';
}
.bnr-opinion-list li
{
    float: left;

    width: 320px; 
    margin: 20px 0 0;
}
.bnr-opinion-list li:nth-child(2n)
{
    float: right;
}
.bnr-opinion-list .bnr-caption
{
    margin: 5px 0 0;
}
.bnr-opinion-list .bnr-caption .category-label
{
    margin-right: 5px;
}
.bnr-opinion-list a
{
    display: block;
}
.bnr-opinion-list a:hover
{
    opacity: .8;
}
.bnr-opinion-list .bnr-image
{
	line-height: 0;
}
.bnr-opinion-list .bnr-caption
{
	color: #334e8c;
}

.match-result
{
    overflow: hidden; 

    margin: 0 0 40px;
}
.match-result .result-list
{
    position: relative;
}
.match-result .result-list .slick-arrow
{
    position: absolute;
    z-index: 1;
    top: 14px;

    overflow: hidden;

    width: 30px;
    height: 14px;

    text-indent: -9999px;

    background: url(../images/parts/slide/slide_controls_white_prev.png);
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.match-result .result-list .slick-arrow.slick-prev
{
    left: 20px; 

    background-image: url(../images/parts/slide/slide_controls_white_prev.png);
}
.match-result .result-list .slick-arrow.slick-next
{
    right: 20px; 

    background-image: url(../images/parts/slide/slide_controls_white_next.png);
}
.match-result .result-list .slick-arrow.slick-disabled
{
    display: none !important;
}
.match-result .result-box
{
    float: left;
}
.match-result .result-box .box-header
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    padding: 5px; 

    text-align: center;

    color: #fff;
    background: #256bb1;
}
.match-result .result-box .box-body
{
    background: #f2f9ff;
}
.match-result .result-box .result-table
{
    width: 100%;
    margin-top: -1px;
}
.match-result .result-box .result-table th,
.match-result .result-box .result-table td
{
    padding: 10px 15px; 

    border: 1px solid #d6e0e9;
}
.match-result .result-box .result-table .match-card
{
    padding-right: 0; 

    text-align: center;

    border-right: none;
}
.match-result .result-box .result-table .match-link
{
    border-left: none;
}
.match-result .result-box .result-table .match-time
{
    font-weight: bold;

    width: 180px;
}
.match-result .result-box .result-table .match-time .time
{
    font-family: ubuntu;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;

    margin-left: .5em;
}
.match-result .result-box .result-table .match-card-unit
{
    display: table;

    width: 100%; 
    margin: 0 auto;
}
.match-result .result-box .result-table .match-card-unit > div
{
    font-weight: bold; 

    display: table-cell;

    vertical-align: middle;
}
.match-result .result-box .result-table .match-card-unit .team
{
    font-size: 18px;
    font-size: 1.8rem;

    width: 5em;
}
.match-result .result-box .result-table .match-card-unit .team.first
{
    text-align: right;
}
.match-result .result-box .result-table .match-card-unit .team.second
{
    text-align: left;
}
.match-result .result-box .result-table .match-card-unit .score
{
    font-family: ubuntu;
    font-size: 36px;
    font-size: 3.6rem;
}
.match-result .result-box .result-table .match-card-unit .line
{
    margin: 0 10px;
}
.match-result .result-box .result-table .match-card-unit .num
{
    display: inline-block; 

    width: 1.5em;
}
.match-result .result-box .result-table .match-card-unit .num.first
{
    text-align: right;
}
.match-result .result-box .result-table .match-card-unit .num.second
{
    text-align: left;
}
.match-result .result-box .result-table .match-card-unit .num.win
{
    color: #fb973c;
}

.team-list
{
    margin: 20px 0 0;
}

.team-list-unit
{
    border: 1px solid #d6e0e9;
}
.team-list-unit .area
{
    font-weight: bold;

    padding: 15px;

    border-top: 1px solid #d6e0e9; 
    background: #f8f8f8;
}
.team-list-unit .area:first-child
{
    border-top: none;
}
.team-list-unit .area.is-open
{
    color: #fff; 
    background: #256bb1;
}
.team-list-unit .area-data
{
    padding: 15px;
}
.team-list-unit .accordion-btn
{
    position: relative;
}
.team-list-unit .accordion-btn:before,
.team-list-unit .accordion-btn:after
{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 15px;

    display: block;

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

    content: '';
    transition: all .3s linear; 

    background: #256bb1;
}
.team-list-unit .accordion-btn:after
{
    transform: rotate(90deg);
}
.team-list-unit .accordion-btn:hover
{
    cursor: pointer;
}
.team-list-unit .accordion-btn.is-open:before
{
    transform: rotate(90deg);

    opacity: 0;
}
.team-list-unit .accordion-btn.is-open:after
{
    transform: rotate(180deg);

    background: #fff;
}
.team-list-unit .accordion-target
{
    display: none;
}

.weather-daily-unit
{
    overflow: hidden;
}
.weather-daily-unit table
{
    float: right; 

    width: 325px;
}
.weather-daily-unit table:first-child
{
    float: left;
}

.weather-table
{
    width: 100%;
}
.weather-table .temp.high
{
    font-weight: bold; 

    color: #f36634;
}
.weather-table .temp.low
{
    font-weight: bold; 

    color: #4bc5eb;
}
.weather-table th,
.weather-table td
{
    padding: 8px 12px; 
    border: 1px solid #d6e0e9;
}
.weather-table th
{
    font-weight: normal; 

    background: #f8f8f8;
}
.weather-table th:first-child
{
    font-size: 13px;
    font-size: 1.3rem; 
    font-weight: bold;
}
.weather-table td
{
    text-align: center;
}
.weather-table .row-weather td
{
    padding: 10px 0;
}
.weather-table.daily td
{
    font-size: 13px;
    font-size: 1.3rem;
}
.weather-table.daily thead th
{
    font-size: 15px;
    font-size: 1.5rem;
}
.weather-table.daily .weather-unit
{
    font-weight: bold; 

    display: table;

    margin: 0 auto;
}
.weather-table.daily .weather-unit > div
{
    display: table-cell;
    vertical-align: middle;
	padding: 0px 6px;
}
.weather-table.daily .weather-unit > div:last-child
{
    padding-right: 30px;
}
.weather-table.daily .weather-unit .col-temp
{
    font-size: 24px;
    font-size: 2.4rem;
}

.article-list-block
{
    margin: 0 0 25px;
}

.article-list-more .btn-more-article
{
    font-size: 18px;
    font-size: 1.8rem;
}

.article-intro
{
    border-top: 1px solid #d6e0e9;
    border-bottom: 1px solid #d6e0e9;
}
.article-intro .article-list-base
{
    margin: 10px 0 0;
}
.article-intro .thumb-box
{
    width: 167px;
    height: 123px;
}
.article-intro .thumb-caption
{
    width: 167px;
}

.article-list li,
.article-intro li
{
    border-bottom: 1px solid #d6e0e9;
}
.article-list li.intro,
.article-intro li.intro
{
    border-top: 1px solid #d6e0e9;
}
.article-list li.intro .article-ttl,
.article-intro li.intro .article-ttl
{
    font-size: 18px;
    font-size: 2.2rem; 
    font-weight: bold;
}
.article-list li.intro .article-list-base,
.article-intro li.intro .article-list-base
{
    margin: 10px 0 0;
}
.article-list li.intro.intro-in,
.article-intro li.intro.intro-in
{
    margin: -15px -15px 0; 

    border-top: none;
    border-bottom: 1px solid #d6e0e9;
}
.article-list li.intro.intro-in a,
.article-intro li.intro.intro-in a
{
    padding: 15px;
}
.article-list li.intro.intro-in a:hover,
.article-intro li.intro.intro-in a:hover
{
    opacity: 1;
    background: #f2f9ff;
}

.article-list.column2::after,
.article-intro.column2::after
{
    display: table; 
    clear: both;
    content: '';
}

.article-list.column2 li,
.article-intro.column2 li
{
    float: left;
    width: 48%;
}
.article-list.column2 li:nth-child(2n),
.article-intro.column2 li:nth-child(2n)
{
    float: right;
}
.article-list.column2 li:nth-child(3),
.article-list.column2 li:nth-child(5)
{
    clear: both;
}

.article-list.column2 .article-ttl,
.article-intro.column2 .article-ttl
{
    font-size: 15px;
    font-size: 1.5rem;
}

.article-list a,
.article-intro a
{
    display: block;
}
.article-list a:hover,
.article-intro a:hover
{
    opacity: 1; 
    background: #f2f9ff;
}

.article-card-set-unit
{
    position: relative;
}
.article-card-set-unit:before,
.article-card-set-unit:after
{
    position: absolute;
    z-index: 2; 
    top: 0;

    display: block;

    width: 980px;
    height: 100%;

    content: '';

    background: rgba(96, 104, 121, .7);
}
.article-card-set-unit:before
{
    left: 50%;

    margin-left: -1470px;
}
.article-card-set-unit:after
{
    right: 50%;

    margin-right: -1470px;
}
.article-card-set-unit .slick-slide-controls .slick-arrow
{
    position: absolute;
    z-index: 3;
    top: 50%;

    overflow: hidden;

    width: 50px;
    height: 130px;
    margin-top: -50px;

    text-indent: -9999px;

    background-color: #fff;
    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.article-card-set-unit .slick-slide-controls .slick-arrow.slick-prev
{
    left: 0; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
}
.article-card-set-unit .slick-slide-controls .slick-arrow.slick-next
{
    right: 0; 

    background-image: url(../images/parts/slide/slide_controls_darkblue_next.png);
}

.event-infomation-slider
{
    position: relative;
}
.event-infomation-slider:before,
.event-infomation-slider:after
{
    position: absolute;
    z-index: 2; 
    top: 0;

    display: block;

    width: 980px;
    height: 100%;

    content: '';

    background: rgba(242, 249, 255, .7);
}
.event-infomation-slider:before
{
    left: 50%;

    margin-left: -1470px;
}
.event-infomation-slider:after
{
    right: 50%;

    margin-right: -1470px;
}
.event-infomation-slider .slick-slide-controls .slick-arrow
{
    position: absolute;
    z-index: 10;
    z-index: 3;
    top: 50%;

    overflow: hidden;

    width: 50px;
    height: 130px;
    margin-top: -65px;

    text-indent: -9999px;

    background-color: #286bb1;
    background-image: url(../images/parts/slide/slide_controls_darkblue_prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 30px auto;
       -moz-background-size: 30px auto;
            background-size: 30px auto; 

        -ms-background-size: 30px auto;
}
.event-infomation-slider .slick-slide-controls .slick-arrow.slick-prev
{
    left: 0; 

    background-image: url(../images/parts/slide/slide_controls_white_prev.png);
}
.event-infomation-slider .slick-slide-controls .slick-arrow.slick-next
{
    right: 0; 

    background-image: url(../images/parts/slide/slide_controls_white_next.png);
}

button
{
    padding: 0;
}

.txt-center
{
    text-align: center;
}

.txt-bold
{
    font-weight: bold;
}

.link-primary
{
    position: relative;

    display: inline-block;

    padding-left: 10px; 

    color: #333;
}
.link-primary:visited,
.link-primary:hover,
.link-primary:active
{
    color: #333;
}
.link-primary:after
{
    position: absolute;
    top: .5em;
    left: 0;

    display: inline-block;

    width: 6px;
    height: 7px;

    content: '';

    background-image: url(../images/parts/arrow/arrow_small_blue.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 6px auto;
       -moz-background-size: 6px auto;
            background-size: 6px auto; 

        -ms-background-size: 6px auto;
}
.link-primary.white,
.link-primary.white:visited,
.link-primary.white:hover,
.link-primary.white:active
{
    color: #fff;
}
.link-primary.white:after
{
    background-image: url(../images/parts/arrow/arrow_small_white.png);
}
.link-primary.prev
{
    padding-left: 20px;
}
.link-primary.prev:after
{
    top: .2em;

    width: 15px;
    height: 14px;

    background-image: url(../images/parts/arrow/arrow_prev.png);
    -webkit-background-size: 15px auto;
       -moz-background-size: 15px auto;
            background-size: 15px auto; 

        -ms-background-size: 15px auto;
}

.btn
{
    display: inline-block;

    vertical-align: middle;
    text-decoration: none;
    word-break: break-all;

    color: #333;
}
.btn:visited,
.btn:hover,
.btn:active
{
    color: #333;
}
.btn.btn-link-primary
{
    font-weight: bold;

    position: relative; 

    padding: 10px;

    border: 2px solid #000;
}
.btn.btn-link-primary span
{
    position: relative;

    display: inline-block;
}
.btn.btn-link-primary span:after
{
    position: absolute;
    top: 50%;

    display: inline-block;

    margin-top: -3.5px; 

    content: '';

    background-image: url(../images/parts/arrow/arrow_primary_white_right.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.btn.btn-link-primary.wide
{
    width: 100%;
}
.btn.btn-link-primary.arrow.circle span:after
{
    left: -25px;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    background-image: url(../images/parts/arrow/arrow_circle_medium_blue.png);
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}
.btn.btn-link-primary.arrow.circle.small span:after
{
    left: -20px;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    background-image: url(../images/parts/arrow/arrow_circle_small_blue.png);
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto; 

        -ms-background-size: 16px auto;
}
.btn.btn-link-primary.arrow.circle.white span:after
{
    background-image: url(../images/parts/arrow/arrow_circle_medium_white.png);
}
.btn.btn-link-primary.arrow.accordion span:after
{
    left: -30px;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    background-image: url(../images/parts/icon/icon_accordion_open.png);
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}
.btn.btn-link-primary.arrow.accordion.is-active
{
    color: #fff;
    border-color: #444; 
    background: #444;
}
.btn.btn-link-primary.arrow.accordion.is-active span:after
{
    background-image: url(../images/parts/icon/icon_accordion_close.png);
}
.btn.btn-subscription-entry
{
    font-size: 18px;
    font-size: 1.8rem;

    padding: 8px; 

    text-align: center;

    color: #fff;
    border-color: #f98d4d;
    background: #f98d4d;
}
.btn.btn-subscription-entry span:after
{
    left: -25px;

    width: 20px;
    height: 21px;
    margin-top: -10.5px;

    background-image: url(../images/parts/icon/icon_side_pencil.png);
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}
.btn.btn-advertising-publication
{
    font-size: 18px;
    font-size: 1.8rem;

    padding: 8px; 

    text-align: center;
}
.btn.btn-advertising-publication span:after
{
    left: -25px;

    width: 20px;
    height: 18px;
    margin-top: -9px;

    background-image: url(../images/parts/icon/icon_side_monitor.png);
    -webkit-background-size: 19px auto;
       -moz-background-size: 19px auto;
            background-size: 19px auto; 

        -ms-background-size: 19px auto;
}
.btn.btn-market
{
    font-size: 18px;
    font-size: 1.8rem;

    padding: 8px; 

    text-align: center;
}
.btn.btn-market span:after
{
    left: -25px;

    width: 20px;
    height: 22px;
    margin-top: -11px;

    background-image: url(../images/parts/icon/icon_side_market.png);
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}

.icon:after
{
    display: inline-block;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon.popup:after
{
    width: 11px;
    height: 10px;
    margin-left: 5px; 

    background-image: url(../images/parts/icon/icon_blank_black.png);
    -webkit-background-size: 11px auto;
       -moz-background-size: 11px auto;
            background-size: 11px auto;

        -ms-background-size: 11px auto;
}

.btn-movie-play
{
    position: relative;

    display: block;

    cursor: pointer;
}
.btn-movie-play:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 37px;
    height: 35px;
    margin-top: -17.5px; 
    margin-left: -18.5px;

    content: '';

    background: url(../images/parts/icon/icon_movie-play.png) no-repeat 0 0;
    -webkit-background-size: 37px auto;
       -moz-background-size: 37px auto;
            background-size: 37px auto;

        -ms-background-size: 37px auto;
}
.btn-movie-play.icon-large:after
{
    width: 58px;
    height: 56px;
    margin-top: -28px; 
    margin-left: -29px;

    background-image: url(../images/parts/icon/icon_movie-play_large.png);
    -webkit-background-size: 58px auto;
       -moz-background-size: 58px auto;
            background-size: 58px auto;

        -ms-background-size: 58px auto;
}
.btn-movie-play.is-play:after
{
    display: none;
}

.movie-overlay
{
    position: relative;
}
.movie-overlay:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: all .3s linear; 

    background: rgba(0, 0, 0, .5);
}
.movie-overlay:hover:before,
.movie-overlay.is-current:before
{
    background: transparent;
}
.movie-overlay.is-current:after
{
    display: none;
}

.list-primary li,
.list-primary dt
{
    margin: 5px 0 0;
    padding: 0 0 0 15px;

    background: url(../images/parts/list/list_circle.png) no-repeat 0 .5em;
    -webkit-background-size: 6px auto;
       -moz-background-size: 6px auto;
            background-size: 6px auto; 

        -ms-background-size: 6px auto;
}
.list-primary li:first-child,
.list-primary dt:first-child
{
    margin: 0;
}

.list-primary dd
{
    padding-left: 15px;
}

.list-primary.float-list::after
{
    display: table; 
    clear: both;

    content: '';
}

.list-primary.float-list li
{
    float: left;

    width: 33%;
}
.list-primary.float-list li:first-child
{
    margin: 5px 0 0;
}

.pttl-set
{
    margin: 0 0 30px;
}
.pttl-set .pttl-image img
{
    width: 100%;
    height: auto;
}

.link-text
{
    font-size: 12px;
    font-size: 1.2rem; 

    margin: 10px 0 0;

    text-align: right;
}

.section
{
    margin: 50px 0 0;
}
.section:first-child
{
    margin: 0;
}

.section-bnr-list
{
    text-align: center;
}
.section-bnr-list li
{
    display: inline-block;

    margin: 0 10px;
}
.section-bnr-list.bdr li
{
    border: 1px solid #9cc9d3;
}
.section-bnr-list.bdr a
{
    display: block;

    padding: 5px;
}
.section-bnr-list.vertical
{
    margin: 30px 0 0;
}
.section-bnr-list.vertical li
{
    margin: 10px 0 0;
}
.section-bnr-list.vertical li:first-child
{
    margin: 0;
}

.base-column .sttl-set
{
    width: 100%;
}

.sttl-set
{
    position: relative;

    display: table;

    margin: 0 auto 20px; 

    border-top: 4px solid #c2d5e7;
}
.sttl-set > div
{
    display: table-cell;

    vertical-align: middle;
}
.sttl-set:before
{
    position: absolute;
    top: -4px; 
    left: 0;

    display: block;

    width: 240px;
    height: 4px;

    content: '';

    background: #256bb1;
}
.sttl-set .search-keyword
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    padding: 10px 0;
}
.sttl-set .search-keyword .keyword
{
    color: #256bb1;
}
.sttl-set .sttl
{
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;

    padding: 10px 0; 

    color: #256bb1;
}
.sttl-set .sttl.white
{
    color: #fff;
}
.sttl-set .sttl.sttl-icon
{
    padding-left: 40px;
}
.sttl-set .sttl.icon-nation
{
    background: url(../images/parts/icon/icon_ttl_nation.png) no-repeat 0 center;
    -webkit-background-size: 29px auto;
       -moz-background-size: 29px auto;
            background-size: 29px auto; 

        -ms-background-size: 29px auto;
}
.sttl-set .sttl.icon-sports
{
    background: url(../images/parts/icon/icon_ttl_sports.png) no-repeat 0 center;
    -webkit-background-size: 25px auto;
       -moz-background-size: 25px auto;
            background-size: 25px auto; 

        -ms-background-size: 25px auto;
}
.sttl-set .sttl.icon-pict
{
    background: url(../images/parts/icon/icon_ttl_pict.png) no-repeat 0 center;
    -webkit-background-size: 28px auto;
       -moz-background-size: 28px auto;
            background-size: 28px auto; 

        -ms-background-size: 28px auto;
}
.sttl-set .sttl.icon-movie
{
    background: url(../images/parts/icon/icon_ttl_movie.png) no-repeat 0 center;
    -webkit-background-size: 31px auto;
       -moz-background-size: 31px auto;
            background-size: 31px auto; 

        -ms-background-size: 31px auto;
}
.sttl-set .sttl.icon-event
{
    background: url(../images/parts/icon/icon_ttl_event.png) no-repeat 0 center;
    -webkit-background-size: 27px auto;
       -moz-background-size: 27px auto;
            background-size: 27px auto; 

        -ms-background-size: 27px auto;
}
.sttl-set .sttl.icon-book
{
    background: url(../images/parts/icon/icon_ttl_book.png) no-repeat 0 center;
    -webkit-background-size: 21px auto;
       -moz-background-size: 21px auto;
            background-size: 21px auto; 

        -ms-background-size: 21px auto;
}
.sttl-set .side-link,
.sttl-set .side-data,
.sttl-set .side-date
{
    text-align: right;
}
.sttl-set .result-display
{
    font-weight: bold;
}
.sttl-set .link-list
{
    font-weight: bold; 

    text-align: right;
}
.sttl-set .link-list li
{
    display: inline;

    margin-left: 10px;
}
.sttl-set .link-list li:first-child
{
    margin: 0;
}

.ssttl-set
{
    position: relative;

    display: block;
    display: table;

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

    border-left: 4px solid #256bb1;
    background: #d7e3ee;
}
.ssttl-set > div
{
    display: table-cell;
    overflow: hidden; 

    vertical-align: middle;
}
.ssttl-set .ssttl
{
    font-size: 18px;
    font-size: 1.8rem; 
    font-weight: bold;
}
.ssttl-set .side-link,
.ssttl-set .side-data,
.ssttl-set .side-date
{
    text-align: right;
}
.ssttl-set .link-list
{
    font-weight: bold; 

    text-align: right;
}
.ssttl-set .link-list li
{
    display: inline;

    margin-left: 10px;
}
.ssttl-set .link-list li:first-child
{
    margin: 0;
}

.section-child
{
    margin: 30px 0 0;
}
.section-child:first-child
{
    margin: 0;
}

.page-selector .tab-list
{
    overflow: hidden;

    margin: 30px 0 20px;
}
.page-selector .tab-list li
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    display: inline;
    float: left;

    width: 33.333333%;

    text-align: center;

    background: #f8f8f8;
}
.page-selector .tab-list li:last-child a
{
    border-right: 1px solid #d6e0e9;
}
.page-selector .tab-list a
{
    display: block;

    padding: 10px;

    border: 1px solid #d6e0e9;
    border-right: none;
    background: url(../images/parts/arrow/arrow_circle_medium_blue.png) no-repeat 20px center;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto; 

        -ms-background-size: 20px auto;
}
.page-selector .tab-list a.is-current,
.page-selector .tab-list a:hover
{
    opacity: 1;
    color: #fff; 
    border-color: #256ab0;
    background-color: #256ab0;
}

.table-primary.wide
{
    width: 100%;
	word-break: break-all;
}

.table-primary th,
.table-primary td
{
    padding: 15px 20px;

    vertical-align: top; 

    border: 1px solid #d6e0e9;
}

.table-primary th
{
    text-align: left; 

    background: #f8f8f8;
}

.modalContainer
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0; 
    background: rgba(0, 0, 0, .5);
}
.modalContainer .modalCloseArea
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    cursor: pointer;
}
.modalContainer .modalContainerIn
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
}
.modalContainer .modalContents
{
    position: absolute;
    top: 50%; 
    left: 50%;

    background: #fff;
}
.modalContainer .modalArea
{
    position: absolute;
    top: 50%; 
    left: 50%;
}
.modalContainer iframe
{
    position: relative;
    z-index: 0;
}
.modalContainer .modal-close
{
    position: absolute;
    z-index: 1; 
    top: 15px;
    right: 30px;

    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
}
.modalContainer .modal-close:hover
{
    cursor: pointer;
}
.modalContainer .modal-close:before,
.modalContainer .modal-close:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin-top: -1px; 

    content: '';

    background: #ccc;
}
.modalContainer .modal-close:before
{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.modalContainer .modal-close:after
{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 980px)
{
    .modalContainer .modal-close
    {
        top: 30px;
    }
}

.style_modal .modalContents
{
    padding: 50px 0;
}

@media (min-width: 980px)
{
    .style_modal .modalContents .wrap
    {
        width: 900px;
    }
}

label input[type='checkbox']
{
    margin-right: 5px;

    vertical-align: middle;
}

input[type='submit'],
input[type='button']
{
    transition: all .3s linear;

    border-radius: 0; 

    -webkit-appearance: none;
}

.customSelect
{
    position: relative;

    padding: 5px 10px;

    border: 1px solid #d6e0e9; 
    background: #fff;
}
.customSelect.period
{
    min-width: 100px;
}
.customSelect.hasCustomSelect
{
    position: relative;
    z-index: 1;
}
.customSelect .customSelectInner
{
    position: relative;
}
.customSelect .customSelectInner:before
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    margin-top: -2px; 

    content: '';

    border: 4px solid transparent;
    border-top: 4px solid #256bb1;
}

.custom-radio
{
    position: relative;

    display: inline-block; 

    padding-left: 25px;
}
.custom-radio:before
{
    position: absolute;
    top: 0; 
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    content: '';

    background: url(../images/parts/form/form_radio.png) no-repeat 0 0;
    -webkit-background-size: 18px auto;
       -moz-background-size: 18px auto;
            background-size: 18px auto;

        -ms-background-size: 18px auto;
}
@media (min-width: 980px)
{
    .custom-radio:before
    {
        top: 2px;
    }
}
.custom-radio.is-checked:before
{
    background-position: 0 bottom;
}
.custom-radio input
{
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
}

.custom-checkbox
{
    position: relative; 

    padding-left: 25px;
}
.custom-checkbox:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 14px;
    height: 14px;
    margin-top: -7px; 

    content: '';

    background: url(../images/parts/form/form_checkbox.png) no-repeat 0 0;
    -webkit-background-size: 14px auto;
       -moz-background-size: 14px auto;
            background-size: 14px auto;

        -ms-background-size: 14px auto;
}
.custom-checkbox.is-checked:before
{
    background-position: 0 bottom;
}
.custom-checkbox input
{
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
}

.pt0,
.pv0,
.pa0
{
    padding-top: 0 !important;
}

.pr0,
.ph0,
.pa0
{
    padding-right: 0 !important;
}

.pb0,
.pv0,
.pa0
{
    padding-bottom: 0 !important;
}

.pl0,
.ph0,
.pa0
{
    padding-left: 0 !important;
}

.mt0,
.mv0,
.ma0
{
    margin-top: 0 !important;
}

.mr0,
.mh0,
.ma0
{
    margin-right: 0 !important;
}

.mb0,
.mv0,
.ma0
{
    margin-bottom: 0 !important;
}

.ml0,
.mh0,
.ma0
{
    margin-left: 0 !important;
}

.pt5,
.pv5,
.pa5
{
    padding-top: 5px !important;
}

.pr5,
.ph5,
.pa5
{
    padding-right: 5px !important;
}

.pb5,
.pv5,
.pa5
{
    padding-bottom: 5px !important;
}

.pl5,
.ph5,
.pa5
{
    padding-left: 5px !important;
}

.mt5,
.mv5,
.ma5
{
    margin-top: 5px !important;
}

.mr5,
.mh5,
.ma5
{
    margin-right: 5px !important;
}

.mb5,
.mv5,
.ma5
{
    margin-bottom: 5px !important;
}

.ml5,
.mh5,
.ma5
{
    margin-left: 5px !important;
}

.pt10,
.pv10,
.pa10
{
    padding-top: 10px !important;
}

.pr10,
.ph10,
.pa10
{
    padding-right: 10px !important;
}

.pb10,
.pv10,
.pa10
{
    padding-bottom: 10px !important;
}

.pl10,
.ph10,
.pa10
{
    padding-left: 10px !important;
}

.mt10,
.mv10,
.ma10
{
    margin-top: 10px !important;
}

.mr10,
.mh10,
.ma10
{
    margin-right: 10px !important;
}

.mb10,
.mv10,
.ma10
{
    margin-bottom: 10px !important;
}

.ml10,
.mh10,
.ma10
{
    margin-left: 10px !important;
}

.pt15,
.pv15,
.pa15
{
    padding-top: 15px !important;
}

.pr15,
.ph15,
.pa15
{
    padding-right: 15px !important;
}

.pb15,
.pv15,
.pa15
{
    padding-bottom: 15px !important;
}

.pl15,
.ph15,
.pa15
{
    padding-left: 15px !important;
}

.mt15,
.mv15,
.ma15
{
    margin-top: 15px !important;
}

.mr15,
.mh15,
.ma15
{
    margin-right: 15px !important;
}

.mb15,
.mv15,
.ma15
{
    margin-bottom: 15px !important;
}

.ml15,
.mh15,
.ma15
{
    margin-left: 15px !important;
}

.pt20,
.pv20,
.pa20
{
    padding-top: 20px !important;
}

.pr20,
.ph20,
.pa20
{
    padding-right: 20px !important;
}

.pb20,
.pv20,
.pa20
{
    padding-bottom: 20px !important;
}

.pl20,
.ph20,
.pa20
{
    padding-left: 20px !important;
}

.mt20,
.mv20,
.ma20
{
    margin-top: 20px !important;
}

.mr20,
.mh20,
.ma20
{
    margin-right: 20px !important;
}

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

.ml20,
.mh20,
.ma20
{
    margin-left: 20px !important;
}

.pt25,
.pv25,
.pa25
{
    padding-top: 25px !important;
}

.pr25,
.ph25,
.pa25
{
    padding-right: 25px !important;
}

.pb25,
.pv25,
.pa25
{
    padding-bottom: 25px !important;
}

.pl25,
.ph25,
.pa25
{
    padding-left: 25px !important;
}

.mt25,
.mv25,
.ma25
{
    margin-top: 25px !important;
}

.mr25,
.mh25,
.ma25
{
    margin-right: 25px !important;
}

.mb25,
.mv25,
.ma25
{
    margin-bottom: 25px !important;
}

.ml25,
.mh25,
.ma25
{
    margin-left: 25px !important;
}

.pt30,
.pv30,
.pa30
{
    padding-top: 30px !important;
}

.pr30,
.ph30,
.pa30
{
    padding-right: 30px !important;
}

.pb30,
.pv30,
.pa30
{
    padding-bottom: 30px !important;
}

.pl30,
.ph30,
.pa30
{
    padding-left: 30px !important;
}

.mt30,
.mv30,
.ma30
{
    margin-top: 30px !important;
}

.mr30,
.mh30,
.ma30
{
    margin-right: 30px !important;
}

.mb30,
.mv30,
.ma30
{
    margin-bottom: 30px !important;
}

.ml30,
.mh30,
.ma30
{
    margin-left: 30px !important;
}

.pt35,
.pv35,
.pa35
{
    padding-top: 35px !important;
}

.pr35,
.ph35,
.pa35
{
    padding-right: 35px !important;
}

.pb35,
.pv35,
.pa35
{
    padding-bottom: 35px !important;
}

.pl35,
.ph35,
.pa35
{
    padding-left: 35px !important;
}

.mt35,
.mv35,
.ma35
{
    margin-top: 35px !important;
}

.mr35,
.mh35,
.ma35
{
    margin-right: 35px !important;
}

.mb35,
.mv35,
.ma35
{
    margin-bottom: 35px !important;
}

.ml35,
.mh35,
.ma35
{
    margin-left: 35px !important;
}

.pt40,
.pv40,
.pa40
{
    padding-top: 40px !important;
}

.pr40,
.ph40,
.pa40
{
    padding-right: 40px !important;
}

.pb40,
.pv40,
.pa40
{
    padding-bottom: 40px !important;
}

.pl40,
.ph40,
.pa40
{
    padding-left: 40px !important;
}

.mt40,
.mv40,
.ma40
{
    margin-top: 40px !important;
}

.mr40,
.mh40,
.ma40
{
    margin-right: 40px !important;
}

.mb40,
.mv40,
.ma40
{
    margin-bottom: 40px !important;
}

.ml40,
.mh40,
.ma40
{
    margin-left: 40px !important;
}

.pt45,
.pv45,
.pa45
{
    padding-top: 45px !important;
}

.pr45,
.ph45,
.pa45
{
    padding-right: 45px !important;
}

.pb45,
.pv45,
.pa45
{
    padding-bottom: 45px !important;
}

.pl45,
.ph45,
.pa45
{
    padding-left: 45px !important;
}

.mt45,
.mv45,
.ma45
{
    margin-top: 45px !important;
}

.mr45,
.mh45,
.ma45
{
    margin-right: 45px !important;
}

.mb45,
.mv45,
.ma45
{
    margin-bottom: 45px !important;
}

.ml45,
.mh45,
.ma45
{
    margin-left: 45px !important;
}

.pt50,
.pv50,
.pa50
{
    padding-top: 50px !important;
}

.pr50,
.ph50,
.pa50
{
    padding-right: 50px !important;
}

.pb50,
.pv50,
.pa50
{
    padding-bottom: 50px !important;
}

.pl50,
.ph50,
.pa50
{
    padding-left: 50px !important;
}

.mt50,
.mv50,
.ma50
{
    margin-top: 50px !important;
}

.mr50,
.mh50,
.ma50
{
    margin-right: 50px !important;
}

.mb50,
.mv50,
.ma50
{
    margin-bottom: 50px !important;
}

.ml50,
.mh50,
.ma50
{
    margin-left: 50px !important;
}

.txt_b
{
    font-weight: bold;
}




/***************************************/
/****************  YDN  ****************/
/***************************************/


/***  top left_popular  ***/
.top-view-area .topic-list .yads_ad_item_res_s.yads_ad_item_has_image,
.top-view-area .topic-list .yads_ad_item.yads_ad_item_has_image {
	padding: 10px 15px 0 15px;
	line-height: 1.4;
	display: inline-block;
}
.top-view-area .topic-list .yads_ad_item_res_s.yads_ad_item_has_image .yads_ad_img_res_s,
.top-view-area .topic-list .yads_ad_item.yads_ad_item_has_image .yads_ad_img {
	margin-right: 15px;
	width: 50px;
	float: left;
}
.top-view-area .topic-list .yads_ad_item_res_s.yads_ad_item_has_image .yads_ad_img_res_s img,
.top-view-area .topic-list .yads_ad_item.yads_ad_item_has_image .yads_ad_img img {
	width: 50px;
}

.top-view-area .topic-list .yads_ad_title_res_s,
.top-view-area .topic-list .yads_ad_title {
	width: 103px;
    font-size: 13px;
    float: right;
	text-align: left;
}
.top-view-area .topic-list .yads_ad_desc_res_s,
.top-view-area .topic-list .yads_ad_desc {
	width: 103px;
    font-size: 11px;
    float: right;
	text-align: left;
}
.top-view-area .topic-list .yads_ad_adv_res_s,
.top-view-area .topic-list .yads_ad_adv {
	width: 103px;
    font-size: 9px;
	color: #333;
    float: right;
	text-align: left;
}
.top-view-area .topic-list .yads_ad_info_res_s,
.top-view-area .topic-list .yads_ad_info {
	padding: 0 15px 5px;
    text-align: right;
    font-size: 13px;
}



/***  under right_popular  ***/
.side .topic-list .yads_ad_item_res_s.yads_ad_item_has_image,
.side .topic-list .yads_ad_item.yads_ad_item_has_image {
	padding: 10px 15px 0 15px;
	line-height: 1.4;
	display: inline-block;
}
.side .topic-list .yads_ad_item_res_s.yads_ad_item_has_image .yads_ad_img_res_s,
.side .topic-list .yads_ad_item.yads_ad_item_has_image .yads_ad_img {
	margin-right: 15px;
	width: 50px;
	float: left;
}
.side .topic-list .yads_ad_item_res_s.yads_ad_item_has_image .yads_ad_img_res_s img,
.side .topic-list .yads_ad_item.yads_ad_item_has_image .yads_ad_img img {
	width: 50px;
}

.side .topic-list .yads_ad_title_res_s,
.side .topic-list .yads_ad_title {
	width: 203px;
    font-size: 15px;
    float: right;
	text-align: left;
}
.side .topic-list .yads_ad_desc_res_s,
.side .topic-list .yads_ad_desc {
	width: 203px;
    font-size: 11px;
    float: right;
	text-align: left;
}
.side .topic-list .yads_ad_adv_res_s,
.side .topic-list .yads_ad_adv {
	width: 203px;
    font-size: 9px;
	color: #333;
    float: right;
	text-align: left;
}
.side .topic-list .yads_ad_info_res_s,
.side .topic-list .yads_ad_info {
	padding: 0 15px 5px;
    text-align: right;
    font-size: 13px;
}


/***  top domestic  ***/
.article-card-set.column3.wrap .card-body .yads_ad_res_s,
.article-card-set.column3.wrap .card-body .yads_ad {
	display: inline-block;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_img_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_img {
	width: 90px;
	float: left;
	padding: 10px 0;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_img_res_s img,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_img img {
	width: 90px;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_title_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_title,
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_desc_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_desc,
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_adv_res_s ,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_adv {
	width: 163px;
	float: right;
	text-align: left;
	margin-left: 15px;
	line-height: 1.4;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_title_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_title {
	font-weight: bold;
	margin-top: 5px;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_desc_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_desc {
    font-size: 9px;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_adv_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_adv {
    font-size: 9px;
	color: #333;
}
.article-card-set.column3.wrap .card-body .yads_ad_res_s .yads_ad_info_res_s,
.article-card-set.column3.wrap .card-body .yads_ad .yads_ad_info {
    clear: both;
	float: right;
	font-size: 13px;
}

/***  top domestic_triple  ***/
.ads_triple .yads_ad_title,
.ads_triple .yads_ad_title_res_s{
	width: 268px!important;
	margin-left: 0px!important;
	padding-right: 15px;
}
.ads_triple .yads_ad_desc,
.ads_triple .yads_ad_desc_res_s{
	width: 268px!important;
	margin-left: 0px!important;
	padding-right: 15px;
}
.ads_triple .yads_ad_adv,
.ads_triple .yads_ad_adv_res_s{
	width: 268px!important;
	margin-left: 0px!important;
	padding-right: 15px;
}



/***  under event_recommended  ***/
.side-card.event_recommended .yads_ad_res_s,
.side-card.event_recommended .yads_ad {
	display: inline-block;
	padding: 0 15px 15px 15px;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_img_res_s,
.side-card.event_recommended .yads_ad_res_s .yads_ad_img_res_s img,
.side-card.event_recommended .yads_ad .yads_ad_img,
.side-card.event_recommended .yads_ad .yads_ad_img img {
	width: 50px;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_img_res_s,
.side-card.event_recommended .yads_ad .yads_ad_img {
	float: left;
	margin-right: 15px;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_title_res_s,
.side-card.event_recommended .yads_ad .yads_ad_title {
	width: 203px;
    float: right;
    text-align: left;
    line-height: 1.4;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_desc_res_s,
.side-card.event_recommended .yads_ad .yads_ad_desc {
	width: 203px;
    float: right;
	font-size: 11px;
    text-align: left;
    line-height: 1.4;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_adv_res_s,
.side-card.event_recommended .yads_ad .yads_ad_adv {
	width: 203px;
    font-size: 9px;
	color: #333;
    float: right;
    text-align: left;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_adv_res_s::afeter,
.side-card.event_recommended .yads_ad .yads_ad_adv::afeter {
    clear: both;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_item_res_s.yads_ad_item_has_image,
.side-card.event_recommended .yads_ad .yads_ad_item.yads_ad_item_has_image {
	display: inline-block;
    padding-top: 15px;
}
.side-card.event_recommended .yads_ad_res_s .yads_ad_info_res_s,
.side-card.event_recommended .yads_ad .yads_ad_info {
    font-size: 13px;
	float: right;
}



/***  under right featured  ***/
.featured .yads_ad_res_s,
.featured .yads_ad {
	display: inline-block;
	padding: 0 15px 15px 15px;
}
.featured .yads_ad_res_s .yads_ad_img_res_s,
.featured .yads_ad_res_s .yads_ad_img_res_s img,
.featured .yads_ad .yads_ad_img,
.featured .yads_ad .yads_ad_img img {
	width: 50px;
}
.featured .yads_ad_res_s .yads_ad_img_res_s,
.featured .yads_ad .yads_ad_img {
	float: left;
	margin-right: 15px;
}
.featured .yads_ad_res_s .yads_ad_title_res_s,
.featured .yads_ad .yads_ad_title {
	width: 203px;
    float: right;
    text-align: left;
    line-height: 1.4;
}
.featured .yads_ad_res_s .yads_ad_desc_res_s,
.featured .yads_ad .yads_ad_desc {
	width: 203px;
    float: right;
	font-size: 11px;
    text-align: left;
    line-height: 1.4;
}
.featured .yads_ad_res_s .yads_ad_adv_res_s,
.featured .yads_ad .yads_ad_adv {
	width: 203px;
    font-size: 9px;
	color: #333;
    float: right;
    text-align: left;
}
.featured .yads_ad_res_s .yads_ad_adv_res_s::afeter,
.featured .yads_ad .yads_ad_adv::afeter {
    clear: both;
}
.featured .yads_ad_res_s .yads_ad_item_res_s.yads_ad_item_has_image,
.featured .yads_ad .yads_ad_item.yads_ad_item_has_image {
	display: inline-block;
    padding-top: 15px;
}
.featured .yads_ad_res_s .yads_ad_info_res_s,
.featured .yads_ad .yads_ad_info {
    font-size: 13px;
	float: right;
}


/***  under right related_link  ***/
.related_link .yads_ad_res_s,
.related_link .yads_ad {
	display: inline-block;
	padding: 15px;
}
.related_link .yads_ad_res_s .yads_ad_img_res_s,
.related_link .yads_ad_res_s .yads_ad_img_res_s img,
.related_link .yads_ad .yads_ad_img,
.related_link .yads_ad .yads_ad_img img {
	visibility: hidden;
	display: none;
}
.related_link .yads_ad_res_s .yads_ad_img_res_s,
.related_link .yads_ad .yads_ad_img {
	visibility: hidden;
	display: none;
}
.related_link .yads_ad_res_s .yads_ad_title_res_s,
.related_link .yads_ad .yads_ad_title {
	width: 268px;
    text-align: left;
    line-height: 1.4;
}
.related_link .yads_ad_res_s .yads_ad_desc_res_s,
.related_link .yads_ad .yads_ad_desc {
	width: 268px;
	font-size: 11px;
    text-align: left;
    line-height: 1.4;
}
.related_link .yads_ad_res_s .yads_ad_adv_res_s,
.related_link .yads_ad .yads_ad_adv {
	width: 268px;
    font-size: 9px;
	color: #333;
    text-align: left;
}
.related_link .yads_ad_res_s .yads_ad_adv_res_s::afeter,
.related_link .yads_ad .yads_ad_adv::afeter {
    clear: both;
}
.related_link .yads_ad_res_s .yads_ad_item_res_s.yads_ad_item_has_image,
.related_link .yads_ad .yads_ad_item.yads_ad_item_has_image {
	display: inline-block;
    padding-top: 15px;
}
.related_link .yads_ad_res_s .yads_ad_info_res_s,
.related_link .yads_ad .yads_ad_info {
    font-size: 13px;
	float: right;
}



/***  under under_main_news pr-list  ***/
.pr-list .yads_ad_res_s,
.pr-list .yads_ad {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #EEE; 
}
.pr-list-intro .yads_ad_res_s,
.pr-list-intro .yads_ad {
	border-top: none!important; 
}
.pr-list .yads_ad_res_s .yads_ad_item,
.pr-list .yads_ad .yads_ad_item {
	margin-top: 10px;
	display: block;
}
.pr-list .yads_ad_res_s .yads_ad_img_res_s,
.pr-list .yads_ad_res_s .yads_ad_img_res_s img,
.pr-list .yads_ad .yads_ad_img,
.pr-list .yads_ad .yads_ad_img img {
	visibility: hidden;
	display: none;
}
.pr-list .yads_ad_res_s .yads_ad_img_res_s,
.pr-list .yads_ad .yads_ad_img {
	visibility: hidden;
	display: none;
}
.pr-list .yads_ad_res_s .yads_ad_title_res_s,
.pr-list .yads_ad .yads_ad_title {
	width: 100%;
    text-align: left;
    line-height: 1.4;
}
.pr-list .yads_ad_res_s .yads_ad_desc_res_s,
.pr-list .yads_ad .yads_ad_desc {
	font-size: 11px;
    text-align: left;
    line-height: 1.4;
}
.pr-list .yads_ad_res_s .yads_ad_adv_res_s,
.pr-list .yads_ad .yads_ad_adv {
	width: 100%;
    font-size: 9px;
	color: #333;
    text-align: left;
}
.pr-list .yads_ad_res_s .yads_ad_adv_res_s::afeter,
.pr-list .yads_ad .yads_ad_adv::afeter {
    clear: both;
}
.pr-list .yads_ad_res_s .yads_ad_item_res_s.yads_ad_item_has_image,
.pr-list .yads_ad .yads_ad_item.yads_ad_item_has_image {
	display: inline-block;
    padding-top: 15px;
}
.pr-list .yads_ad_res_s .yads_ad_info_res_s,
.pr-list .yads_ad .yads_ad_info {
    font-size: 13px;
	float: right;
}



/***  under ad_oze  ***/
.ad_oze .yads_ad_res_s,
.ad_oze .yads_ad {
	border-top: none!important;
}
.ad_oze .yads_ad_res_s .yads_ad_item,
.ad_oze .yads_ad .yads_ad_item {
	margin-top: 0!important;
}