@charset "Shift-JIS";

/*========================================================================
 *
 *    [file]      itemlist.css
 *    [version]   1.0
 *    [copyright] MAGASEEK
 *    [structure] 
 *    [notes]     
 *
 *========================================================================*/

#content #main .m-inner { padding: 0 2% 5%; }
.m-inner h1 { font-weight: bold; font-size: 18px; margin: 0 0 10px; padding: 4px 0 0; }
.m-inner h1 span { line-height: 2.4; border-top: 4px solid #575757; padding: 12px 3px 0; }
.oldie .m-inner h1 span { padding-top: 8px; }
.ext-condition { font-size: 11px; border: 1px solid #e7e7e7; background: #f5f5f5; margin: 0 0 10px; padding: 10px; }
.sort, .ttl-sort, .sort ul, .sort ul li, .switch-count .ttl-count, .switch-count ul, .switch-count ul li { float: left; }
.sort ul li.current, .switch-count ul li.current { font-weight: bold; }
.sort ul li, .switch-count ul li { line-height: 1; border-left: 1px solid #262626; margin: 3px 0 0 8px; padding: 0 0 0 8px; }
.sort ul li:first-child, .switch-count ul li:first-child { border-left: none; margin-left: 0; padding-left: 0; }


.switch-count {
	float: right;
}

.row .item-container {
	max-width: 682px;
}

.item-container {
	overflow: hidden;
	margin: auto;
	padding: 0 0 4%;
	max-width: 792px;
}

.item-container ul {
	margin-left: -2.6%;
}

.item-container ul li {
	float: left;
	width: 30.6%;
	margin: 4% 0 0 2.6%;
}

.item-container ul li .summary {
	position: relative;
} 

.item-container .image {
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------
    TABLET
 -----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.paging-container .pager { overflow: hidden; }
}

/*-----------------------------------------------------------------------
    SMART PHONE(LANDSCAPE)
 -----------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	
	.m-inner {
		padding-left: 0;
		padding-right: 0;
	}
	
	.m-inner h1 {
		font-size: 16px;
	}
	
	.ext-condition .sort,
	.ext-condition .switch-count {
		float: none;
		clear: left;
	}
	
	.ext-condition .sort,
	.ext-condition .switch-count {
		overflow: hidden;
	}
	
	.ext-condition .sort {
		border-bottom: 1px solid #eee;
		padding-bottom: 12px;
	}
	
	.ext-condition .switch-count {
		border-top: 1px solid #fff;
		padding-top: 8px;
	}
	
	.item-container {
		/*padding: 0 1% 4%;*/
	}
	
	.item-container ul {
		margin-left: -2%;
		margin-bottom: 2.5%;
		padding: 0;
	}
	
	.item-container ul li {
		margin: 1% 0 0 3%;
		width: 30.3%;
	}
	
	.row .item-nm {
		font-size: 11px;
	}
	
	#content .project {
		padding-left: 2%;
		padding-right: 2%;
	}
	
}

/*-----------------------------------------------------------------------
    SMART PHONE(PORTRAIT)
 -----------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {	
}