@charset 'utf-8';

.content-info {
	font-size:90%;
}

.content-body .content-info {
	margin-top:30px;
	margin-bottom:30px;
}

.content-author-image {
	display:inline-block;
	background:#888; color:white;
	width:32px; height:32px;
	-moz-border-radius:16px; border-radius:16px;
	vertical-align:middle; margin-right:5px;
	
	width:56px; height:56px;
	-moz-border-radius:28px; border-radius:28px;
}

.content-author-info {
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
	padding-left:0.5em;
}

span.content-author-image {
	font-size:20px; line-height:30px;
	border:1px solid #ccc;
	text-align:center;
	
	-moz-opacity:0.5; opacity:0.5;
	
	vertical-align:middle;
	position:relative;
	text-align:center;
	text-shadow:none;
	font-weight:bold;
	
	font-size:40px; line-height:56px;
}

span.content-author-image > span {
	-moz-opacity:0.8; opacity:0.8;
}

/* .content + .content-next,
.content + .content { margin-top:120px; } */

.content-spacer {
	font-size:300%;
	letter-spacing:0;
	white-space:nowrap;
	width:auto;
}

@media (max-width:767px) {
	.content-spacer {
		font-size:200%;
	}
}

.content-spacer > a {
	display:inline-block;
	color:#eee;
	text-align:center;
	/* width:49%; */
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}


.content.loading .content-body-body { /* ajax paging */
	cursor:wait;
	opacity:.5;
}

.content-next { display:block; font-size:80%; position:relative; }
.content-next:hover { text-decoration:none; }

#content-next-link {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	-moz-opacity:0;
	opacity:0;
	z-index:10;
}

.content-next.loading {
	padding-bottom:160px;
}
.content-next.loading:after {
	content:'\f1ce';
	font-family:FontAwesome;
	font-size:48px;
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-.5em;
	color:#eee;
	
	-webkit-animation: fa-spin 2s infinite linear;
	-moz-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.content-link-original > a > * {
	vertical-align:middle;
}

.content-link-original:not(.for-dinonetwork) {
	margin-top:20px;
	font-size:80%;
	-moz-opacity:0.6;
	opacity:0.6;
}
.content-link-original:not(.for-dinonetwork),
.content-link-original:not(.for-dinonetwork) a {
	color:inherit;
}

.content-link-original.for-dinonetwork {
	margin-top:5px;
}
.content-link-original.for-dinonetwork > a {
	display:block;
	background:#777;
	color:white;
	text-align:center;
	padding:10px 15px;
	
	-moz-opacity:0.5;
	opacity:0.5;
	
	text-decoration:none;
}
.content-link-original.for-dinonetwork > a:hover {
	text-decoration:none;
	-moz-opacity:1;
	opacity:1;
}

.content-link-original.for-dinonetwork > a > .fa {
	font-size:150%;
}

/*********** logly widget *************/
@media (min-width: 768px) {
	#id_logly_iframe {
		width: 900px;
		height: 265px;
		margin-left: -100px;
		margin-top: 0px;
		max-width: none;
		overflow: hidden;
	}
}
@media (max-width: 767px) {
	#id_logly_iframe {
		width: 100%;
		margin-left: 0;
	}
}
@media (max-width: 767px) and (min-width: 669px) {
	#id_logly_iframe {
		max-width: 620px;
		height: 680px;
	}
}
@media (max-width: 668px) and (min-width: 569px) {
	#id_logly_iframe {
		height: 620px;
		max-width: 620px;
	}
}
@media (max-width: 568px) and (min-width: 481px) {
	#id_logly_iframe {
		height: 540px;
	}
}
@media (max-width: 480px) and (min-width: 400px) {
	#id_logly_iframe {
		height: 500px;
	}
}
@media (max-width: 400px) and (min-width: 321px) {
	#id_logly_iframe {
		height: 460px;
	}
}
@media (max-width: 320px) {
	#id_logly_iframe {
		height: 400px;
	}
}

