@charset "UTF-8";
.article-view .view-head { padding: 2.5rem 0; text-align: center; border-width: 3px 0 1px; border-style: solid; border-color: #454545 transparent #ddd; }
.article-view .title { padding: 0 3rem; font-size: 28px; font-weight: 100; line-height: 1.3; letter-spacing: -0.22rem; }
@media screen and (max-width: 640px) { .article-view .title { font-size: 19px; letter-spacing: -0.07rem; } }
@media (max-width: 480px) { .article-view .title { padding: 1% 0 3%; } }
.article-view .article-info { margin-top: 2.5rem; font-size: 0; line-height: 0; }
.article-view .article-info span { width: 47%; font-size: 1rem; color: #666; line-height: 100%; display: inline-block; }
.article-view .article-info .date { padding-right: 3%; font-family: "Barlow", sans-serif; font-weight: 300; text-align: right; }
.article-view .article-info .author { padding-left: 3%; text-align: left; }
@media screen and (max-width: 480px) { .article-view .article-info span { width: 100%; }
  .article-view .article-info .date { padding-right: 0; text-align: center; }
  .article-view .article-info .author { padding: 10px 0 0; text-align: center; } }
.article-view .view-contents { padding: 30px 0; line-height: 1.5; white-space: pre-wrap; /* CSS3*/ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-all; /* Internet Explorer 5.5+ */ border-bottom: 1px solid #454545; }
.article-view .view-contents img { margin-top: 20px; max-width: 100%; }
.article-view .file { margin-top: 40px; padding: 0 1rem; font-size: 0; line-height: 0; background-color: #f8f8f8; }
.article-view .file span, .article-view .file img, .article-view .file a { vertical-align: baseline; }
.article-view .file span, .article-view .file a { display: inline-block; }
.article-view .file span { padding: 1rem 1.5rem; background: url(../img/sub/ic_file.png) no-repeat 0 50%; }
.article-view .file span a { font-size: 0.8rem; line-height: 100%; }

.other-article { margin-top: 2.5rem; }
.other-article li { padding: 1rem 1.5rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -weckit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; vertical-align: middle; }
.other-article li:before { margin-right: 10px; font-size: 1.5rem; color: #ed4449; }
.other-article a { display: inline-block; }
.other-article .prev { border-bottom: 1px solid #ddd; }
.other-article .prev:before { content: "▴"; }
.other-article .next { margin-top: 0.5rem; }
.other-article .next:before { content: "▾"; }
.other-article .lab { margin-right: 2rem; font-weight: 300; display: inline-block; }

.btns-area { margin-top: 30px; text-align: center; }
.btns-area .btns-list { padding: 15px 25px; color: #fff; display: inline-block; background-color: #454545; }

/*# sourceMappingURL=view.css.map */