@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%;
height: auto;
margin: auto;
}
/* wrap */
.bourgogneWrap{
max-width: 750px;
width: 100%;
margin: 0 auto;
-webkit-text-size-adjust: 100%;
background: #ffffff;
color: #444135;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 16px;
line-height: 1.625;
}
.bourgogneWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.bourgogneWrap a{
display: block;
}

/*anchor******************************************************/
.bourgogneWrap .anchor {
	margin-block: calc(80 / 750 * 100%);
	padding: calc(50 / 750 * 100%) calc(31 / 750 * 100%);
	background-color: #f8eded;
}
.bourgogneWrap .anchorList {
	--_multiples: 6; /* カラムの公倍数： 1 * 2 * 3 */
  --_column: 1;
	display: block grid;
  grid-template-columns: repeat(var(--_multiples), 1fr);
	grid-gap: clamp(0.625rem, 2.67vw, 1.25rem);

	& > * {
    grid-column: span calc(var(--_multiples) / var(--_column));
  }

	& > :nth-child(n + 2) {
		--_column: 2;
	}
}
.bourgogneWrap .anchorItem {
}

/*btnBlock******************************************************/
/*btnBlockA01*/
.bourgogneWrap .btnBlockA01{
	margin: 6.5% auto;
	inline-size: calc(689 / 750 * 100%);
}
.bourgogneWrap .btnBlockA01.btnfreeShipping{
	margin: calc(30 / 750 * 100%);
}

/*btnBlockA02*/
.bourgogneWrap .btnBlockA02{
	margin: 8% 4% 16%;
}

/*bgBlock******************************************************/
/*bgBlockA01*/
.bourgogneWrap .bgBlockA01{
	background-color: #f2f2f2;
	margin-bottom: 16%;
	padding: 7.8% 0 8%;
}

/*bgBlockA02*/
.bourgogneWrap .bgBlockA02{
	background-color: #f2f2f2;
	padding: 6.6% 4% 6.4%;
	border-bottom: 6px solid #b1a967;
}

/*bgBlockA03*/
.bourgogneWrap .bgBlockA03{
	background-color: #f8eded;
	padding: 8% 4% 8% 0;
}

/*bgBlockA04*/
.bourgogneWrap .bgBlockA04{
	background-color: #fff;
	margin: 6.8% 0 0 4%;
	padding: 2.6% 4.3%;
}

/*headingBlock******************************************************/
/*headingBlockA01*/
.bourgogneWrap .headingBlockA01{
	margin: 0 4% 5.3%;
}

/*headingBlockA02*/
.bourgogneWrap .headingBlockA02{
	margin: 0 4% 4.6%;
}

/*headingBlockA03*/
.bourgogneWrap .headingBlockA03{
	margin: 0 0 5.3%;
}

/*headingBlockA04*/
.bourgogneWrap .headingBlockA04{
	margin-bottom: 5.5%;
}

/*headingBlockA05*/
.bourgogneWrap .headingBlockA05{
	margin: 0 0 4%;
}

/*headingBlockA06*/
.bourgogneWrap .headingBlockA06{
	margin: 0 0 3.8%;
}
.bourgogneWrap .headingBlockA06 .ttlA01{
	font-size: 15px;
	font-weight: bold;
}

/*aboutBlock******************************************************/
.bourgogneWrap .aboutBlock01{
	margin-bottom: 9%;
}
.bourgogneWrap .aboutBlock01 .txtBlockA01{
	margin: 0 4% 3.6%;
	font-size: 16px;
}
.bourgogneWrap .aboutBlock01 .txtBlockA01:last-child{
	margin-bottom: 0;
}
.bourgogneWrap .aboutBlock01 .txtBlockA01 p{
	margin-bottom: 2.2%;
}
.bourgogneWrap .aboutBlock01 .txtBlockA01 p:last-child{
	margin-bottom: 0;
}
.bourgogneWrap .aboutBlock01 .imgBlockA01{
	margin-bottom: 4.5%;
}

/*column2Wrap******************************************************/
/*column2WrapA01 column2WrapA02*/
.bourgogneWrap .column2WrapA01,
.bourgogneWrap .column2WrapA02{
	margin: 0 4% 4%;
	background-color: #fff;
}
.bourgogneWrap .column2WrapA01 .txtBlockA01,
.bourgogneWrap .column2WrapA02 .txtBlockA01{
	margin: 4.5% 7.7% 10% 5.6%;
}
.bourgogneWrap .column2WrapA01 .txtBlockA01 .nameA01,
.bourgogneWrap .column2WrapA02 .txtBlockA01 .nameA01{
	font-weight: bold;
	color: #b9b067;
	margin-bottom: 3.6%;
	line-height: 1.3;
}
.bourgogneWrap .column2WrapA01 .txtBlockA01 .txtA01,
.bourgogneWrap .column2WrapA02 .txtBlockA01 .txtA01{
	font-size: 14px;
	line-height: 1.5;
}

/*column2WrapA01*/
.bourgogneWrap .column2WrapA01 .columnBlock01{
	width: 43.48%;
	float: left;
}
.bourgogneWrap .column2WrapA01 .columnBlock02{
	width: 56.52%;
	float: right;
}

/*column2WrapA02*/
.bourgogneWrap .column2WrapA02 .columnBlock01{
	width: 56.52%;
	float: left;
}
.bourgogneWrap .column2WrapA02 .columnBlock02{
	width: 43.48%;
	float: right;
}

