@charset "UTF-8";
/*リセット*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video ,main{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table, tbody, tfoot, thead, tr, th, td{margin:0;border:0;border: 0;outline: 0;font-size: 100%;}
body {line-height:1em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
*{box-sizing:border-box}
body{background:#000;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif}
li{list-style-type:none;}
/*フッター*/
#content_footer{font-size:10px;text-align:center;padding:20px;line-height: 1.5em; color: #444;max-width: 940px;margin: 0 auto;}
#content_footer small{font-size:10px;}
#content_footer nav{margin-top:40px;}
#content_footer nav a{margin-right:40px;color:#888}
#content_footer nav a:last-child{margin-right:0;}
#footer_oneclum{background:#000;line-height:20px;padding:20px 0;}
#footer_oneclum a{color:#888;}
#footer_oneclum .footer_link_v2{margin-bottom:10px;}
#footer_oneclum .footer_link_v2 p a{margin-right:20px;}
#footer_oneclum .footer_link_v2 p a:last-child{margin-right:0;}
#footer_oneclum>div{text-align:center;font-size:10px;color:#666;}
#footer_oneclum .footer_gyaoyahoo_v2,#footer_oneclum .footer_gyaoyahoo_v2{font-size:9px;}
#footer_oneclum .footer_jasrac_v2,#footer_oneclum .footer_logo,#footer_oneclum .gyao_Social,#footer_oneclum .footer_global_v2{display:none;}
#footer_oneclum .footer_corp{overflow:hidden;}
#footer_oneclum .footer_gyaoyahoo_v2{width:50%;float:left;padding:0 10px;}
#footer_oneclum .footer_corp li:first-child+li+li{text-align:right;}
#footer_oneclum .footer_corp li:first-child+li+li+li{text-align:left;}
#footer{background:#000}
#footer .footerInner{padding: 20px;font-size: 12px;margin-bottom: 40px}
#footer .footerInner .footer_copyright,.footer_copyright+p{display: none;}
#footer .footerInner .subLink,#footer .footerInner>p,#footer .footerInner .commonLink{line-height: 20px;font-size: 11px}
#footer .footerInner .subLink,#footer .footerInner .subLink .subLink_line{display: flex;justify-content:center;flex-wrap: wrap;justify-items:center;}


#footer .footerInner a{color: #888;white-space: nowrap;margin: 5px;}
#footer .footerInner .loginArea{padding: 20px; display: flex;justify-content: center; color: #888}
#footer .footerInner .loginArea p{padding: 5px;}


/*新マストヘッド*/
.header .header-button{height:48px!important}
.header .header-right-container{line-height:48px!important}

/*ゴミ隠し*/
body>img[height="1"]{display:none;}
/* emg */
#emg2 br {display: none;}
#emg, #emg2, #emg3{background:#000}
#emg table, #emg2 table, #emg3 table {margin: 50px auto 0 auto;text-align: left;margin-bottom: 10px;}
#emg table td table, #emg2 table td table, #emg3 table td table {margin-bottom: 0px;}
#EMG_wrapper{clear:both;width:100%;background: #FFF}
#EMG{text-align:center;margin:0 auto; color:#000;background:#000}
#EMG table{margin: 50px auto 0 auto;}

/*loading*/
#loading{width:30px;height: 30px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#loading>*{opacity: 0;width: 10px;height: 10px;background: rgba(229, 0, 101, 1);box-sizing: border-box;position: absolute;border-radius: 2px;position: absolute;}
#loading .l1{top:0px;left:0px;animation: anime1 0.8s linear 0s infinite;}
#loading .l2{top:11px;left:0px;animation: anime1 0.8s linear 0.1s infinite;}
#loading .l3{top:22px;left:0px;animation: anime1 0.8s linear 0.2s infinite;}
#loading .c1{top:0px;left:11px;animation: anime1 0.8s linear 0.3s infinite;}
#loading .c2{top:11px;left:11px;animation: anime1 0.8s linear 0.4s infinite;}
#loading .c3{top:22px;left:11px;animation: anime1 0.8s linear 0.5s infinite;}
#loading .r1{top:0px;left:22px;animation: anime1 0.8s linear 0.6s infinite;}
#loading .r2{top:11px;left:22px;animation: anime1 0.8s linear 0.7s infinite;}
#loading .r3{top:22px;left:22px;animation: anime1 0.8s linear 0.8s infinite;}
@keyframes anime1{
	0%{opacity: 0}
	50%{opacity: 1}
	100%{opacity: 0}
}

