@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap");
.lp {
  font-family: "M PLUS Rounded 1c", Courier, monospace, sans-serif;
  overflow: hidden;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bg-orange {
  background-color: #fc9e2e;
}

.bg-light-orange {
  background-color: #fff6df;
}

.bg-yellow {
  background-color: #ffdc38;
}

.bg-blue {
  background-color: #524cd9;
}

.bg-dark-red {
  background-color: #300000;
}

.list-table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 992px) {
  .list-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.list-table th {
  white-space: nowrap;
  padding: 8px;
  border: solid 1px #eee;
  font-size: 14px;
  background-color: #f7f7f7;
}

.list-table td {
  padding: 8px;
  border: solid 1px #eee;
  font-size: 14px;
}
.list-table td table {
  width: 100%;
}
.list-table td td {
  padding: 0;
  border: none;
}

.lp-voice-text {
  margin-top: -5%;
}
@media (max-width: 750px) {
  .lp-voice-text {
    margin-top: -6%;
  }
}

.lp-voice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.lp-voice-item__img {
  display: block;
  width: 118px;
  height: auto;
}
@media (max-width: 750px) {
  .lp-voice-item__img {
    width: 79px;
  }
}

.lp-voice-item__body {
  color: #300000;
}
.lp-voice-item__body dt span {
  border-bottom: 4px solid #ffe155;
  line-height: 1.8;
}

.list-asterisk-num {
  display: inline-block;
  list-style: none;
}
.list-asterisk-num > li {
  position: relative;
  padding-left: 1.8rem;
  padding-bottom: 0.5rem;
  font-size: calc(1rem - 1px);
  text-align: left;
  counter-increment: num;
}
.list-asterisk-num > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※" counter(num);
}
.list-asterisk-num > li:last-child {
  padding-bottom: 0;
}
.list-asterisk-num .list-num {
  display: inline-block;
  list-style: none;
}
.list-asterisk-num .list-num > li {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 0.5rem;
  font-size: calc(1rem - 2px);
  text-align: left;
  counter-increment: innum;
}
.list-asterisk-num .list-num > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "（" counter(innum) "）";
}
.list-asterisk-num .list-num > li:last-child {
  padding-bottom: 0;
}

.btn-lp {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  border-radius: 50rem;
  border: solid 2px #fff;
  background-color: #e61616;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.btn-lp::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 100%;
  height: 78px;
  background-color: #ffdc38;
  border-radius: 50rem;
  z-index: -1;
}
.btn-lp:hover {
  color: #fff;
  background-color: #ff3a3a;
}

.lp-top {
  width: 100%;
  overflow: hidden;
}

.lp-firstview {
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  margin: auto;
  background: url(/img/big/mega/mv-bg_pc.png) no-repeat;
  background-position: center;
  background-size: cover;
}
@supports (background-image: url(/img/big/mega/mv-bg_pc.webp)) {
  .lp-firstview {
    background-image: url(/img/big/mega/mv-bg_pc.webp);
  }
}
@media (max-width: 750px) {
  .lp-firstview {
    background: url(/img/big/mega/mv-bg_sp.png) no-repeat;
    background-position: center;
    background-size: cover;
  }
  @supports (background-image: url(/img/big/mega/mv-bg_sp.webp)) {
    .lp-firstview {
      background-image: url(/img/big/mega/mv-bg_sp.webp);
    }
  }
}

/*
	アニメーション
*/
.lp-title {
  position: relative;
  z-index: 0;
  display: block;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: scaleUp 0.8s ease 0s 1 forwards;
  animation: scaleUp 0.8s ease 0s 1 forwards;
}
.lp-title img {
  display: block;
  width: 50%;
  margin: auto;
}
@media (max-width: 750px) {
  .lp-title img {
    width: 87%;
  }
}

