@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++++++++++++
TITLE   : nikkansports.com SmartPhone用 Stylesheet
DATE    : 2019/01/07
URL     : http://nikkansports.com/m/mod/css/mobile-style_petitRenewal-home.css
++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++
++  LOGIN INFO
++++++++++++++++++++++++++++++++++++++++++++++++++ */
#LoginInfo{
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 10px;
	max-width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#LoginInfo span{
	font-size:12px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++
++  SNS AREA NAVI
++++++++++++++++++++++++++++++++++++++++++++++++++ */
#snsAreaNavi{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	height: 80px;
}
#snsAreaNavi h4{
	color: #333;
	font-size: 90%;
	margin: 0 10px 10px;
	font-weight: 700;
}
.snsNavi ol{
	width: 100%;
	height: 100%;
}
.snsNavi li{
	float: left;
	width: 25%;
	box-sizing: border-box;
}
.snsNavi li a{
	display: block;
	margin: 0 auto;
	height: auto;
	width: 50px;
	height: 50px;
	text-align: center;
}
.snsNavi li a img{
	width: 50px;
	height: 50px;
}
#snsAreaNavi:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.01em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++
++  CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++  newslist  ++++++++++ */
.newslist01 li,.newslist02 li,.newslist03 li{
	height: 55px;
}
.newslist01 li a,.newslist02 li a,.newslist03 li a{
	display: block;
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	line-height: 1.6em;
	white-space: normal;
}
.newslist01 li a time,
.newslist02 li a time,
.newslist03 li a time{
	display: block;
}
.newslist01 li a em{
	bottom: 8px;
}
 .PickUpNews li{
	height: auto;
}
.PickUpNews li a{
	padding: 5px 20px 5px 10px;
	height: auto;
	font-size: 14px;
}
#inmobi_ad_undefined{
	margin-bottom:10px;
}
/* ++  RankNewsList  ++++++++++ */
#RankNewsList .newslist02 li{
	height: auto;
}
#RankNewsList .newslist02 li a{
	height: auto;
	font-size: 16px;
	font-weight: 700;
}
#RankNewsList h3.newsListHead{
	background: #0075c2;
	font-weight: 700;
	font-size: 80%;
}
/* ++  FeatureContentsNavi  ++++++++++ */
.featureBox li{
	float: left;
	font-size: 10px;
	height: auto;
	width: 50%;
	font-size: 90%;
	padding-bottom:7px;
	line-height:1.3em;
}
.featureBox li a{
	display: inline-block;
	height: auto;
	margin: 0;
	width: auto;
}
.featureBox li a:link,
.featureBox li a:visited,
.featureBox li a:hover,
.featureBox li a:active{
	color:#333;
	text-decoration:underline;
}
/* ++  topScoreList  ++++++++++ */
#topScoreList{
	text-align:center;
	padding: 0 8px;
	margin:10px 0;
}
#topScoreList ul li{
	display: inline-block;
	font-size:16px;
	letter-spacing: -0.07em;
	line-height: 1.8;
	margin-right: 10px;
}
#topScoreList ul li:last-child{
	margin-right: 0;
}
#topScoreList ul li a{
	text-decoration:underline;
	color:#333;
}
/* ++  pickupnewsWrap  ++++++++++ */
.pickupnewsWrap{
	background:#0075c2;
	margin:10px;
	overflow: hidden;
}
.pickupnewsWrap h3{
	text-align:center;
	color:#FFF;
	font-weight:700;
	font-size:85%;
	padding:10px 0 8px;
}
.pickupnewsWrap ul{
	background:#FFF;
	margin:0 3px 3px;
}
.pickupnewsWrap ul li:last-child{
	border-bottom:none;
}
.pickupnewsWrap li a:before{
	display:inline-block;
	content:".";
	text-indent:-9999px;
	height:16px;
	position:relative;
	top:2px;
}
/* ++  wordList  ++++++++++ */
#wordList{
	margin:10px;
	padding:10px;
	border:1px solid #CCC;
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	-o-border-radius:0.4em;
	border-radius:0.4em;
}
#wordList h3{
	width:auto;
	font-size:80%;
	margin-bottom:0.8em;
	font-weight:700;
}
#wordList h3 a{
	text-decoration:underline;
	font-weight:normal;
	color:#333;
}
#wordList ul{
	width:auto;
}
#wordList ul li{
	float:left;
	font-size:90%;
	padding:0 5px;
	border-right:1px solid #999;
	letter-spacing:-0.05em;
}
#wordList ul li:first-child{padding-left:0;}
#wordList ul li:last-child{padding-right:0; border-right:none;}
#wordList ul li a{
	text-decoration:underline;
	color:#a70000;
}
#wordList2{
	margin:10px 10px 0;
}
#wordList2 h3{
	float:left;
	width:40px;
}
#wordList2 ul li{
	width:25%;
	float:left;
	font-size:13px;
	text-align:center;
	letter-spacing:-0.15em;
	margin-right:0.3%;
}
#wordList2 ul li a{
	background:#fcf3f3;
	border:3px solid #ef9090;
	-webkit-border-radius: 20px;
	-moz-border-radius:  20px;
	border-radius: 20px;
	display:block;
	height:19px;
	padding:6px 3px 0 6px;
	color:#b11815;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#wordList2 p a{
	padding:8px 0 0 0;
	color:#b11815;
	text-decoration:underline;
	font-size:13px;
	display:inline-block;
	float:right;
}
/* ++  centerFeatureWrap  ++++++++++ */
#centerFeatureWrap{
	padding: 10px 0 0;
}
.thumbWrap div,
.thumbWrap dl{
	float: left;
	text-align: center;
	width: 19.98%;
}
#centerFeatureWrap .thumbWrap p,
#centerFeatureWrap .thumbWrap dt{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DADADA;
	display: block;
	height: auto !important;
	margin: 0 auto;
	text-align: left;
	width: 50px;
}
#centerFeatureWrap .thumbWrap p a,
#centerFeatureWrap .thumbWrap dt a{
	border: 1px solid #FFFFFF;
	display: block;
	height: auto !important;
	max-height: 50px;
	overflow: hidden;
}
#centerFeatureWrap .thumbWrap p a img,
#centerFeatureWrap .thumbWrap dt a img{
	width:50px;
}
#centerFeatureWrap .thumbWrap dd{
	display:none;
}
/* ---------SemiTopADtext------------*/
.adtextlist .newslist03 .subtext,
#SemiTopADtext .newslist03 .subtext,
#MiddleAD .newslist03 .subtext{
	position: absolute;
	right: 45px;
	bottom: 5px;
	color: #666;
	font-size: 12px;
}
.adtextlist .newslist03 time,
#SemiTopADtext .newslist03 time,
#MiddleAD .newslist03 time{
	display: none;
}
#MiddleAD .adtextlist{
	margin: 0;
}
#SemiTopADtext .newslist03 li a,
#SemiTopAD .newslist03 li a,
#MiddleAD .newslist03 li a{
	white-space: initial;
	text-overflow: initial;
	text-align: left;
}
#SemiTopAD .newslist03{
	margin-bottom: 10px;
}
#MiddleAD .newslist03{
	margin-bottom: 10px;
}
body#Ranking #SemiTopAD .newslist03{
	margin-bottom: 0;
}
body#Ranking #SemiTopAD .newslist03 li:first-child{border-top: 0;}
body#Ranking #SemiTopAD .newslist03 li:last-child{border-bottom: 0;}
/* GIF TEXT 201509追加 */
#MiddleAD #gifText.newslist03{width: 100%;}
#MiddleAD #gifText.newslist03 li{
	background: none;
	height: 65px;
}
#MiddleAD #gifText.newslist03 li a{
	padding: 0;
	height: 65px;
	white-space: inherit;
	text-align: left;
}
#MiddleAD #gifText.newslist03 li a img{
	float: right;
	display: block;
	width: 105px;
	margin-top: 2px;
	margin-left: 5px;
}
#MiddleAD #gifText.newslist03 li a h4{
	font-size: 14px;
	line-height: 1.4em;
	padding: 5px 5px 0;
}
#MiddleAD #gifText.newslist03 .subtext,
#MiddleAD #gifText2.newslist03 .subtext{
	display: none;
}
#MiddleAD div{margin: 0;}
#gifText.newslist03 li:first-child{border-top: 1px solid #D5D5D5;}
/* 100x100 バージョン用 */
#MiddleAD #gifText2.newslist03{
	width: 100%;
	margin-bottom: 0;
	border: none;
}
#MiddleAD #gifText2.newslist03 li{
	float: left;
	width: 33.333%;
	height: auto;
	background: none;
	border-bottom: none;
}
#MiddleAD #gifText2.newslist03 li a{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 3px;
	margin: 0 auto 5px;
}
#MiddleAD #gifText2.newslist03 li a img{
	width: 100px;
	height: 100px;
}
#MiddleAD #gifText2.newslist03 h4{
	text-align: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++
++  CREAR FIX
++++++++++++++++++++++++++++++++++++++++++++++++++ */
.thumbWrap::after,
#wordList::after,
#wordList2::after,
#recoNavi ul::after,
#topScoreList ul::after,
#gifText li a::after,
#RankNewsList .newslist02 li a::after,
.clearfix::after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.01em;
}