:root { --glay: #636363; }

.breadcrumb-content { padding: 5px 0;
  @media screen and (min-width: 768px) { padding: 10px 0; } }

.kome { margin-bottom: 20px; font-size: 11px; color: var(--glay); }
.expired { color: red; text-align: center; font-weight: 500; background-color: #FAE0E0; padding: 10px; }
.ctr { text-align: center; }
.w90 { width: 90%; margin: 1% 5% 0%; }
.w100 { width: 100%; margin: 5px 0px; }

@media (min-width: 768px) {
  .sponly { display: none !important; }
}

.main425 { font-size: 100%;
  --t-xs: clamp(0.50rem, 0.350vw + 0.457rem, 0.72rem);
  --t-sm: clamp(0.6rem, 0.388vw + 0.509rem, 0.8rem);
  --t-base: clamp(0.7rem, 0.485vw + 0.636rem, 0.9rem);
  --t-md: clamp(0.938rem, 0.606vw + 0.795rem, 1.2rem);
  --t-lg: clamp(1.172rem, 0.758vw + 0.994rem, 1.563rem);
  --t-xl: clamp(1.465rem, 0.947vw + 1.243rem, 1.953rem);
  background-image: url("/assets/images/pages/f-static/campaign/425/425_bg_001s.jpg");
  background-repeat: no-repeat; background-position: top center; background-size: 100% auto;
  background-color: #291810;
  @media screen and (min-width: 768px) {
    background-image: url("/assets/images/pages/f-static/campaign/425/425_bg_001.jpg");background-size: 1450px auto;
  }
}


.main425 .mvsection { width: 100%;
  & .mvsection_ttlbox { width: 96%; max-width: 1200px; margin: auto; position: relative; padding-top: 20px; padding-bottom:30px;
      @media screen and (max-width: 768px) {height: 85vw;  }
    & .ttlimg { width: 100%; display: block; margin: auto; padding-top: 15px;
      img { width: 100%; }
      @media screen and (min-width: 768px) { width:550px; padding-top: 50px; margin-left: 300px; } }
    & .pointarea { width:100%; display: block; margin: auto; padding-top: 10px;
      img { width: 100%; }
      @media screen and (min-width: 768px) { width: 520px; padding-top: 30px; margin-left:300px; } } 
    & p { width: 70%; margin: auto; margin-top: 40px; padding-bottom: 10px; font-size: var(--t-base); line-height: 2; letter-spacing: 0.12em; font-weight: 500; color: #fff; text-align: center;
      @media screen and (min-width: 768px) { width: 490px; display: block; margin-top: 0; padding-top: 10px; } }
    & .coution { display: block; margin: 20px auto; font-size: var(--t-xs); line-height: 1.5; text-align: center; }
  }
}


.main425 .mainsection { margin: 60px 0; padding-bottom: 60px; padding-top: 60px; background-color: #977c59;
  & .deco { width: 100%; display: block; margin: auto; padding-bottom: 20px; margin-top: -80px;
    @media screen and (min-width: 768px) { width: 700px; padding-bottom: 40px; } }
  & .infobox{padding: 20px; background-color: #fff; border-radius: 10px; width: 90%; margin: auto;
    @media screen and (min-width: 768px) { width: 1000px; padding: 20px 50px 40px;  }
    & .ttl { font-size: var(--t-md); line-height: 1.5; letter-spacing: 0.12em; font-weight: 500; margin-bottom: 10px; margin-top: 20px; border-bottom: 1px solid #adadad; padding-bottom: 5px; }
    & p { font-size: var(--t-base); line-height: 1.5; letter-spacing: 0.12em; }
  }

}