@charset "UTF-8";

/*
**************************************************************************
*	toto worldcup style.css
**************************************************************************/

/* Reset - reset YUI
   ----------------------------------------------------------------- */
/**
YUI 3.10.0 (build a03ce0e)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/** cssreset */
html {
  color: #000;
  background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  font-size: 100%;
}
legend {
  color: #000;
}

/* Base
   ----------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
html {
  font-family: -apple-system, blinkMacSystemFont, "ヒラギノ角ゴ Pro W3",
    Hiragino Kaku Gothic Pro W3, "メイリオ", Meiryo, sans-serif;
  font-size: 62.5%;
  line-height: 1.6;
  color: #000000;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  overflow-y: scroll;
}
body {
  position: relative;
  font-size: 1.2rem;
}
a {
  outline: none;
  color: #000000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
}
img {
  vertical-align: bottom;
  width: 100%;
}

/* main
   ----------------------------------------------------------------- */
.hd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
}
.fixNav__rlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fixNav__rlist li {
  width: 48%;
}
.fixNav__rlist li:last-child {
  width: 100%;
}
.main__content {
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .hd__logoarea {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 100%;
    height: 5rem;
    padding: 0 2rem;
    background: #ffd800;
  }
  .site__logo {
    width: 9.9rem;
  }
  .l__main {
    display: grid;
    grid-template-areas: "l-side content r-side";
    grid-template-columns: auto 100% auto;
  }
  .main__content {
    grid-area: content;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    background: #fff;
  }
  .fixNav__l,
  .fixNav__r {
    max-width: 30.7rem;
    margin: 0 auto;
  }
  .fixNav__llist,
  .fixNav__rlist {
    margin-top: 2.5rem;
  }
  .fixNav__litem + .fixNav__litem {
    margin-top: 1rem;
  }
  .fixNav__lanc {
    display: block;
  }
  .fixNav__rlist li:nth-child(n + 3) {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .page__side__left,
  .page__side__right {
    width: calc(50% - 187.5px);
    height: calc(100vh - 5rem);
    position: fixed;
    top: 5rem;
    display: flex;
    justify-content: center;
    padding: 5rem 3rem 0;
    box-sizing: border-box;
  }
  .page__side__left {
    grid-area: l-side;
    left: 0;
    background: url(/system/files/landing/toto2/assets_20250724/images/site_bg.png)
        center/contain,
      url(/system/files/landing/toto2/assets_20250724/images/site_bg2.png)
        left/contain no-repeat,
      linear-gradient(#ffd800, #ff9b26);
  }
  .page__side__right {
    grid-area: r-side;
    right: 0;
    background: url(/system/files/landing/toto2/assets_20250724/images/site_bg.png)
        center/contain,
      url(/system/files/landing/toto2/assets_20250724/images/site_bg2.png)
        right/contain no-repeat,
      linear-gradient(#ffd800, #ff9b26);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hd__logoarea {
    padding: 0 5rem;
  }
  .main__content {
    margin-left: 5rem;
    position: relative;
    z-index: 999;
  }
  .ham__content {
    grid-area: r-side;
    right: 0;
    width: calc(100% - 425px);
    height: calc(100vh - 5rem);
    position: fixed;
    z-index: -1;
    top: 5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem 3rem 0;
    box-sizing: border-box;
    background: url(/system/files/landing/toto2/assets_20250724/images/site_bg.png)
        center/contain,
      url(/system/files/landing/toto2/assets_20250724/images/site_bg2.png)
        center/contain no-repeat,
      linear-gradient(#ffd800, #ff9b26);
  }
  .ham__content::before {
    content: "";
    width: 50px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(/system/files/landing/toto2/assets_20250724/images/site_bg.png)
        center/contain,
      linear-gradient(#ffd800, #ff9b26);
  }
  .page__side__left,
  .page__side__right {
    max-width: 230px;
  }
  .fixNav__r {
    margin-top: 1.5rem;
  }
  .fixNav__llist,
  .fixNav__rlist {
    margin-top: 1rem;
  }
  .fixNav__litem + .fixNav__litem {
    margin-top: 0.5rem;
  }
  .fixNav__rlist li:nth-child(n + 3) {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .hd {
    padding: 0 0 0 1.5rem;
    background: #ffd800;
  }
  .site__logo {
    width: 8rem;
  }
  .fixNav__litem + .fixNav__litem {
    margin-top: 0.8rem;
  }
  .fixNav__r {
    margin-top: 3rem;
  }
  .fixNav__llist,
  .fixNav__rlist {
    margin-top: 2rem;
  }
  .fixNav__rlist li:nth-child(n + 3) {
    margin-top: 1rem;
  }
  .ham__content {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 5;
    width: 92%;
    height: 100vh;
    background: #ffd800;
    padding: 6rem 10%;
    box-sizing: border-box;
    transition: all 0.3s;
  }
  .is-active .ham__content {
    overflow: scroll;
    right: 0;
  }
  .ham {
    position: absolute;
    top: 0;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
    z-index: 1000;
  }
  .ham__list {
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    width: 5rem;
    height: 5rem;
  }
  .ham__list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
  }
  .is-active .ham__list::before {
    opacity: 0;
  }
  .ham__item {
    position: absolute;
    height: 2px;
    background: #000;
    transition: all 0.35s ease;
    left: 1rem;
    width: 3rem;
  }
  .ham__item:nth-child(1) {
    top: 1.8rem;
  }
  .ham__item:nth-child(2) {
    top: 2.5rem;
  }
  .ham__item:nth-child(3) {
    top: 3.2rem;
  }
  .is-active .ham__item {
    top: 2.5rem;
  }
  .is-active .ham__item:nth-child(1) {
    transform: rotate(225deg);
  }
  .is-active .ham__item:nth-child(2) {
    opacity: 0;
  }
  .is-active .ham__item:nth-child(3) {
    transform: rotate(-225deg);
  }
  .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
  }
  .is-active .overlay {
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
}

/* module Parts
   ----------------------------------------------------------------- */

.m-box_inr {
  position: relative;
  max-width: 1000px;
  width: 92%;
  margin: 0 auto;
  box-sizing: border-box;
}
.m-bg_color {
  background-color: #ffd800;
}
.m-section {
  padding-top: 35px;
  padding-bottom: 10px;
}
.m-sec_title {
  text-align: center;
  margin-bottom: 20px;
}
.m-center {
  text-align: center;
}
@media (min-width: 768px) {
  .m-over img {
    transition: transform 0.1s ease;
  }
  .m-over:hover img {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  .m-sp {
    display: none;
  }
  .sp-only {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-pc {
    display: none;
  }
  .m-tab {
    display: none;
  }
  .m-sp {
    display: block;
  }
  .pc-only {
    display: none;
  }
}

/* visual
   ----------------------------------------------------------------- */
.visual-btn_wrap {
  position: absolute;
  top: 67.81132%;
  position: static;
  display: block;
  transform: translateX(0);
  left: 50%;
  width: 100%;
  margin: 8% auto 0;
}
.visual-button {
  display: block;
  width: 91.6%;
  margin: 0 auto;
}
.visual-button + .visual-button {
  margin-top: 16px;
}
.visual-default {
  animation: fadeIn 2s cubic-bezier(1, 0, 0.2, 0.8) 0s 1 normal;
  -webkit-animation: fadeIn 2s cubic-bezier(1, 0, 0.2, 0.8) 0s 1 normal;
  display: block !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.visual-title {
  margin-bottom: 15px;
}
.visual-txt {
  position: relative;
}
.visual-txt .carryover-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}
@media (min-width: 768px) {
  .visual-button.m-pc {
    display: block;
  }
  .visual-button.m-sp,
  .visual-button.m-tab {
    display: none;
  }
}
@media (max-width: 767px) {
  .visual-button.m-pc {
    display: none;
  }
  .visual-button.m-sp,
  .visual-button.m-tab {
    display: block;
  }
}

/* ancNav
   ----------------------------------------------------------------- */
.ancNav {
  padding-top: 30px;
}
.ancNav__list {
  display: flex;
  justify-content: space-between;
}
.ancNav__item {
  width: 31.9%;
}
.ancNav__anc {
  display: block;
}

/* carryover
   ----------------------------------------------------------------- */
.visaul-carryover {
  margin-bottom: 8%;
  display: none;
}
.carryover-box {
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: 12.8%;
  background-image: url(/system/files/landing/toto2/assets_20250724/images/carryover_01.png);
  background-size: 100% 100%;
}
.carryover-num {
  position: absolute;
  background-size: 100% 1000%;
  background-image: url(/system/files/landing/toto2/assets_20250724/images/carryover_02.png);
  bottom: 7.14286%;
  padding-top: 11.35303%;
  width: 7.77605%;
}
.carryover-num.num00 {
  display: none;
}
.carryover-num.num01 {
  left: 0.7776049766718507%;
}
.carryover-num.num02 {
  left: 17.57387247278383%;
}
.carryover-num.num03 {
  left: 25.97200622083981%;
}
.carryover-num.num04 {
  left: 34.68118195956454%;
}
.carryover-num.num05 {
  left: 43.2348367029549%;
}
.carryover-num.num06 {
  left: 59.40902021772939%;
}
.carryover-num.num07 {
  left: 67.80715396578538%;
}
.carryover-num.num08 {
  left: 76.51632970451011%;
}
.carryover-num.num09 {
  left: 85.06998444790047%;
}
.carryover-button {
  position: absolute;
  top: 84.5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 71%;
  display: block;
}
.carryoverBtn-image {
  position: absolute;
  display: block;
  bottom: 13.16216%;
  transform: scale(1) !important;
}
.carryoverBtn-image.img01 {
  left: -2.35906%;
  width: 24.11576%;
  pointer-events: none;
}

/* news
   ----------------------------------------------------------------- */
/* .news {
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
  background-color: #000000;
}
.news .m-box_inr {
  width: 73.467%;
}
.news-text {
  padding: 6.5% 0;
}
.news-text img {
  width: 100%;
} */

/* oversea
   ----------------------------------------------------------------- */
.oversea {
  padding-bottom: 0;
}
.oversea .m-sec_title {
  width: 100%;
  margin: 0 auto 5.1%;
}
.oversea .buyway-list span {
  display: block;
  text-align: right;
  font-size: 1.1rem;
  margin-top: 10px;
}
.oversea .buyway-list li {
  position: relative;
}
.oversea .buyway-list .buyway-button02 {
  position: absolute;
  top: 55%;
  left: 6.3%;
  width: 87.5%;
}
.oversea .enjoy-btn_wrap {
  top: 27.43%;
  right: 0;
  width: 87.392%;
  left: 0;
  margin: 0 auto;
}
.oversea .enjoy-btn01 + .enjoy-btn01 {
  margin-top: 3.5%;
}

/* lineup
   ----------------------------------------------------------------- */
.lineup {
  padding-bottom: 8.2%;
}
.lineup .m-sec_title {
  width: 100%;
  margin: 0 auto 2%;
}
.lineup-list {
  display: block;
  margin-bottom: 10px;
}
.lineup-list li {
  margin-top: 3.6%;
}
.lineup-note {
  font-size: 0.9rem;
  margin-bottom: 4.8%;
}
.lineup-note li {
  display: block;
}

/* buyway
   ----------------------------------------------------------------- */
.buyway {
  padding-bottom: 8.2%;
}
.buyway .m-sec_title {
  margin-bottom: 5.5%;
}
.buyway-list.js-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.enjoy-btn_wrap {
  position: absolute;
  top: 8.81%;
  right: 4%;
  width: 43.4%;
}
.enjoy-btn_wrap .enjoy-btn01 {
  display: block;
}
.enjoy-btn01 + .enjoy-btn01 {
  display: block;
  margin-top: 12px;
}
.buyway-item {
  margin-top: 6%;
}
.buyway-list.js-tabs li {
  cursor: pointer;
  position: relative;
}
.buyway-list.js-tabs li.current {
  z-index: 10;
}
.buyway-list_content {
  position: relative;
  overflow: hidden;
  margin-top: -2.793%;
  padding: 9% 0 7%;
  background: url(/system/files/landing/toto2/assets_20250724/images/buyway_bg02.png)
    no-repeat top center / 100% auto;
}
.buyway-list_item {
  width: 87.682%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.buyway-list_content .slick-arrow {
  position: absolute;
  top: 50%;
  left: -5%;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: url(/system/files/landing/toto2/assets_20250724/images/icon_arrow_01.png)
    no-repeat center center / contain;
  border: none;
  text-indent: -999999px;
  outline: none;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.buyway-list_content .slick-arrow.slick-disabled {
  display: none !important;
}
.buyway-list_content .slick-arrow.slick-next {
  left: auto;
  background: url(/system/files/landing/toto2/assets_20250724/images/icon_arrow_02.png)
    no-repeat center center / contain;
  right: -5%;
}
.buyway-list_content .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  margin-top: 6.2%;
  font-size: 0;
}
.buyway-list_content .slick-dots li {
  padding: 0 10px;
}
.buyway-list_content .slick-dots li button {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #9c9c9c;
  text-indent: -9999px;
  border: none;
  outline: none;
  cursor: pointer;
}
.buyway-list_content .slick-dots li.slick-active button {
  background: #000;
}
.buyway-list_content .slick-slide {
  outline: none;
}
@media (max-width: 767px) {
  .buyway-list_content .slick-arrow {
    width: 8vw;
    height: 8vw;
    left: -4vw;
  }
  .buyway-list_content .slick-arrow.slick-next {
    right: -4vw;
  }
  .buyway-list_content .slick-dots li button {
    width: 2.8vw;
    height: 2.8vw;
  }
  .buyway-list_content .slick-dots li {
    padding: 0 4%;
  }
}

/* m-buy-head
   ----------------------------------------------------------------- */
.m-buy-head {
  position: relative;
  background: #e61911;
  padding: 5.7% 0 0;
}
.m-buy-head .m-sec_title {
  margin-bottom: 0;
}

/* m-bnr
   ----------------------------------------------------------------- */
/* .m-bnr-ttl {
  width: 100%;
  margin: 20px auto 0;
}
.m-bnr-img {
  margin-top: 21px;
}
.m-bnr-img img {
  width: 100%;
}
.m-bnr-btn {
  display: block;
  width: 100%;
  margin: 10px auto 0;
} */

/* m-buy
   ----------------------------------------------------------------- */
.m-buy {
  padding-bottom: 5.3%;
}
.m-buy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 6% 0 0;
}
.m-buy-list li {
  width: 48.87005%;
  margin-bottom: 7px;
}
.m-buy-list li:last-child {
  width: 100%;
}
/* aim
   ----------------------------------------------------------------- */
.aim .m-sec_title {
  margin-bottom: 5%;
}

/* voice
   ----------------------------------------------------------------- */
.voice {
  padding-bottom: 0;
}
.voice .m-sec_title {
  margin-bottom: 12.4%;
}
.voice-box {
  margin-bottom: 11.4%;
}
.voice-bottom {
  margin-top: -3.4%;
  text-align: center;
}
.voice-bottom_text {
  width: 100%;
  margin: 0 auto 8px;
}
.voice-bottom a {
  width: 100%;
}

/* place
   ----------------------------------------------------------------- */
.place {
  padding-bottom: 8.2%;
}
.place .m-sec_title {
  margin-bottom: 5.4%;
}
.place-list {
  display: block;
}
.place-list li {
  position: relative;
  width: 100%;
}
.place-list > li {
  margin-top: 7.4%;
}
.place-list > li:first-child {
  margin-top: 0;
}
.place-button01,
.place-button02 {
  position: absolute;
  left: 6.35593%;
  width: 87.0057%;
}
.place-button01 {
  top: 72.13439%;
}
.place-button02 {
  top: 55.52632%;
}
.placeLink-list {
  position: absolute;
  top: 51.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 88.8405797%;
  display: flex;
  flex-wrap: wrap;
}
.placeLink-list li {
  width: 33.333333%;
  padding: 0 1.18859% 1.73211%;
  box-sizing: border-box;
}
.placeLink-list li:first-child {
  width: 100%;
}

/* member
   ----------------------------------------------------------------- */
.member {
  padding-bottom: 8.2%;
}
.member-body {
  margin-bottom: 10px;
}
.member-note {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
.member-note li {
  display: block;
}
.member-bottom {
  margin-top: -13.3%;
}
@media (max-width: 767px) {
  .member-note {
    font-size: 2.4vw;
  }
}

/* carryover
   ----------------------------------------------------------------- */
.carryover .m-sec_title {
  margin-bottom: 6%;
}
.carryover-txt {
  position: relative;
  text-align: center;
}
.carryover-txt .carryover-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}

/* confirm
   ----------------------------------------------------------------- */
.confirm {
  padding-bottom: 0;
}
.confirm .m-sec_title {
  margin-bottom: 5.1%;
}
.confirm_wrap {
  position: relative;
}
.confirm_img {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.confirm_btn01,
.confirm_btn02,
.confirm_btn03 {
  position: absolute;
  left: 0;
  width: 86.667%;
  right: 0;
  margin: 0 auto;
}
.confirm_btn01 {
  top: 24.5%;
}
.confirm_btn02 {
  top: 54.3%;
}
.confirm_btn03 {
  top: 89.9%;
}
.confirm-note {
  position: absolute;
  right: 1%;
  bottom: 1%;
  font-size: 1rem;
}
.confirm-note li {
  display: block;
  letter-spacing: 0.05em;
}
/* refund
   ----------------------------------------------------------------- */
.refund {
  padding-bottom: 8.2%;
}
.refund-box {
  position: relative;
}
.refund-box + .refund-box {
  margin-top: 7.6%;
}
.refund_btn01 {
  position: absolute;
  left: 0;
  width: 84%;
  right: 0;
  margin: 0 auto;
  bottom: 10.2%;
}
.refund .m-sec_title {
  margin-bottom: 5%;
}

/* deal
   ----------------------------------------------------------------- */
/* .deal {
  padding-top: 12.6%;
  padding-bottom: 0;
}
.deal .m-sec_title {
  margin-bottom: 5.6%;
}
.deal-box {
  position: relative;
}
.deal_btn01 {
  position: absolute;
  bottom: 17%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 87.392%;
  height: 21.65%;
} */

/* newsletter
   ----------------------------------------------------------------- */
.newsletter {
  padding-bottom: 8.2%;
}
.newsletter .m-sec_title {
  margin-bottom: 5%;
}
.newsletter-box {
  position: relative;
}
.newsletter_btn01 {
  position: absolute;
  top: 74%;
  width: 87.392%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

/* social
   ----------------------------------------------------------------- */
.social {
  padding-top: 15px;
  padding-bottom: 25px;
}
.social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.social-list li {
  width: 15%;
  margin: 0 2%;
}
.social-list li img {
  width: 100%;
}

/* infomation
   ----------------------------------------------------------------- */
.infomation .m-sec_title {
  margin-bottom: 5%;
}
.infomation-bnr + .infomation-bnr {
  margin-top: 9%;
}

/* footer
   ----------------------------------------------------------------- */
.footer-pagetop {
  padding-top: 7%;
  margin-bottom: 7%;
}
.pagetop-button {
  display: inline-block;
  width: 24%;
  transition: opacity 0.2s ease;
}
.pagetop-button:hover {
  opacity: 0.8;
}
.footer-box01 {
  border-top: 1px solid #656363;
}
.footer-list {
  padding: 15px 0;
  margin: 0 -10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-list > div {
  padding: 0 10px;
  border-left: 1px solid #cccccc;
}
.footer-list > div:first-child {
  border-left: none;
}
.footer-contact {
  border-top: 1px solid #e6e6e6;
}
.footer-contact a {
  display: inline-block;
  text-decoration: underline;
}
.footer-contact dl {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 0 8px;
}
.footer-contact dt {
  margin-bottom: 9px;
  color: #ca0813;
}
.footer-contact span {
  display: none;
}
.footer-copyright p {
  text-align: center;
  font-size: 0.9rem;
  padding: 7px 0 5px;
}
@media (max-width: 767px) {
  .footer {
    padding-bottom: 79px;
  }
}

/* navi
   ----------------------------------------------------------------- */
@media (min-width: 768px) {
  .navi {
    display: none;
  }
}
@media (max-width: 767px) {
  .navi {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    background-color: #000000;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
  }
  .is-view .navi {
    opacity: 1;
    visibility: visible;
  }
  .navi-title {
    font-size: 0;
    width: 48px;
    margin: 0 auto;
  }
  .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .navi-list li {
    width: 20%;
    padding: 0 1px;
    box-sizing: border-box;
  }
  .navi-list li:first-child {
    padding-left: 0;
  }
  .navi-list li:last-child {
    padding-right: 0;
  }
  .navi-list li a {
    transition: opacity 0.2s ease;
    display: block;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
  }
  .navi-list li:last-child a {
    background-color: #6cad2f;
  }
  .navi-list li a img {
    width: 73px;
  }
}

/* purchase
   ----------------------------------------------------------------- */
.purchase {
  padding: 8.2% 0 0;
}
.purchase2 {
  padding-bottom: 8.2%;
}

/* js-tab
   ----------------------------------------------------------------- */
.js-tabs_content {
  display: none;
}
.js-tabs_content.current {
  display: block;
}

/* modal
   ----------------------------------------------------------------- */
#modal {
  position: fixed;
  z-index: 10000;
  /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  display: none;
  width: 100%;
  height: 100%;
}

#modal.is-visible {
  visibility: visible;
  display: block;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

#modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  max-width: 992px;
  width: 90%;
  background-color: #fff;
  border: 4px solid #000;
  border-radius: 10px;
  opacity: 0;
  transition: all 0.3s 0.12s;
}

.modal-wrapper.open {
  opacity: 1;
}

.modal-content {
  padding: 56px 46px;
}

.frame-wrap {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.modal-content iframe {
  width: 101%;
  height: 101%;
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  border: none;
}

.modal-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 56px;
  height: 56px;
  background: url("/system/files/landing/toto2/assets_20250724/images/icon_close.png")
    no-repeat center center / contain;
  cursor: pointer;
}

.modal-close:hover {
  color: #777;
}

@media (max-width: 767px) {
  .modal-wrapper {
    border-width: 0.6vw;
    width: 91%;
  }

  .modal-content {
    padding: 8.865% 5.3%;
  }

  .modal-close {
    width: 9%;
    height: 13%;
    top: -5%;
    right: -5%;
  }
}

@media (max-width: 812px) and (orientation: landscape) {
  .modal-content {
    padding: 3.865% 5.3%;
  }
  .frame-wrap {
    padding-bottom: 42.58%;
  }
}

/* dialogue
   ----------------------------------------------------------------- */
#dialogue {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
}
#dialogue.is-visible {
  visibility: visible;
  pointer-events: inherit;
}
.dialogue-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s;
}
#dialogue.is-visible .dialogue-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.dialogue-wrapper {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 90%;
  max-width: 1280px;
  max-height: 90vh;
  overflow-y: auto;
  background-color: hsla(51, 100%, 49%, 0.95);
  border: 4px solid #000;
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.3s 0.12s;
}
#dialogue.is-visible .dialogue-wrapper {
  opacity: 1;
}
.dialogue-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 69px;
  height: 69px;
  background: url("/system/files/landing/toto2/assets_20250724/images/icon_close_simple.png")
    no-repeat center center / contain;
  cursor: pointer;
}
.dialogue-title_jleague {
  width: 58.8%;
  margin-left: auto;
  margin-right: auto;
}
.dialogue-txt {
  width: 67.2%;
  margin: 0 auto;
}
.dialogue-logo {
  position: relative;
}
.dialogue-logo-copy {
  font-size: 12px;
  position: absolute;
  left: 0;
  bottom: -13%;
}
.dialogue-desc {
  width: 64.8%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1% 0;
}
.dialogue-inner img {
  width: 100%;
  height: auto;
}
.dialogue-button_jleague {
  margin-top: 41px;
}
.dialogue-box {
  padding-top: 100px;
  padding-bottom: 80px;
}
.dialogue-box_jleague {
  padding-top: 56px;
  padding-bottom: 53px;
}
@media (min-width: 768px) {
  .dialogue-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.6%;
  }
  .dialogue-inner {
    max-width: 1080px;
    width: 84.3%;
  }
  .dialogue-logo {
    width: 31.5%;
  }
}
@media (max-width: 767px) {
  .dialogue-wrapper {
    border-width: 1.33vw;
    width: 91%;
    height: 80svh;
  }

  .dialogue-box {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dialogue-box_jleague {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dialogue-close {
    top: 0.2%;
    right: 0.3%;
    width: 12.7%;
    padding-bottom: 12.7%;
    height: 0;
  }

  .dialogue-content {
    padding: 15.38vw 5.12vw 5.12vw;
  }

  .dialogue-inner {
    width: 100%;
  }

  .dialogue-title_jleague {
    width: 100%;
    margin-bottom: 11px;
  }

  .dialogue-logo-copy {
    font-size: 2.56vw;
    bottom: -5.12vw;
  }

  .dialogue-desc {
    width: 100%;
  }

  .dialogue-txt {
    margin-top: 7.94vw;
    width: 67.17vw;
  }

  .dialogue-ttl {
    margin-top: 6.15vw;
  }

  .dialogue-btn {
    margin-top: 5.12vw;
  }

  .dialogue-button_jleague {
    margin-top: 22px;
  }
}

/* floating
   ----------------------------------------------------------------- */
#floating {
  position: fixed;
  right: 0;
  top: 86vw;
  bottom: 30px;
  z-index: 9999;
  transition: opacity 0.3s, transform 0.3s;
  overflow: hidden;
}
#floating.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
}
.floating-bnr {
  width: 42vw;
}