<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

h1 span {
	display:inline-block;
	vertical-align:middle;
	font-size:.9em;
}
h1 span::before { content:"("; margin-left:.3em; }
h1 span::after { content:")"; }

.content-wrapper {
	display:flex;
	flex-flow:row nowrap;
	max-width:100%;
}
.content-wrapper &gt; article {
	flex:0 1 auto;
	width:80%;
	min-width:600px;
}
.content-wrapper &gt; aside {
	flex:0 0 auto;
	width:336px;
	margin-left:1em;
}


/* ************************************************ */
/* 検索 */
/* ************************************************ */
section.search {
	margin:2em 0;
}
.search form {
	display:inline-flex;
	flex-flow:row nowrap;
	align-items:stretch;
	border:1px solid #ddd;
	border-radius:.2em;
	background-color:white;
	width:28em;
	max-width:95%;
}
.search form input {
	flex: 1 1 auto;
	max-width:100%;
	-webkit-appearance:none;
	border:none;
	font-size:1em;
	line-height:2;
	padding:.3em .5em;
	border-radius:.2em 0 0 .2em;
}
.search form input::placeholder {
	color:#aaa;
}
.search form button {
	flex:0 0 2em;
	color:transparent;
	-webkit-appearance:none;
	cursor:pointer;
	background-color:transparent;
	border:none;
	border-radius:0 .2em .2em 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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);
}


/* ************************************************ */
/* title */
/* ************************************************ */
.head-wrapper {
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-start;
	z-index:1;
	margin-bottom:-1px;
	line-height:0;
}
.head-wrapper &gt; * {
	flex:0 0 auto;
	font-size:1.1em;
	padding:0;
	margin:0;
	overflow:hidden;
}
.head-wrapper .ttl {
	display:inline-block;
	padding:0 2em;
	line-height:3;
	font-weight:bold;
	opacity:.7;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:100%;
}
.head-wrapper .select .ttl {
	color:#666;
	opacity:1;
	pointer-events:none;
}
.head-wrapper &gt; .select {
	background-color:white;
	border:1px solid #ddd;
	border-bottom:0;
	border-radius:.2em .2em 0 0;
}
.head-wrapper .main-title {
	display:block;
	flex:0 1 auto;
	margin-right:.2em;
}
.head-wrapper .newitem {
}
#list-item {
	border-top:1px solid #ddd;
	font-size:1em;
}


/* ************************************************ */
/* 新着記事 */
/* ************************************************ */
.list-thumb {
	padding:0 0 1.5em;
	margin:1em 0;
	background-color:white;
}
.list-thumb .title {
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	line-height:0;
	margin-bottom:.2em;
}
.list-thumb .icon {
	flex:0 0 auto;
	width:1.5em;
	height:1.5em;
	margin-right:.3em;
}
.list-thumb .icon .st0 {
	fill:steelblue;
}
.list-thumb h3 {
	flex:1 0 auto;
	font-size:1em;
	color:#444;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.3;
}
.list-thumb-wrap {
	display:flex;
	position:relative;
	width:100%;
	flex-flow:row nowrap;
	align-items:stretch;
}
.list-thumb-wrap .navi {
	display:none;
	position:absolute;
	flex:0 0 auto;
	line-height:0;
	padding:.8em;
	text-align:center;
	background-color:white;
	box-shadow:0 0 3px gray;
	cursor:pointer;
	border-radius:50%;
	overflow:hidden;
	z-index:2;
	top:calc(50% - 1.3em);
}
.list-thumb-wrap .navi.prev {
	left:0;
}
.list-thumb-wrap .navi.next {
	right:0;
}
.list-thumb-wrap .navi.done {
	pointer-event:none;
}
.list-thumb-wrap .navi svg {
	position:relative;
	width:1.2em;
	height:1.2em;
}
.list-thumb-wrap .navi.done svg {
	opacity:.3;
}
#list-thumb {
	flex:1 1 auto;
	position:relative;
	overflow:hidden;
}
#list-thumb .jq-follow-list {
	position:relative;
	border:none;
	overflow:auto hidden;
	white-space:nowrap;
	margin:0;
	left:0;
	transition:left .55s ease-out;
}
#list-thumb .jq-follow-load {
	margin:0;
}
#list-thumb .jq-follow-no-item {
	display:none;
}
#list-thumb .next {
	display:none;
}


/* ************************************************ */
/* サイドバー */
/* ************************************************ */
aside {
	position:relative;
}
aside .list {
	margin:0 0 3em 0;
}
aside .sticky {
	position:sticky;
	top:1em;
}


/* ************************************************ */
/* ページナビ */
/* ************************************************ */
.rank-page li a {
	padding-left:1.2em;
	padding-right:1.2em;
}
.rank-page li.spacer {
	flex:1 1 auto;
	width:0px;
}
.rank-page li.spacer a,
.rank-page li.nopad a {
	padding-left:0;
	padding-right:0;
}
.rank-next h3::before {
	content:"「#";
}
.rank-next h3::after {
	content:"」";
}


/* ************************************************ */
/* 広告 */
/* ************************************************ */
.ads-a {
	margin:1em 0;
}


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

}

