@charset "UTF-8";
@forward 'sass:math' as math-*;
/**
  スクロール位置で表示アニメーション
 **/
/* bound text animation
--------------- */
@keyframes bound-text {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(-10px); } }

.is-animated .bound-text {
  position: relative;
  transform-origin: center bottom;
  animation-name: bound-text;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }

/* bound text animation
--------------- */
.is-animated .animation-zoom-in {
  animation-name: zoomInAnime;
  animation-duration: 0.5s; }

@keyframes zoomInAnime {
  0% {
    transform: scale(1); }
  50% {
    transform: translateY(-15%) scale(1.1); }
  100% {
    transform: translateY(0) scale(1); } }

/* zoomOut animation
--------------- */
.animation-zoom-out {
  opacity: 0; }
  .is-animated .animation-zoom-out {
    animation-name: zoomOutAnime;
    animation-duration: 0.7s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards; }

@keyframes zoomOutAnime {
  0% {
    opacity: 0; }
  50% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes bounce {
  0% {
    opacity: 0; }
  0%,
  20%,
  50%,
  75%,
  100% {
    transform: translateY(0); }
  20% {
    transform: scale(0.5) translate3d(0, -30px, 0);
    transition: opacity 0.5s ease, transform 1s cubic-bezier(0.16, 0.05, 0, 1); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-10px); }
  100% {
    opacity: 1; } }

/* above fadeIn animation
--------------- */
.animation-above-fade-in {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.5, 0, 0, 1), transform 0.5s cubic-bezier(0.5, 0, 0, 1);
  transform: translateY(-100px); }
  .animation-above-fade-in.is-animated {
    opacity: 1;
    transform: translateY(0); }

/* bottom fadeIn animation
--------------- */
.animation-bottom-fade-in {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.5, 0, 0, 1), transform 1s cubic-bezier(0.5, 0, 0, 1);
  transform: translateY(50px); }
  .is-animated .animation-bottom-fade-in {
    opacity: 1;
    transform: translateY(0); }

/* Button animation
--------------- */
@keyframes scale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05, 1.05); }
  100% {
    transform: scale(1); } }

.button-anim {
  display: block;
  transition: 0.5s;
  animation-name: scale;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }
  .button-anim:hover {
    animation: none; }
  @media screen and (min-width: 768px) {
    .button-anim {
      animation: none;
      transform: none;
      transition: unset; } }

.text-bounce.is-animated {
  position: relative;
  transform-origin: center bottom;
  animation-name: bounce;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  opacity: 0; }

.button-hover {
  display: block;
  transition: 0.5s; }
  .button-hover:hover {
    transform: scale(1.05, 1.05); }

/* bound text animation
--------------- */
@keyframes movingThumb {
  0%,
  100% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(0px) rotate(3deg); } }

.thumb-animation.is-moving {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 50% 100%;
  animation: movingThumb 0.5s linear 2;
  animation-delay: 0.5s; }

.entry-method-item.thumb-animation.is-animated::before {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 50% 100%;
  animation: movingThumb 0.5s linear 2;
  animation-delay: 0s; }

@keyframes movingText {
  0%,
  100% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(5px) rotate(7.5deg); } }

.text-animation.is-moving {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 50% 100%;
  animation: movingText 0.5s linear 1;
  animation-delay: 0.5s; }

/* slide in
--------------- */
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0; }
  100% {
    transform: translateX(0); }
  40%,
  100% {
    opacity: 1; } }

.scroll-animation {
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.72s cubic-bezier(0.16, 0.05, 0, 1);
  transform: scale(0.95) translate3d(0, 1em, 0); }
  .scroll-animation.is-animated {
    opacity: 1;
    transform: scale(1) translateZ(0); }

/* モグラたたき風
--------------- */
.image-slide-out {
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  transition: transform 0.3s linear;
  animation-delay: 1s; }
  @media screen and (min-width: 768px) {
    .image-slide-out {
      animation-duration: 18s; } }

.image-slide-in {
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  transition: transform 0.3s ease-in-out;
  animation-delay: 1s; }
  @media screen and (min-width: 768px) {
    .image-slide-in {
      animation-duration: 18s; } }

