@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1000px) {
#MainPhoto {
	margin-top: 130px;
}
}
	
@media only screen and (max-width: 768px) {
	
.SP_none {
	display: none;
}

.MgnTop5 {
	margin-top: 10% !important;
}
	
.MgnTop3 {
	margin-top: 5% !important;
}
	
.MgnTop8 {
	margin-top: 15% !important;
}

.gotop {
	right:10px;
	bottom:10px;
}

.gotop a {
	width:45px;
	height:45px;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px !important;
	color:#000;
	line-height:1.8 !important;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
	letter-spacing: .1em;
}
	
#MainPhoto {
	margin-top: 100px;
}
	
.RankingList {
	display: block;
	margin-top: 50px;
}
	
.RankingList span {
	text-align: center;
	display: block;
}
	
.no1 {
	width: 100%;
	margin-right: 0;
}
	
.no2over {
	width: 100%;
	margin-top: 30px;
}
	
.TopArticleList {
	display: block;
}

.TopArticleList article {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #bababa;
}
	
footer {
	background: #1d1d1d;
	color: #FFF;
	padding-top: 50px !important;
	margin-top: 0 !important;
}
	
.FotterInner {
	display: block;

}
	
.F_Logo {
	width:150px;
	margin: 0 auto;
}
.X {
	margin: 15px auto;
	width:20px;
}
	
.F_nav {
	justify-content: space-around;
}
	
.F_nav ul {
	margin-left: 0;
}

.Copy {
	margin-top: 30px;
	padding: 10px;
	font-size: 10px;
}
	
.PickUPList {
	display: block;
	margin-top: 0;
}

.PickUPList li {
	margin-top: 30px;
	width: 100%;
}

}/* デバイスの横幅が768px以下の場合 */