@charset "UTF-8";
/* CSS Document */

#contentWrap {

}
.flex01 {
	max-width: 1000px;
}


.flex01 .mainBox {
	width: 48%;
	max-width: 480px;
}



.flex01 .itemWrap {
	width: 48%;
	padding-top: 0;
}
.flex01 .itemWrap .itemBox {
	width: 46%;
	max-width: 220px;
}

#toile {
	padding-top: 5%;
}


@media screen and (max-width: 959px){
	.flex01 .mainBox {
    width: 100%;
    max-width: 500px;
		margin: 0 auto;
  }

	.itemWrap,#toile .itemWrap,
	.flex01 .itemWrap {
		width: 100%;
    max-width: 500px;
		padding-top: 30px;
		gap:20px 4%;
		.itemBox {
			width: 48%;
			max-width: 300px;
		}
	}

}
@media screen and (max-width: 599px){

	.flex01 .itemWrap,
	.itemWrap,#toile .itemWrap {
		width: 90%;
    max-width: 300px;
		.itemBox {
			width: 100%;
			max-width: 300px;
		}
	}

}