@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 */
.heatWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.heatWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.heatWrap a{
	display: block;
}
.heatWrap .anchorLinkBlockA01{
	margin: 0 0 10.6% 0;
}
/* .heatWrap .anchorLinkBlockA01 ul li{
	float: left;
	width: 33.19%;
}
.heatWrap .anchorLinkBlockA01 ul li:nth-child(2){
	width: 33.46%;
}
.heatWrap .anchorLinkBlockA01 ul li:last-child{
	width: 33.33%;
} */

/* 200709追加 */
.heatWrap .couponBlock{
	margin: 0 0 16%;
}
.heatWrap .couponBlock .imageBlock01{
	position: relative;
}
.heatWrap .couponBlock .imageBlock01 .btnA01{
	position: absolute;
	width: 84.5%;
	top: 68.3%;
	left: 7.7%
}
.heatWrap .couponBlock .imageBlock01 .btnA02{
	position: absolute;
	width: 84.5%;
	top: 81.9%;
	left: 7.7%
}
.heatWrap .couponBlock .cautionBlock01{
	margin-top: 1.6%;
	text-indent: 4px;
	font-size: 12px;
	line-height: 1.44;
	font-weight: 600;
	color: #000;
}
.heatWrap .couponBlock .cautionBlock01 .caution02 .link01 a{
	display: inline;
	color: #0b318f;
	text-decoration: underline;
}

/* 250612追加 */
.heatWrap .anchorLinkBlockA01 ul li {
	float: left;
}
.heatWrap .anchorLinkBlockA01 ul li:nth-child(3n+1),
.heatWrap .anchorLinkBlockA01 ul li:nth-child(3n+2) {
	width: calc(251 / 750* 100%);
}
.heatWrap .anchorLinkBlockA01 ul li:nth-child(3n+3) {
	width: calc(248 / 750* 100%);
}

.bannerWrap {
  margin: calc(50 / 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;
}

/* 286バナー 2カラム */
.col2-286_286 .bannerList {
  --gap: 20px;
  gap: var(--gap);
}
.col2-286_286 .bannerItem {
  width: calc(50% - var(--gap) / 2);
}