@charset "utf-8";

/*----------------------------------------
2016.11.04 ver1.50
----------------------------------------*/

/*timeline
----------------------------------------*/
.timeline h1,
.timeline h2{
font-size:150%;
font-weight:normal;
}

.tl-summary{
background-color:#F8F8F8;
border:solid 1px #ECECEC;
margin-bottom:12px;
padding:12px;
}

.tl-summary ul.headline{
float:left;
width:500px;
}

.tl-summary .headline li{
background:url(/vol1/images/pc/tl-icon-dot.png) no-repeat 0 0;
padding:2px 0 14px 26px;
font-size:87.5%;
}

.tl-summary .tl-tools{
float:right;
width:220px;
}

/* reload switch */
.tl-summary ul.reload-switch{
display:block;
position:relatve;
float:right;
width:220px;
height:40px;
margin-bottom:12px;
background-color:#F2F2F2;
border:solid 1px#E0E0E0;
border-radius:20px;
}

.tl-summary ul.reload-switch li{
display:block;
height:38px;
margin:0 0 12px;
border:none;
color:#fff;
font-size:87.5%;
text-align:center;
line-height:38px;
overflow:hidden;
}

/* 自動更新しない */
.tl-summary ul.reload-switch li#left{
float:left;
width:165px;
padding-left:28px;
background: #434455 url(/vol1/images/pc/icon-reload.png) no-repeat 11px 7px;
border-radius:20px;
}

.tl-summary ul.reload-switch li#right{
float:right;
padding-left:28px;
border-radius:20px;
}

/* 自動更新中 */
.tl-summary ul.reload-switch.turnOFF{
background:#0078c6; /* 12B02C */
}

.tl-summary ul.reload-switch.turnOFF li#left{
width:47px;
padding-left:8px;
background:#0078c6 none;
}

.tl-summary ul.reload-switch.turnOFF li#right{
float:right;
width:165px;
background:#434455 url(/vol1/images/pc/icon-reload.png)  no-repeat 11px -26px;
}

/*  */
.tl-summary .btn-more{
display: inline-block;
width: 220px;
height: 32px;
line-height: 32px;
background:#FFF url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 98% 7px;
padding: 0px 18px 0px 12px;
border: 1px solid #E4E4E4;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
font-size: 75%;
color: #2a2a2a;
}

.tl-summary .btn-more:hover{
background:#E4E4E4 url(/vol1/images/pc/icon-arrow_gr.png) no-repeat 98% -43px;
text-decoration: none;
}

.tl-content{
position:relative;
margin-bottom: 24px;
}

/* h1 */
.timeline div.header-box{
background:none;
}

/* key-points */
#key-points{
float:left;
width:240px;
}

#key-points h3{
color:#0066A8;
font-size:98.75%;
}

#key-points dt{
position:relative;
/*margin-left:24px;*/
font-size:75%;
font-weight:bold;
}

#key-points span.icon{
position:absolute;
display:block;
top:0;
left:-20px;
width:20px;
line-height:1;
}

#key-points dd{
margin:0 0 6px 0;
font-size:87.5%;
}

/* tl-main */
.tl-main{
float:none;
width:750px;
}

#key-points + .tl-main{
float:right;
width:500px;
}

.tl-main.key-point-on{
float:none;
width:740px;
}

.tl-cover{
margin-bottom:24px;
text-align:center;
}

.tl-cover img{
max-width:500px;
}

.tl-main dl,
.tl-main .tl-graphs{
margin-bottom:24px;
padding-top:16px;
border-top:solid 2px #0F62A6;
}

.tl-main dt{
float:left;
width:110px;
}

.tl-main dt .time{
margin-bottom:3px;
font-size:81.25%;
font-weight:bold;
}

.tl-main dt time,
.tl-main dt .posted{
color:#7E7E7E;
font-size:75%;
}

.tl-main dt .editor{
display: block;
}

.tl-main dd{
position:relative;
float:right;
width:620px;
padding:0 1px 1px 0;
overflow:hidden;
}


#key-points + .tl-main dd{
width:380px;
}

.tl-main dd iframe.twitter-tweet{
width:377px !important;
padding:0;
margin:0 1px 6px !important;
}

#main .tl-main .list-typeC li{
margin:0 0 12px 0;
}

.tl-main .list-typeC p.icon{
float:left;
margin:6px 0 0 6px;
width:24px;
}

.tl-main .list-typeC span.keyword{
display:block;
margin:6px;
}

