@charset 'utf-8';

.content-cover {
	padding-top:20px;
	padding-bottom:20px;
}

.content-next {
	padding-top:20px;
	padding-bottom:20px;
	
	/*
	-webkit-transition:padding-top .5s linear 0;
	-moz-transition:padding-top .5s linear 0;
	-ms-transition:padding-top .5s linear 0;
	transition:padding-top .5s linear 0;
	*/
}

.content-next.has-image.loading,
.content-cover.has-image {
	padding-top:160px;
}


.content-cover .content-title,
.content-cover .content-info,
.content-cover .content-tags,
.content-cover .content-description,
.content > .flex-container,
.content-next .content-title,
.content-next .content-body,
.content-next .content-info,
.content-next .content-tags,
.content-region,
.content-region .widgets {
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}

.content-cover .content-title {
	margin-top:1em; margin-bottom:0.5em;
}
.content-cover .content-info {
	margin-top:1em; margin-bottom:1em;
}
.content-cover .content-description {
	margin-top:1em; margin-bottom:1em;
	line-height:1.1;
	font-size:82.125%;
}

.content-cover *:last-child {
	margin-bottom:0;
}

.content-cover.has-image:not(.content-cover-style-narrow) .content-title,
.content-cover.has-image:not(.content-cover-style-narrow) .content-info,
.content-cover.has-image:not(.content-cover-style-narrow) .content-info a,
.content-next.has-image:not(.content-cover-style-narrow) .content-title,
.content-next.has-image:not(.content-cover-style-narrow) .content-info,
.content-next.has-image:not(.content-cover-style-narrow) .content-info a,
.content-next.has-image:not(.content-cover-style-narrow) .content-body {
	color:white;
	text-shadow:
		0 0 3px rgba(0,0,0,1),
		0 0 20px rgba(0,0,0,.3);
}

@media (max-width:750px) {
	.content-cover .content-title,
	.content-cover .content-info,
	.content-cover .content-tags,
	.content > .flex-container,
	.content-region {
		padding-left:15px;
		padding-right:15px;
	}
}

/*
.content-cover.has-image .content-title,
.content-cover.has-image a,
.content-cover.has-image .content-info,
.content-cover.has-image .content-info a,
.content-next.has-image,
.content-next.has-image a {
	color:white;
}
*/

.content-cover {
	margin-bottom:15px;
}

/* cover style */
.content-cover.content-cover-style-full.image-bg,
.content-cover.content-cover-style-narrow.image-bg {
	padding-top:0;
	padding-bottom:0;
}
.content-cover.content-cover-style-full.image-bg > .image-bg-blur,
.content-cover.content-cover-style-narrow.image-bg > .image-bg-blur {
	position:relative;
}
.content-cover.content-cover-style-full.image-bg > .image-bg-blur > img,
.content-cover.content-cover-style-narrow.image-bg > .image-bg-blur > img {
	height:auto;
}

.content-cover.content-cover-style-full.image-bg .content-cover-over {
	position:absolute;
	bottom:1em;
	left:0;
	right:0;
	top:auto;
}

.content-cover.content-cover-style-narrow.image-bg {
	border-bottom:none;
}
.content-cover.content-cover-style-narrow.image-bg > .image-bg-blur {
	max-width:720px;
	margin:0 auto;
}

.content-cover.content-cover-style-full > .image-bg-blur,
.content-cover.content-cover-style-narrow > .image-bg-blur {
	position:relative;
}

.content-cover-via {
	opacity:.5;
	color:white !important;
	background:black;
	color:rgba(255,255,255,.8) !important;
	background:rgba(0,0,0,.5);
	text-shadow:none;
	
	font-size:75%;
	font-style:italic;
	padding:.2em .5em;
	line-height:1.1;
	position:absolute;
	right:0;
	bottom:0;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
	cursor:pointer;
}
.content-cover-via:hover {
	opacity:1;
}

/*** widget ***/


.content-region .widgets {
	position:static;
	margin-top:40px;
	width:auto;
	padding:0 15px;
}

.content-region .widget-content {
	width:45%;
	margin-right:15px !important;
}

.content-region .widget h3 {
	padding-top:15px;
	margin-bottom:0;
}

.content-region .widgets .widget > h3:first-child {
	padding-top:0;
}


/*
.content-body img,
.content-body iframe,
.content-body video {
	display:block;
	margin-left:auto;
	margin-right:auto;
	
	width:100%;
}
*/

@media (max-width:767px) {
.content-region .widgets {
		display:block!important;
		margin-left:-15px;
		margin-right:-15px;
	}
	.content-region .widgets .widget-content {
		width: auto;
	}
	.content-region .widget h3 {
		margin-bottom:15px;
	}
}

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

.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-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%;
}

.content-cover {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.content-cover:not(.image-bg) {
	border-bottom:none;
}

#common-header + .content > .content-cover
.content:first-child > .content-cover {
	border-top:none;
}

/*
.content:not(.has-image) {
	border-top:1px solid #eee;
}

.content:not(.has-image):first-child {
	border-top:none;
}
*/

.content + #footer {
	margin-top:80px;
}

/*
@media (min-width:768px) {
	.content-body { padding-right:30px; }
}
*/

/*
.content-pubdate {
	font-size:80%;
	margin-top:20px;
	margin-bottom:20px;
	-moz-opacity:0.6;
	opacity:0.6;
}
*/

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

.content-body .content-author-info,
.content-body .content-tags > .content-tag > span {
	-moz-opacity:0.6;
	opacity:0.6;
}

/*
.content-body > .content-bookmark {
	font-size:90%;
	-moz-opacity:0.7;
	opacity:0.7;
}

.content-body > .content-bookmark:hover {
	-moz-opacity:1;
	opacity:1;
}
*/

/*********** 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;
}

/******** tag **************/

#main > .content .content-tags {
	font-size:80%;
	margin-top: 1em;
}
#main > .content a.content-tag {
	border:1px solid rgba(128,128,128,.25);
	display:inline-block;
	padding:0 .4em;
	margin:.15em .25em .15em 0;
	vertical-align:middle;
}
#main > .content .content-cover.image-bg a.content-tag {
	border-color: rgba(255,255,255,.5);
	box-shadow:0 0 2px rgba(0,0,0,0.25);
}
#main > .content a.content-tag:hover {
	text-decoration: none;
	background:rgba(128,128,128,.25);
}

/******** 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:'続きを読む';
}