@charset "UTF-8";

/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
*/
/*----------------------------------------
 1:全体
----------------------------------------*/

/*リンク*/

#re-items a {
	color: #020104;
	text-decoration: none;
}

#re-items a:visited {
	color: #020104;
}

#re-items a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

#re-items a:active {
	color: #020104;
}

/*画像*/

#re-items img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}

/*common layout*/

#re-items .container {
	*zoom: 1;
	margin: 0 auto;
	width: 100%;
	max-width: 980px;
}

@-ms-viewport {
	width: device-width;
}

#re-items h1,
#re-items h2,
#re-items h3,
#re-items h4,
#re-items h5,
#re-items p,
#re-items ul,
#re-items ol,
#re-items li,
#re-items dl,
#re-items dt,
#re-items dd {
	margin: 0;
}

#re-items ul,
#re-items ol {
	padding: 0;
}


/*----------------------------------------
 3:メイン
----------------------------------------*/

/*先行予約商品*/
#re-items .top__reserve {
	/*padding-top: 100px;*/
}

#re-items .top__reserve__title.sp {
	display: none;
}

#re-items .top__reserve__list {
	list-style: none;
	/*フレックスボックスの設定*/
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	/*フレックスボックスの要素を左寄せ*/
	justify-content: left;

	text-align: left;
	margin-bottom: 2em;
	font-size:0.8em;
}

#re-items .top__reserve__item {
	width: calc( ( 100% - 60px ) / 4 );
	margin-right: 20px;
	margin-bottom:2em;
}

#re-items .top__reserve__item:nth-child(4n) {
	margin-right: 0;
}


#re-items .top__reserve__item__title{
	margin-top:0.8em;
	line-height:1.5;
}
#re-items .top__reserve__item__text{
	margin-top:0.5em;
	line-height:1.5;
}
#re-items .shipping-schedule{
	margin-top:0.5em;
	line-height:1.5;
	color:tomato;
}


@media (max-width: 768px) {
	
	#re-items .top__reserve__item {
		width: calc( ( 100% - 10px ) / 2 );
		margin-right: 10px;
	}
	
	#re-items .top__reserve__item:nth-child(2n) {
		margin-right: 0;
	}


}


/*----------------------------------------
 5:その他
----------------------------------------*/
#re-items .text__red {
	color: #AA0001;
}

#re-items .sp {
	display: none;
}

@media (max-width: 768px) {
	#re-items .pc {
		display: none;
	}
	#re-items .sp{
		display: inline-block;
	}
}