@charset "utf-8";
/*----------------------------------------
common.css     2016.11.14 ver.1.51

0.base
1.common
2.global navi
3.alert box
4.article,channelTop
5.comment
6.recommend
7.channel-top
20.Sub
30.footer
40.lightbox
50.photo page / movie page
60. etc
70.chukan page
90.ad
99.hac
----------------------------------------*/
/* 0.base
----------------------------------------*/
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

html,body{
position:relative;
width:100%;
height:100%;
min-height:100%;
margin:0;
padding:0;
font-size:100%; /* 16px */
font-family:Meiryo,"Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif;
}

/* HTML5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video {
display:inline-block;
vertical-align:baseline;
}

*, *:before, *:after{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

.hide{
display:none !important;
}

hr{
clear:both;
margin:12px 0;
border:0;
height:0;
border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom:1px solid rgba(224, 224, 224, 1);
}

/* Link */
a{
color:#122769;
background-color:transparent;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:focus,
a:active,
a:hover{
outline:0;
}

/* text */
p{
margin:0 0 1em;
}

h1,h2,h3,h4,p,li,dt,dd{
line-height:1.5;
}

h1{
margin:0 0 0.5em;
}

h2,h3,h4{
margin:0.25em 0;
}

h1{
font-size:150%;
}

h2{
color:#737373;
font-size:150%; /* 18px112.5% → 24px150%; */
font-weight:normal;
}

h3{
color:#737373;
font-size:125%; /* 20px */
font-weight:normal;
}

small,.small{
font-size:80%;
}

.normal{
font-weight:normal;
}

.bold{
font-weight:bold;
}

.red{
color:#a00;
}

.blue{
color:#1656cc;
}

.block{
display:block;
}

/* image */
img{
border:0;
vertical-align:bottom;
}

svg:not(:root){
overflow:hidden;
}

body > img[width="1"]{
display:none;
}

/* Table */
table{
border-collapse:collapse;
border-spacing:0;
}

td,th{
padding:0;
}

/* list */
ol,ul{
margin:0;
padding:0;
}

ol li,ul li{
margin:0;
padding:0;
list-style:none;
}

dt,dd{
margin:0;
}

/**/
iframe{
border:0;
margin:0 auto 6px;
}

/**/
button, input, select, textarea{
font-family:inherit;
font-size:100%;
}


/*----------------------------------------
1.common
----------------------------------------*/
html,body,footer{
color:#222;
}

.container{
position:relative;
width:1080px;
min-height:100%;
margin:0 auto;
padding:0;
}

article header{
min-width:0;
}

#main,
header .main-box{
position:relative;
float:left;
width:756px; /* 1080-300-24 */
margin:0 24px 0 0;
padding:6px 0 0;
}

#main .section{
position:relative;
margin:0 0 24px;
padding:0 0 24px;
background:url(/vol1/images/pc/line-stripe.png) repeat-x 0 100%;
}

#main .main-box{
float:left;
width:441px; /* 756 - 63*5 */
}

#main .sub-box{
float:right;
width:291px;
}

.inner-box{
padding:0 0 0 63px;
}

/* 右カラムなし */
#single{
margin:0;
padding:6px 0 0;
}

#single .single-box{
padding:0 0 0 63px;
}

#single div.header-box h1{
min-height:0;
}

#single .single-box h2,
#single .single-box h3{
margin:1.5em 0 0.5em;
}

#single .single-box ul.dot-list{
margin: 0 0 1em;
}


/* text */
p.txt{
margin:0 0 1em;
font-size:100%;
line-height:1.5em;
}

.txt-left{
text-align:left;
}

.txt-right{
text-align:right;
}

.txt-c,
.ad-center{
text-align:center;
}

ruby{
position:relative;
}

.text-bold{
font-weight:bold;
}

.txt-normal{
font-weight:normal;
}

/*  */
.mb0{
margin-bottom:0 !important;
}

.mb-s{
margin-bottom:12px !important;
}

.mb-m{
margin-bottom:24px !important;
}


/*  */
.col3{
width:33%;
}

.col4{
width:25%;
}

.col6{
width:16.6%;
}

/* noScript */
noscript{
display:block;
width:1080px;
margin:24px auto;
}

noscript p{
margin:0;
}

/* photo */
img.horizontal-photo{
max-width:100%;
height:auto;
}

img.vertical-photo{
width:auto;
max-height:100%;
}

img.square-photo{
max-height:100%;
}

.img{
position:relative;
margin:0 0 6px;
padding:0;
text-align:center;
}

.img .img-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-image:url(/vol1/images/pc/null.gif);
}

.thumb img{
max-width:100%;
max-height:100%;
}

/* for IE8 */
html>/**/body .thumb img{
margin:-1px 0 0 \9;
}

/* icon */
.icon img{
width:16px;
height:16px;
margin:0 1px;
vertical-align:text-bottom;
}

h2 .icon{
display:block;
float:left;
margin:-2px 3px 0 0;
}

img.inline-img {
vertical-align:middle;
}

/* list
----------------------------------------*/
ul.inline-list{
position:relative;
width:100%;
}

ul.inline-list li{
display:block;
float:left;
margin:0 6px 6px 0;
}

ul.inline-list li.sub{
float:right;
margin:0 0 6px 6px;
}

span.icon img{
vertical-align:middle;
}

/* list-typeA */
.list-typeA{
width:100%;
margin:0 0 24px;
}

.list-typeA li{
position:relative;
margin:0 0 0 24px;
border-top:1px solid #e0e0e0;
font-size:87.5%; /* 14px */
line-height:26px;
}

.list-typeA li:first-child{
border-top:none;
}

.list-typeA li span.keyword{
margin:0 6px 0 0;
padding:3px 6px 2px;
border:1px solid #dbdbdb;
font-size:85.71%;
color:#222;
}

.list-typeA li span.icon{
display:block;
position:absolute;
top:8px;
left:-24px;
width:24px;
padding:0 2px;
background:transparent;
text-align:right;
line-height:1;
}

.list-typeA li span.listmark{
display:block;
width:24px;
height:16px;
background:url(/vol1/images/pc/icon-listmark.png) no-repeat 50% 100%;
}

/* IE7 */
*:first-child+html .list-typeA li span.icon{
left:-24px;
width:24px
}

.list-typeA li span.icon img{
margin:0 8px 0 0;
}

.list-typeA li a{
position:relative;
display:block;
width:100%;
margin:0;
padding:6px 0;
font-weight:bold;
overflow:hidden;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
}

.list-typeA li:first-child a{
border-top:none;
}

/* list-typeA(typeA-date) */
.typeA-date li a{
width:526px;
}

.typeA-date li span.date{
display:block;
float:right;
width:150px;
padding:6px 0;
color:#696969;
font-size:12px;
text-align:right;
}

/* list-typeB */
.list-typeB{
margin:0 0 24px;
}

.list-typeB li{
margin:0 0 12px;
padding:0 0 6px;
}

.list-typeB li.col3{
display:block;
float:left;
position:relative;
width:252px;
margin:0 0 6px;
padding:0 6px;
}

.list-typeB li a{
font-weight:bold;
}

.list-typeB dt{
margin:0 0 6px;
font-weight:bold;
}

.list-typeB dt span.icon{
display:block;
float:right;
margin:0 0 0 6px;
line-height:1;
}

.list-typeB dt span.keyword,
.list-typeB dt span.name{
display:block;
margin:0;
padding:0;
font-size:81.25%;
}

dd.thumb,
#main .list-typeB dd.txt{
max-height:160px;
margin:0 0 6px;
overflow:hidden;
}

#main .list-typeB dd.txt p.txt{
margin:0;
}

.list-typeB .li.col3{
position:relative;
}

.list-typeB dd.thumb{
position:relative;
display:table;
width:100%;
background:#f8f8f8;
border:1px solid #ececec;
text-align:center;
line-height:1;
}

.list-typeB dd.thumb a{
display:table-cell;
width:100%;
height:160px;
margin:0;
padding:0;
vertical-align:middle;
}

.list-typeB dd.date{
padding:3px 0;
color:#696969;
font-size:75%; /* 12px */
}

.list-typeB dd .icon{
margin:0 6px 0 0;
}

/* list-typeC */
.list-typeC{
margin:0 0 24px;
}

.list-typeC li{
position:relative;
margin:0;
padding:0 0 6px;
}

.list-typeC li a{
border-top:1px solid #e0e0e0;
}

.list-typeC .thumb{
display:table-cell;
float:right;
width:100px;
height:67px;
margin-left:12px;
background:#f8f8f8;
border:1px solid #ececec;
text-align:center;
vertical-align:middle;
line-height:65px;
overflow:hidden;
}

.list-typeC a{
display:block;
margin:0 0 0 24px;
font-weight:bold;
}

.list-typeC .keyword{
display:block;
margin:0 6px 3px 0;
padding:3px 0 0;
min-height:22px;
font-weight:bold;
}

.list-typeC p.icon{
float:right;
margin:0 0 0 24px;
}

.list-typeC span.text{
margin:2px 0 6px 0;
}

.list-typeC p.txt,
.list-typeC p.date{
font-size:81.25%;
color:#696969;
}


/* #main .list-typeC */
#main .list-typeC li{
margin:0 0 0 63px;
}

#main .list-typeC .keyword{
font-size:92.85%;
}

#main .list-typeC a{
display:block;
margin:0;
}

#main .typeC-line li,
#main .list-typeC p.txt{
margin:0 0 6px;
}



/* #sub list-typeC */
#sub .list-typeC{
font-size:87.5%; /* 14 */
}

#sub .list-typeC li a,
#sub .list-typeC li p.icon{
padding:6px 0 0;
}

#sub .list-typeC .keyword{
font-size:92.85%; /* 13 */
}

/* list-typeC typeC-line */
.typeC-line li{
position:relative;
margin:0 0 6px;
padding:6px;
background:#f3f3f3;
border:1px solid #dbdbdb;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
font-size:87.5%;
overflow:hidden;
}

.typeC-line a{
margin:0;
}

#main .sub-channel .typeC-line .keyword{
font-size:92.85%;
}

#main .sub-channel .typeC-line a{
margin:0;
}

/* list-typeD */
.list-typeD{
margin:0 0 12px;
overflow:hidden;
}

.list-typeD li{
position:relative;
margin:0 0 6px 24px; /* 63-24 */
padding:6px 0;
font-size:81.25%;
color:#696969;
}

.list-typeD  p.txt,
.main-box .list-typeD p.date{
margin:0 0 6px;
text-indent:0;
}

.list-typeD span{
margin:0 0 6px;
padding:0;
}

.list-typeD span.midashi,
.list-typeD p.midashi{
font-weight:bold;
font-size:123.07%;
}

.list-typeD .keyword{
display:block;
width:auto;
margin:0 0 2px;
color:#2a2a2a;
}

.list-typeD div.img{
display:table-cell;
float:right;
width:100px;
height:67px;
margin:0 0 6px 12px;
background:#f8f8f8;
border:1px solid #ececec;
text-align:center;
vertical-align:middle;
overflow:hidden;
line-height:65px; /* 67-2 */
}

.list-typeD a{
/*display:block;*/
margin:0 0 3px;
font-weight:bold;
}

#main .list-typeD.typeD-line li{
position:relative;
padding:6px 3px 6px 24px;
}

.list-typeD .icon{
position:absolute;
left:-38px;
width:34px;
margin:0;
text-align:right;
}

.list-typeD .listmark{
width:34px;
height:16px;
background:url(/vol1/images/pc/icon-listmark.png) no-repeat 16px 100%;
}

#main .list-typeD.typeD-line li .icon{
position:absolute;
left:-3px;
width:24px;
margin:0;
text-align:right;
}

#main .list-typeD.typeD-line li a{
margin:0;
}

/* channel list img */
#main .list-typeD div.pic{
margin:0 0 12px 63px;
}

#main .list-typeD div.pic p{
margin:0;
}

/* typeD-line */
.typeD-line li{
margin:0 0 6px;
padding:6px;
background:#f3f3f3;
border:1px solid #dbdbdb;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
}

.typeD-line li a{
margin:0 0 0 24px;
font-size:81.25%;
font-weight:bold;
}

.typeD-line li .icon{
position:static;
float:left;
width:20px;
margin:-3px 0 0 0;
}

/* reporter list */
.typeD-2 .col2{
float:left;
width:350px; /* 756/2 - 24 */
}

.typeD-2 span.name{
display:block;
color:#222;
}

.typeD-2 span.midashi{
font-size:115.38%;
}

.header-box .typeD-2 p.txt{
color:#696969;
font-weight:normal;
padding:0 !important;
}


/* list-typeE */
.list-typeE li{
position:relative;
margin:0 0 0 24px;
padding:6px 0;
border-top:1px solid #dbdbdb;
line-height:1.25;
}

.list-typeE a{
display:block;
font-weight:bold;
}

.list-typeE .thumb{
float:right;
width:50px;
height:50px;
margin:0 0 0 6px;
}

.list-typeE span{
margin:0;
padding:0;
}

.list-typeE span.midashi{
display:block;
font-size:87.5%;
font-weight:bold;
}

.list-typeE span.txt{
font-size:75%;
}

/**/
.header-box .header-subbox ul.list-typeF{
float:none;
width:100%;
}

.list-typeF div.img{
display:block;
float:left;
width:50px;
height:50px;
margin:0 12px 0 0;
background:none;
border:none;
line-height:1;
}

.list-typeF div.img img{
width:50px;
height:50px;
margin:0;
padding:0;
}

.list-typeF  div.txt{
margin:0 0 0 63px;
}

/* list-typeG */
.list-typeG{
width:100%;
margin:0 0 12px;
}

.list-typeG li{
position:relative;
display:block;
float:left;
margin:0 0 12px;
padding:0 6px;
}

.list-typeG .img{
position:relative;
display:table;
width:100%;
background:#f8f8f8;
border:1px solid #ececec;
}

.list-typeG .img p{
display:table-cell;
width:100%;
height:160px;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
line-height:1;
}

.list-typeG img.horizontal-photo{
max-width:100%;
max-height:100%;
}

/* for IE9up */
.list-typeG .img img:not(:target).horizontal-photo{
width:175px;
max-width:175px;
}

.list-typeG .txt-box{
font-size:87.5%; /* 14 */
font-weight:bold;
}

.list-typeG span.keyword{
display:block;
margin:0;
padding:0;
font-size: 92.85%; /* 13 */
color:#222;
}

.list-typeG span.icon{
display:block;
float:right;
margin:0 0 0 6px;
line-height:1;
}

.list-typeG .txt-box{
padding:0 0 0 6px;
}

