@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}	
html {
	height: 100%;
}
body{
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font: 14px arial,helvetica,clean,sans-serif;
	width: 100%;
	line-height: 1;
	}
ul {list-style-type: none;}
img {vertical-align: middle;}/* 画像の下にできる隙間を消す */
a {text-decoration: none;}
a:link {color:#069;}
a:visited {color:#609;}
.pr a:visited {color:#069;}
a:hover,
a:active,
.pr a:hover,
.pr a:active {color:#DC3D3D;text-decoration:underline;}
/* ----------------------------------------------------------- */
/* block */
.block1 {
	display: flex;
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #FFF;
	z-index: 2;
	}
.block2 {
	flex: 1;
	display: flex;

  justify-content: center;
	background-color: #F1F1F1;
	}
.block3 {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 20px 0;
	}
/* ----------------------------------------------------------- */
/* ロゴ */
.head {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 200px;
	padding-left: 40px;
	}
h1 img {
	height: 18px;
	}
.head img.mobile {
	display: none;
	}
/* ----------------------------------------------------------- */
/* 検索窓 */
.searchbox {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	}
.searchbox form {
	display: flex;
	}
.searchbox form:focus-within input,
.searchbox form:focus-within button {
	outline: none;/* chrome用 */
	background-color: #fff;
	border-color: #333;
	}
.searchbox input {
	vertical-align : middle;
	border-top:solid 1px #F2F2F2;
	border-right:0;
	border-bottom:solid 1px #F2F2F2;
	border-left:solid 1px #F2F2F2;
	border-radius: 5px 0 0 5px;
	background-color: #F2F2F2;
	padding: 5px 15px;
	width: 450px;
	}
.searchbox button {
	vertical-align: middle;
	border-top:solid 1px #F2F2F2;
	border-right:solid 1px #F2F2F2;
	border-bottom:solid 1px #F2F2F2;
	border-left:0;
	border-radius: 0 5px 5px 0;
	background-color: #F2F2F2;
	padding: 2px 15px 0 15px;
	}
.searchbox button svg {
	height: 14px;
	width: auto;
	}
.searchbox button svg:hover {
	fill: #DC3D3D;
	}

/* ----------------------------------------------------------- */
/* NGワード */


.ngbox form {
	display: flex;
	width: 100%;
	}
.ngbox input {
	flex: 1;
	vertical-align : middle;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	padding: 5px 10px;
	margin-right:15px;
	}
.ngbox input:focus {
	outline: none;
	border: solid 1px #333;
	}
.ngbox button {
	vertical-align: middle;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background-color: #E9E9E9;
	width: 200px;
	}
.ngbox button:hover {
	background-color: #D9534F;
	color: #FFF;
	}
/* ----------------------------------------------------------- */
/* メニュー1 */
.menu1 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 50px;
	font-size: 90%;
	padding-right: 10px;
	}
.menu1 a {
	color: #333;
	margin-right: 20px;
	border-bottom: solid 2px #fff;
	padding: 5px 8px;
	}
.menu1 a:hover {
	color: #D9534F;
	text-decoration: none;
	}
.menu1 a.here {
	font-weight: bold;
	color: #D9534F;
	border-bottom-color: #D9534F;
	}
/* ----------------------------------------------------------- */
/* メニュー2 */
.block3 a {
	color: #5F6368;
	margin: 0 10px;
	padding: 5px 15px;
	border-bottom: solid 2px #fff;
	}
.block3 a:hover {
	color: #D9534F;
	text-decoration: none;
	}
.block3 a.here {
	font-weight: bold;
	color: #D9534F;
	border-bottom-color: #D9534F;
	}
/* ----------------------------------------------------------- */
/* コンテンツボックス */
.contents {
	padding: 70px 0 20px 0;
	}
.side + .contents {
	padding: 70px 0 20px 20px;
	}
/* ----------------------------------------------------------- */
/* 時系列アンテナ */
.timeline {
	display:flex;
	flex-direction: column;
	width: 1100px;
	border:solid 1px #E1E8ED;
	border-radius: 3px;
	background-color: #FFF;
	}
.timeline:empty {
	display: none;
	}
.timeline div {
	display: flex;
	align-items: center;
	line-height: 1.3;
	padding: 10px 16px 10px 0px;
	border-bottom: solid 1px #E1E8ED;
	}
.timeline div:last-of-type {
	border-bottom: none;
	}
.timeline a:hover {
	text-decoration:underline;
	}
.timeline div:hover {
	background-color: #FFE693;
	}
.timeline .time {
	width: 80px;
	font-size: 11px;
	text-align: center;
	border-right: 1px solid #E1E8ED;
	color: #7F7F7F;
	}
.timeline .site {
	font-size: 11px;
	width:140px;
	color: #7F7F7F;
	text-align: right;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.timeline .site a {
	color: #7F7F7F;
	}
.timeline .site a:hover {
	color: #DC3D3D;
	}
.timeline .article {
	flex: 1;
	margin: 0 10px;
	}
.timeline div:target {
	order:-1;
	background-color: #FFE693;
	border-color:#C83C35;
	}
/* ----------------------------------------------------------- */
/* サイト別アンテナ */
.sitelist {
	width: 1100px;
	}
.sitelist > div {
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	padding: 8px 15px 10px 15px;
	margin-bottom: 20px;
	}
.sitelist .site {
	padding: 8px 0 8px 10px;
	margin: 2px 0 4px 0;
	font-weight: bold;
	border-left: solid 3px #333;
	}
.sitelist .site a {
	color: #000;
	}
.sitelist .posts div {
	display:flex;
	align-items: center;
	line-height: 1.3;
	padding: 10px 10px 10px 0;
	border-top:solid 1px #F1F1F1;
	}
.sitelist .posts div:target {
	background-color: #FFE693;
	}
.sitelist .posts div:first-of-type {
	border-top: none;
	}
.sitelist .posts div:hover {
	background-color: #FFE693;
	}
.sitelist .time {
	width: 80px;
	font-size: 11px;
	color: #7F7F7F;
	text-align: center;
	border-right: 1px solid #E1E8ED;
	}
.sitelist .article {
	flex: 1;
	min-width: 0;/* https://qiita.com/shota_abe/items/853cf7e927eab2b3e8cd */
	margin: 0 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
/* ----------------------------------------------------------- */
/* 検索ランキング */
.search_ranking {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1100px;
	border:solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	padding: 20px 20px;
	}
.search_ranking > div {
	display:flex;
	 flex-direction: column;
	width: 19%;
	border:solid 1px #E1E8ED;
	border-radius: 3px;
	padding: 10px 20px;
	margin-bottom: 10px;
	}
.search_ranking h2 {
	width: 100%;
	font-size: 100%;
	padding: 8px 0 8px 10px;
	margin: 0 0 20px 0;
	font-weight: bold;
	border-left: solid 3px #333;
	}
.search_ranking h3 {
	font-weight: bold;
	padding: 10px;
	}



.search_ranking p {
	border-top: solid 1px #F1F1F1;
	padding: 10px;
	}
.search_ranking p:hover {
	background-color: #FFE693;
	}



/* ----------------------------------------------------------- */
/* その他 */
.etc {
	width: 1100px;
	}
.etc > div {
	margin-bottom: 20px;
	font-size: 15px;
	border:solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	padding: 20px 30px;
	line-height: 1.4;
	}
.etc h3 {
	margin: 0 -10px 20px -10px;
	padding: 0 10px 5px 10px;
	font-size: 110%;
	border-bottom: 1px solid #E1E8ED;
	}
/* ----------------------------------------------------------- */
/* side */
.side {

	display: flex;
	flex-direction: column;

	width: 300px;
	padding: 70px 0 0 0;
	font-size: 80%;
	}
.side > div {
	margin-bottom: 20px;
	font-size: 14px;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	}
.side h2,
.youtube_left h2 {
	margin: 15px 10px 10px 10px;
	padding: 0 10px 10px 10px;
	font-size: 100%;
	color: #636363;
	border-bottom: 1px solid #E1E8ED;
	}
/* ----------------------------------------------------------- */
/* まとめメニュー */

.matome_menu {
	display: flex;
	flex-direction: column;
	padding: 15px 0;
	}
.matome_menu a {
	color: #2B2B2B;
	margin-bottom: 10px;
	text-decoration: none;
	border-left: solid 3px #FFF;


		background-repeat: no-repeat;
		background-size: 26px;
		background-position: left 10px center;
		padding: 10px 10px 10px 45px;

	}
	.matome_menu a:nth-of-type(1){
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%234B4B4B" d="M242.87-202.87H354.5V-445.5h251v242.63h111.63v-355.7L480-736.41 242.87-558.57v355.7Zm-91 91v-492.2L480-850.28l328.13 246.13v492.28H518.09v-246.22h-76.18v246.22H151.87ZM480-469.52Z" /></svg>');
	}

	.matome_menu a:nth-of-type(2){
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%234B4B4B" d="M160-72.59q-37.78 0-64.39-26.61Q69-125.8 69-163.59v-352.82q0-37.79 26.61-64.39 26.61-26.61 64.39-26.61h72.59v-189q0-37.79 26.61-64.39 26.6-26.61 64.39-26.61H800q37.78 0 64.39 26.61Q891-834.2 891-796.41v352.82q0 37.79-26.61 64.39-26.61 26.61-64.39 26.61h-72.59v189q0 37.79-26.61 64.39-26.6 26.61-64.39 26.61H160Zm0-91h476.41V-440H160v276.41Zm567.41-280H800V-720H323.59v112.59H640q36.06 0 61.74 25.67 25.67 25.68 25.67 61.74v76.41Z" /></svg>');
	}

	.matome_menu a:nth-of-type(3){
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%234B4B4B" d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm112-260q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Z" /></svg>');
	}


	.matome_menu a:hover:nth-of-type(1),
	.matome_menu a.here:nth-of-type(1){
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23DC3D3D" d="M242.87-202.87H354.5V-445.5h251v242.63h111.63v-355.7L480-736.41 242.87-558.57v355.7Zm-91 91v-492.2L480-850.28l328.13 246.13v492.28H518.09v-246.22h-76.18v246.22H151.87ZM480-469.52Z" /></svg>');
	}
	.matome_menu a:hover:nth-of-type(2),
	.matome_menu a.here:nth-of-type(2){
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23DC3D3D" d="M160-72.59q-37.78 0-64.39-26.61Q69-125.8 69-163.59v-352.82q0-37.79 26.61-64.39 26.61-26.61 64.39-26.61h72.59v-189q0-37.79 26.61-64.39 26.6-26.61 64.39-26.61H800q37.78 0 64.39 26.61Q891-834.2 891-796.41v352.82q0 37.79-26.61 64.39-26.61 26.61-64.39 26.61h-72.59v189q0 37.79-26.61 64.39-26.6 26.61-64.39 26.61H160Zm0-91h476.41V-440H160v276.41Zm567.41-280H800V-720H323.59v112.59H640q36.06 0 61.74 25.67 25.67 25.68 25.67 61.74v76.41Z" /></svg>');
	}
	.matome_menu a:hover:nth-of-type(3),
	.matome_menu a.here:nth-of-type(3){
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23DC3D3D" d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm112-260q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Z" /></svg>');
	}
.matome_menu a.here {
	color: #D9534F;
	border-color: #D9534F;
	font-weight: bold;
	}
.matome_menu a:hover {
	color: #D9534F;
	border-color: #D9534F;
	}
/* ----------------------------------------------------------- */
/* サムネイル */
.thumbnail > div {
	display:flex;
	padding: 10px;
	border-bottom: solid 1px #E1E8ED;
	}
.thumbnail > div:last-child {
	border: none;
	}
.thumbnail > div:hover {
	background-color: #FFE693;
	}
.thumbnail img {
	width: 140px;
	height: 80px;
	object-fit: cover;
	object-position: 50% 50%;
	border: 1px #C4CFD6 solid;
	margin: 0 10px 0 0;
	}
.thumbnail .details {
	flex: 1;
	display:flex;
	flex-direction: column;
	min-width: 0;
	word-wrap:break-word;
	}
.thumbnail .details .article {
	flex: 1;
	line-height: 1.2;
	}
.thumbnail .details .article a {/* 4行目以降を非表示 */
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	}
.thumbnail .details .site {
	color: #7F7F7F;
	text-align: right;
	font-size: 11px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.thumbnail .details .site a {
	color: #7F7F7F;
	}
.thumbnail .details .site a:hover {
	color: #DC3D3D;
	}
.thumbnail:empty {
	display: none;
	}
/* 以下､youtube */
.thumbnail .name {
	margin-top: 3px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	}
.thumbnail .name a {
	color: #7F7F7F;
	}
.thumbnail .length,
.thumbnail .count {
	text-align: right;
	font-size: 11px;
	color: #7F7F7F;
	}
.thumbnail .count:after {
	content: "人視聴";
	margin-left: 2px;
	}
.thumbnail .count:empty:after {
	content: "プレミア公開";
	}
/* ----------------------------------------------------------- */
/* 過去ログ */
.logs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 20px 10px 20px;
	}
.logs a {
	margin: 5px 0;
	text-align: center;
	width: 30%;
	padding: 5px 0;
	background-color: #E9E9E9;
	color: #666666;
	}
.logs a:hover {
	background-color: #D9534F;
	color: #fff;
	text-decoration: none;
	}
.logs .here {
	background-color: #D9534F;
	color: #fff;
	}
/* ----------------------------------------------------------- */
/* youtube */
.youtube {
	display: flex;
	width: 1400px;
	margin: 0 auto 0;
	}
/* youtube 左 */
.youtube_left {
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 180px;
	margin-right: 20px;
	}
.youtube_left > div {
	margin-bottom: 20px;
	font-size: 14px;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	}
.youtube_left .youtube_menu {
	display: flex;
	flex-direction: column;
	padding: 15px 0;
	}
.youtube_left .youtube_menu a {
	color: #2B2B2B;
	padding: 10px 15px;
	margin-bottom: 10px;
	text-decoration: none;
	border-left: solid 3px #FFF;
	}
.youtube_left .youtube_menu a.here {
	color: #D9534F;
	border-color: #D9534F;
	font-weight: bold;
	}
.youtube_left .youtube_menu a:hover {
	color: #D9534F;
	border-color: #D9534F;
	}
.youtube_left .youtube_filter {
	display: flex;
	flex-direction: column;
	}
.youtube_left .youtube_filter a {
	width: 80%;
	margin: 0 auto 15px;
	padding: 8px 10px;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	border: 1px solid #D9534F;
	border-radius: 3px;
	background-color: #D9534F;
	cursor:pointer;
	text-decoration: none;
	}
.youtube_left .youtube_filter .add_youtube_filter {/* add_ */
	background-color: #fff;
	color: #2b2b2b;
	border-color: #2b2b2b;
	}
/* youtube 右 */
.youtube_right {
	flex: 1;
	margin-left: 200px;
	}
.youtube_movie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	margin-bottom: 6px;
	line-height:1.1em;
	padding: 20px 20px 0 20px;/* 下はyoutube>divのmarginがあるので不要 */
	}
.youtube_movie > div {
	width: 19%;
	margin: 0 0 20px 0;
	background: #fff;
	border-radius: 3px;
	overflow:hidden;
	border: 1px solid #ccc;
	position: relative;
	}
.youtube_movie > .add_youtube2 {/* add_ */
	background-color: #FFE693;
	border-color: #282F3D;
	}
.youtube_movie img {
	width: 100%;
	height:100%;
	object-fit: cover;
	border-bottom: 1px solid #CCC;
	}
.youtube_movie .details {
	margin: 5px 10px 10px 10px;
	}
.youtube_movie .article {
	line-height: 1.2;
	height: calc( 1.2em * 2 );
	}
.youtube_movie .article a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #030303;
	}
.youtube_movie .data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 90%;
	}
.youtube_movie .name {
	width: calc(100% - 75px);
	padding-right: 5px;
	color: #030303;
	font-weight: bold;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.youtube_movie .name a {
	color: #030303;
	}
.youtube_movie .name a:hover {
	text-decoration: underline;
	}
.youtube_movie .name.nolink {
	pointer-events: none;
	}

.youtube_movie h3 {
	width: 100%;
	padding: 8px 0 8px 10px;
	margin: 20px 0 10px 0;
	font-weight: bold;
	border-left: solid 3px #333;
	}
.youtube_movie h3:first-of-type {
	margin: 0 0 10px 0;
	}
/* live */
.youtube_movie .live {
	border: 1px solid #CC0000 !important;/* お気に入りはscriptで黒枠を付加しているがそれより優先 */
	}
.youtube_movie .live img {
	border: 3px solid #CC0000;
	}
.youtube_movie .live .data1 {
	position: absolute;
	top: 3px;
	left: 3px;
	width: auto;
	margin: 0;
	background-color: #CC0000;
	color: #fff;
	border-bottom-right-radius: 3px; 
	padding: 3px 5px;
	}
.youtube_movie .live .data2 {
	width: 100%;
	text-align: left;
	}
/* upcoming */
.youtube_movie .upcoming {
	border: 1px solid #5c9e34 !important;/* お気に入りはscriptで黒枠を付加しているがそれより優先 */
	}
.youtube_movie .upcoming img {
	border: 3px solid #5c9e34;
	}
.youtube_movie .upcoming .data1 {
	position: absolute;
	top: 3px;
	left: 3px;
	width: auto;
	margin: 0;
	background-color: #5c9e34;
	color: #fff;
	border-bottom-right-radius: 3px; 
	padding: 3px 5px;
	}
.youtube_movie .upcoming .data2 {
	width: 100%;
	text-align: left;
	}
/* none */
.youtube_movie .data1 {
	width: 50%;
	margin: 6px 0;
	color: #606060;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.youtube_movie .data2 {
	width: 50%;
	margin: 6px 0;
	text-align: right;
	color: #606060;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
/* fav */
.youtube_movie .fav {
	width: 75px;
	cursor: pointer;
	color: #606060;
	text-align: center;
	padding: 2px 0 1px 0;
	border-radius: 3px;
	border: 1px solid #606060;
	}
.youtube_movie .fav.add_youtube1 {/* add_ */
	color: #fff;
	background-color: #282F3D;
	border-color:#282F3D;
	}
/* flexbox5カラム以上での左詰め */
.youtube_movie .hidden,
.members .hidden {
	visibility: hidden;
	margin: initial;
	}
/* お気に入りに登録がない場合の説明 */
.youtube_movie > p {
	margin: 20px 0 50px 0;
	line-height: 1.2;
	}
.youtube_movie > p a {
	text-decoration: underline 1px;
	}
/* favorite.htmlのフォーム非表示 */
.youtube_right form.hidden {
	visibility: hidden;
	}
/* お気に入り簡易リンク */
#fav_list {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 13px 0 13px;
	margin-bottom: 6px;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	}
#fav_list:empty {
	display: none;
	}
#fav_list p {
	margin: 0 0 10px 0;
	padding: 3px 0;
	}
#fav_list p + p {
	border-left: 1px solid #ccc;
	}
