@charset "UTF-8";
/* CSS Document */
/*============
トップページ
============*/
#makebanner td[width="640"] {
    width: 100%;
}

#aboutArea{
	padding: 50px 0;
	position: relative;
	margin:55px calc(50% - 50vw) 0;
}
#aboutArea:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 75%;
	height: 100%;
	background: url(https://gigaplus.makeshop.jp/nanyatobu3/img/top-bk.jpg);
	background-repeat: repeat;
	z-index: -1;
}
.aboutinner{
	margin: 0 auto;
	width: 70%;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.aboutinner > div:first-child{
	width: 30%;
}
.aboutinner > div:last-child{
	text-align: justify;
	width: 65%;
}
.aboutinner > div img{
width: 100%;
height: 100%;
object-fit: cover;
}
.aboutinner h2{
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.15em;
}
.aboutinner p{
	text-align: justify;
}

/*季節の商品*/
.item-list.kisetsu{
	display: flex;
	flex-wrap: wrap;
}
.item-list.kisetsu a{
	width: 50%;
}
.item-list.kisetsu a img{
	width: 100%;
	height: auto;
}
.item-list.kisetsu a:hover{
	opacity: .5;
}

/*最近チェックした商品*/

#recent td.itemBox{
width: 23%!important;
}
#recent td.itemImg {
    width: 100%;
}


/*==========================================
 tb［481px-1000px以下］
===========================================*/
@media screen and (max-width: 1000px) {
/*============
トップページ
============*/
	#makebanner td[width="640"] {
    width: 100%;
	}
	#aboutArea{
		margin: 40px 0;
		padding: 40px 0;
	}
	.aboutinner{
		width: 90%;
	}
	
}
/*==========================================
 sp［480px以下］
===========================================*/
@media screen and (max-width: 480px) {
/*============
トップページ
============*/
	.aboutinner > div:first-child{
		margin: 0 0 5%;
		width: 100%;
	}
	.aboutinner > div:last-child{
		width: 100%;
	}
	/*季節の商品*/
	.item-list.kisetsu a{
		margin-bottom: 5%;
		width: 100%;
	}
}