.list-typeG .date{
display:block;
padding: 3px 0;
color: #696969;
font-size: 75%;
font-weight:normal;
}


/* list-bnr */
ul.list-bnr li{
font-size:87.5%; /* 14px */
margin:0 0 12px;
background:none !important;
border:none !important;
border-radius:0 !important;
}

/* border-top:none */
.list-typeA li:first-child,
.list-typeC li:first-child a,
.typeC-line li a,
.list-typeE li:first-child{
border-top:none;
}

/* table-cell */
.list-typeC .thumb img.horizontal-photo,
.list-typeD .thumb img.horizontal-photo{
width:auto;
}

.list-typeC .thumb img.vertical-photo,
.list-typeC .thumb img.vertical-photo{
height:auto;
}

.list-typeC .thumb img,
.list-typeD .thumb img{
vertical-align:middle;
}

/*  */
.dot-list li{
margin:0 0 0.5em 2.5em;
list-style:outside disc;
}

.header-box ul.dot-list{
font-size:87.5%;
margin:0 0 24px 63px;
}

.num-list li{
margin:0 0 0.5em 2.5em;
list-style:outside decimal;
}


/* table
----------------------------------------*/
.table-typeA{
width:100%;
margin:0 0 12px;
border:1px solid #dbdbdb;
border-collapse:separate;
border-spacing:0;
font-size:87.5%;
}

.table-typeA th,
.table-typeA td{
padding:3px 6px;
border-top:1px solid #fff;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
border-left:1px solid #fff;
}

.table-typeA th p,
.table-typeA td p{
margin:0;
}

.table-typeA thead th,
.table-typeA td.th-style{
background:#f3f3f3;
}

.table-typeA td.th-style{
text-align:center;
}

.table-typeA tbody th{
font-weight:normal;
text-align:left;
}

.table-typeA caption{
text-align:left;
}

.header-box .table-typeA{
width:100%; /* 756-63-4 */
margin:0 0 12px;
}

.table-typeA td span{
padding:0 0 0 6px;
color:#696969;
font-size:87.5%;
}

.table-typeA .total span {
font-size:100%;/* スコア点数の場合文字縮小を回避 */
}

.typeA-2 tbody th{
background:#f3f3f3;
text-align:center;
}

.typeA-2 tbody tr:hover th,
.typeA-2 tbody tr:hover td,
.typeA-2 tbody tr th.hover{
background:#f8f8f8;
}

.table-typeA .rank1,
.table-typeA .rank2,
.table-typeA .rank3{
font-weight:bold;
}

.table-typeA .rank1 span,
.table-typeA .rank2 span,
.table-typeA .rank3 span{
font-weight:normal;
}

/* box
----------------------------------------*/
.box-gry,
.box-blue{
margin:0 0 24px;
padding:12px;
}

.box-gry{
background:#f4f4f4;
border:1px solid #e0e0e0;
}

.box-blue{
border:1px solid #0078c6;
}

.box-gry p,
.box-blue p{
margin:0;
}


/* pager
----------------------------------------*/
.pager{
clear:both;
margin:0 auto 24px;
text-align:center;
}

.pager ul.inline-list{
display:inline-block;
*display:inline;
width:auto;
zoom:1;
}

.pager li{
padding:3px 6px;
text-align:center;
font-size:75%; /* 12px */
}

.pager li,
.pager li.current,
.pager li.current:hover{
border:1px solid #ececec;
background:#f8f8f8;
}

.pager li:hover{
border:1px solid #e0e0e0;
background:#f4f4f4;
}

.pager li a{
color:#2a2a2a;
}

.pager li a:hover{
color:#696969;
text-decoration:none;
}

.pager li.current a{
color:#696969;
font-weight:bold;
cursor:default;
}

/* tab
----------------------------------------*/
ul.tabs{
margin:0 auto 12px;
border-bottom:2px solid #838e93;
}

ul.tabs li{
margin:0;
padding:0;
border-top:1px solid #ececec;
border-right:1px solid #ececec;
background:#f8f8f8;
}

ul.tabs li a{
display:block;
padding:5px 24px;
}

ul.tabs li:first-child{
border-left:1px solid #ececec;
}

ul.tabs li.active,
ul.tabs li:hover{
border-top:1px solid #838e93;
background:#838e93;
}

ul.tabs li.active a,
ul.tabs li:hover a{
color:#fff;
text-decoration:none;
}


/* form
----------------------------------------*/
input, button, textarea, select{
margin:0;
padding:0;
background:none;
border:none;
border-radius:0;
outline:none;
}

input, button, textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}

input[type="text"],textarea{
float:left;
margin:0 6px 0 0;
padding:3px 6px;
border:0;
border:1px solid #e0e0e0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
}

input[type="text"]:focus,
textarea:focus{
border:1px solid #0078c6;
}

input::-ms-clear{
visibility: hidden;
}

::-webkit-input-placeholder{
color:#737373;
}

::-moz-placeholder{
color:#737373;
}
::-ms-input-placeholder{
color:#737373;
}

input.form-btn{
display:block;
float:left;
margin:0 6px 0 0;
padding:0 6px;
background:#838e93;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
color:#fff;
cursor:pointer;
}

input.form-btn:hover{
background:#0078c6;
}



/* header-search, search */
.header-search input[type="text"],
.header-search input.form-btn,
.search-box input[type="text"],
.search-box input.form-btn,
.senryu-search-box input.form-btn{
height:32px;
vertical-align:middle;
}

li.search .header-search{
display:block;
float:left;
width:240px;
height:30px;
border:1px solid #e0e0e0;
border-radius:3px;
line-height:32px;
margin:4px 0 0 12px;
padding:0;
}

li.search .header-search input[type="text"]{
width:190px;
margin:0;
padding:3px 6px 3px 20px;
border:0;
height:28px;
line-height:28px;
}

li.search .header-search #search-input{
float:left;
background:url(/vol1/images/pc/icon-search.png) no-repeat 2px 48%;
}

li.search .header-search #search-btn{
float:right;
}

li.search .header-search input.form-btn{
height:30px;
margin:-1px 0 0;
border-radius:0 3px 3px 0;
}

.search-box input[type="text"]{
width:243px;
line-height:32px;
border-radius:3px 0 0 3px;
margin:0;
}

.search-box input.form-btn{
border-radius:0 3px 3px 0;
}

div.close-btn a{
float:left;
width:32px;
height:32px;
margin:0 0 0 235px;
background:url(/vol1/images/pc/icon-close.png) no-repeat 50% 0;
text-align:center;
vertical-align:middle;
font-weight:bold;
line-height:36px;
text-indent:-9999em;
}

div.close-btn a:hover{
background:url(/vol1/images/pc/icon-close.png) no-repeat 50% -51px;
}

/* search results
----------------------------------------*/
.search-results,
.search-box{
margin:0 0 24px;
}

.search-box .box{
width:550px;
margin:0 auto;
}

.search-results h2{
font-weight:normal;
}

.search-results em{
color:#0078c6;
font-weight:bold;
}

#main .error-box .header-box p.txt{
padding:0;
}

.error-box .search-box{
margin:0 0 24px 63px;
}

.search-results .header-subbox ul.channel-sub-navi{
border:none;
margin:0 0 12px;
padding:0 0 0 63px;
}

.search-results .header-box .header-subbox ul.channel-sub-navi li{
font-weight:normal;
}

.search-results .header-box .header-subbox ul.channel-sub-navi li.active{
font-weight:bold;
}

.search-results .sub-box aside.nav ul{
padding:0;
}

.search-results .sub-box aside.nav li a{
width:100%;
}

.search-results .sub-box .search-channel{
margin-bottom:100px;
padding-top:12px;
}

.search-channel .txt{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.search-photo .thumb-list{
padding:0 0 0 63px;
}

.sub-box .search-photo .thumb-list{
padding:0;
}

.search-photo .thumb-list li{
width:224px;
height:210px;
}

/*  */
.thumb-list{
margin:0 0 24px;
}

.thumb-list li{
position:relative;
width:224px;
height:150px;
overflow:hidden;
}

.sub-box .search-photo .thumb-list li{
width:139px;
height:190px;
}

.thumb-list a{
display:block;
}

.thumb-list div.img{
display:table-cell;
width:224px;
height:150px;
background:#f8f8f8;
border:1px solid #ececec;
vertical-align:middle;
}

.sub-box .search-photo .thumb-list li .img{
width:139px;
height:139px;
}

.thumb-list div.img img{
max-width:222px;
max-height:148px;
}

.sub-box .search-photo .thumb-list li .img img{
max-width:137px;
max-height:137px;
}

.thumb-list span.caption{
display:none;
position:absolute;
bottom:0;
padding:3px;
width:100%;
color:#222;
font-size:11px;
background:url(/vol1/images/pc/bg-wh.png) repeat 0 0;
}

.search-photo .thumb-list span.caption{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.thumb-list a:hover span.caption{
display:block;
}

.search-photo .thumb-list li .icon{
float:left;
width:20px;
}

.search-photo .thumb-list li span.txt{
display:block;
margin:3px 0 0 24px;
font-size:81.25%;
}

p.search{
margin:0 0 24px;
font-size:87.5%;
}

p.search span.search{
display:block;
color:#696969;
font-size:92.85%;
}

/*----------------------------------------
2.global navi
----------------------------------------*/
header#top{
margin:0 0 12px;
}

header nav{
font-size:16px;
}

header nav ul{
width:1080px;
height:42px;
margin:0 auto;
}

header nav ul li{
position:relative;
float:left;
height:42px;
padding:3px 0 9px;
font-size:87.5%; /* 14px */
line-height:42px;
}

header nav ul li a,
header nav ul li.active li a,
header nav ul li.more ul li a{
display:block;
padding:0 10px;
font-weight:bold;
line-height:36px;
}

header nav ul li:first-child{
margin-left:-12px;
}
header nav ul.sub-menu li:first-child,
header nav.sub-navi ul li:first-child{
margin-left:-10px;
}
header nav ul li.active > a{
color:#f4f4f4;
}

header nav ul li a:hover,
header nav ul li.active li a:hover{
color:#f4f4f4;
text-decoration:none;
}

header nav ul li.more ul li{
height:36px;
line-height:36px;
padding:0;
}

/* 201612 add */
header nav.main-navi ul li{
position:initial;
padding:0;
}
header nav ul.sub-menu{
top:42px;
}
header nav ul.sub-menu li{
font-size:inherit;
padding:0;
}
header nav.main-navi ul li a,
header nav.main-navi ul li.active li a{
height:42px;
line-height:42px;
}


/* header box */
nav.header-box{
background:#f8f8f8;
}

/* header main */
nav.header-main{
background:#fff;
}

nav.header-main .logo{
float:left;
width:160px;
height:44px;
margin:0;
padding:6px 0;
}

nav.header-main li a{
color:#0078c6;
font-size:85.71%; /* 12px */
}

nav.header-main li a:hover,
nav.header-main li.premier a{
color:#3c3c3c;
}

nav.header-main li.photo,
nav.header-main li.series,
nav.header-main li.video,
nav.header-main li.premier,
header nav.header-main ul li.sublink{
height:32px;
margin:6px 0 0;
padding:0;
line-height:32px;
}

nav.header-main li.photo{
margin:6px 0 0 24px;
}

nav.header-main li.photo a{
padding-left:20px;
background:url(/vol1/images/pc/icon-photo.png) no-repeat 0 50%;
}

nav.header-main li.series a{
padding-left:20px;
background:url(/vol1/images/pc/icon-series.png) no-repeat 0 50%;
}

nav.header-main li.video a{
padding-left:20px;
background:url(/vol1/images/pc/icon-video.png) no-repeat 0 50%;
}

nav.header-main li.premier{
position:relative;
}

nav.header-main li.premier a{
font-size:78.57%; /* 11px */
}

nav.header-main li.premier a span{
display:inline-block;
width:80px;
height:32px;
margin:-3px 0 0;
background:url(/vol1/images/pc/logo-premier.png) no-repeat 3px 50%;
text-indent:-9999em;
}

nav.header-main li.premier.more a{
padding:0 16px 0 6px;
background:url(/vol1/images/pc/icon-more.png) no-repeat 100% 8px;
}

nav.header-main li.premier.more a:hover{
color:#696969;
background:url(/vol1/images/pc/icon-more.png) no-repeat 100% -93px;
}

nav.header-main li.premier.more.active a{
background:url(/vol1/images/pc/icon-more.png) no-repeat 100% -142px;
}

nav.header-main li.more ul{
display:none;
position:absolute;
top:36px;
left:0;
width:189px;
height:auto;
background:#fff;
border-right:1px solid #f8f8f8;
border-bottom:2px solid #f8f8f8;
z-index:5;
}

nav.header-main li.active ul{
display:block;
}

nav.header-main li.more li{
float:none;
font-size:127.27%; /* 14px */
}

nav.header-main li.premier.more li a,
nav.header-main li.premier.more.active li a,
nav.header-main li.premier.more li a:hover{
background:none;
}

nav.header-main li.premier.more li a:hover{
color:#0078c6;
}

nav.header-main li.sublink{
float:right;
}

header nav.header-main ul li.sublink a{
padding:0 6px;
color:#2a2a2a;
font-weight:normal;
}

header nav.header-main ul li.login-btn a,
header nav.header-main ul li.member-menu a{
font-weight:bold;
}

header nav.header-main ul li.login-btn a{
min-width:6.5em;
background:#2A353A;
border-radius:2px;
color:#fff;
text-align:center;
}

header nav.header-main ul li.login-btn a:hover{
background:#0078c6;
color:#fff;
}

nav.header-main li.sublink a:hover{
color:#696969;
text-decoration:none;
}

nav.main-navi,
nav.sub-navi{
z-index:1;
}

/* main navi */
nav.main-navi{
background:#0078c6;
}

nav.main-navi a{
color:#cce3ef;
}

/* 201612 add */
nav ul.sub-menu{
display:none;
z-index:2;
}
nav.main-navi li.active ul.sub-menu {
display:block;
z-index:1;
}


nav.main-navi li.active,
nav.main-navi li:hover,
nav.main-navi li.active-sub{
background:url(/vol1/images/pc/gnav-main-selected.png) no-repeat 50% 100%;
}

nav.main-navi li.area a{
border-left:1px solid #3391bf;
}

/* sub navi */
nav.sub-navi,
nav ul.sub-menu,
nav ul.sub-menu a{
height:42px;/* 201612 add */
background: #1c3b4b;
background: -moz-linear-gradient(top, #1c3b4b 58%, #022237 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#1c3b4b), color-stop(100%,#022237)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1c3b4b 58%,#022237 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1c3b4b 58%,#022237 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1c3b4b 58%,#022237 100%); /* IE10+ */
background: linear-gradient(to bottom, #1c3b4b 58%,#022237 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3b4b', endColorstr='#022237',GradientType=0 ); /* IE6-9 */
}

/* 201612 add */
nav ul.sub-menu{
position:absolute;
left:0;
}
nav.sub-navi a,
nav ul.sub-menu a{
color:#c4d9e7;
}
nav ul.sub-menu a .discription {
margin-left:15px;
padding-left:15px;
border-left:1px solid #687a82;
}

nav.sub-navi li.active,
nav.sub-navi li:hover,
nav ul.sub-menu li.active,
nav ul.sub-menu li:hover {
background:url(/vol1/images/pc/gnav-sub-selected.png) no-repeat 50% 100%;
}

nav.sub-navi li.list{
float:right;
}

nav.sub-navi li.list a{
padding-left:32px;
background:url(/vol1/images/pc/icon-list.png) no-repeat 6px -44px;
border-left:1px solid #5e5e5e;
}

nav.sub-navi li.home a{
border-right:1px solid #5e5e5e;
}

/* header-premier */
header nav.header-premier ul{
height:36px;
}

header nav.header-premier ul li{
height:36px;
margin:0 6px 0 0;
padding:0;
line-height:36px;
}

header nav.header-premier ul li a{
margin:0;
padding:0;
}

header nav.header-premier ul li a img{
vertical-align:top;
}

header nav.header-premier ul li a:hover img{
opacity:0.8;
}

header nav.header-premier div.close-btn a{
margin:0 0 0 200px;
}


/* apply-bnr */
header nav ul.apply-bnr{
height:90px;
margin:0 0 3px;
}

.header-box ul.inline-list.apply-bnr li{
width:148px;
height:90px;
margin:0;
padding:0;
background:none;
}

.header-box ul.inline-list.apply-bnr li:hover{
background:none;
}

.header-box ul.inline-list.apply-bnr li:first-child{
margin:0 6px 0 0;
}

.header-box ul.inline-list.apply-bnr li a{
padding:0;
}

.apply-bnr img{
width:148px;
height:90px;
}

.apply-bnr li a:hover img{
opacity:0.8;
}


/*----------------------------------------
3.alert box
----------------------------------------*/
.alert-box{
width:100%;
margin:0 auto 12px;
padding:3px 0;
border:1px solid #ececec;
background:#f8f8f8;
}

.alert-box dl{
width:1080px;
margin:0 auto;
}

.alert-box dt{
float:left;
margin:0 6px 0 0;
padding:6px 6px 6px 0;
text-align:center;
font-weight:bold;
letter-spacing:0.25em;
}

.alert-box dd{
padding:6px;
}

.alert-box dd p{
margin:0;
}

.alert-box dd.alert-txt p{
display:block;
padding:0 6px;
overflow:hidden;
}

.alert-box dd.alert-txt p,
.alert-box dd.alert-txt a{
color:#a00;
font-weight:bold;
}

.alert-box dd.alert-txt a{
padding:0 20px 0 0;
}

.alert-box dd.list{
float:right;
width:110px;
margin:0 0 0 6px;
font-size:81.25%; /* 13px */
}

.alert-box dd.list a{
display:block;
width:100px;
height:24px;
padding:0 6px 0 26px;
background:url(/vol1/images/pc/icon-list.png) no-repeat 0 0;
color:#696969;
line-height:24px;
}

.alert-box dd.list a:hover{
background-position:0 -50px;
}

.alert-box .date{
color:#696969;
font-size:81.25%; /* 13px */
}

#main .alert-box dl{
width:100%;
}

.alert-red{
background:#a00;
}

.alert-red dt{
color:#fff;
background:#a00;
}

.alert-red dd.alert-txt p{
background:#f8f8f8;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
}

.alert-red dd.list a{
color:#fff;
background:url(/vol1/images/pc/icon-list.png) no-repeat 0 -100px;
}

.alert-red dd.list a:hover{
background-position:0 -150px;
}

.alert-event{
margin:0 0 24px;
border-bottom:2px solid #0078c6;
font-weight:bold;
}

.alert-event span.btn{
font-weight:normal;
}


/* main alert-box */
#main .alert-box{
padding:12px 10px;
}

#main .alert-box p{
margin:0;
}

