@charset "UTF-8";
/* CSS Document */
html, body {
   height: 100%;
}
.ranking-index {
	font-size: 24px;
	line-height: 2.2;
	letter-spacing: 0.035rem;
}
.ranking-index .flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}
[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -2.2em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.7rem;
	letter-spacing: -0.05rem;
}
.ranking-index .mgauto {
	margin: auto;
}
.ranking-index .bg-kirakira {
	background: url(../ranking/img/dt/ranking-index/mv-kirakira.png) no-repeat center top;
}

/* mv */
.ranking-index .main {
	padding: 40px 0;
}
.ranking-index .main img {
	max-width: 854px;
	width: 100%;
}
.ranking-index .main .summary {
	margin: auto;
	width: 100%;
}
.ranking-index .main .bnr {
	margin: 50px 0;
}
.ranking-index .main .bnr img {
	margin: auto;
	max-width: 710px;
}

.ranking-index .main .bnr bnr-cf {
	max-width: 710px;
	width: 100%;
}

.ranking-index .main .topics {
	margin: 50px auto;
	max-width: 710px;
	font-size: 18px;
	line-height: 2.2;
	letter-spacing: 0.035rem;
}


/* tabloid */ 
.ranking-index .tabloid .tabloid-pdf .flex {
    margin: auto;
    width: 100%;
    justify-content: center;
}


