@charset "UTF-8";

.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }

#article-view .quick-tool { font-size: 0; }
#article-view .quick-tool button { background-color: white; }

#article-view .quick-tool > .tool {
	display:        inline-block;
	width:          36px;
	height:         32px;
	font-size:      .875rem;
	border-width:   1px 0 1px 1px;
	border-style:   solid;
	border-color:   rgba(0, 0, 0, .12);
	text-align:     center;
	vertical-align: middle;
	cursor:         pointer;
	transition:     border-color .3s ease-in-out, background-color .3s ease-in-out
}

#article-view .quick-tool > :last-child, #article-view .quick-tool > :nth-last-child(3) { border-right-width: 1px }
#article-view .quick-tool > :nth-last-child(2) { margin-left: .625rem }
#article-view .quick-tool > .tool:focus, #article-view .quick-tool > .tool:hover {
	background-color: rgba(0, 0, 0, .025);
	border-color:     rgba(0, 0, 0, .5)
}

#article-view .quick-tool > .tool:focus + .tool:not(:nth-last-child(2)), #article-view .quick-tool > .tool:hover + .tool:not(:nth-last-child(2)) {
	border-left-color: rgba(0, 0, 0, .5)
}

#article-view .quick-tool .font-size, .social-group .sns {
	display: inline-block;
	margin:  6px auto 0 auto;
}

#article-view .quick-tool .font-size::before, #article-view .quick-tool .icon-print::before, #article-view .quick-tool .icon-share-alt::before {
	content:             '';
	display:             block;
	width:               18px;
	height:              18px;
	background-position: 50%;
	background-repeat:   no-repeat
}

#article-view .quick-tool .font-size.down::before { background-image: url(/assets_renewal/images/renewal_news_icon_down.jpg) }
#article-view .quick-tool .font-size.up::before { background-image: url(/assets_renewal/images/renewal_news_icon_up.jpg) }
#article-view .quick-tool .icon-print::before { background-image: url(/assets_renewal/images/renewal_news_icon_print.jpg) }
#article-view .quick-tool .icon-share-alt::before { background-image: url(/assets_renewal/images/renewal_news_icon_share.jpg) }

#article-view .info-group {position:relative}
#article-sns {display:none}
#article-sns.show {display:block}
#article-sns {position:absolute;z-index:999;top:55px;right:0;width:25%;padding:15px;border:1px solid #b3b3b3;background:#fff;text-align:center}
#article-sns .sns-header {font-size:1rem;font-weight:500;text-align:left;color:#000}
#article-sns .social-group.for-other>:nth-child(5n+1) {clear:inherit}
#article-sns .sns-container .social-group button {position:relative;width:35px;height:35px;padding:0;margin:17px 27px 25px 27px}
#article-sns .sns-container .social-group button > span {position:absolute;top:40px;width:90px;left:-75%;font-size:11px;color:#616161}
#article-sns .close-button {top:15px;right:10px;font-size:1rem;position: absolute;border: none;}

.show-for-sr, .show-on-focus {
	position: absolute!important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}