@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	margin:auto;
}

/* wrap */
.summerfestivalWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.summerfestivalWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.pb60 {
	padding-block-end: calc(60 / 750 * 100%) !important;
}

/* mvBlock */
.mvBlock{
background: #eed8a6;
}
.mvBlock p{
padding: calc(20 / 750 * 100%);
font-size: 14px;
}

/* naviBlock */
.naviBlock{
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_001b_250801.jpg");
background-repeat: repeat;
background-position: top center;
}
.naviBlockWrap{
padding-bottom: calc(110 / 750 * 100%);
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_001_250801.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.naviBlockWrap .summerfestivalHtitle{
padding-top: calc(40 / 750 * 100%);
}
.naviBlockWrap .nav{
width: calc(701 / 750 * 100%);
margin: auto;
margin-top: calc(35 / 750 * 100%);
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 11px 17px;
}
.naviBlockWrap .nav li{
width: calc(222 / 750 * 100%);
}

/* lifeStyleBlock */
.lifeStyleBlock{
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_002b_250801.jpg");
background-repeat: repeat;
background-position: top center;
}
.lifeStyleBlockWrap{
padding-bottom: calc(110 / 750 * 100%);
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_002_250801.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.lifeStyleBlockWrap .summerfestivalHtitle{
padding-top: calc(60 / 750 * 100%);
}

/* tumiBlock */
.tumiBlock{
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_003b_250801.jpg");
background-repeat: repeat;
background-position: top center;
}
.tumiBlockWrap{
padding-bottom: calc(110 / 750 * 100%);
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_003_250801.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.tumiBlockWrap .summerfestivalHtitle{
padding-top: calc(60 / 750 * 100%);
}

/* brandBlock */
.brandBlock{
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_004b_250801.jpg");
background-repeat: repeat;
background-position: top center;
}
.brandBlockWrap{
padding-bottom: calc(110 / 750 * 100%);
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_004_250801.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.brandBlockWrap .summerfestivalHtitle{
padding-top: calc(60 / 750 * 100%);
}
.brandBlockWrap .brandBnr{
margin: calc(30 / 750 * 100%);
padding: calc(30 / 750 * 100%) calc(40 / 750 * 100%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 15px;
background: #fff;
}
.brandBlockWrap .brandBnr li{
width: calc(280 / 600 * 100%);
}

/* wineBlock */
.wineBlock{
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_005b_250801.jpg");
background-repeat: repeat;
background-position: top center;
}
.wineBlockWrap{
padding-bottom: calc(110 / 750 * 100%);
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_005_250801.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.wineBlockWrap .summerfestivalHtitle{
padding-top: calc(60 / 750 * 100%);
}

/* bagBlock */
.bagBlock{
background-image: url("../../../special/021001251/image/summerfestival_sp_bg_006b_250801.jpg");
background-repeat: repeat;
background-position: top center;
}
.bagBlockWrap{
padding-bottom: calc(60 / 750 * 100%);
}
.bagBlockWrap .summerfestivalHtitle{
padding-top: calc(60 / 750 * 100%);
}
.bagBlockWrap .couponBlock{
background: #fff;
margin: calc(60 / 750 * 100%) calc(30 / 750 * 100%) 0;
padding: calc(30 / 750 * 100%);
}
.bagBlockWrap .couponBlock ul li:not(:first-child){
margin-top: calc(30 / 750 * 100%);
}
.bagBtn{
text-align: center;
margin-top: calc(30 / 750 * 100%);
}

/* cpnBlock */
.cpnBlock{
}
.cpnBlockWrap .summerfestivalHtitle{
margin-top: calc(80 / 750 * 100%);
}
.cpnBlockWrap .cpnBnr{
margin: calc(40 / 750 * 100%) calc(30 / 750 * 100%) 0;
}
.cpnBlockWrap .cpnNote{
margin: calc(80 / 750 * 100%) calc(10 / 750 * 100%) 0;
padding: calc(20 / 750 * 100%);
background: #e3e5ed;
font-size: 14px;
font-weight: bold;
}
.cpnBlockWrap .cpnTxt{
font-size: 14px;
margin: calc(20 / 750 * 100%) calc(10 / 750 * 100%) 0;
}

/* itemBlock */
.itemBlock{
margin: calc(60 / 750 * 100%) calc(30 / 750 * 100%) 0;
padding: calc(30 / 750 * 100%);
width: calc(690 / 750 * 100%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap:15px;
background: #fff;
}
.itemBlock .itemBlockWrap.clm2{
width: calc(300 / 630 * 100%);
display: flex;
flex-wrap: wrap;
}
.itemBlock .itemBlockWrap.clm2 .itemDate{
display: flex;
}
.itemBlock .itemBlockWrap.clm2 .itemDate dl{
display: flex;
flex-direction: column;
}
.itemBlock .itemBlockWrap.clm2 .itemDate dt{
margin-top: calc(40 / 750 * 100%);
font-size: clamp(0.875rem, -0.125rem + 4.27vw, 1.875rem);
line-height: 1.5;
font-weight: bold;
flex-grow: 1;
}
.itemBlock .itemBlockWrap.clm2 .itemDate .itemPrice{
margin-top: calc(40 / 750 * 100%);
font-size: clamp(0.875rem, -0.25rem + 4.8vw, 2rem);
line-height: 1.5;
text-align: right;
}
.itemBlock .itemBlockWrap.clm2 .itemDate .itemBtn{
margin-top: calc(40 / 750 * 100%);
}
.subjectBtn{
margin: auto;
padding: 0 calc(30 / 750 * 100%) calc(60 / 750 * 100%);
width: calc(690 / 750 * 100%);
text-align: center;
background: #fff;
}