@charset "utf-8";

/********************************************
  native広告対応
  yads_から開始：yahoo (YDNレスポンシブ広告)対応
  上記以外：Google Adsense対応
********************************************/

/********************************************
  レイアウト調整
********************************************/
.newsfeedList li.native{
  height: 76px;
  position: relative;
}

.newsfeedList li div.ads,.newsfeedList li div.yads_ad{
  display: table;
  height: 100%;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
}

.newsfeedList .ads .image,.newsfeedList .yads_ad .yads_ad_img{
  float: right;
  padding: 2px;
  border: 1px solid #bebebe;
  margin-right: 14px;
}

/*title,imageなど他クラスと競合する可能性があるので、クラス指定の優先度をあげる*/
.newsfeedList .ads .title,.newsfeedList .ads .body,
.newsfeedList .ads .url,.newsfeedList .yads_ad .yads_ad_title,
.newsfeedList .yads_ad .yads_ad_adv,.newsfeedList .yads_ad .yads_ad_info{
  float: left;
  padding: 0 15px 0 25px;
  width: calc(100% - 132px);
  width: -webkit-calc(100% - 132px);
  width: -moz-calc(100% - 132px);
}

.newsfeedList .yads_ad .yads_ad_adv,.newsfeedList .yads_ad .yads_ad_info{
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  color: #999999;
}

/*yahoo広告下線打ち消し*/
div[class^="yads_ad_"] a{
  text-decoration: none;
}

/*「広告」アイコンの表示*/
.newsfeedList .native .yads_ad:before{
  position: absolute;
  top: 12px;
  left: 5px;
  display: block;
  content: "広告";
  width: 20px;
  height: 10px;
  font-size: 10px;
  background-color: red;
  color: white;
}

/*「広告」アイコンの表示*/
.newsfeedList .ads .url-link,.newsfeedList .yads_ad .yads_ad_adv a,.newsfeedList .yads_ad .yads_ad_info a{
  color: #999999;
}

/*各広告タイトルを記事タイトルと揃える*/
.newsfeedList .ads .title,.newsfeedList .yads_ad .yads_ad_title{
  font-size: 18px;
  line-height: 140%;
  font-weight: bold;
  color: #003366;
}

/*画像サイズを統一*/
.newsfeedList .ads .image img{
  display: block;
  border: none;
  height: 71px;
  width: 71px;
}

.newsfeedList .yads_ad .yads_ad_img{
  display: block;
  height: 71px;
  width: 71px;
  background-size: 71px 71px;
  background-repeat: no-repeat;
  background-position: center center;
}