@charset "utf-8";

/* PC用 */
@media screen and (min-width:768px){
	.pcNone{
		display: none;
	}
	
	/* メインビジュアル
	-------------------------------------------------- */
	.mainVisual{
		padding: 40px 0 60px;
		background-size: cover, auto;
	}
	
	.mvImg{
		text-align: center;
	}
	
	.mvList{
		width: 1000px;
		display: flex;
		justify-content: space-between;
		margin: 30px auto;
	}
	
	.mvTime{
		text-align: center;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		padding: 20px 0;
		font-size: 36px;
		width: 1200px;
		margin: auto;
	}
	
	.mvTime span{
		font-size: 24px;
	}
	
	/* セールの注意
	-------------------------------------------------- */
	.cautionWrap{
		width: 1000px;
		margin: 30px auto;
		border: 1px solid #000000;
		padding: 20px;
	}
	
	.cautionWrap p{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	
	.cautionWrap ul{
		margin-top: 10px;
	}
	
	.cautionWrap li{
		font-size: 14px;
		line-height: 1.8;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.cautionWrap li:before{
		content: "※";
	}
	

	/* セールリスト
	-------------------------------------------------- */
	.sec1{
		background: #fce4d6;
		padding: 100px 0;
	}
	
	.sec2{
		background: #e2efda;
		padding: 100px 0;
	}
	
	.sec3{
		background: #ddebf7;
		padding: 100px 0;
	}
	
	.saleListWrap{
		box-sizing: border-box;
		width: 1200px;
		margin: 0 auto;
	}

	.saleListWrap h2{
		font-size: 30px;
		line-height: 30px;
		font-weight: bold;
		color: #333333;
	}

	.saleListWrap h2 p{
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 30px;
		font-weight: normal;
	}
	
	.saleList{
		display: flex;
		flex-wrap: wrap;
		margin-top: 40px;
	}
	
	.saleList li{
		box-sizing: border-box;
		width: 18%;
		margin: 20px 1%;
		text-align: center;
	}
	
	.saleList li a{
		text-decoration: none;
	}
	
	.item_img{
		box-sizing: border-box;
		border: 1px solid #cccccc;
		padding: 5px 0;
		background: #ffffff;
	}
	
	.item_img img{
		width: 100%;
		max-width: 200px;
		width: 200px;
		height: 200px;
	}
	
	.item_name{
		font-size: 14px;
		line-height: 1.6em;
		text-align: left;
		color: #333333;
		height: 4.8em;
		overflow: hidden;
		margin-top: 10px;
	}
	
	.def_price{
		color: #000000;
		font-size: 14px;
		line-height: 1.6em;
		margin-top: 10px;
		text-align: left;
		border-top: 1px dotted #cccccc;
		padding-top: 10px;
	}
	.def_price:before{content: "通常価格：";}
	.def_price:after{content: "円（税込）";}
	
	.sale_price{
		color: #cc0000;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.6em;
		text-align: left;
		margin-top: 5px;
	}
	.sale_price:before{display: block; content: "セール価格"; font-size: 14px; line-height: 1.6;}
	.sale_price:after{content: "円（税込）";}
}

/* SP用 */
@media screen and (max-width:767px){
	/* メインビジュアル
	-------------------------------------------------- */
	.mainVisual{
		padding: 20px 0 30px;
		background-size: cover, auto;
	}
	
	.mvImg{
		text-align: center;
	}
	
	.mvImg img{
		width: 96%;
	}
	
	.mvList{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 20px auto;
	}
	
	.mvList li{
		width: 32%;
	}
	
	.mvList img{
		width: 100%;
	}
	
	.mvTime{
		text-align: center;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		padding: 10px 0;
		font-size: 18px;
		width: 90%;
		margin: auto;
	}
	
	.mvTime span{
		font-size: 14px;
	}
	
	/* セールの注意
	-------------------------------------------------- */
	.cautionWrap{
		width: 90%;
		box-sizing: border-box;
		margin: 30px auto;
		border: 1px solid #000000;
		padding: 5%;
	}
	
	.cautionWrap p{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	
	.cautionWrap ul{
		margin-top: 10px;
	}
	
	.cautionWrap li{
		font-size: 12px;
		line-height: 1.8;
		padding-left: 1em;
		text-indent: -1em;
		margin-top: 10px;
	}
	
	.cautionWrap li:before{
		content: "※";
	}
	

	/* セールリスト
	-------------------------------------------------- */
	.sec1{
		background: #fce4d6;
		padding: 40px 0;
	}
	
	.sec2{
		background: #e2efda;
		padding: 40px 0;
	}
	
	.sec3{
		background: #ddebf7;
		padding: 40px 0;
	}
	
	.saleListWrap{
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}

	.saleListWrap h2{
		font-size: 24px;
		font-weight: bold;
		color: #333333;
		text-align: center;
	}

	.saleListWrap h2 p{
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 30px;
		font-weight: normal;
	}
	
	.saleList{
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 5px;
		margin-top: 10px;
	}
	
	.saleList li{
		box-sizing: border-box;
		width: 46%;
		margin: 20px 2%;
		text-align: center;
	}
	
	.saleList li a{
		text-decoration: none;
	}
	
	.item_img{
		box-sizing: border-box;
		border: 1px solid #cccccc;
		padding: 10px;
		background: #ffffff;
	}
	
	.item_img img{
		width: 100%;
	}
	
	.item_name{
		font-size: 12px;
		line-height: 1.6em;
		text-align: left;
		color: #333333;
		height: 4.8em;
		overflow: hidden;
		margin-top: 10px;
	}
	
	.def_price{
		color: #000000;
		font-size: 12px;
		line-height: 1.6em;
		margin-top: 10px;
		text-align: left;
		border-top: 1px dotted #cccccc;
		padding-top: 10px;
	}
	.def_price:before{content: "通常価格：";}
	.def_price:after{content: "円（税込）";}
	
	.sale_price{
		color: #cc0000;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.6em;
		text-align: left;
		margin-top: 5px;
	}
	.sale_price:before{display: block; content: "セール価格"; font-size: 14px; line-height: 1.6;}
	.sale_price:after{content: "円（税込）";}
}