#main .alert-red a{
color:#a00;
}

#main .alert-red{
border:1px solid #ececec;
background:#f8f8f8;
}

#main .alert-blue a{
color:#0078c6;
}

#main .alert-box span.btn{
display:block;
float:right;
width:52px;
padding:2px 11px 0 6px;
background:url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 100% 3px;
font-size:87.5%;
color:#222;
}

#main .alert-box a:hover span.btn{
background:url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 100% -47px;
}


/* 地震情報 (HTML変更なし)
----------------------------------------*/
#EarthquakeBox{
margin:0 auto 24px;
background:#343434;
}

#EarthquakeBox,
#EarthquakeBox a{
color:#fff;
}

#EarthquakeBox .Inner,
#EarthquakeBox .Hdg01{
padding:6px 10px;
}

#EarthquakeBox em{
font-style:normal;
font-weight:bold;
}

#EarthquakeBox h1{
float:left;
margin:0 12px 0 0;
font-size:100%;
line-height:30px;
}

#EarthquakeBox .Hdg01 p{
margin:0;
font-size:81.25%; /* 13px */
text-align:right;
line-height:30px;
}
#EarthquakeBox .Time01{
margin:0 0 6px;
}

#EarthquakeBox .Time01 a{
font-size:112.5%;/* 18px */
}

#EarthquakeBox .Detail01{
margin:0 0 6px;
}

#EarthquakeBox .Detail01 a{
display:block;
float:right;
width:4em;
height:24px;
margin:3px 0 0;
padding:2px 12px 0 6px;
background:url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
font-size:87.5%;
}

#EarthquakeBox .Detail01 em{
font-size:114.28%;
}


/*----------------------------------------
4.article,channelTop
----------------------------------------*/
article,.col-set{
position:relative;
width:100%;
}

article{
margin:0 0 24px;
padding:0 0 10px;
}

article p.txt{
font-size:112.5%;
line-height:1.7;
word-wrap:break-word;
}

.col2{
float:left;
position:relative;
width:50%;
margin:0;
padding:0;
}


/* IE7 */
*:first-child+html .col2{
width:252px;
}

/* channel */
ul.channel-list{
display:block;
width:100%;
margin:0 0 12px;
}

ul.channel-list li{
margin:0 6px 3px 0;
font-size:75%; /* 12px */
font-weight:bold;
}

ul.channel-list li a{
display:block;
padding:6px 16px 6px 6px;
background:#f8f8f8 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% 6px;
border:1px solid #ececec;
color:#2a2a2a;
text-decoration:none;
}

ul.channel-list li a:hover{
background:#f4f4f4 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% -44px;
border:1px solid #e0e0e0;
}

ul.channel-list li.more{
padding:6px;
background:transparent;
cursor:pointer;
}

ul.channel-list li.more:hover{
text-decoration:underline;
}

/* header
----------------------------------------*/
/* channel */
article header .channel{
margin:0 0 12px;
font-weight:bold;
}

article header .channel a,
.pickup .channel a,
.channel-top .channel a{
color:#0078c6;
font-size:112.5%; /* 18px */
font-weight:bold;
}


/* 関連見出し */
.keyword{
margin:0 12px 12px 0;
padding:12px 0 0;
font-size:112.5%; /* 18px */
font-weight:bold;
}

a .keyword,
.keyword a{
color:#222;
}

a:hover .keyword,
.keyword a:hover{
text-decoration:underline;
}

article header .keyword{
min-height:36px;
margin:0 12px 0 0;
padding:6px 0 0;
font-size:162.5%;
font-weight:normal;
}

article header .keyword a{
color:#122769;
}

article h1{
margin:0 0 1em 0;
padding:0;
font-size:162.5%; /* 26px */
font-weight:normal;
}

article h2{
color:#222;
font-size:125%; /* 20 */
font-weight:bold;
}

.pickup .header-box h1{
min-height:50px;
margin:0 0 1em 0;
padding:0 126px 6px 0;
background:url(/vol1/images/pc/line-title.png) no-repeat 63px 100%;
font-size:150%; /* 24px */
font-weight:normal;
}

/* main(article-infoBox) */
.article-infoBox{
background:url(/vol1/images/pc/line-title.png) no-repeat 0 0;
margin:0 0 0 63px;
padding:6px 0 0;
position:relative;
}

.article-info{
float:left;
/*width:441px;*/ /* 756 - 63*5 */
/*width:504px;*/
}

.post,.writer{
color:#696969;
font-size:75%;
}

.post{
margin:0 0 0.5em;
}

.post time{
padding:0 0 0 6px;
}

.writer a{
display:inline-block;
height:16px;
margin:0 0 0 6px;
padding:0 0 0 20px;
background:url(/vol1/images/pc/icon-writer.png) no-repeat 0 50%;
}

/* sub */
article header .sub{
float:none;
/*width:252px;*/ /* 63*4 */
width:auto;
position:absolute;
right:0;
}

article header .sub p{
display:block;
float:right;
height:21px;
margin:0 0 6px;
padding:5px 0 0 20px;
font-size:75%; /* 12px */
line-height:1.1;
}

article header .sub p:first-child{
margin:0 6px 6px 0;
}

article header .sub .Paper01{
width:136px;
background:url(/vol1/images/pc/icon-newspaper.png) no-repeat 0 50%;
}

article header .sub .english{
width:110px;
background:url(/vol1/images/pc/icon-english.png) no-repeat 0 50%;
}

article header .sub .japanese{
/*width:110px;*/
background:url(/vol1/images/pc/icon-japanese.png) no-repeat 0 50%;
}

/* 連載一覧 */
article div.header-box{
width:100%;
padding:6px 0 0;
background:none;
}

.header-box ul.inline-list{
float:right;
width:auto;
}

.header-box ul.inline-list li{
margin:0 0 0 6px;
padding:6px 18px 6px 6px;
border:1px solid #e0e0e0;
background:#f8f8f8 url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 100% 10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
font-size:75%;
font-weight:bold;
}

.header-box .header-subbox ul.inline-list li{
margin:0;
padding:0;
border:none;
background:transparent none;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
font-size:100%;
font-weight:normal;
}

.header-box ul.inline-list li:hover{
background:#f4f4f4 url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 100% -40px;
}

.header-box .header-subbox ul.inline-list li:hover{
background:transparent none;
}

#main .header-box li a{
display:block;
}

#main .header-img .header-box ul.tool li a{
color:#fff;
}

.header-box .header-subbox ul.inline-list a{
color:#122769;
}

#main .header-box li a:hover{
text-decoration:none;
}

#main .header-box .header-subbox li a:hover,
#main .header-box li a.count:hover{
text-decoration:underline;
}

.header-box li.list a{
padding:0 0 0 27px;
background:url(/vol1/images/pc/icon-list.png) no-repeat 0 0;
}

.link-btn a{
height:24px;
line-height:24px;
}

/* link bnr list */
.header-box ul.list-bnr li{
margin:0 0 6px;
padding:0 3px;
background:none;
font-weight:normal;
}

.header-box ul.list-bnr li a{
color:#122769;
}

.header-box ul.list-bnr li a:hover span{
text-decoration:underline;
}

.header-box ul.list-bnr li:hover{
background:none;
}

.list-bnr .col6{
width:16.6%;
margin:0 0 6px;
padding:0 3px;
font-size:75%; /* 12px */
text-align:center;
}

.list-bnr li a:hover img{
opacity:0.8;
}


/* reload switch
----------------------------------------*/
ul.reload-switch{
display:block;
float:right;
width:auto;
margin:0 3px 6px;
}

ul.reload-switch li{
width:50px;
margin:0;
border:1px solid #0078c6;
color:#737373;
text-align:center;
cursor:pointer;
}

ul.reload-switch li#on{
border-radius:3px;
border-top-right-radius:0;
border-bottom-right-radius:0;
}


ul.reload-switch li#off{
border-radius:3px;
border-top-left-radius:0;
border-bottom-left-radius:0;
}

.reload-switch .active{
color:#fff;
background:#0078c6;
}


/* main text
----------------------------------------*/
.main-text{
position:relative;
min-height:360px; /* #tools height */
margin:0;
padding:0 63px;
}

/* photo */
figure{
margin:0;
}

figcaption,
p.caption{
margin:0 0 12px;
font-size:87.5%; /* 14 */
color:#696969;
}

.img-top,
.img-center,
.img-bottom,
.main-photo{
clear:both;
position:relative;
width:100%;
margin:0 0 6px;
padding:0 0 6px;
}

.img-top figcaption,
.img-center figcaption,
.img-bottom figcaption{
padding:0 0 0 63px;
}

.img-left figcaption,
.img-left.movie p.caption{
padding:0 32px 0 0;
}

.main-photo img{
max-width:100%;
max-height:756px;
}

.main-text .img-top,
.main-text .img-center,
.main-text .img-bottom{
width:756px;
margin:0 0 6px -63px !important;
}

.main-text .img-top img,
.main-text .img-center img,
.main-text .img-bottom img{
max-width:100%;
max-height:756px;
}

.img-left,
.img-right{
width:306px;
}

.img-left .img,
.img-right .img{
text-align:left;
}

.img-left .img a,
.img-right .img a,
.img-center .img a{
position:relative;
}

.img-left h2,
.img-right h2{
margin:0;
padding:0;
color:#737373;
text-align:left;
}

.img-left img,
.img-right img{
max-width:300px;
}

.main-text .img-left,
.main-text .img-left.movie{
clear:left;
float:left;
margin:0 12px 6px -63px;
padding:0 6px 6px 0;
}

.img-right{
clear:right;
float:right;
padding:0 0 6px 6px;
}

.main-text .img-right{
margin:0 -63px 6px 12px;
}

.img a span.wrap{
position:relative;
display:inline-block;
width:auto;
max-width:100%;
padding:0;
}

.img .img-zoom{
position:absolute;
bottom:0;
right:0;
width:48px;
height:48px;
margin:0;
padding:0;
background:url(/vol1/images/pc/icon-zoom.png) no-repeat 0 0;
cursor:pointer;
}

.img a:hover .img-zoom{
background:url(/vol1/images/pc/icon-zoom.png) no-repeat 0 -102px;
}

.photography .img-zoom{
background:url(/vol1/images/pc/icon-photography.png) no-repeat 0 0;
}

.photography a:hover .img-zoom{
background:url(/vol1/images/pc/icon-photography.png) no-repeat 0 -102px;
}

.img a:hover img{
-ms-filter:"alpha(opacity=80)";
opacity:0.8;
}

