# nlフィルタ定義(文字コード判定用なのでこの行は削除しないこと)

#original 20170220
#Updated 20170221,20170415,20170423,20170424,20170425,20170511,20170513,20170516
#Updated 20170518,20170521,20170524,20170531

[Style]
Name = watch:ページ整形 [HTML5]
URL = www\.nicovideo\.jp/watch/
Require = 'html5';
Append<

/*-------------------------
watch:ページ整形 [HTML5]
--------------------------*/

/*-------------------------
Shadow-Effects(CSS3)
--------------------------*/
.VideoTitle::before , div.TagSuggestionList.is-favoriteTags:before , .Grid.TagContainer::before , .Grid.TagContainer.is-editing:before , .TagSuggestionList:before , .VideoDescriptionContainer::before{
display:block;
position:absolute;
top:0;bottom:0;left:0;right:0;
filter: blur(15px);
opacity: .9;
content:' ';
}

div.TagSuggestionList.is-favoriteTags{
box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
left:2px;
opacity:0.9;
}

.Grid.TagContainer{
box-shadow: 0 0 16px black;
border-style: solid;
border-width: 3px;
border-color: lightblue;
border-radius: 2px;
padding-top: 10px;
padding-bottom: 10px;
}

.VideoTitle::before , .Grid.TagContainer::before , .VideoDescriptionContainer::before{
background:white;
z-index:-1;
}

div.TagSuggestionList.is-favoriteTags:before , .Grid.TagContainer.is-editing:before , .TagSuggestionList:before{
background:lightblue;
}
.TagSuggestionList{
opacity:0.9;
}

.MainContainer , .BottomContainer-card , .VideoDescriptionContainer , .Grid.TagContainer.is-editing , .HeaderContainer-row .GridCell.col-fill:first-child , .HeaderContainer-row .VideoOwnerInfo-gridCell:first-child , .col-1of12{
box-shadow: 0 0 16px black !important;
}

.TagSuggestionList , #siteHeaderRightMenuContainer , #cachemenu , #siteHeaderLeftMenuContainer{
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
}

/*-------------------------
ヘッダ
--------------------------*/
#siteHeaderRightMenuContainer , #cachemenu , #siteHeaderLeftMenuContainer{
opacity: 0.92;
}
#siteHeaderRightMenuContainer:before , #cachemenu:before , #siteHeaderLeftMenuContainer:before{
display:block;
position:absolute;
top:0;bottom:0;left:0;right:0;
filter: blur(15px);
opacity: 0.9;
content:' ';
background:lightblue;
}
/*-------------------------
　要素削除　
--------------------------*/
.SwitchToFlashLead-new , .help , .VideoMenuContainer .VideoMenuContainer-area:last-child , .BottomContainer-side , .FooterContainer , .TagContainer-editButton:hover:after , 
.is-editing .TagContainer-editButton:after , .TagContainer:not(.is-editing) .TagItem.is-locked::before , .NicoDicIcon svg , .MarqueeContainer .Marquee , #ichibaMain p.noItem , 
#ichibaMain dt .balloonShita , p.rowJustify:nth-of-type(odd) , p.info , p.associate , #ichibaMain dd.nicoru , .is-1x1 , .MarqueeContainer , .VideoEndScreenContainer-share , 
.VideoEndScreenRelatedVideosContainer-bannerIn , .VideoMenuContainer-uadContainer .UadButtonBalloon{
display: none !important;
}
/*-------------------------
FLASHへ切り替え
--------------------------*/
.SwitchToFlashLead{
height: 20px;
line-height: 0px;
padding-top: 5px !important;
}

.SwitchToFlashLead-button , .SwitchToFlashLead-infoLink{
font-size: 0px;
}

.SwitchToFlashLead-button:before{
font-weight: 900 !important;
font-size: 11px;
content: "Flash";
}

/*-------------------------
HTML5へ切り替え
--------------------------*/

.html5_message , .return_html5_message{
height: 17px;
}

