*{margin:0;padding:0;outline:none; box-sizing: border-box;} html,body{height:100%;width:100%;min-width:980px} body{background:#000 url("/top201211/images/common/background.png") center top;font-size:0;font-family:Verdana,sans-serif} body{font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small} select,input,button,textarea{font:99% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',arial,helvetica,clean,sans-serif} table{font-size:inherit;font:100%} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%} #yui3-css-stamp.cssfonts{display:none} img{border:0} a{color:#333;text-decoration:none} .break{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-all;-ms-word-break:break-all} .clearfix:after{display:block;visibility:hidden;content:".";clear:both;height:0;font-size:0;line-height:0} * html .clearfix{zoom:1;} *:first-child+html .clearfix{zoom:1;} .dom-ofh{overflow:hidden;} #wrapper{min-height:100%;width:100%;margin:0 auto;position:relative} #container{width:980px;margin:0 auto} #dom-header{ overflow:hidden; padding:20px 0 0; display: table; width: 100%;} #dom-header h1{width:172px; padding:0 0 0; display: table-cell; vertical-align: middle;} #dom-header-right{display: table-cell;width:808px; line-height:0;} .dom-header-right-left{ float:left; width:580px;} .dom-header-right-right{ float:right; width:222px;} #dom-header-right-top{ margin:0 0 7px;} #dom-header-right-middle{ margin:0 0 7px;} .dom-header-top{display: flex;} .dom-header-top p{ flex: 0 0 73%;} .dom-header-top p:first-child{flex: 0 0 27%;} .dom-header-top p.flex3{ flex: 0 0 30%;} .dom-header-top p.flex7{ flex: 0 0 70%;} .dom-header-right-middle p{overflow: hidden; margin-bottom: 1px;} .dom-header-right-middle{overflow:hidden;} .dom-header-right-middle a{display:block; float:none; max-width: 100%;} .dom-header-right-middle img{float:left; max-width: 100%;} .dom-header-right-middle-73 p{ display:block;} .dom-header-right-middle-73 p a{flex: none;} .dom-header-right-middle-73 p.mid73-1{ width: 576px; float: left; border: 1px solid #333;} .dom-header-right-middle-73 p.mid73-2{ width: 222px; float: right;} .dom-header-right-middle-433 p{} .dom-header-right-middle-433 p{} .dom-header-right-middle-433 p.mid433-a{ float: left; width: 576px;} .dom-header-right-middle-433 p.mid433-b{ float: right; width: 222px;} #dom-header-right-middle a:hover img, #dom-header-right-top a:hover img{ opacity:0.8;} .dom-header-right-full3{ width: 100%;overflow: hidden; } .dom-header-right-full3 p{ float: left; width: 33.33%; max-width: 270px;} .dom-header-right-full3 img{max-width: 100%;} #about-dommune-button{} #about-dommune-button a{ display:block; margin:0 0 8px;} #about-dommune-button a:first-child{ margin:0 0 8px;} #about-dommune-button a:nth-child(3){ margin:0;} #about-dommune-button span{display:none;position:absolute;top:-12px;left:-76px} #about-dommune-button a:hover img{ opacity:0.8;} #program-schedule{ position:relative;width:576px;height:166px; background:url("/top201211/images/top/ps-background.png") no-repeat center -10px;overflow:hidden;} #program-schedule ul li{position:absolute;top:0;list-style-type:none;} #program-schedule ul li a{width:34px;height:31px;display:block;text-indent:-9999px;cursor:default} #program-schedule ul li.prev{left:0;} #program-schedule ul li.prev a{background-image:url("/top201211/images/top/ps-arrow-left.png")} #program-schedule ul li.next{right:0;} #program-schedule ul li.next a{background-image:url("/top201211/images/top/ps-arrow-right.png")} #program-schedule .outer{position:absolute;top:31px;left:1px;overflow:hidden;width:574px;height:124px} #program-schedule .inner{height:124px} #program-schedule .schedule{float:right;display:block;position:relative;width:288px;height:124px;background:transparent url("/top201211/images/top/ps-schedule-border.gif") repeat-y top right} #program-schedule .schedule-header{line-height:20px;height:20px;margin:0 0 1px;text-align:center; display:block;} #program-schedule .schedule-header span{margin:0 6px;font-size:100%;font-weight:bold;font-family:Helvetica,arial,helvetica} #program-schedule .schedule-header .date{color:#666} #program-schedule .schedule-header .time{color:#c3c3c3} #program-schedule .schedule-body{line-height:1.4;padding:3px 6px 0 6px;text-align:left;font-size:66%;color:#999;word-break:break-all; display:block;} #share-buttons{position:absolute;top:15px;left:50px;height:20px} #share-gplus{float:left;width:90px;overflow:hidden} #share-twitter{float:left;width:152px;margin-right:10px;overflow:hidden} #share-facebook{float:left;width:115px;margin-right:10px;overflow:hidden} .dom-ch-btn{position:absolute; background:#000; top:0; left:0; width:99px; height:72px; text-align:left; background-repeat:no-repeat; background-position:0 0; background-size:contain; background-color:#000;} .dom-ch-btn2{ left:99px; } .dom-ch-btn a{display:block; height:99px; overflow:hidden; position:relative;} .dom-ch-btn img{ max-width:100%; height:auto; position:absolute; left:0; top:0;} .dom-ch-btn .ChLive{ display:none;} .dom-ch-btn.chOn .ChDead{ display:none;} .dom-ch-btn.chOn .ChLive{ display:block;} .dom-ch-btn.chOff .ChLive{ display:none;} .dom-ch-btn.chPlaying img.ChLive{ display:none;} .dom-ch-btn.chPlaying img{ opacity: 0} .dom-ch-btn1.chPlaying{background-image:url(../images/2017/ch1-button-play.png); } .dom-ch-btn2.chPlaying{background-image:url(../images/2017/ch1-button-play.png); } x.dom-ch-btn2.chPlaying{background-image:url(../images/2017/ch2-button-play_rb.png);} x.dom-ch-btn1.chPlaying{background-image:url(../images/2017/ch1-alife-jp-on.png); } .dom-ch-btn2.chPlaying{background-image:url(../images/2017/ch2-redbull-on.png);} .dom-ch-btn1 a:hover img.ChDead{display:none;} .dom-ch-btn1 a:hover img.ChLive{display:block;} .dom-ch-btn.chOn{cursor: pointer;} .dom-ch-btn.chOn:hover{opacity: 0.8;} .dom-ch-btn.chPlaying a, .dom-ch-btn.chPlaying:hover, x.dom-ch-btn.chNon a{cursor:default; opacity: 1; } #player{position:relative;overflow:hidden; height:470px;} #player{ background:url(../images/2017/cover.png) no-repeat left bottom; } #player.cover2ch{ background:url(../images/2017/loading.gif) no-repeat left bottom;} #player.cover2ch{ background:url(../images/2017/cover.png) no-repeat left bottom; } /*LEVIS*/ x#player{ background:url(../images/2017/cover_levis.jpg) no-repeat left bottom; background: #000; } #dommuneplayer_Off{position: absolute; background: #000; left: 0; top: 72px; width: 640px; padding: 18px 2px; box-sizing: border-box;} #dommuneplayer_Off.large{ width: 100%;} #dommuneplayer_Off video{ width: 100%;} div#flash{position:absolute;background:url("/top201211/images/top/nofla.gif") no-repeat;height:470px} #flash-download{position:absolute;top:240px;left:120px} #logo{position:absolute;left:0;top:20px} #banner-top{position:absolute;left:172px;top:20px; line-height:0;} #banner-top2{background-color:#000;position:absolute;left:758px;top:91px;} #banner-top2 a{display:block;margin-bottom:10px} #banner-top2.banner2 a{height:73px} #others{width:1080px;margin:0 auto;text-align:left} #banners{padding-top:20px;padding-left:50px;padding-bottom:101px;text-align:left;} #banners a{display:block;float:left;padding-right:10px} #banners a.right{padding-right:0 !important} #footer{width:100%;position:fixed;bottom:0;margin:0 auto;z-index:101;} #footer .inner{width:1080px;height:88px;margin:0 auto;text-align:left;position:relative;background:transparent url("/top201211/images/common/footer/footer-bg.png") no-repeat} #footer #freedommune{position:absolute;top:13px;left:577px;display:block;width:201px;height:24px;text-indent:-9999px;background-image:url("/top201211/images/common/footer/footer-freedommune-button.png");background-position:0 0} #footer #freedommune:hover{background-position:0 -24px} #footer #followon{position:absolute;top:13px;left:786px;display:block;width:244px;height:24px;text-indent:-9999px;background-image:url("/top201211/images/common/footer/footer-followon-button.png");background-position:0 0} #footer #followon:hover{background-position:0 -24px} #footer #jasrac{position:absolute;top:56px;left:50px;width:980px;height:12px;} #footer #jasrac a{float:left;position:relative;display:block;height:12px;background-image:url("/top201211/images/common/footer/copyright.png");background-repeat:no-repeat;cursor:default;} #footer #jasrac a span{position:absolute;top:-76px;left:-31px;background-image:url("/top201211/images/common/jasrac/jasrac-balloon.png");background-repeat:no-repeat;display:block;padding:11px 10px 15px 10px;display:none} #footer #jasrac a img{display:inline} #footer #jasrac .jasrac0{width:141px;background-position:0 0;cursor:default} #footer #jasrac .jasrac1{width:291px;background-position:-141px 0} #footer #jasrac .jasrac1:hover{background-position:-141px -12px} #footer #jasrac .jasrac2{width:275px;background-position:-432px 0} #footer #jasrac .jasrac2:hover{background-position:-432px -12px} #footer #jasrac .jasrac3{width:273px;background-position:-707px 0;cursor:default} #studio-schedule{position:relative;margin-top:20px;width:980px;height:190px;background-image:url("../top201211/images/top/ss-background.png");overflow:hidden;} #studio-schedule ul li{position:absolute;top:0;list-style-type:none;} #studio-schedule ul li a{width:34px;height:31px;display:block;text-indent:-9999px;cursor:default} #studio-schedule ul li.prev{left:0;} #studio-schedule ul li.prev a{background-image:url("/top201211/images/top/ss-arrow-left.png")} #studio-schedule ul li.next{right:0;} #studio-schedule ul li.next a{background-image:url("/top201211/images/top/ss-arrow-right.png")} #studio-schedule .outer{position:absolute;top:31px;left:-1px;overflow:hidden;width:977px;height:158px} #studio-schedule .inner{height:158px} #studio-schedule .schedule{float:right;display:inline;position:relative;width:151px;height:138px;margin:10px 10px 0 0;color:#333;} #studio-schedule .schedule .thumbnail{position:absolute;top:11px;left:11px} #studio-schedule .schedule .frame{position:absolute;width:151px;height:138px;background-image:url("/images/ss-frame2.png");background-repeat:no-repeat} #studio-schedule .schedule .new{position:absolute;left:1px;} #studio-schedule .schedule .time{position:absolute;top:117px;width:151px;line-height:1;font-size:77%;text-align:center;font-family:Helvetica,arial,helvetica,clean,sans-serif} #studio-schedule .schedule a{position:absolute;display:block} #studio-schedule .schedule.last{margin:10px 10px 0 1px} #tweets{position:absolute;left:641px;top:0;z-index:100;width:339px;height:468px;background:transparent url("/top201211/images/top/timeline-bg.png") no-repeat;} #tweets #tweet-timeline{position:absolute;top:15px;left:23px;width:301px;height:370px;overflow:auto;} #tweets #tweet-timeline #tweet-timeline-inner{padding:10px 12px 0 11px;width:267px;height:auto;overflow:hidden;} #tweets #tweet-timeline #tweet-timeline-inner .tweet{font-size:11px;line-height:1.3;color:#fff;clear:both;width:100%;display:table;margin-bottom:5px;border-bottom:1px solid #666; overflow:hidden;} #tweets #tweet-timeline #tweet-timeline-inner .tweet a{color:#09c;text-decoration:none;} #tweets #tweet-timeline #tweet-timeline-inner .tweet a:hover{text-decoration:underline} #tweets #tweet-timeline #tweet-timeline-inner .tweet .tweet_icon{display:table-cell;width:54px; } #tweets #tweet-timeline #tweet-timeline-inner .tweet .tweet_text{display:table-cell;vertical-align:top;padding-bottom:5px;word-wrap:break-word;} #tweets #tweet-timeline #tweet-timeline-inner .tweet .tweet_text .tweet_user{display:block;float:left} #tweets #tweet-timeline #tweet-timeline-inner .tweet .tweet_text .tweet_time{display:block;float:right} #tweets #tweet-login{position:absolute;right:0;bottom:0;width:339px;height:79px;background:transparent url("/top201211/images/top/twitter/timeline-bg2.png") no-repeat;} #tweets #tweet-login #tweet-login-button{margin:15px 0 0 23px;cursor:pointer;display:block;text-indent:-9999px;width:302px;height:50px;background:transparent url("/top201211/images/top/twitter/twitter-login.png") no-repeat top left} #tweets #tweet-login #tweet-login-buttonx:hover{ opacity:0.8;} #tweets #tweet-login #tweet-login-button:hover{background-position:0 -50px} #tweets #tweet-input-small{display:none;width:302px;height:35px;position:absolute;left:23px;bottom:14px;cursor:pointer;background:transparent url("/top201211/images/top/twitter/tweet-field-small.png") no-repeat top left} #tweets #tweet-input-small:hover{background-position:0 -35px} #tweets #tweet-input-large{display:none;position:absolute; z-index:23;left:0;bottom:0;width:339px;height:103px;background:transparent url("../top201211/images/top/twitter/timeline-bg3.png") no-repeat;} #tweets #tweet-input-large textarea{position:absolute;top:26px;left:38px;width:195px;height:53px;background-color:transparent;border:none;outline:none;resize:none;font-size:12px;overflow:auto} #tweets #tweet-input-large #tweet-char-count{position:absolute;width:30px;bottom:23px;right:88px;text-align:right;font-size:10px;color:#0083c6;} #tweets #tweet-input-large #tweet-char-count.warning{font-weight:bold;color:#a32424} #tweets #tweet-input-large #tweet-send-button{display:block;position:absolute;right:20px;top:21px;width:63px;height:62px;overflow:hidden;background:transparent url("/top201211/images/top/twitter/send-button.png") no-repeat;cursor:pointer} #tweets #tweet-input-large #tweet-send-button:hover{background-position:0 -62px} #tweet-open-button{position:absolute;top:179px;left:0;width:24px;height:109px;background:transparent url("/top201211/images/top/open-button.jpg") no-repeat;cursor:pointer;} #tweet-open-button:hover{background-position-x:-24px} #tweet-close-button{display:none;position:absolute;right:0;top:215px;z-index:100;width:26px;height:160px;background:transparent url("/top201211/images/top/close-button.png") no-repeat;cursor:pointer;} #tweet-close-button:hover{background-position-x:-26px} /* #tweets #tweet-timeline #tweet-timeline-inner .tweet .tweet_icon{ display:none;} */ #tweetsArea_Bnr{ position:absolute; bottom:66px; left:23px;padding:10px 0 0; width:302px; z-index:22; background:url(/top201211/images/top/twitter/timeline-bg2.png) no-repeat center bottom;} #tweetsArea_Bnr p{ position:relative; line-height:0; } #tweetsArea_Bnr p:nth-child(2){position:absolute; top:10px; left:0;} #tweetsArea_Bnr img{max-width:100%; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } #tweetsArea_Bnr a{display:block; background:#ccc;} #tweetsArea_Bnr a:hover img{ opacity:0.8;} /*2015*/ #Player2015{position: absolute;left:0;top:340px; top:72px; width:640px; height:360px; line-height:0; display:none; z-index:100 } #Player2015.normal{} #Player2015.large{width:100%;height:551px;} #Player2015.full{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000} #Player2015 iframe{width:100%; height:100%;} #dommuneplayer{ height:360px;} #dommuneplayer2{top: 18px; position: relative;} #controller{background:url(/images/yt/bg_controller.png) no-repeat 0 0; padding:7px 0 0 8px; position:relative; height:36px;} #controller.large{background:url(/images/yt/bg_controller_large.png) no-repeat 0 0;} #controller.full{background:url(/images/yt/bg_controller_full.png) repeat-x 0 0; position:fixed; bottom:0; left:0; width:100%; z-index:1001;} .controllerBtn{cursor:pointer;} #PlayStop{ width:90px; height:21px; position:relative; float:left; } #PlayStop .controllerBtn{display:block;width:80px; height:21px; position:absolute; top:0; left:0; } #PlayStop #PlayStop_Stop{background:url(/images/yt/btn_stop.png) no-repeat 0 0;} #PlayStop #PlayStop_Stop:hover{background:url(/images/yt/btn_stop_ov.png) no-repeat 0 0;} #PlayStop #PlayStop_Play{background:url(/images/yt/btn_play.png) no-repeat 0 0; display:none;} #PlayStop #PlayStop_Play:hover{background:url(/images/yt/btn_play_ov.png) no-repeat 0 0;} #Volume{ position:relative; float:left; width:320px;} #Volume .controllerBtn{display:block;height:21px; background-position: left center; background-repeat:no-repeat; float:left;} #Volume #Volume_zero{background-image:url(/images/yt/btn_vol_zero.png); width:17px; } #Volume #Volume_max{background-image:url(/images/yt/btn_vol_max.png); width:24px; background-position:right;} #Volume #Volume_zero:hover{background-image:url(/images/yt/btn_vol_zero_ov.png);} #Volume #Volume_max:hover{background-image:url(/images/yt/btn_vol_max_ov.png);} #VolumeBar{ float:left; width:271px; height:21px; background:url(/images/yt/bg_slider.png) no-repeat 0 0; position:relative;} #Volume_knob{background:url(/images/yt/btn_knob.png); width:43px; height:23px; position:absolute; left:70%; top:0;} #controller.large #Quality{margin-left:340px;} #Quality{ float:left; width:60px; position:relative;} #QualityBtn{ width:51px; height:21px; background:url(/images/yt/btn_quality.png) no-repeat 0 0; display:block;} #QualityBtn:hover{background:url(/images/yt/btn_quality_ov.png) no-repeat 0 0;} #QualityBox{ position:absolute; left:-18px; bottom:22px; background:url/(images/yt/bg_quality_selecter.png) no-repeat 0 0; width:85px; height:90px; z-index:999; display:none;} #QualityBox .controllerBtn{ display:block; background-image:url(/images/yt/bg_quality_selecter_up.png); background-repeat:no-repeat; width:85px;} #QualityBtnH{ background-position:0 0; height:28px;} #QualityBtnM{ background-position:0 -28px ; height:25px;} #QualityBtnL{ background-position:0 -53px; height:24px;} #QualityBox .controllerBtn:hover{ background-image:url(/images/yt/bg_quality_selecter_ov.png); } #QualityBox .controllerBtn.on{ background-image:url(/images/yt/bg_quality_selecter_on.png);} #Scale{ float:left; width:156px; position:relative;} #Scale .controllerBtn{ display:block; height:21px; float:left;} #ScaleBtnS{width:53px; background:url(/images/yt/bg_screen_normal.png) no-repeat 0 0;} #ScaleBtnM{width:53px; background:url(/images/yt/bg_screen_mid.png) no-repeat 0 0;} #ScaleBtnL{width:50px; background:url(/images/yt/bg_screen_full.png) no-repeat 0 0;} #ScaleBtnS:hover{background:url(/images/yt/bg_screen_normal_ov.png) no-repeat 0 0;} #ScaleBtnM:hover{background:url(/images/yt/bg_screen_mid_ov.png) no-repeat 0 0;} #ScaleBtnL:hover{background:url(/images/yt/bg_screen_full_ov.png) no-repeat 0 0;} #ScaleBtnS.on{background:url(/images/yt/bg_screen_normal_ov.png) no-repeat 0 0;} #ScaleBtnM.on{background:url(/images/yt/bg_screen_mid_ov.png) no-repeat 0 0;} #ScaleBtnL.on{background:url(/images/yt/bg_screen_full_ov.png) no-repeat 0 0;} /*UPDATE VIEWER*/ .dom-ch-btnSet{display: flex; width: 640px;} .dom-ch-btnSet img{max-width: 100%; height: auto; position: static;} .dom-ch-btn i{display: block;} .dom-ch-btn{flex: 0 0 100px; position: static; flex-shrink: 0; flex-basis: auto;} .Viewer{flex: 0 1 440px; background: url(../images/bg_viewer.jpg) no-repeat 0 0; padding: 38px 0 0; display: flex; flex-shrink: 0; flex-basis: auto;} .Total_Viewer{ display: inline-block; width: 219px; flex: 0 1 50%;flex-shrink: 0; flex-basis: auto;} .Today_Viewer{ display: inline-block; width: 219px; flex: 0 1 50%;flex-shrink: 0; flex-basis: auto;} .Viewer ul{display:flex; justify-content: space-between; list-style: none; color: #fff; margin: auto; width: 166px; font-size: 15px; line-height: 1;} .Viewer ul li{transition-duration: 1s; position: relative;} .Viewer ul li img{ position: absolute; left: 0; top: 0; } .Total_Viewer ul{color: #3cf;} .Today_Viewer ul{color: #f3c;} .Total_Viewer li{background-image: url(../images/number2.png); background-repeat: no-repeat;width: 20px; height: 26px; text-indent: -9999px; flex: 0 1 20px; overflow: hidden;flex-shrink: 0; flex-basis: auto;} .Today_Viewer li{background-image: url(../images/number1.png); background-repeat: no-repeat;width: 20px; height: 26px; text-indent: -9999px; flex: 0 1 20px;flex-shrink: 0; flex-basis: auto;} .Viewer ul li.viewer-1 img{top:-26px;} .Viewer ul li.viewer-2 img{top:-52px;} .Viewer ul li.viewer-3 img{top:-78px;} .Viewer ul li.viewer-4 img{top:-104px;} .Viewer ul li.viewer-5 img{top:-130px;} .Viewer ul li.viewer-6 img{top:-156px;} .Viewer ul li.viewer-7 img{top:-182px;} .Viewer ul li.viewer-8 img{top:-208px;} .Viewer ul li.viewer-9 img{top:-234px;} .Viewer ul li.viewer-0 img{top:0;} .viewer-1{ background-position: 0 -26px;} .viewer-2{ background-position: 0 -52px;} .viewer-3{ background-position: 0 -78px;} .viewer-4{ background-position: 0 -104px;} .viewer-5{ background-position: 0 -130px;} .viewer-6{ background-position: 0 -156px;} .viewer-7{ background-position: 0 -182px;} .viewer-8{ background-position: 0 -208px;} .viewer-9{ background-position: 0 -234px;} .viewer-0{ background-position: 0 0;}