@charset "UTF-8";

/* ************************************************ */
/* カテゴリランキング */
/* ************************************************ */
main > .wrapper {
	padding-top:1em;
}
#ranking {
	margin:2em 0 3.5em 0;
	display:grid;
	grid-template-columns:1fr 350px;
	align-items:stretch;
	gap:1.5em;
}
#ranking > article {
	min-width:0;
}
#ranking > aside {
	display:block;
}

.rank-header {
	display:flex;
	flex-flow:row nowrap;
	margin:0 0 1em 0;
	align-items:center;
}
.rank-header .search {
	flex:1 1 auto;
	width:50%;
}
.rank-header .ads-s {
	flex:0 0 auto;
	width:468px;
	margin-left:1em;
}


/* ----------------------------------------- */
/* ranking */
/* ----------------------------------------- */
#ranking h1 {
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:.8em;
	border-bottom:1px solid #ddd;
	margin-bottom:1em;
}
#ranking .rank-body {
	background-color:white;
	padding:1em 0;
}
#ranking .view-setting {
	margin:0 1em;
}


/* ----------------------------------- */
/* 総合カテゴリ設定 */
#ranking.ctall .header-tab,
#ranking.ctall #thumb,
#ranking.ctall #votelist
{
	display:none;
}
#ranking.ctall aside {
	margin-top:0;
}


/* ----------------------------------- */
/* rank item */
article ul.rank {
	--padding-side:max(2%,1rem);
}
article ul.rank > li {
	padding:2em 0;
}
article ul.rank > li > * {
	padding-right:var(--padding-side);
}
article ul.rank .link .site {
	.title {
		font-size:1.15em;
	}
	.msg {
		font-size:.9em;
	}
}
article ul.rank .items .item {
	&: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 {
	&:hover:not(.on) {
		--heart-def:#333;
		svg use { transition:unset; }
	}
}
article ul.rank .tags > 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 > ul,
article.view-1 ul.rank .footer
{
	padding-left:0;
}
article.view-1 ul.rank .items > li {
	display:list-item;
	max-width:unset;
	border:1px solid #ddd;
	border-width:1px 0 0 0;
}
article.view-1 ul.rank .items > li:last-child {
	border-bottom-width:1px;
}	
article.view-1 ul.rank .items > 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 > li {
	margin-right:1em;
	margin-bottom:2em;
}
article.view-2 ul.rank .items .item .desc .title {
	font-weight:bold;
}


/* ----------------------------------- */
/* pagenavi */
.rank-page {
	--bd-color:#ddd;
	font-size:.95em;
	user-select:none;
	overflow:auto;
	margin:0 1em;
}
.rank-page ul {
	display:inline-flex;
	flex-flow:row nowrap;
	border:1px solid #ddd;
	border-color:var(--bd-color);
	border-radius:.2em;
	white-space:nowrap;
	margin-right:1px;
}
.rank-page ul > li {
	flex:1 1 auto;
}
.rank-page ul > li > * {
	vertical-align:middle;
	display:inline-block;
	padding:.7em .8em;
	text-align:center;
}
.rank-page li:not(:last-child) {
	border-right:1px solid var(--bd-color);
}
.rank-page .now.item {
	font-weight:bold;
}
.rank-page .page {
	min-width:7em;
}
.rank-page .now .page {
	color:#666;
	pointer-events:none;
}


/* ----------------------------------- */
/* 次のランキング */
.rank-next {
	text-align:center;
}
.rank-next a {
	display:inline-block;
	position:relative;
	max-width:90%;
	width:25em;
	padding:1.6em 0;
	margin:2em auto;
	border:1px solid #ddd;
	border-radius:.2em;
	text-align:center;
	background-color:#eee;
	color:#444;
	font-weight:bold;
	text-decoration:none;
}
.rank-next a span {
	display:block;
	text-align:center;
	font-size:1em;
	margin-top:.3em;
	color:#666;
	font-weight:normal;
}


/* ----------------------------------- */
/* 未登録カテゴリー */
.rank-none {
	margin:2em 0;
}
.rank-none a {
	vertical-align:middle;
}
 


/* ************************************************ */
/* 検索 */
/* ************************************************ */
section.search {
}
.search form {
	display:inline-flex;
	flex-flow:row nowrap;
	align-items:stretch;
	border:1px solid #ddd;
	border-radius:.2em;
	background-color:white;
}
.search form input {
	flex: 1 1 auto;
	width:22em;
	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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);
}

/* trend words */
.search .trend {
	font-size:.85em;
	display:inline;
	vertical-align:middle;
}
.search .trend a {
	display:inline-block;
	padding:.3em .6em;
	border-radius:.2em;
	border:1px solid #ddd;
	background-color:white;
	color:#666;
	margin:.3em 0;
}



