@charset "utf-8";

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

/* ========== hidden ========== */
@media only screen and (min-width: 641px){
.c-hide-pc {
  display: none;
}
}
@media only screen and (max-width: 640px){
.c-hide-sp {
  display: none;
}
}

/* ========== cpn-ground-anchorLinks-01 ========== */
body.color-toto .cpn-ground-anchorLinks-01{
  background-color: #b49e3f;
}
body.color-toto .cpn-ground-anchorLinks-01 .c-anchorLinks-01 li{
  background-image: linear-gradient(to bottom, #fff, #fff 2px, transparent 2px, transparent 4px);
  background-size: 2px 6px;
  background-position: left;
  background-repeat: repeat-y;
  margin-bottom: 0;
}
body.color-toto .cpn-ground-anchorLinks-01 .c-anchorLinks-01 li:first-child{
  background-image: none;
}
body.color-toto .cpn-ground-anchorLinks-01 .c-anchorLinks-01>li a{
  color: #fff;
  padding-left: 44px;
}
body.color-toto .cpn-ground-anchorLinks-01 .c-anchorLinks-01>li:first-child a{
  padding-left: 24px;
}
body.color-toto .cpn-ground-anchorLinks-01 .c-anchorLinks-01>li:first-child a:before{
  left: 0;
}
/* ----- c-btn-account ----- */
a.c-btn-account.icon-login.flat:before {
    background-size: 100% auto;
    height: 22px;
    width: 0;
}
/* ----- color-toto ----- */
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: #b49e3f;
  box-shadow: 12px 0 0 #b49e3f,-12px 0 0 #b49e3f;
}
body.color-toto .cpn-step-05 > .step {
  border-color: #b49e3f;
}
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,
body.color-toto .cpn-heading4-01 h4 {
  color: #b49e3f;
}
body.color-toto .cpn-step-02 .contents .step .inner,
body.color-toto .cpn-step-04,
body.color-toto .cpn-step-04 > .step {
    border-color: #f1e7d3;
}
body.color-toto .cpn-step-05 > .step + .step:before{
  background: none;
  left: -35px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #b49e3f;
}
@media only screen and (min-width: 769px){
  body.color-toto .cpn-step-05 > .step + .step{
    margin-left: 45px;
  }
}
@media only screen and (max-width: 768px){
  body.color-toto .cpn-step-05 > .step{
    margin-top: 0;
  }
  body.color-toto .cpn-step-05 > .step + .step{
    margin-top: 35px;
  }
  body.color-toto .cpn-step-05 > .step + .step:before{
    border-width: 15px 15px 0px 15px;
    border-color: #b49e3f transparent transparent transparent;
    left: 50%;
    top: -25px;
  }
}
body.color-toto .cpn-ground-01,
body.color-toto .cpn-cnvBlock-01{
  border: solid 4px #b49e3f;
}
body.color-toto .cpn-btn-05,
body.color-toto .cpn-btn-account{
  border-top: 1px solid #F8F5EC;
  border-bottom: 1px solid #655823;
  background: #D3C382;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#D3C382 0,#b49e3f 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D3C382),color-stop(100%,#b49e3f));
  background: -webkit-linear-gradient(top,#D3C382 0,#b49e3f 100%);
  background: -o-linear-gradient(top,#D3C382 0,#b49e3f 100%);
  background: -ms-linear-gradient(top,#D3C382 0,#b49e3f 100%);
  background: linear-gradient(to bottom,#D3C382 0,#b49e3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3C382',endColorstr='#b49e3f',GradientType=0);
  box-shadow: none;
}
body.color-toto .c-figure-01 a:hover{
  opacity: .7;
}

/* ========== benefit-area ========== */
.benefit-area {
  position: relative;
}

.benefit-btn {
  position: absolute;
  bottom: 5%;
  margin: auto;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 998px){
.benefit-btn img {
  width: 70%;
}
}

/* ========== btn-login-step ========== */
a.c-btn-account.icon-login.btn-login-step {
  padding: 12px 32px 12px 50px;
  font-size: 90%;
  text-align: center;
  border-radius: 34px;
}
a.c-btn-account.icon-login.btn-login-step:before {
  left: 10%;
}

/* ========== 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-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}

/* ========== noteList ========== */
.c-noteList-01 li .c-noteList-01 li {
  font-size: 100%;
}