@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== color-toto ========== */
body.color-toto .cpn-ground-01{
  border: solid 4px #39c0dd;
}
body.color-toto .cpn-heading-01 span,
body.color-toto .cpn-step-02 .heading-main h2 span,
body.color-toto .cpn-step-02 .heading-main h3 span,
body.color-toto .cpn-step-02 .heading-main h4 span,
body.color-toto .cpn-step-02 .heading-main h5 span{
  background-color: #39c0dd;
  box-shadow: 12px 0 0 #39c0dd, -12px 0 0 #39c0dd;
  color: #373737;
}
body.color-toto .cpn-heading4-01 h4,
body.color-toto .cpn-heading-02 h3,
body.color-toto .cpn-text-01,
body.color-toto .cpn-step-04 .step-heading > .step-num,
body.color-toto .cpn-step-05 .step-heading > .step-num{
  color: #373737;
}
body.color-toto .cpn-step-02 .contents .step .inner,
body.color-toto .cpn-step-04,
body.color-toto .cpn-step-04 > .step {
    border-color: #b2dee7;
}
body.color-toto .c-figure-01 a:hover{
  opacity: .7;
}
body.color-toto a.c-btn-01.c-btn-cpn{
  padding: 21px 16px 19px 36px;
  border-radius: 36px;
}
body.color-toto a.c-btn-01.c-btn-cpn:before{
  background-position-x: -270px;
}
/* ========== anc ========== */
.c-ground-01.c-ground-anc_cpn{
  background: #39c0dd;
}
.c-ground-01.c-ground-anc_cpn .c-anchorLinks-01>li{
  border-left: 2px dotted #fff;
  margin: 0 0 0 1em;
  padding-left: 1.5em;
}
.c-ground-01.c-ground-anc_cpn .c-anchorLinks-01>li:first-child{
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.c-ground-01.c-ground-anc_cpn .c-anchorLinks-01>li a:before{
  background-image: url(/campaign/2021/20210306_toto/img/icon_anc.png);
}
.c-ground-01.c-ground-anc_cpn .c-anchorLinks-01>li a{
  color: #373737;
}
/* ========== c-imgList-01 ========== */
.max-w405{
  max-width:405px !important;
}
@media (max-width: 640px){
  .max-w405{
    max-width:100% !important;
  }
  .toto_app_btn{
    width: 78.52%;
  }
}
@media only screen and (max-width: 960px) {
  .c-imgList-01 li {
    display: inline-block;
    margin: 10px 0px;
  }
}
/* ========== c-btn-login_cpn ========== */
.c-btn-04.c-btn-login_cpn:before{
  background-image: url(/assets/img/icon_btn_04.png);
  background-position: 0;
  background-size: auto 23px;
  width: 19px;
  height: 23px;
  left: 18px;
  top: 50%;
  bottom: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ========== c-btn-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}