#fav_list a {
	padding: 0 7px;
	color:#069;
	}
#fav_list a:hover {
	color:#DC3D3D;
	}
/* ランキング */
.youtube_logs {
	display: flex;
	padding: 15px 20px;
	margin-bottom: 6px;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	}
.youtube_logs .left,
.youtube_logs .right {
	display: flex;
	flex-direction: column;
	}
.youtube_logs .left {
	width:150px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: solid 1px #E1E8ED;
	}
.youtube_logs .right {
	flex: 1;
	}
.youtube_logs > div > div:first-of-type {/* 配信順､同接順 */
	color: #2B2B2B;
	font-size: 90%;
	}
.youtube_logs > div > div:nth-of-type(2) {/* リンク */
	display: flex;
	}
.youtube_logs a {
	flex: 1;
	margin: 5px 10px 5px 0;
	text-align: center;
	padding: 5px 0;
	background-color: #E9E9E9;
	border: 1px solid #E9E9E9;
	color: #666;
	border-radius: 2px;
	}
.youtube_logs a:last-of-type {
	margin: 5px 0 5px 0;
	}
.youtube_logs a:hover {
	background-color: #D9534F;
	border-color: #D9534F;
	color: #fff;
	text-decoration: none;
	}
.youtube_logs .here {
	background-color: #D9534F;
	border-color: #D9534F;
	color: #fff;
	}