#switchToHtml5 , span.switchToHtml5{
font-size: 0px !important;
}

#switchToHtml5:before , span.switchToHtml5:before{
font-weight: 900 !important;
position: absolute;
top:0px;
left:50%;
font-size: 5px;
content: "HTML5";
}

/*-------------------------
　検索ボックス
--------------------------*/
.GridCell.col-1of12.HeaderContainer-searchBox{
top:72px;
left:0px;
z-index:4;
}
.SearchBox{
width: 238px !important;
}
.SearchBox-input{
width: 191px !important;
}

/*-------------------------
　コンテナ
--------------------------*/
.WatchAppContainer-main , .BottomContainer , .FooterContainer-content{
width: 996px !important;
}

.BottomContainer-main{
padding-right: 0px !important;
padding-left: 0px !important;
}

/* コンテンツツリー Firefoxのみ実行されるコード*/
@-moz-document url-prefix() {
	.BottomContainer-card:nth-child(2):not(:hover) {
	border-radius: 0px;
	overflow: hidden;
	height: 38px;
	}
	.BottomContainer-card:nth-child(2):hover {
	border-radius: 0px;
	height: auto;
	}
}
/* コンテンツツリー Chrome,Opera(Webkit系)のみ実行されるコード*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#js-app > div > div.WatchAppContainer-main > div.BottomContainer > div:nth-child(1) > div > div.GridCell.BottomContainer-main > div.BottomContainer-card.is-1x1:not(:hover) {
	display:none !important;
	}
}

/*-------------------------
　画面サイズ大
--------------------------*/
body.is-large .WatchAppContainer-main,
body.is-large .BottomContainer{
width: 1180px !important;
}

body.is-large .VideoDescriptionContainer{
width: 935px !important;
margin-bottom: 18px;
}

body.is-large:not(.is-fullscreen) .VideoContainer{
width: 840px !important;
height: 470px !important;
}


/*-------------------------
　動画説明
--------------------------*/
.VideoDescriptionContainer{
border: 3px solid lightblue;
padding: 5px 5px;
margin-bottom: 25px !important;
min-height: 60px !important;
width: 750px !important;
}

.VideoDescriptionContainer .VideoDescriptionContainer-expander{
left: auto !important;
right: 2px !important;
bottom: 2px !important;
transform: translateX(0) !important;
}

.VideoDescriptionContainer .VideoDescriptionContainer-expander span{
color: #888;
font-size: 12px;
}

.VideoDescriptionExpander .VideoDescriptionExpander-switchCollapse::before{
border-color: transparent transparent #888;
}

.VideoDescriptionExpander .VideoDescriptionExpander-switchExpand::before{
border-color: #888 transparent transparent;
}

.VideoDescriptionExpander .VideoDescriptionExpander-button{
box-shadow: none !important;
border: 0px solid #444 !important;
border-radius: 3px !important
}


/*----------------------------
投稿者ボックス
----------------------------*/
div.HeaderContainer-row:nth-child(3){
margin-top: -18px !important;
}
.ChannelInfo-links{
position: absolute;
}
/*----------------------------
タグ
--------------------------*/
ul.TagList.is-large{
width: 855px !important;
}

.TagContainer{
padding-right: 138px !important;
padding-left: 0 !important;
margin: 0 -0 6px !important;
}

.TagContainer-area{
position: relative !important;
z-index: 3;
}

.TagContainer-editButton{
border-radius: 4px !important;
position: relative;
background-color: #069 !important;
}

.TagContainer-editButton:after{
position: absolute;
content: "登録タグ";
background: #111;
color: #fff;
top: 0; left: 0; right: 0; bottom: 0;
border-radius: 4px !important;
line-height: 1.8;
}

.TagContainer-area:first-child{
padding-left: 1px !important;
margin-right: 6px !important;
}

.TagItem{
padding-right: 24px !important;
padding-bottom: 0px !important;
padding-left: 6px !important;
border-radius: 4px !important;
}

.TagItem.is-category.is-locked{
background-color: #ffd700 !important;
}

