@charset "utf-8";
/* CSS Document */
#rankSystem {
	background-color: #fff;
}
#rankSystem .imageTop {
	margin-bottom: 20px;
}
#rankSystem .bigImages {
	margin-bottom: 20px;
}
#rankSystem section .rankDetails {
	margin: auto;
	margin-bottom: 10px;
	width: 700px;
}
#rankSystem section .rankDetails > .heading {
	float: left;
}
#rankSystem section .schedule {
	margin-top: 16px;
	float: right;
}
#rankSystem section .schedule p {
	font-size: 15px;
	letter-spacing: 0.6px;
	color: #000000;
	text-decoration: underline;
}
#rankSystem section .schedule a {
	text-decoration: none;
}
#rankSystem section .schedule a:hover {
	text-decoration: underline;
}
#rankSystem section li {
	float: left;
}
#rankSystem section .navBar {
	margin: 12px 0 0 30px;
}
#rankSystem section .navBar li {
	margin-right: 7px;
}
#rankSystem section .navBar li:hover {
	opacity: 0.7 ;
}
#rankSystem section .linkBanner {
	margin-left: 30px;
	margin-bottom: 10px;
}
#rankSystem section .linkBanner:hover {
	opacity: 0.7 ;
}
#rankSystem section .goldBanner {
	margin-left: 30px;
	margin-bottom: 30px;
}
#rankSystem section #goldRank {
	margin-bottom: 10px;
}
#rankSystem section .notes {
	padding-bottom: 30px;
}
#middleBox {
    margin-bottom: initial;
}

.clubCinderellaSystemBanner {
    margin-left: 30px;
    margin-bottom: 10px;
}

.imageRankTop {
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}

#middleBox .imageRankTop p {
	width: 100%;
	position: absolute;
	top: 85%;
	left: 1%;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.5px;
}

#middleBox .headingWrap {
	margin-bottom: 12px;
}

#count .headingWrap {
	margin-bottom: 8px;
}

.imageRankTop p span {
	color: #e40057;
}

.rankTable {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 16px;
}

.ranking table {
	width: 708px;
	margin: 0 auto;
	border-collapse: separate;
	box-sizing: border-box;
	border-spacing: 5px 0;
	position: relative;
	top: 5px;
	
}

.ranking2 table {
	width: 708px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 5px;
}

.ranking th {
	height: 155px;
	vertical-align: middle;
}

.inner {
	font-size: 16px;
	font-weight: 900;
	text-align: center;
}

.inner img {
	margin: 0 15px 8px;
}

.bronze .inner {
	color: #5b3a2b;
}

.silver .inner {
	color: #3f3f3f;
}

.gold .inner {
	color: #846b00;
}

.platinum .inner {
	color: #34619d;
}

.ranking th.bronze {
	width: 132px;
	border: 2px solid #916d5d;
	box-sizing: border-box;
}

.ranking2 th.bronzeBlank {
	width: 132px;
	background-color: #916d5d;
	color: #ffffff;
	font-size: 28px;
}

.ranking th.silver {
	width: 132px;
	border: 2px solid #8e8e8e;
	box-sizing: border-box;
}

.ranking th.gold {
	width: 132px;
	border: 2px solid #c5a413;
	box-sizing: border-box;
}

.ranking th.platinum {
	width: 132px;
	border: 2px solid #5987c4;
	box-sizing: border-box;
}

.ranking2 th {
	text-align: center;
	padding: 20px 0 6px;
}

.ranking2 th.bronze {
	width: 132px;
	background-color: #916d5d;
}

.ranking2 th.silver {
	width: 132px;
	background-color: #8e8e8e;
}

.ranking2 th.gold {
	width: 132px;
	background-color: #c5a413;
}

.ranking2 th.platinum {
	width: 132px;
	background-color: #5987c4;
}

.ranking2 td {
	height: 78px;
	vertical-align: middle;
}

.ranking2 td p {
	padding-top: 5px;
}

.ranking2 td.bronze {
	width: 132px;
	background-color: #916d5d;
}

.ranking2 td.silver {
	width: 132px;
	background-color: #8e8e8e;
}

.ranking2 td.gold {
	width: 132px;
	background-color: #c5a413;
}

.ranking2 td.platinum {
	width: 132px;
	background-color: #5987c4;
}

#middleBox .ranking2 .nocolor {
	font-weight: 900;
	text-align: left;
	font-size: 19px;
	padding-left: 12px;
	letter-spacing: -1px;
}

#middleBox .ranking2 p.fuchidori {
    color: #ffffff;
    font-size: 21px;
	font-weight: 700;
}

.fuchidori.bronze {
	text-shadow:3px 3px 2px #5b3a2b, -3px -3px 2px #5b3a2b,
              -3px 3px 2px #5b3a2b, 3px -3px 2px #5b3a2b,
              0px 3px 2px #5b3a2b,  0 -3px 2px #5b3a2b,
              -3px 0 2px #5b3a2b, 3px 0 2px #5b3a2b;
}

.fuchidori.silver {
	text-shadow:3px 3px 2px #3f3f3f, -3px -3px 2px #3f3f3f,
              -3px 3px 2px #3f3f3f, 3px -3px 2px #3f3f3f,
              0px 3px 2px #3f3f3f,  0 -3px 2px #3f3f3f,
              -3px 0 2px #3f3f3f, 3px 0 2px #3f3f3f;
}