.youtube_ranking {
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	padding: 10px 20px;
	}
.youtube_ranking > div {
	display: flex;
	padding: 15px 10px 15px 0;
	border-bottom: 1px solid #ccc;
	}
.youtube_ranking > div:last-of-type {
	border: none;
	margin-bottom: 0;
	}
.youtube_ranking .rank {
	display: flex;
	flex-direction: column;
	width: 10%;
	text-align: center;
	border-right: 1px solid #ccc;
	font-weight: bold;
	}
.youtube_ranking > div:first-of-type .rank .number {
	background-color: #d59b00;
	}
.youtube_ranking > div:nth-of-type(2) .rank .number {
	background-color: #A0A2A2;
	}
.youtube_ranking > div:nth-of-type(3) .rank .number {
	background-color: #f39547;
	}
.youtube_ranking .rank .number {
	width: 30%;
	border-radius: 3px;
	color: #fff;
	background-color: #333;
	padding: 3px 0;
	margin: 19px auto 7px;
	}
.youtube_ranking .rank .view {
	font-size: 110%;
	color: #030303;
	}
.youtube_ranking .image {
	width: 15%;
	padding: 0 10px;
	}
.youtube_ranking img {
	width: 100%;
	height:100%;
	object-fit: cover;
	border-radius: 3px;
	border: 1px solid #CCC;
	}