/* ranking */
.ranking-index .ranking {
	border-top: 8px solid #e60012;
	text-align: center;
	padding: 130px 0;
	margin: auto;
	font-size: 20px;
}
.ranking-index .ranking .fukidashi {
	position: relative;
	top: -14px;
}
.ranking-index .ranking .name .box {
	margin: 2%;
	position: relative;
}
.ranking-index .ranking .name .box:last-child {
	margin-right: 0;
}
.ranking-index .ranking .name .box:first-child {
	margin-left: 0;
}
.ranking-index .ranking .block-data {
	text-align: justify;
	width: 100%;
	margin: 40px auto 0;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ranking-index .ranking .rnk1 .block-data {
	max-width: 900px;
	margin: 40px auto 130px;
}
.ranking-index .ranking .rnk4 .block-data,
.ranking-index .ranking .rnk5 .block-data,
.ranking-index .ranking .rnk6 .block-data,
.ranking-index .ranking .rnk7 .block-data,
.ranking-index .ranking .rnk8 .block-data,
.ranking-index .ranking .rnk9 .block-data,
.ranking-index .ranking .rnk10 .block-data {
	margin: 0;
	width: 53%;
}
.ranking-index .ranking .rnk1 .block-data .txt,
.ranking-index .ranking .rnk2 .block-data .txt,
.ranking-index .ranking .rnk3 .block-data .txt {
	margin: 30px 0;
}
.ranking-index .ranking .block-data .txt {
	margin: 0 0 30px;
}
.ranking-index .ranking .block-data .name {
	margin: 0 0 0 auto;
	width: 280px;
	justify-content: flex-end;
}
.ranking-index .ranking .block-data .grade {
	font-size: 0.9rem;
}
.ranking-index .ranking .block-data .sb {
	justify-content: space-between;
}
.ranking-index .ranking .block-data .bnr-no1-interview {
	position: relative;
	top: -50px;
}
.ranking-index .ranking hr.bdr {
	width: 28%;
	height: 2px;
	border-color: #e60012;
	background-color: #e60012;
	border-width: inherit;
	border: 0;
}
.ranking-index .ranking .block-data .btn-buy {
    margin: 0 0 0 auto;
    width: 282px;
}
.ranking-index .ranking .rnk2-3 {
	padding-top: 50px;
	margin: auto;
}
.ranking-index .ranking .rnk-inner {
	max-width: 1470px;
	margin: 80px auto 200px;
	width: 100%;
}
.ranking-index .ranking .rnk2 .rnk-inner {
	max-width: 900px;
	margin: 80px auto 180px;
	width: 100%;
}
.ranking-index .ranking .rnk3 .rnk-inner {
	max-width: 900px;
	margin: 80px auto 0;
	width: 100%;
}

.ranking-index .ranking .rnk6 .block-data,
.ranking-index .ranking .rnk7 .block-data,
.ranking-index .ranking .rnk7 .block-data,
.ranking-index .ranking .rnk8 .block-data,
.ranking-index .ranking .rnk9 .block-data,
.ranking-index .ranking .rnk10 .block-data{
	padding: 130px 0px;
}
.ranking-index .ranking .rnk4 .rnk-inner,
.ranking-index .ranking .rnk5 .rnk-inner,
.ranking-index .ranking .rnk6 .rnk-inner,
.ranking-index .ranking .rnk7 .rnk-inner,
.ranking-index .ranking .rnk8 .rnk-inner {
	margin: 130px auto 130px;
	width: 72%;
	max-width: 900px;
	justify-content: space-between;
	position: relative;
}
.ranking-index .ranking .rnk4 .rnk-inner {
	margin: 80px auto 300px;
	width: 72%;
	max-width: 900px;
	justify-content: space-between;
	position: relative;
}

.ranking-index .ranking .rnk9 .rnk-inner,
.ranking-index .ranking .rnk10 .rnk-inner {
	margin: 80px auto 0;
	width: 72%;
	max-width: 900px;
	justify-content: space-between;
	position: relative;
	padding-bottom: 100px;
}
.ranking-index .ranking .rnk4 h1,
.ranking-index .ranking .rnk5 h1,
.ranking-index .ranking .rnk6 h1,
.ranking-index .ranking .rnk7 h1,
.ranking-index .ranking .rnk8 h1,
.ranking-index .ranking .rnk9 h1,
.ranking-index .ranking .rnk10 h1 {
	margin-bottom: 30px;
}
.ranking-index .ranking .ttl-no1 {
	max-width: 671px;
	width: 100%;
}
.ranking-index .ranking .img-book-no1 {
	max-width: 635px;
	width: 100%;
}



/* rnk1-10 bg */
.ranking-index .ranking .rnk1 {
	background: url(../ranking/img/dt/ranking-index/no1-kirakira.png) no-repeat center top;
}
.ranking-index .ranking .rnk2 {
	background: url(../ranking/img/dt/ranking-index/no2-kirakira.png) no-repeat center top;
}
.ranking-index .ranking .rnk3 {
	background: url(../ranking/img/dt/ranking-index/no3-kirakira.png) no-repeat center top;
}
.ranking-index .ranking .rnk4 {
	background: url(../ranking/img/dt/ranking-index/no4-kirakira.png) no-repeat top;
	background-position-y: -114px;
/* 	background-size: 70%; */
}
.ranking-index .ranking .rnk5 {
	background: url(../ranking/img/dt/ranking-index/no5-kirakira.png) no-repeat center top;
	background-position-y: 100%;
	background-position-x: 40%;
}
.ranking-index .ranking .rnk6 {
	background: url(../ranking/img/dt/ranking-index/no6-kirakira.png) no-repeat center bottom;
}
.ranking-index .ranking .rnk7 {
	background: url(../ranking/img/dt/ranking-index/no7-kirakira.png) no-repeat center top;
	background-position-x: 70%;
}
.ranking-index .ranking .rnk8 {
	background: url(../ranking/img/dt/ranking-index/no8-kirakira.png) no-repeat center top;
}
.ranking-index .ranking .rnk9 {
    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
    background-position-x: 88%;
    background-position-y: 41%;
}
.ranking-index .ranking .rnk10 {
	background: url(../ranking/img/dt/ranking-index/no10-kirakira.png) no-repeat center top;
	background-position-x: 84%;
	background-position-y: 40%;
}

@media screen and (min-width:800px) and (max-width1042px) {
	.ranking-index .ranking .rnk5 {
		background: url(../ranking/img/dt/ranking-index/no5-kirakira.png) no-repeat center top;
		background-position-y: 100%;
		background-position-x: -100%;
	}
}
@media screen and (min-width:1024px) and (max-width1165px) {
	.ranking-index .ranking .rnk5 {
		background: url(../ranking/img/dt/ranking-index/no5-kirakira.png) no-repeat center top;
		background-position-y: 100%;
		background-position-x: 0 !important;
	}
}
@media screen and (min-width:770px) and (max-width1000px) {
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
	    background-position-x: 224px !important;
	    background-position-y: 65% !important;
	}
}

