* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {height: 100%;}
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;}
/*------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
MOBILE
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
------------------------------------------------------*/
@media screen and (max-width: 1199px) {
	* {
		line-height: 1;
		}
	body{
		min-height: 100%;
		display: flex;
		flex-direction: column;
		width: 100%;
		font: 14px arial,sans-serif;
		}
	/* デフォルトのスタイルを無効 */
	input,
	button,
	textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		}
	/* ----------------------------------------------------------- */
	/* block */
	.block1 {
		display:flex;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		background-color: #F1F1F1;
		}
	.block2 {
		flex: 1;
		width: 100%;
		background-color: #D8D8D8;
		}
	.block3 {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 20px 0;
		text-align: center;
		background-color: #4F4F4F;
		}
	/* ----------------------------------------------------------- */
	/* ヘッダー */
	.head {
		display: flex;
		align-items: center;
		padding-left: 10px;
		width: 60%;
		height: 50px;
		}
	.head img {
		width: 80%;
		display: block;
		}
	/* ----------------------------------------------------------- */
	/* 検索窓 */
	.searchbox {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 40%;
		height: 50px;
		padding-right: 10px;
		}
	.searchbox form {
		display: flex;
		justify-content: flex-end;
		}
	.searchbox form input,
	.searchbox form button {
		border-top: #F1F1F1 solid 1px;
		border-bottom: #F1F1F1 solid 1px;
		}
	.searchbox form input {
		border-left: #F1F1F1 solid 1px;
		}
	.searchbox form button {
		border-right: #F1F1F1 solid 1px;
		}
	.searchbox form:focus-within input,
	.searchbox form:focus-within button {
		outline: none;/* chrome用 */
		background-color: #FFF;
		border-color: #D14139;
		}
	.searchbox input {
		vertical-align : middle;
		font-size:16px;/*iosのフォームのフォーカスOFF*/
		border: none;
		border-radius: 5px 0 0 5px;
		background-color: #D8D8D8;
		padding: 3px 10px;
		width: 80%;
		}
	.searchbox button {
		vertical-align: middle;
		border: none;
		border-radius: 0 5px 5px 0;
		background-color: #D8D8D8;
		padding: 2px 10px 0 5px;
		}
	.searchbox button svg {
		height: 14px;
		width: auto;
		}
	/* ----------------------------------------------------------- */
	/* グローバルナビゲーション */
	.navi {
		order: -1;
		display: flex;
		align-items: center;
		font-size: 80%;
		padding: 3px 5px 2px 5px;
		width: 100%;
		background-color: #D8D8D8;
		}
	.navi a {
		color: #595959;
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: left 5px center;
		padding: 10px 10px 10px 30px;
		margin-right: 15px;
		}
	.navi 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="M200-200h560v-367L567-760H200v560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h400l240 240v400q0 33-23.5 56.5T760-120H200Zm80-160h400v-80H280v80Zm0-160h400v-80H280v80Zm0-160h280v-80H280v80Zm-80 400v-560 560Z" /></svg>');
		}
	.navi 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="m380-340 280-180-280-180v360Zm-60 220v-80H160q-33 0-56.5-23.5T80-280v-480q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v480q0 33-23.5 56.5T800-200H640v80H320ZM160-280h640v-480H160v480Zm0 0v-480 480Z" /></svg>');
		}
	.navi a.here {
		color: #D14139;
		font-weight: bold;
		}
	.navi 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="%23D14139" d="M200-200h560v-367L567-760H200v560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h400l240 240v400q0 33-23.5 56.5T760-120H200Zm80-160h400v-80H280v80Zm0-160h400v-80H280v80Zm0-160h280v-80H280v80Zm-80 400v-560 560Z" /></svg>');
		}
	.navi 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="%23D14139" d="m380-340 280-180-280-180v360Zm-60 220v-80H160q-33 0-56.5-23.5T80-280v-480q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v480q0 33-23.5 56.5T800-200H640v80H320ZM160-280h640v-480H160v480Zm0 0v-480 480Z" /></svg>');
		}
	/* ----------------------------------------------------------- */
	/* サイド */
	/* .search_menu(箱別検索メニュー)はyoutubeのカレンダーと兼用 */
	.side {
		width: 100%;
		}
	.side > div:not(.menu):not(.search_menu):not(.filter_hako):not(.banner_mobile_head){
		display: none;
		}
	.menu {
		width: 100%;
		display: flex;
		font-size: 80%;
		text-align: center;
		background-color: #FFF;
		}
	.menu a {
		flex: 1;
		color: #1D1D1D;
		padding: 10px 0;
		border-bottom: solid 1px #a7a8a8;
		}
	.menu a.here {
		color: #D9534F;
		font-weight: bold;
		border-bottom: solid 2px #D14139;
		}
	.search_menu h2 {
		display: none;
		}
	/* ----------------------------------------------------------- */
	/* 枠の共通設定 */
	.search_menu,
	.filter_hako.visible,
	.main > div:not(.showmore):not(div[class^="banner_"]),
	.etc >div {
		border-radius: 3px;
		background-color: #fff;
		margin: 10px 5px;
		}
	/* ----------------------------------------------------------- */
	/* タイムライン */
	/* 検索結果 */
	.timeline {
		color: #595959;
		}
	.timeline div {
		display:flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 10px 8px;
		border-bottom: solid 1px #E1E8ED;
		word-break: break-all;
		}
	.timeline .time {
		width:80px;
		font-size: 12px;
		}
	.timeline .site {
		width: calc(100% - 90px);
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
	.timeline .site a {
		color: #595959;
		}
	.timeline .article {
		order: 1;
		margin: 6px 0 0 0;
		}
	.timeline div:target {
		order:-1;
		background-color: #FFE693;
		}
	/* ----------------------------------------------------------- */
	/* サイトリスト */
	.sitelist {
		padding: 8px 0 6px 0;
		margin-bottom: 10px;
		}
	.sitelist .site {
		font-size:90%;
		font-weight: bold;
		padding: 7px 7px;
		border-left: solid #333 3px;
		margin: 0 0 5px 7px;
		}
	.sitelist .site a {
		color: #000;
		}
	.sitelist .posts div {
		font-size: 13px;
		padding: 7px 7px;
		word-break: break-all;
		color: #595959;
		border-top:solid 1px #E1E8ED;
		}
	.sitelist .posts div:first-of-type {
		border-top: none;
		}
	.sitelist .posts div:target {
		background-color: #FFE693;
		}
	.sitelist .time {
		display: none;
		}
	/* ----------------------------------------------------------- */
	/* 【youtube】 */
	/* 共通：H3 */
	.youtube h3 {
		width: 100%;
		font-size: 14px;
		padding: 15px 8px 5px 8px;
		}
	/* タイムラインとランキングはモバイルでは表示差異なし */
	.youtube .movie > div,
	.youtube .ranking > div {
		display: flex;
		flex-wrap: wrap;
		font-size: 11px;
		padding: 15px 8px;
		border-bottom: 1px solid #ccc;
		}
	.youtube .movie > div:nth-last-of-type(4),/* .hiddenがあるので最後ではない */
	.youtube .ranking > div:last-of-type {
		border-bottom: none;
		margin-bottom: 0;
		}
	.youtube .ranking .rank {
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 5px;
		font-weight: bold;
		border-radius: 3px;
		background-color: #E4E3E3;
		}
	.youtube .ranking .rank .number {
		width: 15%;
		border-top-left-radius : 3px;
		border-bottom-left-radius : 3px;
		color: #fff;
		background-color: #333;
		padding: 5px 0;
		text-align: center;
		margin-right: 10px;
		}
	.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 .view {
		color: #030303;
		}
	.youtube .movie .image,
	.youtube .ranking .image {
		width: 40%;
		}
	.youtube .movie img,
	.youtube .ranking img {
		width: 100%;
		border-radius: 3px;
		border: 1px solid #CCC;
		}
	.youtube .movie .live img,
	.youtube .ranking .live img {
		border: 3px solid #CC0000;
		}
	.youtube .movie .upcoming img,
	.youtube .ranking .upcoming img {
		border: 3px solid #5C9E34;
		}
	.youtube .movie .details,
	.youtube .ranking .details {
		min-width: 0;/* https://qiita.com/shota_abe/items/853cf7e927eab2b3e8cd */
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		padding: 2px 0 0 10px;
		}
	.youtube .movie .details > div,
	.youtube .ranking .details > div {
		width: 100%;
		}
	.youtube .movie .details .article,
	.youtube .ranking .details .article {
		flex: 1;
		height: calc( 1.2em * 2 );/* 無いと4行目がチラ見えする */
		}
	.youtube .movie .details .article a,
	.youtube .ranking .details .article a {/* 5行目以降を非表示 */
		line-height: 1.2;/* 無いと4行目がチラ見えする */
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		}
	.youtube .movie .details .data,
	.youtube .ranking .details .data {
		display:flex;
		flex-wrap: wrap;
		align-items: center;
		margin-top: 5px;
		color: #7F7F7F;
		}
	.youtube .movie .data1,
	.youtube .ranking .data1 {
		width: 100%;
		margin-bottom: 2px;
		}
	.youtube .movie .live .data1,
	.youtube .ranking .live .data2 {
		color: #CC0000;
		font-weight: bold;
		}
	.youtube .movie .upcoming .data2,
	.youtube .ranking .upcoming .data2 {
		color: #5C9E34;
		font-weight: bold;
		}
	.youtube .movie .data2,
	.youtube .ranking .data2 {
		width: 100%;
		}
	.youtube .movie .name,
	.youtube .ranking .name {
		width: calc(100% - 5.5em);
		font-weight: bold;
		margin: 2px 0;
		padding-right: 5px;
		}
	.youtube .movie .name a,
	.youtube .ranking .name a {
		color: #7F7F7F;
		}
	.youtube .movie .fav,
	.youtube .ranking .fav {
		width: 5.5em;
		text-align: center;
		border: 1px solid #BCBCBC;
		border-radius: 2px;
		padding: 2px 0;
		}
	.youtube .movie .add_youtube2,
	.youtube .ranking .add_ranking {/* add_ */
		background-color: #FFE693;
		}
	.ranking.remove_add .add_ranking {/* youtube_searchでライバー名を検索した場合にaddを無効化 */
		background-color: #fff;
		}
	.youtube .movie .fav.add_youtube1,
	.youtube .ranking .add_ranking .fav {/* add_ */
		color: #fff;
		background-color: #282F3D;
		border-color: #282F3D;
		}
	/* カレンダー */
	/* まとめの検索メニュー(箱別検索)と兼用 */
	/* YouTubeの箱フィルタと兼用 */
	.filter_hako.visible,
	.search_menu > div,
	.calendar {
		display: flex;
		padding: 8px 0 8px 10px;
		font-size: 11px;
		}
	.filter_hako.visible a,
	.search_menu a,
	.calendar a {
		flex: 1;
		border:solid 1px #7F7F7F;
		border-radius: 2px;
		color: #4F4F4F;
		margin-right: 10px;
		padding: 3px 8px;
		text-align: center;
		}
	.filter_hako.visible .add_hako,/* add_ */
	.search_menu .here,
	.calendar .here {
		background-color: #D9534F;
		border-color: #D9534F;
		color: #fff;
		}
	.calendar a:nth-child(n+5) {
		display: none;
		}
	/* YouTubeの箱フィルタ */
	/* 一部上記のカレンダーと兼用 */
	.filter_hako {
		display:none;
		}
	.filter_hako.visible {
		flex-wrap: wrap;
		}
	.filter_hako.visible h2 {
		width: 100%;
		font-size: 14px;
		padding: 5px 0;
		}
	/* お気に入り簡易リンク */
	#fav_list {
		display: flex;
		flex-wrap: wrap;
		font-size: 13px;
		padding: 6px 3px;
		}
	#fav_list p + p {
		border-left: 1px solid #ccc;
		margin-left: 5px;
		}
	#fav_list a {
		line-height: 1.5;
		color:#069;
		padding: 0 0 0 5px;
		}
	#fav_list:empty {
		display: none;
		}
	/* youtube 登録一覧 */
	.members > div {
		display: flex;
		flex-direction: column;
		}
	.members > div > div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 11px;
		padding: 8px 8px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		}
	.members > div > div:nth-last-child(4) {
		border-bottom: none;
		}
	.members > div > .add_members {/* add_ */
		background-color: #FFE693;
		}
	.members .name {
		width: calc(100% - 5.5em);
		font-weight: bold;
		padding-right: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
	.members .name a {
		color: #282F3D;
		}
	.members .fav {
		width: 5.5em;
		text-align: center;
		color: #BCBCBC;
		border: 1px solid #BCBCBC;
		border-radius: 2px;
		padding: 2px 0;
		}
	.members .add_members .fav {/* add_ */
		color: #fff;
		background-color: #282F3D;
		border-color: #282F3D;
		}
	/* PC用flexbox5カラム以上での左詰め */
	.youtube .movie .hidden,
	.members .hidden {
		display: none;
		}
	/* favorite.htmlのフォーム非表示 */
	form.hidden {
		visibility: hidden;
		}
	/* ----------------------------------------------------------- */
	/* その他 */
	.etc > div {
		padding: 15px 8px;
		font-size: 12px;
		line-height: 1.3;
		}
	.etc h3 {
		margin-bottom: 10px;
		font-size: 100%;
		}
	/* フィルター */
	.filter {
		display: flex;
		flex-direction: column;
		}
	.filter > div {
		display:flex;
		align-items: center;
		margin-bottom: 10px;
		padding: 9px 10px;
		font-weight: bold;
		border: 1px solid #b4b9bd;
		background-color: #E5E5E5;
		border-radius: 3px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		}
	.filter p {
		line-height: 1.4;
		}
	.filter .name {
		flex: 1;
		}
	.filter .add_timeline_filter {
		background-color: #fff;
		border-color: #282F3D;
		}
	.filter .add_timeline_filter .mute_mk {
		font-size:90%;
		margin-left: 10px;
		background-color: #282F3D;
		color: #fff;
		border-radius: 3px;
		width: 60px;
		text-align: center;
		}
	textarea {
		margin:20px 0 5px 0;
		padding:3px 3px;
		border:solid 1px #a7a8a8;
		border-radius: 3px;
		width: 100%;
		font-size:16px;/*iosのフォームのフォーカスOFF*/
		}
	textarea:focus {
		outline: none;/* chrome用 */
		border: 1px solid #4D90FE;
		box-shadow: 0 0 4px #999;
		}
	.etc button {
		padding: 5px 10px;
		border: 1px solid #a7a8a8;
		border-radius: 3px;
		background-color: #D8D8D8;
		color: #333;
		}
	/* ----------------------------------------------------------- */
	/* showmore */
	.showmore {
		display: flex;
		justify-content: space-around;
		margin: 10px 0;
		}
	.showmore a,
	.showmore button {
		padding: 8px 0;
		width: 40%;
		color: #595959;
		text-decoration: none;
		border: 1px solid #C4CFD6;
		border-radius: 3px;
		text-align: center;
		background-color: #fff;
		}
	.showmore button {
		font-family: inherit;/* buttonは親要素のフォントサイズが引き継がないので対策 */
		font-size: 100%;
		font-weight: normal;/* スマホのブラウザはボタンが太字になので */
		}
	.showmore a:visited {
		color: #595959;
		}
	/* ----------------------------------------------------------- */
	/* favで登録がない場合のメモ */
	/* .etcとの違いはサイドがあるかどうか */
	.info {
		padding: 15px 8px;
		font-size: 12px;
		line-height: 1.3;
		}
	/* ----------------------------------------------------------- */
	/* メニュー2(footer) */
	.block3 a {
		flex: 1;
		color: #fff;
		padding: 2px 0;
		}
	.block3 a + a {
		border-left: solid 1px #F1F1F1;
		}
	.block3 a.here {
		color: #D9534F;
		font-weight: bold;
		}
	/* ----------------------------------------------------------- */
	/* アフィリ */
	.banner_mobile_head,
	.banner_mobile_foot {
		width: 100%;
		}
	.banner_mobile_head {
		padding-top: 8px;
		}
	.banner_mobile_overlay {
		display: none;
		position: fixed;
		bottom: 100px;
		width: 100%;
		text-align: center;
		}
	div[class^="banner_pc"] {
		display: none;
		}
}
/*------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
PC
■■■■■■■■■■■■■■■■■■■■■■■■■■■■
------------------------------------------------------*/
@media screen and (min-width: 1200px) {
	html {
		line-height: 1;
		}
	body{
		display: flex;
		flex-direction: column;
		min-height: 100%;
		font: 14px arial,helvetica,clean,sans-serif;
		width: 100%;
		}
	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;
		}
	/* ----------------------------------------------------------- */
	/* 検索窓 */
	.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;
		}
	/* ----------------------------------------------------------- */
	/* グローバルナビゲーション */
	.navi {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 50px;
		font-size: 90%;
		padding-right: 10px;
		}
	.navi a {
		color: #333;
		margin-right: 20px;
		border-bottom: solid 2px #fff;
		padding: 5px 8px;
		}
	.navi a:hover {
		color: #D9534F;
		text-decoration: none;
		}
	.navi a.here {
		font-weight: bold;
		color: #D9534F;
		border-bottom-color: #D9534F;
		}
	/* ----------------------------------------------------------- */
	/* サイド共通 */
	.side {
		display: flex;
		flex-direction: column;
		margin-right: 20px;
		padding: 70px 0 0 0;
		font-size: 80%;
		}
	.matome .side {
		width: 300px;
		}
	.youtube .side {
		width: 180px;
		}
	.side > div {
		margin-bottom: 20px;
		font-size: 14px;
		border: solid 1px #E1E8ED;
		border-radius: 3px;
		background: #fff;
		}
	.side h2 {
		margin: 15px 10px 10px 10px;
		padding: 0 10px 10px 10px;
		font-size: 100%;
		color: #636363;
		border-bottom: 1px solid #E1E8ED;
		}
	/* メニュー共通 */
	.menu {
		display: flex;
		flex-direction: column;
		padding: 15px 0;
		}
	.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;
		}
	.menu a:last-of-type {
		margin-bottom: 0;
		}
	.menu a.here {
		color: #D9534F;
		border-color: #D9534F;
		font-weight: bold;
		}
	.menu a:hover {
		color: #D9534F;
		border-color: #D9534F;
		}
	/* ----------------------------------------------------------- */
	/* メイン共通 */
	.main {
		padding: 70px 0 20px 0;
		}
	.matome .main {
		width: 1100px;
		}
	.youtube .main {
		width: 1200px;
		}
	/* ----------------------------------------------------------- */
	/* 【まとめ】 */
	/* まとめメニュー */
	.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>');
		}
	/* 検索用メニュー */
	.search_menu > div {
		display: flex;
		flex-direction: column;
		padding: 10px 20px 20px 20px;
		}
	.search_menu > div a {
		width: 100%;
		padding: 8px 10px;
		margin-bottom: 15px;
		text-decoration: none;
		background-color: #E9E9E9;
		color: #666;
		}
	.search_menu > div a:last-of-type {
		margin-bottom: 0;
		}
	.search_menu > div a:hover,
	.search_menu > div a.here {
		background-color: #D9534F;
		color: #fff;
		}
	/* サムネイル */
	.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: "プレミア公開";
		}
	/* タイムライン */
	.timeline {
		display:flex;
		flex-direction: column;
		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 {
		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;
		}
	/* ----------------------------------------------------------- */
	/* 【YouTube】 */
	/* youtube サイド */
	.youtube .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="m380-340 280-180-280-180v360Zm-60 220v-80H160q-33 0-56.5-23.5T80-280v-480q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v480q0 33-23.5 56.5T800-200H640v80H320ZM160-280h640v-480H160v480Zm0 0v-480 480Z" /></svg>');
		}
	.youtube .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="m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z" /></svg>');
		}
	.youtube .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="M280-120v-80h160v-124q-49-11-87.5-41.5T296-442q-75-9-125.5-65.5T120-640v-40q0-33 23.5-56.5T200-760h80v-80h400v80h80q33 0 56.5 23.5T840-680v40q0 76-50.5 132.5T664-442q-18 46-56.5 76.5T520-324v124h160v80H280Zm0-408v-152h-80v40q0 38 22 68.5t58 43.5Zm200 128q50 0 85-35t35-85v-240H360v240q0 50 35 85t85 35Zm200-128q36-13 58-43.5t22-68.5v-40h-80v152Zm-200-52Z" /></svg>');
		}
	.youtube .menu a:nth-of-type(4){
		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="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z" /></svg>');
		}
	.youtube .menu a:nth-of-type(5){
		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>');
		}
	.youtube .menu a:hover:nth-of-type(1),
	.youtube .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="m380-340 280-180-280-180v360Zm-60 220v-80H160q-33 0-56.5-23.5T80-280v-480q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v480q0 33-23.5 56.5T800-200H640v80H320ZM160-280h640v-480H160v480Zm0 0v-480 480Z" /></svg>');
		}
	.youtube .menu a:hover:nth-of-type(2),
	.youtube .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="m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z" /></svg>');
		}
	.youtube .menu a:hover:nth-of-type(3),
	.youtube .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="M280-120v-80h160v-124q-49-11-87.5-41.5T296-442q-75-9-125.5-65.5T120-640v-40q0-33 23.5-56.5T200-760h80v-80h400v80h80q33 0 56.5 23.5T840-680v40q0 76-50.5 132.5T664-442q-18 46-56.5 76.5T520-324v124h160v80H280Zm0-408v-152h-80v40q0 38 22 68.5t58 43.5Zm200 128q50 0 85-35t35-85v-240H360v240q0 50 35 85t85 35Zm200-128q36-13 58-43.5t22-68.5v-40h-80v152Zm-200-52Z" /></svg>');
		}
	.youtube .menu a:hover:nth-of-type(4),
	.youtube .menu a.here:nth-of-type(4){
		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="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z" /></svg>');
		}
	.youtube .menu a:hover:nth-of-type(5),
	.youtube .menu a.here:nth-of-type(5){
		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>');
		}
	/* 箱フィルタ */
	.filter_hako {
		display: flex;
		flex-direction: column;
		}
	.filter_hako 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;
		}
	.filter_hako .add_hako {/* add_ */
		background-color: #fff;
		color: #2b2b2b;
		border-color: #2b2b2b;
		}
	/* カレンダー */
	.calendar {
		display: flex;
		justify-content: space-between;
		padding: 20px 10px 20px 20px;/* 10pxは.calendar aのmargin-right分 */
		margin-bottom: 6px;
		border: solid 1px #E1E8ED;
		border-radius: 3px;
		background: #fff;
		}
	.calendar a {
		flex: 1;
		padding: 5px 0;
		margin-right: 10px;
		text-align: center;
		background-color: #E9E9E9;
		color: #666;
		text-decoration: none;
		}
	.calendar a:hover,
	.calendar .here {
		background-color: #D9534F;
		color: #fff;
		}
	/* 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があるので不要 */
		}
	.movie > div {
		width: 19%;
		margin: 0 0 20px 0;
		background: #fff;
		border-radius: 3px;
		overflow:hidden;
		border: 1px solid #ccc;
		position: relative;
		}
	.movie > .add_youtube2 {/* add_ */
		background-color: #FFE693;
		border-color: #282F3D;
		}
	.movie img {
		width: 100%;
		height:100%;
		object-fit: cover;
		border-bottom: 1px solid #CCC;
		}
	.movie .details {
		margin: 5px 10px 10px 10px;
		}
	.movie .article {
		line-height: 1.2;
		height: calc( 1.2em * 2 );
		}
	.movie .article a {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #030303;
		}
	.movie .data {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 90%;
		}
	.movie .name {
		width: calc(100% - 75px);
		padding-right: 5px;
		color: #030303;
		font-weight: bold;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		}
	.movie .name a {
		color: #030303;
		}
	.movie .name a:hover {
		text-decoration: underline;
		}
	.movie .name.nolink {
		pointer-events: none;
		}
	.movie h3 {
		width: 100%;
		padding: 8px 0 8px 10px;
		margin: 20px 0 10px 0;
		font-weight: bold;
		border-left: solid 3px #333;
		}
	.movie h3:first-of-type {
		margin: 0 0 10px 0;
		}
	/* live */
	.movie .live {
		border: 1px solid #CC0000 !important;/* お気に入りはscriptで黒枠を付加しているがそれより優先 */
		}
	.movie .live img {
		border: 3px solid #CC0000;
		}
	.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;
		}
	.movie .live .data2 {
		width: 100%;
		text-align: left;
		}
	/* upcoming */
	.movie .upcoming {
		border: 1px solid #5c9e34 !important;/* お気に入りはscriptで黒枠を付加しているがそれより優先 */
		}
	.movie .upcoming img {
		border: 3px solid #5c9e34;
		}
	.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;
		}
	.movie .upcoming .data2 {
		width: 100%;
		text-align: left;
		}
	/* none */
	.movie .data1 {
		width: 50%;
		margin: 6px 0;
		color: #606060;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		}
	.movie .data2 {
		width: 50%;
		margin: 6px 0;
		text-align: right;
		color: #606060;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		}
	/* fav */
	.movie .fav {
		width: 75px;
		cursor: pointer;
		color: #606060;
		text-align: center;
		padding: 2px 0 1px 0;
		border-radius: 3px;
		border: 1px solid #606060;
		}
	.movie .fav.add_youtube1 {/* add_ */
		color: #fff;
		background-color: #282F3D;
		border-color:#282F3D;
		}
	/* flexbox5カラム以上での左詰め */
	.movie .hidden,
	.members .hidden {
		visibility: hidden;
		margin: initial;
		}
	/* お気に入りに登録がない場合の説明 */
	.movie > p {
		margin: 20px 0 50px 0;
		line-height: 1.2;
		}
	.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;
		}
	form.hidden {
		visibility: hidden;
		}
	/* ランキング */
	.ranking {
		border: solid 1px #E1E8ED;
		border-radius: 3px;
		background: #fff;
		padding: 10px 20px;
		}
	.ranking > div {
		display: flex;
		padding: 15px 10px 15px 0;
		border-bottom: 1px solid #ccc;
		}
	.ranking > div:last-of-type {
		border: none;
		margin-bottom: 0;
		}
	.ranking .rank {
		display: flex;
		flex-direction: column;
		width: 10%;
		text-align: center;
		border-right: 1px solid #ccc;
		font-weight: bold;
		}
	.ranking > div:first-of-type .rank .number {
		background-color: #d59b00;
		}
	.ranking > div:nth-of-type(2) .rank .number {
		background-color: #A0A2A2;
		}
	.ranking > div:nth-of-type(3) .rank .number {
		background-color: #f39547;
		}
	.ranking .rank .number {
		width: 30%;
		border-radius: 3px;
		color: #fff;
		background-color: #333;
		padding: 3px 0;
		margin: 19px auto 7px;
		}
	.ranking .rank .view {
		font-size: 110%;
		color: #030303;
		}
	.ranking .image {
		width: 15%;
		padding: 0 10px;
		}
	.ranking img {
		width: 100%;
		height:100%;
		object-fit: cover;
		border-radius: 3px;
		border: 1px solid #CCC;
		}
	.ranking .live img {
		border: 3px solid #CC0000;
		}
	.ranking .details {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		padding: 2px 0 0 0;
		}
	.ranking .details > div {
		width: 100%;
		}
	.ranking .data {
		display: flex;
		flex-direction: column;
		position:relative;
		}
	.ranking .data1,
	.ranking .data2 {
		color: #606060;
		margin-bottom: 3px;
		}
	.ranking .live .data2 {
		color: #CC0000;
		font-weight: bold;
		}
	.ranking .upcoming .data2 {
		color: #5c9e34;
		font-weight: bold;
		}
	.ranking .name a {
		font-weight: bold;
		color: #030303;
		}
	.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;
		}
	.ranking .add_ranking {/* add */
		background-color: #FFE693;
		}
	.ranking.remove_add .add_ranking {/* youtube_searchでライバー名を検索した場合にaddを無効化 */
		background-color: #fff;
		}
	.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 {
		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;
		}
	/* ----------------------------------------------------------- */
	/* フッター */
	.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;
		}
	/* ----------------------------------------------------------- */
	/* アフィリ */
	.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) {
		.main {
			flex: 1;
			padding: 70px 20px 20px 20px;
			}
		.side {
			width: 150px;
			padding: 70px 0 0 20px;
			}
		.thumbnail img {
			width: 100px;
			height: 70px;
			}
		.etc {
			width: 100%;
			}
		.movie {
			line-height:1em;
			}
		.movie .data {
			font-size: 90%;
			}
		.movie > div,
		.members > div > div {/* 4カラムに変更 */
			width: 24%;
			}
		.movie::before,
		.members > div::before {/* 4カラムでの左寄せ配置 */
			content:"";
			display: block;
			width:24%;
			order:1;
			}
		.movie::after,
		.members > div::after {/* 4カラムでの左寄せ配置 */
			content:"";
			display: block;
			width:24%;
			}
		}
}