/********************/
.comments-wrap {
	
	display: block;
	margin-top: 20px;
	padding: 0 0;
	
	font-size:90%;
	color:#888;
	background: rgba(128,128,128,.05);
}
.comments-toggle { display:block; cursor:pointer; padding:5px; }
.fb-comments.loading {
	display:block;
	height:181px;
}

.fb-comments.loading:before {
	display:inline-block;
	font:normal normal normal 24px/1 FontAwesome;
	content:"\f1ce"; /* .fa-circle-o-notch */
	
	-moz-opacity:0.5;
	opacity:0.5;
	
	position:absolute;
	top:50%; left:50%;
	margin-top:-.5em; margin-left:-.5em;
	
	-webkit-animation:fa-spin 2s infinite linear;
	-moz-animation:fa-spin 2s infinite linear;
	animation:fa-spin 2s infinite linear;
}

/******** nativead pagingad *********/
.content-pagingad {
	display:block;
	position:relative;
	max-width:720px;
	/* margin:40px auto 120px; */
	margin:0 auto 30px;
}
a.pagingad-link {
	display:block;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	cursor:pointer;
}
a.pagingad-link,
a.pagingad-link:hover,
a.pagingad-link:active {
	text-decoration:none;
}
a.pagingad-link > img {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.pagingad-title,
.pagingad-body.article {
	margin-top:5px;
	line-height:1.2;
	/* opacity:0.8; */
	font-size:80%;
	font-style:italic;
}
.pagingad-title {
	font-weight:bold;
	opacity:.8;
}
.pagingad-body p {
	opacity:.8;
}

@media (max-width:767px) {
	.pagingad-title,
	.pagingad-body	{
		padding-left:1em;
		padding-right:1em;
	}
}

.pagingad-body.article figure:first-child,
.pagingad-body.article .article-cover + figure {
	margin-top:0;
}
.pagingad-body.article figure:last-child {
	margin-bottom:0;
}

/* 画像なし対応 */
.pagingad-title:first-child {
	padding:2em 1em;
	text-align:center;
	border:1px solid #eee;
}

/**********************
 * for imported from nor.
 */

.content-link-nor {
	opacity:.5;
	display:block;
	text-align:center;
	margin-top:-.5em;
	margin-bottom:1em;
	border-style:solid;
	padding:.5em;
	text-decoration:none;
}
.content-link-nor:hover {
	opacity:1;
	text-decoration:none;
}
.content-link-nor:after {
	margin-left:.25em;
	/* content:'\00bb'; /* » */
	font-family:FontAwesome;
	content:'\f08e'; /* external-link */
	font-weight:normal;
	font-style:normal;
}
.content-link-nor:before {
	content:'続きを読む';
}

/*********************
/* distribution limited
 */
 
body.ptluser-logined .limited-more.init > span:after,
.limited-more.loading > span:after {
	color:#eee;
	font-family:FontAwesome;
	content:'\f1ce';
	animation:fa-spin 2s infinite linear;
	font-size:200%;
}
.limited-more.loading { padding-bottom:100%; }
body.ptluser-logined .limited-more:not(.error) { border:none; }
.limited-more.error > span:after {
	content:'Network Error' '\0a' 'Please reload after minutes';
}

.content[data-limited] .content-pubdate:after { font-family:FontAwesome; content:'\f023'; } /* fa-lock */ 
.content[data-limited="locked"] .content-pubdate:after {}
.content[data-limited="unlocked"] .content-pubdate:after { content:'\f09c' } /* fa-unlock */ 
/* .content[data-limited="unlocked"] .content-pubdate:after { content:'\f13e' } /* fa-unlock-alt */ 

.content-limited-meter-confirm,
.content-limited-by-usertags {
	margin: 2em 0;
	padding:1em;
	border:1px dashed #ccc;
	background:#f8f8f8;
	color:black;
	text-align:center;
	/* font-size:80%; */
}
.content-usertags {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* border: 1px dotted #888; */
	margin: 1em;
}
.content-usertags > .usertag {
	padding: 0.1em 0.5em;
	border: 1px solid #888;
	margin: 0.25em;
}

/* 記事内の設定は wf/css/article-not-amp.css に置くべし(エディタでも使う) */