@keyframes hover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  /* line 9, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .section .feed-article-view {
    width: 293px;
    margin-left: 7px;
    background-color: #fff;
  }
  /* line 13, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .section > .articles {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  /* line 20, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #album-detail .contents {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  /* line 25, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #album-detail .contents .contents {
    width: 900px;
    position: relative;
  }
  /* line 28, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #album-detail .contents .contents > .backnumbers {
    top: 0px;
  }
  /* line 30, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #album-detail .contents .contents > .share {
    margin-left: 190px;
  }
}

/* line 357, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.modal-content {
  margin: 0 auto;
  pointer-events: all;
}

/* line 363, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.modal-backdrop.in {
  opacity: 0.8;
}

/* line 366, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.wide_half {
  width: 50%;
  float: left;
  z-index: 150;
}

@media (min-width: 768px) {
  /* line 372, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .wide_half {
    width: 100%;
    float: none;
  }
}
/* line 376, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view {
  position: relative;
}
/* line 246, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view a:hover {
  text-decoration: none;
}
/* line 248, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .title {
  color: #fff;
  height: 2.25em;
  overflow: hidden;
  font-weight: 800;
}
/* line 253, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .title > img {
  color: #fff;
}
/* line 255, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .brand {
  color: #fff;
}
/* line 257, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .subject {
  width: 100%;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  line-height: 1.2em;
  color: #fff;
  z-index: 100;
}
/* line 265, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image {
  position: relative;
}
/* line 267, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > img {
  width: 100%;
}
/* line 269, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 275, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > .white-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 282, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > .gray-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #000;
}
/* line 285, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .image > .gray-wrap:hover {
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/* line 291, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text {
  position: relative;
  height: 85px;
  padding: 0 1em;
}
/* line 295, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text > .subject {
  position: relative;
}
/* line 297, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text > .subject > .title {
  color: #333;
  height: auto;
  max-height: 3.4em;
  overflow: hidden;
}
/* line 302, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .text > .subject > .brand {
  color: #333;
  font-size: 0.9em;
}
/* line 306, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .grayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  z-index: 100;
}
/* line 315, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .vertical {
  overflow: scroll;
  padding: 30px 15px 0px 15px;
}
/* line 318, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog {
  width: 100%;
  position: relative;
  margin: 0;
}
/* line 320, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog img, .feed-image-view .modal.thumbnail-box .modal-dialog video {
  width: 100%;
}
/* line 324, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content {
  width: 100%;
  background-color: black;
  margin: 0 auto;
}
/* line 328, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  border-radius: 30px;
  z-index: 150;
  top: -30px;
  left: 0px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
@media (min-width: 768px) {
  /* line 342, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .modal-dialog {
    height: 100%;
  }
  /* line 344, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content {
    margin-top: 50px;
    width: 750px;
  }
  /* line 347, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
    top: -10px;
    right: -10px;
    left: auto;
    background-color: white;
    color: black;
  }
  /* line 354, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-image-view .modal.thumbnail-box .vertical > .modal-content {
    width: 422px;
  }
}

/* line 379, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view {
  position: relative;
}
/* line 246, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view a:hover {
  text-decoration: none;
}
/* line 248, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .title {
  color: #fff;
  height: 2.25em;
  overflow: hidden;
  font-weight: 800;
}
/* line 253, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .title > img {
  color: #fff;
}
/* line 255, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .brand {
  color: #fff;
}
/* line 257, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .subject {
  width: 100%;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  line-height: 1.2em;
  color: #fff;
  z-index: 100;
}
/* line 265, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image {
  position: relative;
}
/* line 267, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > img {
  width: 100%;
}
/* line 269, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 275, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > .white-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 282, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > .gray-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #000;
}
/* line 285, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .image > .gray-wrap:hover {
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/* line 291, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text {
  position: relative;
  height: 85px;
  padding: 0 1em;
}
/* line 295, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text > .subject {
  position: relative;
}
/* line 297, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text > .subject > .title {
  color: #333;
  height: auto;
  max-height: 3.4em;
  overflow: hidden;
}
/* line 302, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .text > .subject > .brand {
  color: #333;
  font-size: 0.9em;
}
/* line 306, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .grayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  z-index: 100;
}
/* line 315, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .vertical {
  overflow: scroll;
  padding: 30px 15px 0px 15px;
}
/* line 318, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog {
  width: 100%;
  position: relative;
  margin: 0;
}
/* line 320, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog img, .feed-album-view .modal.thumbnail-box .modal-dialog video {
  width: 100%;
}
/* line 324, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content {
  width: 100%;
  background-color: black;
  margin: 0 auto;
}
/* line 328, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  border-radius: 30px;
  z-index: 150;
  top: -30px;
  left: 0px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
@media (min-width: 768px) {
  /* line 342, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .modal-dialog {
    height: 100%;
  }
  /* line 344, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content {
    margin-top: 50px;
    width: 750px;
  }
  /* line 347, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
    top: -10px;
    right: -10px;
    left: auto;
    background-color: white;
    color: black;
  }
  /* line 354, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-album-view .modal.thumbnail-box .vertical > .modal-content {
    width: 422px;
  }
}
/* line 381, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .title {
  text-align: center;
  font-size: 1.35em;
  line-height: 1.2em;
  font-weight: 400;
}
/* line 386, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-album-view .subject {
  bottom: 22%;
}

/* line 389, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view {
  position: relative;
}
/* line 246, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view a:hover {
  text-decoration: none;
}
/* line 248, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .title {
  color: #fff;
  height: 2.25em;
  overflow: hidden;
  font-weight: 800;
}
/* line 253, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .title > img {
  color: #fff;
}
/* line 255, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .brand {
  color: #fff;
}
/* line 257, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .subject {
  width: 100%;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  line-height: 1.2em;
  color: #fff;
  z-index: 100;
}
/* line 265, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image {
  position: relative;
}
/* line 267, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > img {
  width: 100%;
}
/* line 269, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 275, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > .white-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 282, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > .gray-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 120;
  background-color: #000;
}
/* line 285, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .image > .gray-wrap:hover {
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
/* line 291, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text {
  position: relative;
  height: 85px;
  padding: 0 1em;
}
/* line 295, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text > .subject {
  position: relative;
}
/* line 297, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text > .subject > .title {
  color: #333;
  height: auto;
  max-height: 3.4em;
  overflow: hidden;
}
/* line 302, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .text > .subject > .brand {
  color: #333;
  font-size: 0.9em;
}
/* line 306, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .grayout {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  z-index: 100;
}
/* line 315, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .vertical {
  overflow: scroll;
  padding: 30px 15px 0px 15px;
}
/* line 318, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog {
  width: 100%;
  position: relative;
  margin: 0;
}
/* line 320, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog img, .feed-article-view .modal.thumbnail-box .modal-dialog video {
  width: 100%;
}
/* line 324, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content {
  width: 100%;
  background-color: black;
  margin: 0 auto;
}
/* line 328, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
  width: 30px;
  height: 30px;
  font-size: 30px;
  position: absolute;
  border-radius: 30px;
  z-index: 150;
  top: -30px;
  left: 0px;
  background-color: black;
  color: white;
  opacity: 0.5;
}
@media (min-width: 768px) {
  /* line 342, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .modal-dialog {
    height: 100%;
  }
  /* line 344, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content {
    margin-top: 50px;
    width: 750px;
  }
  /* line 347, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .modal-dialog > .modal-content > .close {
    top: -10px;
    right: -10px;
    left: auto;
    background-color: white;
    color: black;
  }
  /* line 354, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  .feed-article-view .modal.thumbnail-box .vertical > .modal-content {
    width: 422px;
  }
}
/* line 392, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .subject .brand {
  overflow: hidden;
  padding-top: 5px;
}
/* line 395, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .subject .brand .name {
  height: 1em;
  font-size: 0.8em;
}
/* line 398, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.feed-article-view .score {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ff8888;
  font-weight: 800;
  font-size: 0.9em;
  margin-right: 10px;
}

/* line 407, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.share {
  text-align: center;
}
/* line 409, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.share .share-wrapper {
  display: inline-block;
  width: 100px;
  margin: 20px auto 0px;
}
/* line 411, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.share .share-wrapper .fb-share {
  margin-right: 20px;
}
/* line 413, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.share .share-wrapper img.facebook {
  height: 29px;
}
/* line 415, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.share .share-wrapper img.twitter {
  height: 44px;
}

/* line 422, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.questionnaire h4 {
  text-align: left !important;
  margin-left: 10px;
}
/* line 425, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
.questionnaire li {
  list-style: none;
}

/* line 3, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/articles.sass */
h2 {
  margin-top: 40px;
  margin-bottom: 12px;
  font-size: 1.1em;
  font-weight: bold;
}

