/* 上部margin消去 */
.content{
	margin:1px;
}
/* 抜粋記事 */
.random-articles-suggestion{
        font-size:28px;
        color: #696969;
        font-weight:bold;
}

.addborder{
        border:ridge 5px #c0c0c0;
}
a.arpw-title{
        color:black;
        font-weight:bold;
            font-size:120%;
}
.arpw-li{ 
        color:white;
        border-bottom:1px solid #EEEEEE;
}
.arpw-title{
        font-size:20px;
}
.arpw-title:before{
        content:'\A';
        white-space:pre;
}
.content .alignleft{
      float:none;
}
.arpw-thumbnail{
        width:320px;
        height:180px;
}
.arpw-time{
        font-size:13px;
}
/*コンテンツ隠し*/
.grad-item{
  position: relative;
  overflow: hidden;
  height: 580px; 
}
.grad-item2{
  position: relative;
  overflow: hidden;
  height: 730px; 
}
/* 続きを見るボタン */
#see-next{
  text-align:center;
  font-weight:bold;
  color:#4689FF;
  position:absolute;
  background: rgba(164,198,255,0.7) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
  padding:30px 0;
  bottom:770px;
  width:100%;
  cursor:pointer;
  z-index:999
}
#see-next:hover {
  background: #4689FF;
  color: white;
}
/* ランキングカウンター実装 */
ul.wpp-list li:before{
content:counter(wpp-count);/* カウンターを表示 */
display:block;/* 縦に並べる指定 */
position:absolute;/* 左上に固定 */
color:#fff;/* 数字の色 */
text-shadow:0 1px 2px rgba(0,0,0,0.2);/* 数字に影をつける */
font-size:13px;/* 数字サイズ */
font-weight:bold;/* 数字を太字 */
background:#555;/* 背景色 */
padding:3px 8px;/* 丸枠内の余白 */
border-radius:50%;/* 背景の丸み */
z-index:1;/* 重なりの指定 */
}
/* カウント数を実装 */
ul.wpp-list li {
        font-weight:bold;
  counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
background: #fdd35c;
}
ul.wpp-list li:nth-child(2):before{
background: #a0a0a0;
}
ul.wpp-list li:nth-child(3):before{
background: #bf783e;
}
ul.wpp-list li:nth-child(10):before{
padding:3px 10px;
}


.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}