.TagItem.is-locked{
background-color: #c0c0c0 !important;
}

.TagItem-name{
color: #222 !important;
font-weight: normal !important;
}

.NicoDicIcon{
border-radius: 0px !important;
vertical-align: middle !important;
}

.NicoDicIcon.is-available{
background:url('data:image/gif;base64,R0lGODlhEAAPAPECAAMAALsAAP///wAAACH5BAEAAAMALAAAAAAQAA8AAAIyhI85Ju3vkpwBhIvzNfVCt1lW1mjc+JWV6Amku3aB2oZyCp81puozvPPhbCONaTGZFAAAOw==') no-repeat 0px 1px rgba(0, 0, 0, 0) !important;
}

.NicoDicIcon.is-unavailable {
background:url('data:image/gif;base64,R0lGODlhEAAPAPECAAMAAJmZmf///wAAACH5BAEAAAMALAAAAAAQAA8AAAIxhI85Ju3vkpwBhIvzNRVDgXFW8DWbNZoeWKHaenaaE7qZWstwJr5vf2PlRr7QYjIpAAA7') no-repeat 0px 1px rgba(0, 0, 0, 0) !important;
}

.TagContainer.is-editing{
padding-right: 6px !important;
z-index: 5;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) !important;
}

.TagContainer.is-editing .TagItem.is-locked{
padding-right: 6px !important;
padding-left: 24px !important;
}

.TagContainer.is-editing .TagItem.is-locked.is-category{
padding-right: 24px !important;
padding-left: 12px !important;
}

/*-------------------------
マイリストやニコニ広告などのマルチファンクションボタンの裏にある謎要素を見えなくする（下に移動）
--------------------------*/
div.HeaderContainer-row:nth-child(3) > div:nth-child(2){
padding: 0 0 0 0 !important;
}
.VideoMetaOverflowMenuContainer{
border:none ;
}

/*-------------------------
動画メタデータ
--------------------------*/
.WatchAppContainer-main .HeaderContainer{
position: relative !important;
}

.VideoDescriptionContainer + .HeaderContainer-row{
width: 235px !important;
position: absolute !important;
top: 32px !important;
right: 0 !important;
bottom: 0 !important;
display: block !important;
z-index: 2;
min-height: 0px; /*168px*/
margin: 0 !important;
}

.VideoMetaContainer p span,
.VideoMetaContainer p{
color: #888 !important;
}

.VideoMetaContainer time,
.VideoMetaContainer span{
color: #555 !important;
}

.VideoDescriptionContainer + .HeaderContainer-row .GridCell:first-child{
position: absolute;
top: 0 !important;
right: 0;
width: 240px;
border: 2px solid #ddd !important;
padding: 6px;
background: #f9f9f9;
}

.VideoDescriptionContainer + .HeaderContainer-row .GridCell:last-child{
position: absolute;
bottom: 0px !important;
right: 0;
display: block !important;
width: 100px;
padding: 6px;
background: #f9f9f9;
}

.VideoMetaContainer{
display: block !important;
height: auto !important;
}

.VideoMetaContainer > div{
display: block !important;
box-shadow: none !important;
}

.VideoMetaContainer > div > p,
VideoMetaContainer > div > span,
VideoMetaContainer > div > time{
display: inline-block !important;
min-width: 4.8em;
margin: 0 !important;
}

.VideoMetaOverflowMenuContainer{
text-align: right;
position: absolute !important;
bottom: -0px !important;
right: 5px !important;
}

.VideoMetaOverflowMenuContainer .VideoMetaOverflowMenuOpenButton svg{
fill: #4D4D4D !important;
}

.VideoMetaOverflowMenuContainer-menu{
min-width: 235px !important;
z-index: 4 !important;
top: auto !important;
bottom: 44px !important;
}

.VideoMetaOverflowMenuContainer .VideoMetaOverflowMenuOpenButton{
height: 22px !important;
padding: 0 !important;
width: 20px !important;
}

