/* line 3, ../sass/pages/article/_main.scss */
#article {
  background: #ddd;
}
/* line 6, ../sass/pages/article/_main.scss */
#article .header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 75vw;
  background-image: url("../img/article/_dummy/banner_large.jpg");
}
/* line 13, ../sass/pages/article/_main.scss */
#article .header .header-text {
  position: absolute;
  bottom: 1em;
  padding: 0 30px;
}
/* line 17, ../sass/pages/article/_main.scss */
#article .header .header-text h2 {
  font-size: 1.8em;
  line-height: 1.2em;
}
/* line 22, ../sass/pages/article/_main.scss */
#article .header .bg-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
}
/* line 35, ../sass/pages/article/_main.scss */
#article .share {
  position: relative;
  margin: 1em 0;
}
/* line 38, ../sass/pages/article/_main.scss */
#article .share .share-button {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding: 0.4em 1em;
  cursor: pointer;
}
/* line 46, ../sass/pages/article/_main.scss */
#article .share .share-button:hover .button-bg {
  background: #444;
}
/* line 52, ../sass/pages/article/_main.scss */
#article .share .button-bg {
  position: absolute;
  background: #282828;
  -webkit-transition: background 0.15s;
          transition: background 0.15s;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(-20deg);
          transform: skew(-20deg);
  top: 0;
  left: 0;
}
/* line 62, ../sass/pages/article/_main.scss */
#article .share .button-icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1.35em;
  height: 1.35em;
  top: 0.45em;
}
/* line 70, ../sass/pages/article/_main.scss */
#article .share .button-text {
  position: relative;
  font-size: 1.0em;
  display: inline-block;
  padding-left: 1.9em;
}
/* line 76, ../sass/pages/article/_main.scss */
#article .share .twitter {
  margin-right: 0.8em;
}
/* line 77, ../sass/pages/article/_main.scss */
#article .share .twitter .button-icon {
  background-image: url("../img/article/twitter.png");
}
/* line 83, ../sass/pages/article/_main.scss */
#article .share .facebook .button-icon {
  background-image: url("../img/article/facebook.png");
}
/* line 88, ../sass/pages/article/_main.scss */
#article .share .go-to-news .button-text {
  padding-left: 0;
}
/* line 93, ../sass/pages/article/_main.scss */
#article .content {
  color: #000;
  padding: 1em;
  line-height: 1.5em;
  font-size: 1.5em;
  position: relative;
}
/* line 100, ../sass/pages/article/_main.scss */
#article .content .content-bg-top,
#article .content .content-bg-bottom {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  width: 100%;
  height: 62.5vw;
}
/* line 109, ../sass/pages/article/_main.scss */
#article .content .content-bg-top {
  top: 0;
  background-position: bottom center;
  background-image: url("../img/article/contentBgTop_small.jpg");
}
/* line 114, ../sass/pages/article/_main.scss */
#article .content .content-bg-bottom {
  bottom: 0;
  background-position: top center;
  background-image: url("../img/article/contentBgBottom_small.jpg");
}
/* line 120, ../sass/pages/article/_main.scss */
#article .content .content-header {
  position: relative;
}
/* line 122, ../sass/pages/article/_main.scss */
#article .content .content-header .article-date {
  color: #000;
  text-transform: uppercase;
  display: inline-block;
}
/* line 127, ../sass/pages/article/_main.scss */
#article .content .content-header .article-divline {
  height: 1.2em;
  width: 1px;
  background: #959595;
  display: inline-block;
  position: relative;
  margin: 0 0.7em;
  top: 0.3em;
}
/* line 136, ../sass/pages/article/_main.scss */
#article .content .content-header .article-type {
  color: #000;
  text-transform: uppercase;
  display: inline-block;
}
/* line 144, ../sass/pages/article/_main.scss */
#article .content .content-body {
  position: relative;
}
/* line 147, ../sass/pages/article/_main.scss */
#article .content .content-body h1, #article .content .content-body h2, #article .content .content-body h3, #article .content .content-body h4, #article .content .content-body h5, #article .content .content-body h6, #article .content .content-body p, #article .content .content-body bold, #article .content .content-body strong, #article .content .content-body i, #article .content .content-body em {
  font-size: initial;
  font-weight: initial;
}
/* line 152, ../sass/pages/article/_main.scss */
#article .content .content-body strong {
  font-weight: bold;
  font-size: inherit;
}
/* line 157, ../sass/pages/article/_main.scss */
#article .content .content-body img {
  max-width: 100%;
  height: auto;
}
/* line 163, ../sass/pages/article/_main.scss */
#article .content .content-footer {
  position: relative;
  margin-top: 5em;
}
/* line 166, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-next, #article .content .content-footer a.btn-prev {
  text-decoration: none;
  color: #444;
  font-weight: 900;
  letter-spacing: 0.05em;
  position: relative;
  top: -2.8em;
}
/* line 173, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-next i, #article .content .content-footer a.btn-prev i {
  vertical-align: middle;
  font-size: 0.9em;
  margin: 0 0.25em;
}
/* line 178, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-next .button-text, #article .content .content-footer a.btn-prev .button-text {
  vertical-align: middle;
  font-size: 0.9em;
}
/* line 184, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-next i {
  margin-left: 0.25em;
}
/* line 188, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-prev {
  margin-right: 1.5em;
}
/* line 190, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-prev i {
  margin-right: 0.25em;
}
/* line 194, ../sass/pages/article/_main.scss */
#article .content .content-footer a.btn-next:hover, #article .content .content-footer a.btn-prev:hover {
  color: #720000;
}
/* line 197, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top {
  display: inline-block;
  padding-right: 1.2em;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -2.7em;
}
/* line 204, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top .button-text {
  font-family: "Orbitron";
  font-weight: 900;
  color: #444;
  -webkit-transition: color 0.15s;
          transition: color 0.15s;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: right;
}
/* line 214, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top .chevron-icon {
  position: absolute;
  right: 0;
  top: 0.6em;
  text-align: center;
  padding: 0.4em;
  height: 0.2em;
  width: 0.1em;
}
/* line 224, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top .chevron-icon:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 20%;
  width: 51%;
  background: #444;
  -webkit-transition: background 0.15s;
          transition: background 0.15s;
  -webkit-transform: skew(0deg, -46deg);
          transform: skew(0deg, -46deg);
}
/* line 235, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top .chevron-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 20%;
  width: 50%;
  background: #444;
  -webkit-transition: background 0.15s;
          transition: background 0.15s;
  -webkit-transform: skew(0deg, 46deg);
          transform: skew(0deg, 46deg);
}
/* line 247, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top:hover .button-text {
  color: #720000;
}
/* line 250, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top:hover .chevron-icon:before {
  background: #720000;
}
/* line 253, ../sass/pages/article/_main.scss */
#article .content .content-footer .back-to-top:hover .chevron-icon:after {
  background: #720000;
}
/* line 258, ../sass/pages/article/_main.scss */
#article .content .content-footer .share {
  font-size: 0.7em;
}
/* line 260, ../sass/pages/article/_main.scss */
#article .content .content-footer .share .share-button {
  padding: 0.2em 1em;
}
/* line 263, ../sass/pages/article/_main.scss */
#article .content .content-footer .share .button-icon {
  top: 0.6em;
}
/* line 266, ../sass/pages/article/_main.scss */
#article .content .content-footer .share .go-to-news {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 279, ../sass/pages/article/_main.scss */
body.mobile #article .content .content-footer {
  font-size: 0.9em;
}
/* line 281, ../sass/pages/article/_main.scss */
body.mobile #article .content .content-footer a.btn-prev {
  margin-right: 1em;
}

