/* ---------------  iPhone / iPad / Android 統合ページ -------------------------- */

/* コンテンツ全体 */
.contents-root-02{position:relative;top:0;left:0;width:100%;margin:0 0 20px;background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);font-size:14px;line-height:1;}
.contents-root-02::before{
  content: ' ';
  display:block;
  margin:0 -1px;
  border-top:4px solid #0074cc;
}
.contents-root-02 .hover,
.contents-root-02 a{cursor:pointer;}
.contents-root-02 .hover{opacity:0.8;}
.contents-root-02 a{color:#4285f4;}

/* 見出し + デバイスタブ */
.contents-root-02-header{position:relative;top:0;left:0;right:0;bottom:0;z-index:1;padding:12px;background:#d8d8d8;}
.contents-root-02-title{font-size:18px;}
.contents-root-02-nav{position:absolute;right:0;bottom:0;margin:0;padding:0;list-style:none;overflow:hidden;font-size:12px;}
.contents-root-02-nav li{float:left;margin:0 8px 0 0;}
.contents-root-02-nav a{float:left;display:block;padding:8px;background:#f1f1f1;border-top:solid transparent}
.contents-root-02-nav a.current{background:#fff;cursor:default;border-top:solid;}
.contents-root-02-nav a:hover{background:#fff;text-decoration:none;}

/* もっと見る */
.contents-root-02-footer{height:56px;width:auto;margin:0;padding:0 10px;;background:#f1f1f1;text-align:right;}
.contents-root-02-footer-link{position:relative;top:10px;display:inline-block;height:34px;line-height:34px;padding:0 10px 0 20px;border:1px solid #ddd;background:#fff;border-radius:4px;background:linear-gradient(to bottom, #fff 0%, #fafafa 100%);0 1px 2px rgba(0, 0, 0, 0.25)}
.contents-root-02-footer-link:hover{background:linear-gradient(to bottom, #fafafa 0%, #fff 100%);text-decoration:none;}
.contents-root-02-footer-link::after {
    border-color: transparent transparent transparent #0074cc;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    content: " ";
    height: 0;
    left: 10px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0;
}
.contents-root-02-more-all-title{position:relative;top:9px;left:0;padding:0 3px 0 0;}

/* リスト（カラム） */
.contents-root-02 .list-column{margin:0;padding:16px 0 0 16px;list-style:none;overflow:hidden;text-align:center;}
.contents-root-02 .list-column li,
.contents-root-02 .list-column-unit{float:left;box-sizing:border-box;}
.contents-root-02 .list-column-4 li,
.contents-root-02 .list-column-4 .list-column-unit{width:25%;padding:0 16px 16px 0;}
.contents-root-02 .list-column-3 li,
.contents-root-02 .list-column-3 .list-column-unit{width:33.3%;padding:0 16px 16px 0;}
.contents-root-02 .list-column-4 li:nth-child(4n+1),
.contents-root-02 .list-column-4 .list-column-unit:nth-child(4n+1),
.contents-root-02 .list-column-3 li:nth-child(3n+1),
.contents-root-02 .list-column-3 .list-column-unit:nth-child(3n+1){clear:left;}
/*.contents-root-02 .list-column .list-column-img{display:block;width:95px;height:95px;margin:0 auto;background-position:center center;background-size:contain;}*/
/*
.contents-root-02 .list-column .list-column-img{
  display: block;
  width: 96px;
  height: auto;
}
*/
.contents-root-02 .list-column .list-column-img {
  display: block;
  width: auto;
  height: auto;
  max-height: 96px;
  max-width: 96px;
  margin: 0 auto;
}

/*ocontents-root-02 .list-column .list-column-img-area{width:96px;margin:0 auto;}*/
.contents-root-02 .list-column .list-column-img-area{width:96px;margin:0 auto;}
.contents-root-02 .list-column .list-column-img-outer{display:table-cell;width:96px;height:96px;vertical-align:middle;background:#eee;}

.contents-root-02 .list-column .list-column-unit-title{margin:0;padding:10px 0 5px;color:#4285f4;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.contents-root-02 .list-column .list-column-unit-description{position:relative;top:0;left:0;bottom:0;right:0;height:46px;overflow:hidden;margin:0;padding:0;font-size:12px;line-height:1.3;text-align:left;}
.contents-root-02 .list-column .list-column-unit-description::after{
  content:' ';
  position:absolute;
  right:0;
  bottom:0;
  width:2.8em;
  height:1.2em;
  background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
.contents-root-02 .list-column .list-column-unit-supplement{padding:5px 6px 0 1px;color:#999;overflow:hidden;font-size:11px;}
.contents-root-02 .list-column .list-column-unit-tweet{float:left;margin:0 5px 0 1px;}
.contents-root-02 .list-column .list-column-unit-tweet::after{
  content: '/';
  padding:0 0 0 5px;
  font-size:8px;
}
.contents-root-02 .list-column .list-column-unit-date{float:left;}

/* 新着アプリの画像を角丸 */
.contents-root-new-app .list-column-img{border-radius:30px;}

/* リスト（短冊） */
.contents-root-02 .list-row-ranking{display:table;width:100%;table-layout:fixed;}
.contents-root-02 .list-row-ranking li{display:table-row;}
.contents-root-02 .list-row-ranking .list-row-num,
.contents-root-02 .list-row-ranking .list-row-img,
.contents-root-02 .list-row-ranking .list-row-text{display:table-cell;vertical-align:middle;}
.contents-root-02 .list-row-ranking .list-row-num{width:30px;padding:10px 5px 10px 10px;text-align:center;font-size:16px;color:#999;}
/*.contents-root-02 .list-row-ranking .list-row-img,
.contents-root-02 .list-row-ranking .list-row-img-inner{width:80px;height:80px;}*/
/*.contents-root-02 .list-row-ranking .list-row-img{padding:10px 0;border-top:1px solid #eee;}*/
.contents-root-02 .list-row-ranking .list-row-img{display:table-cell;width:80px;height:80px;vertical-align:middle;padding:10px 0;border-top:1px solid #eee;}
/*.contents-root-02 .list-row-ranking .list-row-img-inner{display:block;background-position:center center;background-repeat:no-repeat;background-size:contain;}*/
.contents-root-02 .list-row-ranking .list-row-img-inner{display:block;width:auto;height:auto;max-width:80px;max-height:80px;margin:0 auto;}
.contents-root-02 .list-row-ranking .list-row-text{padding:10px;border-top:1px solid #eee;}
.contents-root-02 .list-row-ranking .list-row-unit:first-child .list-row-img,
.contents-root-02 .list-row-ranking .list-row-unit:first-child .list-row-text{border-top:none;}
.contents-root-02 .list-row .list-row-unit-title{margin:0;padding:0 0 5px;color:#4285f4;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.contents-root-02 .list-row .list-row-unit-description{position:relative;top:0;left:0;bottom:0;right:0;max-height:30px;overflow:hidden;margin:0;padding:0;font-size:12px;line-height:1.3;text-align:left;}
.contents-root-02 .list-row .list-row-unit-description::after{
  content:' ';
  position:absolute;
  right:0;
  bottom:0;
  width:2.8em;
  height:1.2em;
  background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
.contents-root-02 .list-row .list-row-unit-supplement{padding:0 6px 5px 1px;color:#999;overflow:hidden;font-size:11px;}
.contents-root-02 .list-supplement-data{margin:0 5px 0 1px;}
.contents-root-02 .list-supplement-data:last-child::after{display:none;}
.contents-root-02 .list-supplement-data::after{
  content: '/';
  padding:0 0 0 5px;
  font-size:8px;
}

/*.contents-root-02 .list-row .list-row-img-area{display:table-cell;width:80px;height:100px;vertical-align:middle;}*/
/*.contents-root-02 .list-row .list-row-img-area{display:table-cell;vertical-align:middle;}*/
.contents-root-02 .list-row .list-row-img-outer{display:table-cell;height:80px;width:80px;background:#eee;vertical-align:middle;}