.ad .img a:hover img{
-ms-filter:"alpha(opacity=100)";
opacity:1;
}

.main-text p.txt a,
.series-auther a{
color:#0078c6;
}

article figure a:hover{
display:block;
cursor:pointer;
}

/* movie */
.main-text .movie,
.main-text .map{
clear:both;
position:relative;
width:756px;
margin:0 0 24px -63px;
padding:0;
text-align:center;
}

.main-text .img-left.movie{
width:306px;
}

.main-text .movie .movie-inner{
padding-top:56.25%;
}

.movie p.caption,
.map p.caption{
padding:0 0 0 63px;
width:756px;
text-align:left;
}


/* tool
----------------------------------------*/
.main-text #tools{
position:absolute;
top:0;
right:0;
width:48px;
z-index:1500;
}

#tools li{
position:relative;
display:block;
width:48px;
height:48px;
margin:0 auto 6px;
padding:3px;
font-size:75%;
text-align:center;
}

#tools li a.btn{
display:block;
width:40px;
height:40px;
max-width:40px;
padding:0;
background-color:#838e93;
background-repeat:no-repeat;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
text-indent:-9999em;
}

#tools li a.btn:hover,
#tools li.active a.btn{
background-color:#0078c6;
}

#tools ul.tool{
margin:0 auto;
visibility:hidden;
}

#tools ul.tool li{
padding:0;
}

#tools li.active{
height:auto;
}

/* fontSize */
#tools li.btn-fontSize a.btn{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -150px;
}

#tools li.btn-fontSize .fonts{
display:block;
width:32px;
height:32px;
margin:0 auto;
border:none;
background-repeat:no-repeat;
text-align:center;
font-size:100%;
text-indent:-9999em;
cursor:pointer;
}

#tools li.btn-fontSize .font-s{
margin:6px auto 0;
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:-1px -447px;
}

#tools li.btn-fontSize .font-s:hover,
#tools li.btn-fontSize .font-s.active{
background-position:-51px -447px;
}

#tools li.btn-fontSize .font-m{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:-1px -502px;
}

#tools li.btn-fontSize .font-m:hover,
#tools li.btn-fontSize .font-m.active{
background-position:-51px -502px;
}

#tools li.btn-fontSize .font-l{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:-1px -550px;
}

#tools li.btn-fontSize .font-l:hover,
#tools li.btn-fontSize .font-l.active{
background-position:-51px -550px;
}


/* print */
#tools li.btn-print a.btn{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 0;
}

/* share(sns) */
.main-text #tools li.btn-share{
border-top:1px solid #e0e0e0;
}

#tools li.btn-share a.btn{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -50px;
}

#tools li.btn-share.active a.btn{
background-color:#fff;
background-position:-51px -50px;
}

#tools li.btn-share.active a.btn:hover{
background-color:#0078c6;
background-position:0 -50px;
}

#tools li.active ul.tool{
visibility:visible;
}

footer .sitemap li.btn-sns,
#tools li li.btn-sns{
width:32px;
height:auto;
margin:6px auto 0;
border:none;
}

footer .sitemap li.btn-sns a,
#tools li li.btn-sns a,
#tools li.fsbots span,
.header-box ul.tool li a{
display:block;
width:32px;
height:32px;
background-color:#838e93;
background-repeat:no-repeat;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
text-indent:-9999em;
}

#tools li li.btn-sns a.count,
#tools li li.btn-sns span.count,
.header-box ul.tool li.btn-sns a.count,
.header-box ul.tool li.btn-sns span.count{
display:block;
width:32px;
height:auto;
background:transparent;
font-size:8px;
text-indent:0;
text-align:center;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
color:#838e93;
}

#tools li.gp a,
.header-box ul.tool li.gp a{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -200px;
}

#tools li li.gp a,
.header-box ul.tool li.gp a:hover{
background-color:#dc4e41;
}

#tools li.gp a:hover{
background-color:#e37167;
}
#tools li.fsbots span{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -650px;
background-color:#0080F7;
margin:auto;
}
#tools li.fsbots:hover span{
cursor:pointer;
background-color:#3399FF;
}

footer .sitemap li.fb a,
#tools li.fb a,
.header-box ul.tool li.fb a{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -250px;
}

#tools li li.fb a,
footer .sitemap li.fb a:hover,
.header-box ul.tool li.fb a:hover{
background-color:#3c5998;
}

#tools li.fb a:hover{
background-color:#637aad;
}

footer .sitemap li.tw a,
#tools li.tw a,
.header-box ul.tool li.tw a{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -300px;
}

#tools li li.tw{
margin:12px auto 0;
}

#tools li li.tw a,
footer .sitemap li.tw a:hover,
.header-box ul.tool li.tw a:hover{
background-color:#55acee;
}

#tools li.tw a:hover{
background-color:#77bdf1;
}

#tools li li.tw a.count,
#tools li li.tw span.count,
.header-box ul.tool li.tw a.count,
.header-box ul.tool li.tw span.count{
width:auto;
margin:0 0 0 -4px;
}

#tools li.hb a,
.header-box ul.tool li.hb a{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -350px;
}

#tools li li.hb a,
.header-box ul.tool li.hb a:hover{
background-color:#00a4de;
}

#tools li.hb a:hover{
background-color:#77bdf1;
}

.header-box li.btn-sns a.count{
line-height:1.5;
}

.header-box ul.tool li.btn-sns a.count:hover{
background:transparent;
}

/* sns header-box */
div.header-box{
margin:0 0 6px;
background:url("/vol1/images/pc/line-title.png") no-repeat 63px 100%;
}

div.header-box h1{
min-height:50px;
}

.section div.header-box{
background:none;
}

div.header-box ul.tool{
float:right;
margin:0;
}

div.header-box ul.tool li{
display:block;
float:left;
width:40px;
margin:0 6px 0 0;
}

div.header-box ul.tool li.btn-sns a.count,
div.header-box ul.tool li.btn-sns span.count{
padding:1px 0;
font-size:10px;
}

.header-img div.header-box ul.tool li.btn-sns a.count{
-moz-text--photoshadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-ms-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

.header-img div.header-box ul.tool li.btn-sns span.count{
-moz-text--photoshadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-ms-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
color:#cce3ef;
}

/* comment */
#tools li.btn-comment{
display:none;
}
#tools li.btn-comment a.btn{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -100px;
}


/* series infomatin
----------------------------------------*/
.series-info{
margin:0 0 24px;
}

.series-info h3{
border-bottom:2px solid #0078c6;
}

.series-info .col-set{
margin:0 auto 12px;
padding:0;
}

.series-info .col2{
padding:0;
font-size:87.5%;
}

.series-info .next{
float:right;
}

.series-info .col2 a{
display:block;
}

.series-navi .prev a{
padding:0 0 0 18px;
background:#eee url(/vol1/images/pc/icon-prev.png) no-repeat 0 50%;
}

.series-info .next  a{
padding:0 18px 0 0;
background:#eee url(/vol1/images/pc/icon-next.png) no-repeat 100% 50%;
}

.series-navi .prev a:hover,
.series-info .next a:hover{
background-color:#ccc;
text-decoration:none;
}

.series-info .col2 a .inner-wrap{
padding:6px 0;
background:#fff;
}

.series-navi .prev a:hover .inner-wrap,
.series-info .next a:hover .inner-wrap{
background:#f8f8f8;
}

.series-info .col2 a .inner-box{
padding:0 6px 0 40px;

}

.series-info .col2 p.nav-text{
margin:0 0 3px;
padding:0 0 0 6px;
}

.series-info .col2 p.icon{
float:left;
width:24px;
margin:0 0 0 -26px;
}

.series-info .col2 span{
display:block;
margin:0 0 3px;
color:#222;
font-size:114.28%; /* 16 */
font-weight:bold;
}

.series-info .header-box{
margin:0 0 12px;
padding:6px;
background:#f4f4f4;
}

.series-info .header-box p.keyword{
height:36px;
margin:0;
padding:0;
font-size:87.5%;
font-weight:bold;
line-height:36px;
}

.series-info .header-box ul.inline-list li{
border:none;
}

/* 著者情報 */
.series-auther{
position:relative;
margin:0 0 0 26px;
}

.series-info .titleImg{
float:left;
width:40px;
height:40px;
margin:0 6px 6px 0;
}

.series-info .titleImg img{
max-width:100%;
max-height:100%;
}

.series-auther p{
font-size:87.5%; /* 14 */
word-wrap:break-word;
overflow-wrap:break-word;
}

.series-auther p.auther{
margin:0 0 6px;
font-weight:bold;
}

.series-auther p.auther a{
color:#122769;
font-size:114.28%; /* 16 */
}

.series-auther .auther-info .pic,
.series-auther .auther-info .pic img{
width:80px;
height:80px;
}

.series-auther .auther-info dt{
float:left;
margin:0 6px 0 0;
}

.series-auther .auther-info dd{
margin:0 6px 0 90px;
}

.series-auther .auther-info .dot-list{
margin:0;
}

.series-auther .auther-info .dot-list li{
font-size:87.5%;
margin:0 0 0 24px;
padding:0 0 6px;
}

/* 投稿案内 */
.post-info{
margin:24px 0 36px;
padding:12px 0;
border-top:1px dotted #e0e0e0;
}

.post-info h3{
color:#222;
font-size:125%;
font-weight:bold;
}

.post-info p.txt{
color:#696969;
font-size:87.5%;
}



/* article end link (go siteTop etc)
----------------------------------------*/
aside.nav{
margin:0 0 24px;
font-size:75%;
}

aside.nav ul{
padding:0 0 0 24px;
}

aside.nav li a{
display:block;
width:429px;
margin:0 0 6px;
padding:6px 6px 6px 18px;
background:#f8f8f8 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 0 6px;
border:1px solid #ececec;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
color:#2a2a2a;
font-weight:bold;
}

aside.nav li a:hover{
background:#f4f4f4 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 0 -44px;
text-decoration:none;
}

/**/
#sub aside.nav li a{
width:100%;
}



/* links (link list)
----------------------------------------*/
.links-article{
margin:0 0 24px;
}

.links h3{
margin:0 0 12px;
}

.links-article h3{
border-bottom:2px solid #0078c6;
}

.links-article .list-typeA{
margin:0;
}

/* Sharethrough */
.links-article .str-adunit{
margin:0 0 0 24px;
}


/* news-box
----------------------------------------*/
.news-box .photo-box{
position:relative;
float:right;
width:189px;
}

.news-box .photo-box a:hover img{
opacity:0.8;
}

.news-box .photo-box .thumb{
display:table-cell;
width:189px;
height:126px;
text-align:center;
vertical-align:middle;
overflow:hidden;
}

.news-box .photo-box .thumb img{
max-width:189px;
max-height:100%;
}

.news-box .photo-box .thumb img.horizontal-photo{
width:auto;
}

.news-box .photo-box .midashi{
display:block;
margin:0 0 0 24px;
padding:0 0 6px;
font-size:81.25%; /* 13px */
}

.news-box .photo-box a span.icon{
display:block;
position:absolute;
left:0;
width:20px;
margin:0 2px 0 0;
padding:0;
background:transparent;
text-align:right;
line-height:1;
}

.news-box ul{
width:555px;
margin:0 12px 24px 0;
}

.news-box aside.nav{
clear:both;
}


/*----------------------------------------
5.comment
----------------------------------------*/
.comment{
position:relative;
width:100%;
margin:0 0 24px;
}

.comment h3{
margin:0 0 6px 63px;
font-size:87.5%;
}

.comment p.txt{
margin:0 0 12px 63px;
font-size:87.5%;
}

/* gigaya custom */
#commentsDiv{
position:relative;
width: auto !important;
margin:0 0 0 63px;
}

#commentsDiv textarea.gig-comments-commentBox-textarea{
width:100% !important;
}

div.gig-comments-textarea-wrapper{
box-shadow:none !important;
}

div.gig-composebox-login-icon{
width:17px;
background-position:3px center;
}

a.gig-comments-button,
a.gig-comments-button:link,
a.gig-comments-button:active,
a.gig-comments-button:visited{
background:#838e93 !important;
}

a.gig-comments-button:hover{
background:#0078c6 !important;
}

a.gig-comments-button-vote,
a.gig-comments-button-vote:link,
a.gig-comments-button-vote:active,
a.gig-comments-button-vote:visited{
background:#f8f8f8 !important;
}

a.gig-comments-button-vote:hover{
background:#f4f4f4 !important;
}

a.gig-comments-button-post,
a.gig-comments-button-post:hover,
a.gig-comments-button-post:link,
a.gig-comments-button-post:active,
a.gig-comments-button-post:visited,
a.gig-comments-button-ok,
a.gig-comments-button-ok:hover,
a.gig-comments-button-ok:link,
a.gig-comments-button-ok:active,
a.gig-comments-button-ok:visited
a.gig-comments-button,
a.gig-comments-button:hover,
a.gig-comments-button:link,
a.gig-comments-button:active,
a.gig-comments-button:visited{
padding:6px 12px !important;
border:none !important;
color:#fff !important;
}

div.gig-comments-comment-body{
padding-bottom:0 !important;
padding-top:2px !important;
color: #000 !important;
font-size:13px !important;
font-family:Meiryo,"Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif !important;
line-height:150% !important;
}

div.gig-comments-comment-flag{
width:25px !important;
height:27px !important;
padding:6px !important;
background-repeat:no-repeat !important;
background-position:50% 50% !important;
border:1px solid #dbdbdb !important;
border-radius:3px !important;
}

/* FB comment */
.fb_iframe_widget iframe{
width:693px !important; /* 756-63 */
}

/*----------------------------------------
6.recommend
----------------------------------------*/
.recommend{
margin:0 0 24px;
}

.recommend .list-typeA{
margin:0 0 6px;
}

.col-set .col3 li{
display:block;
position:relative;
float:left;
width:252px; /* 63*4 */
margin:0 0 6px;
padding:0 6px;
}

/* IE7 */
*:first-child+html .recommend .col3 li{
width:240px;
}

.recommend .list-typeD li.col4{
display:block;
position:relative;
float:left;
width:159px;
margin: 0 6px 6px 24px;
}

.recommend .line{
border-top:1px solid #ccc;
}


/*----------------------------------------
7.channel-top
----------------------------------------*/

/* channel-top
----------------------------------------*/
.channel-top{
}

.channel-top h3,
.channel-top h4,
.channel-top dl{
padding:0 0 0 24px;
}

.channel-top .img-center{
position:relative;
min-height:120px;
margin:0 0 12px;
padding:0;
}

.channel-top .img-center img{
max-width:756px;
}

.channel-top .header-img{
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background:url(/vol1/images/pc/bg-channelTop.png) repeat-x 0 100%;
vertical-align:bottom;
}