/* more-rnk */
.ranking-index .more-rnk h1 {
	background-color: #e60012;
	padding: 20px;
	margin: auto;
}
.ranking-index .more-rnk .cts {
	background-color: #fdfabe;
	text-align: center;
	padding: 50px 0 80px;
}
.ranking-index .more-rnk .cts .catch {
	margin-bottom: 20px;
}


/* supporter */
.ranking-index .support {
	padding: 150px 0;	
}
.ranking-index .support .block-bnr .flex {
	width: 72%;
	margin: auto;
	justify-content: center;
}
.ranking-index .support li {
    margin: 2%;
/*     width: 22%; */
}
.ranking-index .support .block-mebr .flex {
	font-size: 16px;
	text-align: center;
	width: 100%;
	justify-content: center;
}
.ranking-index .support .block-bnr .flex li img {
	width: auto;
	width: 100%;
}
.ranking-index .support .block-mebr .box {
	margin: 2%
}
.ranking-index .block-bnr {
    max-width: 980px;
    margin: 30px auto 0;
}


/* cf */
.ranking-index .cf {
	text-align: center;
	width: 90%;
	margin: 0px auto 100px;
}
.ranking-index .cf .w70 {
	width: 70%;
}
.ranking-index .cf .appear {
	font-size: 16px;
	margin: 10px 0 30px;
}
.ranking-index .cf .appear .list {
	margin: 40px 0 0 0;
}
.ranking-index .cf .appear .list dt {
	font-weight: bold;
}


@media screen and (min-width:600px) and (max-width:1240px) {
	.ranking-index .block-bnr-interview .box {
		width: 44%;
	}
	.ranking-index .block-bnr-interview .box .bnr-no1-interview {
		width: 100%;
	}
/*
	.ranking-index .ranking .block-data .btn-buy {
	    margin: 0 0 0 auto;
	    width: 30%;
	}
*/
	.ranking-index .ranking .block-data .sb {
	    flex-direction: row;
	}
}


@media screen and (min-width:600px) and (max-width:1160px) {
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
	    background-position-x: 174px;
	    background-position-y: 41%;
	}
}

@media screen and (min-width:1000px) and (max-width:1260px) {
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
	    background-position-x: 400px !important;
	    background-position-y: 41%;
	}
}

@media screen and (min-width:769px) and (max-width:1300px) {
	.ranking-index .ranking .rnk4 {
	    background: url(../ranking/img/dt/ranking-index/no4-kirakira.png) no-repeat bottom;
/* 	    background-size: 70%; */
	    background-position-x: 33%;
	    background-position-y: 33%;
	}
}


@media screen and (min-width:600px) and (max-width:900px) {
	.ranking-index .ranking .rnk9 .rnk-inner,
	.ranking-index .ranking .rnk10 .rnk-inner {
		margin: 80px auto 0;
		width: 86%;
		justify-content: space-between;
		position: relative;
	}
	.ranking-index .ranking .rnk5 .block-data,
	.ranking-index .ranking .rnk6 .block-data,
	.ranking-index .ranking .rnk7 .block-data {
	    margin: 0;
	    width: 48%;
	}
}


