:root[data-dark=true] #contents .view-box {
  background-color: #272829;
  border: 1px solid #131313;
}
:root[data-dark=true] #contents .view-box > .title-wrapper .sub-title {
  color: #b5b5b5;
}
:root[data-dark=true] #contents .view-box .view-title-look-more > .title-wrapper .title {
  color: #fff;
}
:root[data-dark=true] #contents .view-box .view-title-look-more .title-wrapper .title {
  color: #fff;
}
:root[data-dark=true] #contents .view-box .view-title-look-more .title-wrapper .sub-title {
  color: #b5b5b5;
}
:root[data-dark=true] #contents .view-box .view-title-look-more .title-wrapper .sub-title.has-line::before {
  background-color: #545454;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .category-issue .category-name {
  border: 1px solid rgba(148, 186, 220, 0.4);
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .category-issue .category-name:hover {
  border: 1px solid #456bcd;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .category-issue .issue-name {
  color: #456bcd;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .headline-title {
  color: #fff;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .tts-summary .tts-btn-wrapper .tts-btn {
  background: url("/resource/image/pc/ico/ttsDark.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .tts-summary .tts-btn-wrapper .tts-btn.on {
  background: url("/resource/image/pc/ico/ttsOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .tts-summary .summary-btn {
  border: 1px solid #4f4f4f;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .tts-summary .summary-btn:hover {
  background-color: #4f4f4f;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .dates .input-date,
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .dates .edit-date {
  color: #b5b5b5;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-headline .dates .edit-date::before {
  background-color: #666;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link .prev-title-wrapper {
  border: 1px solid #4f4f4f;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .prev-next-links .prev-link .prev-title-wrapper .prev-txt::after {
  background-color: #4f4f4f;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .next-title-wrapper {
  border: 1px solid #4f4f4f;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .next-title-wrapper .next-txt {
  color: #999;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .prev-next-links .next-link .next-title-wrapper .next-txt::before {
  background-color: #4f4f4f;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .title {
  color: #fff;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article .related-articles-wrapper .related-articles-links .related-articles-list .related-articles-link {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-reporter .reporter-info .home-icon,
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-reporter .reporter-info .mail-icon {
  -webkit-filter: invert(1);
          filter: invert(1);
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-reporter .reporter-info .mailto-btn .mail-txt {
  color: #b5b5b5;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-reporter .reporter-txt {
  color: #b5b5b5;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like > .title {
  color: #fff;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .btn-title-wrapper .btn-title {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .like-btn {
  background: url("/resource/image/pc/ico/viewLikeDark.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .like-btn.on {
  background: url("/resource/image/pc/ico/viewLikeDarkOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .like-btn:hover {
  background: url("/resource/image/pc/ico/viewLikeDarkOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .cheer-btn {
  background: url("/resource/image/pc/ico/viewCheerDark.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .cheer-btn.on {
  background: url("/resource/image/pc/ico/viewCheerDarkOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .cheer-btn:hover {
  background: url("/resource/image/pc/ico/viewCheerDarkOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .want-btn {
  background: url("/resource/image/pc/ico/viewWantDark.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .want-btn.on {
  background: url("/resource/image/pc/ico/viewWantDarkOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .view-article-like .like-btns .like-btns-list .want-btn:hover {
  background: url("/resource/image/pc/ico/viewWantDarkOn.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .comment-notice {
  border-top: 2px solid #313334;
  border-bottom: 1px solid #313334;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .comment-notice .notice-icon {
  background: url("/resource/image/pc/ico/noticeIconDark.svg") center center no-repeat;
}
:root[data-dark=true] #contents .view-page .view-contents-wrapper .comment-notice .notice-text {
  color: #b5b5b5;
}
:root[data-dark=true] #contents .view-page .side-contents-wrapper .side-headline .news-list .main-news .title {
  color: #fff;
}
:root[data-dark=true] #contents .view-page .side-contents-wrapper .side-title {
  color: #fff;
}
:root[data-dark=true] #contents .view-page .side-contents-wrapper .side-title.has-border {
  border-bottom: 1px solid #313334;
}
:root[data-dark=true] #contents .view-page .side-contents-wrapper .side-most-viewed .ranks .ranks-list {
  border-bottom-color: #313334;
}
:root[data-dark=true] #contents .view-page .side-contents-wrapper .side-most-viewed .ranks .ranks-list:first-child {
  border-top: #313334;
}
:root[data-dark=true] #contents .error-box .error-text {
  color: #fff;
}
:root[data-dark=true] #contents .error-box .buttons-wrapper .home-button,
:root[data-dark=true] #contents .error-box .buttons-wrapper .prev-page-button {
  border: 1px solid #4f4f4f;
  color: #f3f3f3;
}
:root[data-dark=true] #contents .error-box .address {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .comment-area {
  background-color: #fff;
  padding: 24px 0 0 24px;
}
:root[data-dark=true] #contents .comment-area .title {
  color: #222;
  margin-top: 0;
}
:root[data-dark=true] #contents .anchor-report .anchor-text,
:root[data-dark=true] #contents .anchor-report .report-text {
  background-color: #353535;
}
:root[data-dark=true] #contents .anchor-report .anchor-text .text,
:root[data-dark=true] #contents .anchor-report .report-text .text {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .anchor-report .report-text div {
  border: 1px solid #545454 !important;
}
:root[data-dark=true] #contents .summary-box {
  border: 1px solid #7c7c7c;
}
:root[data-dark=true] #contents .summary-box .text {
  color: #f3f3f3;
  border-left: 1px solid #7c7c7c;
}
:root[data-dark=true] #contents .detail-visual .image-caption {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .detail-body {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .detail-body .photo-box .description-block .text {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .detail-body .detail-link-wrapper .link-description {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .detail-body .detail-link-wrapper .detail-link {
  color: #53acff;
}
:root[data-dark=true] #contents .detail-body .view_img_wrap .view_img_dsc {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .detail-body .player-app .player-caption {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .prev-button {
  background: url("/resource/image/pc/ico/viewSlideBtnDisabledLeft.svg") center center no-repeat;
  background-size: 100% 100%;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .prev-button:disabled {
  opacity: 0.3;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .next-button {
  background: url("/resource/image/pc/ico/viewSlideBtnDisabledRight.svg") center center no-repeat;
  background-size: 100% 100%;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .next-button:disabled {
  opacity: 0.3;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .pagination {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .pagination .slash {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .pagination .current-page {
  color: #53acff;
}
:root[data-dark=true] #contents .view-image-slide-wrapper .pagination .last-page {
  color: #f3f3f3;
}
:root[data-dark=true] #contents .view-image-click .image-click-list.on::after {
  border: 4px solid #fff;
}
:root[data-dark=true] #msg {
  background-color: #fff;
  padding: 24px;
}
:root[data-dark=true] .detail-body .view_img_dsc {
  color: #f3f3f3;
}
:root[data-dark=true] .detail-body a {
  color: #53acff;
}
:root[data-dark=true] .detail-body div.anchor {
  background-color: #353535 !important;
}
:root[data-dark=true] .detail-body div.anchor span.anchor {
  color: #f3f3f3 !important;
}
:root[data-dark=true] .detail-body div.report {
  background-color: #353535 !important;
}
:root[data-dark=true] .detail-body div.report span.report {
  color: #f3f3f3 !important;
}
:root[data-dark=true] .detail-body table tbody tr td {
  background-color: #353535 !important;
  border: none !important;
}
:root[data-dark=true] .article-summary:before {
  background: #747474;
}