.tl-main .list-typeC span.midashi{
display:block;
margin:0 6px 6px;
}

#main .tl-main .list-typeC p.txt{
margin:0;
padding:12px;
background:#FFF;
border-top: 1px solid #dbdbdb;
font-size:100%;
}

.tl-main .typeC-line li{
padding:0;
}

.tl-main .typeC-line li .thumb{
margin-left:12px;
margin-right:6px;
}

.tl-main blockquote.bq{
margin:0 0 12px 6px;
padding-left: 12px;
border-left: solid 4px #F1F2F3;
}

.tl-main h4{
margin: 0 0 12px 0;
font-size: 125%;
font-weight: normal;
}

.tl-main dd .img img{
max-width:378px;
}

.tl-main dd figcaption{
margin-left:6em;
border-bottom: solid 2px #E9E9E9;
font-size: 75%;
}

.tl-graphs figcaption{
font-size: 75%;
}

.tl-graphs .photo-navi-list{
margin:-12px auto 0;
padding:0;
}

.tl-graphs .photo-navi-list li{
display:block;
position:relative;
float:left;
width:100px;
height:100px;
margin:0;
padding:0;
}

.tl-graphs .photo-navi-list li .thumb{
display:table-cell;
width:100px;
height:100px;
background:#E9E9E9;
text-align:center;
vertical-align:middle;
overflow:hidden;
}

.tl-graphs .photo-navi-list li .thumb img.horizontal-photo{
width:80px;
}

.tl-graphs .photo-navi-list li .thumb img.vertical-photo,
.tl-graphs .photo-navi-list li .thumb img.square-photo{
height:80px;
}

.tl-graphs .photo-navi-list li .thumb:hover{
background:#545454;
}

.tl-graphs a.tooltip .tooltip-txt{
display:none;
position:absolute;
top:100px;
left:5px;
width:150px;
padding:6px;
border:1px solid #dbdbdb;
background:#000;
border-radius:3px;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
-o-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
-ms-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
box-shadow:1px 1px 3px rgba(0,0,0,0.3);
z-index:3;
}

.tl-graphs a.tooltip:hover .tooltip-txt{
display:block;
}

.tl-graphs .tooltip-txt:after,
.tl-graphs .tooltip-txt::before{
position:absolute;
content:" ";
height:0;
width:0;
left:40%;
bottom:100%;
border:solid transparent;
pointer-events:none;
}

.tl-graphs .tooltip-txt:after{
margin-left:-5px;
border-color:rgba(0,0,0,0);
border-bottom-color:#000;
border-width:5px;
}

.tl-graphs .tooltip-txt:before{
border-width:6px;
margin-left:-6px;
border-color:rgba(219,219,219,0);
border-bottom-color:#dbdbdb;
}

.tl-graphs a.tooltip .caption{
color:#fff;
font-size:75%;
}

.tl-main .ad{
margin-bottom: 32px;
padding: 12px;
background-color: #F6F6F6;
border: solid 1px #E0E0E0;
text-align: center;
}

.tl-main .ad p{
width: 300px;
margin: 0 auto;
color: #505050;
font-size: 12px;
text-align: left;
}

/* header cover img */
.timeline-header-img img.horizontal-photo{
width:100%;
}

.timeline-header-img img.vertical-photo,
.timeline-header-img img.square-photo{
max-height:500px;
}


/*timeline ad
----------------------------------------*/
.timeline .ad iframe{
font-family: 'Slabo 27px','Times New Roman',serif;
font-size: 13px;
}

.timeline .ad iframe .attribution {
display: inline-block;
position: absolute;
padding: 0 2px;
background-color: #2f9953;
border-radius: 2px;
color: #fff;
font-size: 12px;
}

.timeline .ad iframe .ads{
margin-top: 18px;
}

.timeline .ad iframe .url-link{
color: #767676;
}

.timeline .ad iframe .title-link{
border: none;
color: #567dc4;
font-weight: bold;
text-decoration: none;
}

.timeline .ad iframe .url{
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.timeline .ad iframe .image img{
width: 60px;
height: 60px;
border: none;
}

.timeline .ad iframe .image{
clear: left;
float: left;
padding: 0 10px 0 0;
}



/*----------------------------------------
99.hac
----------------------------------------*/
.clr:after,.cFix:after,
.tl-summary:after,
.tl-content:after,
.tl-main dl:after,
.tl-main .tl-graphs:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}

/* IE7 */
*:first-child+html .clr,*:first-child+html .cFix{
display:inline-block;
zoom:1;
}