/* line 290, ../sass/pages/article/_main.scss */
body.tablet #article .header {
  height: 33vw;
}
/* line 292, ../sass/pages/article/_main.scss */
body.tablet #article .header .header-text {
  bottom: 1em;
  padding: 0 50px;
}
/* line 295, ../sass/pages/article/_main.scss */
body.tablet #article .header .header-text h2 {
  font-size: 2em;
  line-height: 1.1em;
}
/* line 302, ../sass/pages/article/_main.scss */
body.tablet #article .share .share-button {
  padding: 0.3em 1em;
}
/* line 305, ../sass/pages/article/_main.scss */
body.tablet #article .share .button-text {
  font-size: 0.9em;
}
/* line 308, ../sass/pages/article/_main.scss */
body.tablet #article .share .button-icon {
  width: 1.2em;
  height: 1.2em;
  top: 0.45em;
}
/* line 313, ../sass/pages/article/_main.scss */
body.tablet #article .share .twitter {
  margin-right: 0.5em;
}
/* line 317, ../sass/pages/article/_main.scss */
body.tablet #article .content {
  font-size: 1.6em;
  padding: 2.2em 3em;
}
/* line 321, ../sass/pages/article/_main.scss */
body.tablet #article .content .content-header {
  margin-bottom: 1.5em;
}
/* line 323, ../sass/pages/article/_main.scss */
body.tablet #article .content .content-header .share {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 336, ../sass/pages/article/_main.scss */
body.tablet #article .content .content-footer .share {
  font-size: 1em;
}
/* line 338, ../sass/pages/article/_main.scss */
body.tablet #article .content .content-footer .share .share-button {
  padding: 0.4em 1em;
}