/*トップバー*/
@media (min-width:640px){
	#topbar{width: 100%;height: 40px;background:rgba(0,0,0,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position: fixed;top:0;left:0;z-index:2147483647;color:#aaa;font-size:11px;line-height: 20px;display: flex;align-items: center;flex-wrap: nowrap;padding: 20px}
	#topbar .inner{display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-end; padding: 20px 0;width: 940px;margin: 0 auto}
	#topbar .inner *{white-space: nowrap}
	#topbar .inner a{color: #ddd;display: block;line-height: 1em;}
	#topbar .inner  .yid{width: 80px;overflow: hidden;text-overflow: ellipsis}
	#topbar .inner  .login,#topbar .inner .logo,#topbar .inner .pub {margin-right: 20px;}
	#topbar .inner .logo{line-height: 0;}
	#topbar .inner .pub{flex-grow: 1;line-height: 1em;}
	#topbar .inner .logo img{height: 16px;width: 60px;}
}
@media (max-width:640px){
	#topbar{width: 100%;height: 30px;background:#000;color:#aaa;font-size:9px;line-height: 20px;display: flex;align-items: center;flex-wrap: nowrap;}
	#topbar .inner{display: flex;flex-wrap: nowrap;align-items: center;padding: 20px;}
	#topbar .inner  .yid,#topbar .inner  .login,#topbar .inner .logo,#topbar .inner .yahoo {display: none}
}

/*pinp*/
.pinp .gyao-player{position:static;background:transparent;padding:0}
.pinp.fixed .video_area{transform:none!important}/*transformが効いてるとfixedがうごかない*/
@media (min-width:640px){
	.pinp.fixed .gyao-player{position:fixed;top:60px;right:20px;z-index:2147483646;background:rgba(0,0,0,0.7);padding:20px ;width:auto;height:auto;-webkit-backdrop-filter: blur(10px);}
}
@media (max-width:640px){
	.pinp.fixed .gyao-player{position:fixed;top:10px;right:10px;z-index:2147483646;background:rgba(0,0,0,0.7);padding:10px ;width:auto;height:auto;-webkit-backdrop-filter: blur(10px);}
}

/*favbutton*/
a.favbutton{text-align: center;border-radius: 5px;white-space: nowrap;}
a.favbutton img{width:16px!important;height: 16px;vertical-align: middle;margin-right: 1em; padding: 0!important}