.channel-top .header-box{
margin:0 0 12px;
}

.channel-top .header-img .header-box{
position:absolute;
display:table-cell;
bottom:0;
width:100%;
margin:0;
padding:6px 6px 3px;
background:url(/vol1/images/pc/line-title3.png) no-repeat 63px 0;
color:#fff;
vertical-align:bottom;
}

.channel-top .header-box h1{
float:left;
margin:0;
max-width:504px;
-moz-text--photoshadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
-ms-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

.channel-top .header-img p.channel a{
margin:0;
padding:0 6px;
font-size:112.5%; /* 18px */
font-weight:bold;
-moz-text--photoshadow:1px 1px 2px rgba(0, 0, 0, 0.8);
-webkit-text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8);
-ms-text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8);
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8);
color:#fff;
}

.channel-top p.txt,
#main .header-box p.txt{
padding:0 0 0 63px;
font-size:87.5%;
}

ul.channel-sub-navi,
.header-box ul.channel-sub-navi{
clear:both;
float:none;
width:100% !important;
margin:0 0 24px;
border-bottom:2px solid #022237;
}

ul.channel-sub-navi li,
.header-box .header-subbox ul.channel-sub-navi li{
margin:0 24px 6px 0;
font-size:87.5%; /* 14px */
font-weight:bold;
}

ul.channel-sub-navi li.sub{
margin:0 0 6px 24px;
}

.channel-top .img-left,
.channel-top .img-right{
width:126px;
}

.channel-top .img-left img,
.channel-top .img-right img{
width:126px;
max-height:100%;
height:auto;
}

.channel-top .img-right{
margin: 0 0 6px 12px;
}

.channel-top .btn-list{
position:relative;
padding:0 0 6px 63px;
}

.channel-top .btn-list li,
.channel-top .btn-list li.col2,
.btn-list li.koudoku{
display:block;
float:left;
width:45%;
margin:0 2%;
text-align:center;
}

.channel-top .btn-list li.col3{
width:30%;
margin:0 1%;
}

a.btn,
p.txt a.btn,
.channel-top .btn-list li a,
.btn-list li.koudoku a{
display:block;
width:100%;
padding:12px 6px;
background:#0078c6;
border-radius:3px;
color:#fff;
}

a.btn,
p.txt a.btn{
width:300px;
max-width:90%;
margin:0 auto;
text-align:center;
}

p.txt a.btn{
font-size:88.88%;
}

a.btn span,
.channel-top .btn-list li a span{
font-weight:bold;
margin:0 3px 0 0;
}

a.btn:hover,
p.txt a.btn:hover,
.channel-top .btn-list li a:hover,
.btn-list li.koudoku a:hover{
background:#838e93;
text-decoration:none;
}

.channel-top .box-gry p{
margin:0 0 6px;
}

/* pickup
----------------------------------------*/
.pickup{

}

.pickup .header-box{
width:100%;
padding:6px 0 0;
background:url(/vol1/images/pc/line-title.png) no-repeat 63px 0;
}

.pickup .main-box p{
margin-left:63px;
}

.pickup h2{
margin:0 0 12px;
}

.pickup h3{
font-size:150%;
}

.pickup h3 .keyword{
display:block;
min-height:auto;
margin:0 12px 12px 0;
font-size:75%; /* 18px */
font-weight:bold;
}

.pickup p.icon{
float:left;
width:36px;
margin:0 0 0 24px;
line-height:1;
}

.pickup .main-box .list-typeD .icon{
margin:0;
}

.pickup p.post time{
padding:0;
}

/* sub-box */
.pickup .sub-box h3{
color: #737373;
font-size: 112.5%;

}
.pickup .sub-box .img{
width:291px;
height:194px;
margin: 0 0 6px;
border:1px solid #ececec;
background:#f8f8f8;
}

.pickup .sub-box .img img{
max-width:100%;
max-height:100%;
}

.pickup .sub-box .img-center figcaption{
padding:0;
text-align:left;
}

.pickup .sub-box p{
margin:0;
font-size:87.5%;
}

.pickup .sub-box p.small{
margin:0 0 6px;
font-size:75%;
}

.pickup .sub-box p.icon{
float:right;
width:auto;
margin:0 0 0 6px;
}

/* box */
.pickup .box-gry{
margin:0 0 24px;
padding:12px 63px;
}



/* backnumber */
.backnumber .list-typeB li{
display:block;
float:left;
margin:0 0 6px;
padding:0 12px;
}

.list-typeB li.col4{
width:189px;
}

.backnumber .list-typeB li:first-child{
padding: 0 6px 0 0;
}

#main .backnumber .list-typeB dd.txt{
height:auto;
}

/*
----------------------------------------*/
.newslist .header-box{
min-height:50px;
margin:0 0 24px;
}

#main .newslist .main-box{
position:relative;
}

#main .newslist .sub-box{
position:relative;
z-index:1;
}

.newslist .sub-box{
float:right;
width:291px;
margin:0 0 0 12px;
}

#main .newslist .main-box{
float:none;
width:100%;
}

#main .newslist .main-box .list-typeD{
overflow:visible;
}

#main .newslist .main-box .list-typeD li:after{
clear:none !important;
}

#main .newslist .main-box .outer-container{
width:441px;
}

#main .newslist .main-box .list-typeD p,
#main .newslist .main-box .list-typeD a,
#main .newslist .main-box .list-typeD a span.keyword{
overflow:hidden;
}


/* visual
----------------------------------------*/
.visual-box{
margin:0 0 24px;
padding:6px 8px;
background:#000;
}

.visual-box h2{
color:#fff;
margin:0 0 3px;
padding:3px 0 0 36px;
}

.visual-box a{
color:#fff;
}

.visual-box h2.photo{
background:url(/vol1/images/pc/icon-photo-wh.png) no-repeat 0 2px;
}

.visual-box h2.movie{
background:url(/vol1/images/pc/icon-movie-wh.png) no-repeat 0 2px;
}

.visual-box .col2 .inner{
text-align:center;
}

/* video */
.visual-box #videoTitle{
font-size:87.5%;
}

/* video brightcove player */
.bc-player-BJfpEDnl_default .vjs-big-play-button:active,
.bc-player-BJfpEDnl_default .vjs-big-play-button:focus,
.bc-player-BJfpEDnl_default .vjs-big-play-button:hover,
.bc-player-BJfpEDnl_default:hover .vjs-big-play-button{
background-color:#0078c6;
}

/* video cxcense player */


/* slide-list */
#slide #slide-list{
position:relative;
width:366px;
height:230px;
margin:0 0 0 4px;
overflow:hidden;
}

#slide #slide-list li{
position:absolute;
top:0;
left:0;
}

#slide #slide-list a:hover img{
opacity:0.8;
}

.slide-img{
width:366px;
height:208px;
}

.thum-img{
width:366px;
height:208px;
overflow:hidden;
}

.thum-img img.horizontal-photo,
.thum-img img.vertical-photo{
width:100%;
height:auto;
max-height:none;
}

#slide .midashi{
clear:both;
padding:2px 0 0;
font-size:11px;
color:#fff;
text-align:left;
overflow:hidden;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
}

/* slide-navi */
#slide #slide-navi{
margin:0 auto;
display:inline-block;
*display:inline;
width:auto;
zoom:1;
}

#slide #slide-navi li{
display:inline-block;
margin:0 6px;
text-align:center;
}

#slide #slide-navi li a{
background:#454545;
display: inline-block;
height:12px;
width:12px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}

#slide #slide-navi li a.current{
background:#fff;
}

/* area top
----------------------------------------*/
.area-list{
margin:0 0 24px 63px;
}

.area-list dt{
float:left;
width:4em;
margin:0;
font-weight:bold;
}

.area-list dd ul li{
display:inline-block;
margin:0 6px 0 0;
padding:0;
}

.area-list dd ul li a{
margin:0 0 0 6px;
padding:0;
}








/*----------------------------------------
20.Sub
----------------------------------------*/
#sub,
header .sub{
position:relative;
float:left;
width:300px;
margin:0;
padding:0;
}

#sub aside{
margin:0 0 24px;
}

#sub .section{
margin:6px 0 24px;
padding:6px 0 0;
}

#sub h2 span.sub{
float:right;
font-size:66.66%;
font-weight:normal;
text-align:right;
}


/* list-typeD */
#sub .list-typeD span.midashi{
font-size:107.7%;
}

#sub .list-typeD .txt{
display:block;
color: #696969;
font-weight: normal;
}

#sub .list-typeD li{
margin:0 0 6px 24px;
border-top:1px solid #dbdbdb;
}

#sub .list-typeD li:first-child{
border-top:none;
}

/* accounts */
dl.accounts{
margin:0;
}

.accounts dt{
float:left;
margin:0 5px 0 0;
font-size:75%; /* 12px */
line-height:30px;
}

.accounts dt a:hover,
.accounts dd li.rss a:hover,
.icon-info a:hover{
color:#0078c6;
text-decoration:none;
}

.accounts dd{
margin:0 0 0 125px;
}

.accounts dd li a span,
.accounts dd li.fsbots span{
display:block;
width:32px;
height:32px;
background-color:#838e93;
background-repeat:no-repeat;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
text-indent:-9999em;
}

.accounts dd li.fb a span{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -250px;
}

.accounts dd li.tw a span{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -300px;
}

.accounts dd li.fsbots span{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -650px;
}

.accounts dd li.rss{
float:right;
margin-right:0;
}
.accounts dd li.rss a span{
background-image:url(/vol1/images/pc/icon-tool.png);
background-position:0 -400px;
}

.accounts dd li.fb a:hover span,
.accounts dd li.tw a:hover span,
.accounts dd li.rss a:hover span,
.accounts dd li.fsbots:hover span {
background-color:#706e69;
}
.accounts dd li.fsbots:hover span {
cursor:pointer;
}

.accounts dd li.rss{
font-size:75%; /* 12px */
line-height:30px;
}

.accounts dd li.rss span{
margin:0 0 0 3px;
float:right;
}

/* apply-link , sub-link-btn */
.sub-link-btn,
ul.apply-link{
margin:0 0 12px;
}

.sub-link-btn,
ul.apply-link li{
margin:0;
padding:0;
border:1px solid #e0e0e0;
}

ul.apply-link li.listL{
width:50%;
border-radius:3px;
border-top-right-radius:0;
border-bottom-right-radius:0;
}

ul.apply-link li.listR{
width:50%;
margin:0 0 0 -1px;
border-radius:3px;
border-top-left-radius:0;
border-bottom-left-radius:0;
}

.sub-link-btn a,
ul.apply-link li a{
display:block;
padding:12px 24px 11px;
background:#f8f8f8 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% 10px;
font-size:75%;/*12px*/
font-weight:bold;
line-height:1;
}

.line2 a{
background-position:100% 15px;
}

/* for IE8 */
html>/**/body ul.apply-link li a{
padding:12px 12px 11px \9;
}

.sub-link-btn a:hover,
ul.apply-link li a:hover{
background:#f4f4f4 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% -40px;
text-decoration:none;
}

.line2 a:hover{
background-position:100% -35px;
}

/**/
.icon-info a{
display:block;
margin:0 0 12x;
padding:6px 24px;
border:1px solid #e0e0e0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
background:#f8f8f8 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% 10px;
font-size:75%; /* 12px */
}

.icon-info a:hover{
background:#f4f4f4 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% -40px;
text-decoration:none;
}

.icon-info img{
width:22px;
height:22px;
margin:0 3px 0 0;
}

.icon-info a:hover img{
opacity:0.8;
}

/* cx */
#sub .cx{
margin:6px 0 12px;
}

/* ranking */
#sub .ranking h2{
margin:0;
}

#sub .ranking ul.inline-list{
margin:0 0 6px;
border-bottom:1px solid #e0e0e0;
}

#sub .ranking ul.inline-list li{
margin:0 0 6px 3px;
padding:6px 16px 6px 5px;
border:1px solid #ececec;
border-radius:3px;
background: #fff url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 100% 7px;
font-size:75%;
}

#sub .ranking ul.inline-list li.active{
margin:0 0 6px 0;
padding:7px 6px 7px 0;
border:none;
background:none;
font-weight:bold;
}

.ranking p.channel{
padding:0;
}

#main ol.ranking-list li{
margin:0 0 0 12px;
border:none;
}

#main ol.ranking-list li a{
margin:0 0 0 51px;
border-top:1px solid #e0e0e0;
}

#main .ranking-list p.txt,
#main .ranking-list p.date{
margin:0 0 0 51px;
}

#main .ranking-list .rank-1 a{
border-top:none;
}

#main .rank-1{
background:url(/vol1/images/pc/rank-01.png) no-repeat 0 6px;
}
#main .rank-2{
background:url(/vol1/images/pc/rank-02.png) no-repeat 0 6px;
}
#main .rank-3{
background:url(/vol1/images/pc/rank-03.png) no-repeat 0 6px;
}
#main .rank-4{
background:url(/vol1/images/pc/rank-04.png) no-repeat 0 6px;
}
#main .rank-5{
background:url(/vol1/images/pc/rank-05.png) no-repeat 0 6px;
}
#main .rank-6{
background:url(/vol1/images/pc/rank-06.png) no-repeat 0 6px;
}
#main .rank-7{
background:url(/vol1/images/pc/rank-07.png) no-repeat 0 6px;
}
#main .rank-8{
background:url(/vol1/images/pc/rank-08.png) no-repeat 0 6px;
}
#main .rank-9{
background:url(/vol1/images/pc/rank-09.png) no-repeat 0 6px;
}
#main .rank-10{
background:url(/vol1/images/pc/rank-10.png) no-repeat 0 6px;
}
#main .rank-11{
background:url(/vol1/images/pc/rank-11.png) no-repeat 0 6px;
}
#main .rank-12{
background:url(/vol1/images/pc/rank-12.png) no-repeat 0 6px;
}
#main .rank-13{
background:url(/vol1/images/pc/rank-13.png) no-repeat 0 6px;
}
#main .rank-14{
background:url(/vol1/images/pc/rank-14.png) no-repeat 0 6px;
}
#main .rank-15{
background:url(/vol1/images/pc/rank-15.png) no-repeat 0 6px;
}
#main .rank-16{
background:url(/vol1/images/pc/rank-16.png) no-repeat 0 6px;
}
#main .rank-17{
background:url(/vol1/images/pc/rank-17.png) no-repeat 0 6px;
}
#main .rank-18{
background:url(/vol1/images/pc/rank-18.png) no-repeat 0 6px;
}
#main .rank-19{
background:url(/vol1/images/pc/rank-19.png) no-repeat 0 6px;
}
#main .rank-20{
background:url(/vol1/images/pc/rank-20.png) no-repeat 0 6px;
}