@media screen and (min-width: 768px) {
  @keyframes slideOut-1 {
    0% {
      transform: translateY(0); }
    10% {
      transform: translateY(300px); }
    18%,
    100% {
      transform: translateY(0px); } }
  @keyframes slideIn-1 {
    0%,
    1% {
      transform: translateY(300px); }
    8% {
      transform: translateY(0); }
    19%,
    100% {
      transform: translateY(300px); } }
  @keyframes slideOut-2 {
    0%,
    20% {
      transform: translateY(0); }
    30% {
      transform: translateY(300px); }
    38%,
    100% {
      transform: translateY(0px); } }
  @keyframes slideIn-2 {
    0%,
    21% {
      transform: translateY(300px); }
    28% {
      transform: translateY(0); }
    39%,
    100% {
      transform: translateY(300px); } }
  @keyframes slideOut-3 {
    0%,
    40% {
      transform: translateY(0); }
    50% {
      transform: translateY(300px); }
    58%,
    100% {
      transform: translateY(0px); } }
  @keyframes slideIn-3 {
    0%,
    41% {
      transform: translateY(300px); }
    48% {
      transform: translateY(0); }
    59%,
    100% {
      transform: translateY(300px); } }
  @keyframes slideOut-4 {
    0%,
    60% {
      transform: translateY(0); }
    70% {
      transform: translateY(300px); }
    78%,
    100% {
      transform: translateY(0px); } }
  @keyframes slideIn-4 {
    0%,
    61% {
      transform: translateY(300px); }
    68% {
      transform: translateY(0); }
    79%,
    100% {
      transform: translateY(300px); } }
  @keyframes slideOut-5 {
    0%,
    80% {
      transform: translateY(0); }
    90% {
      transform: translateY(300px); }
    98%,
    100% {
      transform: translateY(0px); } }
  @keyframes slideIn-5 {
    0%,
    81% {
      transform: translateY(300px); }
    88% {
      transform: translateY(0); }
    99%,
    100% {
      transform: translateY(300px); } } }

/* bound
--------------- */
@keyframes bounceAndScale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.16); }
  100% {
    transform: scale(1); } }

@keyframes knock {
  0% {
    transform: translateX(0px) rotate(0deg); }
  50% {
    transform: translateX(0px) rotate(5deg); }
  100% {
    transform: translateX(0px) rotate(0deg); } }

.mv__inner.is-animated .mv__title,
.mv__inner.is-animated .mv__supplement-balloon {
  animation: fadeIn 3s linear forwards;
  visibility: visible; }

.mv__title.is-bounce {
  animation: bounceAndScale 0.23s linear forwards;
  animation-delay: 0.5s; }

.mv__supplement-balloon {
  transform-origin: 50% 100%; }

.thumb-animation.is-rotate {
  opacity: 1;
  animation: knock 0.3s linear 2;
  animation-timing-function: steps(1, end);
  animation-delay: 0.25s; }

/* slideInFromRight ... title
--------------- */
@keyframes slideInFromRight {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* above fadeIn animation
--------------- */
.animation-above-fade-in {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.5, 0, 0, 1), transform 0.5s cubic-bezier(0.5, 0, 0, 1);
  transform: translateY(-100px); }
  .animation-above-fade-in.is-animated {
    opacity: 1;
    transform: translateY(0); }

/* .button-contents
--------------- */
.button-contents__heading-02.is-animated img {
  opacity: 1;
  animation: knock 0.3s linear 2;
  animation-timing-function: steps(1, end);
  animation-delay: 0.25s;
  animation-iteration-delay: 0.07s; }

.text-uppercase {
  text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .sp-block {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .pc-block {
    display: none !important; } }

#contents-wrap {
  padding: 20px 0 0px 0;
  background-image: none; }

.layout {
  padding-inline: calc(32.5 / 375 * 100%); }
  @media screen and (min-width: 768px) {
    .layout {
      padding-inline: 30px; } }

.contents-layout {
  padding-inline: calc(50 / 375 * 100%); }
  @media screen and (min-width: 768px) {
    .contents-layout {
      padding-inline: 30px; } }