/*GYAOAppButton*/
a.gyaoappbutton{width: calc(100% - 20px)!important; font-size: 16px; display:inline-block!important;color:#FFF;line-height: 20px!important;padding:6px 10px;margin: 10px; text-align: center;border-radius: 5px;white-space: nowrap;transition: background-color 0.2s linear;border:1px solid #9a0043;color: #c40055;}
a.gyaoappbutton::before{content:"";width: 16px;height: 16px;margin-right: 10px;padding: 15px; background: #000 url(https://s.yimg.jp/images/gyao/common/images/gyao_icon.svg) no-repeat center center;background-size: 90%;display: inline-block;vertical-align: middle;border-radius: 4px}
a.gyaoappbutton:not(.inactive){background-color:##131313;}
a.gyaoappbutton:not(.inactive):hover{background-color: #222;}
a.gyaoappbutton.inactive{background-color: #222;cursor: default;color: #666}

/*comingsoon*/
#cnt .autocs::after{content: url(https://s.yimg.jp/images/gyao/special/common/img/thumb_cs.svg);display: block;}



/*サムネイル*/
#cnt .thumb{position: relative;display: block;line-height: 0;}
#cnt .thumb:not(.inactive):not(.store):not(.noplayicon)::after{content:""; background: url(https://s.yimg.jp/images/gyao/special/common/img/icn_play.svg) center center no-repeat;background-size: contain; width: 20%; position: absolute;top:0;left:0;bottom:0;right: 0;margin: auto;opacity: 0.7}
#cnt .thumb:not(.inactive):hover::after{mix-blend-mode:screen;opacity: 1}
/*ストア*/
.thumb.store:not(.inactive)::after{content:""; background: url(https://s.yimg.jp/images/gyao/special/common/img/label_rental.svg) center center no-repeat;background-size: contain; width: 20%;height: 12%; position: absolute;top:10px;left:10px;display: block;}
#cnt .inactive{cursor:default}
#cnt .module_embed>.thumb>img{width: 100%;}

/*shareボタン*/
.module_share_button nav{display: flex;justify-content:flex-start;padding: 5px}
.module_share_button a{display: block;height: 40px;width: 40px;border-radius: 20px;margin: 5px}
.module_share_button a img{height: 100%;padding: 12px!important}
.module_share_button a.twitter{background: #6babdc;}
.module_share_button a.facebook{background: #335294;}
.module_share_button a.line{background: #00c300;}


/* wiki機能用 */
#wiki_content{line-height: 20px;max-width: 640px;color:#ccc;font-size: 13px;-webkit-overflow-scrolling: touch;overflow: -moz-scrollbars-none;}
#wiki_content .error{position: absolute;top:0;bottom:0;margin: auto;width: 100%;height: 20px; text-align: center;}
{margin: 10px}
#wiki_content table{margin: 5px;}
#wiki_content table td,#wiki_content table th{vertical-align: top!important;text-align: left!important;padding: 5px!important;font-weight: normal!important;}
#wiki_content table th{color: #FFF!important}
#wiki_content h2{font-size: 20px; font-weight: normal;margin: 60px 10px 10px 10px;color:#fff}
#wiki_content h3,#wiki_content h4{font-size: 14px; margin: 10px;font-weight: normal;margin: 20px 10px 10px 10px;color:#fff}
#wiki_content a{color: #AAE3EE}
#wiki_content dt,#wiki_content dd,#wiki_content p,#wiki_content .mw-parser-output>div,#wiki_content li{margin: 10px;}
#wiki_content li{list-style-type: disc;list-style-position: outside; color:#aaa}
#wiki_content #toc,#wiki_content .mw-editsection,#wiki_content .navbox,#wiki_content .noprint,#wiki_content .reflist,#wiki_content .references,#wiki_content .reference,#wiki_content #脚注,#wiki_content #注釈,#wiki_content #出典,#wiki_content #参照,#wiki_content #脚注・出典{display: none}
#wiki_content * {background: transparent!important;}

/*タイムライン*/
.module_tweet_timeline{overflow-y: auto;height: 100%;padding: 10px;}
.module_tweet_timeline::-webkit-scrollbar{width: 4px; background-color: #000;}
.module_tweet_timeline::-webkit-scrollbar-thumb{background-color: #333;}
.module_tweet_timeline .entry{margin-bottom: 10px;background: rgba(0,0,0,0.7);animation-duration: 4s;animation-name: feeder;animation-iteration-count:1;animation-timing-function:ease-out;transform-origin: top center;overflow: hidden}
@keyframes feeder{ 
	0%{max-height:  0%;opacity: 0}
	25%{opacity: 1}
	100%{max-height:100vh;}
}
.module_tweet_timeline .entry .user{font-size: 12px;color: #744e59!important;padding: 10px;}
.module_tweet_timeline .entry .user a{display: flex!important;align-items: center;color: #744e59!important;}
.module_tweet_timeline .entry .user a span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: calc(100% - 40px);line-height: 1em!important}
.module_tweet_timeline .entry .user a img{width: 30px!important;height: 30px; margin-right: 10px;border-radius: 15px;}
.module_tweet_timeline .entry .tweet{font-size: 12px;color: #aaa;line-height: 20px;padding: 10px;}
.module_tweet_timeline .entry .tweet  p{margin-bottom: 20px;padding: 0!important;transform: none!important;color: #bbb!important;column-count: auto!important}
.module_tweet_timeline .entry .tweet  p a{color: #586668!important;border-bottom: none!important}
.module_tweet_timeline .entry .tweet .btn{display: flex;align-items: center;}
.module_tweet_timeline .entry .tweet .btn a{display: block;line-height: 0;width: 15px;margin-right: 20px;}
.module_tweet_timeline .entry .tweet .btn a img{width: 100%;}
.module_tweet_timeline .entry .tweet .btn a.time{color:#744e59;margin-right: 10px; width: calc(100% - 130px); line-height: 1em!important; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.module_tweet_timeline .entry  .tweet .btn .icn{display: block;width: auto; height: 1em!important;opacity: 1;}
.module_tweet_timeline .error{background:rgba(0,0,0,0.7);color: #aaa;font-size: 12px;height: 100%;display: flex;flex-wrap: wrap; align-items: center;justify-content: center;text-align: center;line-height: 4em;}
.module_tweet_timeline .error a{color: #eee}

/*module_embed*/
.module_embed .video_area div p{max-width: none!important;font-size: 15px!important;color: #FFF!important;padding: 0!important}