/* ************************************************ */
/* カテゴリmenu */
/* ************************************************ */
.category-menu {
	background:#fff;
	padding:1em 1em .6em;
}
.category-menu header {
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	border-bottom:2px solid #ddd;
	padding-bottom:.5em;
}
.category-menu header h2,
.category-menu header h1
{
	flex:1 1 70%;
	font-size:1.1em;
	font-weight:bold;
}
.category-menu header .count {
	display:inline-block;
	margin-left:.3em;
	font-size:.8em;
	font-weight:normal;
	vertical-align:middle;
}
.category-menu header .sub {
	flex:0 0 auto;
	position:relative;
	display:inline-block;
	text-align:right;
	padding:.1em .8em;
	padding-right:1.5em;
	color:#666;
}
.category-menu header .sub::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.3em;
    top: 50%;
    margin-top: -.5em;
    font-size: .5em;
    border: .5em solid #ccc;
    border-width: .2em .2em 0 0;
    width: 1em;
    height: 1em;
    transform: rotate(45deg);
}
.category-menu ul {
	display:flex;
	flex-flow:row wrap;
	margin:1em 0 0 0;
	justify-content:flex-start;
	align-content:flex-start;
	align-items:center;
}
.category-menu li {
	display:inline-block;
	align-items:baseline;
	flex:0 0 auto;
	white-space:nowrap;
	margin-right:.8em;
	margin-bottom:.6em;
}
.category-menu li.hide {
	display:none;
}
.category-menu.open li.hide {
	display:inline-block;
}
.category-menu li.rel {
	width:100%;
	padding-bottom:.3em;
	border-bottom:2px solid #ddd;
	font-weight:bold;
	font-size:1.1em;
	margin:2em 0 1em 0;
}
.category-menu li a {
	display:inline-block;
	line-height:1.4;
	padding:.4em .8em;
	border:1px solid #ddd;
	border-radius:2em;
	text-decoration:none;
	color:#666;
}
.category-menu li a .count {
	font-weight:normal;
	font-size:.9em;
	margin-left:.2em;
}
.category-menu li a .count::before { content:"("; }
.category-menu li a .count::after { content:")"; }
.category-menu li.now a {
	pointer-events:none;
	color:#fff;
	background:#aaa;
}
.category-menu li.parent a {
	font-weight:bold;
}
.category-menu li.open a {
	border:none;
	text-decoration:underline;
	font-size:.9em;
}



/* ************************************************ */
/* 上部タブ */
/* ************************************************ */
.header-tab {
	--bd-color:#ddd;
	--bd-len:1px;
}
.header-tab ul {
	display:inline-flex;
	flex-flow:row nowrap;
}
.header-tab ul > li {
	flex:0 0 auto;
	text-align:center;
	border-radius:.2em .2em 0 0;
}
.header-tab a {
	display:inline-block;
	padding:.8em 1em;
	min-width:10em;
	color:#1c85d6;
	font-size:1.05em;
	font-weight:bold;
	user-select:none;
}
.mode-ranking .header-tab ul > li:nth-child(1),
.mode-popular .header-tab ul > li:nth-child(2),
.mode-item .header-tab ul > li:nth-child(3)
{ background-color:white; }
.mode-ranking .header-tab ul > li:nth-child(1) a,
.mode-popular .header-tab ul > li:nth-child(2) a,
.mode-item .header-tab ul > li:nth-child(3) a
{ color:#666; pointer-events:none; }



/* ************************************************ */
/* サイドバー */
/* ************************************************ */
#ranking aside {
	margin-top:3.4em;
}
#ranking aside > section {
	background-color:white;
	margin-bottom:2em;
	padding:.5em;
}
#ranking aside h2 {
	font-size:1em;
	font-weight:bold;
	padding:.5em 0;
	border-bottom:2px solid #f5f5f5;
	margin-bottom:.5em;
}
#votelist .items {
	font-size:.95em;
}

/* contents */
.menu-list ul li:not(:last-child) {
	border-bottom:1px solid #f5f5f5;
}
.menu-list li a {
	position:relative;
	display:block;
	padding:.5em .2em;
	padding-right:1.3em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.menu-list li a::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.6em;
    top: 50%;
    margin-top: -.5em;
    font-size: .5em;
    border: .5em solid #ccc;
    border-width: .2em .2em 0 0;
    width: 1em;
    height: 1em;
    transform: rotate(45deg);
}
.menu-list li.now a {
	font-weight:bold;
	color:#888;
	pointer-events:none;
	cursor:initial;
}
.menu-list li.hide {
	display:none;
}
.menu-list li.menu a {
	color:#888;
	padding:.8em .2em;
}
.menu-list li.menu a::after {
	transform:rotate(135deg);
}
.menu-list a .count {
	font-size:.9em;
	color:#aaa;
	margin-left:.2em;
}
.menu-list a .count::before { content:"("; }
.menu-list a .count::after { content:")"; }

