@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 */
.valentineAndWhitedayWrap {
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
}
.valentineAndWhitedayWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.valentineAndWhitedayWrap a {
	display: block;
}

.valentineAndWhitedayWrap .valentineAndWhitedayWrapInner {
	margin: 9.4% 0 0;
	padding: 0 4%;
}

/*anchorLinkBlock*/
.valentineAndWhitedayWrap .anchorLinkBlock {
	margin: 2.93% auto 8%;
  padding: 17.33% 7.33% 0;
	background: url("../image/valentineAndWhiteday_sp_bg_001_250106.jpg");
  aspect-ratio: 750 / 1591;
  background-size: cover;
}
.valentineAndWhitedayWrap .anchorLinkBlock ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.valentineAndWhitedayWrap .anchorLinkBlock ul li {
  margin-bottom: 4.53%;
  width: calc(312 / 750 * 100%);
}
.itemListBtn{
  width: 77.8%;
  margin: 5% auto 0;
}

/*cautionBlock*/
.valentineAndWhitedayWrap .cautionBlock {
	margin: 0 0 10%;
	background: #E3E5ED;
	padding: 2.3%;
	font-weight: bold;
}
.valentineAndWhitedayWrap .cautionBlock .txt {
	margin-bottom: 1.4%;
}
.valentineAndWhitedayWrap .cautionBlock .txt:last-child {
	margin: 0;
}

.valentineAndWhitedayWrap .bnrBlockB01 {
	margin: 0 auto;
}
.valentineAndWhitedayWrap .bnrBlockB01 ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 3%;
  grid-row-gap: 3%;
}

/*bannerWrap*/
.bannerWrap {
  margin: calc(20 / 750 * 100%) auto;
}
.titleBlock-h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.bannerList {
  margin-top: calc(20 / 750 * 100%);
  margin-inline: auto;
  width:calc(690 / 750 * 100%);
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
.col2-image_220_255 .bannerList {
  --gap: 20px;
  gap: var(--gap);
}
.col2-image_220_255 .bannerItem {
  width: calc(50% - var(--gap) / 2);
}