@charset 'utf-8';
/*
 * name:news.css
 * author:sovanda nulo
*/

/* news
------------------------------------------------ */

    @media screen and (min-width: 768px) {
        #breadcrumb { padding-bottom: 7em; }
    }


#news { padding-bottom: 20em; }
.news--head { display: block; position: relative; margin-bottom: 7em; }
.news--title { font-size: 3.2em; font-weight: bold; line-height: 1.5; }
.news--tags { display: block; position: relative; margin-top: .8em; }
.news--tags span { font-size: 1.4em; font-weight: bold; line-height: 2; padding: 0 1.428em; color: #CC1A2C; border: 1px solid #CC1A2C; display: inline-block; border-radius: 10em; box-sizing: border-box; }
.news--break { display: block; position: relative; }

    @media screen and (min-width: 768px) {
        .news--block { width: calc( 100% + 18em ); margin-left: -9em; padding: 7em 9em 13em; box-sizing: border-box; border-radius: .5em; background: #fff; box-shadow: 0 0 40px rgba(102, 102, 102, .16); }
    }

    @media screen and (max-width: 768px) {
        #news { padding-bottom: 0; }
        .news--head { width: calc(100% + 5em); padding: 3.5em 2.5em 2.4em 3.5em; margin: 0 -2.5em; box-sizing: border-box; background-image: url(../../img/business/bg-content-title.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 8em; }
        .news--title { font-size: 2em; }
        .news--tags { margin-top: .6em; }
        .news--tags span { font-size: 1.3em; line-height: 1.7; padding: 0 1.46em; }
    }

.news__sidebar { width: 34em; height: 100%; position: absolute; right: 0; top: 0; }
.news__sidebar--box { padding: 3em 2.5em; position: sticky; top: 12em; left: 0; background: #F8F8F8; border-radius: .5em; }
.news__sidebar--title { display: block; max-width: 29em; margin-bottom: 2.4em; }
.news__sidebar--title img { display: block; width: 100%; height: auto; }
.news__sidebar--links { display: block; position: relative; }
.news__sidebar--links li { display: block; position: relative; margin: 0; }
.news__sidebar--links li:not(:last-child) { margin-bottom: 1.2em; }
.news__sidebar--links li a { display: inline-block; }
.news__sidebar--links li a:after { content: ''; display: inline-block; vertical-align: -.2em; width: 2em; height: 2em; margin-left: .3em; background: url(../../img/share/arrow-link.svg) no-repeat; background-size: 100% 100%; }
.news__sidebar--links li span { font-size: 1.6em; font-weight: bold; line-height: 1.38; display: inline-block; }

    @media screen and (min-width: 768px) {
        .news__sidebar--links li a:hover { color: #CC1A2C; }
    }

    @media screen and (max-width: 768px) {
        .news__sidebar { width: calc(100% + 5em); padding: 6em 2.5em 10em; margin: 0 -2.5em; position: relative; background-image: url(../../img/business/bg-more3.jpg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; box-sizing: border-box; }
        .news__sidebar--box { padding: 2.6em 2em; position: relative; top: auto; left: auto; background: #fff; border-radius: .5em; border: 1px solid #F2F2F2; }
        .news__sidebar--title { max-width: 26.5em; margin-bottom: 2.2em; }
        .news__sidebar--links li:not(:last-child) { margin-bottom: 1.4em; }
        .news__sidebar--links li a:after { vertical-align: -.16em; width: 1.6em; height: 1.6em; margin-left: .2em; }
    }

.news__main { display: block; position: relative; width: calc( 100% - 40em ); }
.news__main--desc { font-size: 1.6em; line-height: 1.7; }
.news__main--desc img { border-radius: .3125em; }
.news__main--desc p + p,
.news__main--desc p + table,
.news__main--desc p + p img { margin-top: 1.875em; }
.news__main--desc p + table,
.news__main--desc table + table,
.news__main--desc table + p { margin-top: 2.5em; }
.news__main--desc ol li { list-style: number; margin-left: 1em; }
.news__main--desc ul li { list-style: disc; margin-left: 1em; }
.news__main--desc p + h2,
.news__main--desc p + h3,
.news__main--desc p + h4,
.news__main--desc p + h5,
.news__main--desc p + h6,
.news__main--desc table + h2,
.news__main--desc table + h3,
.news__main--desc table + h4,
.news__main--desc table + h5,
.news__main--desc table + h6 { margin-top: 1.69em; }
.news__main--desc h2 { font-size: 162.5%; }
.news__main--desc h3 { font-size: 137.5%; }
.news__main--desc h4 { font-size: 125%; }
.news__main--desc h5 { font-size: 112.5%; }
.news__main--desc h6 { font-size: 100%; }
.news__main--desc h2,
.news__main--desc h3,
.news__main--desc h4,
.news__main--desc h5,
.news__main--desc h6 { line-height: 1.46; margin-bottom: .35em; }
.news__main--desc a { display: inline-block; position: relative; }
.news__main--desc a:not([class]) { color: #51ADE0; }
.news__main--desc a:not([class]):before { content: ""; position: absolute; left: 0; width: 100%; bottom: 0; background: #51ADE0; height: 1px; transition-property: width; transition-duration: 0.3s; transition-timing-function: ease-out; }
.news__main--desc table { width: 100%; border-collapse: collapse; }
.news__main--desc table tr th,
.news__main--desc table tbody tr td { font-size: inherit; line-height: inherit; vertical-align: top; text-align: left; box-sizing: border-box; padding: 1.17em 0; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.news__main--desc table tbody tr td:first-child,
.news__main--desc table tbody tr th:first-child { font-weight: bold; width: 8.75em; }

    @media only screen and (min-width: 768px) {
        .news__main--desc a:not([class]):hover:before { left: auto; right: 0; width: 0; }
    }

    @media only screen and (max-width: 768px) {
        .news__main { position: relative; width: calc( 100% + 5em ); margin: 0 -2.5em; padding: 4em 2.5em 6em; background: #fff; box-shadow: 0 0 4em rgba(102, 102, 102, .16); box-sizing: border-box; z-index: 2; }
        .news__main--desc p + table,
        .news__main--desc table + table,
        .news__main--desc table + p { margin-top: 2.3em; }
        .news__main--desc p + h2,
        .news__main--desc p + h3,
        .news__main--desc p + h4,
        .news__main--desc p + h5,
        .news__main--desc p + h6,
        .news__main--desc table + h2,
        .news__main--desc table + h3,
        .news__main--desc table + h4,
        .news__main--desc table + h5,
        .news__main--desc table + h6 { margin-top: 2.2em; }
        .news__main--desc h2 { font-size: 125%; }
        .news__main--desc h3 { font-size: 118.75; }
        .news__main--desc h4 { font-size: 112.5%; }
        .news__main--desc h5 { font-size: 106.25%; }
        .news__main--desc h6 { font-size: 100%; }
        .news__main--desc table,
        .news__main--desc table tbody,
        .news__main--desc table tbody tr,
        .news__main--desc table tbody tr td,
        .news__main--desc table tbody tr th { display: block; padding: 0; border: none; }
        .news__main--desc table { border-top: 1px solid #ccc; }
        .news__main--desc table tbody tr th { padding-top: 1.25em; }
        .news__main--desc table tbody tr td { border-bottom: 1px solid #ccc; padding-bottom: 1.25em; }
    }