@charset "utf-8"; /*
16px基準文字サイズ対応表
10px  62.5%
11px  68.75%
12px  75%
13px  81.25%
14px  87.5%
15px  93.75%
16px  100%
17px  106.25%
18px  112.5%
19px  118.75%
20px  125%
21px  131.25%
22px  137.5%
23px  143.75%
24px  150%
25px  156.25%
26px  162.5%
*/


/* ----------------------------------------------------------------------- */
/* 共通 */
/* ----------------------------------------------------------------------- */
html {height:100%;}
body {
  width:100%;
  height:100%;
  font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",Arial,Verdana,Helvetica,sans-serif;
  font-size:16px;
  line-height:20px;
  color:#333333;
  word-break:break-all;
  word-wrap:break-word;
  background: #fff;
}
a {color: #231815;}

/*timelineGadgetBox*/
#timelineGadgetBox .loader {
  padding: 50px 0;
  text-align: center;
}
#timelineGadgetBox .loader img {vertical-align: bottom;}
#timelineGadgetBox .ttl {
  padding:10px;
  border-bottom:1px solid #D1D0CE;
  text-align: center;
  background:#f7f7f7;
}
#timelineGadgetBox .ttl table {
  width:100%;
}
#timelineGadgetBox .ttl table td,
#timelineGadgetBox .ttl table th {
  vertical-align: middle;
}
#timelineGadgetBox .ttl h1 {
  font-size:81.25%;
  line-height:1;
  font-weight: bold;
}
#timelineGadgetBox .ttl p {
  display:block;
  font-size:75%;
  text-align: center;
}
#timelineGadgetBox .ttl p a {
  display:block;
  text-decoration: none;
  color: #333333;
  background:#ffffff;
  border:1px solid #D1D0CE;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
#timelineGadgetBox .ttl p a:hover {
  background:#000000;
  color:#ffffff;
}
#timelineGadget li.list-title a{
  position: relative;
  display:block;
  padding: 8px 15px 8px 10px;
  border-bottom:1px solid #D1D0CE;
  text-decoration: none;
  font-size:75%;
  color:#fff;
  line-height: 1;
  background:#666;
}
#timelineGadget li.list-title a:after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  display: block;
  height: 9px;
  margin-top: -5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
  width: 9px;
}
#timelineGadget li.box {border-bottom:1px solid #D1D0CE;}
#timelineGadget li.box a.article-link {
  display: block;
  padding: 10px 10px 0;
  text-decoration: none;
}
#timelineGadget li.box a.article-link:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
html>/**/#timelineGadget li.box a.article-link:hover {
  filter/***/: alpha(opacity=100)\9;
  opacity/***/:1.0\9;
}
#timelineGadget li.box dl {overflow: hidden;}
#timelineGadget li.box dl.share-profile {padding: 10px 10px 0;}
#timelineGadget li.box dl dt img {
  width: 35px;
  height: 35px;
  float: left;
}
#timelineGadget li.box dl dd {padding: 0 0 0 10px;}
#timelineGadget li.box dl dd.name {
  overflow: hidden;
  font-size: 87.5%;
  line-height: 1.286;
  font-weight: bold;
  color: #f92b77;
  white-space: nowrap;
}
#timelineGadget li.box dl dd.time {
  overflow: hidden;
  font-size: 62.5%;
  color: #666666;
}
#timelineGadget li.box dl dd.time span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 0 0 10px;
  height: 15px;
  width: 65%;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
}
#timelineGadget li.box a.article-link p.text {
  padding: 10px 0 0;
  font-size: 75%;
  line-height: 1.333;
  color: #333333;
}
#timelineGadget li.box a.article-link p.image {padding: 10px 0 0;}
#timelineGadget li.box a.article-link p.image img {
  width: 100%;
  vertical-align: bottom;
}
#timelineGadget li.box .url-info {
  margin: 10px 10px 0;
  padding: 10px 10px;
  background: #F7F7F7;
  border:1px solid #D1D0CE;
}
#timelineGadget li.box .url-info h3 {
  font-weight: bold;
  font-size: 75%;
  line-height: 1.333;
}
#timelineGadget li.box .url-info p.url-img {padding: 11px 0 0 0;}
#timelineGadget li.box .url-info p.url-img img{
  width: 100%;
  vertical-align: bottom;
}
#timelineGadget li.box .url-info .url-text {
  padding: 11px 0 0 0;
  font-size: 75%;
  line-height: 1.333;
}
#timelineGadget li.box .url-info a {
  display: block;
  text-decoration: none;
  color: #333333;
}
#timelineGadget li.box .url-info a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
html>/**/#timelineGadget li.box .url-info a:hover {
  filter/***/: alpha(opacity=100)\9;
  opacity/***/:1.0\9;
}
#timelineGadget li.box .share {
  margin: 10px;
  background: #F7F7F7;
  border:1px solid #D1D0CE;
}
#timelineGadget li.box .share a.article-link p.image img { width: 100%;}
#timelineGadget li.box .share .url-info { background: #FFF;}
#timelineGadget li.box .share .url-info p.url-img img{ width: 100%;}
#timelineGadget li.box .share .delete-text {
  padding: 10px 0;
  text-align: center;
  font-size: 87.5%;
  line-height: 1.286;
}
#timelineGadget li.box .share dl dd.time span { width: 50%;}
#timelineGadget li.box .footer {
  margin: 25px 0 0 0;
  position: relative;
  height: 23px;
}
#timelineGadget li.box .footer ul { padding:0 0 0 12px;}
#timelineGadget li.box .footer ul li{
  float: left;
  font-size: 68.75%;
  line-height: 1.182;
  padding: 0 0 0 20px;
  color: #888888;
}
#timelineGadget li.box .footer ul li.like {
  margin: 0 15px 0 0 ;
  background:url(/gate/top_new/img/pc/like_icon.png) left center no-repeat;
}
#timelineGadget li.box .footer ul li.comment { background:url(/gate/top_new/img/pc/comment_icon.png) left center no-repeat;}
#timelineGadget li.box .footer p.game-tab {
  position: absolute;
  overflow: hidden;
  top:-17px;
  right:10px;
  background: #FFF;
  border: 1px solid #333333;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