@media screen and (min-width:600px) and (max-width:640px) {
	.ranking-index .ranking .rnk2-3 {
		padding-top: 50px;
		margin: auto;
		width: 90%;
		justify-content: space-between;
	}
	.ranking-index .ranking .block-data {
		text-align: justify;
		width: 90%;
		margin: 40px auto 0;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.ranking-index .ranking .rnk4 .rnk-inner,
	.ranking-index .ranking .rnk5 .rnk-inner,
	.ranking-index .ranking .rnk6 .rnk-inner,
	.ranking-index .ranking .rnk7 .rnk-inner,
	.ranking-index .ranking .rnk8 .rnk-inner {
		margin: 80px auto 130px;
		width: 90%;
		justify-content: space-between;
		position: relative;
	}
	.tabloid .tabloid-pdf .flex {
	    margin: auto;
	    width: 100%;
	    justify-content: center;
	}
	.ranking-index .ranking .rnk-inner {
	    margin: 80px auto 100px;
	}
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
	    background-position-x: none;
	    background-position-y: none;
	}
	.ranking-index .ranking .rnk10 {
	    background: url(../ranking/img/dt/ranking-index/no10-kirakira.png) no-repeat center bottom;
	    background-position-x: 206px;
	    background-position-y: none;
	    background-size: contain;
	    background-position-y: 200px;
	}
	.ranking-index .ranking .rnk6 .block-data,
	.ranking-index .ranking .rnk7 .block-data,
	.ranking-index .ranking .rnk7 .block-data,
	.ranking-index .ranking .rnk8 .block-data,
	.ranking-index .ranking .rnk9 .block-data, 
	.ranking-index .ranking .rnk10 .block-data {
		padding: 0;
	}
	.ranking-index .ranking .rnk7 {
	    background: url(../ranking/img/dt/ranking-index/no7-kirakira.png) no-repeat center bottom;
	}
	.ranking-index .ranking .rnk9 .rnk-inner, .ranking-index .ranking .rnk10 .rnk-inner {
	    margin: 80px auto 100px;
	}
}

@media screen and (min-width:640px) and (max-width:1024px) {
	.ranking-index .ranking .rnk5 .rnk-inner,
	.ranking-index .ranking .rnk6 .rnk-inner,
	.ranking-index .ranking .rnk7 .rnk-inner,
	.ranking-index .ranking .rnk8 .rnk-inner {
		margin: 80px auto 130px;
		width: 90%;
		justify-content: space-between;
		position: relative;
	}
	.ranking-index .ranking .rnk4 .rnk-inner {
		margin: 80px auto 300px;
		width: 90%;
		justify-content: space-between;
		position: relative;
	}
	.ranking-index .ranking .rnk9 .rnk-inner {
		margin: 80px auto;
		width: 90%;
		justify-content: space-between;
		position: relative;
	}
	.ranking-index .ranking .rnk10 .rnk-inner {
		margin: 80px auto 0;
		width: 90%;
		justify-content: space-between;
		position: relative;
	}
	.ranking-index .ranking .block-data {
	    text-align: justify;
	    width: 90%;
	    margin: 40px auto 0;
	    position: relative;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.ranking-index .ranking .rnk2-3 {
	    padding-top: 50px;
	    margin: auto;
	    width: 90%;
	    justify-content: space-between;
	}
	.ranking-index .ranking .rnk4 .block-data,
	.ranking-index .ranking .rnk5 .block-data,
	.ranking-index .ranking .rnk6 .block-data,
	.ranking-index .ranking .rnk7 .block-data,
	.ranking-index .ranking .rnk8 .block-data,
	.ranking-index .ranking .rnk9 .block-data,
	.ranking-index .ranking .rnk10 .block-data {
		margin: 0;
		width: 48%;
	}
	.ranking-index .support .block-bnr .flex {
	    width: 90%;
	    margin: auto;
	}
	.ranking-index .support li {
	    margin: 4% 2%;
	    width: 29%;
	}
	.ranking-index .support li img {
	    width: 100%;
	}
	.ranking-index .support .block-mebr .box {
	    margin: 0;
	}
	.ranking-index .ranking .block-data {
		text-align: justify;
		width: 90%;
		margin: 40px auto 0;
		position: relative;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.ranking-index .ranking .rnk10 {
	    background: url(../ranking/img/dt/ranking-index/no10-kirakira.png) no-repeat bottom;
	    background-position-x: 206px;
	    background-position-y: none;
	    background-size: 90%;
	    background-position-y: 327px;
	}

}

@media screen and (min-width:654px) and (max-width:820px) {
	.ranking-index .ranking .rnk10 {
	    background: url(../ranking/img/dt/ranking-index/no10-kirakira.png) no-repeat bottom;
	    background-position-x: 206px;
	    background-position-y: none;
	    background-size: 90%;
	    background-position-y: 200px;
	}
}
@media screen and (min-width:821px) and (max-width:1024px) {
	.ranking-index .ranking .rnk10 {
	    background: url(../ranking/img/dt/ranking-index/no10-kirakira.png) no-repeat bottom;
	    background-position-x: 260px;
	    background-position-y: none;
	    background-size: 90%;
	    background-position-y: 50px;
	}
}
@media screen and (min-width:1030px) and (max-width:1220px) {
	.ranking-index .ranking .rnk10 {
	    background: url(../ranking/img/dt/ranking-index/no10-kirakira.png) no-repeat bottom;
	    background-position-x: 136%;
	    background-position-y: none;
	    background-size: 77%;
	    background-position-y: 50px;
	}
}

@media screen and (min-width:778px) and (max-width:1000px) {
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
	    background-position-x: 270px;
	    background-position-y: 66%;
	}
}

@media screen and (min-width:1000px) and (max-width:1200px) {
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center bottom;
	    background-position-x: 270px;
	    background-position-y: 48%;
	}
}

