@charset "UTF-8";

div#wrap{
	background-color:#f24fa0;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
}
section{
	width:auto;
	margin:0px 5px;
	margin-bottom:10px;
	display:block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#fff;

}
#items_index section > div ,section#search > div{
	padding:10px;
}
section h2{
	font-size:14px;
	line-height:18px;
	vertical-align: middle;
	font-weight: bold;
	margin-bottom:2px;
}
section h2 span{
	float:left;
	display:block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color:#f24fa0;
	height:18px;
	width:5px;
	margin-right:5px;
	line-height:18px;
	vertical-align: middle;
}
ul.category a{
	color:#000;
	font-size:12px;
	font-weight: bold;
	display:inline-block;
	float:left;
	margin-right:8px;
	margin-top:8px;
}
ul.category li{

	position:relative;
	padding:0 5px;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #dadada;
	height:49px;
	line-height:49px;
	vertical-align: middle;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.53, #f3f3f3), color-stop(0.52, #f7f6f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #f7f6f7 52%, #f3f3f3 53%, #fff 100%);
}
ul.category li p{
	position:absolute;
	display:block;
	left:33px;
}
ul#genre li span.icon{
	display:block;
	float:left;
}
ul.category li span.arrow{
	background-image:url(../../images/arrow.png);
	background-size:10px 17px;
	width:10px;
	height:17px;
	display:block;
	position:absolute;
	top:15px;
	right:5px;

}
ul#character a li p{
	left:5px;
}
ul#genre a:nth-child(6) li p{
	left:5px;
}
ul#genre a:nth-child(1) li span.icon{
	position:absolute;
	top:13px;
	background-image:url(../../images/icon_gacha.png);
	background-size:21px 22px;
	width:21px;
	height:22px;
	display:block;
}
ul#genre a:nth-child(2) li span.icon{
	position:absolute;
	top:10px;
	background-image:url(../../images/icon_toy.png);
	background-size:20px 31px;
	width:20px;
	height:31px;
	display:block;
}
ul#genre a:nth-child(3) li span.icon{
	position:absolute;
	top:10px;
	background-image:url(../../images/icon_nui.png);
	background-size:23px 28px;
	width:23px;
	height:28px;
	display:block;
}
ul#genre a:nth-child(4) li span.icon{
	position:absolute;
	top:11px;
	background-image:url(../../images/icon_candy.png);
	background-size:24px 25px;
	width:24px;
	height:25px;
	display:block;
}
ul#genre a:nth-child(5) li span.icon{
	position:absolute;
	top:9px;
	background-image:url(../../images/icon_game.png);
	background-size:24px 32px;
	width:24px;
	height:32px;
	display:block;
}

section#search p{
	font-size:12px;
	font-weight: bold;
	line-height:13px;
	vertical-align: middle;
	margin-top:8px;
}
section#search p span{
	font-size:13px;
	color:#f24fa0;
}
input#search_word{
	height:35px;
	font-size:12px;
	padding:0 10px;
	border:1px solid #dadada;
	-webkit-appearance: none;
}
.formelement{
	margin-top:5px;
}

div#release_wrap p{
	float:left;
	margin-top:15px;
	font-size:16px;
	font-weight:bold;
	margin-left:3px;
}
#select_release_y{
	float:left;
	height:38px;
	font-size:14px;

}
#select_release_m{
	float:left;
	height:38px;
	font-size:14px;

}
#select_genre,#select_character{
	height:38px;
	font-size:14px;

}
div#btn_search{
	position:relative;
	margin-top:15px;
	width:288px;
	height:43px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f78fc2), color-stop(0.56, #f769af), color-stop(0.51, #f24ea0), color-stop(0.00, #f0479b));
	background: -webkit-linear-gradient(bottom, #f0479b 0%, #f24ea0 51%, #f769af 56%, #f78fc2 100%);
	background: -moz-linear-gradient(bottom, #f0479b 0%, #f24ea0 51%, #f769af 56%, #f78fc2 100%);
	background: -o-linear-gradient(bottom, #f0479b 0%, #f24ea0 51%, #f769af 56%, #f78fc2 100%);
	background: -ms-linear-gradient(bottom, #f0479b 0%, #f24ea0 51%, #f769af 56%, #f78fc2 100%);
	background: linear-gradient(to top, #f0479b 0%, #f24ea0 51%, #f769af 56%, #f78fc2 100%);

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#f24fa0;
}
div#btn_search p{
	font-size:14px;
	font-weight: bold;
	color:#fff;
	line-height:43px;
	vertical-align: middle;
	text-align: center;
}
div#btn_search span.icon{
	background-image:url(../../images/icon_search.png);
	background-size:29px 29px;
	width:29px;
	height:29px;
	overflow:hidden;
	position:absolute;
	top:7px;
	left:9px;
	display:block;
}
div#btn_search span.arrow{
	background-image:url(../../images/arrow_white.png);
	background-size:10px 16px;
	width:10px;
	height:16px;
	overflow:hidden;
	position:absolute;
	top:13px;
	right:5px;
	display:block;
}

p#powered{
	background-image:url(../images/powerd.png);
	font-size:0;
	line-height:0;
	display:block;
	width:162px;
	height:10px;
	background-size:162px 10px;
	margin:5px;
	float:right;
}
section.nmb{
	margin-bottom:0;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	ul.category a:nth-child(3n){
		margin-right:0;
	}
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
	ul.category a:nth-child(2n){
		margin-right:0;
	}
}

/* Android */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
ul#genre li:nth-child(1) span.icon{
	background-image:url(../../images/icon_gacha@1.5x.png);
}
ul.category li span.arrow{
	background-image:url(../../images/arrow@1.5x.png);
	}
ul#genre a:nth-child(2) li span.icon{
	background-image:url(../../images/icon_toy@1.5x.png);
}
ul#genre a:nth-child(3) li span.icon{
	background-image:url(../../images/icon_nui@1.5x.png);
}
ul#genre a:nth-child(4) li span.icon{
	background-image:url(../../images/icon_candy@1.5x.png);
}
ul#genre a:nth-child(5) li span.icon{
	background-image:url(../../images/icon_game@1.5x.png);
}
div#btn_search span.icon{
	background-image:url(../../images/icon_search@1.5x.png);
	}
div#btn_search span.arrow{
	background-image:url(../../images/arrow_white@1.5x.png);
}
p#powered{
	background-image:url(../images/powerd@1.5x.png);
	}
}
/* iPhone Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) ,only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-pixel-ratio: 3) {
ul#genre a:nth-child(1) li span.icon{
	background-image:url(../../images/icon_gacha@2x.png);
}
ul#genre a:nth-child(2) li span.icon{
	background-image:url(../../images/icon_toy@2x.png);
}
ul.category li span.arrow{
	background-image:url(../../images/arrow@2x.png);
	}
ul#genre a:nth-child(3) li span.icon{
	background-image:url(../../images/icon_nui@2x.png);
}
ul#genre a:nth-child(4) li span.icon{
	background-image:url(../../images/icon_candy@2x.png);
}
ul#genre a:nth-child(5) li span.icon{
	background-image:url(../../images/icon_game@2x.png);
}
div#btn_search span.icon{
	background-image:url(../../images/icon_search@2x.png);
	}
div#btn_search span.arrow{
	background-image:url(../../images/arrow_white@2x.png);
}
p#powered{
	background-image:url(../images/powerd@2x.png);
	}
}