.youtube_ranking .live img {
	border: 3px solid #CC0000;
	}
.youtube_ranking .details {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 2px 0 0 0;
	}
.youtube_ranking .details > div {
	width: 100%;
	}
.youtube_ranking .data {
	display: flex;
	flex-direction: column;
	position:relative;
	}
.youtube_ranking .data1,
.youtube_ranking .data2 {
	color: #606060;
	margin-bottom: 3px;
	}
.youtube_ranking .live .data2 {
	color: #CC0000;
	font-weight: bold;
	}
.youtube_ranking .upcoming .data2 {
	color: #5c9e34;
	font-weight: bold;
	}
.youtube_ranking .name a {
	font-weight: bold;
	color: #030303;
	}
.youtube_ranking .fav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 75px;
	cursor: pointer;
	color: #606060;
	text-align: center;
	padding: 2px 0 1px 0;
	border-radius: 3px;
	border: 1px solid #606060;
	}
.youtube_ranking .add_ranking {/* add_ */
	background-color: #FFE693;
	}
.youtube_ranking .add_ranking .fav {/* add_ */
	color: #fff;
	background-color: #282F3D;
	border-color: #282F3D;
	}
/* youtube 登録一覧 */
.members {
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	margin-bottom: 6px;
	}
.members > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
	line-height:1.1em;
	}