@media screen and (min-width:600px) and (max-width:768px) {
	.ranking-index .ranking .rnk2 {
		background: url(../ranking/img/dt/ranking-index/no2-kirakira.png) no-repeat center center;
		background-size: contain;
	}
	.ranking-index .ranking .rnk3 {
		background: url(../ranking/img/dt/ranking-index/no3-kirakira.png) no-repeat center center;
		background-size: contain;
	}
	.ranking-index .ranking .rnk4 {
		background: url(../ranking/img/dt/ranking-index/no4-kirakira.png) no-repeat center ;
		background-size: contain;
	}
	.ranking-index .ranking .rnk5 {
		background: url(../ranking/img/dt/ranking-index/no5-kirakira.png) no-repeat center bottom;
		background-size: contain;
	}
	.ranking-index .ranking .rnk6 {
		background: url(../ranking/img/dt/ranking-index/no6-kirakira.png) no-repeat center bottom;
		background-size: contain;
	}
	.ranking-index .ranking .rnk7 {
		background: url(../ranking/img/dt/ranking-index/no7-kirakira.png) no-repeat right bottom;
		background-size: 76%;
	}
	.ranking-index .ranking .rnk8 {
		background: url(../ranking/img/dt/ranking-index/no8-kirakira.png) no-repeat center;
		background-size: 100%;
	}
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center;
	    background-size: contain;
	    background-size: 84%;
	}
	.ranking-index .ranking .rnk9 {
	    background: url(../ranking/img/dt/ranking-index/no9-kirakira.png) no-repeat center;
	    background-size: contain;
	    background-size: 84%;
	    background-position-x: 228px;
	    background-position-y: 271px;
	}
}




@media screen and (min-width:600px) {
	.ranking-index .ranking .rnk3 .rnk-inner {
	    max-width: 900px;
	    margin: 80px auto 130px;
	    width: 100%;
	}
}


