@charset "utf-8"; /* ----------------------- 00.not_player ----------------------- */ .errBox .noplayerWmp{width:598px;height:336px;background-color:#ccc;border:solid #999 1px;} .errBox .noplayerWmp .inr{margin:20px;width:560px;height:298px;display:inline-block;background-color:#fff;text-align:center} .errBox .noplayerWmp p.attention{padding-top:30px;text-align:center;width:560px;font-size:14px!important;} .errBox .noplayerWmp .btn{background-image:url(https://s.yimg.jp/images/gyao/common/images/wmp_btn.png);width:314px;height:0px;display:inline-block;margin-top:25px;padding-top:30px;overflow:hidden;} .errBox .noplayerWmp .errTtl{padding:30px 25px 0 25px;text-align:center;} .errBox_b .noplayerWmp .errTtl{padding:100px 25px 0 25px;text-align:center;} .noplayerWmp .errTtl p{padding-bottom:10px;color:#ff0000;} .noplayerWmp .errTtl p span{font-size:14px;font-weight:bold;} .noplayerWmp .errTtl span.read{padding-bottom:10px;display:block;} .errBox_b .noplayerWmp{width:948px;height:533px;background-color:#ccc;border:solid #999 1px;} .errBox_b .noplayerWmp .inr{margin:20px;width:910px;height:495px;display:inline-block;background-color:#fff;text-align:center} .errBox_b .noplayerWmp .btn{background-image:url( https://s.yimg.jp/images/gyao/common/images/wmp_btn.png );width:314px;height:0px;display:inline-block;margin-top:35px;padding-top:30px;overflow:hidden;} .errBox_b .noplayerWmp p.attention{padding-top:40px;text-align:center;width:910px;font-size:14px!important;} .errBox .noplayerWmp .errTtl span.read,.errBox_b .noplayerWmp .errTtl span.read{padding-bottom:10px;display:block;} .errBox .wmplink{font-size:14px!important;width:560px;text-align:center;padding-top:30px;display:block;} .errBox_b .wmplink{font-size:14px!important;width:910px;text-align:center;padding-top:30px;display:block;} /* ----------------------- 01.watch_now（パーマネント化後） ----------------------- */ #fbWatchVideoArea,#fbLoginButton,#fbAuthorize{display:inline-block;padding-bottom:13px;} #rightCont .watchNow_ttl{background:url("https://s.yimg.jp/images/gyao/common/images/rankingTtlBg.png") no-repeat scroll 0 0 #fff;background-position:0 bottom;padding-bottom:2px;width:300px;} #rightCont h3.watchNow{background-image:url("https://s.yimg.jp/images/gyao/common/images/fbIcon.png");background-position:10px 4px;background-repeat:no-repeat;color:#868485;float:left;font-weight:bold;padding:5px 5px 5px 32px;width:152px;} #rightCont .watchNow_ttl .explain{float:right;height:17px;margin-top:6px;width:36px;} #fbLoginButton .watchNow_module .inr{background-color:#eceff5;border:1px solid #ccc;text-align:center;padding:10px;display:inline-block;width:260px;line-height:16px;} #fbWatchVideoArea .watchNow_module .inr{background-color:#eceff5;border:1px solid #ccc;padding:5px;margin-bottom:10px;display:inline-block;width:270px;position:relative;line-height:16px;} #fbAuthorize .watchNow_module .inr{background-color:#eceff5;border:1px solid #ccc;-align:center;padding:10px;margin-bottom:10px;display:inline-block;width:260px;line-height:16px;} #fbLoginButton a.fb_button_medium,#fbAuthorize a.fb_button_medium,#fbWatchVideoArea a.fb_button_medium{background:url("https://s.yimg.jp/images/gyao/common/images/loginBtn.png") no-repeat;display:inline-block;height:0;overflow:hidden;padding-top:26px;width:66px;} #rightCont .watchNow_module{background:url("https://s.yimg.jp/images/gyao/common/images/bg_top_left.gif") repeat-x scroll center bottom #FFFFFF;display:inline;float:left;padding:8px 10px 0;width:280px;} #fbWatchVideoArea .left{width:50px;padding-right:5px;float:left;} #fbWatchVideoArea .right{width:215px;float:left;} #fbWatchVideoArea .img{display:block;height:50px;width:50px;float:left;} #fbWatchVideoArea .name{text-align:left;font-weight:bold;padding-bottom:5px;display:block;} #fbWatchVideoArea .info{position:absolute;} #fbWatchVideoArea dl{width:215px;display:inline-block;} #fbWatchVideoArea dl dt,#fbWatchVideoArea dl dd{float:left;} #fbWatchVideoArea .txt{padding-top:5px;float:left;} #fbWatchVideoArea .logout{display:inline-block;width:270px;margin-top:5px;padding-top:5px;border-top:1px dotted #ccc;text-align:right;} #fbWatchVideoArea dl dd.leftBtn{padding-right:5px;border-right:1px solid #666;margin-right:5px;} #fbWatchVideoArea .txt span{color:#2f5196;font-weight:bold;} #fbWatchVideoArea .txt.err{color:#dc7700;} /* ----------------------- 02.common ----------------------- */ #wrapper{word-break:break-all;word-wrap:break-word;} .img{position:relative;} .bold{font-weight:bold;} .normal{font-weight:normal;} img.up, img.new, img.koushin, img.saitou{float:none;margin:1px 0 0 0;} img.storeIcon{vertical-align:bottom;margin:0 3px 0 0;} .listCont .finishIcon{display:block;margin:0 auto;} img.finishIcon{vertical-align:bottom;margin-bottom:1px;} .colR{color:#c00;} .bbd1p{border-bottom:1px dotted #ccc;padding-bottom:8px;} .btd1p{border-top:1px dotted #ccc;padding-top:10px;margin-top:5px;} .specialMod li.btd1p{margin-top:10px;} .flL{float:left;} .flR{float:right;} .fPink03{color:#e573b1;} .fGray06{color:#999;} .a_col{color:#93bed3!important;} .mt10{margin-top: 10px;} .mb3p{margin-bottom:3px;} .mb8p{margin-bottom:8px;} .mb10p{margin-bottom:10px;} .mb15p{margin-bottom:15px;} .mb20p{margin-bottom:15px;} .fz117{font-size:117%;} .txtC{text-align:center;} #footer{background:none !important;} /* ----------------------- 03.sprite ----------------------- */ #someModule .cntWrap /*.listBtn,*/#someModule .cntWrap /*.listBtn span,*/.leftMod div.ttl,.leftMod .btm,.floatInfoMod .shadow,#someModule #listMod .num4 .storeBox .btn,.iconOpen,.iconClose,.urlBox .upper,.urlBox .btm {background:url(https://s.yimg.jp/images/gyao/common/images/permanent/sprite.png) no-repeat;} /* ----------------------- 04.icon ----------------------- */ .iconOpen,.iconClose{display:inline-block;*display:inline;*zoom:1;height:16px;margin-right:3px;text-indent:-9999px;*text-indent:0;*font-size:0;vertical-align:middle;width:16px;overflow:hidden;} .iconOpen,.iconClose{height:11px;width:11px;margin:0 3px 3px;} .iconOpen{background-position:-150px -350px;} .iconClose{background-position:-150px -400px;} .logoGyao,.logoStore{background:url(https://s.yimg.jp/images/gyao/common/images/iconSprite.png) no-repeat;display:inline-block;*display:inline;*zoom:1;text-indent:-9999px;*text-indent:0;*font-size:0;vertical-align:middle;overflow:hidden;} .logoGyao{width:50px;height:20px;background-position:0 0;} .logoStore{width:84px;height:20px;background-position:0 -59px;} .fav2{float:left;display:inline;width:120px;height:19px;overflow:hidden;} .fav2 a{display:block;width:120px;height:19px;background:url(https://s.yimg.jp/images/gyao/common/images/mitai_add_btn_big.png) no-repeat;background-position:0 0px;text-indent:-9999px;} .fav2 a.zumi{display:block;width:120px;height:19px;background:url(https://s.yimg.jp/images/gyao/common/images/mitai_add_btn_big.png) no-repeat;background-position:0 -38px;text-indent:-9999px;} .fav2 a.zumi:hover{background-position:0 -38px !important;} .fav2 a:hover{background-position:0 -19px;} /* ----------------------- 05.main_cnt ----------------------- */ #main_cnt{font-size:75%;line-height:1.25;} #main_cnt,#title_wrapper{width:950px;margin:0 auto;color:#666;} #playerModule,#leftCont{float:left;} #playerModule{margin-bottom:15px;} #rightCont{float:right;width:300px;} #leftCont{width:630px;} /*==main_cnt a==*/ #delimiter a{color:#0098e3;} #delimiter a:visited{color:#0098e3;} #main_cnt a{color:#0098e3;text-decoration:none !important;} #main_cnt a:hover{color:#2179B6;text-decoration:underline;} div#pl_tb a {color: #666;} div#storeModule a {color: #666;} div#shopModule a {color: #666;} /*==mb統一==*/ .leftMod, .rightMod, .rightMod2{margin-bottom:20px;} /* ----------------------- 06.wrapperText ----------------------- */ .wrapperText{float:left;margin-bottom:5px;} .wrapperText h1{width:auto;} .wrapperText p.add2{float:left;display:inline;margin:2px 5px 5px 0;width:19px;height:19px;overflow:hidden;} .wrapperText p.add2 a{width:19px;height:19px;display:block;background-position:0 0;text-indent:-9999px;background:url(https://s.yimg.jp/images/gyao/common/images/play_add_btn_small.png);} .wrapperText p.add2 a:hover{background-position:0 -19px;} .wrapperText h1{width:auto;margin:5px 0 0 25px;display:block;float:none;font-weight:bold;} .playTitle_L{width:950px;margin:0;position:relative;padding-top:15px;} .playTitle_S{width:600px;margin:0 0 0 20px;position:relative;padding-top:15px;} .play_player_L{width:950px;} .play_player_S{width:605px;margin:0 0 0 20px;position:relative;z-index:10;} .playTitle_L .s_banner{position:absolute;right:0;top:0;} .playTitle_S .s_banner{position:absolute;right:-330px;top:0;} .playTitle_S p.logo,.playTitle_L p.logo{float:right;position:static;} .play_player_L .shareBtns{margin:38px 0 5px;} /*==#tip==*/ .wrapperText span#tip{border:1px solid #ccc;padding:3px 5px;font-size:10px;position:absolute;top:-14px;left:23px;background:#fff;opacity:0.9;filter:alpha(opacity:90);line-height:1.4;} .wrapperText span#tip strong{font-weight:bold;display:block;} /*==leftMod .ttl==*/ .leftMod div.ttl{background-position:-150px 0;height:32px;width:622px;padding-left:8px;} .leftMod div.ttl h3{display:inline;float:left;font-weight:bold;padding:10px 0 0 5px;} .leftMod div.ttl p{float:right;} .leftMod div.ttl p.logo{padding:8px 10px 0 0;} .leftMod div.ttl p.text{line-height:17px;padding:8px 10px 0 0;} .leftMod div.ttl p.text img{display:block;float:left;margin-right:3px;} .leftMod .cntWrap li img.icon{margin-right:3px;} /*==leftMod .cnt==*/ .leftMod .cnt{width:628px; border-right:1px solid #dcdcdb; border-left:1px solid #dcdcdb; background-color:#fff;} /*==leftMod .btm==*/ .leftMod .btm{ background:none; height:6px; width:630px; font-size:0px; border-top: 1px solid #ddd;} /* ----------------------- 07.leftMod ----------------------- */ /*==noticeModule==*/ #noticeModule .cntWrap{padding:10px;} /*#noticeModule .cntWrap ul,.urlBox ul{background:url(https://s.yimg.jp/images/gyao/common/images/permanent/noticeModBdr.gif) repeat-y top center;}*/ #noticeModule .cntWrap li{width:295px;} #noticeModule .cntWrap li.left{float:left;} #noticeModule .cntWrap li.right{float:right;} #noticeModule .cntWrap li .img{float:left;margin-right:5px;} #noticeModule .ttl{color:#666!important;} /*==storeModule==*/ #storeModule .cntWrap,#shopModule .cntWrap{line-height:1.4;} #storeModule .cntWrap{padding:5px 12px;border-top: 1px solid #dcdcdb;} #storeModule .cntWrap ul{margin-top:10px;} #storeModule .cntWrap li{width:100px;float:left;margin-right:26px;} #storeModule .cntWrap li.last{margin-right:0;} #storeModule .cntWrap li .img,#storeModule .cntWrap p .img,#shopModule .cntWrap li .img{display:block;margin-bottom:1px;} /*==shopModule==*/ #shopModule .cntWrap{padding:10px 1px;border-top: 1px solid #dcdcdb;} #shopModule .cntWrap ul{background:url(https://s.yimg.jp/images/gyao/common/images/permanent/shopModBdr.gif) repeat-y top center;} #shopModule .cntWrap li{float:left;width:109px;padding:0 8px;} #shopModule .cntWrap li .img{padding:0 15px;} /* ----------------------- 08.someModule ----------------------- */ #someModule .cnt{line-height:1.4;text-align:left;margin-top:-1px;} #someModule .cntWrap{border-top:1px solid #dcdcdb;} /*== #someModule .playShift ==*/ #someModule .playShift{float:right;width:155px;} #someModule .playShift li{width:72px;height: 24px;} #someModule .playShift li span,.playShift li a{display:block;width:72px;height: 24px;} #someModule .playShift li span{ margin-top: 5px; overflow:hidden; line-height: 2.2; text-align: center;} #someModule .playShift li span.prev{ /*background-color:#ddd;*/ background: url(https://s.yimg.jp/images/gyao/common/images/prev1.png) no-repeat; background-size: 72px 24px; padding-left: 5px; } #someModule .playShift li a span.prev{ background: url(https://s.yimg.jp/images/gyao/common/images/prev1.png) no-repeat; background-size: 72px 24px; padding-left: 5px; _cursor:pointer;} #someModule .playShift li span.next{ background: url(https://s.yimg.jp/images/gyao/common/images/next1.png) no-repeat; background-size: 72px 24px; text-align: left; padding-left: 8px;} #someModule .playShift li a span.next{ background: url(https://s.yimg.jp/images/gyao/common/images/next1.png) no-repeat; background-size: 72px 24px; text-align: left; padding-left: 8px; _cursor:pointer;} /*#someModule .playShift li span.prev{ display: block; float:left; width:75px; } #someModule .playShift li a span.prev{ display:block; position: absolute; margin-left: 10px; width:75px; color: #fff; font-size: 13px; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); z-index: 5; font-weight:bold; line-height:26px; padding:0 10px; margin-top:-15px; }*/ /*== #someModule .tabs ==*/ #someModule ul.tabs li{ height:38px; width:110px; background:#fff; position:relative; line-height:14px; text-align:center; float:left; } .bl{ border-left: 1px solid #ddd; } #someModule ul.tabs li.tabOn{ border-top: 1px solid #ddd; border-right: 1px solid #ddd; } #someModule ul.tabs li.tab{ border-top: 1px solid #ddd; border-right: 1px solid #ddd; background:#f7f7f7 url(https://s.yimg.jp/images/gyao/common/images/bg_line.png) no-repeat; background-position: 0px 37px; } #someModule ul.tabs li.tab a{height:38px;display:block;} #someModule ul.tabs li span.tab03{display:block;padding-top:5px;} #someModule ul.tabs li span.revNum{font-weight:normal;} #someModule ul.tabs li span.tab01,#someModule ul li span.tab02,#someModule ul li span.tab04{display:block;padding-top:13px;} #someModule ul.tabs li.tab a,#someModule ul li.tab a:hover{text-decoration:none !important;} #someModule ul.tabs li span.fbTab{background-image:url(https://s.yimg.jp/images/gyao/common/images/fbIcon.png);background-position:25px 11px;background-repeat:no-repeat;padding-left:22px;} /*== #someModule #listMod ==*/ #someModule #listMod .cntWrap{padding:10px 0;} #someModule #listMod .cntWrap .bbd1p{padding:5px 0 0;margin:0 10px 7px;} #someModule #listMod .listBox{position:relative;height:auto;padding:0 34px;} #listMod .cntWrap h3{margin:0 10px 7px;font-weight:bold;color:#999;} #someModule .listBox{z-index:2;} #someModule #listMod .prev{left:9px;_left:-26px;} #someModule #listMod .next{right:9px;} #someModule #listMod .listBtn{position:absolute;height:100%;background-position:0 bottom;_height:154px;} #someModule #listMod .listBtn.none,#someModule #listMod .double .listBtn.none{/*background-position:-40px bottom!important;*/} #someModule #listMod .double .listBtn{background-position:-20px bottom;_height:287px;} #someModule #listMod .listBtn a{display:block;height:100%;_height:auto;cursor:pointer;} #someModule #listMod .listBtn span.wrap{display:block;width:17px;height:100%;text-indent:-9999px;overflow:hidden;font-size:0;} #someModule #listMod .listBtn span.upper{display:block;height:0;overflow:hidden;padding-top:5px;} #someModule #listMod .listBtn a span.upper{background-position:0 0;} #someModule #listMod .listBtn span.upper{background-position:-40px 0;} #someModule #listMod .prev a span.wrap{background: url(https://s.yimg.jp/images/gyao/common/images/prev_list_on.png) no-repeat;} #someModule #listMod .next a span.wrap{background: url(https://s.yimg.jp/images/gyao/common/images/next_list_on.png) no-repeat;} #someModule #listMod .prev span.wrap{background: url(https://s.yimg.jp/images/gyao/common/images/prev_list.png) no-repeat;} #someModule #listMod .next span.wrap{background: url(https://s.yimg.jp/images/gyao/common/images/next_list.png) no-repeat;} #someModule #listMod .listCont li{width:100px;float:left;padding-right:15px;z-index:0;min-height:136px;_height:136px;} #someModule #listMod .listCont li p{background-color:#fff;} #someModule .listBox{margin-bottom:10px;} #someModule #movList .listCont li{background:url(https://s.yimg.jp/images/gyao/common/images/permanent/listNext.png) no-repeat 105px 50px #fff;min-height:152px;_height:152px;} #someModule #listMod .listCont.second{margin-top:15px;} #someModule #listMod .listCont li.playing{background-position:-45px 50px;} #someModule #listMod .listCont li.last{padding-right:0;} #someModule #listMod .listCont li img.icon{margin-right:3px;} #someModule #listMod .listCont li .img,#shopModule #listMod li .img,#someModule #listMod .listCont li .status{display:block;margin-bottom:1px;} #someModule #listMod .listCont li.playing .status{color:#e367ad;} #someModule #listMod .listCont li.playing .img{width:80px;height:60px;border:1px solid #e367ad;padding:6px 9px;} #someModule #listMod li span.img span{cursor:default!important;} #someModule p.loading{background:url(https://s.yimg.jp/images/gyao/common/images/permanent/loading.gif) center center no-repeat;width:560px;margin:0 auto;} #someModule .num4 p.loading{width:445px;} #someModule .storeBox p.loading{width:100px;} #someModule #listMod .listCont li .status{text-align:center;} #someModule #listMod .listCont{position:relative;} #someModule #listMod .listInfoBox{padding:0 10px;} #someModule #listMod .listInfoBox dl{float:left;} #someModule #listMod .listInfoBox dt{float:left;} #someModule #listMod .listInfoBox dd{width:440px;float:left;} #someModule #listMod .listInfoBox p span{font-weight:bold;color:#e367ad;} .floatInfoMod.row2.up{top:77px;} .floatInfoMod.row2.under{top:218px;} /*==num4==*/ #someModule #listMod .num4{position:relative;_height:200px;min-height:200px;} #someModule #listMod .num4 .listBox,#someModule #listMod .num4 .listInfoBox{position:relative;} #someModule #listMod .num4 .listBox{width:445px;} #someModule #listMod .num4 .listInfoBox{width:495px;} #someModule #listMod .num4 .listInfoBox dd{float:left;width:350px;} #someModule #listMod .listInfoBox p{float:right;width:50px;text-align:right;} #someModule #listMod .num4 .storeBox{height:100%;width:100px;position:absolute;right:8px;top:0px;border-left:1px dotted #ccc;padding-left:8px;z-index:0;_height:190px;min-height:190px;} #someModule #listMod .num4 .storeBox a{margin-bottom:20px;} #someModule #listMod .num4 .storeBox .storeIcon{display:block;float:left;} #someModule #listMod .num4 .storeBox .img,#someModule #listMod .num4 .storeBox span{display:block;text-align:center;} #someModule #listMod .num4 .storeBox .img{margin-bottom:3px;} #someModule #listMod .num4 .storeBox .btn{display:block;width:100px;height:32px;background-position:-600px -80px;text-indent:-9999px;overflow:hidden;position:absolute;bottom:0;left:7px;margin-bottom:0;} #someModule #listMod .num4 .prev{_left:9px;} /*==errorBox==*/ #someModule .errorBox{width:100%;height:140px;text-align:center;} #someModule .errorBox p.errorText{padding-top:45px;color:#d70000;font-weight:bold;} #someModule .errorBox p.noneText{padding-top:65px;color:#d70000;font-weight:bold;} /*==floatInfoMod==*/ .floatInfoMod .upper,.floatInfoMod .btm{background:url(https://s.yimg.jp/images/gyao/common/images/permanent/hukidashi.png);_background:url(https://s.yimg.jp/images/gyao/common/images/permanent/hukidashi_ie6.png);} .floatInfoMod{z-index:8;position:absolute;display:none;} .floatInfoMod.up{top:-75px;left:60px;_left:25px;} .floatInfoMod.under{top:55px;left:60px;_left:25px;} #movList .floatInfoMod{top:75px;left:60px;_left:25px;} .floatInfoMod .upper{width:580px;font-size:0px;} .floatInfoMod.up .upper{height:5px;background-position:0 0!important;} .floatInfoMod.under .upper{height:15px;} .floatInfoMod.under.h00 .upper{background-position:0 -120px;} .floatInfoMod.under.h01 .upper{background-position:0 -140px;} .floatInfoMod.under.h02 .upper{background-position:0 -160px;} .floatInfoMod.under.h03 .upper{background-position:0 -180px;} .floatInfoMod.under.h04 .upper{background-position:0 -200px;} .floatInfoMod .btm{width:580px;font-size:0px;} .floatInfoMod.up .btm{height:17px;} .floatInfoMod.under .btm{height:8px;_height:4px;background-position:0 -10px!important;} .floatInfoMod.up.h00 .btm{background-position:0 -20px;} .floatInfoMod.up.h01 .btm{background-position:0 -40px;} .floatInfoMod.up.h02 .btm{background-position:0 -60px;} .floatInfoMod.up.h03 .btm{background-position:0 -80px;} .floatInfoMod.up.h04 .btm{background-position:0 -100px;} .floatInfoMod .cnt{background:url(https://s.yimg.jp/images/gyao/common/images/permanent/hukidashi_cont.png) 0 0 repeat-y;_background:url(https://s.yimg.jp/images/gyao/common/images/permanent/hukidashi_cont_ie6.png) repeat-y;width:580px;border-right:none;border-left:none;} .floatInfoMod dl{width:539x;padding:8px 17px 8px 14px;} .floatInfoMod dt{margin-bottom:7px;font-weight:bold;} .floatInfoMod dd{margin-top:3px;} .floatInfoMod p.loading{margin:0 7px;background-position:center -5px!important;} .floatInfoMod p.error{text-align:center;margin:0 7px;padding-top:30px;height:54px;background-color:;} .floatInfoMod p.error .bold{color:#d70000;} /*==InfoMod==*/ #infoMod.cnt .cntWrap dl{padding:10px;} #infoMod.cnt .cntWrap dt{font-weight:bold;/*margin-bottom:3px;*/} #infoMod.cnt .cntWrap dd{margin-bottom:5px;} #infoMod.cnt .cntWrap div.top{border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:15px;} #infoMod.cnt .cntWrap dt .normal img{vertical-align:middle;margin-right:3px;} .urlBox{margin:10px 0 10px 10px;} .urlBox,.urlBox .upper,.urlBox .btm{width:448px;} .urlBox .cont{padding:5px 10px;width:426px;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;} .urlBox .cont .flL dl{margin-left:116px;} .urlBox .ttl{color:#000;margin-bottom:5px;} .urlBox .upper,.urlBox .btm{height:3px;font-size:0px;} .urlBox .upper{background-position:-150px -150px;} .urlBox .btm{background-position:-150px -160px;} #infoMod .urlBox{margin:10px 0;} #infoMod .urlBox,#infoMod .urlBox .upper,#infoMod .urlBox .btm{width:608px;} #infoMod .urlBox .cont{width:586px;} #infoMod .urlBox .upper{background-position:-150px -164px;} #infoMod .urlBox .btm{background-position:-150px -171px;} .urlBox li{width: 586px;} .urlBox li.flL{border-bottom:dotted 1px #ddd;margin-bottom:5px;} .urlBox li.flL dl{padding:0!important;} .urlBox li.flL p.flL{margin-right:5px;} .urlBox li.flL p.flL img{border:1px solid #ccc;} /*.urlBox li.flL dd{margin-top:5px;}*/ .urlBox li.flR dl{padding:0 0 0 10px!important;} .urlBox li.flR dd{margin-top:5px;} /* ----------------------- 09.altPlayer ----------------------- */ .altPlayer,.errorTop{/*margin:0 0 0 20px; 20160914*/ box-sizing: border-box; /*20160914*/width:640px;border:1px solid #dcdcdc; background-color:#fff;} .altPlayer.news{margin:0;} .altPlayer .altCnt{padding:10px 10px 0;margin-bottom:20px;} .altPlayer .altCnt .img,.errorTop .img{float:left;} .altPlayer .altCnt .cnt,.errorTop .cnt{padding-left:130px;} .altPlayer .altCnt h2{margin-bottom:15px;font-size:117%;} .altPlayer .altCnt .text{font-size:117%;} .altPlayer .altCnt .sendBox p.sendText{background-color:#f7f7f7;padding:5px 10px;margin-top:5px;} .altPlayer .altCnt .readAll{margin-top:5px;} .altPlayer .altPlusCnt{padding:10px;border-top:1px solid #dcdcdc;} .altPlayer .altPlusCnt .fav2{margin-right:10px;} .altPlayer .urlBox{margin:10px 0 0;} .altPlayer .altMovCnt{padding:10px 10px 0;border-top:1px solid #dcdcdc;} .altPlayer .altMovCnt ul{margin-bottom:10px;} .altPlayer .altMovCnt li{width:50%;} .altPlayer .altMovCnt li .img{float:left;} .altPlayer .altMovCnt li .text{padding-left:85px;} .altPlayer .altMovCnt li.flL .text{padding-right:10px;} .errorTop{/*width:578px;*/padding:10px;font-size:117%;border-bottom:none;} .altPlayer .errorCnt{text-align:center;padding:20px 0 40px;} .altPlayer .errorCnt h2{margin-bottom:20px;font-size:117%;} .altPlayer .errorCnt p{margin-bottom:15px;} .altPlayer .errorCnt p.last{margin-bottom:0;} .altPlayer .errorCnt2{padding:20px 10px 0;} .altPlayer .errorCnt2 h2{text-align:center;margin-bottom:20px;font-size:117%;} .altPlayer .errorCnt2 li{padding:25px 0;} .altPlayer .errorCnt2 li.fl .flR{padding-right:60px;} .altPlayer .errorCnt2 li.fl .text{margin-right:230px;} .altPlayer .errorCnt2 li.sl .text{margin-right:258px;} .altPlayer .errorCnt3{width:600px;height:200px;padding-top:150px;text-align:center;} .altPlayer .errorCnt3 h2,.altPlayer .errorCnt4 h2{font-size:117%;margin-bottom:15px;} .altPlayer .errorCnt4{width:540px;height:250px;padding:100px 20px 0;text-align:center;} /* ----------------------- 08.others ----------------------- */ #userreviewTop{background-color:#fefefe;padding:10px;} #userreviewTop p.flL{margin-top:7px;} .form_point{margin-right:5px;} .form_point span.stars span{padding-top:15px;overflow:hidden;display:block;float:left;width:79px;height:0px;background:url(https://s.yimg.jp/images/gyao/common/images/camp/gray_star.png);background-repeat:no-repeat;} .form_point span.stars .s2{background-position:0px -61px;} .form_point span.stars .s5{background-position:0px -1px;} .form_point span.stars .s4f{background-position:0px -121px;} .form_point span.stars .s4{background-position:0px -21px;} .form_point span.stars .s3f{background-position:0px -141px;} .form_point span.stars .s3{background-position:0px -41px;} .form_point span.stars .s2f{background-position:0px -161px;} .form_point span.stars .s2{background-position:0px -61px;} .form_point span.stars .s1f{background-position:0px -181px;} .form_point span.stars .s1{background-position:0px -81px;} .form_point span.stars .s0f{background-position:0px -201px;} .form_point span.stars .s0{background-position:0px -101px;} .sideLine_btm2, #leftcnt .sideLine_btm3, .sideLine_btm4{background:url(https://s.yimg.jp/images/gyao/common/images/camp/sprite_btmline.png) no-repeat;} .sideLine_btm2{background-position:0 0;background-repeat:no-repeat;font-size:0;height:3px;} .userreviewCntWrap{background:url(https://s.yimg.jp/images/gyao/common/images/camp/mainmod_gra01.png) repeat-x;padding:12px 10px 17px;} .reviewGood{padding:7px 10px;border:1px dotted #ccc;line-height:23px;} .reviewGood span.flL{margin-right:8px;} .userreviewCntWrap .good-btn,.vote-review{background:url(https://s.yimg.jp/images/gyao/common/images/camp/bg_block.png) no-repeat;} .userreviewCntWrap a.good-btn{background-position:0 0;} .userreviewCntWrap span.good-btn{background-position:-80px 0;} .userreviewCntWrap a.good-btn, .userreviewCnt span.good-btn{width:77px;height:22px;display:inline-block;text-indent:-9999px;overflow:hidden;float:left;} .vote-review{background-position:0 -30px;display:block;height:29px;overflow:hidden;text-indent:-9999px;width:210px;} .reviewNoCont{padding:47px 0 40px 0;} .reviewNoCont .vote-review{margin:0 auto;} .userreviewCntWrap .reviewexpand, .userreviewCntWrap .reviewexpand2{padding-left:15px;background:url(https://s.yimg.jp/images/gyao/common/images/camp/bg_icon.png) no-repeat;} .userreviewCntWrap .reviewexpand{background-position:0 3px;} .userreviewCntWrap .reviewexpand2{background-position:0 -17px;} .userreviewCntWrap .netabareview{background-color:#fff2f9;display:block;padding:10px;margin-bottom:10px;} .fbBox{width:608px;padding:10px;} .paging{width:612px;padding:10px 9px;text-align:center;} .paging p{font-weight:bold;color:#999;} .paging p a{font-weight:normal;} .NT_ShuffleImg,.leftcnt_ttl2 li.border,.leftcnt_ttl3 li.border{background:url(https://s.yimg.jp/images/gyao/common/images/bar_2_22.gif);} .leftcnt_ttl{width:630px;float:left;display:inline;background-position:-1510px 0;} .leftcnt_ttl2 ul{list-style:none;margin:4px;padding:3px;background:#f7f7f7;} .leftcnt_ttl2 li, .leftcnt_ttl3 li{height:22px;line-height:22px;padding:0 10px;float:left;display:inline;font-size:12px;font-weight:normal;color:#666;} li.down a{line-height:22px;margin:-1px 0 0 0;padding:0 0 0 16px;font-weight:bold;background:url(https://s.yimg.jp/images/gyao/common/images/icon_arrow_down.gif) no-repeat;background-position: 0 2px;} li.up a{line-height:22px;margin:-1px 0 0 0;padding:0 0 0 16px;font-weight:bold;background:url(https://s.yimg.jp/images/gyao/common/images/icon_arrow_up.gif) no-repeat;background-position: 0 2px;} li.stay{line-height:22px;font-weight:bold;} .leftcnt_ttl2 li.border, .leftcnt_ttl3 li.border{width:2px;height:22px;font-size:1px;background-repeat:no-repeat;background-position:right ;text-indent:-9999px;padding:0;} #program_list, .program_list_btm, #program_detail, .review_btm, .review_btm{background:url(https://s.yimg.jp/images/gyao/common/images/bg_ttl_btm8.png);} #program_list{background-position:-630px 0;background-color:#FEFEFE;background-repeat:no-repeat;} #program_list h3{padding:0 0 0 11px;float:left;line-height:26px;font-weight:bold;color:#868485;} #program_list ul{float:right;font-size:12px;line-height:24px;padding:2px 0 0 0;} #program_list li.back{margin:0 25px 0 0;float:left;color:#D1D1D1;} #program_list li.next{margin:0 10px 0 0;float:left;color:#D1D1D1;} /* emotionBtn */ .emotionBtn a{background:url(https://s.yimg.jp/images/gyao/common/images/sprite_common.png) no-repeat -245px 0px;text-indent:-9999px;display:block;height:18px;width:101px;} /* リリース後改修 */ #infoMod.cnt .cntWrap .left{float:left;width:304px;display:inline-block;} #infoMod.cnt .cntWrap .right{float:right;width:300px;padding-left:4px;display:inline-block;background-image:url(https://s.yimg.jp/images/gyao/common/images/permanent/noticeModBdr.gif);background-repeat:repeat-y;background-position:left 0;min-height:151px;} #infoMod.cnt .cntWrap .right ul{ overflow:hidden;} #infoMod.cnt .cntWrap .right li{width:294px;margin-left:6px;display:inline-block;padding:10px 0;border-bottom:dotted 1px #ddd;margin-bottom:-1px;} #infoMod.cnt .cntWrap .right li .img{float:left;margin-right:5px;} #infoMod .urlBox{display:inline-block;} #infoMod.cnt .cntWrap .right h3{font-weight:bold;padding-left:10px;} .storeBox .pre{line-height:16px;padding-left:19px;margin-bottom:0px!important;position:absolute;display:block;background-image:url(https://s.yimg.jp/images/gyao/common/images/gyaoiconSprite.png);background-repeat:no-repeat;background-position:-229px -192px;left:7px;top:170px;} #someModule #listMod .num4 .storeBox .btn{bottom:22px!important;top:135px;} #someModule #listMod .num4 .storeBox .btn{background-position:-710px -80px;} /* ----------------------- 09.ad ----------------------- */ /* lrec */ /*.s_banner{width:180px;float:right;display:inline;text-align:right;margin-bottom:5px;_margin-bottom:0;margin-top:10px;}*/ #lrec{width:300px;float:left;display:inline;margin:0 0 20px 0;} #lrec h3{width:300px;padding:8px 0 7px 0;text-align:center;font-size:12px;color:#666;} #lrec a{text-decoration:underline !important;color:#00f;} #lrec a:link{color:#00f;} #lrec a:push{color:#f00;} #lrec a:visited{color:#551a8b;} #lrec a img{vertical-align:middle;border:0;} #LREC1{margin-bottom:10px;} /* sqm */ #adsqm-sub-module{margin-bottom:20px;clear:both;border:1px solid #ccc;display:inline;float:left;width:298px;} #adsqm-sub-module a{text-decoration:underline !important;} #adsqm-sub-module a:link{color:#0000FF;} #adsqm-sub-module a:visited{color:#551A8B;} #adsqm-sub-module h3{background-color:#ccc;color:#fff!important;font-size:12px !important;font-weight:bold;padding:4px 10px 3px;text-align:center;} #adsqm-sub-module .adsqm-tbl{padding:9px 0;background-color:#fff;} #adsqm-sub-module .adsqm-tbl table{margin:0 4px;width:290px;} #adsqm-sub-module img{margin-right:2px;} #adsqm-sub-module hr.ad-line{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:1px;margin:5px 0;overflow:hidden;} /* sqb */ #adSqb td{} #adSqb table tbody tr td table tbody tr td b small{display:block;text-align:center;font-size:12px;} #adSqb table tbody tr td table tbody tr td small b{font-size:12px;} #adSqb table tbody tr td table tbody tr td br{display:none;} #adSqb table tbody tr td table tbody tr td div br{display:inline;} /* 20130130追加 */ #adSqb{color:#000!important;} #adSqb a{text-decoration:underline!important;} #adSqb a:link{color:#00f!important;} #adSqb a:push{color:#f00!important;} #adSqb a:visited{color:#551a8b !important;} #adSqb img{vertical-align:middle;border:0;} #adSqb td b{display:block;padding-bottom:3px;font-size:16px;} #adSqb td small{font-size:12px;letter-spacing:0.13em;} #adSqb table tbody tr td table tbody tr td table tbody tr td img{display:none;} #adSqb table tbody tr td table tbody tr td table tbody tr td a img{display:block;} /* im */ #inrIm #im div#center1 div{border-top:dotted 1px #ccc;margin:10px!important;width:auto!important;} #rightCont .imImg{padding:7px 0 20px 0; display:inline-block;} /* ----------------------- 10.searchkeyword ----------------------- */ #ysearchautocomplete{padding:0;position:relative;z-index:10000;} #ysearchcontainer .yui-ac-content{background:#FAFAFA none repeat scroll 0 0;border:1px solid #C1C1C1;left:4px;overflow:hidden;position:absolute;top:21x;width:232px;z-index:10001;} * + html body #ysearchcontainer .yui-ac-content{left:5px;top:21px;} * html body #ysearchcontainer .yui-ac-content{left:5px;top:21px;} #ysearchcontainer ul{margin:0;padding:0;width:100%;} #ysearchcontainer li{cursor:default;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:4px;text-align:left;white-space:nowrap;} #ysearchcontainer li.yui-ac-highlight{background:#ff6600 none repeat scroll 0 0;color:#FFFFFF;list-style-image:none;list-style-position:outside;list-style-type:none;padding:4px;} /* ----------------------- 11.google ad sence ABテストのため不要になる可能性あり ----------------------- */ #adSence{background:#fff;margin-bottom:10px;padding:10px 10px 0;} #someModule #adSence{margin:0;} /* -----映像ニュース 121112追加----- */ #content_wrapper {background-color: #FFF;width: 600px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #dcdcdb;border-bottom-color: #dcdcdb;border-left-color: #dcdcdb;font-size: 110%;line-height: 1.5;margin-bottom: 10px;padding-right: 14px;padding-left: 14px;padding-top: 10px;} #content_wrapper p{margin-top: 15px;margin-bottom: 10px;} .wrapperText h1.details{width:auto;display:block;float:left;font-weight:bold;margin: 0px;padding: 0px;font-size: 110%;} .Newslogo {float: right;margin-bottom: 10px;} .Newslogo.btm { margin-top:10px; margin-bottom:10px;} .Update {width: 600px;} .Update .date{float: left;} .attend{width: 600px;} .attend .attend_text{font-size: 100%;margin-bottom: 20px;} .attend .Prev_btn{float: right;margin-top: 10px;} .News_list {margin-left: 15px;} .News_list dl,.News_list dt, .News_list dd { display:inline;} .News_list dd { padding:0 10px 0 0;} .listNavi_bottom{background:#FFFFFF;border-right:#dcdcdb 1px solid;border-bottom:#dcdcdb 1px solid;border-left:#dcdcdb 1px solid;margin:0 0 8 0;padding:0 0 10px 10px;clear:both;height:auto;width:618px;padding-top:10px;float:left;display:inline;} .modTtl{width: 290px;} .play_player_News{width:600px;margin:0px;position:relative;z-index:10;} .shareBtns_News {float:right;/*background-color: #f7f7f7;*/background-color:#fff;padding: 5px 5px 0;margin:0 0 5px;width:310px;} .shareBtns_News li{float:left;} .shareBtns_News iframe.twitter-share-button{width:120px!important;} .shareBtns_News .mr{margin-right:5px;_margin-right:2px;} *:first-child+html .shareBtns_News .mr{margin-right:2px;} .shareBtns_News .mi a{width:58px;display:block;text-indent:-9999px;overflow:hidden;background:url(https://s.yimg.jp/images/gyao/common/images/sns_mcheck.png) no-repeat 0 0;height:18px;margin-top:1px;} /* ニュースTV tab */ .searchListArea { font-size: 100%; } .searchListArea .NewsNavi_box,.NewsNavi_Tab,.NewsNavi_Tab a,.NewsNavi_Tab a:hover { background:url(https://s.yimg.jp/images/gyao/common/images/news/bg_news.png); } .searchListArea .NewsNavi_box { width:630px; height:41px; background-position:0px -37px; overflow:hidden; margin-top: 10px; font-weight: bold; } .searchListArea .NewsNavi_box ul{ list-style:none; } .searchListArea .NewsNavi_box span { font-weight:normal; } .searchListArea .NewsNavi_box .NewsNavi_Tab { width:147px; height:37px; background-position:0px 0px; line-height:38px; float:left; text-align:center; display:inline; overflow:hidden; } .searchListArea .NewsNavi_box .NewsNavi_Tab a{ width:147px; height:37px; background-position:-147px 0px; line-height:38px; display:block; overflow:hidden; } .searchListArea .NewsNavi_box .NewsNavi_Tab a:hover{ background-position:0px 0px; } /* 20121130追加 */ a.listImg img { padding:9px 0 10px; } #someModule #listMod .listCont li.playing .img.listImg img { padding:7px 0 8px; } .leftMod .btm { margin:0;} /* 20130222視聴ページ改修用追加 */ #leftCont #premiumuAreaModule{ width:628px; border:1px solid #DCDCDB; background-color:#FFF; } #leftCont #premiumuAreaModule .pamWrap { padding:8px 12px 0px; } #premiumuAreaModule .premiumIcon { background:url("https://s.yimg.jp/images/gyao/common/images/bg_normal2.png") no-repeat; background-position:0 -776px; display:inline-block; text-indent:-9999px; width:16px; height:16px; float:left; margin-right:4px; } #premiumuAreaModule .leadTxt{ font-weight:bold; } #premiumuAreaModule .period{ float:right; } #premiumuAreaModule .period p{ display:inline; font-weight:bold; color:#999999; } #premiumuAreaModule .listBoxWrap{ margin:10px 0; } #premiumuAreaModule .listBoxL{ float:left; margin-right:10px; } #premiumuAreaModule .playBtn { background:url(https://s.yimg.jp/images/streaming/gyao-store/common/new/sprite_main_fujikawa.png) no-repeat; background-position:0; display:inline-block; text-indent:-9999px; width:111px; height:25px; float:right; } #premiumuAreaModule .btmmod { display:block; float:right; padding-bottom:10px; overflow:hidden; zoom:1; text-align:right; } #premiumuAreaModule .play_btn { background-image:url(https://s.yimg.jp/images/streaming/gyao-store/common/new/sprite_main_fujikawa.png); background-repeat:no-repeat; display:inline-block; /display:inline; /zoom:1; vertical-align:top; width:111px; height:25px; line-height:100px; overflow:hidden; background-position:0 0; font-size:0px; } #premiumuAreaModule .icon_free_gyaoStore { color: #e14f00; display: inline-block; font-weight: bold; padding: 4px 5px; } #premiumuAreaModule .tokuten { background:url(https://s.yimg.jp/images/gyao/common/images/premiumAreaModule_sprite.png) no-repeat; background-position:0 -50px; display:inline-block; *display:inline; *zoom:1; width:94px; height:20px; text-indent:-9999px; *text-indent:0; *font-size:0; vertical-align:middle; overflow:hidden; } #premiumuAreaModule .moreTxt { border-top:1px dotted #cccccc; text-align:right; margin-top:10px; padding-top:5px; } #premiumuAreaModule .menberLoginBox { text-align:center; margin:10px 0; } #premiumuAreaModule .menberLoginBox .menberLoginBtn { background:url(https://s.yimg.jp/images/gyao/common/images/premiumAreaModule_sprite.png) 0 0 no-repeat; margin: 0 auto; width:374px; height:42px; text-indent:-9999px; } #premiumuAreaModule .menberLoginBox .menberLoginBtn a { display:block; width:374px; height:42px; } /* 出し分けモジュール追加20130529 */ #premiumuAreaModule .menberLoginBox .premiumCampBtn { margin: 0 auto; width:600px; height:121px; text-indent:-9999px; background:url(https://s.yimg.jp/images/gyao/common/images/banner_premium_free.png) 0 0 no-repeat; } #premiumuAreaModule .menberLoginBox .premiumCampBtn a { display:block; width:600px; height:121px; } /* 視聴プレイヤー640px化　20140603 */ #leftCont_640{width:640px;} #leftCont_640 #premiumuAreaModule{ width:628px; border:1px solid #DCDCDB; background-color:#FFF; } #leftCont_640 #premiumuAreaModule .pamWrap { padding:8px 12px 0px; } .playTitle_S_640{width:640px;margin:0px;position:relative;padding-top:15px;} .playTitle_S_640 .s_banner{position:absolute;right:-330px;top:0;} .playTitle_S_640 p.logo,.playTitle_L p.logo{float:right;position:static;} .play_player_S_640{width:640px;margin:0px;position:relative;z-index:10;} /*20140707 特集リンクモジュールのレイアウト崩れ修正*/ .specialMod dl.txt dt{ width: 280px; } /*20141117 PD位置修正 #LREC1{margin-top:-31px;}*/ /*20150210 HLS配信*/ #headercontents{width: 950px;margin:0 auto;} /*#headercontents #delimiter_wrapper{width:770px;margin:0 auto;float: left;} #headercontents2 #delimiter_wrapper{width:950px;margin:0 auto;}*/ #delimiter{width:auto;margin:0 auto;} #delimiter ul{list-style:none;float:left;display:inline;padding:12px 0 11px 0;} .s_banner{float: right;} #title_wrapper2{margin:0 auto;color:#666;} #title_wrapper2 .playTitle_S_640{width:640px;margin:0px;position:relative;padding-top:3px;padding-bottom:13px;} #title_wrapper2 .playTitle_S_640 .devTitle{width:611px;} #title_wrapper2 .playTitle_S_640 .s_banner{position:absolute;right:-330px;top:0;} #title_wrapper2 .playTitle_S_640 p.logo,.playTitle_L p.logo{float:right;position:static;} .playTitle_L .shareBtns{float:none;margin:15px 0 0 0;width:315px;} #title_wrapper2 .playTitle_L{width:640px;margin:0px;position:relative;padding-top:3px;padding-bottom:13px;} #title_wrapper2 .playTitle_L .devTitle{width:611px;} #title_wrapper2 .playTitle_L .s_banner{position:absolute;right:-330px;top:0;} #title_wrapper2 .wrapperText{margin-bottom:5px;} #title_wrapper2 .wrapperText p.add2{float:left;display:inline;margin:5px 10px 20px 0;width:19px;height:19px;overflow:hidden;} #title_wrapper2 .wrapperText p.add2 a{width:19px;height:19px;display:block;background-position:0 0;text-indent:-9999px;background:url(https://s.yimg.jp/images/gyao/common/images/play_add_btn_small.png);} #title_wrapper2 .wrapperText p.add2 a:hover{background-position:0 -19px;} #title_wrapper2 .wrapperText h1{margin:5px 0 0 25px;display:block;float:none;font-size:20px;font-weight: normal;} #title_wrapper2 .wrapperText span#tip{border:1px solid #ccc;padding:3px 5px;font-size:10px;position:absolute;top:-14px;left:23px;background:#fff;opacity:0.9;filter:alpha(opacity:90);line-height:1.4;} #title_wrapper2 .wrapperText span#tip strong{font-weight:bold;display:block;} #title_wrapper2 .wrapperText h1.details{width:auto;display:block;float:left;font-weight:bold;margin: 0px;padding: 0px;font-size: 110%;} .shareBtns{float:none;margin:15px 0 0 0;width:315px;} /*HLS配信PR非表示 20150225*/ .bnr{ margin-bottom:3px; } /*.s_banner{ width:180px; float:right; display:inline; text-align:right; margin-bottom:5px; _margin-bottom:0; margin-top:5px;}*/ /*背景透明 20150305*/ #delimiter_wrapper{ background: none !important; width:950px;margin:0 auto; } /*GYAOPLUS 20150305*/ .plusCnt{ width: 640px; height: 480px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .plusCnt h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 80px; z-index: 2; line-height: 1.5em; } .plusCnt_btn{ background: url(https://s.yimg.jp/images/gyao/common/images/plus_btn.png) no-repeat; margin: 35px auto; width: 355px; height: 164px; text-indent: -9999px; } .plusCnt_btn:hover{ background: url(https://s.yimg.jp/images/gyao/common/images/plus_btn02.png) no-repeat; cursor: pointer; } .small_plusCnt{ width: 351px; height: 173px; margin: 25px auto; border: 1px solid #454545; border-radius: 4px; background-color: rgba(0,0,0,0.46); } .small_plusCnt:hover{ background-color: rgba(0,0,0,1); } .small_plusCnt .plusCnt_txt{ margin: 30px auto; } p.ttl{ color: #e50065; font-size: 22px; text-align: center; margin-top: 30px; margin-bottom: 10px; font-weight: bold; } p.month_fee{ color: #fff; font-size: 18px; text-align: center; } .tax{ font-size: 12px; } .detail_box{ width: 152px; height: 38px; display: block; background: url(https://s.yimg.jp/images/gyao/common/images/plus_arrow.png)no-repeat 90%; margin: 17px auto; } .detail{ font-size: 14px; color: #fff; line-height: 40px; margin-left: 15px; } .movieimg{ width: 640px; height: 360px; z-index: -1; text-align: center; } .movieimg img{ height: 360px; } .play_cm_free{ float: right; font-size: 12px; color: #666; border: 1px solid; border-radius: 2px; height: 17px; line-height: 19px; padding: 2px 5px; } .no_cm_free{ float: right; font-size: 12px; color: #fff; background-color: #bdbdbd; border-radius: 2px; height: 16px; line-height: 18px; padding: 2px 5px; margin-top: 2px; } .plusAdbox{ overflow: hidden; width: 300px; } .pluslogin{ text-align: center; z-index: 2; color: #fff; } .pluslogin span { line-height: 1.5; } #dev_playArea .pluslogin_btn a{ color: #fff; text-decoration: underline; } /*150714　お気に入り追加　bomi*/ .new_wrapperText{float:left;margin-bottom:5px;} .new_wrapperText h1{width:auto;} .new_wrapperText p.add2{float:left;display:inline;margin:2px 5px 5px 0;width:19px;height:19px;overflow:hidden;} .new_wrapperText p.add2 a{width:19px;height:19px;display:block;background-position:0 0;text-indent:-9999px;background:url(https://s.yimg.jp/images/gyao/common/images/play_add_btn_small.png);} .new_wrapperText p.add2 a:hover{background-position:0 -19px;} .new_wrapperText h1{width:auto;margin-top:5px;display:block;float:none;font-weight:bold;} .new_wrapperText span#tip{border:1px solid #ccc;padding:3px 5px;font-size:10px;position:absolute;top:-14px;left:23px;background:#fff;opacity:0.9;filter:alpha(opacity:90);line-height:1.4;} .new_wrapperText span#tip strong{font-weight:bold;display:block;} .new_wrapperText h1.details{width:auto;display:block;float:left;font-weight:bold;margin: 0px;padding: 0px;font-size: 110%;} #title_wrapper2 .new_wrapperText{margin-bottom:5px;} #title_wrapper2 .new_wrapperText p.add2{float:left;display:inline;margin:5px 10px 20px 0;width:19px;height:19px;overflow:hidden;} #title_wrapper2 .new_wrapperText p.add2 a{width:19px;height:19px;display:block;background-position:0 0;text-indent:-9999px;background:url(https://s.yimg.jp/images/gyao/common/images/play_add_btn_small.png);} #title_wrapper2 .new_wrapperText p.add2 a:hover{background-position:0 -19px;} #title_wrapper2 .new_wrapperText h1{margin-top:5px;display:block;float:none;font-size:20px;font-weight: normal;} #title_wrapper2 .new_wrapperText span#tip{border:1px solid #ccc;padding:3px 5px;font-size:10px;position:absolute;top:-14px;left:23px;background:#fff;opacity:0.9;filter:alpha(opacity:90);line-height:1.4;} #title_wrapper2 .new_wrapperText span#tip strong{font-weight:bold;display:block;} #title_wrapper2 .new_wrapperText h1.details{width:auto;display:block;float:left;font-weight:bold;margin: 0px;padding: 0px;font-size: 110%;} .otherBtns{ width: 640px; margin-top: 75px; /*margin-bottom: 15px; 150928 bomi*/ } .favBtn{ float: left; display: inline; height: 24px; overflow: hidden; width: 105px; background-color: #fff; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; margin-right: 15px; clear: both; } .favBtn a{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/fav.png) no-repeat; background: url(https://s.yimg.jp/images/gyao/common/images/fav_ie8.png) no-repeat\9; background-size: 20px; padding: 5px 27px; margin: 2px 5px 2px 5px; line-height: 11px; color: #666 !important; text-decoration: none !important; } /*.favBtn a:hover{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/fav_on.png) no-repeat; background-size: 20px; margin: 2px 5px 2px 5px; line-height: 11px; color: #666 !important; text-decoration: none !important; }*/ .favBtnOn{ float: left; display: inline; height: 24px; overflow: hidden; width: 105px; background-color: #fff; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; margin-right: 15px; clear: both; } .favBtnOn a{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/fav_on.png) no-repeat; background: url(https://s.yimg.jp/images/gyao/common/images/fav_on_ie8.png) no-repeat\9; background-size: 20px; padding: 5px 27px; margin: 2px 5px 2px 5px; line-height: 11px; color: #666 !important; text-decoration: none !important; } .pluslistBtn{ float: left; display: inline; height: 24px; overflow: hidden; width: 105px; background-color: #fff; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; margin-right: 50px; } .pluslistBtn a{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/plus.png) no-repeat; background: url(https://s.yimg.jp/images/gyao/common/images/plus_ie8.png) no-repeat\9; background-size: 16px; padding: 3px 21px; margin: 4px 5px 4px 5px; line-height: 11px; color: #666 !important; text-decoration: none !important; } /*.pluslistBtn a:hover{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/plus.png) no-repeat; background-size: 16px; padding: 3px 21px; margin: 4px 5px 4px 5px; line-height: 11px; color: #666 !important; text-decoration: none !important; }*/ .new_shareBtns{ float: left; width:350px; margin-top: 2px; } .new_shareBtns li{ display: inline; } .new_shareBtns .mr{ margin-right: 20px; } #hover_window p.close_btn a{ width: 12px; height: 12px; display: block; background: url(https://s.yimg.jp/images/gyao/common/images/new_bg_mygyao.png) -276px -92px; } #hover_window .hover_window_cnt p.l_btn a{ width: 84px; height: 22px; display: block; overflow: hidden; background: url(https://s.yimg.jp/images/gyao/common/images/new_bg_mygyao.png) -108px -92px; overflow: hidden; color: #333; text-decoration: none; } #hover_window .hover_window_cnt p.s_btn a { width: 54px; height: 22px; display: block; overflow: hidden; background: url(https://s.yimg.jp/images/gyao/common/images/new_bg_mygyao.png) 0 -92px; overflow: hidden; color: #333; text-decoration: none; } /*視聴ページ　デザイン微調整　bomi 150810 */ #pl_tb{ border-left: 1px solid #ddd; } /*視聴ページ　YDN微調整　toyozumi 150902 */ #delimiter a:visited { color: #017bb8; } #inrIm{ margin-top:28px; } #inrIm2{ margin-top:28px; margin-bottom:28px; } #im ul , #im2 ul{ border-bottom:0px none !important; } #im ul li , #im2 ul li{ width:49.5% !important; border: 1px solid #e1e1e1 !important; } #im ul li:first-child , #im2 ul li:first-child{ border-right:0px none !important; } #im ul li a , #im2 ul li a{ padding:10px !important; border-left:0px none !important; } #im ul li a dl dt , #im2 ul li a dl dt{ color:#0098e3 !important; } .rankYdn{ padding:0px !important; border-bottom:0px none !important; } .rankYdn ul li{ border-bottom:0px none !important; } .rankYdn ul li a{ padding-left:10px !important; padding-right:10px !important; } .rankYdn ul li a:hover{ background-color:#fffbcc !important; } .rankYdn ul li a span:hover{ color:#2179b6 !important; } .rankYdn ul li a span[data-ydntxt-title] , .rankYdn ul li a span[data-ydntxt-desc]{ color:#2179b6 !important; } .rankYdn ul li p{ right:10px !important; } .rankYdn ul li p a{ padding:0 !important; } .rankYdn ul li p a:hover{ background-color:transparent !important; } /*視聴ページ　web2app bannre 150918 .llban{ margin: -10px 0 30px 0;}*/ /*視聴ページ　web2app bannre 150928 微調節 bomi*/ .llban{ margin-bottom: 30px;} #pl_btns{clear: both;} .label_premium_player{ display: block; background: url(https://s.yimg.jp/images/gyao/common/images/premiumgyao_label.png) no-repeat; background-size: 56px 16px; width: 56px; height: 16px; text-indent: -9999px; z-index: 15; float: left; margin-bottom: 25px; } .premium_bnr{ background: #fff; height: 30px; } .premium_bnr p{ text-align: center; padding-top: 8px; } .premium_bnr1{ text-align: center; margin-top: 10px; } .premium_bnr1 a{ display: block; width: 640px; height: 40px; padding: 20px 0; background: #e50065; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; border-radius: 5px; padding-top: 10px; padding-bottom: 25px; } .premium_bnr1 a:hover { background: #830039; } .premium_bnr1 p{ text-align: center; color: #fff; font-size: 20px; line-height: 1.5; } .deletebtn_premium_bnr2{ position: absolute; right: 5px; display: block; overflow: hidden; background: url(https://s.yimg.jp/images/gyao/common/images/close_btnoff.png)no-repeat; background-size: 12px 12px; width: 15px; height: 15px; float: right; margin-right: 5px; margin-top: 7px; } .deletebtn_off{ display: none; } .premium_bnr2{ text-align: center; background: #000; padding-top: 15px; /*width: 640px;*/ height: 80px; } .premium_bnr2 a{ display: block; margin: 0 auto; width: 600px; height: 45px; padding: 20px 0; background: #e50065; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; border-radius: 5px; padding-top: 8px; padding-bottom: 15px; } .premium_bnr2 a:hover { background: #830039; } .premium_bnr2 p{ text-align: center; color: #fff; font-size: 20px; line-height: 1.5; } .premium_bnr2 p.cmfree_font{ font-size: 16px; } .premium_bnr2 p span{ display: block; text-align: center; color: #fff; font-size: 16px; line-height: 1.5; } .premium_bnr2 p span.cm_font{ font-size: 20px; } .premium_bnr3{ margin-top: 10px; margin-bottom: 10px; background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pregcont/pc/preg_player_banner.jpg) no-repeat; width: 640px; } .premium_bnr3 a{ display: block; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; border-radius: 5px; padding-top: 15px; padding-bottom: 15px; } .premium_bnr3 a:hover { background: rgba(0,0,0,0.5); } .premium_bnr3 p{ text-align: left; margin: auto 0; padding-left: 15px; color: #fff; font-size: 20px; line-height: 1.5; } .premium_bnr3 p em{ display: block; text-align: left; margin: auto 0; color: #fff; font-size: 16px; line-height: 1.5; margin-bottom: 7px; } .premium_bnr3 p span{ background: #e50065; border-radius: 3px; padding: 5px 10px 3px 10px; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; } /*.premium_bnr3 p span:hover{ background: #830039; }*/ .premium_bnr4{ position: relative; } .premium_bnr_thumbnail{ width: 638px; margin: 10px 0; background: #fff; height: 70px; box-shadow: 1px 1px 1px #ededed; -webkit-box-shadow: 1px 1px 1px #ededed; border: 1px #eee; border: 1px solid #fff; -moz-box-shadow: 1px 1px 1px #ededed; } .premium_bnr_thumbnail a{ display: block; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; width: 638px; height: 70px; } .premium_bnr_thumbnail a:hover { background: rgba(230,230,230,1); } .premium_bnr_thumbnail ul{ height: 70px; } .premium_bnr_thumbnail ul li{ height: 70px; width: auto; float: left; } .premium_bnr_thumbnail ul li img{ height: 70px; width: auto; float: left; } .premium_bnr_thumbnail ul li.premium_detail{ height: 34px; color: #666; padding: 18px 15px; float: left; } .premium_bnr_thumbnail ul li.premium_detail p{ font-size: 12px; margin-bottom: 5px; } .premium_bnr_thumbnail ul li.premium_detail span.premium_name{ max-width: 264px; display: inline-block; height: 12px; line-height: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .premium_bnr_thumbnail ul li.test_premium{ height: 70px; float: right; } .premium_bnr_thumbnail ul li.test_premium p{ font-size: 14px; color: #e50065 !important; font-weight: bold; height: auto; line-height: 74px; margin-right: 15px; } .deletebtn_premium_bnr__thumbnail{ display: block; overflow: hidden; background: url(./close_btnoff2.png)no-repeat; background-size: 12px 12px; width: 15px; height: 15px; float: right; margin-right: 5px; margin-top: 7px; } .premium_bnr_txt{ width: 638px; margin: 10px 0; background: #fff; height: 50px; box-shadow: 1px 1px 1px #ededed; -webkit-box-shadow: 1px 1px 1px #ededed; border: 1px #eee; border: 1px solid #fff; -moz-box-shadow: 1px 1px 1px #ededed; } .premium_bnr_txt a{ display: block; transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; width: 638px; height: 50px; } .premium_bnr_txt a:hover { background: rgba(230,230,230,1); } .premium_bnr_txt ul{ width: 610px; height: 20px; line-height: 21px; padding: 15px; display: inline-block; position: relative; } .premium_bnr_txt ul li{ float: left; } .premium_bnr_txt ul li.premium_detail{ color: #666; float: left; } .premium_bnr_txt ul li.premium_detail p{ font-size: 12px; } .premium_bnr_txt ul li.premium_detail span.premium_name{ max-width: 224px; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; /*height: 15px;*/ } .premium_bnr_txt ul li.test_premium{ float: right; } .premium_bnr_txt ul li.test_premium p{ font-size: 14px; color: #e50065 !important; font-weight: bold; height: auto; } .premium_bnr_txt ul li.free_premium p{ display: none; } .premium_bnr_txt a:hover li.premium_detail{ display: none; } .premium_bnr_txt a:hover li.test_premium{ display: none; } .premium_bnr_txt a:hover ul li.free_premium{ width: 610px; text-align: center; } .premium_bnr_txt a:hover ul li.free_premium p{ display: inline-block; font-weight: bold; color: #e50065 !important; width: 220px; font-size: 16px; margin-top: 2px; } /*20170110*/ .playCampaign{ } .playCampaign h2{ margin: 80px 40px 10px!important; } .playCagmpaign bold{ font-weight: bold; color: #e50065; } .playCampaign a p{ padding: 4px; } .playCampaign .campaignBtnModule{ background: #e50065; border-radius: 3px; margin: 0px auto 15px; width: 360px; height: 60px; } .playCampaign .campaignBtnModule:hover{ opacity: 0.8!important; } .playCampaign .campaignBtnModule a{ display: block; } .playCampaign .campaignBtnModule p{ color: #fff; font-size: 22px; text-align: center; line-height: 55px; } .playCampaign .campaignBtnModule a:hover{ cursor: pointer; text-decoration: none !important; } .campaignAbout{ position: absolute; left: 70px; top: 15px; } .playCampaign em img { display: block; position: absolute; left: 20px; top: 7px; } /*吹き出しある版*/ /*.playCampaign em { font-weight: bold; position: relative; display: block; margin: 0 auto; width: auto; margin-top: 30px; width: 440px; height: 60px; color: #666; font-size: 14px; line-height: 32px; text-align: center; background: rgba(255,255,255,0.85); z-index: 0; table-layout: fixed; } .playCampaign em:after { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: rgba(255,255,255,0.85) transparent; }*/ .playCampaign em { font-weight: bold; position: relative; display: block; margin: 0 auto; width: auto; margin-top: 20px; width: 470px; height: 60px; color: #fff; font-size: 16px; line-height: 32px; text-align: center; z-index: 0; table-layout: fixed; } .campaignAbout bold{ color: #FEF038; } .premiumCnt{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 115px; z-index: 2; line-height: 1.5em; } .premiumCnt h2 span{ /*font-size: 16px;*/ } .premiumCnt_btn{ background: #e50065; border-radius: 3px; margin: 25px auto; width: 340px; height: 40px; } .premiumCnt_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; } .premiumCnt_btn p span{ color: #fff; font-size: 12px; } .premiumCnt_btn a:hover{ cursor: pointer; text-decoration: none !important; } .premiumCnt_ab{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_ab h2{ color: #fff; font-size: 20px; text-align: center; margin: 100px 0 40px; z-index: 2; line-height: 1.5em; } .premiumCnt_ab h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .y_member{ text-align:center; font-size: 16px; margin: 0 auto 10px; color: #fff; } .premiumCnt_ab_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 15px; width: 340px; height: 40px; } .premiumCnt_ab_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; } .premiumCnt_ab_btn a:hover{ cursor: pointer; text-decoration: none !important; } .premiumCnt_free{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_free h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 100px; z-index: 2; line-height: 1.5em; } .premiumCnt_free h2 span{ font-size: 16px; } .premiumCnt_free_btn{ background: #e50065; border-radius: 3px; margin: 25px auto; width: 340px; height: 40px; } .premiumCnt_free_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; } .premiumCnt_free_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*b*/ .premiumCnt_a_Ypre{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_a_Ypre h2{ color: #fff; font-size: 20px; text-align: center; margin: 100px 0 40px; z-index: 2; line-height: 1.5em; } .premiumCnt_a_Ypre h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .premiumCnt_a_Ypre_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 35px; width: 340px; height: 40px; } .premiumCnt_a_Ypre_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .premiumCnt_a_Ypre_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*b*/ .premiumCnt_a{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_a h2{ color: #fff; font-size: 20px; text-align: center; margin: 100px 0 40px; z-index: 2; line-height: 1.5em; } .premiumCnt_a h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .premiumCnt_a_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 35px; width: 340px; height: 40px; } .premiumCnt_a_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .premiumCnt_a_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*b*/ .notlogin_premiumCnt_a{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .notlogin_premiumCnt_a h2{ color: #fff; font-size: 20px; text-align: center; margin: 70px 0 40px; z-index: 2; line-height: 1.5em; } .notlogin_premiumCnt_a h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .notlogin_premiumCnt_a_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 15px; width: 340px; height: 40px; } .notlogin_premiumCnt_a_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .notlogin_premiumCnt_a_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*b*/ .notlogin_premiumCnt_a{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .notlogin_premiumCnt_a h2{ color: #fff; font-size: 20px; text-align: center; margin: 70px 0 40px; z-index: 2; line-height: 1.5em; } .notlogin_premiumCnt_a h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .notlogin_premiumCnt_a_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 15px; width: 340px; height: 40px; } .notlogin_premiumCnt_a_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .notlogin_premiumCnt_a_btn a:hover{ cursor: pointer; text-decoration: none !important; } .y_member{ text-align:center; font-size: 16px; margin: 0 auto 10px; color: #fff; } /*視聴ページグラデーションのAパターン*/ .premiumCnt_re{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_re h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 115px; z-index: 2; line-height: 1.5em; } .premiumCnt_re h2 span{ font-size: 12px; vertical-align: 0.5px; } .premiumCnt_re_btn{ background: #e50065; border-radius: 3px; margin: 25px auto; width: 360px; height: 40px; } /**/ .premiumCnt_re_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; } .premiumCnt_re_btn p em{ color: #fff; font-size: 14px; vertical-align: 2px; } .premiumCnt_re_btn p span{ color: #fff; font-size: 10px; vertical-align: 3px; } .premiumCnt_re_btn a:hover{ cursor: pointer; text-decoration: none !important; } .premiumCnt_re_no{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_re_no h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 105px; z-index: 2; line-height: 1.5em; } .premiumCnt_re_no h2 span{ font-size: 12px; vertical-align: 0.5px; } .premiumCnt_re_no_btn{ background: #e50065; border-radius: 3px; margin: 25px auto; width: 400px; height: 63px; } .premiumCnt_re_no_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; } .premiumCnt_re_no_btn p em{ color: #fff; font-size: 14px; vertical-align: 2px; } .premiumCnt_re_no_btn p span{ color: #fff; font-size: 10px; vertical-align: 3px; } .premiumCnt_re_no_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*Yプレ視聴ページグラデーションのAパターン*/ .premiumCnt_a_Ypre{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_a_Ypre h2{ color: #fff; font-size: 20px; text-align: center; margin: 100px 0 40px; z-index: 2; line-height: 1.5em; } .premiumCnt_a_Ypre h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .premiumCnt_a_Ypre_btn{ background: #e50065; border-radius: 3px; margin: 15px auto;/*25px auto;*/ width: 360px; height: 65px; } .premiumCnt_a_Ypre_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; line-height: 1.3; } .premiumCnt_a_Ypre_btn p span { color: #fff; font-size: 12px; } .premiumCnt_a_Ypre_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*Yプレ視聴ページグラデーションのBパターン*/ .premiumCnt_b_Ypre{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.08+35,0+35,0.2+35,0.81+72,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.81) 72%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.81) 72%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .premiumCnt_b_Ypre h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 180px; z-index: 2; line-height: 1.5em; } .premiumCnt_b_Ypre h2 span{ font-size: 12px; vertical-align: 0.5px; } .premiumCnt_b_Ypre_btn{ background: #e50065; border-radius: 3px; margin: 15px auto;/*25px auto;*/ width: 360px; height: 65px; } .premiumCnt_b_Ypre_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; line-height: 1.3; } .premiumCnt_b_Ypre_btn p em{ color: #fff; font-size: 14px; vertical-align: 2px; } .premiumCnt_b_Ypre_btn p span { color: #fff; font-size: 12px; } .premiumCnt_b_Ypre_btn a:hover{ cursor: pointer; text-decoration: none !important; } /**/ /*未ログイン視聴ページグラデーションのBパターン*/ .notlogin_premiumCnt_b{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.08+35,0+35,0.2+35,0.81+72,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.81) 72%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.81) 72%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .notlogin_premiumCnt_b h2{ color: #fff; font-size: 20px; text-align: center; margin: 130px 0 10px; z-index: 2; line-height: 1.5em; } .notlogin_premiumCnt_b h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .notlogin_premiumCnt_b_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 20px; width: 340px; height: 40px; } .notlogin_premiumCnt_b_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .notlogin_premiumCnt_b_btn a:hover{ cursor: pointer; text-decoration: none !important; } /**/ /*未ログイン非Yプレ会員視聴ページグラデーションのBパターン*/ .notlogin_noypre_b{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.08+35,0+35,0.2+35,0.81+72,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.81) 72%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.81) 72%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .notlogin_noypre_b h2{ color: #fff; font-size: 20px; text-align: center; margin: 95px 0 10px; z-index: 2; line-height: 1.5em; } .notlogin_noypre_b h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .notlogin_noypre_b_btn{ background: #e50065; border-radius: 3px; margin: 15px auto; width: 430px; height: 65px; } .notlogin_noypre_b_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; line-height: 1.3; } .notlogin_noypre_b_btn p span { color: #fff; font-size: 12px; } .notlogin_noypre_b_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*ログイン済非Yプレ会員視聴ページグラデーションのBパターン*/ .login_noypre_b{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.08+35,0+35,0.2+35,0.81+72,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.81) 72%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.81) 72%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .login_noypre_b h2{ color: #fff; font-size: 20px; text-align: center; margin: 120px 0 10px; z-index: 2; line-height: 1.5em; } .login_noypre_b h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .login_noypre_b p{ margin-top: 5px; font-size: 16px; line-height: 1.5; } .login_noypre_b_btn{ background: #e50065; border-radius: 3px; margin: 15px auto; width: 430px; height: 65px; } .login_noypre_b_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; line-height: 1.3; } .login_noypre_b_btn p span { color: #fff; font-size: 12px; } .login_noypre_b_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*ログイン済非Yプレ会員視聴ページグラデーションのAパターン*/ .login_noypre_a{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .login_noypre_a h2{ color: #fff; font-size: 20px; text-align: center; margin: 60px 0 40px; z-index: 2; line-height: 1.5em; } .login_noypre_a h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .login_noypre_a p{ margin-top: 5px; font-size: 16px; line-height: 1.5; } .login_noypre_a_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 35px; width: 430px; height: 65px; } .login_noypre_a_btn p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; line-height: 1.3; } .login_noypre_a_btn p span { color: #fff; font-size: 12px; } .login_noypre_a_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*ログイン済み非Yプレ会員視聴ページグラデーションのBパターン*/ .premiumCnt_re_no_b{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.08+35,0+35,0.2+35,0.81+72,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.81) 72%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.81) 72%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .premiumCnt_re_no_b h2{ color: #fff; font-size: 20px; text-align: center; margin-top: 170px; z-index: 2; line-height: 1.5em; } .premiumCnt_re_no_b h2 span{ font-size: 12px; vertical-align: 0.5px; } .premiumCnt_re_no_btn_b{ background: #e50065; border-radius: 3px; margin: 15px auto;/*25px auto*/ width: 400px; height: 63px; } .premiumCnt_re_no_btn_b p{ color: #fff; font-size: 18px; text-align: center; padding-top: 11px; } .premiumCnt_re_no_btn_b p em{ color: #fff; font-size: 14px; vertical-align: 2px; } .premiumCnt_re_no_btn_b p span{ color: #fff; font-size: 10px; vertical-align: 3px; } .premiumCnt_re_no_btn_b a:hover{ cursor: pointer; text-decoration: none !important; } /**/ /*ログイン済みBパターン*/ .premiumCnt_b{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+10,0.08+35,0+35,0.2+35,0.81+72,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.81) 72%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.81) 72%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} .premiumCnt_b h2{ color: #fff; font-size: 20px; text-align: center; margin: 160px 0 20px; z-index: 2; line-height: 1.5em; } .premiumCnt_b h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .premiumCnt_b_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 35px; width: 340px; height: 40px; } .premiumCnt_b_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .premiumCnt_b_btn a:hover{ cursor: pointer; text-decoration: none !important; } /**/ .premiumCnt_a{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background-color: rgba(0,0,0,0.7); } .premiumCnt_a h2{ color: #fff; font-size: 20px; text-align: center; margin: 100px 0 40px; z-index: 2; line-height: 1.5em; } .premiumCnt_a h2 span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label@2x.jpg) no-repeat 19px 3px; background-size: 77px; color: transparent; } .premiumCnt_a_btn{ background: #e50065; border-radius: 3px; margin: 0px auto 15px; width: 340px; height: 40px; } .premiumCnt_a_btn p{ color: #fff; font-size: 18px; text-align: center; line-height: 42px; } .premiumCnt_a_btn a:hover{ cursor: pointer; text-decoration: none !important; } /*160708 bomi*/ #leftCont { margin-top: -10px; margin-bottom: 20px; } .new_title{ width: 640px !important; /*margin-top: -15px;*/ } #title_wrapper3{ margin: 0 auto; color: #666; background: #fff; padding-top: 10px; margin-bottom: 40px; } #title_wrapper3 #pl_btns{ float: right; margin-right: 15px; } #title_wrapper3 .new_wrapperText3 { margin-bottom: 10px; } #title_wrapper3 .new_wrapperText3 h1{ margin-top: 5px; padding-left: 15px; padding-right: 15px; display: block; float: none; font-size: 20px; font-weight: normal; } .new_label_premium_player { display: block; background: url(https://s.yimg.jp/images/gyao/common/images/premiumgyao_label.png) no-repeat; background-size: 56px 16px; width: 56px; height: 16px; text-indent: -9999px; z-index: 15; float: left; margin-left: 15px; } .new_shareBtns2{ display: block; float: right; width: 229px; } .new_shareBtns2 ul:first-child { margin-bottom: 10px; } .new_shareBtns2 ul { overflow: hidden; } .new_shareBtns2 ul li { display: inline; } .favBtn2{ float: left; height: 24px; width: 105px; background-color: #fff; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; margin-right: 5px; overflow: hidden; } .favBtn2 a{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/fav.png) no-repeat; background-size: 20px; padding: 5px 27px; margin: 2px 5px 2px 5px; line-height: 11px; color: #666 !important; } .favOn{ float: left; display: inline; height: 24px; overflow: hidden; width: 105px; background-color: #fff; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; margin-right: 15px; clear: both; } .favOn a{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/fav_on.png) no-repeat; background-size: 20px; padding: 5px 27px; margin: 2px 5px 2px 5px; line-height: 11px; color: #666 !important; text-decoration: none !important; } .pluslistBtn2{ float: left; height: 24px; width: 105px; background-color: #fff; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; } .pluslistBtn2 a{ width: 105px; display: block; background-position: 0 0; background: url(https://s.yimg.jp/images/gyao/common/images/plus.png) no-repeat; background-size: 16px; padding: 3px 21px; margin: 4px 5px 4px 5px; line-height: 11px; color: #666 !important; } .new_shareBtns2 ul li.tw{ margin-right: 34px; } .shareoff{ opacity: 0; } .menuTab{ width: 380px; font-size: 12px !important; overflow: hidden; } .pinkline{ font-size: 12px; font-weight: normal; float: left; display: inline; border-bottom: 2px solid #e50065; } .pinkline a { cursor: default !important; } .menuTab div a{ float: left; margin-top: 43px; padding: 0px 10px 10px 15px; text-align: left !important; color: #666 !important; font-size: 12px; font-weight: normal; display: inline; } .fb_icon{ background-image: url(https://s.yimg.jp/images/gyao/common/images/fbIcon.png); background-repeat: no-repeat; padding-left: 20px; background-position: 0px; } .menuTab_bottom{ width: 640px; background: #fff; overflow: hidden; position: relative; border-top: 1px solid #dcdcdc; } .menuTab_bottom ul{ padding: 15px; margin-bottom: 15px; } .menuTab_bottom ul.devReview{ padding: 0px; border: 1px solid #ededed; border-top: 0px; margin-bottom: 0px; } .menuTab_bottom ul.devRevSort{ padding: 5px; margin-bottom: 5px; } .menuTab_bottom ul.devFb .fbBox{ padding: 0px; } .menuTab_bottom div.top{ border-bottom: 1px solid #ddd; padding-bottom: 5px; } .menuTab_bottom div.left{ float: left; width: 304px; display: inline-block; } div.urlBox{ display: inline-block; width: 608px; margin: 1px 0; border: 1px solid #eee; margin-bottom: 15px; } div.urlBox p.ttl{ color: #000; font-size: 16px; text-align: center; margin-bottom: 5px; font-weight: bold; margin-top: 10px; } div.urlBox.smpurl{ border-bottom: dotted 1px #ddd; margin-bottom: 5px; } div.urlBox p.qrcode{ border: 1px solid #eee; display: inline-block; width: 106px; } div.urlBox dl.url_info{ float: right; display: inline; margin-bottom: 10px; /* margin-right: 20px;*/ } #infoMod.cnt .cntWrap dl.url_info{ padding-top: 0; padding-left: 0; } #infoMod.cnt .cntWrap dl.infoWrap { padding: 0; } .menuTab_bottom ul dl.infoWrap ul { padding: 0; } #infoMod.cnt .cntWrap .urlBox li { width: 580px; } /*div.urlBox ul{ padding: 15px 0px 15px 15px; margin-bottom: 15px; }*/ .menuTab_bottom ul dl.infoWrap div.urlBox > ul { padding: 15px 15px 0 15px; } div.urlBox li.info_warning{ overflow: hidden; border-top: 1px solid #eee; padding-top: 10px; } .menuTab_bottom ul li dt{ font-weight: bold; } .menuTab_bottom ul li dd{ margin-bottom: 10px; line-height: 1.5; } .menuTab_bottom ul li dd:last-child{ margin-bottom: 0px; } .menuTab_bottom li.detail_more a{ width: 27px; height: 28px; display: block; } .menuclose ul.detail_movie{ max-height: 37px; overflow: hidden; width: 555px; } .menuclose ul.detail_movie li{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .menuclose ul.detail_movie li.detail_more{ background: url(https://s.yimg.jp/images/gyao/common/images/more_down.png) no-repeat; background-size: 27px 28px; width: 27px; height: 28px; position: absolute; bottom: 15px; right: 15px; } .menuopen ul.detail_movie li.detail_more{ background: url(https://s.yimg.jp/images/gyao/common/images/more_up.png) no-repeat; background-size: 27px 28px; width: 27px; height: 28px; float: right !important; margin-bottom: 15px; } .menuopen li.detail_more{ /*margin-right: 15px;*/ } ul.detail_review p.review_none{ font-size: 117%; margin: 15px; text-align: center; } ul.detail_review p.review_txt{ text-align: center; margin-bottom: 15px; } ul.detail_review .vote-review { margin: 0 auto; } #program_list { background-position: -630px 0; background-color: #FEFEFE; background-repeat: no-repeat; background: none; } #premiumModule{ margin-top: 30px; } #movie_list h3,#premiumModule h3, #store_product h3{ font-size: 16px; /*padding-left:15px;*/ margin-bottom: 5px; } /*h3.movie_name, .movie_number{ font-size: 16px; }*/ div#devPlTitle, div.devPlTitle2 { font-size: 16px; margin-bottom: 5px; text-align: right; } div.devPlTitle2 { text-align: left; } div.movie_name { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 20px; white-space: nowrap; width: 500px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; float: left; } div.movie_name2 { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 20px; white-space: nowrap; max-width: 370px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; float: left; } .devPlTitle2 p.logo { float: right; } .new_title #movie_list .new_leftMod .cnt, .new_title #premiumModule .new_leftMod .cnt, .new_title #store_product .new_leftMod .cnt{ width: 610px; background-color: #fff; padding: 0px 15px; margin-bottom: 40px; } .new_title #store_product .new_leftMod .cnt, .new_title #premiumModule .new_leftMod .cnt{ padding: 0px 15px 15px 15px; } .new_leftMod .cnt ul{ padding-top: 15px; } .new_leftMod .cntWrap li{ width: 142px; float: left; margin-right: 12px; position: relative; } #store_product .new_leftMod .cntWrap li{ width: 100px; float: left; margin-right: 14px; position: relative; } #movie_list .new_leftMod .cntWrap li .btn_play{ position: absolute; top: 33px; left: 50px; width: 42px; height: 42px; z-index: 100; font-size: 0; line-height: 0; background: url(https://s.yimg.jp/images/gyao/special/g-next/pc/img/thum_icon_play.png) no-repeat; color: transparent; opacity: 0; cursor: pointer; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; -o-transition: opacity 200ms ease-out; -ms-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } #movie_list .cntWrap>div { width: 610px; position: relative; display: table-cell; vertical-align: middle; } #movie_list .new_leftMod .cntWrap li:hover .btn_play{ opacity: 1; } #movie_list .new_leftMod .cntWrap li.playing { width: 140px; border: 1px solid #e50065; padding: 2px; margin-right: 10px; } #movie_list .new_leftMod .cntWrap li.playing a.img img{ width: 140px !important; } .new_leftMod .cntWrap li.last { margin-right: 0px !important; } #store_product .cntWrap li.product_detail{ width: 440px; } #store_product .cntWrap li.product_detail p { margin-bottom: 5px; } #store_product .cntWrap li.product_detail p { display: inline-block; white-space: nowrap; max-width: 440px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #movie_list .new_leftMod .cntWrap li a, #premiumModule .new_leftMod .cntWrap li a, #store_product .new_leftMod .cntWrap li a{ display: block; color: #666; } .new_leftMod .cntWrap li a.img{ margin-bottom: 7px; } #movie_list img.finishIcon{ vertical-align: bottom; margin-bottom: 1px; float: right; margin-top: 3px; } #movie_list li.playing time{ position: absolute; bottom: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 10px; padding: 3px 5px; } #movie_list time{ position: absolute; bottom: 0; right: 2px; color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 10px; padding: 3px 5px; } #store_product .cntWrap li a.img{ margin-bottom: 0px; } #store_product .store_purchase{ float: right; margin-top: -35px; background: #eee; border-radius: 3px; } #store_product .store_purchase:hover{ background: #ddd; } #store_product .store_purchase a{ color: #666 !important; padding: 10px; display: block; } .next_view_on{ width: 150px; height: 30px; margin: 0 auto; margin-top: 15px; background: url(https://s.yimg.jp/images/gyao/common/images/btn_down_on.png) center no-repeat; display: block; color: transparent !important; } .next_view_on:hover{ width: 150px; height: 30px; margin: 0 auto; margin-top: 15px; background: url(https://s.yimg.jp/images/gyao/common/images/btn_down_on.png) #eee center no-repeat; display: block; color: transparent !important; } .next_view_off{ width: 150px; height: 30px; margin: 0 auto; margin-top: 15px; background: url(https://s.yimg.jp/images/gyao/common/images/btn_down_off.png) center no-repeat; display: block; color: transparent !important; cursor: default; } .prev_view_on{ width: 150px; height: 30px; margin: 0 auto; /*margin-bottom: -10px;*/ background: url(https://s.yimg.jp/images/gyao/common/images/btn_up_on.png) center no-repeat; display: block; color: transparent !important; } .prev_view_on:hover{ width: 150px; height: 30px; margin: 0 auto; /*margin-bottom: -10px;*/ background: url(https://s.yimg.jp/images/gyao/common/images/btn_up_on.png) #eee center no-repeat; display: block; color: transparent !important; } .prev_view_off{ width: 150px; height: 30px; margin: 0 auto; /*margin-bottom: -10px;*/ background: url(https://s.yimg.jp/images/gyao/common/images/btn_up_off.png) center no-repeat; display: block; color: transparent !important; cursor: default; } .list_label_premium_m { display: block; background: url(https://s.yimg.jp/images/gyao/common/images/premiumgyao_label.png) no-repeat; background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label_8.jpg) no-repeat\9; background-size: 60px 17px; width: 60px; height: 17px; text-indent: -9999px; z-index: 15; float: left; top: 0; left: 0; position: absolute; } .list_label_store_m { display: block; background: #f46d18; color: #fff; font-size: 10px; font-weight: bold; text-align: center; line-height: 17px; width: 60px; height: 17px; z-index: 15; float: left; top: 0; left: 0; position: absolute; } .new_title .leftMod div.ttl, .new_leftMod div.ttl{ width: 640px; padding-left: 0px; height: auto; } .new_title .leftMod div.ttl p.text, .new_leftMod div.ttl p.text{ line-height: 17px; padding: 0px; } .new_title .leftMod div.ttl p.logo, .new_leftMod div.ttl p.logo{ padding: 0px; float: right; } .right_premiumlogo{ width: 87px; height: 20px; background: url(https://s.yimg.jp/images/gyao/common/images/rightpremium_logo.png) #000 center no-repeat; background-size: 77px 10px; -moz-background-size: 77px 10px; -webkit-background-size: 77px 10px; -o-background-size: 77px 10px; -ms-background-size: 77px 10px; display: inline-block; color: transparent; vertical-align: middle; overflow: hidden; } .new_title .leftMod div.ttl h3, .new_leftMod div.ttl h3{ font-size: 16px; padding:0px; /*padding-left: 15px;*/ margin-bottom: 5px; font-weight: normal; display: inline; float: left; } .new_title .leftMod .cnt{ width: 640px !important; border: 0px !important; overflow: hidden; } .new_title .leftMod .btm{ border-top: 0px !important; } .new_title #storeModule{ margin-top: 30px; } .new_title #storeModule .cntWrap, .new_title #shopModule .cntWrap{ border-top: 0px !important; padding: 15px; } .new_title #storeModule .cntWrap ul{ margin-top: 0px; } .new_title #storeModule .cntWrap ul:last-child{ margin-top: 15px; } .new_title #storeModule .cntWrap li{ width: 102px; float: left; margin-right: 25px; } .new_title #storeModule .cntWrap li.last{ margin-right: 0; /* 161006 */ } .new_title #storeModule .cntWrap li:last-child{ margin-right: 0px; } .new_title #shopModule .cntWrap li{ float: left; width: 106px; padding-left:10px; padding-right:10px; } .new_title #shopModule .cntWrap li:first-child{ padding-left: 0px; } .new_title #shopModule .cntWrap li:last-child{ padding-right: 0px; } .new_title #storeModule .cntWrap li .img, .new_title #shopModule .cntWrap li .img{ margin-bottom: 10px; } /*#movie_list .new_leftMod .cntWrap li:hover ul:before{ left: 100%; top: 10%; content: " "; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(51, 51, 51, 0); border-bottom-color: #eee; border-width: 8px; margin-top: 18px; } #movie_list .new_leftMod .cntWrap li:hover ul{ position: absolute; background: #eee; width: 400px; height: 100px; z-index: 1000; overflow: hidden; } #movie_list .new_leftMod .cntWrap li ul{ width: 400px; overflow: hidden; } #movie_list .new_leftMod .cntWrap li ul li{ width: 400px; overflow: hidden; } #movie_list .new_leftMod .cntWrap li:hover ul li{ width: 400px; overflow: visible; }*/ .tooltip { display: inline; position: relative; z-index: 999; } .tooltip-effect .tooltip-content { -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content::before { content: ''; right: 100%; top: 40%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: auto; border-color: transparent; border-right-color: #fff; border-width: 10px; } .tooltip-content { position: absolute; z-index: 9999; width: 290px; bottom: 0; left: 140px; text-align: left; font-size: 12px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6); background: #fff; opacity: 0; display: none; cursor: default; pointer-events: auto; padding: 15px; clear: both; } #movie_list .new_leftMod .cntWrap li.right .tooltip-content::before { content: ''; left: 100%; top: 40%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: auto; border-color: transparent; border-left-color: #fff; border-width: 10px; } #movie_list .new_leftMod .cntWrap li.right .tooltip-content { position: absolute; z-index: 9999; width: 290px; bottom: 0; left: -320px; text-align: left; font-size: 12px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6); background: #fff; opacity: 0; display: none; cursor: default; pointer-events: auto; padding: 15px; clear: both; } .tooltip-text { display: block; color: #666; } .tooltip-name{ font-weight: bold; margin-bottom: 5px; display: block; } .tooltip-story { position: relative; height: auto; overflow: hidden; line-height: 16px; margin-bottom: 5px; } .tooltip-story:before, .tooltip-story:after { position: absolute; background: #fff; } /*.tooltip-story:before { content: "･･･"; bottom: 0; right: 0; } .tooltip-story:after { content: ""; width: 100%; height: 100%; }*/ .tooltip-date{ display: block; float: left; margin-bottom: 10px; } .tooltip-program{ display: block; float: right; color: #0098e3 !important; } #movie_list .new_leftMod .cntWrap li:hover span.tooltip-content { pointer-events: auto; display: block; opacity: 1; width: 290px; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } /*読み込み中*/ .list_loading{ position:relative; width:77px; height:77px; margin:auto; transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); } .loading_circle{ position:absolute; background-color:rgb(255,255,255); height:14px; width:14px; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; animation-duration:1.2s; -o-animation-duration:1.2s; -ms-animation-duration:1.2s; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } .c01{ left:0; top:31px; animation-delay:0.45s; -o-animation-delay:0.45s; -ms-animation-delay:0.45s; -webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; } .c02{ left:9px; top:9px; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; } .c03{ left:31px; top:0; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; } .c04{ right:9px; top:9px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; } .c05{ right:0; top:31px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; } .c06{ right:9px; bottom:9px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; } .c07{ left:31px; bottom:0; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; } .c08{ left:9px; bottom:9px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; } .txt_loading{ text-align: center; margin-bottom: 15px; } @keyframes f_fadeG{ 0%{background-color:rgb(0,0,0);} 100%{background-color:rgb(255,255,255);} } @-o-keyframes f_fadeG{ 0%{background-color:rgb(0,0,0);} 100%{background-color:rgb(255,255,255);} } @-ms-keyframes f_fadeG{ 0%{background-color:rgb(0,0,0);} 100%{background-color:rgb(255,255,255);} } @-webkit-keyframes f_fadeG{ 0%{background-color:rgb(0,0,0);} 100%{background-color:rgb(255,255,255);} } @-moz-keyframes f_fadeG{ 0%{background-color:rgb(0,0,0);} 100%{background-color:rgb(255,255,255);} } /*エラー文言*/ #movie_list .errorBox { padding: 10px 0; width: 100%; text-align: center; } #movie_list .errorBox p.errorText { color: #d70000; font-weight: bold; padding-bottom: 5px; } /*現状にプレミアム枠追加*/ #premiumModule .leftMod>div.ttl h3 { display: inline; float: left; font-weight: bold; padding: 10px 0 0 5px; font-size: 100%; margin-bottom: 0px; } #premiumModule .leftMod .cntWrap { padding: 5px 12px; border-top: 1px solid #dcdcdb; } #premiumModule .leftMod .cntWrap ul { margin-top: 10px; } #premiumModule .leftMod .cntWrap li { width: 142px; float: left; margin-right: 12px; position: relative; } #premiumModule .leftMod .cntWrap li.last { margin-right: 0px; } #premiumModule .leftMod a.img { display: block; margin-bottom: 10px; } #premiumModule .leftMod .list_label_premium_m { display: block; background: url(https://s.yimg.jp/images/gyao/common/images/premiumgyao_label.png) no-repeat; background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label_8.jpg) no-repeat\9; background-size: 60px 17px; width: 60px; height: 17px; text-indent: -9999px; z-index: 15; float: left; top: 0; left: 0; position: absolute; } /*160729 bomi 修正*/ .new_title #premiumModule .leftMod>div.ttl h3 { font-size: 16px; padding: 0px; /* padding-left: 15px; */ margin-bottom: 5px; font-weight: normal; display: inline; float: left; } .new_title #premiumModule .leftMod .cnt{ margin-bottom: 10px; } .new_title #premiumModule .leftMod .cntWrap{ padding: 0px 15px 15px 15px; border-top: 0px; } .new_title #premiumModule .leftMod .cntWrap ul{ margin-top: 15px; } .new_title #premiumModule .leftMod .cntWrap li a { color: #666 !important; } /*160805 bomi 修正*/ .newdesign_premium{ width: 640px; height: 360px; position: absolute; z-index: 1; margin: auto; overflow: hidden; background: -moz-linear-gradient(to left, rgba(53,54,58,0) 0%,rgba(53,54,58,0) 10%,rgba(53,54,58,0.7) 50%,rgba(58,54,58,1) 76%,rgba(53,54,58,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to left, rgba(53,54,58,0) 0%,rgba(53,54,58,0) 10%,rgba(53,54,58,0.7) 50%,rgba(58,54,58,1) 76%,rgba(53,54,58,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(53,54,58,0) 0%,rgba(53,54,58,0) 10%,rgba(53,54,58,0.7) 50%,rgba(58,54,58,1) 76%,rgba(53,54,58,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: url(https://s.yimg.jp/images/gyao/common/images/player_newbg.png) no-repeat\0; /*IE6-10 */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1e', endColorstr='#00000000',GradientType=1 ); /*IE6-9 */ } .newdesign_premium h2.title{ color: #fff; text-shadow: 1px 1px 3px #000; margin: 10px 10px 5px 10px; font-size: 20px; text-align: left; z-index: 2; /*height: 20px;*/ overflow: hidden; } .newdesign_premium p.story{ color: #fff; text-shadow: 1px 1px 3px #000; margin: 0px 10px 0px 10px; font-size: 12px; text-align: left; z-index: 2; line-height: 1.5; height: 20px; overflow: hidden; } .newdesign_premium_notice{ width: 250px; position: absolute; bottom: 0; margin: 10px; } .newdesign_premium_notice p{ color: #fff; text-shadow: 1px 1px 3px #000; font-size: 12px; text-align: left; z-index: 2; line-height: 1.5em; margin-bottom: 10px; } .newdesign_premium_notice p span{ background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label.jpg) no-repeat 0px -1px; background: url(https://s.yimg.jp/images/gyao/information/premium/pc_img/label_8.jpg) no-repeat 0px 1px\9; text-shadow: none!important; background-size: 56px 16px; color: transparent; } .newdesign_premium_btn{ background: #e50065; border-radius: 3px; width: 230px; height: 30px; } .newdesign_premium_btn p{ color: #fff; font-size: 12px; text-align: center; line-height: 30px; text-shadow: none!important; } .newdesign_premium_btn a:hover{ cursor: pointer; text-decoration: none !important; } div.newdesign_memberstatus, div.newdesign_pluslogin{ width: 230px; } .newdesign_memberstatus span, .newdesign_pluslogin span{ z-index: 2; color: #ccc; line-height: 1.5; display: block; font-size: 11px; } div.newdesign_pluslogin{ margin-top: 10px; } .newdesign_memberstatus span{ margin-top: 10px; } #dev_playArea .newdesign_pluslogin_btn a{ color: #ccc; text-decoration: underline; } .newdesign_movieimg{ width: 640px; height: 360px; z-index: -1; text-align: right; } .newdesign_movieimg img{ height: 360px; } /*160914 msaito Silverlight&CSS対応*/ /*.SilverlightCont{ margin-top: 10px; } .altPlayer,.errorTopSilverlight{border:1px solid #dcdcdc;background-color:#fff;} .altPlayer .altCnt .img,.errorTopSilverlight .img{float:left;} .altPlayer .altCnt .cnt,.errorTopSilverlight .cnt{padding-left:130px;} .errorTopSilverlight{width:588px;padding:20px;border-bottom:none;} .SilverlightCont .heading{ text-align: center; padding: 20px; font-size: 14px; line-height: 22px; background: #ffffff; border: 1px solid #dfdfdf; margin-bottom: 15px; } .SilverlightCont .heading em{ color: #e50064; font-weight: 600; } .SilverlightCont .heading span{ font-size: 10px; margin: 2px; vertical-align: middle; } .SilverlightCont .heading bold{ font-weight: 600; font-size: 15px; } .SilverlightCont .checkList{ border: 1px solid #dfdfdf; padding: 20px; background: #ffffff; margin-bottom: 15px; z-index: 0; } .SilverlightCont .checkList bold{ font-weight: 600; } .SilverlightCont .checkList li{ padding: 15px 0 15px 0; z-index: 20; } .SilverlightCont .checkList li h2{ font-size: 16px; } .SilverlightCont .checkList li:first-child{padding: 0;} .SilverlightCont .checkList li:first-child,.SilverlightCont .checkList li:last-child{border: none;padding-bottom: 0;}*/ /* 左側矢印 */ .checkList p{ line-height: 20px; } .checkList p span{font-size: 10px;} .checkListCaptionNumber { background-color: #444444; display: inline-block; color: #ffffff; font-size: 12px; line-height: 22px; font-weight: 600; margin: 10px 0; position: relative; width: 70px; padding: 0 0 0 2px; text-align: center; } .checkListCaptionNumber:after, .checkListCaptionNumber:before { content: ""; border-style: solid; border-width: 0; position: absolute; width: 0; height: 0; } .checkListCaptionNumber:before { border-color: #444444 transparent; left: -19px; } .checkListCaptionNumber:after { border-color: transparent #444444; border-width: 11px 0 11px 6px; right: -6px; } .errorModule{ text-align: left!important; margin-top: 10px; } .errorModuleHeader{ text-align: center; padding: 20px; font-size: 14px; line-height: 22px; background: #ffffff; margin-bottom: 15px; } .checkList{ padding: 15px; background: #ffffff; margin-bottom: 15px; z-index: 0; line-height: 18px; } .checkList bold{ font-weight: 600; } .checkList li:last-child:after{ content: none!important; } .checkList li:after{ content: "" ; height: 1px; display: block; border-bottom: 1px solid #dfdfdf!important; padding-bottom: 15px!important; } .checkList li { padding: 15px 0 15px 0; z-index: 20; } .checkList li h2 { font-size: 16px; } .checkListCaption span { font-weight: 600; display: inline-block; vertical-align: middle; } .checkList li:first-child { padding: 0; } .checkList li:first-child,.checkList li:last-child { border: none; padding-bottom: 0; } .checkListCaptionText { margin: 0 12px; font-size: 14px; font-weight: 600; display: inline-block; vertical-align: middle; } .chekListLinkCont { width: 270px; background-color: #f7f7f7; padding: 10px; overflow: hidden; box-sizing: border-box; margin: 10px auto; } .chekListLinkCont span { padding: 11px 0 0 11px; box-sizing: border-box; float: left; } .chekListLinkCont img { float: left; } .checkListBtn { display: block; text-align: center; margin: 15px; } .checkListBtn a { background-color: #c00; color: #ffffff!important; display: inline-block; font-size: 15px; font-weight: 600; padding: 15px 30px 15px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -moz-box-shadow: 0 1px 0 #e9e9e9; -webkit-box-shadow: 0 1px 0 #e9e9e9; -o-box-shadow: 0 1px 0 #e9e9e9; -ms-box-shadow: 0 1px 0 #e9e9e9; } .checkListBtn a:hover { opacity: 0.8; text-decoration: none; } /*170124msaito*/ div#premium_bnr { position: relative; }