@charset "UTF-8";

/* ************************************************ */
/* ブログリーダー */
/* ************************************************ */
#reader {
	margin:2em 0;
	display:flex;
	flex-flow:row nowrap;
	align-items:stretch;
}
#reader > article {
	flex:1 1 auto;
	overflow:hidden;
	margin-right:1.5em;
}
#reader > aside {
	flex:0 0 336px;
}
#reader section {
	margin-bottom:2em;
}



/* ************************************************ */
/* お知らせ */
/* ************************************************ */
#reader .information {
	background-color:white;
	border:1px solid #ddd;
}
#reader .information h3 {
	font-size:1em;
	font-weight:bold;
	color:#444;
	padding:.5em;
	margin:0;
	text-decoration:underline;
}
#reader .information li {
	border-top:1px dotted #ddd;
	line-height:1.3;
	font-size:.95em;
}
#reader .information ul a {
	display:block;
	padding:1em .5em;
}
#reader .information .time {
	display:inline-block;
	vertical-align:middle;
	font-size:.9em;
	color:#999;
}
#reader .information .new a::before {
	content:"new";
	display:inline-block;
	font-size:.75em;
	color:red;
	border:1px solid red;
	border-radius:.2em;
	line-height:1.1;
	padding:0 .3em;
	vertical-align:middle;
}



/* ************************************************ */
/* ヘッダ */
/* ************************************************ */
#reader .header {
	background-color:white;
	padding:1em;
}



/* ************************************************ */
/* 検索 */
/* ************************************************ */
#reader .search {
	background-color:transparent;
	border:none;
	padding:0;
}
#reader .search form {
	display:flex;
	max-width:30em;
	height:3em;
	flex-flow:row nowrap;
	align-items:stretch;
	border:1px solid #ddd;
	border-radius:.2em;
	background-color:white;
}
#reader .search input {
	flex:1 0 auto;
	border:none;
	font-size:1em;
	padding:0 .5em;
	border-radius:.2em;
	-webkit-appearance:none;
}
#reader .search input::placeholder {
	color:#aaa;
}
#reader .search button {
	color:transparent;
	flex:0 0 auto;
	width:3.2em;
	cursor:pointer;
	border:none;
	background:none;
	margin:0;
	box-shadow:none;
	background-size:1.5em;
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url(data:image/png;base64,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);
}



/* ************************************************ */
/* メッセージ */
/* ************************************************ */
#reader .message {
	background-color:white;
	margin:2em 0;
	padding:0 1em;
}
#reader .message li {
	padding:1em 0;
}
#reader .message li:not(:last-of-type) {
	border-bottom:1px dotted #ddd;
}
#reader .message .button {
	border:none;
	line-height:2.4;
	vertical-align:middle;
}
#reader .message p {
	margin:.5em 0;
	font-size:.9em;
	color:#999;
}



/* ************************************************ */
/* メニュー */
/* ************************************************ */
#reader .menu {
	white-space:nowrap;
	font-size:1.05em;
}
#reader .menu > li {
	display:inline-block;
	position:relative;
}
#reader .menu li a {
	display:inline-block;
	position:relative;
	bottom:-1px;
	padding:.8em .5em;
	text-align:center;
	min-width:8em;
	border-radius:.3em .3em 0 0;
	font-weight:bold;
}
#reader .menu li.select a {
	background-color:white;
	color:#333;
	pointer-events:none;
	border:1px solid #ddd;
	border-bottom-color:white;
}
#reader .menu .cnt {
	display:inline-block;
	vertical-align:middle;
	font-size:.85em;
	font-weight:normal;
}
#reader .menu .cnt::before { content:"("; }
#reader .menu .cnt::after { content:"件)"; }



/* ************************************************ */
/* コンテンツ */
/* ************************************************ */
#reader article > section {
	background-color:white;
	padding:1em;
	border:1px solid #ddd;
}
#reader .list-item {
	margin:2em 0;
}

/* sort */
.item-sort {
	display:inline-flex;
	flex-flow:row nowrap;
	border:1px solid #ddd;
	border-radius:.2em;
	overflow:hidden;
	margin:.5em 0;
}
.item-sort > * {
	flex:0 0 auto;
	min-width:8em;
	text-align:center;
	padding:.6em 1em;
	text-decoration:none;
	background-color:#fafafa;
	color:#444;
	user-select:none;
}
.item-sort > *:not(:last-child) {
	border-right:1px solid #ddd;
}
.item-sort .select {
	background-color:#888;
	color:white;
	pointer-events:none;
}

.integration .list-item > li:not(:last-child) {
	border-bottom:1px dotted #ddd;
}
.integration .list-item > li a {
	display:inline-block;
	padding:.5em 0;
	line-height:1;
}
.integration .list-item > li a img {
	vertical-align:middle;
	border-radius:50%;
	width:3.5em;
	height:3.5em;
	margin-right:.5em;
}



/* ************************************************ */
/* サイドバー */
/* ************************************************ */



/* ************************************************ */
/* 広告 */
/* ************************************************ */
.ads-header {
	text-align:center;
	min-height:100px;
}
aside .ads {
	position:sticky;
	top:1em;
	text-align:center;
}
.ads-native {
	margin:1em 0 1em .5em;
}
.adsoff {
	display:none;
}



/* ************************************************ */
/* スマホ対応 */
/* ************************************************ */
@media screen and (max-width: 1100px) {

#reader {
	flex-flow:column nowrap;
	font-size:.95em;
}
#reader > article {
	margin:0 0 2em 0;
}
#reader > aside {
	flex:1 0 auto;
}
#reader .menu {
	margin-left:2px;
}
#reader article > section {
	padding:.5em;
	border-width:1px 0;
}


}

@media screen and (max-width: 600px) {

#reader {
	font-size:.9em;
}
#reader .search {
	padding:0 .5em;
}
#reader .search form {
	max-width:100vw;
}

}

@media screen and (max-width: 320px) {

#reader {
	font-size:.85em;
}

}