#timelineGadget li.box .footer p.game-tab img { width: 30px; vertical-align: bottom;}
#timelineGadget li.box .footer p.game-tab img:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
html>/**/#timelineGadget li.box .footer p.game-tab img:hover {
  filter/***/: alpha(opacity=100)\9;
  opacity/***/:1.0\9;
}
#timelineGadget li.box .error {
  margin: 15px 0;
  padding: 175px 0 0 0;
  font-size: 87.5%;
  line-height: 1.286;
  text-align: center;
  background:url(/gate/top_new/img/pc/error_img.png) top center no-repeat;
}
#timelineGadget li.readmore-btn {text-align: center;}
#timelineGadget li.readmore-btn a {
  padding: 7px 0;
  display: block;
  font-size: 87.5%;
  text-decoration: none;
  color: #333333;
}
#timelineGadget li.readmore-btn a:hover{ background: #e1e1e1;}
#timelineGadget li.readmore-btn a em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 3px 0 0;
  vertical-align: bottom;
  width: 19px;
  height: 22px;
  background:url(/gate/top_new/img/pc/icon_read_more.png) left center no-repeat;
}
#timelineGadget li .error { padding: 20px 10px;}
#timelineGadget li .error h3 {
  margin: 0 0 15px;
  text-align: center;
  font-size: 87.5%;
  font-weight: bold;
}
#timelineGadget li .error h3 img {vertical-align: bottom;}
#timelineGadget li .error dl dt {
  font-size: 75%;
  line-height: 1.25;
  margin: 0 0 10px;
}
#timelineGadget li .error dl dd {text-align: center;}
#timelineGadget li .error dl dd a {
  display: inline-block;
  *display: inline;  
  *zoom: 1;
  width: 80px;
  font-size: 81.25%;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background:url(/gate/top_new/img/pc/btn_data_bg.png) repeat-x;
  border:1px solid #373535;
  color: #FFF;
}
#timelineGadget li .error dl dd a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
html>/**/#timelineGadget li .error dl dd a:hover {
  filter/***/: alpha(opacity=100)\9;
  opacity/***/:1.0\9;
}