@media screen and (max-width: 599px) {
	[data-ruby]::before {
		content: attr(data-ruby);
		position: absolute;
		top: -2.6em;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 0.6rem;
		letter-spacing: 0;
	}

	.ranking-index {
		font-size: 20px;
		line-height: 2.2;
		letter-spacing: 0.035rem;
	}
	.ranking-index .main {
	    background-image: none;
	    margin: 0 auto;
	    padding: 10% 20px;
	}
	.ranking-index .main .bnr {
		margin: 50px 0;
	}
	.ranking-index .main .bnr img {
		margin: auto;
		width: 100%;
	}
	.ranking-index .main .summary {
		margin: auto;
		width: 100%;
	}
	
	
	/* ranking */
	.ranking-index .ranking {
		border-top: 8px solid #e60012;
		text-align: center;
		padding: 0 0 50px;
		margin-top: 200px;
	}
	.ranking-index .ranking img {
		width: 100%;
	}
	.ranking-index .ranking .block-data {
	    text-align: justify;
	    margin: 40px auto 0;
	    padding: 0 20px;
	    width: auto;
	}
	.ranking-index .ranking .rnk4 .block-data,
	.ranking-index .ranking .rnk5 .block-data,
	.ranking-index .ranking .rnk6 .block-data,
	.ranking-index .ranking .rnk7 .block-data,
	.ranking-index .ranking .rnk8 .block-data,
	.ranking-index .ranking .rnk9 .block-data, 
	.ranking-index .ranking .rnk10 .block-data{
	    padding: 20px 20px 0;
	    width: 100%;
	}
	.ranking-index .ranking .rnk1 .block-data {
	    margin: 40px auto;
	}
	.ranking-index .ranking .rnk4 .rnk-inner,
	.ranking-index .ranking .rnk5 .rnk-inner,
	.ranking-index .ranking .rnk6 .rnk-inner,
	.ranking-index .ranking .rnk7 .rnk-inner,
	.ranking-index .ranking .rnk8 .rnk-inner,
	.ranking-index .ranking .rnk9 .rnk-inner,
	.ranking-index .ranking .rnk10 .rnk-inner {
		margin: 60px auto 40px;
		width: 100%;
		justify-content: space-between;
	}
	.ranking-index .ranking .block-data .name {
		/* font-size: 1rem;*/
		margin: 0 0 0 auto;
		width: 65%;
	}
	.ranking-index .ranking .block-data .grade {
		font-size: 0.8rem;
	}
	.ranking-index .ranking .block-data .sb {
		flex-direction: column-reverse;
	}
	.ranking-index .ranking .block-data .btn-buy {
	    margin: 0 0 0 auto;
	    width: 65%;
	}
	.ranking-index .ranking .fukidashi {
		position: relative;
		top: -12px;
		width: 46px;
	}
	.ranking-index .ranking .rnk2-3,
	.ranking-index .ranking .rnk4-10 {
	    padding: 0 20px;
	    margin: auto;
	    width: auto;
	}
	.ranking-index .ranking .rnk-inner {
		margin: 50px 0 0;
	}
	.ranking-index .ranking hr.bdr {
		width: 58%;
	}
	.ranking-index .ranking .rnk3 hr.bdr {
		width: 58%;
		margin-top: 44px;
	}
	.ranking-index .ranking .rnk1 .block-data .txt {
		margin-bottom: 20px;
	}
	.ranking-index .ranking .block-data .txt {
    	margin: 0 0 30px;
	}
	.ranking-index .ranking .rnk4 h1,
	.ranking-index .ranking .rnk5 h1,
	.ranking-index .ranking .rnk6 h1,
	.ranking-index .ranking .rnk7 h1,
	.ranking-index .ranking .rnk8 h1,
	.ranking-index .ranking .rnk9 h1,
	.ranking-index .ranking .rnk10 h1 {
		margin-bottom: 0;
	}
	
	
	/* rnk1-10 bg */
	.ranking-index .ranking .rnk2 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no2-kirakira.png) no-repeat left top;
	    background-size: 90%;
	    height: 215px;
	}
	.ranking-index .ranking .rnk3 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no3-kirakira.png) no-repeat left bottom;
	    background-size: 80%;
	    height: 190px;
	}
	.ranking-index .ranking .rnk4 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no4-kirakira.png) no-repeat left top;
	    background-size: 34%;
	    height: 220px;
	}
	.ranking-index .ranking .rnk5 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no5-kirakira.png) no-repeat left top;
	    background-size: 74%;
	    height: 234px;
	}
	.ranking-index .ranking .rnk6 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no6-kirakira.png) no-repeat left top;
	    background-size: 25%;
	    height: 230px;
	}
	.ranking-index .ranking .rnk7 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no7-kirakira.png) no-repeat left top;
	    background-size: 87%;
	    height: 240px;
	}
	.ranking-index .ranking .rnk8 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no8-kirakira.png) no-repeat left top;
	    background-size: 75%;
	    height: 210px;
	}
	.ranking-index .ranking .rnk9 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no9-kirakira.png) no-repeat left top;
	    background-size: 31%;
	    height: 220px;
	}
	.ranking-index .ranking .rnk10 .block-buy {
	    background: url(../ranking/img/sp/ranking-index/no10-kirakira.png) no-repeat left top;
	    background-size: 25%;
	    height: 260px;
	}
	
	
	
	/* rnk */
	.ranking-index .ranking .block-data .bnr-no1-interview {
		position: relative;
		top: 0;
	}
	.ranking-index .ranking .rnk1,
	.ranking-index .ranking .rnk2,
	.ranking-index .ranking .rnk3,
	.ranking-index .ranking .rnk4,
	.ranking-index .ranking .rnk5,
	.ranking-index .ranking .rnk6,
	.ranking-index .ranking .rnk7,
	.ranking-index .ranking .rnk8,
	.ranking-index .ranking .rnk9,
	.ranking-index .ranking .rnk10 {
		background: none;
	}
	
	
	
	/* more-rnk */
	.ranking-index .more-rnk .ttl-top10-rank {
		width: 100%; 
	}
	.ranking-index .more-rnk .bnr-nandemo-rank {
		width: 90%;
	}
	
	
	/* support */
	.ranking-index .support {
		padding: 0 0 80px;
		width: 90%;
		margin: auto;
	}
	.ranking-index .support h1 {
		margin-bottom: 20px;
	}
	.ranking-index .support .ttl-supporter {
		width: 100%;
	}
	.ranking-index .support .block-bnr .flex {
	    width: 100%;
	    margin: auto;
	    justify-content: space-between;
	}
	.ranking-index .support li {
	    margin: 2% 0;
	}
	.ranking-index .support .block-bnr .flex li {
		width: 48%;
	}
	.ranking-index .support .block-bnr .flex li img {
		width: 100%;
	}
	.ranking-index .support .block-mebr {
		margin: 40px 0 0;
	}
	.ranking-index .support .block-mebr .box {
		margin: 0;
		line-height: 2.4rem;
	}
}


