@charset "UTF-8";
/* Updated 2026/08/05.T */
/* Updated 2025/11/04.T */
/* Updated 2025/10/01.T */
/* Updated 2025/09/01.T */
/* Updated 2025/08/01.T */
/* Updated 2025/07/01.T */
/* Updated 2025/06/02.T */
/* Updated 2025/05/01.T */
/* Updated 2025/04/01.T */
/* Updated 2025/03/03.T */
/* Updated 2025/02/03.T */
/* Updated 2025/01/06.T */
/* Updated 2024/12/09.T */
/* Updated 2024/12/02.T */
/* Updated 2024/11/01.T */
/* Updated 2024/10/01.T */
/* Updated 2024/09/02.T */
/*-------------------------------
layout
-------------------------------*/
body {
  overflow: hidden;
  min-width: auto;
}
#header-wrap {
  z-index: 4;
}
#containment-area {
  margin-bottom: 0;
}
#footer-area {
  position: relative;
  z-index: 1;
}
#footer-content {
  margin-top: 0;
}
.footer-logo {
  padding-bottom: 130px;
}
.cmn-container01 {
  position: relative;
  z-index: 1;
  overflow: visible;
  margin: 0 auto;
  max-width: 500px;
  background-color: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.cmn-bg1 {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 100vh;
  background: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_bg_01.png") center 0 no-repeat;
  background-size: cover;
}
@media screen and (max-width: 500px) {
  .cmn-bg1 {
    display: none;
  }
}
/*-----------------------
cmn-btn
------------------------*/
.cmn-btn01 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 316px;
  width: 100%;
  height: 46px;
  border: 3px solid #004831;
  border-radius: 50px;
  background: #e80000;
  box-shadow: 0 5px 0 0 rgba(0, 72, 49, 0.8);
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
.cmn-btn01:hover {
  color: #ffffff;
  opacity: .8;
}
.cmn-btn01:visited {
  color: #ffffff;
}
.cmn-btn01:after {
  position: absolute;
  top: calc(50% - 7px);
  right: 13px;
  display: block;
  width: 8px;
  height: 16px;
  background: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_ico_02.svg") 0 0 no-repeat;
  content: "";
}
.cmn-btn01 .btnIcon01 {
  position: absolute;
  top: calc(50% - 43px);
  left: -27px;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-btn01 .btnIcon01 {
    left: -7.73333vw;
  }
}
.cmn-btn01 .btnIcon02 {
  position: absolute;
  top: calc(50% - 46px);
  left: -27px;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-btn01 .btnIcon02 {
    left: -7.73333vw;
  }
}
.cmn-btn01.-color02 {
  background: #fad82d;
  color: #000000;
}
.cmn-btn01.-color02:hover {
  color: #000000;
}
.cmn-btn01.-color02:visited {
  color: #000000;
}
.cmn-btn01.-color02:after {
  background-image: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_ico_03.svg");
}
.cmn-btn01.-color03 {
  background: #d6e7f0;
  color: #000000;
}
.cmn-btn01.-color03:hover {
  color: #000000;
}
.cmn-btn01.-color03:visited {
  color: #000000;
}
.cmn-btn01.-color03:after {
  background-image: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_ico_03.svg");
}
.cmn-btn01.-color04 {
  background: #017a4f;
}
.cmn-btn01.-color05 {
  background: #e95501;
}
.cmn-btn02 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 4px 2px 0;
  max-width: 340px;
  width: 100%;
  height: 46px;
  border: 3px solid #004831;
  border-radius: 50px;
  background: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
.cmn-btn02:after {
  position: absolute;
  top: calc(50% - 7px);
  right: 9px;
  display: block;
  width: 8px;
  height: 16px;
  background: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_ico_04.svg") 0 0 no-repeat;
  content: "";
}
/*-----------------------
cmn-kv
------------------------*/
.cmn-kv01 {
  position: relative;
  text-align: center;
  z-index: -1;
}
.cmn-kv01 .wrap02 {
  position: absolute;
  margin-top: calc(-48% - 38px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}
.cmn-kv01 .day01 {
  display: none;
}
.cmn-kv01 .dayInr01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 4px;
  width: 100%;
  height: 32px;
  background-color: #e95501;
  line-height: 1;
}
.cmn-kv01 .dayText01 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 17px;
  position: relative;
  color: #fff;
  letter-spacing: .1em;
  font-weight: bold;
  font-size: 2.0rem;
  animation: blink 1s infinite;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cmn-kv01 .dayText01::after,
.cmn-kv01 .dayText01::before {
  content: '';
  position: absolute;
  top: 4px;
  background: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_ico_10.svg") center 0 / contain no-repeat;
  width: 11px;
  height: 19px;
}
.cmn-kv01 .dayText01::before {
  left: 0;
  transform: scale(-1, 1);
}
.cmn-kv01 .dayText01::after {
  right: 0;
}
.cmn-kv01 .img01 {
  position: relative;
  z-index: 1;
}
.cmn-kv01 .ttl01 {
  color: #004831;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-kv01 .ttl01 > .inner {
    padding: 0 10px;
    font-size: 4.26667vw;
  }
}
.cmn-kv01 .ttl01 > .inner:before {
  bottom: 10px;
  left: 8px;
  width: 20px;
  background-color: #004831;
  transform: rotate(48deg);
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-kv01 .ttl01 > .inner:before {
    left: -12px;
  }
}
.cmn-kv01 .ttl01 > .inner:after {
  right: 8px;
  bottom: 10px;
  width: 20px;
  background-color: #004831;
  transform: rotate(-48deg);
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-kv01 .ttl01 > .inner:after {
    right: -12px;
  }
}
.cmn-kv01 .cmn-btn01 {
  max-width: 316px;
  width: 100%;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-kv01 .cmn-btn01 {
    max-width: 84.8vw;
  }
}
.cmn-kv01 .btn01 {
  margin: 5px 0 17px 0;
  padding: 0 7px 0 0;
  height: 66px;
  font-size: 2.4rem;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-kv01 .btn01 {
    padding-left: 4vw;
  }
}
.cmn-kv01 .btn01:after {
  right: 18px;
}
.cmn-kv01 .btn01 .txt01 {
  display: block;
  transform: translate(0,-2px);
}
.cmn-kv01 .btn02 {
  margin: 5px 0 9px 0;
  padding: 0 0 0 8px;
  height: 45px;
  font-size: 2.0rem;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-kv01 .btn02 {
    padding-left: 5.33333vw;
  }
}
.cmn-kv01 .btn02:after {
  right: 18px;
}
.cmn-kv01 .text01 {
  display: inline-block;
  font-size: 1.4rem;
  transform: translate(-5px, 0);
}
.is-day01 .cmn-kv01 .wrap01 {
  padding: 32px 0 0 0;
}
.is-day01 .cmn-kv01 .day01 {
  display: block;
}
.cmn-kv01+.card-box01 {
  margin-top: calc(-22% - -67px);
}
.cmn-kv01.-short01+.card-box01 {
  margin-top: -30%;
}
@media screen and (max-width: 767px) {
  .cmn-kv01.-short01+.card-box01 {
    margin-top: calc(-47% + 114px);
  }
}
/*-----------------------
cmn-flow
------------------------*/
.cmn-flow01 {
  position: relative;
  padding: 0 0 60px 0;
  background-color: #f5f9e6;
}
.cmn-flow01:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 74px;
  background-color: #ffffff;
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% 15%, 50% 100%, 0 15%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 18%, 50% 100%, 0 18%);
}
.cmn-flow01 .ttl01 {
  position: relative;
  padding: 5px 1px 49px 0;
  text-align: center;
}
.cmn-flow01 .list01 {
  text-align: center;
}
.cmn-flow01 .item01 {
  position: relative;
  padding: 0 0 62px 0;
}
.cmn-flow01 .item01:before {
  position: absolute;
  top: 0;
  left: 54px;
  display: block;
  width: 4px;
  height: 100%;
  background-color: #c6de78;
  content: "";
}
.cmn-flow01 .item01.-noline:before {
  display: none;
}
.cmn-flow01 .item02 {
  position: relative;
  margin: 4px 0 0 0;
  padding: 12px 15px 0 15px;
}
.cmn-flow01 .item02:before {
  position: absolute;
  top: -26px;
  left: 0;
  display: block;
  width: 100%;
  height: 24px;
  background: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_ico_05.svg") center 0 no-repeat;
  content: "";
}
.cmn-flow01 .icon01 {
  position: absolute;
  top: -25px;
  left: 26px;
}
.cmn-flow01 .img01 {
  padding: 16px 0 0 6px;
}
.cmn-flow01 .text01 {
  color: #004831;
  font-weight: bold;
  font-size: 2.0rem;
  padding: 0 40px 0 90px;
}
.cmn-flow01 .text02 {
  margin: 4px 0 0 0;
  font-weight: bold;
  font-size: 1.6rem;
}
.cmn-flow01 .text04 {
  display: inline-block;
  font-size: 1.4rem;
  transform: translate(-1px, 1px);
}
.cmn-flow01 .text11 {
  padding: 0 0 2px 0;
  color: #004831;
  font-weight: bold;
  font-size: 2.0rem;
}
.cmn-flow01 .btn01 {
  margin-top: 13px;
  padding: 0 40px 0 90px;
}
@media screen and (max-width: 767px) {
  .cmn-flow01 .text01,
  .cmn-flow01 .btn01 {
    padding: 0 4.8vw 0 90px;
  }
}
/*-----------------------
cmn-detail
------------------------*/
.cmn-detail01 {
  padding: 0 18px 60px 18px;
}
.cmn-detail01 .ttl01 {
  padding: 96px 0 20px 1px;
  text-align: center;
}
.cmn-detail01 .ttl02 {
  padding: 9px 5px;
  background-color: #a0c81e;
  color: #003927;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}
.cmn-detail01 .wrap01 {
  overflow: hidden;
  border: 3px solid #004831;
  border-radius: 20px;
}
.cmn-detail01 .block01 {
  padding: 16px 16px 15px 16px;
  letter-spacing: -.01em;
  font-size: 1.4rem;
  background: #fff;
}
.cmn-detail01 .list-circle01 > .item {
  padding-left: 19px;
}
.cmn-detail01 .list-circle01 > .item:not(:first-child) {
  margin-top: 2px;
}
.cmn-detail01 .list-circle01 > .item:before {
  top: 8px;
  left: 8px;
  width: 4px;
  height: 4px;
  background: #141d1d;
  content: "";
}
.cmn-detail01 .wrap02 {
  margin-top: 36px;
}
.cmn-detail01 .wrap02 .txt-blk {
  margin-top: 24px;
  padding: 8px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  background: #017a4f;
}
.cmn-detail01 .wrap02 .scroll-wrap01 {
  padding-bottom: 50px;
}
.cmn-detail01 .wrap02 .charge01-item01 {
  position: relative;
}
.cmn-detail01 .wrap02 .charge01-ttl02 {
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
  font-weight: bold;
}
.cmn-detail01 .wrap02 .charge01-item01:last-child {
  margin-right: 0;
}
.cmn-detail01 .wrap02 .charge01-wrap01 {
  max-width: 180px;
  min-height: 316px;
  width: 100%;
  margin: 8px auto 0;
  background: #fff;
  text-align: center;
  border: 3px solid #9c9ba4;
  border-radius: 20px;
}
.cmn-detail01 .wrap02 .charge01-img01 {
  padding: 50px 0 47px 0;
}
.cmn-detail01 .wrap02 .charge01-btn01 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 50px;
  border-radius: 100px;
  background: #017a4f;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4rem;
  color: #fff;
}
.cmn-detail01 .wrap02 .charge01-btn01::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 10px;
  width: 10px;
  height: 20px;
  background: url(/build/2000/smbc-reference/kojin/campaign/winner/imgs/index_ico_13.svg) no-repeat 0 0 / contain;
}
.cmn-detail01 .wrap02 a.charge01-btn01:visited {
  color: #fff;
}
.cmn-detail01 .wrap02 .charge01-txt02 {
  margin: 20px 0 0 1em;
  padding: 0 14px;
  color: #141d1d;
  text-align: left;
  text-indent: -1em;
  font-size: 1.2rem;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-arrow {
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 9px 16px 0 rgba(125, 125, 125, 0.25);
  z-index: 1;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-prev {
  left: 0;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-next {
  right: 0;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1.375em;
  height: 1.375em;
  margin: auto;
  background: url(/build/2000/smbc-reference/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0 / cover no-repeat;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-prev::before {
  transform: rotate(180deg);
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-dots {
  bottom: -30px;
  font-size: 0;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-dots li button {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #000;
  transition: background .2s ease-in-out;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-dots > .slick-active button {
  background: #000;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-dots > :not(:first-child) {
  margin-left: 12px;
}
.cmn-detail01 .wrap02 .slick-wrap01 .slick-prev.slick-disabled,
.cmn-detail01 .wrap02 .slick-wrap01 .slick-next.slick-disabled {
  display: none !important;
}
.cmn-detail01 .wrap02 [class*=icon-][class*=btn-type]>.inner {
  color: #000;
}
/* card-layout04 */
.cmn-detail01 .wrap02 .card-layout04 {
  margin-top: 69px;
}
.cmn-detail01 .wrap02 .gift-box02 {
  border: 2px solid #E6ECEA;
}
.cmn-detail01 .gift-box02>.title{
  position: relative;
  padding: 33px 20px 14px;
  background: #F5F5F5;
}
.cmn-detail01 .gift-box02>.title::after{
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: auto;
  top: -33px;
  transform: translateX(-50%);
  width: 65px;
  height: 65px;
}
.cmn-detail01 .wrap02 .gift-box02 >.title.-icon01::after{
  background: url(/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_img_34.png) center / contain no-repeat;
}
.cmn-detail01 .wrap02 .gift-box02 >.title.-icon02::after{
  background: url(/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_img_35.png) center / contain no-repeat;
}
.cmn-detail01 .wrap02 .gift-box02>.body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 19px 20px 24px;
}
.cmn-detail01 .wrap02 .gift-box02>.body>.text01{
  margin-top: 17px;
  text-align: left;
}
/*-----------------------
cmn-scroll
------------------------*/
.cmn-scroll01 {
  position: relative;
  overflow: hidden;
  padding: 0 0 0 18px;
}
.cmn-scroll01 .scrInr01 {
  padding: 0 14px 0 0;
  width: 840px;
}
.cmn-scroll01 .scrWrap01 {
  overflow-x: auto;
}
.cmn-scroll01 .scrIcon01 {
  position: absolute;
  top: calc(50% - 60px);
  right: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 16px;
  background: rgba(0, 72, 49, 0.8);
}
.cmn-scroll01 .scrImg01 {
  transform: translate(-3px, -2px);
}
.cmn-scroll01 .scrTxt01 {
  margin-top: 6px;
  color: #ffffff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
}
/*-----------------------
cmn-table
------------------------*/
.cmn-table01 {
  width: 826px;
  border-top: 1px solid #d5dedb;
  border-left: 1px solid #d5dedb;
}
.cmn-table01 col:nth-child(1) {
  width: 128px;
}
.cmn-table01 col:nth-child(2) {
  width: 104px;
}
.cmn-table01 col:nth-child(3) {
  width: 119px;
}
.cmn-table01 col:nth-child(4) {
  width: 104px;
}
.cmn-table01 col:nth-child(5) {
  width: 104px;
}
.cmn-table01 col:nth-child(6) {
  width: 116px;
}
.cmn-table01 th {
  border-right: 1px solid #d5dedb;
  border-bottom: 1px solid #d5dedb;
  vertical-align: middle;
  text-align: center;
}
.cmn-table01 td {
  padding: 15px;
  border-right: 1px solid #d5dedb;
  border-bottom: 1px solid #d5dedb;
  vertical-align: middle;
  text-align: center;
}
.cmn-table01 thead th {
  padding: 6px 10px;
  background-color: #4d7f6f;
  color: #ffffff;
  font-size: 1.4rem;
}
.cmn-table01 .bg01 {
  background: linear-gradient(270deg, #c09b10 12.5%, #fff799 50%, #c09b10 87%);
}
.cmn-table01 .bg02 {
  background-color: #e80000;
}
.cmn-table01 .bg03 {
  background-color: #fad82d;
}
.cmn-table01 .bg04 {
  background-color: #d6e7f0;
}
.cmn-table01 .inr01 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 98px;
}
.cmn-table01 .inr02 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 228px;
}
.cmn-table01 .txt01 {
  display: block;
  color: #e95501;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}
.cmn-table01 .txt02 {
  display: inline-block;
  margin: 0 -3px 0 0;
  color: #e95501;
  letter-spacing: 0;
  font-weight: bold;
  font-size: 2.0rem;
  font-family: "roboto";
  line-height: 1;
  transform: translate(0, 1px);
}
.cmn-table01 .txt03 {
  color: #e95501;
  font-weight: bold;
}
.cmn-table01 .txt04 {
  color: #e95501;
  font-weight: bold;
}
.cmn-table01 .sup01 {
  display: inline-block;
  margin: 0 0 0 -4px;
  color: #e95501;
  font-size: 1.0rem;
}
.cmn-table01 .sup02 {
  font-size: 1.0rem;
}
.cmn-table01 .cmn-btn01 {
  padding-right: 10px;
  padding-bottom: 2px;
  min-width: 100px;
  height: 38px;
}
/*-----------------------
cmn-menu
------------------------*/
.cmn-menu01 {
  position: fixed;
  top: 100px;
  right: 53px;
  z-index: 3;
  overflow: hidden;
  width: 338px;
  border: 6px solid #a0c81e;
  border-radius: 20px;
  background-color: #ffffff;
}
.cmn-menu01 .ttl01 {
  padding: 14px 0 0 0;
  text-align: center;
}
.cmn-menu01 .list01 {
  padding: 4px 0 24px 0;
}
.cmn-menu01 a {
  position: relative;
  display: block;
  padding: 13px 0 13px 57px;
  color: #004831;
  text-decoration: none;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1;
}
.cmn-menu01 a:before {
  position: absolute;
  top: calc(50% - 9px);
  left: 34px;
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-right: 0;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #004831;
  content: "";
}
.cmn-menu01 a.is-current:before {
  display: block;
}
@media screen and (max-width: 1340px) {
  .cmn-menu01 {
    right: 15px;
    width: 310px;
  }
  .cmn-menu01 a {
    padding-left: 40px;
  }
  .cmn-menu01 a.is-current:before {
    left: 20px;
  }
}
@media screen and (max-width: 1190px) {
  .cmn-menu01 {
    right: 8px;
    width: 230px;
  }
  .cmn-menu01 a {
    padding-left: 30px;
    font-size: 1.4rem;
  }
  .cmn-menu01 a.is-current:before {
    left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .cmn-menu01 {
    display: none;
  }
}
/* ----------------------------------
modal
---------------------------------- */
.modal-wrap {
  padding: 0 4.8vw;
}
.-wide01.modal-block02,
.modal-block01.-wide01 {
  width: 960px;
  min-width: initial;
}
/* ----------------------------------
cmn-fixedArea
---------------------------------- */
.cmn-fixedArea01 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4;
  display: none;
  width: 100%;
  height: 120px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 -20px 20px 0 #0000000a;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 {
    height: 80px;
  }
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01.-type01 {
    height: 110px;
  }
  .cpnloadEnd .cmn-fixedArea01.-type01 {
    height: 80px;
  }
}
.cmn-fixedArea01.-col02 .ttl01 {
  top: -20px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01.-col02 .btnlist01 {
    padding: 19px 19px 0 19px;
  }
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01.-col02 .item01 {
    width: calc((100% - 8px) / 2);
  }
}
.cmn-fixedArea01 .ttl01 {
  position: absolute;
  top: -31px;
  left: calc(50% - 290px / 2);
  padding: 10px 0 0 9px;
  width: 290px;
  height: 64px;
  background: url("/build/2000/smbc-reference/kojin/campaign/toto/imgs/cmn_bg_05.svg") 0 0 no-repeat;
  color: #004831;
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .ttl01 {
    display: none;
  }
}
.cmn-fixedArea01 .ttl02 {
  margin: 0 13px 6px 0;
  color: #004831;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .ttl02 {
    display: none;
  }
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .ttl02 > .inner {
    padding: 0 10px;
  }
}
.cmn-fixedArea01 .ttl02 > .inner:before {
  bottom: 10px;
  left: 8px;
  width: 20px;
  background-color: #004831;
  transform: rotate(48deg);
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .ttl02 > .inner:before {
    left: -12px;
  }
}
.cmn-fixedArea01 .ttl02 > .inner:after {
  right: 8px;
  bottom: 10px;
  width: 20px;
  background-color: #004831;
  transform: rotate(-48deg);
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .ttl02 > .inner:after {
    right: -12px;
  }
}
.cmn-fixedArea01 .btnlist01 {
  display: flex;
  justify-content: center;
  padding: 28px 0 0 0;
  height: 100%;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .btnlist01 {
    padding: 19px 30px 0 30px;
  }
}
.cmn-fixedArea01 .item01 {
  width: 302px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .item01 {
    width: 100%;
  }
}
.cmn-fixedArea01 .item01:nth-child(2) {
  margin-left: 64px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .item01:nth-child(2) {
    margin-left: 8px;
  }
}
.cmn-fixedArea01 .cmn-btn01 {
  padding: 0 14px 0 0;
  width: 100%;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .cmn-btn01 {
    padding: 0 10px 0 0;
  }
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .cmn-btn01 {
    padding: 0 0 0 0;
  }
}
.cmn-fixedArea01 .cmn-btn01:after {
  right: 18px;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .cmn-btn01:after {
    right: 2.66667vw;
  }
}
.cmn-fixedArea01 .cmn-btn01 .btnIcon01 {
  top: calc(50% - 34px);
  left: -30px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .cmn-btn01 .btnIcon01 {
    display: none;
  }
}
.cmn-fixedArea01 .cmn-btn01 .btnIcon02 {
  top: calc(50% - 34px);
  left: -30px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea01 .cmn-btn01 .btnIcon02 {
    display: none;
  }
}
.cmn-fixedArea01 .text01 {
  font-size: 1.6rem;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .text01 {
    font-size: 4.26667vw;
  }
}
.cmn-fixedArea01 .text02 {
  font-size: 1.4rem;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .cmn-fixedArea01 .text02 {
    font-size: 3.73333vw;
  }
}
.cmn-fixedArea01 .text03 {
  display: inline-block;
  font-size: 1.2rem;
  transform: translate(-5px, 0);
}
.cmn-fixedArea01 .link01 {
  padding: 10px 0 0 0;
  text-align: center;
}
.cmn-fixedArea02 {
  position: fixed;
  top: calc(50% - 234px);
  left: 70px;
  z-index: 4;
  max-width: 500px;
  width: calc((50% - 250px)* .9);
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .cmn-fixedArea02 {
    display: none;
  }
}
.cmn-fixedArea02 .block02 {
  display: block;
}
@media screen and (max-width: 1700px) {
  .cmn-fixedArea02 {
    left: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .cmn-fixedArea02 {
    display: none;
  }
}
/* cpEnd */
.cpEndMask{
  z-index: 2;
}
.cpEndTxt {
  z-index: 2;
}
.cpEndVisible ~ .endArea:not(.cpEndVisible) {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .cpEndTxt {
    z-index: 4;
  }
}
/*-----------------------
kv
------------------------*/
.kv-img01 {
  position: relative;
  text-align: center;
}
.kv-img01 > .img01 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 32px;
  background: #fff;
  border-top: 1px solid #004831;
  border-bottom: 1px solid #004831;
  box-shadow: 0px 2px 4px 0px #00000040;
  overflow: hidden;
}
.kv-img01 > .img01 > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -60%;
  width: 100%;
  height: 100%;
}
.kv-img01.-animation > .img01 > .inner {
  animation: kvScroll01 7s linear 0s infinite;
}
.kv-img01 > .img01 > .inner:not(:first-child) {
  pointer-events: none;
  user-select: none;
}
.kv-img01 > .img01 > .inner:nth-child(2) {
  left: 0%;
}
.kv-img01 > .img01 > .inner:nth-child(3) {
  left: 60%;
}
.kv-img01 > .img01 > .inner:nth-child(4) {
  left: 120%;
}
.kv-img01 > .img01 > .inner:nth-child(5) {
  left: 180%;
}
@media screen and (max-width: 499px) {
  .kv-img01.-animation > .img01 > .inner {
    left: -75%;
    animation-name: kvScroll02;
  }
  .kv-img01 > .img01 > .inner:nth-child(2) {
    left: 0%;
  }
  .kv-img01 > .img01 > .inner:nth-child(3) {
    left: 75%;
  }
  .kv-img01 > .img01 > .inner:nth-child(4) {
    left: 150%;
  }
  .kv-img01 > .img01 > .inner:nth-child(5) {
    left: 225%;
  }
}
@media screen and (max-width: 374px) {
  .kv-img01.-animation > .img01 > .inner {
    left: -80%;
    animation-name: kvScroll03;
  }
  .kv-img01 > .img01 > .inner:nth-child(2) {
    left: 0%;
  }
  .kv-img01 > .img01 > .inner:nth-child(3) {
    left: 80%;
  }
  .kv-img01 > .img01 > .inner:nth-child(4) {
    left: 160%;
  }
  .kv-img01 > .img01 > .inner:nth-child(5) {
    left: 240%;
  }
}
@keyframes kvScroll01 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-120%);}
}
@keyframes kvScroll02 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-150%);}
}
@keyframes kvScroll03 {
  0% {transform: translateX(0);}
  100% {transform: translateX(-160%);}
}
.kv-img01 > .img01 > .inner > .img {
  display: inline-block;
  transform: scale(0.7);
}
/* ----------------------------------
card-box
---------------------------------- */
a.card-box01 {
  display: block;
}
.card-box01.-balloon01 {
  text-align: center;
  padding: 0;
  text-decoration: none;
}
.card-box01>.balloon {
  margin: auto;
  width: 84%;
  min-height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-weight: bold;
  font-size: 2.0rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.card-box01>.box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.card-box01.-radius01>.box {
  border-radius: 8px;
}
.card-box01.-shadow01>.box {
  filter: drop-shadow(0px 8px 10px rgba(20, 29, 29, 0.08));
  -webkit-filter: drop-shadow(0px 8px 10px rgba(20, 29, 29, 0.08));
}
.card-box01.-balloon01>.box {
  margin-top: -25px;
  padding-top: 14px;
  min-height: 197px;
}
.card-box01>*>.white{
  background: #fff;
}
.card-box01.-red01>.balloon {
  border: 5px solid #e80000;
  color: #e80000;
}
.card-box01.-red01>.balloon::before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  bottom: -9px;
}
.card-box01.-red01>.box {
  background: #e80000;
}
.card-box01.-red01>.box02{
  background: #e80000;
  padding: 0 46px 16px;
  margin: 0 auto;
}
.card-box01.-red01>.box02>p{
  display: block;
  margin: 0 auto;
  max-width: 334px;
}
.card-box01.-gold01>.balloon {
  border: 5px solid #c09b0e;
  color: #c09b0e;
  background: #fff;
}
.card-box01.-gold01>.balloon::before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  bottom: -9px;
}
.card-box01.-gold01>.balloon::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: #c09b0e;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  bottom: -20px;
  z-index: -1;
}
.card-box01.-gold01>.box{
  background: linear-gradient(270deg, #c09b0e 15.38%, #caa91f 20.67%, #e7d466 37.5%, #fef596 49.52%, #caa91f 78.37%, #c19c10 84.13%);
}
.card-box01.-yellow01 {
  background: #fad82d;
  border-radius: 8px;
}
.card-box01.-blue01 {
  background: #d6e7f0;
  border-radius: 8px;
}
.btn-type01.-noShadow {
  border: 3px solid #004831;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .card-box01.-red01>.box02>p{
    max-width: 278px;
  }
}
@media screen and (max-width: 374px) {
  .card-box01.-red01>.box02{
    padding: 0 24px 16px;
  }
}
/*-----------------------
visible change
------------------------*/
[data-account]:not(.-on),
.fn-coVisible:not(.-on) {
  display: none !important;
}
/* ----------------------------------
general parts
---------------------------------- */
._txt-orange01 {
  color: #e95501 !important;
}
._mt60 {
  margin-top: 60px !important;
}
._v-baseline {
  vertical-align: baseline !important;
}
._bg-green04 {
  background: #f5f9e6 !important;
}
._lh01 {
  line-height: 1 !important;
}