#sub .rank-1{
background:url(/vol1/images/pc/rank-01.png) no-repeat -14px 6px;
}
#sub .rank-2{
background:url(/vol1/images/pc/rank-02.png) no-repeat -14px 6px;
}
#sub .rank-3{
background:url(/vol1/images/pc/rank-03.png) no-repeat -14px 6px;
}
#sub .rank-4{
background:url(/vol1/images/pc/rank-04.png) no-repeat -14px 6px;
}
#sub .rank-5{
background:url(/vol1/images/pc/rank-05.png) no-repeat -14px 6px;
}

.ranking .list-typeC .thumb{
margin:0 0 3px 12px;
line-height:65px; /* 67-2 */
}

#sub .ranking ul{
margin:3px 0 0;
}

#sub .ranking .small span{
float:left;
}

#sub .ranking ul.tabs{
border-bottom:1px solid #838e93;
}

#main .ranking ul.tabs li{
width:80px;
}

#sub .ranking ul.tabs li{
width:50px;
}

#main .ranking ul.tabs li,
#sub .ranking ul.tabs li{
text-align:center;
overflow:hidden;
}

#main .ranking ul.tabs li a,
#sub .ranking ul.tabs li a{
padding:4px 0 3px;
}

#sub .ranking ul.tabs li a{
color:#737373;
font-size:87.5%;
}

#sub .ranking ul.tabs li.active a,
#sub .ranking ul.tabs li a:hover{
color:#fff;
}

#sub ol.ranking-list{
margin:0;
}

.ranking-movie{
margin:0 auto 12px;
padding:0 0 24px;
border-bottom:1px solid #e0e0e0;
}

.ranking-movie #videoTitle{
margin-top:6px;
color:#737373;
font-size:150%;
}

.ranking-list-movie li{
padding:4px 0;
}

#main ol.ranking-list-movie li a{
padding:4px 0 0;
}


/*----------------------------------------
30.footer
----------------------------------------*/
footer{
margin:0;
padding:10px 0 0;
background:url(/vol1/images/pc/line-stripe.png) repeat-x 0 0;
font-size:81.25%;
}

footer div.container{
width:1080px;
margin:0 auto;
padding:12px 0;
}

footer p{
margin:0 0 6px;
font-size:92.30%;
}

footer li{
margin:0 0 6px;
}

footer dl{
margin:0 0 12px;
}

footer dt{
margin:0 0 6px;
line-height:1.5;
}

footer a{
color:#706e69;
}

footer a:hover,
footer .sitemap a{
color:#3c3c3c;
}

/* 1:light gray */
footer .nav{
background:#f1f0ed;
}

footer .nav li{
margin:0 24px 0 0;
}

footer .col-set dl{
margin:0;
}

footer .nav dt{
font-weight:bold;
}

/* 2:gray */
footer .sitemap{
background:#ebe9e5;
border-top:1px solid #e2dada;
}

footer .sitemap ul.sitemap-list{
display:block;
float:left;
width:810px; /* 135*6 */
margin:0;
}

footer .sitemap dl.sitemap-list2{
float:right;
width:246px;
}

footer .sitemap dt{
margin:0 0 6px;
padding:0 0 3px;
border-bottom:1px solid #d2cbcb;
font-weight:bold;
}

dl.sitemap-list2 dt{
margin:0 0 12px;
font-weight:bold;
}

dl.sitemap-list2 dd{
margin:0 0 24px;
}

footer .sitemap ul.inline-list li{
margin:0 12px 6px 0;
}

footer .sitemap ul.sitemap-list ul{
width:123px;
}

footer .sitemap ul.sitemap-list ul li{
float:none;
margin:0 0 6px;
}

footer .sitemap-list2 p{
padding:0 0 0 24px;
}

footer .sitemap-list2 p.app-newspaper{
background:url("/vol1/images/pc/icon-newspaper.png") no-repeat 0 0;
}

footer .sitemap-list2 p.app-news{
background:url("/vol1/images/pc/icon-newsapp.png") no-repeat 0 0;
}

footer .sitemap-list2 ul.app{
width:auto;
margin:0 0 0 24px;
}


/* 3:blue */
footer .infomation{
background:#0078c6;
color:#cce3ef;
}

footer .infomation .col-set ul,
footer .infomation .col-set dl{
float:left;
width:270px; /* 135*2 */
}

footer .infomation a{
color:#cce3ef;
}

footer .infomation dl,
footer .infomation ul.inline-list{
margin:0 0 24px;
}

footer .infomation dt{
margin:0 0 12px;
font-size:123.07%;
}

footer .infomation li{
margin:0 24px 6px 0;
}

footer .infomation p.logo{
margin:0 0 24px;
}

footer .infomation p.logo img{
width:180px;
height:46px;
}


/* contents end(go top)
----------------------------------------*/
.contents-end{
border-top:1px solid #e0e0e0;
}

.contents-end ul li{
float:right;
padding:6px 12px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
font-size:75%;
text-align:center;
}

/* fix-bottom banner
----------------------------------------*/
.fixbtm-banner {
height:33px;
}
.fixbtm-banner a {
display:block;
height:33px;
width:100%;
padding-top:33px;
position:fixed;
bottom:0;
z-index:99999;
background-size:1042px;
}
.fixbtm-banner a:hover {
background-size:1042px;
}


/*----------------------------------------
40.lightbox
----------------------------------------*/
body:after{
content:url(/vol1/images/pc/lightbox-close.png) url(/vol1/images/pc/lightbox-loading.gif) url(/vol1/images/pc/lightbox-prev.png) url(/vol1/images/pc/lightbox-next.png);
display:none;
}

.lightboxOverlay{
display:none;
position:absolute;
top:0;
left:0;
background-color:black;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity:0.90;
z-index:19999999;
}

.lightbox{
position:absolute;
left:0;
width:100%;
z-index:20000000;
text-align:center;
line-height:0;
font-weight:normal;
}

.lightbox .lb-image{
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
}

.lightbox a img{
border:none;
}

.lb-outerContainer{
position:relative;
background-color:white;
width:250px;
height:250px;
margin:0 auto;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
*zoom:1;
}

.lb-outerContainer:after{
content:"";
display:table;
clear:both;
}

.lb-container{
padding:4px;
}

.lb-loader{
position:absolute;
top:43%;
left:0;
width:100%;
height:25%;
text-align:center;
line-height:0;
}

.lb-cancel{
display:block;
width:32px;
height:32px;
margin:0 auto;
background:url(/vol1/images/pc/lightbox-loading.gif) no-repeat;
}

.lb-nav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

.lb-container > .nav{
left: 0;
}

.lb-nav a{
outline:none;
background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,.lb-next{
display:block;
height:100%;
cursor:pointer;
}

.lb-nav a.lb-prev{
float:left;
left:0;
width:34%;
background:url(/vol1/images/pc/lightbox-prev.png) no-repeat left 48%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.6s;
-moz-transition:opacity 0.6s;
-o-transition:opacity 0.6s;
transition:opacity 0.6s;
}

.lb-nav a.lb-prev:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
}

.lb-nav a.lb-next{
float:right;
right:0;
width:64%;
background:url(/vol1/images/pc/lightbox-next.png) no-repeat right 48%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.6s;
-moz-transition:opacity 0.6s;
-o-transition:opacity 0.6s;
transition:opacity 0.6s;
}

.lb-nav a.lb-next:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
}

/* for IE8 */
html>/**/body .lb-nav a.lb-next:hover,
html>/**/body .lb-nav a.lb-prev:hover{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale");
}

.lb-dataContainer{
width:100%;
margin:0 auto;
padding-top:5px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
*zoom:1;
}

.lb-dataContainer:after{
content:"";
display:table;
clear:both;
}

.lb-data{
padding:0 4px;
color:#ccc;
}

.lb-data .lb-details{
float:left;
width:85%;
text-align:left;
line-height:1.1em;
}

.lb-data .lb-caption{
font-size:13px;
font-weight:bold;
line-height:1em;
}

.lb-data .lb-number{
display:block;
clear:left;
padding:0.5em 0 1em;
font-size:12px;
color:#999;
}

.lb-data .lb-close{
display:block;
float:right;
width:30px;
height:30px;
background:url(/vol1/images/pc/lightbox-close.png) no-repeat right top;
text-align right;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity:0.7;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
-o-transition:opacity 0.2s;
transition:opacity 0.2s;
outline:none;
}

.lb-data .lb-close:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
cursor:pointer;
}

/* lightbox customize
----------------------------------------*/
#lightboxInner{
width:1080px;
margin:0 auto;
}

/* photoArea wrap */
#lightboxPhotoBox{
position:relative;
width:780px;
}

.lb-outerContainer{
max-width:780px !important;
}

.lb-image{
max-width:756px !important;
}

/* ad-lightbox */
#ad-lightbox{
float:right;
}

#ad-lightbox p{
margin:0 0 3px;
color:#fff;
font-size:80%;
text-align:left;
}


/*----------------------------------------
50.photo page / movie page
----------------------------------------*/
.photo-top .title{
display:block;
min-height:24px;
margin:0 0 6px;
font-size:112.5%;
font-weight:bold;
}

#main .photo-list{
margin:0;
}

#main .photo-list li{
margin:0 0 24px;
padding:0 12px 0 63px;
border-top:none;
}

.photo-list .thumb,
.movie-list .thumb{
float:none;
display:block;
width:300px;
height:201px;
margin-left:0;
background:transparent;
border:none;
overflow:hodden;
}

.photo-list a:hover .thumb{
opacity:0.8;
}

.photo-list .midashi{
display:block;
padding:6px 0;
}

.photo-list .keyword{
padding:6px 0 0;
}

.credit-name{
display:block;
color:#a6a6a6;
font-size:75%;/* 12px */
}

#main .photo-list li.col3,
#main .movie-list li.col3{
float:left;
width:252px;
margin:0 0 24px;
padding:0 6px;
}

.photo-list li.col3 .date,
.movie-list li.col3 .date{
display:block;
color:#a6a6a6;
font-size:75%;/* 12px */
}

#main .photo-list li.col3 .thumb,
#main .movie-list li.col3 .thumb{
display:block;
width:240px;
height:160px;
overflow:hidden;
}

#main .photo-list li.col2 .thumb{

}

#main .photo-list li .thumb img.vertical-photo,
#main .photo-list li .thumb img.square-photo{
width:100%;
height:auto;
max-height:none;
}

#main .photo-list li .thumb img.horizontal-photo{
width:100%;
}



/*
----------------------------------------*/
article.photo{
}

a.prev-photo,
a.next-photo{
display:block;
position:absolute;
top:0;
width:50%;
height:100%;
z-index:2;
}

a.prev-photo{
left:0;
background:url(/vol1/images/pc/lightbox-prev.png) no-repeat left 48%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.6s;
-moz-transition:opacity 0.6s;
-o-transition:opacity 0.6s;
transition:opacity 0.6s;
}

a.next-photo{
left:50%;
background:url(/vol1/images/pc/lightbox-next.png) no-repeat right 48%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.6s;
-moz-transition:opacity 0.6s;
-o-transition:opacity 0.6s;
transition:opacity 0.6s;
}

a.prev-photo:hover,
a.next-photo:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
}

/* for IE8 */
html>/**/body a.prev-photo:hover,
html>/**/body a.next-photo:hover{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale");
}


/* movie page
----------------------------------------*/
.movie-top{
margin:0 0 24px;
}

.movie-top header{
margin:0 0 12px;
}

.movie-top .header-box{
padding:6px 0 0;
background:url("/vol1/images/pc/line-title.png") no-repeat 63px 0;
}

.movie-top h1{
font-size:150%;
}

.movie-top h1 span{
margin:0 0 0 6px;
font-size:58.33%;
color:#737373;
}

.movie-top h1 span img{
vertical-align:text-bottom;
}

.movie-top .movie,
article .movie{
margin:0 0 12px 0;
}



/*----------------------------------------
60. etc
----------------------------------------*/
/* 川柳
----------------------------------------*/
.search-results .result-stats{
font-weight:bold;
}

.senryu-search header{
margin:0 0 12px;
}

.senryu-search h1 span,
.senryu-search-box h2 span{
margin:0 0 0 12px;
color:#737373;
font-size:58.33%;
font-weight:normal;
}

.senryu-search h1 span img,
.senryu-search-box h2 span img,
.senryu-search h2 span.sub-txt img{
vertical-align:middle;
}

.senryu-search-box h2 span img{
width:22px;
}

.senryu-search h2{
font-weight:normal;
}

.senryu-search-box h2{
color:#222;
}

.senryu-search h2 em{
font-weight:bold;
}

.senryu-search h2 span.sub-txt{
margin:0 0 0 12px;
font-size:77.77%;
}

.senryu-search-box{
background:#f8f8f8;
margin:0 0 24px;
padding:12px 63px;
}

.main-box .senryu-search-box{
padding:12px;
}

.senryu-search-box input[type="text"],
.main-box .senryu-search-box input[type="text"]{
margin:0;
background:#fff;
}

.senryu-search-box input[type="text"]{
width:580px;
}

.main-box .senryu-search-box input[type="text"],
.main-box .senryu-search-box .col2 input[type="text"]{
width:360px;
}

.senryu-search-box .col2 input[type="text"]{
width:265px;
}

.main-box .senryu-search-box .col2{
clear:both;
float:none;
width:100%;
}

.senryu-search-box p,
.senryu-search-box .col-set,
.pickup .main-box .senryu-search-box p,
.pickup .main-box .senryu-search-box .col2{
margin:0 0 6px;
}

.senryu-search-box label{
display:block;
float:left;
width:50px;
text-align:center;
}

.senryu-search-box input.form-btn{
float:right;
}

.senryu-search em{
color:#0078c6;
font-weight:bold;
}

.pickup .sub-box p.address{
margin:0 0 12px;
}

/* search result list */
.typeA-senryu li{
width:693px;
padding:6px 0 3px;
font-size:100%;
}

.typeA-senryu span{
display:block;
float:left;
padding:1px;
vertical-align:middle;
}

.typeA-senryu span.word{
width:355px;
}

.typeA-senryu span.date a,
.typeA-senryu span.ryumei a,
.typeA-senryu span.location a{
padding:0;
color:#696969;
font-size:75%;
font-weight:normal;
}

.typeA-senryu span.ryumei a,
.typeA-senryu span.location a{
border:1px solid #dbdbdb;
}

.typeA-senryu span.date{
width:115px;
margin:0 6px 0 0;
}

.typeA-senryu span.ryumei{
width:120px;
margin:0 6px 0 0;
text-align:center;
}

