/* CSS Document */

/* 解像度が920px以下の端末で読み込むcss */
@media screen and (max-width: 920px) {
	.inner {
		max-width: 95%;
		margin: 0 auto;	
		padding: 0;
	}
	
	img {
		max-width: 100%;
		height: auto;	
	}
	
	.mean-container .mean-nav ul li img {
		display: none;
	}
	.mean-container .mean-nav ul li a:before {
		content: attr(title);
	}
	
	div#content,
	div#side {
		float: none;
		max-width: 98%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		clear: both;
	}
	div#side {
		width: 100%;
	}
	div#nav ul {
		width: 100%;
	}
	div#header,
	div#main {
		float: none;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	
	div#header h1 {
		width: 100%;
		text-align: center;
	}
	div#header h1 img {
		margin: 3px auto;
		display: block;	
	}
	
	div#header div.right {
		max-width: 100%;
		height: auto;
	}
	
	div#header .illust {
		display: none;	
	}
	
	#social {
		max-width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	h3.itemName,
	h2.category,
	h2.heading {
		width: auto;
		background: none;
		max-width: 98%;
		background-color: #F4F4F4;
		border-bottom: 3px solid #FF7F00;
		color: #333;
		padding: 5px;
		text-indent: 0;
		font-size: 1em;
		line-height: 1.2;
		margin: 10px auto;
	}
	table.itemList tr {
		max-width: 98%;
		display: block;
	}
	table.itemList td {
		width: 100%;
		max-width: 98%;
		display: inline-block;
	}
	.itemBox {
		margin: 5px auto;
		width: 80%;
		text-align: center;	
	}
	.itemBox p.price {
		text-align: center;	
	}
	.voiceBox table tr {
		max-width: 98%;
		display: block;
	}
	.voiceBox table td {
		width: 100%;
		max-width: 98%;
		text-align: center;	
		display: inline-block;
	}
	
	#news dl dt,
	#news dl dd {
		width: auto;
	}
	
	#news dl dt {
		float: none;
		padding-bottom: 0px;
	}
	
	#news dl dd {
		padding: 0px 5px 5px 25px;
	}
	
	#information h2 img {
		display: none;
	}
	#information h2:before {
		content: attr(title);
	}
	
	#information h2 {
		padding: 8px 0;
		text-indent: 0.5em;
		color: #fff;
		background-color: #F60;
		width: 98%;
		margin: 0 auto;
	}
	
	#information .left,
	#information .right {
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#news div.bg {
		max-width: 100%;
		height: auto;
		background: none;
	}
	
	.priceTable {
		width: 100%;
	}
	
	#catList {
		
	}

	#catList dl {
		width: 100%;	
	}
	#catList dl dt {
		width: auto;
		background-image: url(../img/sp_cat_name_bg.png);
		background-repeat: repeat-x;
		background-position: bottom;
		border: 1px solid #ddd;
		border-left: 5px solid #FF4000;	
	}
	#catList dl dd {
		width: 100%;	
	}
	
	.bannerList li a img {
		width: 100%;
	}
	
	/* 一覧 */
	.listBox {
		border-bottom: 1px dotted #333;	
	}
	
	.listBox h3 {

	}
	
	.listBox .photo150 {
		width: auto;
		float: none;
		text-align: center;
	}
	
	.listBox .itemInfo {
		width: auto;
		float: none;

	}
	
	.listBox table {
		
	}
	
	.listBox table th,
	.listBox table td {
		padding: 3px;
	}
	
	.listBox form {
		padding: 5px;
		clear: both;
	}
	
	.listBox form input {
		margin: 0 5px;
	}

	/* 詳細 */
	.detailBox {
		
	}
	
	.detailBox .photo300 {
		width: auto;
		float: none;
		text-align: center;
	}
	
	.detailBox .itemInfoRight,
	.detailBox .itemInfoBottom {
		width: auto;
		float: none;
	}
	
	.detailBox .priceTable {
		clear: both;
		padding: 5px;
		text-align: left;
	}

}