@charset "utf-8";

/*---------- 背景 ----------*/

body{
	background: url(../img/image/body.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: rgba(254,250,197,0.5);
}

/*---------- メインページ ----------*/

#main{
	width: 100%;
	height: auto;
	margin: 20px 0;
}

.item_top{
	margin: 10px;
	width: 100%;
	height: auto;
}

.item_bottom{
	margin: 10px;
	width: 100%;
	height: auto;
}

.item1_top, .item1_bottom{
	display: none;
}

.kitchen{
	margin: 10px;
	float: left;
}

.stationery{
	margin:10px;
	float: right;
}

.tableware{
	margin: 10px;
	float: left;
}

.candle{
	margin: 10px;
	float: right;
}

/*モバイル*/
@media screen and (max-width: 960px){
	.kitchen, 
	.stationery, 
	.tableware, 
	.candle{
		float: none;
	}
	.item{
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	
	.item_top, .item_bottom{
		display: none;
	}
	
	.item1_top, .item1_bottom{
		display: inline;
	}
	
	.item img{
		width: 75%;
		height: auto;
	}
}
	

/*---------- フッター ----------*/

#footer{
	clear: both;
}