@charset "utf-8";

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

/* ========== section-readmore ========== */
.kyufukin_c-color-01a {
  color: #eb7000 !important;
}
.kyufukin_fs-01{
  font-size: 150% !important;
}
@media only screen and (max-width: 640px){
  .kyufukin_fs-01{
    font-size: 125% !important;
  }
}


/* ========== header ========== */
#jbk-header-area .frame-content h1{
  width: 560px;
  max-width: 50%;
}
@media only screen and (max-width: 780px){
  #jbk-header-area .frame-content h1{
    width: 360px;
    max-width: 100%;
    height: auto;
  }
}

#jbk-header-area .frame-content-toto{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 15px !important;
}
.frame-content.frame-content-toto:before, .frame-content.frame-content-toto:after{
  content: none;
}
#jbk-header-area .frame-content-toto h1{
  width: 560px;
  max-width: 50%;
}

#jbk-header-area .frame-content-toto .c-btn-05 span{
  font-weight: normal;
}
@media only screen and (max-width: 880px){
  #jbk-header-area .frame-content-toto a.c-btn-05{
    font-size: 12px;
  }
}
@media only screen and (max-width: 780px){
  #jbk-header-area .frame-content-toto h1{
    width: 560px;
    max-width: 85%;
  }
  #jbk-header-area .frame-content-toto{
    padding: 10px !important;
  }
  #jbk-header-area .frame-content-toto .c-btn-toto{
    padding-bottom: 7px;
  }
  #jbk-header-area .frame-content-toto .c-btn-toto a{
    border: solid 1px #5e5d5d;
    box-shadow: none;
    height: 40px;
    width: 42px;
    border-radius: 10px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#605f5f),color-stop(100%,#484747));
    background: -webkit-linear-gradient(top,#605f5f 0,#484747 100%);
    background: -o-linear-gradient(top,#605f5f 0,#484747 100%);
    background: -ms-linear-gradient(top,#605f5f 0,#484747 100%);
    background: linear-gradient(to bottom,#605f5f 0,#484747 100%);
    padding: 0;
  }
  #jbk-header-area .frame-content-toto .c-btn-toto a.c-btn-05:before{
    mask: url(/assets/img/icon__login.svg) no-repeat center center / contain;
    -webkit-mask: url(/assets/img/icon__login.svg) no-repeat center center / contain;
    background: #fff;
    background-position: -16px 0;
    background-size: auto 29px;
    top: 0;
    left: 8px;
    height: 25px;
    width: 25px;
  }
  #jbk-header-area .frame-content-toto .c-btn-toto a span{
    width: 47px;
    display: block;
    font-weight: normal;
    position: absolute;
    bottom: -15px;
    left: -4px;
    color: #535252;
    font-size: 9px;
    letter-spacing: -0.5px;
    text-align: center;
    white-space: nowrap;
  }
  #jbk-header-area .frame-content-toto .toto-hidden-sp{
    display: none !important;
  }
}

/* ========== KV ========== */

.c-ground-01#key-visual{
  margin-top: 0;
}

.c-alertBlock-01 + .c-ground-01#key-visual,
.c-figure-01 + .c-ground-01#key-visual,
.c-column-group + .c-ground-01#key-visual{
  margin-top: 1.75em;
}

@media only screen and (max-width: 640px){
  .c-alertBlock-01 + .c-ground-01#key-visual,
  .c-figure-01 + .c-ground-01#key-visual,
  .c-column-group + .c-ground-01#key-visual{
    margin-top: .625em;
  }
}