/*========================================== [0]リセット設定 [1]共通ヘッダ [2]トップページ [3]共通フッタ [4]共通右サイド部分 [5]カテゴリトップ [6]雛形ページ基本スタイル ==========================================*/ /*-------------------------------------- [0]リセット設定 ---------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0 none; font-size: 100%; font:inherit; vertical-align: bottom; } /* HTML5 追加要素 IE8以下対応 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align:middle; } body { font-family: sans-serif;} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /*-------------------------------------- [1]共通ヘッダ ---------------------------------------*/ body { /*padding-top:100px;*/ -webkit-text-size-adjust: 100%;} body.toppage { padding-top:0;} header { width:100%;} p.ico_10ch { width:1000px; margin:0 auto; position:relative; height:100px;} p.ico_10ch img { position:absolute; top:140px; left:0; z-index:1000;} p#ad-banner { width:1000px; margin:0 auto; position:relative;} p#ad-banner img { position:absolute; top:-95px; right:0;} /* ----------menu---------- */ /* position: stickyで途中からfixed */ #fix_nav { z-index:1000; height:40px; background:#f9e600; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0,0,0); } #fix_nav section {} @supports (position: sticky) or (position: -webkit-sticky) { #fix_nav { position: -webkit-sticky; position: sticky; top: -1px; } } body#epg_list #fix_nav { position:relative;} nav.clearfix { position:relative; width:1000px; height:40px; margin:0 auto; background:#f9e600;} #spmenu {} #spmenu a.btn_spmenu { display:none; cursor:pointer;} #spmenu ul.menu_cate, #spmenu ul.menu_push { text-align:left;} #spmenu ul.menu_cate li, #spmenu ul.menu_push li { float:left;} #spmenu ul.menu_cate li a img, #spmenu ul.menu_push li a img { opacity: 1.0; filter: alpha(opacity=100); /* ie 6 7 */ -ms-filter: "alpha(opacity=100)"; /* ie 8 */} #spmenu ul.menu_cate li a img:hover, #spmenu ul.menu_push li a img:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } header h1.logo { position:absolute; top:-90px; left:20px; z-index:1100; width:20%;} p#ad-banner a:hover { opacity: 0.80; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} header h1.logo a:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */} header p.ico_program, header p.ico_ondemand { position:relative; z-index:1100; display:none;} /* Google検索 */ #spmenu #GgSs { position:relative; top:-10px; left:15px; width:100px; height:30px; padding:5px 0; } #spmenu #GgSs .gsc-control-cse { border:none; background:none; background-color:none;} .gsc-clear-button, .gsc-branding { display:none !important; } #spmenu #GgSs .gsc-search-box-tools { width:181px;} #spmenu #GgSs .gsc-search-box { width:181px; background:url(../images/menu_search_pc.png) right center no-repeat;} #spmenu #GgSs .gsc-search-box button.gsc-search-button-v2, #spmenu #GgSs .gsc-search-box button.gsc-search-button { width: 100%; height: 50px; padding: 0 !important; opacity: 0; cursor:pointer; } #spmenu #GgSs .gsc-search-box td.gsc-input, #spmenu #GgSs .gsc-search-box td.gsc-input .gstl_50 { box-sizing: border-box; width: 150px !important; } /*-------------------------------------- [2]トップページ ---------------------------------------*/ .rectangle_box a img:hover{ opacity: 0.85; filter: alpha(opacity=85); /* ie 6 7 */ -ms-filter: "alpha(opacity=85)"; /* ie 8 */ } .recommend_box a:hover, .event_box a:hover, .other_contents a:hover, footer#common_foot a:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } /* ----------slick---------- */ li.slick-slide img, div.slick-slide img, .scroll_con img { width:100%; height:auto; } /*#box_slide02 .slick-next {background:url(../images/slick-next.png) no-repeat; right: -40px; width:32px; height:32px; top:50%; transition:0.7s;} #box_slide02 .slick-prev {background:url(../images/slick-prev.png) no-repeat; left: -31px; width:32px; height:32px; top:50%; transition:0.7s;}*/ #box_slide01, #box_slide03, #box_slide04, #box_slide05, #box_slide06, #box_slide07, #box_slide08 { width:100%; margin:35px auto;} #box_slide01 { clear:both; margin-top:0; margin-bottom:45px;} li.slick-slide a, div.slick-slide a { color:#333; text-decoration:none;} /*左右の矢印*/ #box_slide01 .slick-next {background-image:url(../images/slick-next.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(128,128,128,0.5); border-radius:5px;} #box_slide03 .slick-next, #box_slide04 .slick-next, #box_slide07 .slick-next, #box_slide08 .slick-next {background-image:url(../images/slick-next.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(255,255,255,0.7); border-radius:5px;} #box_slide05 .slick-next, #box_slide06 .slick-next {background:url(../images/slick-next.png) no-repeat 50% 50% #cccccc; border-radius:5px;} #box_slide01 .slick-prev {background-image:url(../images/slick-prev.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(128,128,128,0.5); border-radius:5px;} #box_slide03 .slick-prev, #box_slide04 .slick-prev, #box_slide07 .slick-prev, #box_slide08 .slick-prev {background-image:url(../images/slick-prev.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(255,255,255,0.7); border-radius:5px;} #box_slide05 .slick-prev, #box_slide06 .slick-prev {background:url(../images/slick-prev.png) no-repeat 50% 50% #cccccc; border-radius:5px;} #inner_slide03 { position:relative; top:10px; padding-bottom:0;} /*QNでhtml部品を書き出したとき、BOM有で書き出されるため、１行分調整*/ #inner_slide07 { margin-top:-30px;} #inner_slide04 { margin-top:-25px;} #inner_slide11, #inner_slide12 { margin-top:-20px;} #inner_slide08 { padding-top:0; background:url(../images/bg_pickup_top.jpg), url(../images/bg_pickup_bottom.jpg) #ead63d; background-repeat:repeat-x, repeat-x; background-position:left top, left bottom;} /*左右の矢印の位置を変える*/ #inner_slide01 .slick-next{ right: 5%; top:45%; transform: scale(.9); transform-origin: 50% top; } #inner_slide02 .slick-next { right: 10px; } #inner_slide03 .slick-next { right: 33px; } #inner_slide04 .slick-next{ right:-10px; } #inner_slide07 .slick-next, #inner_slide08 .slick-next{ right: 20px; } #inner_slide05 .slick-next{ right: 33px; } #inner_slide06 .slick-next{ right: 15%; top:45%; transform: scale(.8); transform-origin: 50% top; } #inner_slide01 .slick-prev{ left: 5%; top:45%; transform: scale(.9); transform-origin: 50% top; } #inner_slide02 .slick-prev { left: 10px; } #inner_slide03 .slick-prev { left: 33px; } #inner_slide04 .slick-prev { left: -10px; } #inner_slide07 .slick-prev, #inner_slide08 .slick-prev { left: 20px; } #inner_slide05 .slick-prev { left: 16px; } #inner_slide06 .slick-prev { left: 15%; top:45%; transform: scale(.8); transform-origin: 50% top; } .slick-prev, .slick-next { z-index:998; width:32px; height:32px; } #box_slide01 .slick-prev, #box_slide01 .slick-next, #box_slide03 .slick-prev, #box_slide03 .slick-next, #box_slide04 .slick-prev, #box_slide04 .slick-next, #box_slide05 .slick-prev, #box_slide05 .slick-next, #box_slide06 .slick-prev, #box_slide06 .slick-next, #box_slide07 .slick-prev, #box_slide07 .slick-next, #box_slide08 .slick-prev, #box_slide08 .slick-next { top:50%; transition:0.7s; } #box_slide01 .slick-prev:hover, #box_slide01 .slick-next:hover, #box_slide03 .slick-prev:hover, #box_slide03 .slick-next:hover, #box_slide04 .slick-prev:hover, #box_slide04 .slick-next:hover, #box_slide05 .slick-prev:hover, #box_slide05 .slick-next:hover, #box_slide06 .slick-prev:hover, #box_slide06 .slick-next:hover, #box_slide07 .slick-prev:hover, #box_slide07 .slick-next:hover, #box_slide08 .slick-prev:hover, #box_slide08 .slick-next:hover { opacity:0.5; transition:0.5s; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; color: black; } /*ドットの色を変える*/ .rectangle .slick-dots li button:before { opacity: .15; color: black; } .rectangle .slick-dots li.slick-active button:before { opacity: .95; color: #f9e600; } /*rectangleの設定*/ /*中央のスライド以外の設定*/ .rectangle .slick-slide:not(.slick-center) img { opacity: 0.50; filter: alpha(opacity=50); /* ie 6 7 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */} /*中央のスライド以外の設定を小さく .nowoa .slick-slide:not(.slick-center) { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); } */ /*BOX共通の設定*/ .recommend_box, .pickup_box { position:relative; width:100%; margin:50px auto -15px; padding:10px 0 2px;} .recommend_box { background:url(../images/boxbg_pc.png), url(../images/boxbg_top.png) #e6e6e6; background-repeat:repeat-x, repeat-x; background-position:left bottom, left top;} .pickup_box {} .recommend_box h2, .pickup_box h2, .event_box h2 { position:relative; width:1000px; margin:0 auto -32px;} .pickup_box h2, .event_box h2 { margin:0 auto;} .recommend_box h2 img { position:absolute; top:-37px; left:0; display:block; width:488px; height:auto;} .pickup_box h2 img { position:absolute; top:-30px; left:0;} .recommend .slick-slide p { font-weight:bold; padding:7px 12px; line-height:1.4;} .event .slick-slide h4 { font-size:90%; font-weight:bold; padding:7px 12px; line-height:1.2;} .event .slick-slide p { display:none; padding:3px 12px;} /*↓イベント中止アナウンス時に赤字部分をTOPにも表示↓*/ .event .slick-slide p { display:block; font-weight:bold; color:#ff0000;} .event .slick-slide p.event_txt, .event .slick-slide p.floatLeft { display:block; font-weight:lighter; color:#333;} .event .slick-slide p.event_txt strong { display:none;} .recommend div.slick-slide div p span.catch_txt, .event div.slick-slide div p span.catch_txt { display:block; padding-bottom:5px; font-weight:lighter;} .event .slick-slide p { font-size:0.8em;} .recommend .slick-slide a.link_btn, .pickup .slick-slide a.link_btn, .event .slick-slide a.link_btn { display:block;} /*recommend の設定*/ .recommend li div { margin:0;} .recommend .slick-slide { position:relative; padding:10px 0; border:solid 1px #999; background:#fff; transition: .3s ease; transform: scale(.9); transform-origin: 50% 50%; } .recommend .slick-slide p img { -webkit-box-shadow: 0 0 5px 0 #cdcdcd; /* Safari, Chrome用 */ -moz-box-shadow: 0 0 5px 0 #cdcdcd; /* Firefox用 */ box-shadow: 0 0 5px 0 #cdcdcd; /* CSS3 */} .recommend .slick-slide p.js-height-max img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .recommend .slick-current { transform: scale(1); transform-origin: 50% 50%; } .recommend.slick-current + .slick-slide { transform-origin: 0 50%; } .recommend .slick-slide p.oa_time { font-weight:bold; color:#d4341f;} .recommend .slick-slide p span { font-size:80%; font-weight:lighter;} .recommend .slick-slide p.oa_time span { position:relative; top:-2px;} /*pickup の設定*/ .pickup_box { padding:10px 0;} .pickup { padding:10px 0 0;} .pickup_box a:hover { opacity: 0.9; filter: alpha(opacity=90); /* ie 6 7 */ -ms-filter: "alpha(opacity=90)"; /* ie 8 */ } .pickup div.slick-slide { position:relative; margin:10px 0; padding:15px 10px; background:#ebd913;} .pickup .slick-slide p { font-weight:bold; padding:0; line-height:1.4; background:#fff;} .pickup .slick-slide p.js-height-max { padding:10px; } .pickup div.slick-slide div p span.catch_txt { display:block; font-weight:lighter; padding-bottom:5px;} /*ピックアップ下段にプレゼント帯・動画配信中帯を出したいときの設定*/ .pickup div.slick-slide div p span.catch_txt img { position:absolute; top:16px; left:6px; width:35%; height:auto;} @media (max-width: 1135px) and (min-width: 768px) { /* 画像位置調整 */ .pickup div.slick-slide div p span.catch_txt img { left:7px;} } /*event の設定*/ .event_box { position:relative; top:-20px;} .event_box .event { width:94%; margin:0 auto -20px;} .event_box h2 { margin-bottom:5px;} .event div.slick-slide div { position:relative; margin:0 2%; padding:5% 0 0; border:solid 1px #999; background:#fff;} .event div.slick-slide div.js-height-max3 { border:none;} .event { padding:10px 0;} /*ondemand の設定*/ .ondemand .slick-slide { transition: .3s ease; transform: scale(.9); transform-origin: 50% 50%; } .ondemand .slick-current { transform: scale(1); transform-origin: 50% 50%; } .ondemand .slick-current + .slick-slide { transform-origin: 0 50%; } .ondemand li div , .ondemand2 li div { margin:1%; padding:10px; border:solid 1px #999; background:#fff;} .ondemand .slick-slide.slick-center div { position:relative; left:-2%; } /* ----------横スクロールコンテンツ---------- */ /* NOW ON AIR 横スクロール */ .box_nowoa { position:relative; width:100%; background:#eede64;} .box_nowoa h2 { position:relative; width:100%; max-width:985px; margin:0 auto;} .box_nowoa h2 picture { position:absolute; width:100%; max-width:985px; top:-15px; left:-20px; display:block; margin:0; padding:0; background:url(../images/bg_nowonair_pc.png) no-repeat 5px bottom;} .box_nowoa h2 picture img { position:relative; top:-10px; left:50px;} .box_nowoa div.nowonair { width:96%; max-width: 964px; margin:0 auto -5px; padding:10px 2%; background:#ebd913;} .box_nowoa div.onair_list_wrapper { width:100%; max-width: 964px; overflow-x: auto; overflow-y: hidden; background: #fff;} #onair_list { } .box_nowoa div#onair_list { width:1800px; margin: 0 auto 2px auto; list-style: none; display: flex; } .box_nowoa div#onair_list a, .box_nowoa div#side_oalist a { color:#333;} .box_nowoa div#onair_list a:hover, .box_nowoa div#onair_list a img:hover, .box_nowoa div#side_oalist a:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } .box_nowoa div#onair_list div { display:inline;} .box_nowoa div#onair_list div.PGTITLE1, .box_nowoa div#onair_list div.PGTITLE2, .box_nowoa div#onair_list div.PGTITLE3, .box_nowoa div#onair_list div.PGTITLE4, .box_nowoa div#onair_list div.PGTITLE5, .box_nowoa div#onair_list div.PGTITLE6, .box_nowoa div#onair_list div.PGTITLE7, .box_nowoa div#onair_list div.PGTITLE8 { display:block; line-height:1.4;} .box_nowoa div#onair_list div.PGTITLE1 img, .box_nowoa div#onair_list div.PGTITLE2 img, .box_nowoa div#onair_list div.PGTITLE3 img, .box_nowoa div#onair_list div.PGTITLE4 img, .box_nowoa div#onair_list div.PGTITLE5 img, .box_nowoa div#onair_list div.PGTITLE6 img, .box_nowoa div#onair_list div.PGTITLE7 img, .box_nowoa div#onair_list div.PGTITLE8 img { position:relative; top:-5px; left:0;} .box_nowoa div#onair_list div.PG1, .box_nowoa div#onair_list div.PG2, .box_nowoa div#onair_list div.PG3, .box_nowoa div#onair_list div.PG4, .box_nowoa div#onair_list div.PG5, .box_nowoa div#onair_list div.PG6, .box_nowoa div#onair_list div.PG7, .box_nowoa div#onair_list div.PG8 { display:block; text-align: left; width:20%; padding:20px 2%; border-left: 1px solid #eee; } .scroll_con::-webkit-scrollbar, .onair_list_wrapper::-webkit-scrollbar { height: 10px; } .scroll_con::-webkit-scrollbar-track, .onair_list_wrapper::-webkit-scrollbar-track { margin: 0 2px; background: #e6e6e6; border-radius: 5px; } .scroll_con::-webkit-scrollbar-thumb, .onair_list_wrapper::-webkit-scrollbar-thumb { width:30%; background: #c7c7c7; border-radius: 5px; } .scroll_con::-webkit-scrollbar-thumb { background:#f9e600;} .scroll_con { width: 100%; background: #fff; overflow-x: auto; overflow-y: hidden; } .scroll_con ul { width:2080px; margin: 0 auto 2px auto; list-style: none; display: flex; } .scroll_con ul li { text-align: center; border-left: 1px solid #eee; } .scroll_con ul li:last-child { border-right: 1px solid #eee; } .banner_box .scroll_con ul li { border:none;} /* .scroll_con ul li a, .scroll_con ul li a:link, .scroll_con ul li a:visited { display: inline-block; width: 100%; background: #9fb7d4; text-decoration: none; } .scroll_con ul li a:hover, .scroll_con ul li a:active { background: #afc6e2; } */ /* ----------コンテンツ下段---------- */ .other_wrapper { width:100%; padding:25px 0 0; background:url(../images/boxbg_other.png) repeat-x left bottom #e6e6e6;} .other_contents { width:100%; max-width:1000px; margin:0 auto;} .other_contents section.present_box, .other_contents section.headline_box, .other_contents section.osusume_box { margin-bottom:20px; padding-bottom:10px; border:solid 1px #ccc; background:#fff;} .other_contents section.headline_box, .other_contents section.osusume_box { width:51%;} .other_contents div.left_box { position:relative; left:1%; float:left; width:51%;} .other_contents div.right_box { float:right; width:43%; margin-left:5%; padding-bottom:40px;} .other_contents section.headline_box, .other_contents section.osusume_box { float:right;} /* プレゼント 、ニュース*/ .other_contents section.present_box a, .other_contents section.headline_box a { color:#333; text-decoration:none;} .other_contents section.present_box a:hover, .other_contents section.headline_box a:hover { color:#333; text-decoration:underline;} .other_contents section.present_box h2, .other_contents section.headline_box h2 { padding:2px 0; border-bottom:solid 1px #ebd913;} .other_contents section.present_box h2 img, .other_contents section.headline_box h2 img { position:relative; left:-1px; display:block; width:518px; height:auto;} .other_contents section.present_box ul, .other_contents section.headline_box ul { width:92%; margin:15px auto 5px;} .other_contents section.present_box ul li, .other_contents section.headline_box ul li { padding:8px;} .other_contents section.present_box ul li:nth-child(even), .other_contents section.headline_box ul li:nth-child(even) { background:#f7f7f7;} .other_contents section.headline_box ul#press_even, .other_contents section.headline_box ul#press_odd { margin-top:-10px;} .other_contents section.headline_box ul#press_even li, .other_contents section.headline_box ul#press_odd li { display:none;} .other_contents section.headline_box ul#press_even li:nth-child(1), .other_contents section.headline_box ul#press_even li:nth-child(2), .other_contents section.headline_box ul#press_even li:nth-child(3), .other_contents section.headline_box ul#press_odd li:nth-child(1), .other_contents section.headline_box ul#press_odd li:nth-child(2), .other_contents section.headline_box ul#press_odd li:nth-child(3) { display:block;} .other_contents section.present_box p { width:470px; margin:10px auto 0;} .other_contents section.headline_box ul li p { display:inline;} .other_contents section.headline_box ul li p.postdate { color:#999; padding-left:15px;} .other_contents section.headline_box p.link_you, .other_contents section.headline_box p.link_press { width:92%; margin:0 auto; background:#ebd913;} .other_contents section.headline_box p.link_you { margin-bottom:25px;} .other_contents section.headline_box p.link_you a, .other_contents section.headline_box p.link_press a { font-weight:bold; display:block; padding:10px 0; text-align:center;} .other_contents section.headline_box p.link_you a span, .other_contents section.headline_box p.link_press a span { position:relative; padding-left:1em;} .other_contents section.headline_box p.link_you a span:after, .other_contents section.headline_box p.link_press a span:after{ content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:5px solid transparent; border-right: 9px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #333; position:absolute; left:0px; bottom:25%; } /* おすすめコンテンツ */ .other_contents section.osusume_box { padding-bottom:15px; background:url(../images/bg_yellowdot.jpg) repeat left top;} .other_contents section.osusume_box h2 img { display:block; width:332px; height:auto; margin:25px auto;} .other_contents section.osusume_box ul { width:95%; margin:0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap:wrap;} .other_contents section.osusume_box ul li { margin-bottom:15px; padding-bottom:6px; line-height:1.35;} /*おすすめバナー上段に大サイズ×２、下段に小サイズ×４のとき .other_contents section.osusume_box ul li:nth-of-type(1) .other_contents section.osusume_box ul li:nth-of-type(2), .other_contents section.osusume_box ul li:nth-of-type(6) { margin-right:0;} */ .other_contents section.osusume_box ul li.list_l { width:49%; background:url(../images/bg_osusumel.png) no-repeat left bottom; -webkit-background-size:240px; background-size:240px;} .other_contents section.osusume_box ul li.list_s { width:24%; background:url(../images/bg_osusumes.png) no-repeat left bottom; -webkit-background-size:114px; background-size:114px;} .other_contents section.osusume_box ul li.list_l img { width:100%; /*max-width:240px;*/} .other_contents section.osusume_box ul li.list_s img { width:100%; /*max-width:114px;*/} .other_contents section.osusume_box ul li h3 { position:relative; background:#f0e230; border-top-left-radius:4px; border-top-right-radius:4px;} .other_contents section.osusume_box ul li h3 img { position:relative; top:-3px;} .other_contents section.osusume_box ul li.list_s h3 {} .other_contents section.osusume_box ul li h3:after{ content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:9px solid #f0e230; border-right: 5px solid transparent; border-bottom: 9px solid transparent; border-left: 5px solid transparent; position:absolute; left:45%; bottom:-18px; } .other_contents section.osusume_box ul li p img { border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .other_contents section.osusume_box ul li p img:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} /* 右サイドコンテンツ Twitter */ .other_contents div.right_box section.twitter_box { width:100%; padding-bottom:40px; background:#f2f2f2;} .other_contents div.right_box section.twitter_box h2 { width:84%; margin:0 auto; padding:25px 0 5px;} .other_contents div.right_box section.twitter_box h2 img { width:184px; height:auto;} .other_contents div.right_box section.twitter_box div { width:84%; margin:0 auto;} /* IE9 */ .other_contents div.right_box section.twitter_box div:not(:target) { height:500px; background:#fff; } /* IE10以降 */ @media all and (-ms-high-contrast:none){ .other_contents div.right_box section.twitter_box div { height:500px; background:#fff; } } /* 右サイドコンテンツ Movie */ .other_contents div.right_box section.topmovie_box {} .other_contents div.right_box section.topmovie_box iframe { width:100%; height:304px;} /* リンクバナー */ section.banner_box { width:100%; max-width:1000px; margin:0 auto;} section.banner_box li { padding-right:5px;} section.banner_box li img { width:auto; height:65px;} section.banner_box li img:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} /* AD（top） */ div#adnw-top { width:728px; margin:20px auto 70px;} /*-------------------------------------- [3]共通フッタ ---------------------------------------*/ /* AD（foot） */ div#adnw-foot { width:728px; margin:50px auto;} footer#common_foot { width:100%; margin:0; background:#e6e6e6;} footer#common_foot section { width:1000px; margin:0 auto;} footer#common_foot section.sns_box { width:94%; margin:0 auto; padding:30px 0 40px;} footer#common_foot section.sns_box ul { width:38%; padding-left:62%;} footer#common_foot section.sns_box ul li { float:left; width:66px; margin-right:5px;} footer#common_foot section.sns_box ul li:last-child { margin-right:0;} footer#common_foot section.sns_box ul li img { width:60px; height:auto; padding:2px;} footer#common_foot section.sitemap_box { width:86%; margin:0 auto; padding-bottom:45px;} footer#common_foot section.sitemap_box div.company, footer#common_foot section.sitemap_box div.broadcasting, footer#common_foot section.sitemap_box div.guide { float:left; width:30%;} footer#common_foot section.sitemap_box div.company, footer#common_foot section.sitemap_box div.broadcasting { margin-right:5%;} footer#common_foot .sitemap_box .btn_company, footer#common_foot .sitemap_box .btn_broadcasting, footer#common_foot .sitemap_box .btn_guide { font-weight:bold; color: #808080; font-size:14px; padding:3px 0; pointer-events: none; border-radius:12px; background:#fff; text-align:center;} footer#common_foot section.sitemap_box div ul { padding:5px 10px;} footer#common_foot section.sitemap_box div ul li { font-size:13px; position:relative; margin-top:10px; padding-left:1.2em;} footer#common_foot section.sitemap_box div ul li a { color:#808080; text-decoration:none;} footer#common_foot section.sitemap_box div ul li a:hover { text-decoration:underline;} footer#common_foot section.sitemap_box div ul li:after{ content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #808080; position:absolute; left:0; bottom:20%; } /* footer#common_foot div.copy_box { font-size:12px; font-weight:bold; width:100%; padding:5px 0; background:#f9e600; text-align:center;} */ footer#common_foot div.copy_box { width: 100%; padding: 12px 0; font-size: 1.2rem; text-align: center; color: #fff; background: #c00014; letter-spacing: 0.03em; } /*-------------------------------------- [4]共通右サイド部分 ---------------------------------------*/ .cate_contents div.right_box, .page_contents div.right_box, .original_contents div.right_box { float:left; clear:right; width:37%; margin-left:3%; background:#f2f2f2;} .side_nowoa h2, .side_pickup h2, .side_event h2, .side_osusume h2 { position:relative; background:url(../images/bg_side_pc.jpg) no-repeat left top; text-align:center;} .side_pickup h2, .side_event h2, .side_osusume h2 { margin-bottom:10px;} .side_nowoa h2 img, .side_pickup h2 img, .side_event h2 img, .side_osusume h2 img { width:200px; height:auto; padding:5px 0;} .side_nowoa h2:after, .side_pickup h2:after, .side_event h2:after, .side_osusume h2:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:14px solid #e3d11e; border-right: 9px solid transparent; border-bottom: 14px solid transparent; border-left: 9px solid transparent; position:absolute; left:48%; bottom:-25px; } /* NOW ON AIR */ .side_nowoa { position:relative; width:100%; padding-bottom:40px;} .side_nowoa div.nowonair { width:95%; margin:15px auto; background:url(../images/bg_update.jpg) no-repeat left top #fff; -webkit-background-size:100%; background-size:100%;} .side_nowoa div.onair_list_wrapper { padding:15px 30px 0px 30px;} .side_nowoa div#onair_list {} .side_nowoa div#onair_list a, .side_nowoa div#side_oalist a { color:#333;} .side_nowoa div#onair_list a:hover, .side_nowoa div#onair_list a img:hover, .side_nowoa div#side_oalist a:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } .side_nowoa div#onair_list div.PG1, .side_nowoa div#onair_list div.PG2, .side_nowoa div#onair_list div.PG3, .side_nowoa div#onair_list div.PG4 { display:block; font-size:0.9em; text-align: left; width:100%; padding:10px 0 15px; border-bottom: 1px solid #eee; line-height:1.3; } .side_nowoa div#onair_list div.PG5, .side_nowoa div#onair_list div.PG6, .side_nowoa div#onair_list div.PG7, .side_nowoa div#onair_list div.PG8 { display:none;} .side_nowoa div#onair_list div { display:inline;} .side_nowoa div#onair_list div.PGTITLE1, .side_nowoa div#onair_list div.PGTITLE2, .side_nowoa div#onair_list div.PGTITLE3, .side_nowoa div#onair_list div.PGTITLE4, .side_nowoa div#onair_list div.PGTITLE5, .side_nowoa div#onair_list div.PGTITLE6, .side_nowoa div#onair_list div.PGTITLE7, .side_nowoa div#onair_list div.PGTITLE8 { display:block; line-height:1.4;} .side_nowoa div#onair_list div.PGTITLE1 img, .side_nowoa div#onair_list div.PGTITLE2 img, .side_nowoa div#onair_list div.PGTITLE3 img, .side_nowoa div#onair_list div.PGTITLE4 img, .side_nowoa div#onair_list div.PGTITLE5 img, .side_nowoa div#onair_list div.PGTITLE6 img, .side_nowoa div#onair_list div.PGTITLE7 img, .side_nowoa div#onair_list div.PGTITLE8 img { position:relative; top:-5px; left:0;} .side_nowoa a.btn_morepg { display:block; text-decoration:none;} .side_nowoa a.btn_morepg.pc_none { display:none;} .side_nowoa a p.more_pg { color:#333; font-weight:bold; position:relative; width:95%; margin:0 auto; padding:10px 0; border-radius:3px; background:#fff; text-align:center; text-indent:-1em;} .side_nowoa p.more_pg:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #333; position:absolute; left:23%; top:40%; } /* AD（right） */ div#adnw-right { width:300px; margin:50px auto 10px;} /* ----------slick---------- */ #box_slide11, #box_slide12 { font-size:0.8em; width:100%; margin:0 auto;} #box_slide11 .slick-prev, #box_slide11 .slick-next, #box_slide12 .slick-prev, #box_slide12 .slick-next { top:50%; transition:0.7s; } #box_slide11 .slick-prev:hover, #box_slide11 .slick-next:hover, #box_slide12 .slick-prev:hover, #box_slide12 .slick-next:hover { opacity:0.5; transition:0.5s; } /*左右の矢印*/ #box_slide11 .slick-next, #box_slide12 .slick-next { transform: scale(.8); transform-origin: 50% top; background-image:url(../images/slick-next.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(255,255,255,0.7); border-radius:5px;} #box_slide11 .slick-prev, #box_slide12 .slick-prev { transform: scale(.8); transform-origin: 50% top; background-image:url(../images/slick-prev.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(255,255,255,0.7); border-radius:5px;} /*左右の矢印の位置を変える*/ #inner_slide11 .slick-next { right: 50px; } #inner_slide12 .slick-next { right: -10px; } #inner_slide11 .slick-prev { left: 50px; } #inner_slide12 .slick-prev { left: -10px; } /*side_pickup side_eventの設定*/ .side_pickup, .side_event { width:100%; margin:0 auto; padding:20px 0;} .side_pickup .sidepickup { width:100%; margin:0 auto;} .side_event .sideevent { width:95%; margin:0 auto;} .side_pickup .sidepickup div.slick-slide, .side_event .sideevent div.slick-slide { margin:10px; padding:10px 0 0; border:solid 1px #999; background:#fff;} .side_event .sideevent div.slick-slide { padding-top:5px; padding-bottom:10px;} .side_pickup .sidepickup div.slick-slide p, .side_event .sideevent div.slick-slide h4 { font-size:1.1em; font-weight:bold; padding:5px 10px; line-height:1.5;} .side_event .sideevent div.slick-slide h4 { font-size:0.95em; line-height:1.3;} .side_event .sideevent div.slick-slide p { display:none; padding:3px 10px; line-height:1.3;} .side_event .sideevent div.slick-slide p.floatLeft, .side_event .sideevent div.slick-slide p.event_txt { display:block;} .side_event .sideevent div.slick-slide p.event_txt strong { display:none;} .side_pickup .sidepickup div.slick-slide p span.catch_txt, .side_event .sideevent div.slick-slide p span.catch_txt { font-size:0.9em; font-weight:lighter; display:block;} .side_pickup .sidepickup .slick-slide a.link_btn, .side_event .sideevent .slick-slide a.link_btn { display:block;} /* おすすめコンテンツ */ .side_osusume { margin-top:30px; padding-bottom:40px;} .side_osusume ul { width:90%; margin:20px auto 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap:wrap;} .side_osusume ul+ul { border-top: 2px dotted #d9d9d9; padding-top: 30px;} .side_osusume ul li { margin-bottom:10px; padding-bottom:10px; line-height:1.35;} .side_osusume ul li a { display:block;} .side_osusume ul li.list_l { width:100%; background:url(../images/bg_osusumel.png) no-repeat left bottom; -webkit-background-size:375px; background-size:375px;} .side_osusume ul li.list_s { width:48%; background:url(../images/bg_osusumes.png) no-repeat left bottom; -webkit-background-size:180px; background-size:180px;} .side_osusume ul li.list_l img { width:100%;} .side_osusume ul li.list_s img { width:100%;} /*おすすめバナー上段に大サイズ×２、下段に小サイズ×４のとき .side_osusume ul li:nth-of-type(4), .side_osusume ul li:nth-of-type(6) { margin-right:0;}*/ .side_osusume ul li h3 { position:relative; background:#d9d9d9; border-top-left-radius:4px; border-top-right-radius:4px;} .side_osusume ul li.list_l h3 img { width:72%; margin:2px 14%;} .side_osusume ul li.list_s h3 img { width:80%; margin:2px 10%;} .side_osusume ul li h3:after{ content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:9px solid #d9d9d9; border-right: 5px solid transparent; border-bottom: 9px solid transparent; border-left: 5px solid transparent; position:absolute; left:48%; bottom:-18px; } .side_osusume ul li p img { border-bottom-left-radius:4px; border-bottom-right-radius:4px;} .sidepickup .slick-slide a.link_btn:hover, .sideevent .slick-slide a.link_btn:hover, .side_osusume ul li p img:hover, .side_nowoa p.more_pg:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */} /*-------------------------------------- [5]カテゴリトップ ---------------------------------------*/ .cate_wrapper, .event_wrapper, .original_wrapper { width:100%;} .cate_contents, .event_contents, .original_contents { width:100%; max-width:1000px; margin:0 auto;} .catepickup_box a:hover, .cate_contents a:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } .cate_contents div.left_box section.cate_list div.btn_week a:hover { opacity: 0.85; filter: alpha(opacity=85); /* ie 6 7 */ -ms-filter: "alpha(opacity=85)"; /* ie 8 */ } .cate_contents div.left_box, .event_contents div.left_box, .original_contents div.left_box { float:left; width:60%; padding-bottom:100px;} h2.catetop { width:100%; margin:0; background:#808080;} h2.catetop span { display:block; width:100%; max-width:1000px; margin:0 auto; padding:0;} h2.catetop span img { width:430px; height:35px;} /* ピックアップ */ /* ----------slick---------- */ #box_slide10 { width:100%; margin:50px auto;} #box_slide10 .slick-prev, #box_slide10 .slick-next { top:50%; transition:0.7s; } #box_slide10 .slick-prev:hover, #box_slide10 .slick-next:hover { opacity:0.5; transition:0.5s; } /*左右の矢印*/ #box_slide10 .slick-next {background-image:url(../images/slick-next.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(255,255,255,0.7); border-radius:5px;} #box_slide10 .slick-prev {background-image:url(../images/slick-prev.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(255,255,255,0.7); border-radius:5px;} /*左右の矢印の位置を変える*/ #inner_slide10 .slick-next{ right: 20px; } #inner_slide10 .slick-prev { left: 20px; } /*ドットの色を変える*/ .catepickup .slick-dots li button:before { opacity: .15; color: black; } .catepickup .slick-dots li.slick-active button:before { opacity: .95; color: #f9e600; } /*catepickup_boxの設定*/ .catepickup_box a:hover { opacity: 0.9; filter: alpha(opacity=90); /* ie 6 7 */ -ms-filter: "alpha(opacity=90)"; /* ie 8 */ } .catepickup_box { position:relative; top:0; width:100%; margin:70px auto; padding:0; background:url(../images/boxbg_pc.png), url(../images/boxbg_top.png) #e6e6e6; background-repeat:repeat-x, repeat-x; background-position:left bottom, left top;} .catepickup_box .catepickup { position:relative; top:-20px; width:100%; max-width:1000px; margin:0 auto;} .catepickup div.slick-slide { margin:10px 0; padding:15px 8px; background:#ebd913;} .catepickup div.slick-slide p { font-size:1.1em; font-weight:bold; padding:0; background:#fff; line-height:1.3;} .catepickup div.slick-slide p.js-height-max { padding:10px; } .catepickup div.slick-slide div p span.catch_txt { font-size:0.9em; display:block; font-weight:lighter; padding-bottom:5px;} .catepickup div.slick-slide p img { border-bottom:solid 1px #ddd;} /*.catepickup div.slick-slide p img { border-radius:4px; -webkit-box-shadow: 0 0 5px 0 #cdcdcd; -moz-box-shadow: 0 0 5px 0 #cdcdcd; box-shadow: 0 0 5px 0 #cdcdcd; } .catepickup div.slick-slide p.js-height-max img { border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}*/ .catepickup .slick-slide a.link_btn { display:block;} .catepickup_box h3 { position:relative; top:-30px; width:100%; max-width:1000px; margin:0 auto;} .catepickup_box h3 img.ico_h3 { width:51px; height:auto;} .catepickup_box h3 img.txt_h3 { width:460px; height:auto;} .cate_contents div.left_box section.cate_list { margin-bottom:40px;} /* 曜日・ジャンル選択ボタン */ .cate_contents div.left_box section.cate_list div.btn_genre, .cate_contents div.left_box section.cate_list div.btn_week { position:relative; z-index:999; padding-bottom:10px;} .cate_contents div.left_box section.cate_list div.btn_week { background:url(../images/bg_week_pc.jpg) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .cate_contents div.left_box section.cate_list div.btn_genre { background:url(../images/bg_genre.jpg) no-repeat left top; -webkit-background-size:100%; background-size:100%;} @supports (position: sticky) or (position: -webkit-sticky) { .cate_contents div.left_box section.cate_list div.btn_week, .cate_contents div.left_box section.cate_list div.btn_genre { position: -webkit-sticky; position: sticky; top: 39px; } } .cate_contents div.left_box section.cate_list div.btn_week:after, .cate_contents div.left_box section.cate_list div.btn_genre:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:20px solid #e3d11e; border-right: 16px solid transparent; border-bottom: 20px solid transparent; border-left: 16px solid transparent; position:absolute; left:46.5%; bottom:-35px; } .cate_contents div.left_box section.cate_list div.btn_week h3 { width:77%; margin:0 auto;} .cate_contents div.left_box section.cate_list div.btn_week h3 img { width:100%; height:auto;} .cate_contents div.left_box section.cate_list div.btn_week ul { width:91%; margin:0 auto; display: -webkit-flex; display: flex;} .cate_contents div.left_box section.cate_list div.btn_week ul li { margin-right:1%;} .cate_contents div.left_box section.cate_list div.btn_week ul li:last-child { margin-right:0;} .cate_contents div.left_box section.cate_list div.btn_week ul li img, .cate_contents div.left_box section.cate_list div.btn_genre ul li img { width:100%; height:auto;} .cate_contents div.left_box section.cate_list div.btn_genre ul { width:70%; margin:0 auto; padding:10px 0 0; display: -webkit-flex; display: flex;} .cate_contents div.left_box section.cate_list div.btn_genre ul li { margin-right:4%;} .cate_contents div.left_box section.cate_list div.btn_genre ul li:last-child { margin-right:0;} /* 番組一覧用 */ .cate_contents div.left_box section.cate_list div.list_week {} .cate_contents div.left_box section.cate_list div.list_week h3, .cate_contents div.left_box section.cate_list div.list_genre h3 {background:linear-gradient(to right, #e6e6e6, #fafafa);} .cate_contents div.left_box section.cate_list div.list_week h3 img, .cate_contents div.left_box section.cate_list div.list_genre h3 img { width:85px; height:auto; margin:7px 10px; padding:0 10px; background:url(../images/bg_icoweek_bottom.png), url(../images/bg_icoweek_top.png), url(../images/bg_icoweek.png); background-repeat:no-repeat, no-repeat, repeat-y; background-position:left bottom, left top, left top; -webkit-background-size:8px; background-size:8px;} .cate_contents div.left_box section.cate_list div.list_genre h3 img { padding-left:30px;} .cate_contents div.left_box section.cate_list div.list_week ul, .cate_contents div.left_box section.cate_list div.list_genre ul { padding:30px 3px;} .cate_contents div.left_box section.cate_list div.list_week ul li, .cate_contents div.left_box section.cate_list div.list_genre ul li { float:left; width:30%; margin-right:5%; padding-bottom:15px; line-height:1.3;} .cate_contents div.left_box section.cate_list div.list_week ul li:nth-child(3n), .cate_contents div.left_box section.cate_list div.list_genre ul li:nth-child(3n) { margin-right:0;} .cate_contents div.left_box section.cate_list div.list_week ul li img, .cate_contents div.left_box section.cate_list div.list_genre ul li img { width:100%; height:auto; margin-bottom:5px; border:solid 1px #cacaca;} .cate_contents div.left_box section.cate_list div.list_week ul li a, .cate_contents div.left_box section.cate_list div.list_genre ul li a { color:#333; display:block; text-decoration:none;} .cate_contents div.left_box section.cate_list div.list_week ul li a:hover span.title_txt, .cate_contents div.left_box section.cate_list div.list_genre ul li a:hover span.title_txt { text-decoration:underline;} .cate_contents div.left_box section.cate_list div.list_week ul li p span.title_txt, .cate_contents div.left_box section.cate_list div.list_genre ul li p span.title_txt { color:#777;} .cate_contents div.left_box section.cate_list div.list_week ul li a p span.title_txt, .cate_contents div.left_box section.cate_list div.list_genre ul li a span.title_txt { color:#333; position:relative; text-indent:1.5em;} .cate_contents div.left_box section.cate_list div.list_week ul li a p span.title_txt:after, .cate_contents div.left_box section.cate_list div.list_genre ul li a p span.title_txt:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:6px solid transparent; border-right: 10px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #e3d11e; position:absolute; left:5px; top:0.2em; } .cate_contents div.left_box section.cate_list div.list_week ul li p span.title_txt, .cate_contents div.left_box section.cate_list div.list_genre ul li p span.title_txt { font-weight:bold; display:block;} .cate_contents div.left_box section.cate_list div.list_week ul li p span.catch_txt, .cate_contents div.left_box section.cate_list div.list_genre ul li p span.catch_txt { font-weight:lighter; display:block; padding-bottom:5px;} .cate_contents div.left_box section.cate_list div.list_week p.re_week, .cate_contents div.left_box section.cate_list div.list_genre p.re_week { font-size:0.8em; position:relative; top:-10px; text-align:right;} .cate_contents div.left_box section.cate_list div.list_week p.re_week a, .cate_contents div.left_box section.cate_list div.list_genre p.re_week a { color:#999;} .cate_contents div.left_box section.cate_list div.list_week p.re_week:after, .cate_contents div.left_box section.cate_list div.list_genre p.re_week:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:8px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #999; border-left: 4px solid transparent; position:absolute; left:81%; top:-0.2em; } .cate_contents div.left_box section.cate_list div#end h3 img, .cate_contents div.left_box section.cate_list div#end_no h3 img, .cate_contents div.left_box section.cate_list div#futeiki h3 img { width:140px;} .cate_contents div.left_box section.cate_list div#end ul, .cate_contents div.left_box section.cate_list div#end_no ul { padding:15px 3px 5px;} .cate_contents div.left_box section.cate_list div#end ul li, .cate_contents div.left_box section.cate_list div#end_no ul li { width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #999;} .cate_contents div.left_box section.cate_list div#end ul li p, .cate_contents div.left_box section.cate_list div#end_no ul li p { font-size:0.9em; margin:0 5%;} .cate_contents div.left_box section.cate_list div#end ul li a, .cate_contents div.left_box section.cate_list div#end_no ul li a { position:relative; text-indent:1.5em;} .cate_contents div.left_box section.cate_list div#end ul li a:hover, .cate_contents div.left_box section.cate_list div#end_no ul li a:hover { text-decoration:underline;} .cate_contents div.left_box section.cate_list div#end ul li a:after, .cate_contents div.left_box section.cate_list div#end_no ul li a:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 8px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #e3d11e; position:absolute; left:6%; top:0.2em; } .cate_contents div.left_box section.cate_list div#end p.list_more { position:relative; font-size:0.8em; font-weight:bold; padding:10px 10%; border-radius:0.3em; background:#f2f2f2; cursor:pointer;} .cate_contents div.left_box section.cate_list div#end p.list_more:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:6px solid transparent; border-right: 10px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #333; position:absolute; left:6%; top:35%; } .cate_contents div.left_box p.mini_txt { font-size:0.7em; color:#999; line-height:1.3;} /* 更新情報 */ .cate_contents section.update_box, .event_contents section.update_box, .original_contents section.update_box { float:right; width:37%; padding-bottom:30px; background:#f2f2f2;} .cate_contents section.update_box h3, .event_contents section.update_box h3, .original_contents section.update_box h3 { width:95%; margin:10px auto 0; text-align:center;} .cate_contents section.update_box h3 img.ico_update, .event_contents section.update_box h3 img.ico_update, .original_contents section.update_box h3 img.ico_update { position:relative; top:-1px; width:38px; height:auto;} .cate_contents section.update_box h3 img.txt_update, .event_contents section.update_box h3 img.txt_update, .original_contents section.update_box h3 img.txt_update { width:74px; height:auto;} .cate_contents section.update_box ul, .cate_contents section.younews_box ul, .event_contents section.update_box ul, .original_contents section.update_box ul { width:95%; margin:0 auto; padding:10px 0 0; background:url(../images/bg_update.jpg) no-repeat left top #fff; -webkit-background-size:100%; background-size:100%;} .cate_contents section.update_box ul li, .cate_contents section.younews_box ul li, .event_contents section.update_box ul li, .original_contents section.update_box ul li { padding:15px; border-bottom:dotted 1px #999;} .event_contents section.update_box ul li { font-size:95%; padding:12px 15px;} .cate_contents section.update_box ul li:last-child, .cate_contents section.younews_box ul li:last-child, .event_contents section.update_box ul li:last-child, .original_contents section.update_box ul li:last-child { border-bottom:none;} .cate_contents section.update_box ul li a, .cate_contents section.younews_box ul li a, .event_contents section.update_box ul li a, .original_contents section.update_box ul li a { color:#333; text-decoration:none;} .cate_contents section.update_box ul li a:hover, .cate_contents section.younews_box ul li a:hover, .event_contents section.update_box ul li a:hover, .original_contents section.update_box ul li a:hover { text-decoration:underline;} /* AD（カテゴリtop） */ .right_box div#adnw-cate1, .right_box div#adnw-cate2 { width:300px; margin:25px auto;} /* カテゴリ：アニメ用 */ section.update_box div.anime_twitter { padding:15px;} section.update_box div.anime_twitter iframe {} /* カテゴリ：報道・ニュース用 */ .cate_contents div.news_rightside { float:right; width:37%;/* padding-bottom:30px;*/ background:#f2f2f2;} .cate_contents div.news_rightside section.update_box { float:none; width:100%;} .cate_contents section.younews_box { position:relative; top:-10px;} .cate_contents section.younews_box h3 { width:95%; margin:10px auto 0; text-align:center;} .cate_contents section.younews_box h3 img.ico_update { width:28px; height:auto;} .cate_contents section.younews_box h3 img.txt_update { position:relative; top:-3px; width:105px; height:auto;} .cate_contents section.younews_box ul li:nth-child(4), .cate_contents section.younews_box ul li:nth-child(5) { display:none;} .cate_contents section.younews_box ul li p { display:inline;} .cate_contents section.younews_box ul li p.postdate { font-size:0.85em; color:#999; padding-left:0.3em;} .cate_contents section.younews_box p.link_you { width:95%; margin:0 auto; background:#fff;} .cate_contents section.younews_box p.link_you a { font-weight:bold; font-size:0.9em; color:#333; display:block; padding:15px 0 15px 20px; text-decoration:none;} .cate_contents section.younews_box p.link_you a span { position:relative; padding-left:1em;} .cate_contents section.younews_box p.link_you a span:after{ content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:5px solid transparent; border-right: 9px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #333; position:absolute; left:0px; bottom:25%; } .cate_contents div.info_item { background:#eee; margin-top:60px; padding:20px 0; text-align:center;} /* カテゴリ：バラエティ用 */ .cate_contents section.update_box div.btn_database { margin:20px 0;} .cate_contents section.update_box div.btn_database, .cate_contents section.update_box div.btn_database img { width:100%; height:auto;} /*--- カテゴリ共通上書き設定 ---*/ /* カテゴリ：イベント用 */ .event_wrapper { margin-top:15px;} .event_contents { position:relative;} .event_contents section.update_box { margin-top:45px;} .event_contents div.left_box { padding-bottom:30px;} /* チケット情報 */ .event_contents .ticket_box h3 img.ico_ticket { width:51px; height:auto;} .event_contents .ticket_box h3 img.txt_ticket { width:459px; height:auto;} .event_contents .ticket_box ul { margin:3px 0; padding:20px 4% 5px; background:#f2f2f2;} .event_contents .ticket_box ul li { font-size:85%; margin-bottom:15px; padding:10px 15px 10px 40px; border-radius:15px; background:#fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);} .event_contents .ticket_box ul li a { position:relative; color:#333; text-decoration:none;} .event_contents .ticket_box ul li a:hover { text-decoration:underline;} .event_contents .ticket_box ul li a:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:6px solid transparent; border-right: 10px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #e3d11e; position:absolute; left:-20px; top:20%; } /* いちおしイベント */ .event_contents .pushevent_list { margin-top:30px;} .event_contents .pushevent_list h3 { position:relative; background:url(../../event/images/bg_pushevent_pc.jpg) no-repeat left top;} .event_contents .pushevent_list h3 img { position:relative; top:-2px; width:525px; height:auto;} .event_contents .pushevent_list h3:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:20px solid #e3d11e; border-right: 16px solid transparent; border-bottom: 20px solid transparent; border-left: 16px solid transparent; position:absolute; left:46.5%; bottom:-35px; } .event_contents .pushevent_list #push_event { margin:20px 0;} .event_contents .pushevent_list #push_event div.clearfix { margin-bottom:20px; padding-bottom:20px; border-bottom:dashed 1px #999;} .event_contents .pushevent_list #push_event div a { color:#333; display:block; text-decoration:none;} .event_contents .pushevent_list #push_event div a:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} .event_contents .pushevent_list #push_event div.clearfix p.floatLeft { float:left; width:37%; padding:0 3%; background:url(../images/bg_boder_bottom.png), url(../images/bg_boder_top.png), url(../images/bg_boder.png), #fff; background-repeat:no-repeat, no-repeat, repeat-y; background-position:left bottom, left top, left top; -webkit-background-size:10px; background-size:10px;} .event_contents .pushevent_list #push_event div.clearfix p.floatLeft img { width:100%; height:auto;} .event_contents .pushevent_list #push_event div.clearfix h4 { font-weight:bold; font-size:110%; padding: 0 0 12px 43%; line-height:1.4;} .event_contents .pushevent_list #push_event div.clearfix p { font-size:95%; font-weight:bold; color:#de4421; padding:0 0 5px 43%; line-height:1.5;} .event_contents .pushevent_list #push_event div.clearfix p.event_txt { font-weight:lighter; color:#333; padding-bottom:0;} .event_contents .pushevent_list #push_event div.clearfix p.event_txt strong { font-size:85%; font-weight:bold; padding:2px 10px 2px 5px; background:url(../../event/images/bg_dayplace.png) no-repeat left top;} /* イベントスケジュール */ .event_contents div.right_box { float:right; width:37%; margin-left:3%; padding-bottom:20px; background:#f2f2f2;} .event_contents #box-schedule {} .event_contents #box-schedule h3 { position:relative; background:url(../images/bg_side_sp.jpg) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .event_contents #box-schedule h3:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:16px solid #e3d11e; border-right: 12px solid transparent; border-bottom: 16px solid transparent; border-left: 12px solid transparent; position:absolute; left:46.5%; bottom:-28px; } .event_contents #box-schedule h3 img { width:370px; height:auto;} .event_contents #box-schedule h4 { font-weight:bold; margin-bottom:20px; padding:7px 20px; background:#e6e6e6;} .event_contents #box-schedule h4 span { /**/display:block; padding-left:15px; background:url(../images/bg_icoweek_bottom.png), url(../images/bg_icoweek_top.png), url(../images/bg_boder.png), #e6e6e6; background-repeat:no-repeat, no-repeat, repeat-y; background-position:left bottom, left top, left top; -webkit-background-size:7px; background-size:7px;} .event_contents #box-schedule div { width:90%; margin:0 auto 10px;} .event_contents #box-schedule div.no-slick { width:100%; border-bottom:dashed 1px #999;} .event_contents #box-schedule div.no-slick:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .event_contents #box-schedule div a { color:#333; display:block; padding-bottom:10px; text-decoration:none;} .event_contents #box-schedule div a:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} .event_contents #box-schedule div p.floatLeft { float:left; width:110px;} .event_contents #box-schedule div p.floatLeft img { width:90px; height:auto;} .event_contents #box-schedule div p.floatRight { font-size:95%; padding-left:110px; line-height:1.3;} .event_contents #box-schedule div p.floatRight strong { font-weight:bold; display:block;} /* イベントスケジュール下PRバナー */ .event_contents div.right_box ul.pr_banner { position:relative; top:20px; width:100%; padding-top:20px; background:#fff;} .event_contents div.right_box ul.pr_banner li { padding-bottom:15px;} .event_contents div.right_box ul.pr_banner img { width:100%; height:auto;} .event_contents div.right_box ul.pr_banner a:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} /* イベントアーカイブ */ .event_contents .archive_box { float:right; width:60%;} .event_contents .archive_box h3 { text-align:center; margin-bottom:45px;} .event_contents .archive_box h3 img { width:267px; height:auto;} .event_contents .archive_box ul {} .event_contents .archive_box ul li { font-size:90%; position:relative; float:left; width:130px; margin-right:25px; margin-bottom:45px; padding-bottom:15px; background:#f2f2f2; line-height:1.3;} .event_contents .archive_box ul li:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid #4d4d4d; border-right: 65px solid #4d4d4d; border-bottom: 4px solid #4d4d4d; border-left: 65px solid #4d4d4d; border-radius:4px; position:absolute; left:0; top:-15px; } .event_contents .archive_box ul li:nth-child(4n) { margin-right:0;} .event_contents .archive_box ul li a { color:#333; display:block; text-decoration:none;} .event_contents .archive_box ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} .event_contents .archive_box ul li h4, .event_contents .archive_box ul li p.para-txt { width:86%; margin:0 auto;} .event_contents .archive_box ul li h4 { font-weight:bold; padding:10px 0 6px;} .event_contents .archive_box ul li p.img-thumbnail img { width:130px; height:91px;} /* プレスの方へ */ .event_contents .btn_press { position:absolute; top:5px; right:10px; clear:both; opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} .event_contents .btn_press img { width:163px; height:auto;} .event_contents .btn_press a img:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */} /* イベントSNS */ .event_wrapper .event_sns { position:relative; top:50px; padding:10px 0; margin-bottom:50px; background:#14171a;} .event_wrapper .event_sns h3 { text-align:center;} .event_wrapper .event_sns h3 img { width:252px; height:auto;} .event_wrapper .event_sns ul { width:220px; margin:0 auto;} .event_wrapper .event_sns ul li { float:left; width:33%;} .event_wrapper .event_sns ul li img { width:100%; height:auto;} .event_wrapper .event_sns ul li a img:hover { opacity: 0.9; filter: alpha(opacity=90); /* ie 6 7 */ -ms-filter: "alpha(opacity=90)"; /* ie 8 */} /* オリジナルコンテンツ */ .original_wrapper { margin-top:30px;} .original_contents {} .original_contents .originalcon_list ul { margin-top:10px;} .original_contents .originalcon_list ul li { margin-bottom:20px; padding-bottom:20px; border-bottom:dashed 1px #999;} .original_contents .originalcon_list ul li a { color:#333; display:block; text-decoration:none;} .original_contents .originalcon_list ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} .original_contents .originalcon_list ul li p.floatLeft { float:left; width:37%; padding:0 3%; background:url(../images/bg_boder_bottom.png), url(../images/bg_boder_top.png), url(../images/bg_boder.png), #fff; background-repeat:no-repeat, no-repeat, repeat-y; background-position:left bottom, left top, left top; -webkit-background-size:10px; background-size:10px;} .original_contents .originalcon_list ul li p.floatLeft img { width:100%; height:auto;} .original_contents .originalcon_list ul li h4 { font-weight:bold; font-size:125%; padding: 0 0 12px 43%; line-height:1.4;} .original_contents .originalcon_list ul li p { font-size:95%; padding:0 0 0 43%; line-height:1.5;} .original_contents .originalcon_list ul li p strong { font-size:85%; font-weight:bold; position:relative; top:-1px; padding:1px 12px 1px 7px; background:url(../../original/images/bg_about.png) no-repeat left -1px;} /*-------------------------------------- [6]雛形ページ基本スタイル ---------------------------------------*/ .page_contents div.left_box { float:left; width:60%; padding-bottom:100px;} .page_wrapper { width:100%; margin-top:30px;} .page_contents { width:100%; max-width:1000px; margin:0 auto;} .page_contents div.left_box a img:hover { opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */} /*タイトル部分*/ .page_contents .sppg_box {} .page_contents .sppg_title { margin-bottom:20px; padding-bottom:40px; background:url(../images/bg_tokuban_title.jpg) no-repeat left bottom #e6e6e6; -webkit-background-size:100%; background-size:100%;} .page_contents .sppg_title img { width:100%; height:auto;} .page_contents .sppg_title h2 { font-weight:bold; position:relative; top:15px; display:block; width:86%; margin:0 auto 27px; padding:12px 2% 12px 6%; border-radius:4px; background:#fff; line-height:1.28;} .page_contents .sppg_title h2:after { content:''; display:block; box-sizing:border-box; width:7px; height:100%; border-top:none; border-right: none; border-bottom: none; border-left: none; border-radius:4px; background:#ebd913; /*background:#6e6137;*/ position:absolute; left:0; top:0; } .page_contents .sppg_title p { font-weight:bold; font-size:0.95em; width:89%; margin:0 3% 0 9%; padding:0; line-height:1.4;} /*テレ東番組などのクッションページ用リンク部分*/ .page_contents .sppg_link { width:90%; margin:30px auto 0; padding:20px 5%; background:#f7f7f7;} .page_contents .sppg_link p.link_btn { text-align:center;} .page_contents .sppg_link p.link_btn a.sp_none { display:inline !important;} .page_contents .sppg_link p.link_btn img { width:190px; height:auto; margin:10px;} .page_contents .sppg_link p.mini_txt { color:#999; font-size:0.8em; padding:15px 0; line-height:1.4;} /*番組内容*/ .page_contents .sppg_content { margin-bottom:50px;} .page_contents .sppg_content h3 { color:#e0cf12; font-weight:bold; font-size:26px; margin-bottom:20px; padding:0 0 5px 5px; border-bottom:solid 2px #ebd913; line-height:1.2;} .page_contents .sppg_content h3.detail, .page_contents .sppg_content h3.cast, .page_contents .sppg_content h3.photo, .page_contents .sppg_content h3.movie, .page_contents .sppg_content h3.present { padding-left:60px;} .page_contents .sppg_content h3.detail { background:url(../images/ico_detail.png) no-repeat left top; -webkit-background-size:48px; background-size:48px;} .page_contents .sppg_content h3.cast { background:url(../images/ico_cast.png) no-repeat left top; -webkit-background-size:48px; background-size:48px;} .page_contents .sppg_content h3.photo { background:url(../images/ico_photo.png) no-repeat left top; -webkit-background-size:48px; background-size:48px;} .page_contents .sppg_content h3.movie { background:url(../images/ico_movie.png) no-repeat left top; -webkit-background-size:48px; background-size:48px;} .page_contents .sppg_content h3.present { background:url(../images/ico_present.png) no-repeat left top; -webkit-background-size:48px; background-size:48px;} .page_contents .sppg_content p { width:96%; margin:0 auto 15px; line-height:1.6;} .page_contents .sppg_content p.lead_txt { font-weight:bold; position:relative; top:10px; width:96%; margin:0 auto 35px; border:solid 1px #1a1a1a; line-height:1.5;} .page_contents .sppg_content p.lead_txt span { position:relative; top:-10px; display:block; padding:5px 25px;} .page_contents .sppg_content p.lead_txt span:first-child { padding-top:30px; background:url(../images/bg_lead_pc.png) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .page_contents .sppg_content h4 { font-weight:bold; width:88%; margin:0 auto 18px; padding:3px 3%; border-top:solid 7px #e6e6e6; border-bottom:solid 7px #e6e6e6; border-left:solid 10px #e6e6e6; background:url(../images/bg_icoweek_bottom.png), url(../images/bg_icoweek_top.png), url(../images/bg_boder.png), #e6e6e6; background-repeat:no-repeat, no-repeat, repeat-y; background-position:left bottom, left top, left top; -webkit-background-size:8px; background-size:8px;} .page_contents .sppg_content h4.cast { font-size:85%; color:#777; width:90%; margin-bottom:10px; padding:0 2%; border:none; border-left:solid 8px #ddd; background:none;} .page_contents .sppg_content ul.cast_list { width:96%; margin:0 auto;} .page_contents .sppg_content ul.cast_list li { position:relative; float:left; width:31.3%; margin-right:3%; margin-bottom:10px;} .page_contents .sppg_content ul.cast_list li:nth-child(3n) { margin-right:0;} .page_contents .sppg_content ul.cast_list li p.cast_ph { border-radius:0.8em;} .page_contents .sppg_content ul.cast_list li p.cast_txt { font-weight:bold; position:absolute; left:2%; bottom:0; width:84%; padding:7px 6%; border-bottom-right-radius:0.8em; border-bottom-left-radius:0.8em; background:#e6e6e6; line-height:1.3;} .page_contents .sppg_content ul.cast_list li img { width:100%; height:auto; border-radius:0.8em;} .page_contents .sppg_content p.cast_txtonly { width:94%; margin:0 auto; font-weight:bold; line-height:1.3;} .page_contents .sppg_content ul.cast_list li p.cast_txt span, .page_contents .sppg_content p.cast_txtonly span { font-size:70%; font-weight:lighter; line-height:1.4;} .page_contents .sppg_content div#box-photogallery {} .page_contents .sppg_content div#box-photogallery a { float:left; width:23%; margin:0 1% 12px;} .page_contents .sppg_content div#box-photogallery a img { width:100%; height:auto;} .page_contents div.movie_box { width:98%; margin:0 auto;} .page_contents div.movie_box h4 { font-size:0.8em; width:92.2%; margin-bottom:0;} .page_contents div.movie_box iframe { width:100%; height:332px;} /*MT生成・ミッドナイトセレクション用*/ .page_contents #mt_story { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; margin-bottom:30px;} .page_contents #mt_story li { font-size:85%; font-weight:bold; width:19%; margin-right:2px; margin-bottom:2px; border:solid 1px #ccc; text-align:center;} .page_contents #mt_story li a { color:#777; display:block; text-decoration:none;} .page_contents #mt_story li a:hover { background:#ead63d;} .page_contents p.mt_mini_txt { font-size:70%; text-align:right;} .page_contents p.mt_mini_txt a { color:#777; text-decoration:none;} .page_contents ul.mt_cast { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap:wrap;} .page_contents ul.mt_cast li { width:24.5%; margin-right:3px; margin-bottom:10px;} .page_contents ul.mt_cast li img { width:100%; height:auto;} /*SNSボタン*/ section.snsbtn_box { position:relative; margin-top:30px; border-top:dashed 1px #999; padding:15px 10px;} section.snsbtn_box div.fb-like, section.snsbtn_box div.btn_twitter, section.snsbtn_box div.btn_line, section.snsbtn_box div.btn_friend { float:left; margin-left:10px;} section.snsbtn_box div.btn_line { display:none;} /* スライダーじゃないときの「pickup」 */ #box_pickup { width:80%;} #box_pickup div { float:left; width:20%; margin:2%; border:solid 1px #ccc;} /* マウスonで上に出す */ .hover_up { position:relative; padding-bottom:100px;} .hover_up div.box1, .hover_up div.box2 { position:absolute; z-index:50; overflow:hidden; width:300px; height:40px; border:solid 1px #ddd; background:#fff; }/* .pgi1n .pgi2n .pgi1e .pgi2e で設定されている部分として*/ .hover_up div a {} .hover_up div.box1 { top:0; left:0;} .hover_up div.box2 { top:40px; left:0;} .hover_up div.box1 p, .hover_up div.box2 p { background:#fff;}/*TABLE部分に設定*/ .hover_up div.box1:hover, .hover_up div.box2:hover { z-index:100; overflow:visible;}/* .pgi1n .pgi2n .pgi1e .pgi2e にhoverをプラス*/ /* ページTOPへ*/ /*#page-top, #page-top a,*/ .cate_contents div.left_box section.cate_list div.list_week p.re_week { display: none; *display: block; /* IE7以下 (上書きされて結果的にIE7のみ) */ _display: block; /* IE6のみ */ } /*#page-top, #page-top a,*/ .cate_contents div.left_box section.cate_list div.list_week p.re_week { display: block\9; /* IE8のみ */ } /*#page-top:not(:target), #page-top a:not(:target),*/ .cate_contents div.left_box section.cate_list div.list_week p.re_week { display: block\9; /* IE9,10 (上書きされて結果的にIE9のみ) */ } @media all and (-ms-high-contrast: none) { /*#page-top:not(:target), #page-top a:not(:target),*/ .cate_contents div.left_box section.cate_list div.list_week p.re_week:not(:target) { display: block; /* IE10,11 (上書きされて結果的にIE10のみ) */ } /**::-ms-backdrop, #page-top:not(:target), *::-ms-backdrop, #page-top a:not(:target),*/ *::-ms-backdrop, .cate_contents div.left_box section.cate_list div.list_week p.re_week:not(:target) { display: block; /* IE11のみ */ } } #page-top { position: fixed; z-index:1000; bottom: 50px; right: 35px; font-size: 77%; } #page-top a { width: 150px; height: 40px; } /* AD（韓流ページ） */ div#adnw-arc1, div#adnw-arc2 { clear:both; width:970px; margin:50px auto; text-align:center;} div#adnw-arc2 { min-height:90px;} div#adnw-prog { width:728px; margin:50px auto;} .pc_none { display:none;} .sp_none { display:block;} @media (max-width: 1020px) and (min-width: 768px) { /* タブレット用 */ } @media screen and (max-width: 768px) { /* SP版 */ /*-------------------------------------- [1]共通ヘッダ ---------------------------------------*/ body { padding-top:0; word-wrap: break-word; overflow-wrap: break-word;} p.ico_10ch { position:relative; width:100%; height:auto;} p.ico_10ch img { width:100%; height:auto; position:relative; top:0; left:0;} p.ico_10ch span { position:absolute; top:0.5em; z-index:1500; width:100%; height:auto;} body.top_spad p#ad-banner { width:96% !important; padding:0.5em 2% !important;} p#ad-banner img { position:relative; top:0; right:0; width:100%; height:auto;} #fix_nav {height: 58px;} body#epg_list #fix_nav { position:fixed; top:0; left:0;} nav.clearfix { width:100%; height:50px; padding:4px 0;}/*下に黄色ラインのときはheight:auto;にしていた*/ header h1.logo { position:absolute; top:2px; left:3%; width:37%;} header h1.logo img { width:auto; height:50px;} header p.ico_program { position:absolute; top:4px; right:107px; display:block;} header p.ico_ondemand { position:absolute; top:4px; right:54px; display:block;} #spmenu { overflow:hidden; text-align:right;} #spmenu a.btn_spmenu { position:relative; left:-1px; display:block;} #spmenu.off{ width : 100%; height : 50px; transition: 0.5s all ease 0s; -moz-transition: 0.5s all ease 0s; -webkit-transition: 0.5s all ease 0s; -o-transition: 0.5s all ease 0s; } #spmenu.on{ width : 100%; height : 540px; transition: 0.5s all ease 0s; -moz-transition: 0.5s all ease 0s; -webkit-transition: 0.5s all ease 0s; -o-transition: 0.5s all ease 0s; } #spmenu div.menu_list { background:#e6e6e6;} #spmenu div.menu_list img { width:100%; height:auto;} #spmenu p.pc_none { width:94%; padding:1em 3% 0;} #spmenu p:first-of-type { margin-top:4px;} #spmenu ul.menu_cate, #spmenu ul.menu_push { width:350px; margin:0 auto;} #spmenu ul.menu_push { padding-bottom:2em;} #spmenu ul.menu_cate li, #spmenu ul.menu_push li { float:left; margin-top:0.5em; border-radius:0.5em; background:#fff;} #spmenu ul.menu_cate li { width:49%;} #spmenu ul.menu_push li { width:32%; margin-right:2%;} #spmenu ul.menu_cate li:nth-child(odd) { margin-right:2%;} #spmenu ul.menu_push li:nth-child(3n) { margin-right:0;} #page-top { bottom: 30px; right: 20px; } #page-top a, #page-top a img { width: 60px; height: 60px; } /*-------------------------------------- [2]トップページ ---------------------------------------*/ /* ----------slick---------- */ .nowoa .slick-slide.slick-center div { position:relative; left:-6%; top:0; width:100%; height:100%;} #inner_slide04 .slick-next{ right: -3%; } #inner_slide04 .slick-prev{ left: -3%; } .rectangle_box { position:relative; top:7px;} .recommend_box { margin-top:40px; margin-bottom:20px; padding-bottom:0.5%;} .recommend_box h2 { width:100%; max-width:380px; margin:0 0 -40px;} .recommend_box h2 img { position:absolute; top:-35px; left:0; display:block; width:100%; height:auto;} .pickup_box { margin-bottom:-20px; padding-bottom:20px;} #box_slide03 { margin-top:45px; margin-bottom:0;} #box_slide04 { margin-top:45px;} #box_slide07 { margin-top:0; margin-bottom:0; padding-bottom:5px;} #inner_slide08 div.slick-slide { margin-top:5px;} /*QNでhtml部品を書き出したとき、BOM有で書き出されるため、１行分調整*/ #inner_slide04 { margin-top:-15px;} .pickup_box h2, .event_box h2 { width:100%; margin:-10px auto -5px; background:url(../images/bg_h2.png) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .pickup_box h2 img, .event_box h2 img { position:relative; top:0; display:block; width:100%; max-width:380px; height:auto; margin:0 auto;} .event_box { margin-bottom:0; padding-bottom:0; background:url(../images/boxbg_pc.png) repeat-x left bottom #e6e6e6; -webkit-background-size:7px; background-size:7px;} .pickup_box h2:after, .event_box h2:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:16px solid #e3d11e; border-right: 10px solid transparent; border-bottom: 16px solid transparent; border-left: 10px solid transparent; position:absolute; left:48%; bottom:-25px; } /* ----------横スクロールコンテンツ---------- */ /* NOW ON AIR 横スクロール */ .box_nowoa h2 { position:relative; width:100%; max-width:100%; margin:0 auto;} .box_nowoa h2 picture { width:100%; max-width:100%; top:-18px; left:0; display:block; margin:0; padding:0; background:url(../images/bg_nowonair_sp.png) no-repeat left bottom; -webkit-background-size:100%; background-size:100%;} .box_nowoa h2 picture img { width:100%; max-width:400px; top:0; left:0;} .box_nowoa div.nowonair { width:94%; max-width:94%; margin:0; padding:5px 3%; background:#ebd913;} .box_nowoa div.onair_list_wrapper { width: 100%; max-width:100%;} #onair_list { width:2000px;} /* ----------コンテンツ下段---------- */ .other_wrapper { background:none; padding-top:0; padding-bottom:0;} .other_contents { width:100%; padding-bottom:0;} .other_contents section.present_box, .other_contents section.headline_box, .other_contents section.osusume_box { width:100%; max-width:100%; border:none;} .other_contents div.right_box { float:none; width:100%; margin-left:0; margin-bottom:30px; padding-bottom:0;} .other_contents div.left_box { left:0; float:none; width:100%; max-width:100%;} .other_contents section.present_box { float:none; margin-top:5px;} .other_contents section.headline_box, .other_contents section.osusume_box { float:none; margin-bottom:5px;} /* プレゼント 、ニュース*/ .other_contents section.present_box h2, .other_contents section.headline_box h2 {} .other_contents section.present_box h2 img, .other_contents section.headline_box h2 img { left:0; display:block; width:100%; max-width:380px;} .other_contents section.present_box ul, .other_contents section.headline_box ul { margin:7px auto; width:100%;} .other_contents section.present_box ul li, .other_contents section.headline_box ul li { border-bottom:dashed 1px #999;} .other_contents section.present_box ul li:nth-child(even), .other_contents section.headline_box ul li:nth-child(even) { background:#fff;} .other_contents section.headline_box ul li:nth-child(4), .other_contents section.headline_box ul li:nth-child(5) { display:none;} .other_contents section.headline_box ul#press_even li, .other_contents section.headline_box ul#press_odd li { display:none;} .other_contents section.present_box p { width:100%;} .other_contents section.present_box p img { width:100%; height:auto;} .other_contents section.headline_box p.link_you, .other_contents section.headline_box p.link_press { width:94%; border-radius:0.4em; background:#ededed;} /* おすすめコンテンツ */ .other_contents section.osusume_box { margin-bottom:5%; padding-bottom:6px; background:url(../images/bg_yellowdot.jpg) repeat left top; -webkit-background-size:8%; background-size:8%;} .other_contents section.osusume_box h2 img { width:90%; margin:0 auto; padding:15px 0;} .other_contents section.osusume_box ul { width:90%; margin:0 auto;} .other_contents section.osusume_box ul li { margin-bottom:5px;} /*おすすめバナー上段に大サイズ×２、下段に小サイズ×４のとき .other_contents section.osusume_box ul li:nth-of-type(1), .other_contents section.osusume_box ul li:nth-of-type(2), .other_contents section.osusume_box ul li:nth-of-type(4), .other_contents section.osusume_box ul li:nth-of-type(6) { margin-right:0;}*/ .other_contents section.osusume_box ul li.list_l { width:100%; /*max-width:100%;*/ background:url(../images/bg_osusumel.png) no-repeat left bottom; -webkit-background-size:100%; background-size:100%;} .other_contents section.osusume_box ul li.list_s { width:48%; /*max-width:100%;*/ background:url(../images/bg_osusumes.png) no-repeat left bottom; -webkit-background-size:100%; background-size:100%;} .other_contents section.osusume_box ul li.list_l img { width:100%; max-width:100%;} .other_contents section.osusume_box ul li.list_s img { width:100%; max-width:100%;} .other_contents section.osusume_box ul li h3 img { top:0;} /* 右サイドコンテンツ Twitter */ .other_contents div.right_box { margin-bottom:-15px; background:#000;} .other_contents div.right_box section.twitter_box { width:100%; padding-bottom:20px;} .other_contents div.right_box section.twitter_box h2 { width:100%; padding-top:13px;} .other_contents div.right_box section.twitter_box h2 img { width:50%; margin-left:6%; max-width:220px;} .other_contents div.right_box section.twitter_box div { width:86%; margin:0 auto;} .other_contents div.right_box section.twitter_box div iframe { width: 740px !important; } .other_contents div.right_box section.twitter_box div a { margin:0 auto;} /* 右サイドコンテンツ Movie */ .other_contents div.right_box section.topmovie_box { 100%; max-width:360px; margin:0 auto 30px;} .other_contents div.right_box section.topmovie_box iframe { width:100%; max-width:360px; height:256px; margin:0 auto;} /* リンクバナー */ section.banner_box { width:100%;} footer#common_foot section.sitemap_box h3 { pointer-events: all;} footer#common_foot section.sitemap_box dl dt { pointer-events: all;} footer#common_foot section.sitemap_box dl#footer_01_op { display:none;} /* AD（top） */ div#adnw-top { width:300px; margin:30px auto 70px;} /*-------------------------------------- [3]共通フッタ ---------------------------------------*/ /* AD（foot） */ div#adnw-foot { width:300px; margin:20px auto;} footer#common_foot section.sitemap_box .btn_company, footer#common_foot section.sitemap_box .btn_broadcasting, footer#common_foot section.sitemap_box .btn_guide { pointer-events: all;} footer#common_foot section.sitemap_box .list_company, footer#common_foot section.sitemap_box .list_broadcasting, footer#common_foot section.sitemap_box .list_guide { display: none;} footer#common_foot .sitemap_box .bg_close { background: #ff0000;} footer#common_foot, footer#common_foot section { width:100%;} footer#common_foot section.sns_box { width:100%; padding:15px 0;} footer#common_foot section.sns_box ul { width:96%; margin:0 auto; padding-left:0;} footer#common_foot section.sns_box ul li { float:left; width:18%; margin:1%;} footer#common_foot section.sns_box ul li img { width:96%; height:96%; padding:2%;} footer#common_foot section.sitemap_box { width:96%; padding-bottom:20px;} footer#common_foot section.sitemap_box div.company, footer#common_foot section.sitemap_box div.broadcasting, footer#common_foot section.sitemap_box div.guide { float:none; width:96%; margin:0 auto 1em;} footer#common_foot .sitemap_box .btn_company, footer#common_foot .sitemap_box .btn_broadcasting, footer#common_foot .sitemap_box .btn_guide { font-weight:bold; color: #333; font-size:1em; padding:10px 5%; pointer-events: none; border-radius:5px; background:url(../images/bg_footmenu_op.jpg) no-repeat 97% center #fff; -webkit-background-size:30px; background-size:30px; text-align:left;} footer#common_foot .sitemap_box .bg_close { background:url(../images/bg_footmenu_cl.jpg) no-repeat 97% center #fff; -webkit-background-size:30px; background-size:30px;} footer#common_foot section.sitemap_box div ul { padding:5px 10px;} footer#common_foot section.sitemap_box div ul li { font-size:1em; position:relative; margin-top:10px; padding-left:1.2em;} footer#common_foot section.sitemap_box div ul li a { color:#808080; text-decoration:none;} footer#common_foot section.sitemap_box div ul li a:hover { text-decoration:underline;} footer#common_foot section.sitemap_box div ul li:after{ content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #808080; position:absolute; left:0; bottom:20%; } footer#common_foot div.copy_box { font-weight:bold; width:100%; padding:5px 0; background:#f9e600; text-align:center;} /*-------------------------------------- [4]共通右サイド部分 ---------------------------------------*/ .cate_contents div.right_box, .page_contents div.right_box, .original_contents div.right_box { float:none; width:100%; margin-top:50px; margin-left:0; background:#ebebeb;} .side_nowoa, .side_pickup, .side_event, .side_osusume { position:relative; width:100%; max-width:100%;} .side_nowoa h2, .side_pickup h2, .side_event h2, .side_osusume h2 { background:url(../images/bg_side_sp.jpg) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .side_nowoa h2 img, .side_pickup h2 img, .side_event h2 img, .side_osusume h2 img { width:55%;} /* NOW ON AIR */ .side_nowoa .sp_none { display:none;} .side_nowoa div.nowonair { width:94%; max-width:94%; margin:15px 3%; padding:0; background: url(../images/bg_side_onair.png) no-repeat left top #fff; -webkit-background-size:100%; background-size:100%; overflow:hidden;} .side_nowoa div.onair_list_wrapper { width: 100%; max-width:100%; overflow-x: auto; overflow-y: hidden;} .side_nowoa div#onair_list { width:1000px; margin: 0 auto 2px auto; list-style: none; display: flex; } .side_nowoa div#onair_list a, .side_nowoa div#side_oalist a { color:#333;} .side_nowoa div#onair_list a:hover, .side_nowoa div#onair_list a img:hover, .side_nowoa div#side_oalist a:hover { opacity: 0.7; filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ } .side_nowoa div#onair_list div.PG1, .side_nowoa div#onair_list div.PG2, .side_nowoa div#onair_list div.PG3, .side_nowoa div#onair_list div.PG4 { display:block; text-align: left; width:20%; padding:20px 2%; border-right: 1px solid #eee; line-height:1.3; } .side_nowoa div#onair_list div.PG5, .side_nowoa div#onair_list div.PG6, .side_nowoa div#onair_list div.PG7, .side_nowoa div#onair_list div.PG8 { display:none;} .side_nowoa div#onair_list div { display:inline;} .side_nowoa div#onair_list div.PGTITLE1, .side_nowoa div#onair_list div.PGTITLE2, .side_nowoa div#onair_list div.PGTITLE3, .side_nowoa div#onair_list div.PGTITLE4, .side_nowoa div#onair_list div.PGTITLE5, .side_nowoa div#onair_list div.PGTITLE6, .side_nowoa div#onair_list div.PGTITLE7, .side_nowoa div#onair_list div.PGTITLE8 { display:block; line-height:1.4;} .side_nowoa div#onair_list div.PGTITLE1 img, .side_nowoa div#onair_list div.PGTITLE2 img, .side_nowoa div#onair_list div.PGTITLE3 img, .side_nowoa div#onair_list div.PGTITLE4 img, .side_nowoa div#onair_list div.PGTITLE5 img, .side_nowoa div#onair_list div.PGTITLE6 img, .side_nowoa div#onair_list div.PGTITLE7 img, .side_nowoa div#onair_list div.PGTITLE8 img { position:relative; top:-5px; left:0;} .side_nowoa a.btn_morepg { display:block; text-decoration:none;} .side_nowoa a.btn_morepg.pc_none { display:block;} .side_nowoa a.btn_morepg.sp_none { display:none;} .side_nowoa a p.more_pg { color:#333; font-weight:bold; position:relative; width:95%; margin:0 auto; padding:10px 0; border-radius:3px; background:#fff; text-align:center; text-indent:-1em;} .side_nowoa p.more_pg:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #333; position:absolute; left:23%; top:40%; } .side_nowoa .onair_list_wrapper::-webkit-scrollbar-track { background: #c7c7c7; } .side_nowoa .onair_list_wrapper::-webkit-scrollbar-thumb { background: #4d4d4d; } /* ----------slick---------- */ /*左右の矢印*/ #box_slide11 .slick-next, #box_slide12 .slick-next { transform: scale(1.0);} #box_slide11 .slick-prev, #box_slide12 .slick-prev { transform: scale(1.0);} #inner_slide12 .slick-next { right: 0; } #inner_slide12 .slick-prev { left: 0; } .side_event .sideevent div.slick-slide p span.catch_txt { display:none;} /* おすすめコンテンツ */ .side_osusume { background:url(../images/bg_yellowdot.jpg) repeat left top; -webkit-background-size:30px; background-size:30px;} /*-------------------------------------- [5]カテゴリトップ ---------------------------------------*/ .cate_wrapper {} .cate_contents, .event_contents, .original_contents { max-width:100%;} .cate_contents div.left_box, .event_contents div.left_box, .original_contents div.left_box { float:none; width:100%; padding-bottom:20px;} h2.catetop span { padding-top:0.5em;} h2.catetop span img { width:100%; height:auto;} /*catepickup_boxの設定*/ .catepickup_box { top:10px; padding-bottom:20px; background:none;} .catepickup_box .catepickup { top:-20px; max-width:100%;} .catepickup_box h3 { top:-15px; max-width:100%; padding-bottom:1px; border-bottom:solid 2px #ebd913;} .catepickup_box h3 img.ico_h3 { display:inline; width:12.5%; max-width:40px;} .catepickup_box h3 img.txt_h3 { display:inline; width:87.5%; max-width:350px;} /* 番組一覧 */ #box_slide10 { margin:20px auto -20px;} .cate_contents div.left_box section.cate_list {} .cate_contents div.left_box section.cate_list div.btn_genre, .cate_contents div.left_box section.cate_list div.btn_week { position:relative; padding-bottom:10px;} .cate_contents div.left_box section.cate_list div.btn_week { height:75px; background:url(../images/bg_week_sp.jpg) no-repeat left top #e3d11e; -webkit-background-size:100%; background-size:100%;} .cate_contents div.left_box section.cate_list div.btn_genre { height:47px; background:url(../images/bg_genre.jpg) no-repeat center bottom; -webkit-background-size:135%; background-size:135%;} @supports (position: sticky) or (position: -webkit-sticky) { .cate_contents div.left_box section.cate_list div.btn_week, .cate_contents div.left_box section.cate_list div.btn_genre { position: -webkit-sticky; position: sticky; top: 56px; } } .cate_contents div.left_box section.cate_list div.btn_week h3 { width:100%; max-width:419px;} .cate_contents div.left_box section.cate_list div.btn_week ul { width:98%; max-width:419px; margin:0 auto;} .cate_contents div.left_box section.cate_list div.btn_week ul li { margin-right:1%;} .cate_contents div.left_box section.cate_list div.btn_genre ul { width:80%; max-width:350px; margin:0 auto;} .cate_contents div.left_box section.cate_list div.btn_genre ul li { height:47px; margin-right:4%;} .cate_contents div.left_box section.cate_list div.btn_genre ul li:last-child { margin-right:0;} .cate_contents div.left_box section.cate_list div.list_week h3 img { width:80px; padding:3px 15px;} .cate_contents div.left_box section.cate_list div.list_week ul, .cate_contents div.left_box section.cate_list div.list_genre ul { width:100%; max-width:500px; margin:0 auto; padding:30px 0;} .cate_contents div.left_box section.cate_list div.list_week ul li, .cate_contents div.left_box section.cate_list div.list_genre ul li { width:46%; margin-left:2%; margin-right:2%;} .cate_contents div.left_box section.cate_list div.list_week ul li:nth-child(3n), .cate_contents div.left_box section.cate_list div.list_genre ul li:nth-child(3n) { margin-right:2%;} .cate_contents div.left_box section.cate_list div#end ul, .cate_contents div.left_box section.cate_list div#end_no ul { width:100%; margin:0; padding:15px 0 5px;} .cate_contents div.left_box section.cate_list div#end ul li, .cate_contents div.left_box section.cate_list div#end_no ul li { width:96%;} .cate_contents div.left_box section.cate_list div#end p.list_more { font-size:1em; font-weight:bold; width:74%; margin:0 auto; padding:10px 10%; border-radius:0.3em;background:#ededed; text-align:center;} .cate_contents div.left_box p.mini_txt { font-size:0.9em; width:96%; margin:0 auto;} .cate_contents div.left_box section.cate_list div#end p.list_more:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #333; position:absolute; left:15%; top:40%; } /* 更新情報 */ .cate_contents section.update_box, .event_contents section.update_box, .original_contents section.update_box { float:none; width:100%; margin-bottom:1em; padding-bottom:20px; background:#e6e6e6;} .cate_contents section.update_box h3, .event_contents section.update_box h3, .original_contents section.update_box h3 { padding:0.2em 0;} .cate_contents section.update_box h3 img.ico_update, .event_contents section.update_box h3 img.ico_update, .original_contents section.update_box h3 img.ico_update { width:40px;} .cate_contents section.update_box h3 img.txt_update, .event_contents section.update_box h3 img.txt_update, .original_contents section.update_box h3 img.txt_update { width:82px;} .cate_contents section.update_box ul, .event_contents section.update_box ul, .original_contents section.update_box ul { background:#fff;} .cate_contents section.update_box ul li:nth-child(3), .event_contents section.update_box ul li:nth-child(3), .original_contents section.update_box ul li:nth-child(3) { border-bottom:none;} .cate_contents section.update_box ul li:nth-child(n+4), .event_contents section.update_box ul li:nth-child(n+4), .original_contents section.update_box ul li:nth-child(n+4) { display:none;} /* カテゴリ：アニメ用 */ section.update_box div.anime_twitter { text-align:center;} section.update_box div.anime_twitter iframe { width:360px !important;} /* カテゴリ：報道・ニュース用 */ .cate_contents div.news_rightside { float:none; width:100%; margin-bottom:30px;/* padding-bottom:15px;*/} .cate_contents div.news_rightside section.younews_box ul { background:#fff;} .cate_contents section.younews_box h3 img.ico_update { position:relative; top:-5px; width:25px; height:auto;} .cate_contents section.younews_box h3 img.txt_update { position:relative; top:-2px; width:116px; height:auto;} .cate_contents div.info_item { margin-top:0;} .cate_contents div.info_item a { display:block; width:70%; margin:0 auto; padding:0.2em 0;} .cate_contents div.info_item a img { width:100%; height:auto;} /* カテゴリ：バラエティ用 */ .cate_contents section.update_box div.btn_database { position:relative; top:1em;} /* カテゴリ：イベント用 */ /* カテゴリ共通上書き設定*/ .event_contents section.update_box { float:none; width:100%; margin-top:0; background:#e6e6e6;} .event_contents div.right_box { float:none; width:100%;} /* チケット情報 */ .event_contents .ticket_box h3 { padding-bottom:2px; border-bottom:solid 2px #ebd913;} .event_contents .ticket_box h3 img.ico_ticket { display:inline; width:12.5%; max-width:40px;} .event_contents .ticket_box h3 img.txt_ticket { display:inline; width:87.5%; max-width:350px;} .event_contents .ticket_box ul { margin:0; padding:0; background:#fff;} .event_contents .ticket_box ul li { margin-bottom:0; padding:15px 15px 15px 35px; border-bottom:dashed 1px #999; border-radius:0; background:#fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* いちおしイベント */ .event_contents .pushevent_list h3 { position:relative; background:url(../images/bg_h2.png) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .event_contents .pushevent_list h3 img { position:relative; top:0; width:100%;} .event_contents .pushevent_list #push_event div.clearfix p.floatLeft { float:none; width:86%; margin:0 9% 0 5%; padding:0 0 0 5%; background:url(../images/bg_boder_bottom.png), url(../images/bg_boder_top.png), url(../images/bg_boder.png), #fff; background-repeat:no-repeat, no-repeat, repeat-y; background-position:left bottom, left top, left top; -webkit-background-size:12px; background-size:12px;} .event_contents .pushevent_list #push_event div.clearfix h4 { padding: 15px 5% 12px 5%;} .event_contents .pushevent_list #push_event div.clearfix p { padding:0 5%;} .event_contents div.left_box section.pushevent_list #push_event p.list_more { position:relative; font-size:1em; font-weight:bold; width:74%; margin:0 auto; padding:10px 10%; border-radius:0.3em; background:#ededed; text-align:center; cursor:pointer;} .event_contents div.left_box section.pushevent_list ul#push_event p.list_more:after { content:''; display:block; box-sizing:border-box; width:0; height:0; border-top:4px solid transparent; border-right: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #333; position:absolute; left:15%; top:40%; } /* イベントスケジュール */ .event_contents div.right_box { float:none; width:100%; margin-left:0; padding-bottom:0;} .event_contents #box-schedule { width:100%; margin:0; padding:0;} .event_contents #box-schedule h3 img { width:100%;} .event_contents #box-schedule h4 { padding:7px 0 7px 20px;} .event_contents #box-schedule div { border-bottom:none;} .event_contents #box-schedule div p.floatLeft { float:none; width:100%;} .event_contents #box-schedule div p.floatLeft img { width:100%;} .event_contents #box-schedule div p.floatRight { padding-left:0;} .event_contents #box-schedule div p.floatRight strong { padding:5px 0;} /* イベントスケジュール下PRバナー */ .event_contents div.right_box ul.pr_banner { width:90%; margin:0 auto; padding-left:5%; padding-right:5%; padding-bottom:15px;} /* ----------slick---------- */ #box_slide13, #mon1, #mon2, #mon3, #mon4, #mon5, #mon6, #mon7, #mon8, #mon9, #mon10, #mon11, #mon12 { width:100%; margin:0 auto;} #box_slide13 .slick-prev, #box_slide13 .slick-next, #mon1 .slick-prev, #mon1 .slick-next, #mon2 .slick-prev, #mon2 .slick-next, #mon3 .slick-prev, #mon3 .slick-next, #mon4 .slick-prev, #mon4 .slick-next, #mon5 .slick-prev, #mon5 .slick-next, #mon6 .slick-prev, #mon6 .slick-next, #mon7 .slick-prev, #mon7 .slick-next, #mon8 .slick-prev, #mon8 .slick-next, #mon9 .slick-prev, #mon9 .slick-next, #mon10 .slick-prev, #mon10 .slick-next, #mon11 .slick-prev, #mon11 .slick-next, #mon12 .slick-prev, #mon12 .slick-next { top:30%; transition:0.7s; } #box_slide13 .slick-prev:hover, #box_slide13 .slick-next:hover, #mon1 .slick-prev:hover, #mon1 .slick-next:hover, #mon2 .slick-prev:hover, #mon2 .slick-next:hover, #mon3 .slick-prev:hover, #mon3 .slick-next:hover, #mon4 .slick-prev:hover, #mon4 .slick-next:hover, #mon5 .slick-prev:hover, #mon5 .slick-next:hover, #mon6 .slick-prev:hover, #mon6 .slick-next:hover, #mon7 .slick-prev:hover, #mon7 .slick-next:hover, #mon8 .slick-prev:hover, #mon8 .slick-next:hover, #mon9 .slick-prev:hover, #mon9 .slick-next:hover, #mon10 .slick-prev:hover, #mon10 .slick-next:hover, #mon11 .slick-prev:hover, #mon11 .slick-next:hover, #mon12 .slick-prev:hover, #mon12 .slick-next:hover { opacity:0.5; transition:0.5s; } /*左右の矢印*/ #box_slide13 .slick-next, #mon1 .slick-next, #mon2 .slick-next, #mon3 .slick-next, #mon4 .slick-next, #mon5 .slick-next, #mon6 .slick-next, #mon7 .slick-next, #mon8 .slick-next, #mon9 .slick-next, #mon10 .slick-next, #mon11 .slick-next, #mon12 .slick-next {background-image:url(../images/slick-next.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(128,128,128,0.5); border-radius:5px;} #box_slide13 .slick-prev, #mon1 .slick-prev, #mon2 .slick-prev, #mon3 .slick-prev, #mon4 .slick-prev, #mon5 .slick-prev, #mon6 .slick-prev, #mon7 .slick-prev, #mon8 .slick-prev, #mon9 .slick-prev, #mon10 .slick-prev, #mon11 .slick-prev, #mon12 .slick-prev {background-image:url(../images/slick-prev.png); background-repeat:no-repeat; background-position:50% 50%; background-color: rgba(128,128,128,0.5); border-radius:5px;} /*左右の矢印の位置を変える*/ #inner_slide13 .slick-next, #inner_mon1 .slick-next, #inner_mon2 .slick-next, #inner_mon3 .slick-next, #inner_mon4 .slick-next, #inner_mon5 .slick-next, #inner_mon6 .slick-next, #inner_mon7 .slick-next, #inner_mon8 .slick-next, #inner_mon9 .slick-next, #inner_mon10 .slick-next, #inner_mon11 .slick-next, #inner_mon12 .slick-next { right: -10px; } #inner_slide13 .slick-prev, #inner_mon1 .slick-prev, #inner_mon2 .slick-prev, #inner_mon3 .slick-prev, #inner_mon4 .slick-prev, #inner_mon5 .slick-prev, #inner_mon6 .slick-prev, #inner_mon7 .slick-prev, #inner_mon8 .slick-prev, #inner_mon9 .slick-prev, #inner_mon10 .slick-prev, #inner_mon11 .slick-prev, #inner_mon12 .slick-prev { left: -10px; } /*ドットの色を変える*/ .event_schedule .slick-dots li button:before { opacity: .15; color: black; } .event_schedule .slick-dots li.slick-active button:before { opacity: .95; color: #f9e600; } /* イベントアーカイブ */ .event_contents .archive_box { float:none; width:100%;} .event_contents .archive_box h3 { text-align:center; margin:25px 0 40px;} .event_contents .archive_box h3 img { width:60%; height:auto;} .event_contents .archive_box ul {} .event_contents .archive_box ul li { float:left; width:29%; margin:0 2% 40px 2%;} .event_contents .archive_box ul li:after { content:''; display:block; box-sizing:border-box; width:100%; height:9px; border-top:none; border-right: none; border-bottom: none; border-left: none; border-radius:4px; background:#4d4d4d; position:absolute; left:0; top:-15px; } .event_contents .archive_box ul li:nth-child(4n) { margin-right:2%;} .event_contents .archive_box ul li p.img-thumbnail img { width:100%; height:auto;} /* プレスの方へ */ .event_contents .btn_press { position:relative; top:0; right:0; width:60%; margin:0 0 -50px 0; padding:15px 20%; background:#e6e6e6; opacity: 1.0; filter: alpha(opacity=100); /* ie 6 7 */ -ms-filter: "alpha(opacity=100)"; /* ie 8 */} .event_contents .btn_press img { display:block; width:100%;} /* イベントSNS */ .event_wrapper .event_sns h3 img { width:50%;} .event_wrapper .event_sns ul { width:70%;} /* オリジナルコンテンツ */ .original_contents .originalcon_list ul { width:94%; margin:0 auto -20px; padding:1em 0 0;} .original_contents .originalcon_list ul li p.floatLeft { padding:0 4%;} .original_contents .originalcon_list ul li h4 { font-size:110%; padding: 0 0 7px 45%;} .original_contents .originalcon_list ul li p { padding:0 0 0 45%; line-height:1.4;} .original_contents .originalcon_list ul li p strong { font-size:75%; top:-2px; padding:1px 8px 1px 7px; background:url(../../original/images/bg_about.png) no-repeat left -1px; -webkit-background-size:50px; background-size:50px;} /*-------------------------------------- [6]雛形ページ基本スタイル ---------------------------------------*/ .page_contents div.left_box { float:none; width:100%; padding-bottom:20px;} .page_wrapper { margin-top:8px;} .page_contents { max-width:100%;} .page_contents .sppg_title { background:url(../images/bg_tokuban_title.jpg) no-repeat left bottom #e6e6e6; -webkit-background-size:100%; background-size:100%;} .page_contents .sppg_title p { width:90%; margin:0 5%;} /*テレ東番組などのクッションページ用リンク部分*/ .page_contents .sppg_link { width:100%; margin-bottom:20px; padding:1em 0;} .page_contents .sppg_link p.link_btn a.sp_none { display:none !important;} .page_contents .sppg_link p.link_btn a.pc_none { display:inline !important;} .page_contents .sppg_link p.link_btn img { width:40%; margin:5px 2%;} .page_contents .sppg_link p.mini_txt { width:90%; margin:0 auto;} /*番組内容*/ .page_contents .sppg_content h3 { font-size:22px; margin-bottom:20px; line-height:1.3;} .page_contents .sppg_content p { width:90%; line-height:1.4;} .page_contents .sppg_content p.lead_txt { top:0; width:90%; margin:0 auto 30px; line-height:1.4;} .page_contents .sppg_content p.lead_txt span { padding:5px 20px;} .page_contents .sppg_content p.lead_txt span:first-child { padding-top:30px; background:url(../images/bg_lead_sp.png) no-repeat left top; -webkit-background-size:100%; background-size:100%;} .page_contents .sppg_content h4 { width:80%; padding:7px 5%; } .page_contents .sppg_content ul.cast_list { position:relative; left:1.2%;} .page_contents .sppg_content h4.cast { margin-left:5%; width:85%;} .page_contents .sppg_content ul.cast_list li { width:48%; margin-right:2%; margin-bottom:20px;} .page_contents .sppg_content ul.cast_list li:nth-child(3n) { margin-right:2%;} .page_contents .sppg_content ul.cast_list li:nth-child(2n) { margin-right:0;} .page_contents .sppg_content ul.cast_list li p.cast_txt { left:5%; bottom:-1em; width:78%; padding:7px 6%;} .page_contents .sppg_content p.cast_txtonly { width:88%;} .page_contents .sppg_content ul.cast_list li p.cast_txt span, .page_contents .sppg_content p.cast_txtonly span { font-size:65%;} .page_contents .sppg_content div#box-photogallery a { float:left; width:31%;} .page_contents .sppg_content div#box-photogallery a img { width:100%; height:auto;} .page_contents div.movie_box { width:100%; max-width:500px;} .page_contents div.movie_box h4 { font-size:0.8em; width:87.4%; margin-bottom:0;} .page_contents div.movie_box iframe { height:230px;} /*MT生成・ミッドナイトセレクション用*/ .page_contents #mt_story { margin-left:3%;} .page_contents #mt_story li { width:23%; margin-right:2px; margin-bottom:2px;} .page_contents #mt_story li a { padding-top:0.5em; padding-bottom:0.5em;} .page_contents p.mt_mini_txt { font-size:80%;} .page_contents .story_box img { width:100%; height:auto;} .page_contents ul.mt_cast li { width:30%; margin:0 1.5% 5px 1.5%;} /* AD（カテゴリtop） */ .right_box div#adnw-cate1 { width:100%; margin:25px auto 0; padding-bottom:25px; background:#fff; text-align:center;} /* AD（韓流ページ） */ div#adnw-arc1, div#adnw-arc2, div#adnw-prog { width:300px; margin:25px auto;} div#adnw-arc2 { min-height:250px;} /*SPトップにスーパーバナーを出したいとき用*/ body.top_spad p.sp_none { display:block;} /* ↓（画面が横の時） */ @media (orientation: landscape){ #spmenu ul.menu_cate, #spmenu ul.menu_push { width:96%; margin:0 auto;} #spmenu ul.menu_cate li { width:23%; margin-right:2%;} #spmenu ul.menu_push li { width:18%; margin-right:2%;} #spmenu ul.menu_push li:nth-child(3n) { margin-right:2%;} .box_nowoa h2 picture { top:-20px;} .box_nowoa h2 picture img { top:-10px;} .page_contents div.movie_box iframe { height:350px;} /* カテゴリ：アニメ用 */ section.update_box div.anime_twitter iframe { width:600px !important;} } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { /* カテゴリ：アニメ用 */ section.update_box div iframe { width:700px !important;} } .pc_none { display:block;} .sp_none { display:none;} }