.VideoMetaOverflowMenuContainer-menuBlock .VideoMetaOverflowMenuContainer-dicTextLink{
padding-right: 1.2em;
}

.VideoViewCountMeta,.CommentCountMeta,
.MylistCountMeta,.CategoryRankMeta{
position: absolute !important;
left: -234px !important;
bottom: -30px !important;
background: #2a2a2a!important;
background: -webkit-linear-gradient(top, #2a2a2a, #0a0a0a, #2a2a2a)!important;
background: linear-gradient(#2a2a2a, #0a0a0a, #2a2a2a) !important;
border: 1px solid #000000 !important;
padding: 2px 4px !important;
width: 150px !important;
height: 20px !important;
}

.CommentCountMeta{
bottom: -50px !important;
}

.MylistCountMeta{
bottom: -70px !important;
}

.VideoViewCountMeta span, .VideoViewCountMeta p,
.CommentCountMeta span, .CommentCountMeta p,
.MylistCountMeta span, .MylistCountMeta p{
/*color: magenta !important;*/ color: white !important;
margin: 0 !important;
font-size: 12px !important;
}

.VideoViewCountMeta > span,
.CommentCountMeta > span,
.MylistCountMeta > span{
width: 82px !important;
text-align: right !important;
display: inline-block !important;
}

.VideoViewCountMeta > span,
.CommentCountMeta > span,
.MylistCountMeta > span{
width: 78px !important;
text-align: right !important;
display: inline-block !important;
}

.VideoViewCountMeta-counter{
position: absolute;
top: 3px;
left: 69px;
}

.CommentCountMeta-counter {
position: absolute;
top: 3px;
left: 69px;
}
.MylistCountMeta-counter {
position: absolute;
top: 3px;
left: 69px;
}


.CategoryRankMeta{
left: auto !important;
bottom:  -75px !important;
right: 3px !important;
width: 180px !important;
height: 61px !important;
padding: 2px 4px 2px !important;
text-align: center !important;
background: none !important;
border: 0 !important;
z-index: 3 !important;
}

.CategoryRankMeta .CategoryRankMeta-title{
width: 150% !important;
text-align: left !important;
margin: 0 0 3px !important;
}

.CategoryRankMeta > span + span{
margin: 0 0 3px 3px !important;
}

.VideoMetaContainer .CategoryRankMeta p,
.VideoMetaContainer .CategoryRankMeta span{
color: #bbb !important;
font-size: 12px !important;
}

.CategoryRankMeta-yesterdayRank{
margin: 0 !important;
}

.VideoMetaContainer .CategoryRankMeta a{
color: #C3DFE4 !important;
}

.VideoUploadDateMeta{
position: absolute !important;
bottom: -70px !important;
right: 4px !important;
width: 178px !important;
z-index: 2 !important;
border: 0 !important;
text-align: center !important;
height: 60px !important;	/*61px*/
padding: 42px 4px 2px !important;
background: #2a2a2a!important;
background: -webkit-linear-gradient(top, #2a2a2a, #0a0a0a, #2a2a2a)!important;
background: linear-gradient(#2a2a2a, #0a0a0a, #2a2a2a) !important;
border: 1px solid #000000 !important;
}

.VideoUploadDateMeta p.VideoUploadDateMeta-title{
color: #aaa !important;
}

.VideoUploadDateMeta time.VideoUploadDateMeta-dateTimeLabel{
color: #aaa !important;
font-weight: normal !important;
font-size: 12px !important;
margin: 0 !important;
}


/*-------------------------
プレイヤー
--------------------------*/
.MainContainer{
border: 1px solid black;
border-radius:2px;
background-color: lightblue;
transition: all .25s cubic-bezier(0.52, 0.76, 0.52, 0.76);
padding: 2px;
margin-top: 5px !important;	/*10px*/
margin-bottom: 10px !important;
}

.MainContainer-player{
width: calc(100% - 332px);
}

.PlayerContainer{
padding-top: 2px !important;
background: #000 !important;
}

.VideoContainer{
width: 658px !important;
height: 366px !important;
}

.VideoStartButtonContainer-button{
width: 160px !important;
height: 94px !important;
border: 0 none !important;
border-radius: 6px !important;
}

.VideoStartButtonContainer-button:hover{
width: 174px !important;
height: 104px !important;
}

.SeekBarContainer{
padding-right: 2px !important;
padding-left: 2px !important;
}

.react-grid-Container,
.MainContainer-commentPanel,
.CommentPanelContainer{
width: 330px !important;
}

.Grid.VideoMenuContainer{
height: 64px !important;
background: #666 !important;
}

.VideoMenuContainer .VideoMenuContainer-area:first-child{
position: absolute;
top: -40px;
right: 24px;
padding: 0 !important;
z-index: 3;
}

/*-------------------------
コメント
--------------------------*/
.MainContainer-commentPanel{
top: 2px !important;
bottom: 2px !important;
right: 2px !important;
}

.CommentPanelContainer .react-grid-HeaderCell{
background: #eaeaea !important;
}

.CommentPanelContainer{
bottom: 0 !important;
top: 60px !important;
}

.CommentPanel .react-grid-Canvas:not(:hover){
overflow: hidden !important;
background: #fbfbfb;
}
.CommentPanel .react-grid-Canvas:hover{
overflow: auto !important;
}

.CommentPanelMenuContainer-pastCommentMenu {
padding-left: 8px !important;
}

.VideoContainer.is-wideBackComment .VideoPlayer{
width: 100% !important;
height: 100% !important;
}

.VideoContainer.is-wideBackComment .CommentRenderer{
z-index: 2 !important;
}

/*コメント拡張テスト*/
/*
.react-grid-Grid{
width: 500px !important;
}
.react-grid-Main{
width: 500px !important;
}
.react-grid-Canvas{
width: 500px !important;
}
.react-grid-HeaderRow{
width: 500px !important;
}

.CommentPanelContainer-content{
width:500px !important;
}/*


/*-------------------------
コントローラー
--------------------------*/
.VolumeBar{
height: 6px !important;
}

.VolumeBar .ProgressBar{
height: 6px !important;
bottom: 8px !important;
}

.VolumeBar:hover .VolumeBar-progress{
background-color: #2890FF !important;
transition: background-color 0.1s ease 0s !important;
}

.VolumeBar:hover .ProgressBar{
bottom: 8px !important;
}

.VolumeBar:hover .XSlider{
bottom: -8px !important;
height: 30px !important;
}


/*-------------------------
再生リスト
--------------------------*/
.PlaylistPager{
padding: 5px 34px !important;
}
:root{
--pl-left:-330px;
}
.PlaylistPager-inner[style*="600"]{
left: var(--pl-left) !important;
}
.PlaylistPager-inner[style*="1200"]{
left: calc(var(--pl-left) *2) !important;
}
.PlaylistPager-inner[style*="1800"]{
left: calc(var(--pl-left) *3) !important;
}
.PlaylistPager-inner[style*="2400"]{
left: calc(var(--pl-left) *4) !important;
}

.PlaylistCardItem {
margin-right: 5px !important;
}
.PlaylistCardItem:nth-child(4n+1){
margin-right: 5px !important;
}

.BottomContainer-cardHeader{
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-width: 3px;
border-color: lightblue;
}
.BottomContainer-cardMain{
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-width: 3px;
border-color: lightblue;
}
/*-------------------------
ニコニコ市場
--------------------------*/
#ichibaMain{
/*max-height: 585px;*/
min-height: 15px;
width: 100% !important;
display: flex;
flex-wrap: wrap;
/*overflow-y: auto;*/
padding-top: 10px !important;
}

#ichibaMain .maker, #ichibaMain .action {
color: #393F3F!important;
}

#ichibaMainHeader a {
color: #393F3F !important;
}

#ichibaMain dl {
padding: 4px !important;
margin: 0px !important;
flex-basis: 192px;
}