.members > div:last-of-type {
	padding: 0 20px 20px 20px;
	}
.members > div > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 19%;
	margin: 0 0 10px 0;
	padding: 8px 8px;
	background: #fff;
	border-radius: 3px;
	overflow:hidden;
	border: 1px solid #ccc;
	font-size: 90%;
	}
.members > div > .add_members {/* add_ */
	background-color: #FFE693;
	border-color: #282F3D;
	}
.members .name {
	width: calc(100% - 75px);
	padding-right: 5px;
	color: #030303;
	font-weight: bold;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.members .name a {
	color: #030303;
	}
.members .fav {
	width: 75px;
	cursor: pointer;
	color: #606060;
	text-align: center;
	padding: 2px 0 1px 0;
	border-radius: 3px;
	border: 1px solid #606060;
	}
.members .add_members .fav {/* add_ */
	color: #fff;
	background-color: #282F3D;
	border-color: #282F3D;
	}
.members h3 {
	width: 100%;
	padding: 8px 0 8px 10px;
	margin: 20px 0 10px 0;
	font-weight: bold;
	border-left: solid 3px #333;
	}
/* ----------------------------------------------------------- */
/* その他 */
.etc {
	width: 1100px;
	margin: 0 auto 0;
	}
.etc > div {
	margin-bottom: 20px;
	font-size: 15px;
	border:solid 1px #E1E8ED;
	border-radius: 3px;
	background: #fff;
	padding: 20px 30px;
	line-height: 1.4;
	}
.etc h3 {
	margin: 0 -10px 20px -10px;
	padding: 0 10px 5px 10px;
	font-size: 110%;
	border-bottom: 1px solid #E1E8ED;
	}
/* ----------------------------------------------------------- */
/* フィルター */
.filter {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.filter > div {
	display:flex;
	width: 32%;
	margin: 10px 0 0 0;
	padding: 9px 10px;
	font-weight: bold;
	border: 1px solid #b4b9bd;
	background-color: #E5E5E5;
	border-radius: 3px;
	cursor:pointer;
	text-decoration: none;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.filter .name {
	flex: 1;
	}
.filter .add_timeline_filter {
	border-color: #333;
	background-color: #fff;
	}
.filter .add_timeline_filter .mute_mk {
	margin-left: 10px;
	background-color: #1D1D1D;
	color: #fff;
	border-radius: 3px;
	width: 60px;
	text-align: center;
	}
/* ----------------------------------------------------------- */
/* メールフォーム */
textarea {
	margin:20px 0 5px 0;
	padding:3px 3px;
	border:solid 1px #ccc;
	border-radius: 3px;
	width:50%;
	}
textarea:focus {
	outline: none;/* chrome用 */
	border: 1px solid #C83C35;
	}
.etc button {
	border:solid 1px #ccc;
	border-radius: 3px;
	background: #fff;
	padding: 5px 10px;
	}
.etc button:hover {
	border: 1px solid #C83C35;
	}
/* ----------------------------------------------------------- */
/* showmore */
.showmore {
	display: flex;
	justify-content: center;
	margin: 10px 0;
	}
.showmore a,
.showmore button {
	width: 45%;
	padding: 15px 0;
	color: #595959;
	background-color: #fff;
	text-decoration: none;
	border:solid 1px #E1E8ED;
	border-radius: 2px;
	text-align: center;
	}
.showmore button {
	font-family: inherit;/* buttonは親要素のフォントサイズが引き継がないので対策 */
	font-size: 100%;/* buttonは親要素のフォントサイズが引き継がないので対策 */
	cursor: pointer;
	}
.showmore a:visited {
	color: #595959;
	}
.showmore a:hover {
	background-color: #FFE693;
	}
/* ----------------------------------------------------------- */
/* info */
.info,
.info_ng,
.sitelist .info {/* サイト別表示のinfoは.sitelist内にある為 */
	color: #3E3E3E;
	font-size: 13px;
	margin-bottom: 6px !important;
	padding: 11px 16px 11px 12px;
	border: solid 1px #E1E8ED;
	border-radius: 3px;
	background-color: #FFF;
	}
.youtube .info {
	padding: 11px 20px;
	}
/* ----------------------------------------------------------- */
/* アフィリ */
.banner_pc_foot {
	display: flex;
	justify-content: center;
	}
.side > .banner_pc_side {
	text-align: center;
	border: none;
	background-color: #F1F1F1;
	}
div[class^="banner_mobile"] {
	display: none !important;
	}
/* ----------------------------------------------------------- */
/* メディアクエリ */
@media screen and (max-width: 1500px) {

	.contents,
	.side + .contents {
		padding: 70px 20px 20px 20px;
		}
	.side {
		padding: 70px 0 0 20px;
		}
	.thumbnail img {
		width: 100px;
		height: 70px;
		}
	.timeline,
	.sitelist,
	.search_ranking,
	.etc,
	.youtube {
		width: 100%;
		}
	.youtube_right {
		margin-left: 170px;
		}
	.youtube_left {
		width: 150px;
		}
	.youtube_movie {
		line-height:1em;
		}
	.youtube_movie .data {
		font-size: 90%;
		}
	.youtube_movie > div,
	.members > div > div {/* 4カラムに変更 */
		width: 24%;
		}
	.youtube_movie::before,
	.members > div::before {/* 4カラムでの左寄せ配置 */
		content:"";
		display: block;
		width:24%;
		order:1;
		}
	.youtube_movie::after,
	.members > div::after {/* 4カラムでの左寄せ配置 */
		content:"";
		display: block;
		width:24%;
		}

	}
/* ----------------------------------------------------------- */
/* ダークモード */
@media (prefers-color-scheme: dark) {
	/* 文字色 */
	* {
		color: #FBFBFE !important;
		}
	.menu1 a.here,
	.menu1 a:hover,
	.youtube_menu a.here,
	.youtube_menu a:hover {
		color: #F55E5E !important;
		border-color: #F55E5E;
		}
	.article a:link {
		color: #57BDF0 !important;
		}
	.article a:visited {
		color: #c58af9 !important;
		}
	.pr .article a:visited {
		color: #57BDF0 !important;
		}
	.article b {
		color: #F55E5E !important;
		}
	.youtube_logs > div > div:first-of-type,
	.youtube_movie .fav,
	.youtube_ranking .when,
	.youtube_ranking .name a,
	.youtube_ranking .fav,
	.members .fav {
		color: #AAAAAA !important;
		}
	.youtube_ranking .live .when {
		color: #FD201D !important;
		}
	/* 背景色 */
	.block1,
	.block2,
	.block3,
	.youtube_logs a,
	.members > div > div,
	.filter > div {
		background-color:#0D0D0D;
		}
	.searchbox input,
	.searchbox button,
	.ngbox input,
	.ngbox button,
	textarea,
	.etc button,
	.timeline > div,
	.sitelist > div,
	.search_ranking,
	.youtube_left > div,
	.youtube_movie,
	.youtube_movie > div,
	.youtube_logs,
	.youtube_ranking,
	.members,
	#fav_list,
	.side > div,
	.showmore a,
	.info,
	.info_ng,
	.sitelist .info,
	.etc > div {
		background-color: #121212;
		}
	.sitelist .posts div:target,
	.sitelist .posts div:hover,
	.thumbnail > div:hover,
	.timeline > div:hover,
	.showmore a:hover,
	.search_ranking p:hover,
	.matome_menu a,
	.logs a {
		background-color: #272727;
		}
	.logs .here,
	.logs a:hover {
		background-color: #FD4C39;
		}
	/* 枠線 */
	.search_ranking h2,
	.youtube_left .youtube_menu a,
	.youtube_right h3 {
		border-color: #f1f1f1;
		}
	.menu1 a {
		border-color: #fff;
		}
	.searchbox form input,
	.searchbox form button,
	.ngbox form input,
	.ngbox form button,
	.timeline,
	.timeline div,
	.timeline .time,
	.sitelist > div,
	.sitelist .posts div,
	.sitelist .time,
	.search_ranking,
	.search_ranking > div,
	.search_ranking p,
	.youtube_left > div,
	.youtube_left h2,
	.youtube_movie,
	.youtube_movie > div,
	.members,
	.youtube_logs,
	.youtube_logs .left,
	.youtube_logs > div > div > a,
	.youtube_ranking,
	.youtube_ranking > div,
	.youtube_ranking .rank,
	.youtube_ranking img,
	#fav_list,
	#fav_list p + p,
	.members > div > div,
	.info,
	.info_ng,
	.sitelist info,
	.side > div,
	.side h2,
	.showmore a,
	.thumbnail > div,
	.etc h3,
	.etc > div,
	.filter > div {
		border-color: #2F2E34;
		}
	.block1 {
		border-bottom: solid 1px #2F2E34;
		}
	.block3 {
		border-top: solid 1px #2F2E34;
		}
	.searchbox form:focus-within input,
	.searchbox form:focus-within button,
	.ngbox input:focus,
	textarea:focus {
		border-color: #F55E5E;
		background-color:#1C1B22;
		}
	.sitelist .site {
		border-color: #FFF;
		}
	/* 画像 */
	.searchbox button svg {
		filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(35deg) brightness(107%) contrast(101%);
		}
	/* add_style */
	.filter .add_timeline_filter {
		border-color: #FD4C39;
		background-color: #0D0D0D;
		}
	.filter .add_timeline_filter .name {
		color: #FD4C39 !important;
		}
	.filter .add_timeline_filter .mute_mk {
		background-color: #FD4C39;
		}
	.youtube_left .youtube_filter .add_youtube_filter {
		background-color: #fff;
		color: #000 !important;
		border-color: #fff;
		}
	.youtube_movie > .add_youtube2 {
		background-color: #121212;
		border-color: #2F2E34;
		}
	.youtube_movie > .add_youtube2 .name {/* 省略の｢…｣の色 */
		color: #D9534F !important;
		}
	.youtube_movie > .add_youtube2 .name a {
		color: #D9534F !important;
		}
	.youtube_movie .fav.add_youtube1 {
		background-color: #D9534F;
		border-color: #D9534F;
		color: #FFF !important;
		}
	.youtube_ranking .add_ranking {
		background-color: #121212;
		}
	.youtube_ranking .add_ranking .fav {
		background-color: #D9534F;
		border-color: #D9534F;
		color: #FFF !important;
		}
	.youtube_ranking > .add_ranking .name a {
		color: #D9534F !important;
		}
	.members > div > .add_members {
		background-color: #121212;
		border-color: #D9534F;
		}
	.members > div > .add_members .name {/* 省略の｢…｣の色 */
		color: #D9534F !important;
		}
	.members > div > .add_members a {
		color: #D9534F !important;
		}
	.members .add_members .fav {
		background-color: #D9534F;
		border-color: #D9534F;
		color: #FFF !important;
		}

}