@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:820px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.heatWrap span{
	display: block;
}
.heatWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.heatWrap a{
	display: block;
}

.heatWrap .headingBlockA01,
.heatWrap .headingBlockA02{
	margin: 0 0 3% 0;
}
.heatWrap .anchorLinkBlockA01{
	margin: 0 0 4% 0;
}
.heatWrap .anchorLinkBlockA01 ul li{
	float: left;
	width: 50%;
}
.heatWrap .anchorLinkBlockA02{
	margin: 0 0 4% 0;
}
.heatWrap .anchorLinkBlockA02 ul li{
	float: left;
	width: 33.33%;
}
.heatWrap .bnrBlockA01{
	width: 83%;
	margin: 0 auto 5% auto;
}
.heatWrap .bnrBlockA01 ul li{
	float: left;
	width: 46.6%;
	margin: 0 6.8% 0 0;
}
.heatWrap .bnrBlockA01 ul li:last-child{
	margin: 0 0 0 0;
}


/*pickupBlock
------------------------------------------------------*/
.heatWrap .pickupBlock01{
	border: solid 1px #130900;
	margin: 0 0 4% 0;
}

.heatWrap .pickupBlock01 .textBlockA01{
	background: #c1ae94;
}

.heatWrap .pickupBlock01 .textBlockA01 .textA01{
	float: left;
	width: 56.8%;
	padding: 0 0 3% 0;
}
.heatWrap .pickupBlock01 .textBlockA01 .rightBlockA01{
	float: right;
	width: 43.2%;
	padding: 0 0 3% 0;
}
.heatWrap .pickupBlock01 .textBlockA01 .btnA01{
	text-align:right;
	width:94%;
}

.heatWrap .pickupBlock01 .textBlockA01 .textA02{
	float: left;
	width: 64.2%;
}
.heatWrap .pickupBlock01 .textBlockA01 .priceA02{
	float: right;
	width: 35.8%
}
.heatWrap .pickupBlock01 .textBlockA01 .btnA02{
	width: 97.5%;
	text-align:right;
	margin: 0 2.5% 0 0;
	padding: 0 0 3% 0;
}
.heatWrap .pickupBlock01 .textBlockA01 .btnA02 img{
	width: 41.7%;
}

/*pickupBlock 181025up
------------------------------------------------------*/
.heatWrap .pickupBlock {
	margin: 0 0 5.2% 0;
}
.heatWrap .pickupBlock .headingBlock {
	margin: 2.6% 0 2.6% 0;
}
.heatWrap .pickupBlock .pickupBlockInner {
	padding: 2.6% 2.6% 2.6% 2.6%;
}
.heatWrap .pickupBlock .pickupBlockInner .column {
	margin: 0 0 6.5% 0;
}
.heatWrap .pickupBlock .pickupBlockInner .column .ttl {
	margin: 0 0 2.6% 0;
}
.heatWrap .pickupBlock .pickupBlockInner .headingBlock {
	padding: 1.3% 1.3% 1.3% 1.3%;
	font-size: 150%;
	line-height: 1.16;
	border: 1px solid #2b2a2a;
	border-width: 0 0 1px 7px;
}
.heatWrap .pickupBlock .pickupBlockInner .image {
	margin: 0 0 2.6% 0;
}
.heatWrap .pickupBlock .pickupBlockInner .point {
	margin: 0 0 2.4% 0;
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 1.6% 2.6% 1.6% 2.6%;
	font-size: 133%;
	line-height: 1.01;
	color: #fff;
	background: #883b1d;
}
.heatWrap .pickupBlock .pickupBlockInner .point .small {
	display: inline;
	font-size: 80%;
}
.heatWrap .pickupBlock .pickupBlockInner .pointTxt {
	margin: 0 0 5.2% 0;
	font-size: 125%;
}
.heatWrap .pickupBlock .pickupBlockInner .name,
.heatWrap .pickupBlock .pickupBlockInner .price {
	text-align: right;
}
.heatWrap .pickupBlock .pickupBlockInner .name {
	margin: 0 0 2% 0;
}
.heatWrap .pickupBlock .pickupBlockInner .name a {
	display: block;
	color: #000084;
	line-height: 1.50;
	text-decoration: underline;
}
.heatWrap .pickupBlock .pickupBlockInner .price {
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 2.6% 0;
}
.heatWrap .pickupBlock .pickupBlockInner .price .small {
	display: inline;
	font-size: 75%;
	vertical-align: middle;
}
.heatWrap .pickupBlock .pickupBlockInner .btn {
	margin: 0 0 4% 40%;
}

/* 211111up */
.heatWrap .cpnBlockB01 .cpnBlockB01Inner{
	position: relative;
}
.heatWrap .cpnBlockB01 .cpnBlockB01Inner .btnA01{
	position: absolute;
	width: 84.53%;
	top: 68.32%;
	left: 7.73%
}
.heatWrap .cpnBlockB01 .cpnBlockB01Inner .btnA02{
	position: absolute;
	width: 84.53%;
	top: 81.93%;
	left: 7.73%
}
.heatWrap .cpnBlockB01 .cautionBlock01{
	margin-top: 1.6%;
	text-indent: 4px;
	font-size: 11px;
	line-height: 1.44;
	font-weight: 600;
}
.heatWrap .cpnBlockB01 .cautionBlock01 .caution01 .link01{
	display: inline;
}
.heatWrap .cpnBlockB01 .cautionBlock01 .caution01 .link01 a{
	display: inline;
	color: #0b318f;
	text-decoration: underline;
}

/* ban_spバナー 2カラム */
.col2-ban_sp_290_108 .bannerList {
  --gap: 20px; /* 調整 */
  gap: var(--gap);
}
.col2-ban_sp_290_108 .bannerItem {
  width: calc(50% - var(--gap) / 2);
}
/* ban_spバナー 3カラム */
.col3-ban_sp_290_108 .bannerList {
  --gap: 10px; /* 調整 */
  gap: var(--gap);
}
.col3-ban_sp_290_108 .bannerItem {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}
.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;
}

.naviBlockA02 ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 3px;
}
.naviBlockA02 ul li{
width: calc(246 / 750 * 100%);
}
.naviBlockBtn{
width: calc(630 / 750 * 100%);
margin: calc(40 / 750 * 100%) auto;
}