#ichibaMain dt {
height: auto !important;
margin-bottom: 6px !important;
}

/*　バルーン　*/

#ichibaMain .balloonZero {
height: auto !important;
}

#ichibaMain dt .balloonUe {
background-color: #fefefe !important;
width: 140px!important;
margin: 0 auto!important;
position: relative!important;
bottom: 0!important;
border: 3px solid #b0b0b0!important;
border-radius: 5px!important;
}

#ichibaMain dt .balloonUe:after, #ichibaMain dt .balloonUe:before {
content: ""!important;
position: absolute!important;
top: 100%!important;
height: 0!important;
width: 0!important;
}

#ichibaMain dt .balloonUe:before {
left: 39px!important;
border: 11px solid transparent!important;
border-top: 11px solid #B0B0B0!important;
}

#ichibaMain dt .balloonUe:after {
left: 43px!important;
border: 7px solid transparent!important;
border-top: 7px solid #fefefe!important;
}

#ichibaMain dt .balloonUe a {
padding: 3px 15px!important;
background: none !important;
width: auto!important;
}

#ichibaMain .thumbnail img {
border: medium none !important;
height: 168px !important;
padding: 7px !important;
width: 168px !important;
}

#ichibaMain .thumbnail img[src*="now_printing"] {
height: 148px !important;
width: 148px !important;
}