.fuchidori.gold {
	text-shadow:3px 3px 2px #846b00, -3px -3px 2px #846b00,
              -3px 3px 2px #846b00, 3px -3px 2px #846b00,
              0px 3px 2px #846b00,  0 -3px 2px #846b00,
              -3px 0 2px #846b00, 3px 0 2px #846b00;
}

.fuchidori.platinum {
	text-shadow:3px 3px 2px #34619d, -3px -3px 2px #34619d,
              -3px 3px 2px #34619d, 3px -3px 2px #34619d,
              0px 3px 2px #34619d,  0 -3px 2px #34619d,
              -3px 0 2px #34619d, 3px 0 2px #34619d;
}

large {
	font-size: 50px;
}

middle {
	font-size: 32px;
}

small {
	font-size: 14px;
}

#middleBox .rankTable .comment {
	font-size: 0;
	margin: 5px 0 0 7px;
}

#middleBox .rankTable .comment p {
	text-align: left;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.5px;
}

#middleBox .rankDetails .heading {
	margin-bottom: 2px;
	position: relative;
}

#middleBox .rankDetails .heading p {
	font-size: 25px;
	padding: 8px 0 0 25px;
	font-weight: 500;
}

.rankDetails .heading p:before {
	content: url(/img/rank_system/new/img_rank_details.png);
	position: absolute;
	top: 0;
	left: 0;
}

.rankItems {
	margin: 0 auto 35px;
	padding-top: 40px;
}

#silver .rankItems {
	margin: 15px auto 10px;
}

#gold .rankItems {
	margin: 11px auto 13px;
}

#platinum .rankItems {
	margin: 15px auto 9px;
}

#platinum {
	margin-bottom: 50px;
}

#middleBox .rankItems .text1 p {
	font-size: 20px;
	line-height: 27px;
	padding-bottom: 18px;
}

#middleBox .rankItems .text1 p span {
	color: #e40057;
}

#middleBox .rankItems .text2 p {
	font-size: 18px;
	line-height: 25px;
}

#middleBox .rankItems .text2 p span {
	color: #e40057;
}

h4 {
	font-size: 45px;
	margin-bottom: 7px;
}

h4.blonze {
	color: #6c4534;
}

h4.silver {
	color: #404040;
	margin-bottom: 10px;
}

h4.gold {
	color: #966b28;
}

h4.platinum {
	color: #2e4668;
}

#middleBox .rankItems .heading {
	margin: 0 0 16px 2px;
	position: relative;
}

#middleBox .rankItems .heading p {
	font-size: 25px;
	font-weight: 500;
	padding-left: 22px;
	line-height: 25px;
}

#bronze img {
	padding-top: 25px;
	padding-left: 28px;
}

#silver img {
	padding-top: 25px;
	padding-left: 70px;
}

#gold img {
	padding-top: 14px;
	padding-left: 30px;
}

#platinum img {
	padding-top: 11px;
	padding-left: 77px;
}

.rankItems .heading p:before {
	content: url(/img/rank_system/new/img_rank_details.png);
	position: absolute;
	top: 0;
	left: 0;
}

.left {
	float: left;
	padding-left: 16px;
}

.contentSilver {
	float: left;
	padding-left: 28px;
}

.tips {
	width: 700px;
	margin: 0 auto;
	border: 1px solid #e40057;
	padding: 4px;
	color: #e40057;
	text-align: center;
}

#middleBox .tips p {
	font-size: 16px;
}

.aggregationPeriod {
	width: 700px;
	margin: 20px auto 30px;
}

.aggregationPeriod .text {
	margin: 22px 0 9px;
}

.aggregationPeriod p {
	margin-bottom: 10px;
}

.aggregationPeriod p.through {
	text-decoration: line-through;
	margin-bottom: 0;
}

#count {
	margin-bottom: 30px;
}

#count .heading {
	position: relative;
	margin-bottom: 22px;
}

#count .confirm .heading {
	position: relative;
	margin-bottom: 18px;
}

#count .heading p {
	font-size: 26px;
	padding: 8px 0 0 20px;
	font-weight: 500;
}

#count .heading p:before {
	content: url(/img/rank_system/new/img_rank_details.png);
	position: absolute;
	top: 0;
	left: 0;
}

#count .contents {
	width: 700px;
	margin: 0 auto;
}

#count .contents.rankDown {
	width: 700px;
	margin: 0 auto 13px;
}

#count .rankUp {
	text-align: center;
	color: #ffffff;
	margin-bottom: 18px;
	font-size: 0;
}

#count .rankUp p {
	width: 100%;
	height: 38px;
	line-height: 38px;
	background-color: #8c0101;
	font-size: 16px;
	letter-spacing: 0.2px;
}

#count .text p {
	padding: 4px 0;
	line-height: 1.3;
}

#count .text p small {
	font-size: 12px;
}

#count .text p span {
	color: #ff437d;
	text-decoration: underline;
}

#banner {
	width: 700px;
	margin: 0 auto;
	margin-bottom: 45px;
}