/*----------------------------------------
　220801_limitedsweets_akafuku.css
-----------------------------------------*/

@charset "utf-8";
#fwCms_wrapper .font22_28 {
	font-size: 5.86vw;
}
#fwCms_wrapper .font24_30 {
	font-size: 6.4vw;
}
#sweets_limited li[id^="limited_item"] {
	padding-top: 5%;
}
#sweets_limited .limited_item {
	flex-direction: row-reverse;
}
#sweets_limited .menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sweets_limited .menu li {
	width: 50%;
	padding-right: 2.6vw;
}
#sweets_limited .menu li:nth-of-type(2n) {
	padding: 0 0 0 3.35vw;
}
#sweets_limited .menu li:nth-of-type(n+3) {
	margin-top: 5.3vw;
}
@media screen and (min-width: 768px){
	#fwCms_wrapper .mt0_30 {
		margin-top: 30px;
	}
	#fwCms_wrapper .font22_28 {
		font-size: 2.8rem;
	}
	#fwCms_wrapper .font24_30 {
		font-size: 3.0rem;
	}
	#sweets_limited li[id^="limited_item"]{
		padding-top: 50px;
	}
	#sweets_limited .limited_item_list {
		display: flex;
		justify-content: space-between;
	}
	#sweets_limited .limited_item {
		display: block;
		flex-direction: row;
		margin-top: 0;
	}
	#sweets_limited .limited_item .limited_item_img img {
		margin: 0px;
		width: 100%;
	}
	#sweets_limited .attention {
		padding: 0 30px;
	}
	#sweets_limited .menu {
		justify-content: flex-start;
		margin: auto 20px;
	}
	#sweets_limited .menu li {
		width: calc(96% / 3);
		margin-right: 2%;
		padding-right: 0;
	}
	#sweets_limited .menu li:nth-of-type(2n) {
		padding: 0;
	}
	#sweets_limited .menu li:nth-of-type(3) {
		margin-top: 0;
	}
	#sweets_limited .menu li:nth-of-type(3n) {
		margin-right: 0;
	}
	#sweets_limited .menu li:nth-of-type(n+4) {
		margin-top: 40px;
	}
}

/*----------------------------------------
　230421_limitedsweets.css
-----------------------------------------*/
#fwCms_wrapper .leadtxt01 {
	margin: 4vw 3vw 0;
}
/*----------------------------------------
　240111_limitedsweets_pcimg.css
-----------------------------------------*/
@media screen and (min-width: 768px){
    #sweets_limited .item_main{max-width:800px;margin:0 auto;padding:0 0 30px;}
	#sweets_limited .item_main img{width:100%;height:auto;}
}


/*----------------------------------------
　高解像度商品画像用
-----------------------------------------*/

@media screen and (min-width: 768px) {
    #sweets_limited .limited_item_list li{
        max-width:324px;
		width:32.333%;
    }
}