/*　チケットぴあ　*/
#ichibaMain dl.pia {
margin-top: 15px!important;
}

#ichibaMain dl.pia dd.pia {
width: auto!important;
background-color: rgba(255, 255, 255, 0.5) !important;
border-radius: 5px!important;
}

#ichibaMain dl.pia dt {
margin-bottom: 13px !important;
}

#ichibaMain dl.pia img {
margin-right: 100% !important;
}


/*　モバイル　*/
#ichibaMain dd.mobile {
position: relative !important;
right: 8px !important;
margin-top: 5px!important;
transform: scale(0.8) !important;
-webkit-transform: scale(0.8) !important;
-moz-transform: scale(0.8) !important;
}

dd.mobile + dd.thumbnail {
background-color: rgba(255, 255, 255, 0.5) !important;
padding: 0 4px !important;
border-radius: 5px!important;
}

dd.mobile + dd.thumbnail a.ichiba_item span {
font-size: 30px!important;
}
/*市場ホバー化*/
.IchibaContainer:hover{
border-style: solid;
border-width: 3px;
border-color: lightblue;
}
.IchibaContainer:not(:hover){
overflow: hidden;
height: 38px !important;
border-style: solid;
border-width: 3px;
border-color: lightblue;
}
/*ニコニコ市場商品グレースケール*/

/**
*
Note:The filter property is an experimental technology.
Because this technology's specification has not stabilized,
check the compatibility table for usage in various browsers.
Also note that the syntax and behavior of an experimental technology is
subject to change in future versions of browsers as the specification changes.
*
**/

dl[class*="ichiba_mainitem"]:not(:hover){
filter: grayscale(100%);
}
#ichiba_mainpiaitem:not(:hover){
filter: grayscale(100%);
}


/*-------------------------
ニコニ広告:「X」タグで宣伝中の動画
--------------------------*/
.BottomContainer-main > div:nth-child(3):hover{
height: auto !important;
}
.BottomContainer-main > div:nth-child(3):not(:hover){
overflow: hidden;
border-radius: 0px !important;
height: 38px !important;
}
/*-------------------------
watch:ページ整形 [HTML5](END)
--------------------------*/
>

[Style]
Name = GINZAページ整形
URL = www\.nicovideo\.jp\/\.watch\/
Require = 'flash';
Append<
/*GINZA版ニコニコ市場*/
nicoIchiba{
width: 1000px;
}
#textMarquee , #chipWallList , .socialButtons , #appliPanel{
display: none !important;
}
/*GINZA版コメント欄下へ拡大*/
.slick-viewport{
height: 460px!important;
}
.panel-body{
height: 484px!important;
>
