@charset "shift_jis";
/*content820pxReset*/
#main{
width:820px;
}
.contents_bg{
max-width: 1120px;
margin: 0 auto;
}
body.min{
min-width: 1120px;
}
/*luckyBagWrap****************************************************/
.luckyBagWrap{
width:100%;
max-width:820px;
margin: 0 auto;
}
.luckyBagWrap img{
vertical-align:top;
}
.luckyBagWrap a{
display: block;
text-decoration: none;
}
/* 終了対応 */
.luckyBagWrap .mv {
  position: relative;
}
.luckyBagWrap .grayOut::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 10;
}
.luckyBagWrap .grayOut::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 600px;
  height: 76px;
  background: url(../image/luckyBag_end_001_240129.gif) no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 20;
}
/* mv */
.mvBand {
  margin-block-end: 60px;
}
/* anchor */
.anchorBlock {
  display: flex;
  column-gap: 10px;
}
.anchor {
  padding: 10px;
}
.anchorBg01 {
  background-image: url(../image/luckyBag_sp_anchor_bg_001_241206.jpg);
}
.anchorBg02 {
  background-image: url(../image/luckyBag_sp_anchor_bg_002_241206.jpg);
}
.anchorTitle {
  margin-block-end: 12px;
  text-align: center;
}
.anchor ul {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}
.anchor li {
  background-color: #d34730;
}
.anchorBtn {
  background-color: #fff5cf;
}
.anchorBtn .disabled {
  pointer-events: none;
}

.anchorBlock.secondSet {
  display: block;
  column-gap: 10px;
}
.anchorBlock.secondSet .anchorBg02 {
  background-image: url(../image/luckyBag_sp_anchor_bg_003_250106.jpg);
}
.anchorBlock.secondSet .anchor {
  padding: 20px;
}
.anchorBlock.secondSet .anchor ul {
  justify-content: center;
  column-gap: 36px;
}
.anchorBlock.secondSet .anchorTitle {
  margin-block-end: 24px;
}
/* product */
.product {
  margin-block-start: 30px;
  padding-block-start: 50px;
  padding-block-end: 110px;
  background-image: url(../image/luckyBag_bg_001_241206.png),
  url(../image/luckyBag_bg_002_241206.png),
  url(../image/luckyBag_sp_bg_003_241206.jpg);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: top left, bottom right, top left;
}
.productInner {
  padding-inline: 35px;
}
.productTitle {
  margin-block-end: 40px;
  text-align: center;
}
.productBlock {
  display: flex;
  column-gap: 40px;
}
.productImg {
  text-align: center;
}
.productContent {
  flex-grow: 1;
}
.productName {
  margin-block: calc((1em - 1lh) / 2);
  font-size: 17px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: calc(30 / 17);
  color: #000;
}
.productText {
  margin-block-start: 13px;
  font-size: 16px;
  line-height: calc(26 / 16);
  color: #000;
}
.productPrice {
  margin-block-start: 30px;
  font-size: 24px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1;
  color: #000;
  text-align: right;
}
.productPrice span {
  font-size: 22px;
}
.productBtn {
  margin-block-start: 40px;
  margin-inline-start: auto;
  inline-size: fit-content;
}
/* headingBlock */
.headingBlock p {
  font-size: 15px;
  margin-block-start: 5px;
}

/* bannerWrap */
.bannerWrap {
  margin: 30px auto;
}
.bannerList {
  margin-top: 30px;
  margin-inline: auto;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
.bannerWrap .bannerItem img {
  width: 100%;
  height: 100%;
}
/* 2カラム+3カラム */
.col2-3 .bannerList {
  width: 820px;
  --gap: 20px;
  gap: var(--gap);
}
.col2-3 .bannerItem:nth-child(-n+2) {
  width: calc(50% - var(--gap) / 2);
}
.col2-3 .bannerItem:nth-child(n+3) {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}

.noteBox--bg {
  padding: 1em;
  background-color: #e3e5ed;
}
.noteBox--bg .noteText {
  font-weight: bold;
}
.noteBox {
  margin-top: 30px;
  margin-inline: auto;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.3px;
}

/* imageバナー 3カラム */
.col3-image_220_255 .bannerList {
  width: 600px; /* 調整 */
  --gap: 20px; /* 調整 */
  gap: var(--gap);
}
.col3-image_220_255 .bannerItem {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}
/* imageバナー 4カラム */
.col4-image_220_255 .bannerList {
  width: 750px; /* 調整 */
  --gap: 20px; /* 調整 */
  gap: var(--gap);
}
.col4-image_220_255 .bannerItem {
  width: calc(25% - var(--gap) * 3 / 4);
}

/* 251219 */
.mv p{
position: absolute;
bottom: 53px;
right: 270px;
}
.mv p a.ov_image:hover img {
filter:contrast(200%);
}
.noteBlock{
margin-top: 20px;
line-height: 1.5;
}
.anchorBlock2026{
margin-top: 40px;
}
.anchorBlock2026 ul{
display: flex;
justify-content: center;
gap: 30px;
}
.bargainsBlock ul{
display: flex;
margin-top: 40px;
flex-wrap: wrap;
gap: 20px 15px;
justify-content: center;
}
