/*///////////////////////////////////////////////////////////////////////// default_CSS /////////////////////////////////////////////////////////////////////////*/ body { text-align:center; font-size:100%; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; -webkit-text-size-adjust: 100%;} body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;} h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;} h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);} img { border:none;} hr { display: none !important;} ul { list-style:none;} .alt{ position:absolute; top:-5000px; left:-9999px;} .relative { position: relative;} .hid{visibility: hidden;} .bold { font-weight:bold;} .normal { font-weight:normal;} /*画像保護用*/ .cover {width:100%; height:100%;} /*float*/ .floatL { float:left;} .floatR { float:right;} .clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;} .clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;} .clearfix { min-height:1px;} * html .clearfix {height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } /*font*/ .tCenter { text-align:center !important} .tRight { text-align:right !important} .tLeft { text-align:left !important} /*font-color*/ .cRed, .err { color:#b60006;} .stred{color:#ee5533;} .strgr{color:#23ac38;} .strpk{color:#F883A0;} /*font-size*/ .f160 { font-size:160%;} .f140 { font-size:140%;} .f120 { font-size:120%;} .f110 { font-size:110%;} .f90 { font-size:90%;} .f85 { line-height:normal; font-size:85% !important} /*link*/ a { text-decoration:underline; color:#333;} a:hover { text-decoration:underline; color:#333;} #update #newslist a,#gotop a,#next_spot a,.col_fm a,#cont2 .bn_tw a,#cont2 .bn_ist a,#cont2 .bn_odm a,#cont2 .bn_repo a,.bn_ch2 a,#logo a,.bn_chiba a,.bn_nagao a,.bn_wear a,.bn_itv a,.bn_gl a,.bn_goods a,.bn_hanako a,#gallery #bknm li a,#story #bknm li a,#carousel li img,#sp-kozue #bknm ul li a {text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #gotop a:hover,.col_fm a:hover,#cont2 .bn_tw a:hover,#cont2 .bn_ist a:hover,#cont2 .bn_odm a:hover,#cont2 .bn_repo a:hover,.bn_ch2 a:hover,#next_spot a:hover,#cast_dt #close a:hover,#eplist ul li a:hover,#form a:hover,#bn_sns a:hover,#postBtn a:hover,#story #bknm li a:hover,#logo a:hover,#report #bknm li a:hover,#interview #bknm li a:hover,#menu ul li a:hover,.bn_chiba a:hover,.bn_nagao a:hover,.bn_wear a:hover,.bn_itv a:hover,.bn_gl a:hover,.bn_goods a:hover,.bn_hanako a:hover,#gallery #bknm li a:hover,#carousel li img:hover,#sp-kozue #bknm ul li a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} .fade { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .fade:hover { opacity: 0.5; filter: alpha(opacity=60); } .no-link{ pointer-events: none; cursor: default; text-decoration:none;} /*///////////////////////////////////////////////////////////////////////// コンテンツ用CSS／オリジナル設定 /////////////////////////////////////////////////////////////////////////*/ body {background: url(../img/back.jpg) ; color:#231815; letter-spacing: 1px;} #top #container { max-height: 100%;} #top header {background:url(../img/top/bk_main.jpg) no-repeat center top; height:660px; background-size: cover; padding:20px 0 0;} #top header h1 { /*background: url(../img/top/main.png) no-repeat 0 0;*/ width:978px; height:627px; margin:0 auto; padding:0; position:relative;} #top header h1 img {position:absolute;left:0;top:0;width:978px;height:627px;} #menu { background:url(../img/bdr_hd.jpg) repeat-x 0 bottom; height:78px; box-shadow:0 0 7px rgba(0,0,0,0.3);} #menu ul { width:940px; height:78px; margin:0 auto;} #menu ul li { float:left; margin:15px 0 0; } #menu ul li a { display: block; height:48px; overflow: hidden; background:url(../img/menu.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #menu ul li.intro a { width: 146px; margin:0 29px 0 0; } #menu ul li.news a { width: 147px; background-position: -175px 0; margin:0 30px 0 0; } #menu ul li.story a { width: 146px; background-position: -352px 0; margin:0 28px 0 0; } #menu ul li.staff a { width: 263px; background-position: -526px 0; margin:0 28px 0 0; } #menu ul li.msg a { width: 122px; background-position: -817px 0;} #top #news { background:url(../img/top/bdr.jpg) repeat-x center 0; padding:50px 0 0; } #update {width:940px; text-align:left; margin:0 auto; padding:0; background: url(../img/top/news.png) no-repeat 0 0;} #update ul {margin:10px 0 0 180px; float:left;} #update #newslist { float:right; padding:65px 0 0; font-size:115%; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } #update #newslist a { padding:3px 5px; background: #58b341; color: #fff;} #update #newslist a:hover { color: #58b341; background: #fff;} .ticker { width:600px; height: 90px; overflow-y: auto; } .ticker::-webkit-scrollbar{ width: 5px; background: none; } .ticker::-webkit-scrollbar-thumb{ background: #58b341; border-radius: 10px; } .ticker li { padding:0; margin:0 0 5px; font-size:100%; line-height:1.5;} .ticker li span {background: linear-gradient(transparent 60%, #e8f8c2 0%); padding:2px 3px; font-weight:bold;} .ticker li a:hover { text-decoration:none; color:#23ac38;} /*cont1*/ #cont1 { background:url(../img/top/bdr_tri.png) no-repeat center 0; padding:60px 0 0; } #container .inner { width:940px; margin:0 auto; padding:0;} #cont1 .col { box-shadow:0 0 7px rgba(0,0,0,0.3); padding:0; position: relative;} #cont1 .col_s { width:310px; height:285px; background:url(../img/top/story.jpg) no-repeat 0 0; margin:0 30px 25px 0; } #next_spot { margin:77px 0 8px; } #next_spot a {display: block; background: url(../img/top/spot.jpg) 0 0; width:280px; height:160px; margin:10px auto 0; } #cont1 .col_s h3 {line-height:2;} #cont1 .col_s h3 span {background:#ece08a; padding:2px 5px;} #cont1 .col_itr { width:290px; height:130px; background:url(../img/top/intro2.png) no-repeat 0 0; margin:0 0 25px;} #cont1 .col_itr p { width:147px; height:112px; background:url(../img/top/comme.png) no-repeat 0 0; margin:0 0 25px; position: absolute; top: -13px; right: -35px;} #cont1 .col_cast { width:290px; height:130px; background:url(../img/top/cast.png) no-repeat 0 0; margin:0;} #cont1 .col_com a,#cont1 .col_itr a,#cont1 .col_cast a { text-decoration:none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #cont1 .col_com a:hover,#cont1 .col_itr a:hover,#cont1 .col_cast a:hover { background:rgba(250,242,200,0.3);} /*.bn_ch2 a{background: url(../img/top/chart.png) 0 0; margin:10px 0 0 0; display: block; width:273px; height:273px;}*/ .bn_ch2 a{background: url(../img/top/bn_chart.jpg) 0 0; display: block; width:290px; height:130px; margin:0 0 25px;} .bn_hanako a{background: url(../img/top/bn_hanako.jpg) 0 0; display: block; width:290px; height:130px; } /*spcts*/ #spcts { margin:5px 0 40px;} /*#spcts .inner { background: url(../img/top/penna.png) no-repeat right 60px;}*/ .bn_chiba a{background: url(../img/top/chiba.png) 0 0; margin:0 33px 0 0; display: block; width:289px; height:242px;} .bn_wear a{background: url(../img/top/kozue.png) 0 0; margin:10px 0 0 0; display: block; width:295px; height:229px;} .bn_nagao a{background: url(../img/top/nagao.png) 0 0; margin:12px 0 0; display: block; width:297px; height:228px;} /*cont2*/ .ctsbox {width:625px;} .ctsbox2 {width:325px; margin:0 0 23px;} .snsbtn {width:940px; margin:40px auto 0;} .col_fm a { width:257px; height:253px; background:url(../img/top/fanme.png) no-repeat 0 0; margin:15px 0 15px 15px; display: block;} #cont2 .bn_repo a{background: url(../img/top/bn_rp.png) 0 0; margin:5px 0 0 0; display: block; width:269px; height:134px;} /*#cont2 .bn_repo a{background: url(../img/top/report.jpg) 0 0; margin:5px 0 15px; display: block; width:288px; height:266px;}*/ .bn_ist a,.bn_tw a,.bn_odm a {display: block; width:290px; height:115px; box-shadow:0 0 7px rgba(0,0,0,0.3);} .bn_tw a{background: url(../img/top/bn_tw.jpg) 0 0; margin:0 33px 0 0;} .bn_ist a{ background: url(../img/top/bn_insta.jpg) 0 0;} .bn_odm a{ background: url(../img/top/bn_odm.png) 0 0; margin:0 5px 0 0;} #cont2 .bn_itv a{ background: url(../img/top/bn_itv.png) 0 0; display: block; width:298px; height:123px; margin:0 0 20px 10px;} #cont2 .bn_gl a{background: url(../img/top/bn_gl.png) 0 0; display: block; width:292px; height:120px;} #cont2 .bn_goods a{background: url(../img/top/bn_goods.png) 0 0; display: block; width:290px; height:120px; margin:0 30px 0 0;} #cont2 #ban .rect {width:300px; height: 250px;} #top #cboxOverlay{background:#fcf47d !important; opacity: 0.8; filter: alpha(opacity = 80);} #cont2 #twTL{ padding:40px 0 0; background: url(../img/top/bk_tw.jpg) 0 0; box-shadow:0 0 7px rgba(0,0,0,0.3); overflow:hidden; margin:0 5px 0 0; width:290px; height: 380px;} /*footer*/ footer {background: url(../img/foot.jpg) repeat-x 0 0; height:252px; margin:100px 0 0; padding:0;} footer p {font-size:90%; padding:20px 0; line-height:1.8;} footer .sns { width:640px; padding:60px 0 0;} footer a { text-decoration:none; color:#000; } footer a:hover { text-decoration:underline; color:#000;} #gotop {position: fixed; bottom: 50px; right: 20px;} #gotop a {display:block; width:102px; height: 82px; background:url(../img/gotop.png) no-repeat 0 0;} /*2nd footer*/ footer .ftarea { width:950px; margin:0 auto; text-align:left; padding:0 0 0 10px; } #rect {width:300px; height: 250px; margin:-45px 0 0 0; box-shadow:0 0 7px rgba(0,0,0,0.3);} /*------------------　2nd　------------------ */ #intro header,#news header,#story header,#caststaff header,#comment header,#report header,#msg header,#chart header,#sp-chiba header,#sp-nagao header,#sp-kozue header,#interview header,#gallery header,#sp-hanako header {background:url(../img/bk_hd.jpg) no-repeat center top; height:305px; background-size: cover; } #logo a {width:467px; height: 147px; margin:40px auto; background: url(../img/logo.png) no-repeat 0 0; display: block;} #hdarea{width:960px; margin:0 auto;} header p.oadate {width:353px; height: 62px; margin:110px 60px 0 0; background: url(../img/oadate.png) no-repeat 0 0;} #wrap {width:960px; margin:60px auto 80px; background: url(../img/bk_cts.jpg) 0 0; padding:40px 0 80px; box-shadow:0 0 8px rgba(0,0,0,0.3); max-height: 100%;} #wrap .sub { text-align:left; width:90%; margin:0 auto;} #wrap .sub p { line-height:1.8; padding:10px 15px;} /*h1,h2*/ #wrap h1 { background: url(../img/bk_ttl.jpg) no-repeat 0 0; width:960px; height:112px; margin:0 0 50px; padding:30px 0 0;} #wrap h1 span.ttl{ background: url(../img/ttl.png) 0 0; width:437px; height:76px; margin:0 auto 0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;} #news h1 span.ttl { background-position: 0 -76px;} #story h1 span.ttl{ background-position: 0 -152px; } #comment h1 span.ttl { background-position: 0 -228px; } #caststaff h1 span.ttl { background-position: 0 -304px;} #msg h1 span.ttl { background-position: 0 -380px;} #report h1 span.ttl { background-position: 0 -456px;} #chart h1 span.ttl { background-position: 0 -532px;} #gallery h1 span.ttl { background-position: 0 -608px;} #interview h1 span.ttl { background-position: 0 -684px;} .rect {background:#fff; width:300px; height: 250px;} .line {background: linear-gradient(transparent 60%, #e8f8c2 0%);} #bknm{width:100%; margin:60px auto 0; padding:0;} #bknm h3,#interview #bknm h4 {font-weight:bold; font-size:160%; margin:30px 0 30px; padding:10px; text-align: center; letter-spacing: 8px; border-bottom: 4px double #d5cbb6; border-top: 4px double #d5cbb6;} /*intro*/ #intro h2{font-size:140%; line-height:1.7; padding:0 0 10px;} #intro h2:first-letter {font-size: 160%; line-height: 1; color:#23ac38;} #intro h3{font-size:125%; line-height:1.7; padding:40px 0 10px; color:#23ac38;} #intro h4{font-size:110%; line-height:1.7; padding:0 0 10px;} #intro #commeBtn{text-align:center; margin:30px 0 10px;} /*interview*/ #interview h3,#sp-hanako h3{font-size:115%; padding:0 0 0 15px; margin:40px 0 0; color:#23ac38;} #interview #wrap .sub p { line-height:1.8; padding:5px 15px;} #interview .ph_cut { width:570px; height:330px; margin:20px auto 30px; border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3);} #interview .ph_cut2 { width:290px; height:190px; border:4px solid #fff; box-shadow:0 0 6px rgba(0,0,0,0.3);} #interview .vol1{background: url(../img/itv/vol1.jpg);} #interview .vol2{background: url(../img/itv/vol2.jpg);} #interview .vol3{background: url(../img/itv/vol3.jpg);} #interview .vol4{background: url(../img/itv/vol4.jpg);} #interview .vol1_1{background: url(../img/itv/vol1_1.jpg); margin:0 15px 10px;} #interview .vol1_2{background: url(../img/itv/vol1_2.jpg); margin:15px 15px 10px;} #interview .vol2_1{background: url(../img/itv/vol2_1.jpg); margin:15px 20px 10px;} #interview .vol3_1{background: url(../img/itv/vol3_1.jpg); margin:15px 20px 10px;} #interview .vol3_2{background: url(../img/itv/vol3_2.jpg); margin:15px 15px 10px;} #interview .vol4_1{background: url(../img/itv/vol4_1.jpg); margin:10px 20px 0;} #interview .vol4_2{background: url(../img/itv/vol4_2.jpg); margin:10px 15px 10px 20px; width:235px; height:340px;} /*comment*/ #comment h2 {font-size:120%; line-height:1.6; margin:40px 0 0 10px;} #comment h2:first-letter {font-size: 130%; line-height: 1; color:#23ac38;} #comment h2 { position: relative; padding-bottom: .5em; border-bottom: 3px solid #d5cbb6; } #comment h2::after { position: absolute; bottom: -3px; left: 0; z-index: 2; content: ''; width: 15%; height: 3px; background-color: #23ac38; } /*caststaff*/ #caststaff #cast {margin:0 auto 50px; width:350px; font-size:125%; line-height:2.2; text-align:center;} #caststaff h2 {padding:20px 0 15px; font-weight:bold; font-size:165%; text-align: center;} #caststaff #staff { text-align:center; font-size:115%; line-height:1.7;} #caststaff h3{font-size:120%; line-height:1.7; padding:20px 0 0; color:#23ac38;} /*news*/ #news h2.prinfo {font-weight:bold; font-size:150%; margin:0 0 10px; overflow: hidden; text-align: center;} #news h2.prinfo span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; } #news h2.prinfo span::before, #news h2.prinfo span::after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #d5cbb6; } #news h2.prinfo span::before {right: 100%;} #news h2.prinfo span::after {left: 100%;} #news h3 {font-size:120%; padding:10px 0 5px; margin:0 0 10px; border-bottom:1px double #23ac38;} #news h3:first-letter {font-size: 125%; line-height: 1; color:#23ac38;} #news span.date {padding:2px 3px; color:#23ac38; font-weight:bold; font-size: 110%;} #news #promo {background:rgba(213,203,181,0.1); padding:10px; margin:0 0 50px;} #news .subinfo {width:92%; margin:15px auto 0; border:3px solid #fff; padding:10px; background:rgba(213,203,181,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);} #news #promo p {margin:10px auto; line-height:1.8;} #news .bdb {margin:10px auto; padding:0 0 50px;} #news .bdb2 {margin:10px auto; padding:0 0 350px;} #news p.add {font-size:85% !important; padding:20px 10px 10px !important;} #news .bdb a { padding:2px;} #news .bdb a:hover {color:#23ac38;} #news .phbox {margin:20px auto 0;} .ph_stl{border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3);} #news .ph1230{width:250px; height:320px; background: url(../img/news/151230.jpg) no-repeat 0 0; margin:10px 20px 0 0;} #news .ph0101{width:250px; height:320px; background: url(../img/news/160101.jpg) no-repeat 0 0; margin:10px 20px 0 0;} #news .ph0105{width:500px; height:332px; background: url(../img/news/160105.jpg) no-repeat 0 0; margin:30px auto 10px;} #news .ph0108{width:250px; height:320px; background: url(../img/news/160108.jpg) no-repeat 0 0; margin:10px 20px 0 0;} #news .ph0116{width:250px; height:330px; background: url(../img/news/160116.jpg) no-repeat 0 0; margin:10px 20px 10px 0;} #news .ph0117{width:550px; height:389px; background: url(../img/news/160117.jpg) no-repeat 0 0; margin:30px auto 20px;} #news .ph0203{width:250px; height:375px; background: url(../img/news/160203.jpg) no-repeat 0 0; margin:10px 20px 0 0;} #news .ph0214{width:250px; height:250px; background: url(../img/news/160214.png) no-repeat 0 0; margin:10px 20px 0 0;} #news .ph0217{width:500px; height:332px; background: url(../img/news/160217.jpg) no-repeat 0 0; margin:30px auto 10px;} #news .ph0221{width:250px; height:250px; background: url(../img/news/160221.png) no-repeat 0 0; margin:10px 20px 0 0;} #news .ph0225_1{width:350px; height:233px; background: url(../img/news/160225_1.jpg) no-repeat 0 0; margin:10px 0 10px 50px;} #news .ph0225_2{width:350px; height:233px; background: url(../img/news/160225_2.jpg) no-repeat 0 0; margin:10px 50px 10px 0;} #news .ph0320{width:500px; height:332px; background: url(../img/news/160320.jpg) no-repeat 0 0; margin:30px auto 10px;} /*story*/ #story h2,#gallery h2 {font-size:150%; line-height:1.6; margin:0 0 20px;} #story .sub a {color:#23ac38; text-decoration:none;} #story .sub a:hover{text-decoration:underline;} #story #mov_pre{width:574px; height:318px; margin:0 auto 20px; border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3); background:url(../img/story/ep1.jpg) 0 0;} #story #mov{width:586px; height:330px; margin:0 auto 20px; border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3); } #story #bknm ul li.ep1 a{background: url(../img/story/thum_1.jpg) no-repeat 0 0;} #story #bknm ul li.ep2 a{background: url(../img/story/thum_2.jpg) no-repeat 0 0;} #story #bknm ul li.ep3 a{background: url(../img/story/thum_3.jpg) no-repeat 0 0;} #story #bknm ul li.ep4 a{background: url(../img/story/thum_4.jpg) no-repeat 0 0;} #story #bknm ul li.ep5 a{background: url(../img/story/thum_5.jpg) no-repeat 0 0;} #story #bknm ul li.ep6 a{background: url(../img/story/thum_6.jpg) no-repeat 0 0;} #story #bknm ul li.ep7 a{background: url(../img/story/thum_7.jpg) no-repeat 0 0;} #story #bknm ul li.ep8 a{background: url(../img/story/thum_8.jpg) no-repeat 0 0;} #story #bknm ul li.ep9 a{background: url(../img/story/thum_9.jpg) no-repeat 0 0;} #story #bknm ul li.ep10 a{background: url(../img/story/thum_10.jpg) no-repeat 0 0;} #story .ph_area{margin:30px auto 15px; width:93%;} #story .ph_cut{width:350px; height:226px; border:4px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3);} /*repo*/ #report h2 {font-weight:bold; font-size:125%; padding:0 10px;} #report h2:first-letter {font-size: 130%; line-height: 1; color:#23ac38;} #report .entry p {font-size:95%;} #report p.date {color:#23ac38; padding:0 10px 15px;} #report .ph_cut { width:500px; height:333px; margin:20px auto 30px; border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3);} #report .ph_cut_l { width:350px; height:450px; margin:20px auto; border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3);} #report .vol1_1 { background:url(../img/report/vol1_1.jpg) no-repeat 0 0;} #report #bknm ul,#interview #bknm ul{width:98%; margin:0 auto;} #report #bknm li {float:left; margin:0 0 20px; font-size:105%; line-height:25px;} #interview #bknm li {float:left; margin:0 0 20px; font-size:125%; line-height:25px; font-weight:bold;} #report #bknm li a,#interview #bknm li a {width:375px; height:55px; text-decoration:none; background:url(../img/bk_thum.jpg); padding:15px 15px 15px 10px; display: block; box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #report #bknm li:nth-child(even){margin:0 0 30px 30px;} #interview #bknm li:nth-child(even){margin:0 0 30px 30px;} #report #bknm li span.epi,#interview #bknm li span.epi {width:56px; height:56px; line-height:56px; text-align:center !important; font-size:150%; padding:5px; margin:-5px 15px 0 0; font-weight:bold; background:rgba(255,255,255,0.5); border-radius: 50%; display: block; float:left;} #report #bknm li span.date {color:#23ac38; } #interview #bknm li span.charaname {color:#23ac38; font-size:90%;} /*sp-chiba*/ #sp-chiba #wrap h1 { background: url(../img/chiba/ttl.jpg) no-repeat 0 0; width:960px; height:320px; margin:0 0 50px; padding:30px 0 0;} #sp-chiba .mov,#sp-nagao .mov{width:586px; height:330px; margin:20px auto 80px; border:6px solid #fff; box-shadow:0 0 8px rgba(0,0,0,0.3); } #sp-chiba #bknm ul li,#sp-nagao #bknm ul li{float:left; width:246px; height:138px; border:4px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.3); margin:0 0 35px 25px;} #sp-chiba #bknm ul li.vol1{background: url(../img/chiba/mov1_vol1.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol2{background: url(../img/chiba/mov1_vol2.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol3{background: url(../img/chiba/mov1_vol3.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol4{background: url(../img/chiba/mov1_vol4.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol5{background: url(../img/chiba/mov1_vol5.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol6{background: url(../img/chiba/mov1_vol6.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol7{background: url(../img/chiba/mov1_vol7.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol8{background: url(../img/chiba/mov1_vol8.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol9{background: url(../img/chiba/mov1_vol9.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol10{background: url(../img/chiba/mov1_vol10.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li.vol11{background: url(../img/chiba/mov1_vol11.jpg) no-repeat 0 0;} #sp-chiba #bknm ul li p span {width:100px; background: #23ac38; color: #fff; padding:0 8px; margin:-25px auto 0; display:block; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } #sp-chiba #wrap h4 { font-size:120%; padding:15px 0 0 15px; } #sp-chiba #prof {height:200px;margin:30px 0 0; background: url(../img/chiba/prof.png) no-repeat 25px 0; padding:0 0 0 235px; /*background:rgba(213,203,181,0.1);*/} /*sp-nagao*/ #sp-nagao #wrap,#sp-kozue #wrap,#sp-hanako #wrap {padding:0 0 80px} #sp-nagao #wrap h1 { background: url(../img/nagao/ttl.jpg) no-repeat 0 0; width:960px; height:360px; margin:0 0 50px; padding:0;} #sp-nagao .greeting {width:90%; margin:30px auto 50px; border:5px solid #fff; padding:30px 15px 30px; background:rgba(248, 225, 210, 0.3); box-shadow:0 0 7px rgba(0,0,0,0.3);} #sp-nagao #bknm ul li.vol1{background: url(../img/nagao/vol1.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol2{background: url(../img/nagao/vol2.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol3{background: url(../img/nagao/vol3.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol4{background: url(../img/nagao/vol4.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol5{background: url(../img/nagao/vol5.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol6{background: url(../img/nagao/vol6.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol7{background: url(../img/nagao/vol7.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol8{background: url(../img/nagao/vol8.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol9{background: url(../img/nagao/vol9.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol10{background: url(../img/nagao/vol10.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol11{background: url(../img/nagao/vol11.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol12{background: url(../img/nagao/vol12.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li.vol13{background: url(../img/nagao/vol13.jpg) no-repeat 0 0;} #sp-nagao #bknm ul li p span {width:100px; background: #ffc3c3; padding:0 8px; margin:-25px auto 0; display:block; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } /*sp-kozue*/ #sp-kozue .desc{margin:0 0 50px;} #sp-kozue #wrap h1 { background: url(../img/kozue/ttl.jpg) no-repeat 0 0; width:960px; height:360px; margin:0 0 50px; padding:0;} #sp-kozue #wrap h2 { background: url(../img/kozue/bk_ep.png) no-repeat 0 0; width:530px; height:50px; margin:0 0 5px; padding:0 0 0 20px; line-height:50px; font-size:130%;} #sp-kozue #wrap h2 span { letter-spacing: 3px;} #sp-kozue h3.wear {font-size:110%; color:#73c8f1; padding:10px 0 0 18px;} #sp-kozue h3.wear:first-letter {font-size: 125%; line-height: 1;} #sp-kozue .ph_stl {width:260px; height:330px; margin:0 0 0 20px;} #sp-kozue .ph_stl2 {width:280px; height:200px; margin:2px 0 0 18px; border:4px solid #fff; box-shadow:0 0 6px rgba(0,0,0,0.2);} #sp-kozue .ep1_cut {background: url(../img/kozue/ep1_1.jpg) no-repeat 0 0;} #sp-kozue .ep2_cut {background: url(../img/kozue/ep2_1.jpg) no-repeat 0 0; height:350px;} #sp-kozue .ep2_2cut {background: url(../img/kozue/ep2_2.jpg) no-repeat 0 0; margin:0 20px 0 0;} #sp-kozue .ep3_cut {background: url(../img/kozue/ep3_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep3_2cut {background: url(../img/kozue/ep3_2.jpg) no-repeat 0 0;} #sp-kozue .ep3_3cut {background: url(../img/kozue/ep3_3.jpg) no-repeat 0 0; height:380px; margin:15px 0 0 20px;} #sp-kozue .ep3_4cut {background: url(../img/kozue/ep3_4.jpg) no-repeat 0 0; width:200px; height:300px; margin:15px 20px 0 18px;} #sp-kozue .ep4_cut {background: url(../img/kozue/ep4_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep4_2cut {background: url(../img/kozue/ep4_2.jpg) no-repeat 0 0; width:214px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep5_cut {background: url(../img/kozue/ep5_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep5_2cut {background: url(../img/kozue/ep5_2.jpg) no-repeat 0 0; width:214px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep6_cut {background: url(../img/kozue/ep6_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep6_2cut {background: url(../img/kozue/ep6_2.jpg) no-repeat 0 0;} #sp-kozue .ep6_3cut {background: url(../img/kozue/ep6_3.jpg) no-repeat 0 0; height:400px; margin:20px 0 0 20px;} #sp-kozue .ep6_4cut {background: url(../img/kozue/ep6_4.jpg) no-repeat 0 0; width:214px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep7_cut {background: url(../img/kozue/ep7_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep7_2cut {background: url(../img/kozue/ep7_2.jpg) no-repeat 0 0; width:214px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep8_cut {background: url(../img/kozue/ep8_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep8_2cut {background: url(../img/kozue/ep8_2.jpg) no-repeat 0 0; width:214px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep8_3cut {background: url(../img/kozue/ep8_3.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep8_4cut {background: url(../img/kozue/ep8_4.jpg) no-repeat 0 0; width:214px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep9_cut {background: url(../img/kozue/ep9_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep9_2cut {background: url(../img/kozue/ep9_2.jpg) no-repeat 0 0; width:210px; height:300px; margin:5px 20px 0 18px;} #sp-kozue .ep10_cut {background: url(../img/kozue/ep10_1.jpg) no-repeat 0 0; height:400px;} #sp-kozue .ep10_2cut {background: url(../img/kozue/ep10_2.jpg) no-repeat 0 0; width:210px; height:300px; margin:5px 20px 0 18px;} #sp-kozue #bknm ul li a{float:left; width:99px; height:99px; display: block; margin:0 0 25px 20px; background: url(../img/kozue/bk_thum.png) no-repeat 0 0; font-size:120%; line-height: 96px; text-align:center; letter-spacing: 2px;} /*sp-hanako*/ #sp-hanako #wrap h1 { background: url(../img/hanako/ttl.jpg) no-repeat 0 0; width:960px; height:350px; margin:0 0 35px; padding:0;} #sp-hanako h2 {padding: 10px; background:rgba(213,203,181,0.2); font-size:140%; line-height:1.6; margin:10px 0 0;} #sp-hanako .spitv{padding:5px 8px; font-size:115%; border-left:5px solid #23ac38; margin:0 0 0 3px;} #sp-hanako .clothes{padding:50px 5px 10px; font-size:110%;} #sp-hanako h3{margin:30px 0 0;} #sp-hanako .ph_cut { border:4px solid #fff; box-shadow:0 0 6px rgba(0,0,0,0.3);} #sp-hanako .cut1{width:250px; height:449px; background: url(../img/hanako/cut1.jpg); margin:40px 25px 10px 15px;} #sp-hanako .cut2{width:250px; height:384px; background: url(../img/hanako/cut2.jpg); margin:10px 0 0 25px;} #sp-hanako .cut3{width:250px; height:350px; background: url(../img/hanako/cut3.jpg); margin:10px 25px 10px 15px;} #sp-hanako .cut4{width:250px; height:480px; background: url(../img/hanako/cut4.jpg); margin:10px 0 0 25px;} #sp-hanako .cut5{width:350px; height:235px; background: url(../img/hanako/cut5.jpg); margin:15px 25px 10px 15px;} /*gallery*/ #slider {width:640px; height:425px; margin:0 auto; background:#fff; border:7px solid #fff; box-shadow:0 0 8px rgba(0, 0, 0, 0.3); overflow:hidden;} #slider ul {margin:0 0 0;} #slider li {width:640px; height:425px;} #carousel { background:rgba(213,203,181,0.3); margin:30px auto 0; padding:10px; width:97%; height:84px; overflow:hidden; } #carousel li { width:120px; height:82px; cursor: pointer; margin:0 5px 0;} #carousel li img { border:1px solid #23ac38;} #gallery #bknm ul li,#story #bknm ul li{float:left; box-shadow:0 0 5px rgba(0,0,0,0.3); margin:0 7px 15px;} #gallery #bknm li a,#story #bknm li a {width:158px; height:148px; display: block;} #gallery #bknm ul li.ep1 a{background: url(../img/gallery/thum_1.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep2 a{background: url(../img/gallery/thum_2.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep3 a{background: url(../img/gallery/thum_3.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep4 a{background: url(../img/gallery/thum_4.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep5 a{background: url(../img/gallery/thum_5.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep6 a{background: url(../img/gallery/thum_6.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep7 a{background: url(../img/gallery/thum_7.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep8 a{background: url(../img/gallery/thum_8.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep9 a{background: url(../img/gallery/thum_9.jpg) no-repeat 0 0;} #gallery #bknm ul li.ep10 a{background: url(../img/gallery/thum_10.jpg) no-repeat 0 0;} #gallery #bknm ul li span,#story #bknm ul li span { line-height: 1.2; text-align: center; padding: 10px 0; margin:90px 0 0;} .oanum {position: relative; display: inline-block; width:158px; color: #fff; background: #23ac38; z-index: 0;} .oanum:after { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #23ac38 transparent;} #carousel .flex-direction-nav a { width: 40px; height: 40px; } #carousel .flex-direction-nav a:before { font-size: 40px; } /*chart*/ #chart #wrap .sub { background: url(../img/chart/chart.jpg) no-repeat 0 0; width:916px; height:1188px; margin:0 0 20px 32px;} #chart #cboxOverlay,#story #cboxOverlay{background:#fbf3c9 !important; opacity: 0.9; filter: alpha(opacity = 90);} #chart #wrap ul li a { display: block; position: absolute; background:rgba(234,251,212,0.6); width:180px; height:221px; text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;} #chart #wrap ul li a { filter: alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} #chart #wrap ul li a:hover { filter: alpha(opacity=100); -moz-opacity:100; opacity:100;} #chart ul li.daisuke a { left: 293px; top:344px; } #chart ul li.hanako a { left: 509px; top:344px; } #chart ul li.youzo a { left: 69px; top:247px; } #chart ul li.ritsuko a { right: 19px; top:344px; } #chart ul li.rina a,#chart ul li.shoichi a,#chart ul li.haruto a,#chart ul li.satori a,#chart ul li.megumi a,#chart ul li.kazuya a,#chart ul li.mika a { width:159px !important; height:195px !important; } #chart ul li.rina a { right: 240px; top:696px; } #chart ul li.shoichi a { left: 308px; top:696px; } #chart ul li.haruto a { left: 136px; top:696px; } #chart ul li.satori a { right: 68px; top:696px; } #chart ul li.megumi a { left: 33px; top:10px; } #chart ul li.mika a { left: 370px; top:10px; } #chart ul li.kazuya a { right: 209px; top:10px; } #chart ul li.shigesan a,#chart ul li.kouta a,#chart ul li.ayumi a,#chart ul li.yuka a,#chart ul li.tanaka a,#chart ul li.sawa a,#chart ul li.misayo a,#chart ul li.ando a { width:134px !important; height:167px !important; } #chart ul li.shigesan a { left: 5px; top:500px; } #chart ul li.kouta a { left: 205px; top:38px; } #chart ul li.aya a { right: 30px; top:39px; width:136px !important; height:167px !important;} #chart ul li.ayumi a { left: 193px; top:910px; } #chart ul li.yuka a { left: 334px; top:910px; } #chart ul li.sawa a { left: 52px; top:910px; } #chart ul li.misayo a { left: 146px; top:500px; } /*#chart ul li.tanaka a { right: 170px; top:910px; }*/ #chart ul li.tanaka a { right: 95px; top:910px; } #chart ul li.ando a { right: 237px; top:910px; } /*msg*/ iframe#iframe {width:100%; border:none;} #msg select#backnum { color:#23ac38; font-size:130%; font-family: Garamond , "Times New Roman"; font-weight: bold; cursor: pointer; padding: 5px 50px 5px 10px; margin:0 0 5px 30px; border: 1px solid #23ac38; border-radius: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; text-overflow: ""; background:rgba(227, 242, 211, 0.3); } #msg p.rest { line-height:1.7; margin:30px auto 0;} #msg #wrap .sub { text-align:left; width:90%; margin:30px auto 0;} #msg #writeBtn a,#intro #commeBtn a {font-size:150%; color:#23ac38; width:300px; height:80px; line-height:80px; margin:0 auto; display:block; text-decoration:none; border:4px double #23ac38; border-radius: 5px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #msg #writeBtn a:hover,#intro #commeBtn a:hover {color:#fff; text-decoration:none; border:4px double #fff; background:#23ac38;} #prevnext { padding:0; margin:0; } #prevnext ul li a { display: block; width: 113px; height: 42px; overflow: hidden; background: url(../img/msg_nav.png) 0 0; text-indent: 100%; white-space: nowrap; text-decoration: none;} #prevnext ul li span { visibility: hidden; } #prevnext ul li.prev { float:left; } #prevnext ul li.next a { background-position: -113px 0; float:right; } #prevnext p {text-align:center;} #msg p.close{text-align:center; margin:20px 0 0; line-height:1.8;} /* =========================================== TBS global header Legacy =========================================== */ /* reset ============================== */ html,body { padding:0; margin:0; } /* common ============================== */ /* GH common ============================== */ div.global-header { position:relative; background-repeat:repeat-x; border-bottom:2px solid #c2c2c2 !important; background-color:#eaeaea; } div.global-header h1 { display:none; } div.global-header nav, div.global-header ul, div.global-header li, div.global-header p { margin: 0; padding: 0; line-height:1; letter-spacing:0; } div.global-header ul { list-style-type: none; } /* causion */ div.gh-caution p { line-height:1.5; text-align:center; background-color:#ffe000; padding: 12px 0; margin-bottom:12px; } div.gh-caution p b, div.gh-caution p strong { font-style:normal; font-weight:bold; color:#c00; } div.gh-caution p.gh-caution-tls { line-height:1.5; text-align:center; background-color:#ffe000; padding: 12px; margin-bottom:12px; } div.gh-caution p.gh-caution-tls b, div.gh-caution p.gh-caution-tls strong, div.gh-caution p.gh-caution-tls a { color:#005eac !important; } div.gh-caution p.gh-caution-tls a { font-weight:normal; text-decoration:underline !important; } /* banner */ div.global-header div.gh-super { display:block; text-align:left; margin:0 auto; } /* tbs tv side */ div.global-header div.gh-tbs ul li { display:block; position:absolute; } div.global-header div.gh-tbs ul li a { display:block; background-repeat:no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden; } /* catari widget */ .catari-widget, .catari-widget iframe { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .catari-widget { text-align:left; border:1px solid #d6d6d6; background-color:#fff; padding:4px; } .catari-widget-inner { height:315px; -webkit-overflow-scrolling:touch; } .catari-widget iframe { width:100%; height:100%; border:none; padding:0 !important; margin:0 !important; background-color:#fff !important; } .catari-widget p { color:#2d2d2d; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important; line-height:1; margin:0 !important; } .catari-widget p:after { content:"";clear:both;display:block; } .catari-widget p:first-child { font-size:14px !important; font-weight:bold !important; padding-bottom:4px; } .catari-widget p span { display:block; } .catari-widget p:first-child span { /* padding-left:44px; */ padding-left:20px; padding-top:12px; } .catari-widget p:last-child span { padding-right:74px; padding-top:6px; } .catari-widget p:last-child { padding-top:4px; text-align:right !important; font-size:12px !important; } /* .catari-widget p:first-child:before { content:""; display:block; background-image:url(/um/v7/img/catari_fromtbs.svg); width:40px; height:40px; float:left; } */ .catari-widget p:last-child a { display:block; /* background-image:url(/um/v7/img/catari_logo.svg); */ width:72px; height:24px; text-indent:110%;white-space:nowrap;overflow:hidden; float:right; } /* GH PC header ============================== */ div.global-header, div.global-header ul li, div.global-header p.gh-search-btn { font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-size:16px !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; } /* causion */ div.gh-caution p { font-size:87.5%; } div.global-header { text-align:left; background-image:url(/um/v7/img/gh_bg_pc.svg?0); background-size:320px 240px; } /* banner */ div.global-header div.gh-super { padding-bottom:12px; } div.global-header div.gh-super img { display:inline; } div.global-header div.gh-super span { display:inline; } /* tbs tv side */ div.global-header div.gh-tbs { position:absolute; background-image:url(/um/v7/img/gh_parts.svg?0); background-repeat:no-repeat; background-position:left top; background-size:320px 240px; width:150px; height:75px; } div.global-header div.gh-tbs ul { display:block; background-image:url(/um/v7/img/gh_boobo.png?0); background-repeat:no-repeat; background-size:150px; background-position:0 36px; width:150px; height:75px; } div.global-header div.gh-tbs ul li.gh-home { left:30px; top:8px; } div.global-header div.gh-tbs ul li.gh-program { left:32px; top:40px; } div.global-header div.gh-tbs ul li.gh-home a { background-position:-170px 0; width: 90px; height: 26px; } div.global-header div.gh-tbs ul li.gh-program a { background-image: none; width: 86px; height: 25px; } div.global-header div.gh-tbs ul li.gh-side { display:none; } /* di2 only PC */ div.global-header div.gh-navi { height:76px; margin:0 auto; } /* di2 */ div.global-header div.gh-menu { position:relative; margin-left:150px; } div.global-header div.gh-menu ul.gh-main, div.global-header div.gh-menu ul.gh-sub { display:table; border-collapse: collapse; /* border-spacing: 0; */ } div.global-header div.gh-menu ul.gh-main { width:100%; } div.global-header div.gh-menu ul.gh-sub { width:59%; margin-left:41%; } div.global-header div.gh-menu ul li { display:table-cell; vertical-align:middle; white-space:nowrap; } div.global-header div.gh-menu ul.gh-main li { border-bottom:1px solid transparent; } div.global-header div.gh-menu ul li a { display:block; text-align:center; color:#222; text-decoration:none; } div.global-header div.gh-menu ul li a:hover { /*font-weight:bold;*/ color:#000; } div.global-header div.gh-menu ul.gh-main li a span { font-weight:bold; line-height:40px; } div.global-header div.gh-menu ul.gh-sub li a span { color:#fff; line-height:18px; } div.global-header div.gh-menu ul.gh-main li a:hover { background-color:#bfdcf3; } div.global-header div.gh-menu ul.gh-sub li a:hover, div.global-header div.gh-menu p.gh-search-btn a:hover { background-color:#00569b; } div.global-header div.gh-menu ul.gh-main li a:before, div.global-header div.gh-menu ul.gh-sub li a:before { content: ""; display:block; float:left; margin-left: -1px; } div.global-header div.gh-menu ul.gh-main li a:before { height:20px; margin-top:10px; border-left: 2px solid #80b9e7; } div.global-header div.gh-menu ul.gh-sub li a:before { height:14px; margin-top:2px; border-left: 2px solid #80b9e7; } div.global-header div.gh-menu ul.gh-main li:first-child a:before, div.global-header div.gh-menu ul.gh-sub li:first-child a:before { border-left:none; } div.global-header div.gh-menu ul.gh-main li a span, div.global-header div.gh-menu ul.gh-sub li a span { display:inline-block; } /* search button */ div.global-header div.gh-menu p.gh-search-btn { position:absolute; left:0; top:41px; } div.global-header div.gh-menu p.gh-search-btn a { display:block; color:#fff; font-size:83%; text-decoration:none; line-height:18px; line-height:19px; /* for IE9 */ letter-spacing:0.75em; padding:0 15px; } div.global-header div.gh-menu p.gh-search-btn a:before { content: ""; display:block; float:left; width:18px; height:18px; margin-right:10px; background-image:url(/um/v7/img/gh_parts.svg?0); background-position:0 -90px; background-repeat:no-repeat; background-size:320px 240px; } /* tbs tv side */ div.global-header div.gh-tbs ul li.gh-home a { background-image:url(/um/v7/img/gh_parts.svg?0); background-size:320px 240px; } /* GH 980px ============================== */ div.global-header { letter-spacing:0; min-width: 980px; } div.global-header div.gh-super { width:980px; } div.global-header div.gh-super:before { content: ""; display:block; float:left; width:126px; height:1px; } div.global-header div.gh-navi { width:980px; } div.global-header div.gh-menu ul.gh-main li a span { font-size:87.5%; padding:0 12px; } div.global-header div.gh-menu ul.gh-sub li a span { font-size:83%; padding:0 12px; } /*jumpSmp*/ #jumpSmp { display:block; color:#fff; background: -moz-linear-gradient(center top, #9dce5f 50%,#7cbe2a 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #9dce5f),color-stop(0.5, #7cbe2a)); text-align:center; font-size:52px; font-weight:bold; line-height:1.35; border-top:5px solid #ddd; border-bottom:5px solid #eee; padding:52px; } #jumpSmp a { display:block; color:#fff;} #js-search-box{display:none !important;}