/*column2WrapA03 column2WrapA04*/
.bourgogneWrap .column2WrapA03,
.bourgogneWrap .column2WrapA04{
	margin-left: 4.16%;
}
.bourgogneWrap .column2WrapA03,
.bourgogneWrap .column2WrapA04{
	margin-bottom: 6.8%;
}
.bourgogneWrap .column2WrapA03 .txtBlockA01 p,
.bourgogneWrap .column2WrapA04 .txtBlockA01 p{
	margin-bottom: 2.8%;
}
.bourgogneWrap .column2WrapA03 .txtBlockA01 p:last-child,
.bourgogneWrap .column2WrapA04 .txtBlockA01 p:last-child{
	margin-bottom: 0;
}

/*column2WrapA03*/
.bourgogneWrap .column2WrapA03 .columnBlock01{
	width: 48.1%;
	margin: 0 0 2.9% 2.9%;
	float: right;
}

/*column2WrapA04*/
.bourgogneWrap .column2WrapA04 .columnBlock01{
	width: 48.1%;
	margin: 0 2.9% 2.9% 0;
	float: left;
}

/*column2WrapA05*/
.bourgogneWrap .column2WrapA05 .columnBlock01{
	width: 67.5%;
	float: left;
}
.bourgogneWrap .column2WrapA05 .columnBlock02{
	width: 30.15%;
	float: right;
}
.bourgogneWrap .column2WrapA05 .txtBlockA01 .txtA01{
	color: #333;
	font-size: 12px;
	line-height: 1.47;
	margin-bottom: 2.4%;
}
.bourgogneWrap .column2WrapA05 .txtBlockA01 .txtA01:last-child{
	margin-bottom: 0%;
}

/*setBlock******************************************************/
.bourgogneWrap .setBlockA01{
	margin-bottom: 16%;
}

/*productBlock******************************************************/
.bourgogneWrap .productBlockA01{
	margin-bottom: 8%;
}
.bourgogneWrap .productBlockA01:last-child{
	margin-bottom: 0;
}
.bourgogneWrap .productBlockA01 .imgBlockA01{
	margin-bottom: 3.2%;
}
.bourgogneWrap .productBlockA01 .txtBlockA01 .txtA01{
	margin-bottom: 1.3%;
}
.bourgogneWrap .productBlockA01 .txtBlockA01 .txtA02{
	margin-bottom: 6.2%;
}
.bourgogneWrap .productBlockA01 .txtBlockA01 .nameA01{
	margin-bottom: 0.3%;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.47;
}
.bourgogneWrap .productBlockA01 .txtBlockA01 .priceA01{
	margin-bottom: 3.5%;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
}
.bourgogneWrap .productBlockA01 .txtBlockA01 .btnA01{
	margin: 0 2.9%;
}

/*howtoBlock******************************************************/
.bourgogneWrap .howtoBlock01{
	margin-bottom: 16%;
}

/*bnrBlockA01******************************************************/
.bourgogneWrap .bnrBlockA01{
	margin: 16% 0 7.2%;
}
.bourgogneWrap .bnrBlockA01Inner{
	margin: 0 4%;
}
.bourgogneWrap .bnrBlockA01 ul li{
	width: 47.4%;
	float: left;
}
.bourgogneWrap .bnrBlockA01 ul li:nth-child(odd){
	margin-right: 5.2%;
}
.bourgogneWrap .bnrBlockA01 ul li:nth-child(n+3){
	margin-top: 5.39%;
}

/*cautionBlockA01******************************************************/
.bourgogneWrap .cautionBlockA01{
	margin: 0 0 8%;
	padding: 4%;
	background: #e3e5ed;
	color: #000000;
	line-height: 1.5;
	font-size: 14px;
}
.bourgogneWrap .cautionBlockA01 .txt{
	font-weight: 700;
	margin: 1% 0 0;
}
/*230613up******************************************************/
.bourgogneWrap .cpnBlockA02{
margin-bottom:5%;
}
.bourgogneWrap .couponWrapA01{
margin-bottom: 10.66%;
}
.bourgogneWrap .couponBlockA01{
background: url(../image/bourgogne_sp_bg_001_230613.png) no-repeat top center;
background-size: 100%;
}
.bourgogneWrap .couponBlockA01Inner{
width: 84%;
margin: 0 auto;
padding: 8% 0 9.2%;
}
.bourgogneWrap .couponBlockA01 .txtBlockA01{
margin: 0 0 12%;
}
.bourgogneWrap .couponBlockA01 .couponBtnA01{
margin: 3.9% auto 0;
}
.bourgogneWrap .cautiontxtBlock01{
text-indent: 5px;
font-size: min(2.67vw,20px);
line-height: 1.43;
font-weight: bold;
color: #3e3e3e;
}
.bourgogneWrap .couponLinkA01 a{
display: inline;
color: #0b318f;
text-decoration: underline;
}

/*250724 up******************************************************/
.bourgogneWrap .btnBlockA03{
margin-top: 5%;
background: url(../image/bourgogne_sp_bg_002_250724.jpg) no-repeat top center;
aspect-ratio: 750 / 330;
background-size: cover;
text-align: center;
}
.bourgogneWrap .btnBlockA03 .text{
padding-top: 4.5%;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , serif;
font-size: clamp(14px, 5vw, 38px);
font-weight: 600;
line-height: 1.4;
color: #6c5819;
}
.bourgogneWrap .btnBlockA03 .btn{
margin: 3.8% auto 0;
width: 92%;
}