body#xF130100{ background:#000 url(img/head.jpg) center 215px no-repeat; /* background:#000 url(img/bg.jpg) 0 215px no-repeat; ※固定背景画像を使用する場合は、ヘッダー高さ height:215px; 分下げる ※bodyID名はアップ年月日　*/ } #notitle_mainBottom{ margin-top:0;} .adFooterAdbanner{ display:none !important;} /*　タイアップ ==========================================================================================*/ #cinema_sp { width:960px; position:relative; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6; color:#ddd; padding-bottom:30px; padding:0; margin:0; } #cinema_sp:after{ clear:both; content:""; display:block;} #sns{ width:260px; margin:0 auto; padding-top:10px} /**/ #special-head{ min-height:680px; position:relative;} #special-head .wowow{ background:url(img/head-btn-bg.jpg) no-repeat scroll 0 170px; padding-top:283px; margin-left:660px;} #special-head .wowow a{ display:block; background:url(img/head-btn.jpg) no-repeat; height:79px;} #special-head .read{ padding-top:30px;} /* main-contents */ #special{ width:620px; float:left;} #right{ position:relative;float:right; width:300px; margin-bottom:30px;} .right_contents a:hover{} div.copyright{ text-align:left; font-size:11px; color:#ccc; padding:0 15px;} .tabs{ margin-bottom:20px;} .tabs:after{ clear:both; content:""; display:block;} .tabs li{ float:left; width:300px; cursor:pointer;} .tabs li:hover{ opacity:0.8;} .tabs li:last-child{ float:right;} .tabs li.actors-best{ display:block; height:73px; background:url(img/tab1.jpg) no-repeat;} .tabs li.cinema-best{ display:block; height:73px; background:url(img/tab2.jpg) no-repeat;} .disnon {display: none;} h2.actors{ background:url(img/title-actors-best.jpg) no-repeat; height:73px; text-indent:-8888em;} h2.movies{ background:url(img/title-movies.jpg) no-repeat; height:147px; text-indent:-8888em; margin-bottom:20px;} .tabs2{ margin-bottom:20px;} .tabs2:after{clear:both; content:""; display:block;} .tabs2 li{ float:left; width:33.33%;} .tabs2 li a{ display:block; text-indent:-8888em;} .tabs2 li a:hover{ opacity:0.8;} .tabs2 li.speech a{ background:url(img/tab1-1.jpg) no-repeat; height:59px;} .tabs2 li.performance a{background:url(img/tab1-2.jpg) no-repeat; height:59px;} .tabs2 li.fashion a{background:url(img/tab1-3.jpg) no-repeat; height:59px;} .right_contents div.box{background:url(img/side-bg.jpg) repeat-y;margin-bottom:20px;} .right_contents div.box:after{ display:block; height:20px; background:url(img/side-foot.jpg) no-repeat bottom left; content:"";} #side-information{ text-align:center; margin-top:20px;} #side-information h3{ background:url(img/info-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-information p{ background:url(img/info-date.jpg) no-repeat center; height:40px; line-height:40px; color:#E72F00; text-decoration:underline; text-align:center; font-size:16px; margin-top:10px;} #side-information a{ display:inline-block; height:95px; width:260px; background:url(img/info-btn_on.jpg) no-repeat; margin:10px 0;} #side-information a:hover{background:url(img/info-btn.jpg) no-repeat;} #side-information a:active{background:url(img/info-btn_on.jpg) no-repeat;} #side-special{ text-align:center;} #side-special h3{ background:url(img/special-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-special h4{ font-size:16px; font-weight:bold; padding:15px 0 10px 0; text-align:center;} #side-special p{ padding:0 20px;} #side-special a{display:inline-block; height:95px; width:260px; background:url(img/special-btn_on.jpg) no-repeat; margin:10px 0;} #side-special a:hover{background:url(img/special-btn.jpg) no-repeat;} #side-special a:active{background:url(img/special-btn_on.jpg) no-repeat;} #side-programinfo{ text-align:center;} #side-programinfo h3{ background:url(img/program-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-programinfo a{display:inline-block; height:95px; width:260px; background:url(img/special-btn_on.jpg) no-repeat; margin:10px 0;} #side-programinfo a:hover{background:url(img/special-btn.jpg) no-repeat;} #side-programinfo a:active{background:url(img/special-btn_on.jpg) no-repeat;} #side-programinfo p{ text-decoration:underline;} #side-news{ text-align:center;} #side-news h3{ background:url(img/news-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-news ul{ height:250px; overflow:auto; margin:0 10px;} #side-news ul li{ border-bottom:1px solid #333; text-align:left; padding:5px;} #side-news ul li a{ color:#eee;} #main .box{ padding:15px 30px; font-size:12px;} #main .box p{ line-height:1.8;} #main .box figure{ float:left; width:280px; padding-right:20px; margin:0;} #main .box figure img{ width:100%; height:auto;} #main .box figure figcaption{ font-size:10px; color:#999; padding:5px 0;} /* academy-wowow */ .wowow-link{ margin-bottom:30px;} .academy-wowow{} .academy-wowow:after{ clear:both; content:""; display:block;} .academy-wowow h4{ background:url(img/title-wowow.jpg) no-repeat; height:68px; text-indent:-8888em;} .academy-wowow figure{ float:left; width:220px;padding:20px; margin:0;} .academy-wowow figure img{ width:100%; height:auto;} .academy-wowow figure figcaption{ font-size:10px; color:#999; padding:5px 0;} .academy-wowow p{ padding:20px;} .contents-present{ background:url(img/300-present-wowow-bg.jpg) no-repeat; min-height:485px; padding:60px 20px 0;} .contents-present img{ float:left; padding-right:30px; margin-bottom:20px;} .contents-present .box p{ margin-bottom:20px;} .contents-present p.center:after{ clear:both; text-align:center; padding:10px;} .contents-present a{ clear:both; background:url(img/present-wowow-btn.jpg) no-repeat; height:104px; width:590px; margin:0 auto; display:block;} /* best */ .contents-speech{ background:url(img/best-bg.jpg) no-repeat top; margin-bottom:30px;} .contents-speech:after{ clear:both; content:""; display:block;} .contents-speech h3{ background:url(img/title-speech.jpg) no-repeat; height:88px; text-indent:-8888em;} .contents-speech .box{ border-bottom:1px solid #222;} .contents-speech .box:last-child{ border-bottom:0px solid #333333;} .contents-performance{ background:url(img/best-bg.jpg) no-repeat top; margin-bottom:30px;} .contents-performance:after{ clear:both; content:""; display:block;} .contents-performance h3{ background:url(img/title-performance.jpg) no-repeat; height:88px; text-indent:-8888em;} #main .contents-performance figure{ float:none; width:100%;} .contents-fashion{ background:url(img/best-bg.jpg) no-repeat top; margin-bottom:30px;} .contents-fashion:after{ clear:both; content:""; display:block;} .contents-fashion h3{ background:url(img/title-fashion.jpg) no-repeat; height:88px; text-indent:-8888em;} /*box-movie*/ #main .box-movie{ padding:15px 10px 30px; font-size:12px;background:url(img/box-bottom.png) bottom left no-repeat; } #main .box-movie:after{clear:both; content:""; display:block;} #main .box-movie h3{ color:#ccc59c; font-size:18px;} #main .box-movie h4{ margin-bottom:10px;} #main .box-movie p{ line-height:1.8; font-size:11px;} #main .box-movie p a{ color:#ccc59c; padding-top:10px; display:block; text-align:right;} #main .box-movie figure{ float:left; width:280px; padding-right:20px; margin:0px 0 5px 0;} #main .box-movie figure img{ width:100%; height:auto;} #main .box-movie figure figcaption{ font-size:10px; color:#999; padding:5px 0;} #smartphoneSite1{display:none;} #pc{ display: block; } @media only screen and (min-width : 320px) and (max-width : 568px) { #smartphoneSite1{display: block;} #pc,#footerArea{ display:none;} body#xF130100{ background:#000 ; /* background:#000 url(img/bg.jpg) 0 215px no-repeat; ※固定背景画像を使用する場合は、ヘッダー高さ height:215px; 分下げる ※bodyID名はアップ年月日　*/ } a.smp-head{ text-align:center; width:100%; display:block;} #cinema_sp:after{ clear:both; content:""; display:block;} #sns{ width:260px; margin:0 auto; padding-top:10px} /**/ #special-head{ min-height:0;} #special-head img{ width:100%; height:auto;} #special-head .wowow{ background:none; padding-top:0; margin-left:0; width:100%; margin-bottom:20px;} #special-head .wowow img{ width:100%;} #special-head .wowow a{ display:block; background:none; height:auto;} #special-head .read{ color:#fff; font-size:18px; line-height:1.5; padding:0px 20px 20px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} /* main-contents */ #special{ width:100%; float:none;} #right{ position:relative;float:none; width:300px; margin:0 auto 30px; } .right_contents a:hover{} div.copyright{ text-align:left; font-size:11px; color:#ccc; padding:0 15px;} .tabs{ margin-bottom:0px;} .tabs:after{ clear:both; content:""; display:block;} .tabs li{ float:left; width:48%; cursor:pointer;} .tabs li img{ width:100%; height:auto;} .tabs li:hover{ opacity:0.8;} .tabs li:last-child{ float:right;} .tabs li.actors-best{ display:block; height:auto;} .tabs li.cinema-best{ display:block; height:auto;} .disnon {display: none;} h2.actors{ background:none; background-size:contain; width:100%; height:auto; text-indent:0;} h2.movies{ background:none; background-size:contain;width:100%; height:auto; text-indent:0; margin-bottom:20px;} h2.actors img,h2.movies img{ width:100%; height:auto;} .tabs2{ display:none;} .smp-right_contents{ color:#fff;} .smp-right_contents div.box{background:url(img/side-bg.jpg) repeat-y;margin-bottom:20px;} .smp-right_contents div.box:after{ display:block; height:20px; background:url(img/side-foot.jpg) no-repeat bottom left; content:"";} #side-information{ text-align:center; margin-top:20px;} #side-information h3{ background:url(img/info-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-information p{ background:url(img/info-date.jpg) no-repeat center; height:40px; line-height:40px; color:#E72F00; text-decoration:underline; text-align:center; font-size:16px; margin-top:10px;} #side-information a{ display:inline-block; height:95px; width:260px; background:url(img/info-btn_on.jpg) no-repeat; margin:10px 0;} #side-information a:hover{background:url(img/info-btn.jpg) no-repeat;} #side-information a:active{background:url(img/info-btn_on.jpg) no-repeat;} #side-special{ text-align:center;} #side-special h3{ background:url(img/special-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-special h4{ font-size:16px; font-weight:bold; padding:15px 0 10px 0; text-align:center;} #side-special p{ padding:0 20px;} #side-special a{display:inline-block; height:95px; width:260px; background:url(img/special-btn_on.jpg) no-repeat; margin:10px 0;} #side-special a:hover{background:url(img/special-btn.jpg) no-repeat;} #side-special a:active{background:url(img/special-btn_on.jpg) no-repeat;} #side-programinfo{ text-align:center;} #side-programinfo h3{ background:url(img/program-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-programinfo a{display:inline-block; height:95px; width:260px; background:url(img/special-btn_on.jpg) no-repeat; margin:10px 0;} #side-programinfo a:hover{background:url(img/special-btn.jpg) no-repeat;} #side-programinfo a:active{background:url(img/special-btn_on.jpg) no-repeat;} #side-programinfo p{ text-decoration:underline;} #side-news{ text-align:center;} #side-news h3{ background:url(img/news-head.jpg) no-repeat; height:85px; text-indent:-8888em;} #side-news ul{ height:250px; overflow:auto; margin:0 10px;} #side-news ul li{ border-bottom:1px solid #333; text-align:left; padding:5px;} #side-news ul li a{ color:#eee;} #main .box{ padding:15px 30px; font-size:16px; color:#fff;} #main .box p{ line-height:1.8;} #main .box figure{ float:none; width:100%; padding-right:0px; margin:0;} #main .box figure img{ width:100%; height:auto;} #main .box figure figcaption{ font-size:10px; color:#999; padding:5px 0;} /* academy-wowow */ .wowow-link{ margin-bottom:30px; width:90%; margin:0 5% 20px;} .academy-wowow{ color:#eee;} .academy-wowow:after{ clear:both; content:""; display:block;} .academy-wowow h4{ background:url(img/smp-title-wowow.jpg) no-repeat; background-size:contain; height:68px; text-indent:-8888em;} .academy-wowow figure{ float:none; width:100%;padding:0px; margin:0; text-align:center;} .academy-wowow figure img{ width:90%; height:auto; margin:0 5%;} .academy-wowow figure figcaption{ font-size:11px; color:#999; padding:5px 0; text-align:center;} .academy-wowow p{ padding:20px;} .contents-present{ background:url(img/smp-300-present-wowow-bg.jpg) no-repeat; background-size:contain; min-height:485px; padding:60px 0px 0; text-align:center; color:#fff;} .contents-present img{ float:none; padding-right:0px; margin-bottom:20px;} .contents-present .box p{ margin-bottom:20px;} .contents-present p.center:after{ clear:both; text-align:center; padding:10px;} .contents-present a{display:inline-block; height:95px; width:260px; background:url(img/special-btn_on.jpg) no-repeat; margin:10px 0;} .contents-present a:hover{background:url(img/special-btn.jpg) no-repeat;} .contents-present a:active{background:url(img/special-btn_on.jpg) no-repeat;} /* best */ .contents-speech{ background:url(img/smp-best-bg.jpg) no-repeat top;background-size:contain; margin-bottom:30px;} .contents-speech:after{ clear:both; content:""; display:block;} .contents-speech h3{ width:100%; background:none; text-indent:0; height:auto;} .contents-speech h3 img{ width:100%; height:auto;} .contents-speech .box{ border-bottom:1px solid #222;} .contents-speech .box:last-child{ border-bottom:0px solid #333333;} .contents-performance{ background:url(img/smp-best-bg.jpg) no-repeat top;background-size:contain; margin-bottom:30px;} .contents-performance:after{ clear:both; content:""; display:block;} .contents-performance h3{ width:100%; background:none; text-indent:0; height:auto;} .contents-performance h3 img{ width:100%; height:auto;} #main .contents-performance figure{ float:none; width:100%;} .contents-fashion{ background:url(img/smp-best-bg.jpg) no-repeat top;background-size:contain; margin-bottom:30px;} .contents-fashion:after{ clear:both; content:""; display:block;} .contents-fashion h3{ width:100%; background:none; text-indent:0; height:auto;} .contents-fashion h3 img{ width:100%; height:auto;} /*box-movie*/ #main .box-movie{ padding:1px 5% 40px; width:90%;font-size:18px;background:url(img/box-bottom.png) bottom left no-repeat; color:#fff; } #main .box-movie:after{clear:both; content:""; display:block;} #main .box-movie h3{ color:#ccc59c; font-size:24px; font-weight:bold;} #main .box-movie h4{ margin-bottom:10px; color:#eee;} #main .box-movie p{ line-height:1.8; font-size:16px;} #main .box-movie p a{ color:#ccc59c; padding-top:10px; display:block; font-size:14px;} #main .box-movie figure{ float:left; width:100%; padding-right:0px; margin:0px 0 10px 0;} #main .box-movie figure img{ width:100%; height:auto;} #main .box-movie figure figcaption{ font-size:10px; color:#999; padding:5px 0;} }