@charset "utf-8";

/* ----- c-btn-toto-01 ----- */

.c-btn-toto-01{
  background: #faf1be;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#faf1be 0,#d3b60e 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#faf1be),color-stop(100%,#d3b60e));
  background: -webkit-linear-gradient(top,#faf1be 0,#d3b60e 100%);
  background: -o-linear-gradient(top,#faf1be 0,#d3b60e 100%);
  background: -ms-linear-gradient(top,#faf1be 0,#d3b60e 100%);
  background: linear-gradient(to bottom,#faf1be 0,#d3b60e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf1be',endColorstr='#d3b60e',GradientType=0);
  -webkit-box-shadow: 0 4px 0 #b28b0f;
  box-shadow: 0 4px 0 #b28b0f;
  border-radius: 50px;
  display: inline-block;
  font-size: 112.5%;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.c-btn-toto-01 a{
  padding: 20px 30px 20px 40px;
  display: block;
  position: relative;
  color: #535252;
  text-decoration: none;
}
@media only screen and (max-width: 641px) {
  .c-btn-toto-01 a{
    padding: 20px 30px 20px 50px;
  }
}


.c-btn-toto-01 a .label,
.c-btn-toto-01.icon-blank a .label {
  position: relative;
}

.c-btn-toto-01 a .label::before,
.c-btn-toto-01.icon-blank a .label::after {
  content: "";
  position: absolute;
}
.c-btn-toto-01 a .label::before {
  top: 0;
  bottom: 0;
  left: -35px;
  margin: auto;
  mask: url(/assets/img/icon__account--app.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__account--app.svg) no-repeat center center/contain;
  background-color: #535252;
  background-position: -18px 0;
  background-repeat: no-repeat;
  background-size: auto 32px;
  width: 25px;
  height: 25px;
}

/* ----- c-btn-toto-02 ----- */
.c-btn-toto-02 {
  background: #566aa0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#566aa0 0,#415484 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#566aa0),color-stop(100%,#415484));
  background: -webkit-linear-gradient(top,#566aa0 0,#415484 100%);
  background: -o-linear-gradient(top,#566aa0 0,#415484 100%);
  background: -ms-linear-gradient(top,#566aa0 0,#415484 100%);
  background: linear-gradient(to bottom,#566aa0 0,#415484 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#566aa0',endColorstr='#415484',GradientType=0);
  -webkit-box-shadow: 0 4px 0 #242f49;
  box-shadow: 0 4px 0 #242f49;
  border-radius: 50px;
  display: inline-block;
  font-size: 112.5%;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.c-btn-toto-02 a{
  position: relative;
  display: block;
  padding: 20px 30px 20px 40px;
  color: #fff;
  text-decoration: none;
}
@media only screen and (max-width: 641px) {
  .c-btn-toto-02 a{
    padding: 20px 30px 20px 50px;
  }
}

.c-btn-toto-02 a .label,
.c-btn-toto-02.icon-blank a .label {
  position: relative;
}
.c-btn-toto-02 a .label::before,
.c-btn-toto-02.icon-blank a .label::after {
  content: "";
  position: absolute;
}
.c-btn-toto-02 a .label::before {
  top: 0;
  bottom: 0;
  left: -35px;
  mask: url(/assets/img/icon__account--web.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__account--web.svg) no-repeat center center/contain;
  background-color: #fff;
  background-position: -18px 0;
  background-repeat: no-repeat;
  background-size: auto 32px;
  margin: auto;
  width: 25px;
  height: 25px;
}