@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
force-creative.jp
------------------------------------------------------------------------------ */
@media screen and (min-width: 900px) {
/* タブレット横+PC用 */
.topSelectLi {
	padding-left:0px;
	list-style:none;
	padding-top:42px;
	margin-bottom:58px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	clear:both;
}
.topSelectLi li {
	display:inline-block;
	margin:6px;
	*display: inline;  
    *zoom: 1;  
}
}

@media screen and  (min-width: 768px) and (max-width: 900px) {
/* 画像落ち対処用 */
.topSelectLi {
	padding-left:0px;
	list-style:none;
	padding-top:42px;
	margin-bottom:58px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	clear:both;
}
.topSelectLi li {
	display:inline-block;
	margin:6px;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
/* タブレット縦用 */
.topSelectLi {
	padding-left:0px;
	list-style:none;
	padding-top:42px;
	margin-bottom:58px;
	width:100%;
	overflow:hidden;
	clear:both;
}
.topSelectLi li {
	display:inline-block;
	margin:8px;
}
}

@media screen and (min-width: 321px) and (max-width: 480px)  {
/* スマートフォン横用 */
.topSelectLi {
	padding-left:0px;
	list-style:none;
	padding-top:20px;
	margin-bottom:30px;
	width:100%;
	overflow:hidden;
	clear:both;
}
.topSelectLi li {
	display:inline-block;
	width:25%;
	height:auto;
	margin:8px;
}
.topSelectLi li img {
	max-width:182px;
	width:100%;
	height:auto;
}
}

@media screen and (max-width: 320px)  {
/* スマートフォン縦用 */
.topSelectLi {
	padding-left:0px;
	list-style:none;
	padding-top:20px;
	margin-bottom:30px;
	width:100%;
	overflow:hidden;
	clear:both;
}
.topSelectLi li {
	display:inline-block;
	width:25%;
	height:auto;
	margin:8px;
}
.topSelectLi li img {
	max-width:182px;
	width:100%;
	height:auto;
}
}