/* line 351, ../sass/pages/article/_main.scss */
body.desktop #article .header {
  height: 33vw;
  max-height: 480px;
}
/* line 354, ../sass/pages/article/_main.scss */
body.desktop #article .header .header-text {
  width: 1000px;
  padding: 0;
  left: 50%;
  margin-left: -500px;
}
/* line 359, ../sass/pages/article/_main.scss */
body.desktop #article .header .header-text h2 {
  font-size: 48px;
  line-height: 60px;
}
/* line 366, ../sass/pages/article/_main.scss */
body.desktop #article .share .share-button {
  padding: 0.3em 1em;
}
/* line 369, ../sass/pages/article/_main.scss */
body.desktop #article .share .button-text {
  font-size: 0.9em;
}
/* line 372, ../sass/pages/article/_main.scss */
body.desktop #article .share .button-icon {
  width: 1.2em;
  height: 1.2em;
  top: 0.45em;
}
/* line 377, ../sass/pages/article/_main.scss */
body.desktop #article .share .twitter {
  margin-right: 0.4em;
}
/* line 381, ../sass/pages/article/_main.scss */
body.desktop #article .content {
  font-size: 18px;
  min-height: 1200px;
}
/* line 387, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-bg-top,
body.desktop #article .content .content-bg-bottom {
  height: 31.25vw;
  max-height: 600px;
}
/* line 392, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-bg-top {
  background-image: url("../img/article/contentBgTop_large.jpg");
}
/* line 395, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-bg-bottom {
  background-image: url("../img/article/contentBgBottom_large.jpg");
}
/* line 398, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-header, body.desktop #article .content .content-body, body.desktop #article .content .content-footer {
  margin: 0 auto;
  width: 1000px;
}
/* line 402, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-header {
  margin-top: 40px;
  margin-bottom: 1.5em;
}
/* line 405, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-header .share {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 412, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-footer {
  margin-top: 5em;
}
/* line 414, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-footer .share {
  font-size: 1em;
}
/* line 416, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-footer .share .share-button {
  padding: 0.4em 1em;
}
/* line 419, ../sass/pages/article/_main.scss */
body.desktop #article .content .content-footer .share .button-icon {
  top: 0.6em;
}