@media screen and (min-width:375px) and (max-width:560px) {
	.ranking-index .ranking .block-data .name {
	    width: 70%;
	}
	.ranking-index .ranking .block-data .btn-buy {
	    width: 70%;
	}
	.ranking-index .ranking .block-data .btn-buy .buy-btn-ad {
	    max-width: 234px;
	    height: 60px;
	}
	.ranking-index .ranking .rnk2 .block-buy {
	    height: 150px;
	}
	.ranking-index .ranking .rnk2 .rnk-inner {
	    margin: 60px auto 0;
	}
	.ranking-index .ranking .rnk3 .block-buy {
	    height: 160px;
	}
	.ranking-index .ranking .rnk3 .rnk-inner {
	    margin: 40px auto 0;
	}
	.ranking-index .ranking .rnk4 .block-buy {
	    height: 120px;
	}
	.ranking-index .ranking .rnk5 .block-buy {
	    height: 140px;
	}
	.ranking-index .ranking .rnk5 .rnk-inner {
	    margin: 40px auto;
	}
	.ranking-index .ranking .rnk6 .block-buy {
	    height: 140px;
	}
	.ranking-index .ranking .rnk5 .rnk-inner {
	    margin: 40px auto 0;
	}
	.ranking-index .ranking .rnk7 .block-buy {
	    height: 160px;
	}
	.ranking-index .ranking .rnk5 .rnk-inner {
	    margin: 60px auto 40px;
	}
	.ranking-index .ranking .rnk8 .block-buy {
	    height: 140px;
	}
	.ranking-index .ranking .rnk9 .block-buy {
	    height: 140px;
	}
	.ranking-index .ranking .rnk10 .block-buy {
	    height: 170px;
	}
}

@media screen and (min-width:376px) and (max-width:570px) {
	.ranking-index .ranking .rnk10 .block-buy {
	    height: 260px;
	}
}