@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------------- */

/* Information */
.information{
	width: 304px;
	margin: 0 auto;
}
	.information a{
		display: inline-block;
	}

	.information .present{
		margin-top: 15px;
	}
	.information .btn_about{
		text-align: left;
		margin: 10px 0 15px;
	}
		.information .btn_about a {
			color: #E73080;
		}
	.information .check{
		margin: 0 0 15px;
	}

/* visarea */
.visarea{
	border: 1px solid #ae8044;
	min-height: 300px;
	background: url(../../common/img/load.gif) no-repeat 50% 50%;
}
.visarea.pickup{
	padding: 10px 10px 25px;
}
.visarea.best5{
	padding: 25px 12px 20px;
}


/* best5 ranking/ pickup */
#js-ranking,
#js-pickup{
	display: none;
}
.best5 #js-ranking,
.pickup #js-pickup{
	display: block;
}


/* best5 ranking */
.best5 .tit{
	text-align: center;
}
.best5 .excerpt{
	padding: 14px 0;
	font-size: 11px;
	color: #222;
	line-height: 1.55;
}
.list-ranking{
	position: relative;
	width: 280px;
	height: 400px;
	margin: 0 auto;
	list-style-type: none;
}
.list-ranking:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.list-ranking li{
	position: absolute;
	width: 90px;
	height: 200px;
}
.list-ranking li:nth-child(1){
	top: 0;
	left: 0;
}
.list-ranking li:nth-child(2){
	top: 0;
	left: 95px;
}
.list-ranking li:nth-child(3){
	top: 0;
	left: 190px;
}
.list-ranking li:nth-child(4){
	top: 200px;
	left: 45px;
}
.list-ranking li:nth-child(5){
	top: 200px;
	left: 140px;
}

.list-ranking li a::before{
	content: '';
	position: absolute;
	top: 114px;
	left: 10px;
	width: 36px;
	height: 36px;
	background-image: url('../img/badge.png');
	background-repeat: no-repeat;
	-webkit-background-size: 36px 756px;
	-moz-background-size: 36px 756px;
	background-size: 36px 756px;
}

.list-ranking li.no61 a::before { background-position: 0 0px; }
.list-ranking li.no62 a::before { background-position: 0 -36px; }
.list-ranking li.no63 a::before { background-position: 0 -72px; }
.list-ranking li.no64 a::before { background-position: 0 -108px; }
.list-ranking li.no65 a::before { background-position: 0 -144px; }
.list-ranking li.no66 a::before { background-position: 0 -180px; }
.list-ranking li.no67 a::before { background-position: 0 -216px; }
.list-ranking li.no68 a::before { background-position: 0 -252px; }
.list-ranking li.no69 a::before { background-position: 0 -288px; }
.list-ranking li.no70 a::before { background-position: 0 -324px; }
.list-ranking li.no71 a::before { background-position: 0 -360px; }
.list-ranking li.no72 a::before { background-position: 0 -396px; }
.list-ranking li.no73 a::before { background-position: 0 -432px; }
.list-ranking li.no74 a::before { background-position: 0 -468px; }
.list-ranking li.no75 a::before { background-position: 0 -504px; }
.list-ranking li.no76 a::before { background-position: 0 -540px; }
.list-ranking li.no77 a::before { background-position: 0 -576px; }
.list-ranking li.no78 a::before { background-position: 0 -612px; }
.list-ranking li.no79 a::before { background-position: 0 -648px; }
.list-ranking li.no80 a::before { background-position: 0 -684px; }
.list-ranking li.no81 a::before { background-position: 0 -720px; }




/* pickup */
.nojs{
	padding-bottom: 20px;
	background: #ffffff;
}
.nojs,
#js-pickup{
	position: relative;
}
.nojs .batch,
.visarea.pickup .batch{
	position: absolute;
	top: 0;
	left: 0;
}
.nojs .vis,
.visarea.pickup .vis{
	height: 251px;
	text-align: center;
	background: url(../img/bg_pickup.gif) no-repeat 50% 40px;
	-webkit-background-size: 284px 175px;
	-moz-background-size: 284px 175px;
	background-size: 284px 175px;
}
.nojs .no,
.visarea.pickup .no{
	position: absolute;
	top: 231px;
	right: 10px;
}
.nojs .tit,
.visarea.pickup .tit{
	padding-left: 10px;
}
.nojs .excerpt,
.visarea.pickup .excerpt{
	padding: 10px 10px 20px;
	font-size: 11px;
	color: #222;
	line-height: 1.55;
}
.nojs .btn_detail,
.visarea.pickup .btn_detail{
	text-align: center;
}


/* list title */
.list-title{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #e2e2e2;
	text-align: center;
}

/* model list */
.list-model{
	margin-top: 15px;
	list-style-type: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-left: 1px solid #e2e2e2;
}
.list-model:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.list-model li{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.list-model li:nth-child(1),
.list-model li:nth-child(2),
.list-model li:nth-child(3){
	border-top: 1px solid #e2e2e2;
}
.list-model li:nth-child(3n){
	width: 34%;
}

.list-model li a{
	display: block;
	height: 174px;
}

.list-model li a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100px;
	height: 174px;
	margin-left: -50px;
	background-image: url('../img/modellist.png');
	background-repeat: no-repeat;
	-webkit-background-size: 100px 3654px;
	-moz-background-size: 100px 3654px;
	background-size: 100px 3654px;
}

.list-model li:nth-child(1) a::before   { background-position: 0 0; }
.list-model li:nth-child(2) a::before   { background-position: 0 -174px }
.list-model li:nth-child(3) a::before   { background-position: 0 -348px }
.list-model li:nth-child(4) a::before   { background-position: 0 -522px }
.list-model li:nth-child(5) a::before   { background-position: 0 -696px }
.list-model li:nth-child(6) a::before   { background-position: 0 -870px }
.list-model li:nth-child(7) a::before   { background-position: 0 -1044px }
.list-model li:nth-child(8) a::before   { background-position: 0 -1218px }
.list-model li:nth-child(9) a::before   { background-position: 0 -1392px }
.list-model li:nth-child(10) a::before { background-position: 0  -1566px }
.list-model li:nth-child(11) a::before { background-position: 0  -1740px }
.list-model li:nth-child(12) a::before { background-position: 0  -1914px }
.list-model li:nth-child(13) a::before { background-position: 0  -2088px }
.list-model li:nth-child(14) a::before { background-position: 0  -2262px }
.list-model li:nth-child(15) a::before { background-position: 0  -2436px }
.list-model li:nth-child(16) a::before { background-position: 0  -2610px }
.list-model li:nth-child(17) a::before { background-position: 0  -2784px }
.list-model li:nth-child(18) a::before { background-position: 0  -2958px }
.list-model li:nth-child(19) a::before { background-position: 0  -3132px }
.list-model li:nth-child(20) a::before { background-position: 0  -3306px }
.list-model li:nth-child(21) a::before { background-position: 0  -3480px }



.list-model li div{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.btn_pagetop {
	margin: 20px 0 0;
	text-align: center;
}