@charset "utf-8";
@media screen and (max-width: 768px) {
#contents05 .title_period {
    width: calc(100vw * 140 / 375);
    padding: calc(100vw * 18 / 375) 0 0;
  }
}
@media screen and (max-width: 768px) {
  .title_shop {
    width: calc(100vw * 140 / 375);
    padding: calc(100vw * 31 / 375) 0 0;
  }
}
#contents01 .title_period, #contents03 .title_period, #contents04 .title_period {
  width: 25%;
  margin: 0 auto;
  padding: 3% 0 0;
}
@media screen and (max-width: 768px) {
#contents01 .title_period, #contents03 .title_period, #contents04 .title_period {
    width: calc(100vw * 140 / 375);
    padding: calc(100vw * 24.5 / 375) 0 0;
  }
}

.campaign_end {
  margin: 6% auto 0;
  width: 83%;
}
@media screen and (max-width: 768px) {
  .campaign_end {
    margin: calc(100vw * 30 / 375) auto calc(100vw * 12 / 375);
    width: calc(100vw * 310 / 375);
  }
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents05_01 {
    margin: calc(100vw * 4 / 375) 0 0 calc(100vw * 27.5 / 375);
    width: calc(100vw * 320 / 375);
  }
}

#suntory_contents #contents07 {
  margin: 4% auto 0;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents07 {
    margin-top: 0;
  }
}
#suntory_contents #contents07_01 {
  margin: 0 7.7% 0 8.6%;
  width: 83.7%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents07_01 {
    margin: calc(-1*(100vw * 6.5 / 375)) 0 0 calc(100vw * 27.5 / 375);
    width: calc(100vw * 320 / 375);
  }
}
#suntory_contents #contents07_02 {
  margin: 3% auto 0;
  width: 83%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents07_02 {
    margin-top: calc(100vw * 18 / 375);
    width: calc(100vw * 310 / 375);
  }
}
#suntory_contents #contents07_02 {
  margin: 3% auto 0;
  width: 45.8%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents07_02 {
    margin-top: calc(100vw * 18 / 375);
    width: calc(100vw * 278 / 375);
  }
}
#suntory_contents #contents07_03 {
  margin: 3% auto 0;
  width: 57%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents07_03 {
    margin-top: calc(100vw * 18 / 375);
    width: calc(100vw * 303 / 375);
  }
}

#suntory_contents #contents08 {
  margin: 4% auto 0;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents08 {
    margin-top: 0;
  }
}
#suntory_contents #contents08_01 {
  margin: -6.5% 7.7% 0 8.6%;
  width: 83.7%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents08_01 {
    margin: calc(-1*(100vw * 35 / 375)) 0 0 calc(100vw * 27.5 / 375);
    width: calc(100vw * 320 / 375);
  }
}
#suntory_contents #contents08_02 {
  margin: 3% auto 0;
  width: 83%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents08_02 {
    margin-top: calc(100vw * 18 / 375);
    width: calc(100vw * 310 / 375);
  }
}
#suntory_contents #contents08_02 {
  margin: 3% auto 0;
  width: 45.8%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents08_02 {
    margin-top: calc(100vw * 18 / 375);
    width: calc(100vw * 278 / 375);
  }
}
#suntory_contents #contents08_03 {
  margin: 3% auto 0;
  width: 57%;
}
@media screen and (max-width: 768px) {
  #suntory_contents #contents08_03 {
    margin-top: calc(100vw * 18 / 375);
    width: calc(100vw * 303 / 375);
  }
}