.typeA-senryu span.location{
width:90px;
margin:0;
text-align:center;
}

/*  */
.typeD-senryu li:first-child span.midashi{
font-size:153.84%; /* 20px */
}


/* 環境
----------------------------------------*/
.eco-bnr ul.inline-list{
margin:0 0 12px;
}


/* HAYABUSA2
----------------------------------------*/
.countUp{
position:absolute;
top:0;
right:0;
width:222px;
height:100%;
padding:24px 12px;
background:#000;
color:#fff;
}

.uchiage-date{
font-size:75%;
}

.uchiage-date span,
#countUp-day,
#countUp-time{
display:block;
}

#countUp-day,
#countUp-time{
font-weight:bold;
line-height:1.25;
}

#countUp-day{
font-size:300%;
min-height:60px;
}

#countUp-time{
font-size:225%;
min-height:45px;
}

#countUp-day span{
font-size:29.16%; /* 14px */
font-weight:normal;
}

.uchiage-date{
margin:12px 0;
}


/* 毎日weekly
----------------------------------------*/
.weekly-words{
width:300px;
margin: 0 0 24px;
padding:6px;
border:1px solid #ececec;
background:#f8f8f8;
font-size:81.25%; /* 13px */
}

.weekly-words dt{
font-weight:bold;
}

.weekly-words dd{
padding:0 0 3px 1em;
color:#696969;
}

/* igo
----------------------------------------*/
.channel-top .list-typeD .col2 div.img{
width:67px;
height:67px;
margin:0 0 6px 6px;
border:none;
background:none;
}

.channel-top .list-typeD .col2 form{
width:200px;
}

.channel-top .list-typeD .col2 select{
width:250px;
border:1px solid #dbdbdb;
}

.channel-top .list-typeD .col2 p.txt{
padding:0;
}

.channel-top .list-typeD .col2 li,
.channel-top .list-typeD .col2 p.txt{
font-size:100%;
}

/* サンデー毎日
----------------------------------------*/
.list-typeD .viewer ul.list-bnr li div.img{
width:100%;
height:auto;
background:none;
border:none;
}

.list-typeD .viewer aside.nav ul{
padding:0;
}

.list-typeD .viewer aside.nav{
font-size:100%;
}

/* 動画
----------------------------------------*/
#MovieList{
margin:0 0 24px;
}

#MovieList li{
float:left;
width:126px;
margin:0 0 6px;
}

#MovieList li .thumb{
position:relative;
width:121px;
height:68px;
overflow:hidden;
}

/* 動画サイズを16対9で可変 */
.asp-flexbox {position: relative; width: 100%; height: auto; }
.asp-flexbox-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ratio-16_9:before {content: ''; display: block; padding-top: 56.25%; }
.asp-flexbox-body { width: 100%; height: 100%;}

/* for IE8 */
html>/**/body #MovieList li{
height:160px \9;
overflow:hidden \9;
}

/* for IE8 */
html>/**/body span#_containermyExperience{
display:inline !important \9;
}

html>/**/body #main .main-text .movie span{
display:block !important \9;
width:100% \9;
}

/* for IE9 */
:root span#_containermyExperience{
display:inline !important \0/;
}
:root #main .main-text .movie span{
display:inline !important \0/;
}

#MovieList li a.caption{
display:block;
padding:3px 5px 0 0;
font-size:81.25%;
font-weight:bold;
}

#MovieList li a:hover img{
opacity:0.8;
}

/* 映画コンクール
----------------------------------------*/
#mfa .credit{
width:100%;
margin:0 0 24px;
padding:0 0 0 63px;
}

.credit dt{
float:left;
display:block;
width:5em;
padding:3px 0 0;
}

.credit dd{
display:block;
margin:3px 0 3px;
padding:3px 0 0 5.5em;
border-top:1px solid #dbdbdb;
}

#mfa ul.list-bnr{
margin:0 0 12px;
}

#mfa ul.list-bnr li{
width:25%;
text-align:center;
}

.mfa .midashi-min{
padding:0 0 0 30px;
background:url(/vol1/images/pc/mfa/img-mfa.png) no-repeat 0 50%;
font-size:175%;
font-weight:bold;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",serif;
line-height:65px;
}

.mfa table.typeA-2{
margin:0 0 24px 0;
}

.mfa table.typeA-2 th{
width:25%;
}


/* サッカー
----------------------------------------*/
.score{
margin:0 0 24px;
font-size:112.5%;
}

.score caption{
font-size:77.77%;
}

.score td{
vertical-align:middle;
}

.score .period,
.score .total{
background:#f3f3f3;
text-align:center;
}

.score .period {
white-space: nowrap;
}

.score .home,
.score .away{
width:35%;
}

.score .away{
text-align:left;
}

.score .home{
text-align:right;
}

.score .total{
font-size:200%;
font-weight:bold;
}

.score .win{
color:#a00;
}

ul.univ-list{
margin:0;
}

ul.univ-list li{
width:139px;
margin:0 12px 9px 0;
}

ul.univ-list li img{
width:120px;
height:20px;
}

ul.univ-list li a:hover img{
opacity:0.8;
}

h4.univ-h4 {
padding:10px 0 5px 3px
}


/* 駅伝
----------------------------------------*/
.ekiden .table-typeA tbody th{
width:5em;
}


/* 受験
----------------------------------------*/
ul.edu-bnr{
margin:0 0 12px;
padding:0 0 0 63px;
}

ul.edu-bnr li{
margin:0 50px 6px 0;
}

/* センター試験 */
.center-exam table td{
width:12%;
text-align:center;
}

.center-exam table .kyouka{
width:20%;
}

.center-exam table .kamoku{
text-align:left;
}

/* 私大・国公立大学２次試験 */
.daigakubetsu table{
margin:0 0 24px;
}

.daigakubetsu table tbody th.university{
width:15%;
}

.daigakubetsu table tbody th.department,
.daigakubetsu table tbody .date{
width:10%;
}


/* market
----------------------------------------*/
.kd_searchbox input[type="text"]{
background:#fff;
height:24px;
}

div.kd_searchbox input.kd_searchbox_submit{
background:#838e93;
border-radius:3px;
color:#fff;
height:24px;
}

div.kd_searchbox input.kd_searchbox_submit:hover{
background:#0078c6;
cursor:pointer;
}

div.kd_searchbox span{
padding:2px 0 0;
}

div.kd_market div.kd_titleBg{
padding:0 0 0 7px !important;
}


/* 4コマまんが
----------------------------------------*/
.main-text .manga img,
.channel-top .manga img{
height:1000px;
max-height:none;
}

/* SNS(social) page
----------------------------------------*/
ul.list-sns{
padding:0 0 24px 63px;
}

ul.list-sns li,
.header-box .header-subbox ul.list-sns li{
float:left;
margin:0 0 6px;
padding:6px 2% 0 0;
border-top:1px solid #eee;
}

ul.list-sns li.col3{
width:33%;
}

ul.list-sns li p.namae{
margin:0 0 3px;
color:#222;
font-size:81.25%;
font-weight:bold;
}

ul.list-sns li p.namae span{
display:block;
font-weight:normal;
}

ul.list-sns p.btn{
display:block;
margin:0 0 3px;
background:#f3f3f3;
border:1px solid #dbdbdb;
border-radius:5px;
text-align:center;
overflow:hidden;
}

#main .header-box .header-subbox ul.list-sns p.btn{
padding:2px 0;
}

ul.list-sns p.btn:hover{
cursor:pointer;
background:#0078c6; /*#3393d1*/
}

ul.list-sns p.btn a{
color:#122769;
font-size:80%;
}

#main .header-box .header-subbox ul.list-sns p.btn a:hover,
ul.list-sns p.btn:hover a,
ul.list-sns p.btn a:hover{
color:#fff;
text-decoration:none;
}

ul.list-sns p.txt{
font-size: 81.25%;
}

ul.list-sns p.txt a{
font-weight:normal;
text-decoration:underline;
}


/* wsj：wsj.css
----------------------------------------*/


/* premier
----------------------------------------*/
.premier-box dl{
margin:0;
}

.premier-box dt a{
display: block;
position: relative;
padding:5px 0 25px 63px;
font-weight: bold;
z-index:4;
}

.premier-box .business dt a{
background:url(/vol1/images/pc/icon-premier-business.png) no-repeat 0 0;
color:#062974;
}

.premier-box .health dt a{
background:url(/vol1/images/pc/icon-premier-health.png) no-repeat 0 0;
color:#cd263e;
}

.premier-box .tokutoku dt a{
background:url(/vol1/images/pc/icon-premier-tokutoku.png) no-repeat 0 0;
color:#f36856;
}

.premier-box dd{
margin-top:-20px;
}

.premier-box dd p.txt{

}


/* rss
----------------------------------------*/
a.rss{
display:block;
height:32px;
padding:0 0 0 32px;
background:url("/vol1/images/pc/icon-tool.png") no-repeat -50px -400px;
line-height:32px;

}



/* 404 error
----------------------------------------*/
.error-box .header-box{
margin:0 0 24px;
background: rgba(0, 0, 0, 0) url("/vol1/images/pc/line-title2.png") no-repeat scroll 63px 100% !important;
}

.error-box p.txt{
margin:0 0 1em 63px;
}

.error-box aside.nav{
margin:0 0 48px;
}

/* book info (item info)
----------------------------------------*/
.item-info{
}

.item-info .list-typeH{
margin:0 0 6px;
}

.item-info .list-typeH > li{
border-top:1px solid #e0e0e0;
}

.item-info .list-typeH .thumb{
display:table-cell;
float:right;
width:140px;
height:200px;
margin:6px 0 6px 12px;
background:#f8f8f8;
border:1px solid #ececec;
text-align:center;
vertical-align:middle;
line-height:198px;
overflow:hidden;
z-index:2;
}

.item-info .list-typeH .thumb a{
display:block;
}

.item-info .list-typeH .thumb img{
vertical-align:middle;
}

.item-info .list-typeH .item-title{
color:#222;
font-size:125%;
font-weight:bold;
}

.item-info .list-typeH .btn-list{
padding:6px 0 6px 63px;
overflow:hidden;
z-index:1;
}

.item-info .list-typeH .btn-list li{
width:auto;
margin:0 12px 12px 0;
font-size:81.25%;
}

.item-info .list-typeH li:first-child{
border-top:none;
}


/*----------------------------------------
70.chukan page
----------------------------------------*/
.leadtxt-box{
position:relative;
overflow:hidden;
}

.leadtxt-bg{
display:block;
position:absolute;
left:0;
bottom:5px;
width:100%;
height:100px;
background:url(/vol1/images/pc/bg-txtcover.png) repeat-x 0 100%;
}

.readmore-tool{
clear:both;
display:block;
margin:0 0 48px 63px;
padding:36px 0 0;
width:441px;
}

.readmore-tool ul{
margin:15px 0 17px;
}
.readmore-tool ul.inline-list li {
float:none;
margin:0 0 6px 0;
}

.readmore-tool .link-btn a,
.readmore-tool .link-btn button{
height:36px;
padding:10px 24px 8px 12px;
background:#505B61 url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 97% 9px;
border:1px solid #505B61;
border-radius:4px;
color:#FFF;
/*font-size:85%;*/
font-weight:normal;
line-height:14px;
text-align:center;
margin-bottom:10px;
}
.readmore-tool .link-btn:last-child a,
.readmore-tool .link-btn:last-child button{
margin-bottom:0;
}

.readmore-tool .link-btn button:hover,
.readmore-tool .link-btn a:hover{
background:#29343A url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 97% 9px;
border:1px solid #29343A;
color:#fff;
}

.readmore-tool button{
cursor:pointer;
}

.readmore-tool .link-btn a{
display:block;
text-decoration:none;
}

.readmore-tool .btn-blue a,
.readmore-tool .btn-blue button{
border-color:#0078c6;
background:#0078c6 url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 97% -91px;
}

.readmore-tool .btn-blue a:hover,
.readmore-tool .btn-blue button:hover{
border-color:#005E9C;
background:#005E9C url("/vol1/images/pc/icon-arrow_gr.png") no-repeat scroll 97% -91px;
color:#fff;
}

.readmore-tool .btn-blue a,
.readmore-tool .btn-blue button{
color:#fff;
}

.readmore-tool .txt-count{
margin:2px 0 5px;
font-weight:bold;
}

.readmore-tool .subtxt{
margin:0;
color:#696969;
font-size:87.5%;
}

.readmore-tool .subtxt a{
padding:0 18px 0 0;
color:#696969;
background:url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 100% 1px;
}

.readmore-tool .txt-red,
.readmore-tool .txt-red a{
color:#a00;
}

.readmore-tool p.login {
font-size: 100%;
margin-bottom: 5px;
}
.readmore-tool p.login a {
color: #2e67aa;
font-weight: bold;
}

/*----------------------------------------
90.ad
----------------------------------------*/
/* #main
----------------------------------------*/
aside.ad{
margin:0 0 24px;
padding:0;
}

.txtad{
font-size:81.25%; /* 13px */
}

.txtad a{
margin:0 0 0 12px;
font-weight:normal !important;
}

.txtad img{
width:16px;
height:16px;
margin:0 2px 0 0;
vertical-align:middle;
}


.superbnr iframe{
margin:0 0 6px;
}

/* article ad rectangle */
.main-text .ad{
position:relative;
overflow:hidden;
}

.main-text .ad p.ad-text{
margin:0;
}


/* rectangle x2 */
aside.ad .col2{
text-align:center;
}

aside.ad .col2 a{
display:block;
}

.providing{
font-size:81.25%;
}

.txtad a,
.providing a{
color:#706e69;
}

.providing a:hover{
text-decoration:underline;
}

.providing img{
vertical-align:text-top;
}

.ad .ad-list li a,
.ad .list-typeE li a{
font-weight:normal;
}

/* ad-list(list-typeA) */
.ad .ad-list{
margin:0 0 6px;
}

.ad .ad-list li a{
color:#222;
padding:3px 0;
font-size:13px !important;
}

.site_adv .ad-list li a{
padding:5px 0 6px;
line-height:1.1;
}

.ad-list a span{
margin:0 0 0 6px;
background:none;
color:#696969;
font-size:81.25%;
}

/* canter text */


/* PR情報 */
aside.pr h2{
position:relative;
float:left;
width:60px;
font-size:14px;
margin:0 0 0 63px;
}

aside.pr .ad-list{
display:block;
float:left;
}

aside.pr .ad-list script:first-child + li{
border-top:none;
}

aside.pr span.icon{
position:absolute;
top:-2px;
left:-24px;
}

aside.pr .list-typeA span.icon{
top:4px;
left:-24px;
}