.color-red {
  color: #e83829; }

.auto {
  width: 100%;
  height: auto; }

@forward 'sass:math' as math-*;
body {
  width: 100%;
  margin: 0;
  color: #161c60; }
  @media screen and (min-width: 768px) {
    body {
      min-width: 960px; } }

.main {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP Subset", sans-serif;
  background-color: #161c60; }

main {
  position: relative;
  overflow: hidden; }
  main img {
    max-width: 100%;
    height: auto; }

div {
  box-sizing: border-box; }

button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer; }

#title-area-detailpage {
  position: absolute;
  top: -10px;
  width: 100%;
  height: 96px;
  padding-top: 15px;
  background: url("/common/images/title-area-pc-bg-01.gif") top left repeat;
  border-top: 1px solid #cfcfcf;
  border-bottom: 3px solid #bab6af;
  border-bottom: 3px solid #171c60; }

#title-area-inner {
  position: relative;
  width: 960px;
  margin: 0 auto; }

#title-area-detailpage h1 {
  float: left;
  height: 30px;
  padding: 15px 0 0px 10px;
  margin: 15px 0 0 0;
  font-size: 32px;
  border-left: 5px solid #171c60; }

@media screen and (max-width: 568px) {
  #detail-page {
    top: 6px !important; }
  #title-area-inner,
  #title-area-detailpage {
    position: static;
    width: 100%; }
  #title-area-detailpage {
    top: auto;
    height: auto;
    /*for IE7,8*/
    padding: 16px 0 32px;
    background: url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent 9;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px; }
  #title-area-detailpage h1 {
    float: none;
    height: 22px;
    min-height: auto;
    padding: 4px 0 0 5px;
    margin: 0 0 0 5px;
    font-size: 16px;
    border-left: 3px solid #171c60; }
  #title-area-detailpage h1 img {
    width: auto;
    height: 16px;
    vertical-align: center; } }

#contents-wrap {
  padding-top: 0 !important;
  background: none; }

/** -------------------------------------------------
 * パンくず
 ---------------------------------------------------- **/
#bread-clumb li {
  display: inline;
  font-size: 12px;
  color: #666; }

#bread-clumb li a {
  color: #035d8a;
  text-decoration: none; }

#bread-clumb li a:hover {
  text-decoration: underline; }

#bread-clumb #home {
  padding-left: 12px;
  background: url("/common/images/bread-clumb-home-bg-01.png") left 1px no-repeat; }

@media screen and (max-width: 568px) {
  #bread-clumb {
    margin: 0 0 4px 5px; }
  #bread-clumb li {
    padding: 4px 0 0 5px;
    font-size: 10px; }
  #bread-clumb #home {
    padding-left: 0;
    background: none; }
  #title-area-inner {
    width: 100%; } }

