@charset "utf-8";
/* CSS Document */
.clearfix{overflow: visible;}
.clearfix:before{
	display: none !important;
}
.clearfix:after{
	content: '' !important;
	clear: both !important;
	display: block !important;
}
.popupImg{
	display: block;
	position: relative;
	margin-bottom: 0;
	padding: 2px;
	z-index: 0;
	box-sizing: border-box;
	border: 0 !important;
}
a.popupImg:after{
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 5px;
	border: 2px solid #D44488;
}
.center_m {
	margin: 0 auto;
}

.w50{
	width: 50% !important;
}
.w100{
	width: 100% !important;
}

#sd-items-list{
	/* background-image: url(images/backimg/bg1-1215.jpg);
	background-repeat: repeat;
	background-size: contain;
	overflow: hidden; */
}
#sd-items-list:after{
	content: '';
	clear: both;
	display: block;
}
#sec020{
	background-image: url(images/backimg/bg0-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}

#sec030{
	background-image: url(images/backimg/bg1-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec040{
	background-image: url(images/backimg/bg2-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec050{
	background-image: url(images/backimg/bg3-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec060{
	background-image: url(images/backimg/bg4-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec070{
	background-image: url(images/backimg/bg5-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec080{
	background-image: url(images/backimg/bg6-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec090{
	background-image: url(images/backimg/bg7-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec100{
	background-image: url(images/backimg/bg8-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec110{
	background-image: url(images/backimg/bg9-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec120{
	background-image: url(images/backimg/bg10-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec130{
	background-image: url(images/backimg/bg11-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec140{
	background-image: url(images/backimg/bg12-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec150{
	background-image: url(images/backimg/bg13-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec160{
	background-image: url(images/backimg/bg14-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec170{
	background-image: url(images/backimg/bg15-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec180{
	background-image: url(images/backimg/bg16-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec190{
	background-image: url(images/backimg/bg17-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}
#sec200{
	background-image: url(images/backimg/bg18-1215.jpg);
	background-repeat: repeat;
	background-size: cover;
}



.sankaku{
	width: 0;
	height: 0;
	border-top: 30px solid #E0E0E0;
	border-right: 80px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 80px solid transparent;
	text-align: center;
	margin:0 auto;
}
.sankaku1{
	width: 0;
	height: 0;
	border-top: 10px solid #D44488;
	border-right: 20px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 20px solid transparent;
	text-align: center;
	margin: -10px auto 0;
}

.rank_list_box .popupImg {
	margin: 0px;
	width: 50%;
	-webkit-box-shadow: 0px 0px 2px 2px #CDCDCD;
	box-shadow: 0px 0px 2px 2px #CDCDCD;
	float: left;
	clear: none;
}
.rank_list_box1 .popupImg {
	margin: 0px;
	width: 33.333%;
	float: left;
}
.rank_list_box1 .popupImg.right {
	float: right;
}

.rank_list_box2 .popupImg {
	margin: 0px;
	width: 50%;
	-webkit-box-shadow: 0px 0px 2px 2px #CDCDCD;
	box-shadow: 0px 0px 2px 2px #CDCDCD;
	float: left;
}
.rank_list_box3 .popupImg {
	margin: 0px;
	width: 33.333%;
	float: left;
}

.pop_box {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: 900;
	border-radius: 40px;
	background-color: #D44488;
	margin: 5px;
	padding: 2px;
	text-align: center;
}
.sd01box a {
	margin: 5px;
	border-radius: 10px;
	border: 3px solid #D44488;
}
.mini {
	width: 200px;
}
.sd-main .v_box {
	background-image: none;
}



@media only screen and (min-width: 481px) {
	.rank_list_box .popupImg {
		width: 33.33333%;
		float: left;
		margin:0px;
	}
	.rank_list_box1 .popupImg {
		width: 33.33333%;
		float: left;
		margin:0px;
	}
	.rank_list_box2 .popupImg {
		width: 50%;
		float: left;
		margin:0px;
	}
	.rank_list_box3 .popupImg {
		width: 33.33333%;
		float: left;
		margin:0px;
	}
	.pop_box {
		font-size: 1.5em;
	}
	#sec03,
	#sec05{
		padding-bottom: 0 !important;
	}
	
	.sd-container {
		float:right;
		width:100%;
		margin-left:-220px;
	}
	.sd-container #inner{
	margin-left:220px;
}

	
}

@media only screen and (min-width: 1001px) {
	.sd-container {
		float:right;
		width:100%;
		margin-left:-300px;
	}
	.sd-container #inner{
	margin-left:300px;
