@charset "utf-8";
/* スライダー */
div#sliderWrap{
	width:100%;
	height:auto;
	overflow:hidden;
}
/* div#main */
div#content{
	width:100%;
	margin:10px auto 0 auto;
	overflow:hidden;
	position:relative;
}
@media only screen and (max-width: 780px){
	div#content{
		margin:10px auto 30px auto;
	}
}
/* mainLink	*/
ul#mainLink{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
ul#mainLink li{
	margin-bottom:30px;
	text-align:center;
	float:left;
	position:relative;
}
ul#mainLink li:nth-child(3){
	width:65.1%;
	margin-right:3.9%;
}
ul#mainLink li:nth-child(4){
	width:31%;
}
ul#mainLink li:nth-child(1){
	width:48%;
	margin-right:4%;
}
ul#mainLink li:nth-child(2){
	width:48%;
}
ul#mainLink li img{
	width:100%;
	display:block;
	border:1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
span.mainLinkTitle{
	width:100%;
	margin:2px auto;
	display:block;
	font-weight:bold;
}
span.mainLinkSubTitle{
	width:100%;
	margin:4px auto 0 auto;
	display:block;
}
/* new items list */
div#content h2 {
    width: 100%;
    margin: 20px auto 10px auto;
    display: block;
    font-weight: bold;
}
ul#newItems{
	width:100%;
	overflow:hidden;
}
ul#newItems li{
	width:32%;
	margin:0 2% 30px 0;
	float:left;
}
ul#newItems li:nth-child(3n){
	margin-right:0;
}
p.newItemsListImg{
	width:100%;
	height:auto;
	margin:0;
	overflow:hidden;
	background:#fff;
	border:1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
p.newItemsListImg img{
	width:90%;
	height:auto;
	margin:0 auto;
	display:block;
}
p.newItemsListTitle{
	width:94%;
	height:32px;
	margin:10px auto 0 auto;
	display:block;
}
p.newItemsListText{
	width:75%;
	margin:0 0 0 auto;
	display:block;
	line-height:1.4;
}
/* main：900px
====================================================*/
@media only screen and (max-width: 900px) {
	ul#mainLink li {
		margin-bottom: 20px;
	}
	span.mainLinkTitle{
		font-weight:normal;
	}
}
/* main：780px
====================================================*/
@media only screen and (max-width: 780px) {
	/* new items list */
	div#content h2 {
		margin: 30px auto 10px auto;
	}
}
/* ：650px
====================================================*/
@media only screen and (max-width: 650px) {
	div#main{
		margin:0 auto;
	}
		/*new items list */
	ul#newItems li {
		width: 48%;
		margin: 0 4% 20px 0;
		float: left;
	}
		ul#newItems li:nth-child(odd) {
			margin-right:4%;
	}
			ul#newItems li:nth-child(even) {
			margin-right:0;
	}
	p.newItemsListTitle {
		width:100%;
		margin: 10px auto 0 auto;
		font-weight: normal;
	}
}