@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUp {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.lp-img__to-left {
  position: absolute;
  z-index: -1;
  top: -16%;
  left: -50%;
  bottom: 0;
  display: block;
  width: auto;
  height: 75%;
  margin: auto;
  opacity: 0;
  -webkit-animation: slideToRight 0.5s ease-in 0s 1 forwards;
  animation: slideToRight 0.5s ease-in 0s 1 forwards;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@media (max-width: 750px) {
  .lp-img__to-left {
    left: -100%;
  }
}

.lp-img__to-right {
  position: absolute;
  z-index: -1;
  top: -13%;
  right: -50%;
  bottom: 0;
  display: block;
  width: auto;
  height: 75%;
  margin: auto;
  opacity: 0;
  -webkit-animation: slideToLeft 0.5s ease-in 0s 1 forwards;
  animation: slideToLeft 0.5s ease-in 0s 1 forwards;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@media (max-width: 750px) {
  .lp-img__to-right {
    right: -100%;
  }
}

@-webkit-keyframes slideToRight {
  0% {
    opacity: 0;
    left: -10%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    left: 5%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    left: 5%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes slideToRight {
  0% {
    opacity: 0;
    left: -10%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    left: 5%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    left: 5%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slideToLeft {
  0% {
    opacity: 0;
    right: -10%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    right: 4%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    right: 4%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes slideToLeft {
  0% {
    opacity: 0;
    right: -10%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    right: 4%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    right: 4%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media (max-width: 750px) {
  @-webkit-keyframes slideToRight {
    0% {
      opacity: 0;
      left: -40%;
      -webkit-transform: scale(0.3);
      transform: scale(0.3);
    }
    50% {
      left: -19%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      left: -19%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes slideToRight {
    0% {
      opacity: 0;
      left: -40%;
      -webkit-transform: scale(0.3);
      transform: scale(0.3);
    }
    50% {
      left: -19%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      left: -19%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes slideToLeft {
    0% {
      opacity: 0;
      right: -40%;
      -webkit-transform: scale(0.3);
      transform: scale(0.3);
    }
    50% {
      right: -20%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      right: -20%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes slideToLeft {
    0% {
      opacity: 0;
      right: -40%;
      -webkit-transform: scale(0.3);
      transform: scale(0.3);
    }
    50% {
      right: -20%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      right: -20%;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
}
.lp-end {
  position: relative;
  display: block;
  background-color: #f8f8fe;
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 20px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 45px);
}
@media (max-width: 750px) {
  .lp-end {
    background-image: repeating-linear-gradient(-45deg, #fff, #fff 14px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 32px);
  }
}

.lp-scroll-top {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50rem;
  background-color: #e61616;
  color: rgba(255, 255, 255, 0);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
@media (max-width: 750px) {
  .lp-scroll-top {
    bottom: 14px;
  }
}
.lp-scroll-top::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  border-top: solid 4px #fff;
  border-left: solid 4px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lp-scroll-top:hover {
  background-color: #ff3a3a;
  color: rgba(255, 255, 255, 0);
}

.js-fadeIn-to-right {
  opacity: 0;
  -webkit-transform: translate(-10%, 0);
  transform: translate(-10%, 0);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.js-fadeIn-to-right.is-show {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.js-fadeIn-to-left {
  opacity: 0;
  -webkit-transform: translate(10%, 0);
  transform: translate(10%, 0);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.js-fadeIn-to-left.is-show {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.js-fadeIn {
  opacity: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.js-fadeIn.is-show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.js-accordion-header {
  position: relative;
  text-align: center;
  padding-right: 3rem;
  color: #e61616;
  font-weight: bold;
  font-size: 16px;
}
.js-accordion-header::after, .js-accordion-header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 15%;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 0.75em;
  background-color: #e61616;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 360px) {
  .js-accordion-header::after, .js-accordion-header::before {
    right: 10%;
  }
}
.js-accordion-header::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.js-accordion-header.-largeText::after, .js-accordion-header.-largeText::before {
  content: "";
  right: 8%;
}

.js-accordion-open .js-accordion-header::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mega__section-wrap {
  background-image: url(/img/big/mega/mega-section-bg.png);
  background-repeat: repeat-y;
  background-position: left;
}

.mega__section-container {
  background-image: url(/img/big/mega/mega-section-bg.png);
  background-repeat: repeat-y;
  background-position: right;
}

.list-star::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 5px;
  display: block;
  width: 40px;
  height: 100%;
  background-image: url(/img/big/mega/summary-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 750px) {
  .list-star::before {
    top: 10px;
    width: 30px;
    background-size: contain;
  }
}
.list-star::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 5px;
  display: block;
  width: 40px;
  height: 100%;
  background-image: url(/img/big/mega/summary-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 750px) {
  .list-star::after {
    top: 10px;
    width: 30px;
    background-size: contain;
  }
}
.list-star ul {
  position: relative;
  z-index: 1;
}

/* add for top banner */
.topBanner {
  margin: 12px auto 16px auto;
  max-width: 980px;
  padding-left: 16px;
  padding-right: 16px;
}

.topBanner a, .topBanner img {
  display: block;
  margin: 0 auto;
}

.topBanner img {
  width: 100%;
  height: auto;
  max-width: 980px;
}

@media (max-width: 768px) {
  .topBanner {
    margin-bottom: 14px;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 600px;
  }
}
.mega_top_notice {
  font-size: 14px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mega_top_notice .list-num > li:before {
  top: 0px;
}

.mega-appeal-item {
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  width: 75%;
  margin: 20px auto;
  padding: 30px 15px;
  background-color: white;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .mega-appeal-item {
    width: 95%;
    margin: 16px auto;
    padding: 15px;
  }
}

.mega-appeal-item h3 {
  font-size: 32px;
  font-weight: 800;
}
@media (max-width: 768px) {
  .mega-appeal-item h3 {
    font-size: 24px;
  }
}

.mega-appeal-item h3 span {
  color: #bf0000;
  font-size: 40px;
}
@media (max-width: 768px) {
  .mega-appeal-item h3 span {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .mega-appeal-item img {
    width: 87%;
  }
}

.mega-rakuten-appeal-item {
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: white;
  width: 75%;
  margin: 20px auto;
  padding: 30px 15px;
  border: solid 3px white;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .mega-rakuten-appeal-item {
    width: 100%;
    margin: 16px auto;
    padding: 15px;
  }
}

.mega-rakuten-appeal-item h3 {
  font-size: 32px;
  font-weight: 800;
}
@media (max-width: 768px) {
  .mega-rakuten-appeal-item h3 {
    font-size: 22px;
  }
}

.underline_red {
  position: relative;
  padding-bottom: 10px;
}
.underline_red::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #FFE1E1;
}

.underline_white {
  position: relative;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .underline_white {
    display: block;
    width: 100%;
  }
}
.underline_white::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: white;
}

/* add for cpBanner above cv button */
.campaignBanner {
  max-width: 632px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px 0;
  margin: 20px auto 16px;
}
.campaignBanner img {
  -webkit-box-shadow: 0, 0, 0, 0.05 0px 1px 2px 0px;
  box-shadow: 0, 0, 0, 0.05 0px 1px 2px 0px;
}
.campaignBanner img:hover, .campaignBanner img:active {
  opacity: 0.8;
}
@media (max-width: 576px) {
  .campaignBanner {
    margin: 24px auto 24px;
  }
}

/* add for cpBanner above cv button */
/* add for omakase recommend */
.ovalBtn {
  padding: 22px;
  font-size: 20px;
  min-width: 333px;
}
@media (max-width: 576px) {
  .ovalBtn {
    min-width: 100%;
  }
}
@media (max-width: 360px) {
  .ovalBtn {
    padding: 14px 16px 15px 16px;
    font-size: 14px;
  }
}

.recommend-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48px;
}
@media (max-width: 768px) {
  .recommend-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px;
  }
}

.ff-Inter {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.recommend-btn-wrap {
  margin-top: 2.8rem;
  width: 333px;
}
@media (max-width: 768px) {
  .recommend-btn-wrap {
    margin-top: 0;
    width: 100%;
  }
}

.recommend-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
@media (max-width: 768px) {
  .recommend-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #E61616;
    padding: 40px 18px 24px;
  }
}

.recommendation {
  position: absolute;
  top: -3rem;
  right: 0;
  left: 0;
  display: block;
  width: 147px;
  height: 34px;
  margin: auto;
  padding: 8px 0;
  background-color: #198754;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
}
.recommendation::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.5rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #198754;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .recommendation {
    top: -1rem;
  }
}

.recommend-reason_pc {
  display: block;
}
@media (max-width: 768px) {
  .recommend-reason_pc {
    display: none;
  }
}

.recommend-reason_sp {
  display: none;
  padding-left: 0;
  padding-right: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.recommend-reason_sp dt {
  font-size: 15px;
}
@media (max-width: 768px) {
  .recommend-reason_sp {
    display: block;
  }
}

.reason-title {
  display: inline-block;
  padding: 2px 12px;
  font-size: 24px;
  font-weight: 900;
  color: #E61616;
  background: no-repeat url("/img/big/mega/line5.png");
  background-size: contain;
  background-position: bottom -2px left 0px;
}
@media (max-width: 768px) {
  .reason-title {
    font-size: 20px;
  }
}

.reason-text {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0;
}
@media (max-width: 768px) {
  .reason-text {
    font-size: 13px;
    margin: 0 -0.5rem;
  }
}

.reason-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 460px;
  padding: 12px 24px;
  margin: 40px auto;
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  background-color: #FFF6DF;
  border-radius: 10px;
}
.reason-caption span {
  font-weight: 800;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(80%, #FFE87D));
  background: linear-gradient(transparent 50%, #FFE87D 80%);
}
@media (max-width: 768px) {
  .reason-caption {
    width: 90%;
    padding: 8px;
    font-size: 13px;
    border-radius: 8px;
  }
  .reason-caption span {
    font-weight: 700;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(80%, #FFE87D));
    background: linear-gradient(transparent 50%, #FFE87D 80%);
  }
}

.caption_a {
  padding-left: 5rem;
  position: relative;
}

.man_a {
  position: absolute;
  width: 81px;
  height: 81px;
  bottom: 0;
  left: -1.5rem;
}
@media (max-width: 768px) {
  .man_a {
    width: 77px;
    height: 77px;
  }
}

.caption_b {
  padding-right: 5rem;
  position: relative;
}

.man_b {
  position: absolute;
  width: 81px;
  height: 81px;
  bottom: 0;
  right: -1.5rem;
}
@media (max-width: 768px) {
  .man_b {
    width: 77px;
    height: 77px;
  }
}

.pitari-content-b {
  display: none;
}

.link-color {
  color: #300000 !important;
}
.link-color:visited, .link-color:link {
  color: #300000 !important;
}
.link-color:hover {
  opacity: 0.8;
}

.link-big-top {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #0000FF !important;
}
.link-big-top:visited, .link-big-top:link {
  color: #0000FF !important;
}
.link-big-top:hover {
  opacity: 0.8;
}

/* add for omakase recommend */
/* add for carryover */
#jackpot-display {
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 900;
  width: 100%;
  min-height: 260px;
  padding: 2rem 0;
  background-color: #bf0000;
}
@media (max-width: 768px) {
  #jackpot-display {
    min-height: 200px;
  }
}

#jackpot-content {
  min-height: 260px;
  opacity: 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: scaleUp_jackpot 2s ease 0.1s 1 forwards;
  animation: scaleUp_jackpot 2s ease 0.1s 1 forwards;
  display: block !important; /* JavaScriptでdisplayを制御しないように上書き */
}
@media (max-width: 768px) {
  #jackpot-content {
    min-height: 200px;
  }
}

@-webkit-keyframes scaleUp_jackpot {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUp_jackpot {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#jackpot-content.visible {
  opacity: 1;
}

#jackpot-display h3 {
  font-size: 40px;
  font-weight: 900;
}
@media (max-width: 768px) {
  #jackpot-display h3 {
    font-size: 26px;
  }
}
@media (max-width: 365px) {
  #jackpot-display h3 {
    font-size: 24px;
  }
}

.jackpot-info {
  color: #E4D05E;
  font-size: 20px;
  gap: 18px;
  position: relative;
  display: inline-block;
  padding: 0 22px;
}
@media (max-width: 768px) {
  .jackpot-info {
    font-size: 16px;
    gap: 16px;
  }
}

.jackpot-info::before,
.jackpot-info::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 93px;
  height: 3px;
  background-color: #E4D05E;
}
@media (max-width: 768px) {
  .jackpot-info::before,
  .jackpot-info::after {
    width: 42px;
  }
}

.jackpot-info::before {
  left: -4.5em;
}
@media (max-width: 768px) {
  .jackpot-info::before {
    left: -2.5em;
  }
}

.jackpot-info::after {
  right: -4.5em;
}
@media (max-width: 768px) {
  .jackpot-info::after {
    right: -2.5em;
  }
}

#megaFirstPrizePayout {
  font-size: 34px;
}
@media (max-width: 768px) {
  #megaFirstPrizePayout {
    font-size: 22px;
  }
}
@media (max-width: 365px) {
  #megaFirstPrizePayout {
    font-size: 18px;
  }
}

.oku span,
.man span {
  display: inline-block;
  background-color: white;
  padding: 0 5px;
  border: 1px solid #ccc;
  margin: 2px;
  color: #000000;
  font-size: 52px;
}
@media (max-width: 768px) {
  .oku span,
  .man span {
    padding: 0 4px;
    font-size: 35px;
  }
}
@media (max-width: 365px) {
  .oku span,
  .man span {
    font-size: 28px;
  }
}

#data-time {
  font-weight: 400;
}

#jackpot-limit-time:empty,
#data-time:empty {
  display: none;
}

.-hide {
  opacity: 0;
}

/* add for carryover */
.largeBanner.pitari-banner {
  display: block;
  max-width: 1080px;
  width: 100%;
  padding: 0px 30px;
  margin: 20px auto 80px auto;
}
@media (max-width: 576px) {
  .largeBanner.pitari-banner {
    margin-top: 16px;
    margin-bottom: 52px;
  }
}
.largeBanner.pitari-banner img {
  width: 100%;
  height: auto;
}
.largeBanner.pitari-banner a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.largeBanner.pitari-banner.mega {
  margin-top: 40px;
}
@media (max-width: 576px) {
  .largeBanner.pitari-banner.mega {
    margin-top: 16px;
  }
}