/* line 9, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/articles.sass */
h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: bold;
}

/* line 15, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/articles.sass */
h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: bold;
}

/* line 21, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/articles.sass */
#article-detail {
  margin: 0 auto;
}
/* line 41, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .message {
  padding: 1em;
  font-size: 1.2em;
}
/* line 45, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents {
  margin: 0 auto;
  width: 100%;
  line-height: 1.93;
}
/* line 50, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image {
  position: relative;
  margin: 0 auto 1em;
  text-align: center;
}
/* line 54, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image img {
  width: 100%;
}
/* line 56, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image video {
  width: 100%;
}
/* line 58, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .main-image .white-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 63, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
}
/* line 68, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .title {
  font-size: 1.6em !important;
  line-height: 1.4em;
  padding: 4px 0px;
}
/* line 72, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .subtitle {
  font-size: 1.3em !important;
  line-height: 1.3em;
}
/* line 76, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres {
  position: absolute;
  right: 0;
  top: -15px;
  font-weight: bold;
}
/* line 81, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .genre {
  color: #f44;
}
/* line 83, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .unlike_genre {
  color: #fcc;
}
/* line 85, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .definitely_genre {
  color: #44f;
}
/* line 87, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .subject .genres > .likely_genre {
  color: #ccf;
}
/* line 90, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs {
  margin: 0 auto;
  padding: 0 10px;
}
/* line 93, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph {
  padding: 12px 5px 0;
}
/* line 95, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .head {
  padding-bottom: 8px;
}
/* line 99, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .movie > video {
  width: 100%;
}
/* line 101, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .more {
  padding: 4px 0;
  border-radius: 20px;
  width: 60%;
  display: block;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 110, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .image {
  position: relative;
}
/* line 112, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .image img {
  width: 100%;
}
/* line 114, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .paragraph .image .white-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 190;
}
/* line 119, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .more-link-normal {
  display: none;
}
/* line 121, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .paragraphs .more-link-alt {
  display: block;
  padding-bottom: 2px;
}
/* line 124, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents h2, #article-detail > .contents h3, #article-detail > .contents h4 {
  text-align: center;
}
/* line 126, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .relevants {
  display: flex;
  flex-wrap: wrap;
}
/* line 129, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents > .relevants .relevant {
  width: 50%;
}
/* line 131, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
#article-detail > .contents .paragraph_article {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  /* line 135, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents {
    min-height: 810px;
  }
  /* line 137, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .main-image, #article-detail > .contents .subject, #article-detail > .contents .paragraphs, #article-detail > .contents .share {
    margin-right: 320px;
  }
  /* line 139, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .subject, #article-detail > .contents .paragraphs, #article-detail > .contents .share {
    padding-left: 0;
    padding-right: 20px;
  }
  /* line 143, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .paragraphs .more-link-normal {
    display: block;
    padding: 10px 0px 30px;
  }
  /* line 146, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .paragraphs .more-link-alt {
    display: none;
  }
  /* line 148, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > h2 {
    display: none;
  }
  /* line 150, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants {
    display: block;
    position: absolute;
    top: 95px;
    right: 0;
  }
  /* line 155, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant {
    width: 298px;
    margin-bottom: 8px;
    margin-right: 0;
    position: relative;
  }
  /* line 161, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .image {
    width: 130px;
  }
  /* line 163, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .grayout {
    display: none;
  }
  /* line 165, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .subject {
    padding: 0;
    padding-left: 140px;
    font-weight: inherit !important;
    font-size: inherit !important;
    height: 73px;
  }
  /* line 171, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .subject > .title {
    color: inherit;
    height: inherit;
    max-height: 2.4em;
    line-height: 1.32em;
  }
  /* line 176, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents > .relevants > .relevant > a.thumbnail-content > .subject > .brand {
    color: inherit;
  }
  /* line 178, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/detail.sass */
  #article-detail > .contents .paragraph_article {
    width: 75%;
  }
}
/* line 24, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/articles.sass */
#article-detail .paragraphs {
  margin-bottom: 30px;
  padding: 0 2em;
}

/* line 28, /opt/deploy/local_repo/webx/production/webx/releases/20181105125214/app/assets/stylesheets/global/articles.sass */
#next-icon {
  width: 100%;
  margin: 2em auto;
  text-align: center;
}