@charset "UTF-8";

.premium_area {
  padding: 0 0 50px;
  background: #000;
}

.premium_inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

.premium_text {
  margin: 10px 0 20px;
  text-align: center;
  font-family: serif;
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
}

.premium_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
  padding: 0 10px;
}

.premium_flex > * {
  display: block;
  width: calc((100% - 40px)/3);
}

.item_area {
  padding: 60px 10px 50px;
  background: url(/img/usr/event/lucky-b/images/bg_yellow.jpg);
}

.item_inner {
  max-width: 800px;
  margin: 0 auto;
}

.item_text {
  margin: 40px 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.item_text span {
  color: #d50e0e;
}

.item_flex {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 0 10px;
}

.item_flex > * {
  width: calc((100% - 10px)/2);
}

.notice_store {
  margin: 70px auto 0;
}

.notice_store_title {
  padding-bottom: 12px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
  border-bottom: 1px solid #707070;
}

.notice_store p {
  text-align: center;
  font-size: 14px;
  line-height: 1.75;
}

.movie_area {
  margin: 50px auto 0;
  text-align: center;
}

.movie video {
  width: 55%;
  aspect-ratio: 16 / 9;
}

[data-browse-mode="S"] .premium_area {
  padding: 0 0 40px;
}

[data-browse-mode="S"] .premium_inner {
  padding: 0 15px;
}

[data-browse-mode="S"] .premium_text {
  padding: 0 5px;
  text-align: left;
  font-size: 14px;
}

[data-browse-mode="S"] .premium_flex {
  gap: 20px 5px;
  padding: 0 5px;
}

[data-browse-mode="S"] .premium_flex > * {
  width: calc((100% - 5px)/2);
}

[data-browse-mode="S"] .item_area {
  padding: 30px 10px;
}

[data-browse-mode="S"] .item_text {
  margin: 30px 0;
  padding: 0 10px;
  text-align: left;
  font-size: 14px;
}

[data-browse-mode="S"] .item_flex {
  padding: 0 5px;
}

[data-browse-mode="S"] .notice_store {
  margin: 40px auto 0;
  padding: 0 10px;
}

[data-browse-mode="S"] .notice_store_title {
  font-size: 17px;
}

[data-browse-mode="S"] .notice_store p {
  text-align: left;
}

[data-browse-mode="S"] .movie_area {
  margin: 50px auto 0;
}

[data-browse-mode="S"] .movie video {
  width: 100%;
  aspect-ratio: 1 / 1;
}