@forward 'sass:math' as math-*;
.mv {
  background-color: #ffee00; }
  .mv__title {
    width: calc(641 / 750 * 100vw);
    margin: 0 auto;
    padding-top: calc(30 / 750 * 100vw); }
    @media screen and (min-width: 768px) {
      .mv__title {
        width: 703px;
        margin: 0 auto;
        padding-top: 30px; } }
  .mv__lead-text {
    width: calc(614 / 750 * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .mv__lead-text {
        width: 674px; } }
  .mv__inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: calc(353 / 750 * 100vw);
    margin-top: calc(30 / 750 * 100vw); }
    @media screen and (min-width: 768px) {
      .mv__inner {
        align-items: center;
        height: 550px;
        margin-top: 32px; } }
    .mv__inner::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: calc(140 / 750 * 100vw);
      height: calc(calc(140 / 750 * 100vw) / 2);
      background-color: #ffee00;
      clip-path: polygon(0 0, 100% 0, 50% 100%); }
      @media screen and (min-width: 768px) {
        .mv__inner::before {
          width: 140px;
          height: calc(140px / 2); } }
  .mv__bookuji {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    gap: calc(17 / 750 * 100vw);
    background-color: #171c61; }
    @media screen and (max-width: 767px) {
      .mv__bookuji {
        padding: calc(50 / 750 * 100vw) calc(30 / 750 * 100vw) calc(40 / 750 * 100vw); } }
    @media screen and (min-width: 768px) {
      .mv__bookuji {
        align-items: flex-end;
        height: 100%;
        gap: 22px;
        padding: 64px 85px 55px 0; } }
    @media screen and (min-width: 768px) {
      .mv__bookuji-title {
        width: 518px; } }
    @media screen and (min-width: 768px) {
      .mv__bookuji-ticket {
        width: 527px; } }
  .mv__sale {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    gap: calc(11 / 750 * 100vw);
    background-color: #e73828; }
    @media screen and (max-width: 767px) {
      .mv__sale {
        padding: calc(50 / 750 * 100vw) calc(30 / 750 * 100vw) calc(40 / 750 * 100vw); } }
    @media screen and (min-width: 768px) {
      .mv__sale {
        align-items: flex-start;
        height: 100%;
        gap: 14px;
        padding: 60px 0 55px 86px; } }
    @media screen and (min-width: 768px) {
      .mv__sale-title {
        width: 464px; } }
    @media screen and (min-width: 768px) {
      .mv__sale-ticket {
        width: 527px; } }

.confirm {
  padding: calc(70 / 750 * 100vw) 0;
  background-color: #ffee00; }
  @media screen and (min-width: 768px) {
    .confirm {
      padding: 60px 0; } }
  .confirm__button {
    display: block;
    width: calc(550 / 750 * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .confirm__button {
        width: 517px; } }
    .confirm__button:focus {
      outline: none; }

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100dvh;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain; }
  .modal:not([open]) {
    display: none; }
  .modal__wrapper {
    position: relative;
    width: calc(650 / 750 * 100vw);
    height: 80dvh;
    height: 80vh; }
    @media screen and (min-width: 768px) {
      .modal__wrapper {
        width: 1000px; } }
  .modal__inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: calc(90 / 750 * 100vw) calc(40 / 750 * 100vw) calc(55 / 750 * 100vw);
    background-color: #ffee00;
    box-sizing: border-box;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    @media screen and (min-width: 768px) {
      .modal__inner {
        padding: 78px 0 70px; } }
    .modal__inner::-webkit-scrollbar {
      display: none; }
  .modal__lead {
    width: calc(517 / 750 * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .modal__lead {
        width: 507px; } }
  .modal__input {
    position: relative;
    display: grid;
    grid-template-columns: 1fr calc(125 / 750 * 100vw);
    width: calc(570 / 750 * 100vw);
    margin: calc(55 / 750 * 100vw) auto 0;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .modal__input {
        grid-template-columns: 1fr 120px;
        width: 500px;
        margin: 70px auto 0; } }
    .modal__input::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: calc(570 / 750 * 100vw);
      height: calc(131 / 750 * 100vw);
      background-image: url("/cp/lottery_result202601/images/btn-input_sp.png");
      background-size: contain;
      background-repeat: no-repeat;
      pointer-events: none;
      z-index: -1; }
      @media screen and (min-width: 768px) {
        .modal__input::before {
          width: 500px;
          height: 130px;
          background-image: url("/cp/lottery_result202601/images/btn-input_pc.png"); } }
  .modal__input-number {
    width: 93%;
    height: calc(100 / 750 * 100vw);
    margin: 0 auto;
    padding: 0;
    font-size: calc(30 / 750 * 100vw);
    outline: none;
    border: none;
    line-height: 1.5;
    letter-spacing: 0.14em;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .modal__input-number {
        height: 100px;
        font-size: 30px; } }
  .modal__input-submit {
    opacity: 0; }
  .modal__note {
    padding-top: calc(28 / 750 * 100vw);
    font-size: calc(16 / 750 * 100vw);
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #171c61; }
    @media screen and (min-width: 768px) {
      .modal__note {
        width: 500px;
        margin: 0 auto;
        padding-top: 28px;
        font-size: 15px;
        line-height: 1.5;
        text-align: left; } }
  .modal__error {
    margin-top: calc(16 / 750 * 100vw);
    font-size: calc(16 / 750 * 100vw);
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: #e73828; }
    @media screen and (min-width: 768px) {
      .modal__error {
        width: 500px;
        margin: 20px auto 0;
        font-size: 15px;
        line-height: 1.5;
        text-align: left; } }
  .modal__result-title {
    margin-top: calc(20 / 750 * 100vw);
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP Subset", sans-serif;
    font-size: calc(51 / 750 * 100vw);
    font-weight: 900;
    text-align: center;
    line-height: 1.29;
    letter-spacing: 0.04em;
    color: #171c61; }
    @media screen and (min-width: 768px) {
      .modal__result-title {
        width: 650px;
        margin: 64px auto 0;
        font-size: 48px;
        line-height: 1.37; } }
  .modal__content {
    margin-top: calc(19 / 750 * 100vw);
    padding: calc(50 / 750 * 100vw) 0;
    background-color: #171c61; }
    @media screen and (min-width: 768px) {
      .modal__content {
        width: 650px;
        margin: 18px auto 0;
        padding: 50px 0; } }
    .modal__content--sale {
      background-color: #e93429; }
    .modal__content-title {
      width: calc(382 / 750 * 100vw);
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .modal__content-title {
          width: 382px; } }
      .modal__content-title--sale {
        width: calc(343 / 750 * 100vw); }
        @media screen and (min-width: 768px) {
          .modal__content-title--sale {
            width: 343px; } }
    .modal__content + .modal__content {
      margin-top: calc(26 / 750 * 100vw); }
      @media screen and (min-width: 768px) {
        .modal__content + .modal__content {
          margin-top: 28px; } }
  .modal__list {
    width: 80%;
    margin: calc(20 / 750 * 100vw) auto 0; }
    @media screen and (min-width: 768px) {
      .modal__list {
        margin: 20px auto 0; } }
  .modal__list-item {
    font-size: calc(24 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      .modal__list-item {
        font-size: 18px; } }
    .modal__list-item + .modal__list-item {
      margin-top: calc(20 / 750 * 100vw); }
      @media screen and (min-width: 768px) {
        .modal__list-item + .modal__list-item {
          margin-top: 20px; } }
  .modal__result {
    color: #fff; }
  .modal__number-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-items: flex-start;
    gap: calc(15 / 750 * 100vw) calc(30 / 750 * 100vw);
    padding: calc(15 / 750 * 100vw) calc(30 / 750 * 100vw) 0; }
    @media screen and (min-width: 768px) {
      .modal__number-list {
        gap: 15px 30px;
        padding: 15px 30px 0; } }
  .modal__number-list-item {
    display: block;
    font-size: calc(20 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.4; }
    @media screen and (min-width: 768px) {
      .modal__number-list-item {
        font-size: 16px; } }
  .modal__text {
    width: calc(502 / 750 * 100vw);
    margin: calc(35 / 750 * 100vw) auto 0; }
    @media screen and (min-width: 768px) {
      .modal__text {
        width: 514px;
        margin: 27px auto 0; } }
  .modal__period {
    width: calc(570 / 750 * 100vw);
    margin: calc(13 / 750 * 100vw) auto 0; }
    @media screen and (min-width: 768px) {
      .modal__period {
        width: 702px;
        margin: 24px auto 0; } }
  .modal__close-button {
    display: block;
    width: calc(71 / 750 * 100vw);
    height: calc(71 / 750 * 100vw);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    background-image: url("/cp/lottery_result202601/images/btn-close.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%); }
    @media screen and (min-width: 768px) {
      .modal__close-button {
        width: 71px;
        height: 71px; } }
    .modal__close-button:focus {
      outline: none; }

.is-fixed {
  overflow: hidden;
  overscroll-behavior: none; }

html:has(body.is-fixed) {
  overscroll-behavior: none; }

@forward 'sass:math' as math-*;
.method {
  padding: calc(70 / 750 * 100vw) calc(65 / 750 * 100vw); }
  @media screen and (min-width: 768px) {
    .method {
      padding: 80px 0 100px; } }
  .method__title {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .method__title {
        width: calc(450 / 750 * 100vw);
        margin: 0 auto; } }
  .method__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(10 / 750 * 100vw);
    margin-top: calc(48 / 750 * 100vw); }
    @media screen and (min-width: 768px) {
      .method__list {
        max-width: 1050px;
        margin: 0 auto;
        gap: 25px;
        margin-top: 48px; } }
  .method__item {
    border-radius: calc(25 / 750 * 100vw);
    background-color: #e73828;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .method__item {
        border-radius: 25px; } }
  .method__step {
    display: grid;
    align-self: center;
    justify-items: center; }
    @media screen and (max-width: 767px) {
      .method__step {
        height: calc(45 / 750 * 100vw);
        margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      .method__step {
        height: 55px; } }
    .method__step-img {
      display: grid;
      align-self: center;
      justify-items: center; }
      @media screen and (max-width: 767px) {
        .method__step-img img {
          width: calc(80 / 750 * 100vw); } }
  .method__item-inner {
    display: grid;
    align-items: center;
    justify-items: center;
    height: calc(100% - calc(45 / 750 * 100vw));
    padding: calc(20 / 750 * 100vw) calc(12 / 750 * 100vw);
    background-color: #fff; }
    @media screen and (min-width: 768px) {
      .method__item-inner {
        height: 296px;
        padding: 22px 0; } }
  .method__note {
    margin-top: calc(18 / 750 * 100vw);
    font-size: calc(16 / 750 * 100vw);
    color: #fff;
    line-height: 1.4;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .method__note {
        margin-top: 19px;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center; } }
    .method__note--center {
      text-align: center; }
  .method__text {
    position: relative;
    margin-top: calc(30 / 750 * 100vw);
    text-align: center; }
    @media screen and (min-width: 768px) {
      .method__text {
        margin-top: 45px; } }
    .method__text-link {
      position: absolute;
      top: 65%;
      left: 49%;
      width: calc(155 / 750 * 100vw);
      height: calc(48 / 750 * 100vw);
      z-index: 1; }
      @media screen and (min-width: 768px) {
        .method__text-link {
          top: 50%;
          left: calc(50%);
          width: 145px;
          height: 48px; } }
  .method__button {
    display: block;
    width: calc(517 / 750 * 100vw);
    margin: calc(40 / 750 * 100vw) auto 0; }
    @media screen and (min-width: 768px) {
      .method__button {
        width: 420px;
        margin: 40px auto 0; } }
  @media screen and (max-width: 767px) {
    .method__arrow {
      width: calc(261 / 750 * 100vw);
      margin: calc(35 / 750 * 100vw) auto 0; } }
  @media screen and (min-width: 768px) {
    .method__arrow {
      margin-top: 40px;
      text-align: center; } }
  .method__period {
    margin-top: calc(40 / 750 * 100vw);
    text-align: center; }
    @media screen and (min-width: 768px) {
      .method__period {
        margin-top: 40px; } }

@forward 'sass:math' as math-*;
.prize {
  padding: calc(70 / 750 * 100vw) 0;
  background-color: #ffee00; }
  @media screen and (min-width: 768px) {
    .prize {
      padding: 80px 0; } }
  @media screen and (min-width: 768px) {
    .prize__tab {
      max-width: 1100px;
      margin: 0 auto; } }
  .prize__tab-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%; }
  .prize__tab-item {
    border-radius: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) 0 0;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .prize__tab-item {
        border-radius: 10px 10px 0 0; } }
    .prize__tab-item:has(.prize__tab-button[aria-selected='false']) {
      padding-top: calc(13 / 750 * 100vw); }
      @media screen and (min-width: 768px) {
        .prize__tab-item:has(.prize__tab-button[aria-selected='false']) {
          padding-top: 10px; } }
  .prize__tab-button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: calc(25 / 750 * 100vw) 0;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .prize__tab-button {
        padding: 25px 0;
        border-radius: 10px 10px 0 0; } }
    .prize__tab-button--01 {
      background-color: #171c61; }
    .prize__tab-button--02 {
      background-color: #e73828; }
    .prize__tab-button-img {
      display: block;
      width: calc(277 / 750 * 100vw);
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .prize__tab-button-img {
          width: 349px; } }
      .prize__tab-button-img--02 {
        display: block;
        width: calc(241 / 750 * 100vw);
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          .prize__tab-button-img--02 {
            width: 304px; } }
  .prize__tab-content {
    width: 100%;
    padding: calc(35 / 750 * 100vw) calc(25 / 750 * 100vw);
    position: relative;
    top: -1px; }
    @media screen and (min-width: 768px) {
      .prize__tab-content {
        padding: 46px 73px; } }
    .prize__tab-content--01 {
      background-color: #171c61; }
    .prize__tab-content--02 {
      padding: calc(35 / 750 * 100vw) calc(25 / 750 * 100vw);
      background-color: #e73828; }
      @media screen and (min-width: 768px) {
        .prize__tab-content--02 {
          padding: 37px 73px; } }
  .prize__tab-inner {
    padding: calc(50 / 750 * 100vw) calc(67 / 750 * 100vw);
    background-image: url("/cp/lottery_result202601/images/bg-gold_sp.png");
    background-position: top;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .prize__tab-inner {
        padding: 100px 78px;
        background-image: url("/cp/lottery_result202601/images/bg-gold_pc.png");
        background-size: cover; } }
    .prize__tab-inner--02 {
      padding: calc(50 / 750 * 100vw) calc(67 / 750 * 100vw);
      background-image: none;
      background-color: #ffee00; }
      @media screen and (min-width: 768px) {
        .prize__tab-inner--02 {
          padding: 47px 77px 60px; } }
  .prize__heading {
    width: calc(173 / 750 * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .prize__heading {
        width: 252px; } }
    .prize__heading--02 {
      width: calc(97 / 750 * 100vw);
      margin: calc(35 / 750 * 100vw) auto 0; }
      @media screen and (min-width: 768px) {
        .prize__heading--02 {
          width: 133px;
          margin: 51px auto 0; } }
  .prize__lead {
    width: calc(344 / 750 * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .prize__lead {
        width: 513px;
        margin: 36px auto 0; } }
    .prize__lead--02 {
      width: calc(539 / 750 * 100vw);
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .prize__lead--02 {
          width: 731px; } }
  .prize__period {
    width: calc(620 / 750 * 100vw);
    margin: calc(41 / 750 * 100vw) auto 0; }
    @media screen and (min-width: 768px) {
      .prize__period {
        width: 850px;
        margin: 61px auto 0; } }

@forward 'sass:math' as math-*;
.prize-list {
  margin-top: calc(31 / 750 * 100vw);
  text-align: right; }
  @media screen and (min-width: 768px) {
    .prize-list {
      margin-top: 67px; } }
  @media screen and (max-width: 767px) {
    .prize-list__item:not(:first-child) {
      width: 100%;
      margin-inline: auto 0; } }
  .prize-list__item:first-child {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .prize-list__item + .prize-list__item {
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .prize-list__item + .prize-list__item {
        margin-top: 40px; } }
  @media screen and (max-width: 767px) {
    .prize-list__prize {
      width: calc(65 / 305 * 100%);
      margin-inline: auto; } }
  .prize-list__count {
    position: absolute;
    top: calc(23 / 750 * 100vw);
    left: calc(80 / 750 * 100vw); }
    @media screen and (max-width: 767px) {
      .prize-list__count {
        width: calc(70 / 305 * 100%);
        margin-inline: auto; } }
    @media screen and (min-width: 768px) {
      .prize-list__count {
        top: 15px;
        left: 130px; } }
  .prize-list__box {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end; }
    @media screen and (min-width: 768px) {
      .prize-list__box {
        width: 382px; } }
  @media screen and (max-width: 767px) {
    .prize-list__price {
      width: calc(150 / 240 * 100%); } }
  @media screen and (max-width: 767px) {
    .prize-list__card {
      width: calc(145 / 240 * 100%);
      margin-top: -2px; } }
  @media screen and (min-width: 768px) {
    .prize-list__card {
      margin-top: 0; } }
  .prize-list__note {
    margin-top: calc(38 / 750 * 100vw);
    font-size: calc(16 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 768px) {
      .prize-list__note {
        margin-top: 52px;
        font-size: 14px;
        line-height: 1.55;
        letter-spacing: -0.02em; } }

@forward 'sass:math' as math-*;
.about-prize {
  background-color: #161c60; }
  @media screen and (max-width: 767px) {
    .about-prize {
      padding-block: calc(35 / 375 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-prize {
      padding-block: 80px; } }
  @media screen and (max-width: 767px) {
    .about-prize__inner {
      padding-inline: calc(33 / 375 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-prize__inner {
      max-width: 820px;
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .about-prize__item + .about-prize__item {
      margin-top: calc(20 / 310 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-prize__item + .about-prize__item {
      margin-top: 45px; } }
  .about-prize__heading img {
    display: block; }
  @media screen and (max-width: 767px) {
    .about-prize__contents {
      margin-top: calc(14 / 310 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-prize__contents {
      margin-top: 27px; } }

@media screen and (max-width: 767px) {
  .about-receiving__item + .about-receiving__item {
    margin-top: calc(24 / 310 * 100%); } }

@media screen and (min-width: 768px) {
  .about-receiving__item + .about-receiving__item {
    margin-top: 44px; } }

.about-receiving__heading--store {
  max-width: calc(207 / 310 * 100%); }

@media screen and (max-width: 767px) {
  .about-receiving__list {
    margin-top: calc(12 / 310 * 100%); } }

@media screen and (min-width: 768px) {
  .about-receiving__list {
    margin-top: 24px; } }

.about-receiving__list-item {
  color: #ffffff;
  font-weight: bold;
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em; }
  @media screen and (max-width: 767px) {
    .about-receiving__list-item {
      font-size: calc(8 / 375 * 100vw); } }
  @media screen and (min-width: 768px) {
    .about-receiving__list-item {
      font-size: 14px; } }
  .about-receiving__list-item::before {
    content: '・'; }
  @media screen and (max-width: 767px) {
    .about-receiving__list-item + .about-receiving__list-item {
      margin-top: calc(12 / 310 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-receiving__list-item + .about-receiving__list-item {
      margin-top: 20px; } }

.about-gift-card__period {
  display: flex;
  justify-content: center; }

@media screen and (max-width: 767px) {
  .about-gift-card__list {
    margin-top: calc(15 / 310 * 100%); } }

@media screen and (min-width: 768px) {
  .about-gift-card__list {
    margin-top: 25px; } }

.about-gift-card__list-item {
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em; }
  @media screen and (max-width: 767px) {
    .about-gift-card__list-item {
      font-size: calc(8 / 375 * 100vw); } }
  @media screen and (min-width: 768px) {
    .about-gift-card__list-item {
      font-size: 14px; } }
  .about-gift-card__list-item::before {
    content: '・'; }
  @media screen and (max-width: 767px) {
    .about-gift-card__list-item + .about-gift-card__list-item {
      margin-top: calc(12 / 310 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-gift-card__list-item + .about-gift-card__list-item {
      margin-top: 20px; } }

@media screen and (max-width: 767px) {
  .about-gift-card__prepaid-card-info {
    margin-top: calc(25 / 310 * 100%); } }

@media screen and (min-width: 768px) {
  .about-gift-card__prepaid-card-info {
    margin-top: 55px; } }

@media screen and (max-width: 767px) {
  .about-gift-card__prepaid-card {
    padding-inline: calc(17.5 / 310 * 100%); } }

.about-gift-card__prepaid-card-annotation {
  color: #ffffff;
  font-weight: bold;
  line-height: 1.4;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .about-gift-card__prepaid-card-annotation {
      font-size: calc(8 / 375 * 100vw);
      margin-top: calc(9 / 310 * 100%); } }
  @media screen and (min-width: 768px) {
    .about-gift-card__prepaid-card-annotation {
      font-size: 14px;
      line-height: 1.57;
      margin-top: 17px; } }

.cash-voucher-prepaid-card {
  position: relative; }
  .cash-voucher-prepaid-card__image {
    max-width: 530px;
    margin-inline: auto; }
  .cash-voucher-prepaid-card__link {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    color: #e50012;
    text-decoration: none;
    letter-spacing: 0.0105em;
    border-bottom: 2px solid #e50012;
    transition: 0.5s;
    position: absolute; }
    @media screen and (max-width: 767px) {
      .cash-voucher-prepaid-card__link {
        font-size: calc(10 / 375 * 100vw);
        line-height: 1.25;
        bottom: calc(39 / 214 * 100%);
        left: 40%; } }
    @media screen and (min-width: 768px) {
      .cash-voucher-prepaid-card__link {
        font-size: 20px;
        line-height: 1.5;
        bottom: 65px;
        left: 42.5%; } }
    .cash-voucher-prepaid-card__link::before {
      display: block;
      width: 5px;
      height: 5px;
      margin-right: 3px;
      clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
      content: '';
      background-color: #e50012; }
      @media screen and (min-width: 768px) {
        .cash-voucher-prepaid-card__link::before {
          width: 6px;
          height: 7px;
          margin-right: 8px; } }
    @media screen and (min-width: 768px) {
      .cash-voucher-prepaid-card__link:hover {
        border-color: transparent; } }

@forward 'sass:math' as math-*;
footer {
  border-top: none; }
  footer #footer-inner {
    display: none; }

.footer {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP Subset", sans-serif;
  font-weight: 900;
  background-color: #161c60; }

.footer-copyright {
  padding: 9px 0 29px;
  text-align: center;
  background-color: #ffee00; }
  @media screen and (min-width: 768px) {
    .footer-copyright {
      padding: 30px 0 48px; } }
  .footer-copyright__text {
    font-size: 7px;
    font-size: calc(7px + (1vw - 3.75px));
    font-weight: bold;
    letter-spacing: 0.065em; }
    @media screen and (min-width: 768px) {
      .footer-copyright__text {
        font-size: 11px; } }