/* 画像モードの場合は、サイドバーの新着画像を非表示 */
.mode-wrapper.mode-thumb aside #thumb {
	display:none;
}



/* ************************************************ */
/* ハッシュタグ */
/* ************************************************ */
aside .tags {
}
.list.tag {
	display:flex;
	flex-flow:row wrap;
	max-width:100%;
	overflow:hidden;
	font-size:.9em;
	padding:0 var(--padding-side);
}
.list.tag > li {
	flex:0 1 auto;
	margin-right:.5em;
	margin-bottom:.5em;
	line-height:0;
	overflow:hidden;
}
.list.tag > li.hide {
	display:none;
}
.list.tag > li a {
	display:inline-block;
	color:#666;
	background-color:#fafafa;
	border:1px solid #ddd;
	border-radius:.2em;
	text-align:center;
	white-space:nowrap;
	line-height:1;
	padding:.6em .5em;
	letter-spacing:-.05em;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list.tag > li a::before { content:"#"; }



/* ************************************************ */
/* 広告 */
/* ************************************************ */
.ads-a {
	text-align:center;
	margin:1.5em 0;
	min-height:90px;
}
.rank .ads {
	padding:1.5em 0;
}
.rank .ads.banner {
	padding:2em 0;
	text-align:center;
}
.ads.multi {
	display:flex;
	flex-flow:row nowrap;
}
.ads.multi > * {
	flex:1 1 auto;
	max-width:49%;
	margin:0 .5%;
}
article ul.rank > li.ads.native {
	text-align:center;
	> * {
		padding:0;
		margin:0 var(--padding-side);
		max-width:100%;
	}
}
#ranking .ads-footer {
	margin:3.5em 0 0;
	text-align:center;
}
#ranking aside .ads {
	text-align:center;
	background-color:transparent;
	padding:0;
}
#ranking aside .ads.sticky {
	position:sticky;
	top:1em;
	margin-bottom:0;
}



/* ************************************************ */
/* 新着記事 */
/* ************************************************ */
.list-thumb {
	padding:0 0 1.5em;
	margin:2em 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;
	padding:0 1.2em;
}
.list-thumb-wrap .navi {
	display:block;
	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);
	top:3.5em;
}
.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;
	display:block;
	border:none;
	overflow:visible;
	white-space:nowrap;
	margin:0;
	left:0;
	transition:left .55s ease-out;
}
#list-thumb .jq-follow-widget {
	margin:0;
	line-height:0;
	--li-fs:.9em;
}
#list-thumb .jq-follow-widget .jq-follow-item-widget {
	margin:0 .15em;
	width:8.2em;
	height:9.7em;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-link {
	position:relative;
	height:100%;
	border-radius:.2em;
	overflow:hidden;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-image::before {
	padding-top:135%;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-image {
	border-radius:0;
	background-size:136%;
	background-size:180%;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-right {
	position:absolute;
	bottom:0;
	width:100%;
	padding:.15em;
	padding:2.5em .1em .1em;
	overflow:hidden;
	border:none;
	background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.6) 0%);
	background:linear-gradient(to bottom, transparent 5%, rgba(0,0,0,.7));
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-data {
	font-size:.7em;
	border:none;
}
#list-thumb .jq-follow-data dt {
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:1;
}	
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-data .jq-follow-ttl {
	min-height:auto;
	color:#fff;
	width:100%;
	font-weight:normal;
	font-size:1.1em;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-site-info {
	line-height:1.4;
	font-size:.85em;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-site-info time {
	line-height:1.2;
	color:#ddd;
	margin:0;
	margin-top:.3em;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-site-ttl {
	color:#ddd;
}
#list-thumb .jq-follow-items-widget.jq-follow-ttl-image .jq-follow-list > li {
	vertical-align:middle;
	overflow:hidden;
	display:inline-block;
}
#list-thumb .jq-follow-load {
	margin:0;
}
#list-thumb .jq-follow-no-item {
	display:none;
}
#list-thumb .next {
	display:none;
}



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

	#ranking > article {
	}
	#ranking aside {
		width:300px;
	}

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

	.rank-header {
		flex-flow:column wrap;
	}
	.rank-header .search {
		order:2;
	}

	#ranking {
		grid-template-columns:1fr;
	}
	#ranking > article {
	}
	.rank-body {
		//font-size:.9em;
		padding:1em .3em;
	}
	#ranking > aside {
		width:100%;
		min-width:0;
	}
	.rank .item .body .desc {
		margin-right:0;
	}
	ul.ping > li {
		margin-right:0;
	}

}


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

}