/* yads */
.yads dl{
padding:2px 10px 0 24px !important;
}

.yads dl dt span{
font-size:13px !important;
}

/* yahoo 2016.10.17- */
.yad-type1 .txtad > div { display:inline-block; }
.yad-type1 .yads_ad .yads_ad_title { display:none; }
.yad-type1 .yads_ad .yads_ad_item:hover a { text-decoration:underline; }
.yad-type1 .yads_ad .yads_ad_item .yads_ad_adv,
.yad-type1 .yads_ad .yads_ad_info { display:none;}

.yad-type2 .yads_ad { padding:0 0 0 24px; }
.yad-type2 .yads_ad a { display:block;}
.yad-type2 .yads_ad a:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
.yad-type2 .yads_ad .yads_ad_item { padding:5px 0; }
.yad-type2 .yads_ad .yads_ad_title,.yad-type2 .yads_ad .yads_ad_adv { display:inline-block;}
.yad-type2 .yads_ad .yads_ad_title,
.yad-type2 .yads_ad .yads_ad_desc { font-size:13px; }
.yad-type2 .yads_ad a:hover .yads_ad_title,
.yad-type2 .yads_ad a:hover .yads_ad_desc { text-decoration:underline; }
.yad-type2 .yads_ad .yads_ad_adv { font-size:12px; color:#999; margin-left:0.3em; }
.yad-type2 .yads_ad .yads_ad_info a { font-size: 12px; margin: 0; padding: 0 10px 2px; text-align: right; color:#999; }
.yad-type2 .yads_ad a:hove,
.yad-type2 .yads_ad a:hover .yads_ad_adv,
.yad-type2 .yads_ad .yads_ad_info a:hover { text-decoration:none; }


/* #sub
----------------------------------------*/
#sub .ad h2 img{
width:27px;
height:27px;
}

#sub .ad .list-typeA li{
margin:0 0 0 24px;
padding:6px 0;
border-top:1px solid #dbdbdb;
font-size:75%;
line-height:normal;
}

#sub .ad .list-typeA li a{
padding:0;
color:#222;
}

#sub .ad .list-typeC li{
font-size:92.85%;
}

#sub .typeC-line li{
font-size:100%;
padding:0 6px 6px;
}

#sub .typeC-line li a{
border-top:none;
}

#sub .ad .list-typeD li{
margin:0 0 0 24px;
padding:0;
/*border-top:1px solid #dbdbdb;*/
border-top:none;
}

#sub .list-typeD li:first-child a{
border-top:none;
}

#sub .ad .list-typeD span.midashi{
font-size:100%;
}

#sub .ad .list-typeD li span.icon{
top:5px;
}

#sub .ad .list-typeD li a{
color:#222;
border-top: 1px solid #dbdbdb;
display:block;
margin:0;
padding:6px 0;
}

#sub .list-typeD li:first-child{
border-top:none;
}

#sub .list-typeE a{
color:#222;
}

#sub .list-typeE a span.txt{
color:#696969;
font-weight:normal;
}

#sub .list-typeE span.icon{
position:absolute;
top:3px;
left:-24px;
}

/* bnr center */
aside.ad-bottom{
margin:12px auto 24px;
text-align:center;
}


/* cxcense
----------------------------------------*/
/* topPage recomend and right topics */
.templateRoot-A .typeC-line li{
position:relative;
margin:0 0 6px 63px; /* 63-24 */
padding:6px 0;
background:none;
border:none;
border-top:1px solid #dbdbdb;
border-radius:0;
font-size:81.25%;
color:#696969;
overflow:visible;
}

.templateRoot-A .typeC-line li:first-child{
border-top:none;
}

.templateRoot-A .list-typeC span{
margin:0;
padding:0;
}

.templateRoot-A .list-typeC span.midashi{
font-size:107.69%;
}

.templateRoot .list-typeC .keyword,
.templateRoot-A .list-typeC .keyword{
display:block;
width:auto;
color:#2a2a2a;
font-size:100%;
}

.templateRoot .list-typeC div.img,
.templateRoot-A .list-typeC div.img{
display:table-cell;
float:right;
width:100px;
height:67px;
margin:0 0 0 12px;
text-align:center;
vertical-align:middle;
line-height:65px;
overflow:hidden;
}

.templateRoot-A .list-typeC a{
display:block;
margin:0 0 3px;
font-weight:bold;
}

.templateRoot-A .list-typeC .icon{
position:absolute;
left:-38px;
width:36px;
margin:0;
text-align:right;
line-height:1;
}

/* 話題の記事 */
.templateRoot .typeC-line{
margin:0 0 6px;
font-size:100%; /* 14 */
}

.templateRoot .typeC-line .keyword{
font-size:92.85%; /* 13 */
}

.templateRoot .list-typeC p.icon{
float:left;
margin:0;
width:24px;
}

.templateRoot .list-typeC span.midashi{
display:block;
margin:0 0 0 26px;
}

/* あわせて読みたい */
.templateRoot .list-typeB{
margin:0 0 6px;
}

.templateRoot .list-typeB li dd.thumb a{
width:240px;
height:160px;
overflow:hidden;
}

.templateRoot .list-typeB img.horizontal-photo{
width:100%;
}

/* for IE8 */
html>/**/body .templateRoot .list-typeB img.horizontal-photo{
width:240px \9;
}

.templateRoot .list-typeB p.txt{
font-size:81.25%;
color:#696969 !important;
}

/* overray */
.toggle-panel img{
vertical-align:baseline;
}

/* recomend */
#targetElement .recommend.col-set{
margin:0 0 6px;
}

.recommend .list-typeG{
margin:0;
}

/*----------------------------------------
Error(403,500)
----------------------------------------*/
body.error{
min-width:320px;
}

body.error .container{
max-width:1080px;
width:100%;
padding:12px;
}

body.error p.logo,
body.error header#top{
margin:0;
}

body.error aside.nav li a{
max-width:378px;
width:90%;
}

/**/
@media screen and (max-device-width:320px) and (max-width:320px){
body.error{
width:100%;
}

body.error .container{
min-height:auto;
padding:12px 10px;
}

body.error .error-box .header-box {
background:url("/vol1/images/pc/line-title2.png") no-repeat 18px 100% !important;
}

body.error .error-box p.txt {
margin:0 0 1em 18px;
}

.error-box aside.nav {
 margin:0 0 12px;
}

body.error aside.nav ul {
padding:0 0 0 18px;
}


}

/*----------------------------------------
@2x
----------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){

nav.header-main li.photo a{
background:url(/vol1/images/pc/icon-photo@2x.png) no-repeat 0 50%;
background-size:16px 16px;
}

nav.header-main li.video a{
background:url(/vol1/images/pc/icon-video@2x.png) no-repeat 0 50%;
background-size:16px 16px;
}

nav.header-main li.series a{
background:url(/vol1/images/pc/icon-series@2x.png) no-repeat 0 50%;
background-size:16px 16px;
}

nav.header-main li.search a{
background:url(/vol1/images/pc/icon-search@2x.png) no-repeat 3px 48%;
background-size:16px 16px;
}

#main .rank-1,#main .rank-2,#main .rank-3,#main .rank-4,#main .rank-5,
#main .rank-6,#main .rank-7,#main .rank-8,#main .rank-9,#main .rank-10,
#main .rank-11,#main .rank-12,#main .rank-13,#main .rank-14,#main .rank-15,
#main .rank-16,#main .rank-17,#main .rank-18,#main .rank-19,#main .rank-20{
background-position:6px 6px;
background-repeat:no-repeat;
background-size:32px 25px;
}

#main .rank-1{
background-image:url(/vol1/images/pc/rank-01@2x.png);
}
#main .rank-2{
background-image:url(/vol1/images/pc/rank-02@2x.png);
}
#main .rank-3{
background-image:url(/vol1/images/pc/rank-03@2x.png);
}
#main .rank-4{
background-image:url(/vol1/images/pc/rank-04@2x.png);
}
#main .rank-5{
background-image:url(/vol1/images/pc/rank-05@2x.png);
}
#main .rank-6{
background-image:url(/vol1/images/pc/rank-06@2x.png);
}
#main .rank-7{
background-image:url(/vol1/images/pc/rank-07@2x.png);
}
#main .rank-8{
background-image:url(/vol1/images/pc/rank-08@2x.png);
}
#main .rank-9{
background-image:url(/vol1/images/pc/rank-09@2x.png);
}
#main .rank-10{
background-image:url(/vol1/images/pc/rank-10@2x.png);
}
#main .rank-11{
background-image:url(/vol1/images/pc/rank-11@2x.png);
}
#main .rank-12{
background-image:url(/vol1/images/pc/rank-12@2x.png);
}
#main .rank-13{
background-image:url(/vol1/images/pc/rank-13@2x.png);
}
#main .rank-14{
background-image:url(/vol1/images/pc/rank-14@2x.png);
}
#main .rank-15{
background-image:url(/vol1/images/pc/rank-15@2x.png);
}
#main .rank-16{
background-image:url(/vol1/images/pc/rank-16@2x.png);
}
#main .rank-17{
background-image:url(/vol1/images/pc/rank-17@2x.png);
}
#main .rank-18{
background-image:url(/vol1/images/pc/rank-18@2x.png);
}
#main .rank-19{
background-image:url(/vol1/images/pc/rank-19@2x.png);
}
#main .rank-20{
background-image:url(/vol1/images/pc/rank-20@2x.png);
}

#sub .rank-1,#sub .rank-2,#sub .rank-3,#sub .rank-4,#sub .rank-5{
background-position:-14px 6px;
background-repeat:no-repeat;
background-size:32px 25px;
}
#sub .rank-1{
background-image:url(/vol1/images/pc/rank-01@2x.png);
}
#sub .rank-2{
background-image:url(/vol1/images/pc/rank-02@2x.png);
}
#sub .rank-3{
background-image:url(/vol1/images/pc/rank-03@2x.png);
}
#sub .rank-4{
background-image:url(/vol1/images/pc/rank-04@2x.png);
}
#sub .rank-5{
background-image:url(/vol1/images/pc/rank-05@2x.png);
}


nav.sub-navi li.list a{
background:url(/vol1/images/pc/icon-list@2x.png) no-repeat 6px -44px;
background-size:24px 250px;
}

.alert-box dd.list a{
background:url(/vol1/images/pc/icon-list@2x.png) no-repeat 0 0;
background-size:24px 250px;
}

.alert-red dd.list a{
background:url(/vol1/images/pc/icon-list@2x.png) no-repeat 0 -100px;
background-size:24px 250px;
}

.shimen .list{
background:url(/vol1/images/pc/icon-list@2x.png) no-repeat -4px -203px;
background-size:24px 250px;
}

}






/*----------------------------------------
99.hac
----------------------------------------*/
.clr:after,.cFix:after,
header:after,
article:after,
section:after,
article header:after,
.container:after,
.header-box:after,
.article-infoBox:after,
nav.main-navi ul:after,
nav.sub-navi ul:after,
.inline-list:after,
.list-typeB:after,
.list-typeC li:after,
.list-typeD li:after,
.list-typeF li:after,
.list-typeG:after,
.list-typeH li:after,
.typeA-senryu li:after,
#MovieList:after,
.btn-list:after,
.col-set:after,
.col2:after,
.pickup:after,
.main-text:after,
.series-info:after,
.series-auther:after,
.auther-info:after,
ul.subscription:after,
.title:after,
.header-box ul.tool:after,
ul.channel-sub-navi:after,
.senryu-search-box:after,
.senryu-search-box p:after,
.contents-end ul:after,
.comment:after,
.search-box:after,
.pr:after,
footer:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}

/* IE7 */
*:first-child+html .clr,*:first-child+html .cFix,
*:first-child+html header,
*:first-child+html article,
*:first-child+html section,
*:first-child+html article header,
*:first-child+html .header-box,
*:first-child+html nav.main-navi ul,
*:first-child+html nav.sub-navi ul,
*:first-child+html .container,
*:first-child+html .inline-list,
*:first-child+html .list-typeB,
*:first-child+html .list-typeC li,
*:first-child+html .list-typeD li,
*:first-child+html .list-typeF li,
*:first-child+html .list-typeG,
*:first-child+html .typeA-senryu li,
*:first-child+html #MovieList,
*:first-child+html .btn-list,
*:first-child+html .pickup,
*:first-child+html .col-set,
*:first-child+html .col2,
*:first-child+html .main-text,
*:first-child+html .series-info,
*:first-child+html .series-auther,
*:first-child+html .auther-info,
*:first-child+html ul.subscription,
*:first-child+html .title,
*:first-child+html .header-box ul.tool,
*:first-child+html ul.channel-sub-navi,
*:first-child+html .senryu-search-box,
*:first-child+html .senryu-search-box p,
*:first-child+html .contents-end ul,
*:first-child+html .comment,
*:first-child+html .search-box,
*:first-child+html .pr,
*:first-child+html footer{
display:inline-block;
zoom:1;
}

/* main-navi, sub-menu */
nav.main-navi a {
    color: #cce3ef;
}
header nav ul li a:hover, header nav ul li.active li a:hover {
    color: #f4f4f4;
    text-decoration: none;
}
nav.main-navi {
    background: #0078c6;
    position: relative;
    text-align: center;
}
nav.main-navi ul > li {
    padding: 0;
    float: inherit;
    height: auto;
}
nav.main-navi ul > li > a {
    float: left;
    text-align: center;
    line-height: 42px;
    padding: 0 10px;
    text-decoration: none;
    overflow: hidden;
}
nav.main-navi ul li:first-child {
    margin-left:-10px;
}
nav.main-navi > ul > li:hover, nav.main-navi > ul > li.active {
    background: url(/vol1/images/pc/gnav-main-selected.png) no-repeat 50% 100%;
}
nav.main-navi li a:hover {
}
nav.main-navi > ul {
    margin: 0 auto;
    position: relative;
    height:auto;
}
.submenu-wrap {
    display: none;
    position: relative;
    z-index: 2;
    width: 100%;
}
.sub-menu {
    box-sizing: border-box;
    position: absolute;
    z-index: 5;
    display: block;
    text-align: left;
    left: auto;
}

nav.main-navi ul.sub-menu a {
    color:#C4D9E7;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
}
nav.main-navi ul .sub-menu > li {
    float: left;
}
nav.sub-navi a {
    line-height: 42px;
}
nav.sub-navi ul li {
    padding: 0;
}
nav.main-navi ul .sub-menu li:hover > a,
nav.main-navi ul .sub-menu li.active > a {
    color:#FFF;
}
nav.sub-navi, nav.sub-navi ul, nav.sub-navi ul li {
    height: auto;
}