/* この大きさからPC表示 */
@media screen and (min-width: 960px) {

	.main-title h1 {
		font-size:1.2em;
	}
	.rank-page ul {
		overflow-x:hidden;
		flex-flow:row wrap;
	}
	.rank-next {
		background-color:#eee;
		margin:0;
		font-size:1.2em;
	}
	.buttons {
		max-width:50em;
		margin-left:auto;
		margin-right:auto;
	}
	.view-setting {
		padding-top:.8em;
	}


/* ----------------------------------- */
/* rank item */
article ul.rank {
	--padding-side:max(2%,1.2rem);
}
article ul.rank &gt; li {
	padding:2em 0;
}
article ul.rank &gt; li &gt; * {
	padding-right:var(--padding-side);
}
article ul.rank .link .site {
	.title {
		font-size:1.15em;
	}
	.msg {
		font-size:.9em;
	}
}
article ul.rank .items .item {
	&amp;:hover {
		background-color:#f8f8f8;
		.item-thumb {
			opacity:.7;
		}
		.desc .title {
			text-decoration:underline;
		}
	}
}
article ul.rank .items .item .desc .title {
	font-size:1.1em;
}
article ul.rank .items .item .desc .time {
	font-size:1.1em;
}
article ul.rank .footer {
	justify-content:start;
	width:unset;
}
article ul.rank .info {
	font-size:1.1em;
}
article ul.rank .point {
	font-size:.8em;
}
article ul.rank .point .updown .arrow {
	--ar-size:1.1em;
}
article ul.rank .follow {
	font-size:.9em;
	font-weight:bold;
}
article ul.rank .review-btn {
	&amp;:hover:not(.on) {
		--heart-def:#333;
		svg use { transition:unset; }
	}
}
article ul.rank .tags &gt; ul {
	font-size:.85em;
}
ul.rank .report {
	display:inline-block;
	margin:0 1em;
	font-size:.95em;
	text-decoration:underline;
	color:#999;
}


/* ----------------------------------- */
/* text view */
article.view-1 ul.rank {
}
article.view-1 ul.rank .rankno {
	overflow:visible;
	margin-right:.8em;
}
article.view-1 ul.rank .rankno span {
	font-size:.85em;
	letter-spacing:-.03em;
	padding:.3em .6em;
	line-height:1;
	left:calc(100% + 1em);
	white-space:nowrap;
	border-radius:.2em;
}
article.view-1 ul.rank .rankno img {
	width:5.3em;
	height:5.3em;
	border-radius:50%;
}
article.view-1 ul.rank .link .site {
}
article.view-1 ul.rank .link .site .title {
	line-height:1.5;
	margin-top:1.5em;
	margin-bottom:.15em;
}
article.view-1 ul.rank .link .site .msg {
	line-height:1.4;
}
article.view-1 ul.rank .items {
	background-color:#fff;
	white-space:wrap;
	padding:0 var(--padding-side);
	margin-bottom:2em;
}
article.view-1 ul.rank .items,
article.view-1 ul.rank .tags,
article.view-1 ul.rank .footer
{
	margin-left:7em;
}
article.view-1 ul.rank .tags &gt; ul,
article.view-1 ul.rank .footer
{
	padding-left:0;
}
article.view-1 ul.rank .items &gt; li {
	display:list-item;
	max-width:unset;
	border:1px solid #ddd;
	border-width:1px 0 0 0;
}
article.view-1 ul.rank .items &gt; li:last-child {
	border-bottom-width:1px;
}	
article.view-1 ul.rank .items &gt; li .item {
	padding:.6em 7em .6em .3em;
	max-width:unset;
	border:none;
}
article.view-1 ul.rank .items .item .desc .title {
	font-size:1.05em;
	font-weight:bold;
}
article.view-1 ul.rank .items .item .desc .time {
	font-size:.9em;
	margin-top:.4em;
}
article.view-1 ul.rank .items .item .review-btn {
	font-size:.9em;
	padding:.9em .4em .9em .8em;
}

/* ad */
article.view-1 ul.rank .myad .link {
	align-items:center;
}
article.view-1 ul.rank .myad .link .site .title {
	margin-top:0;
}


/* ----------------------------------- */
/* image view */
article.view-2 ul.rank {
}
article.view-2 ul.rank .rankno {
	font-size:1em;
}
article.view-2 ul.rank .rankno span {
	padding:.8em 1em;
}
article.view-2 ul.rank .link {
	padding-top:.5em;
	padding-bottom:.5em;
}
article.view-2 ul.rank .items {
	--item-w:min(calc(33% - 1em), 17em);
	--item-h:14em;
	margin-top:1.2em;
	overflow:hidden;
	white-space:unset;
	height:calc(var(--item-h) + 1em);
}
article.view-2 ul.rank .items &gt; li {
	margin-right:1em;
	margin-bottom:2em;
}
article.view-2 ul.rank .items .item .desc .title {
	font-weight:bold;
}


	/* 最新記事 */
	.list-thumb {
		margin:2em 0;
	}
	.list-thumb-wrap {
		padding:0 1.2em;
	}
	.list-thumb-wrap .navi {
		display:block;
	}
	#list-thumb {
		.jq-follow-list {
			overflow:visible;
		}
		.jq-follow-items-widget.jq-follow-ttl-image {
			.jq-follow-right {
				padding:2.5em .1em .1em;
				border-radius:0;
			}
			.jq-follow-data {
				font-size:.85em;
			}
			.jq-follow-site-info {
				line-height:1.2;
				font-size:.8em;
			}
			.jq-follow-data .jq-follow-ttl {
				font-weight:normal;
			}
		}
		.jq-follow-widget .jq-follow-item-widget {
			width:8em;
		}
	}
	
}
@media screen and (max-width: 959px) {

	.content-wrapper {
		flex-flow:row wrap;
	}
	.content-wrapper &gt; article {
		width:100%;
		min-width:unset;
	}
	.content-wrapper &gt; aside {
		margin:3em 0 0 0;
		width:100%;
	}

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

	.head-wrapper &gt; * {
		font-size:1em;
	}
	.head-wrapper .ttl {
		padding:0 .5em;
	}

	#ranking {
		overflow:hidden;
	}

	.rank-page .prevnext {
	}
	.search.search {
		text-align:center;
	}

}

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

	#list-item {
		font-size:.9em;
	}

}
</pre></body></html>