@charset "utf-8";

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

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

/* ====== c-ground-01 ====== */
.c-ground-01.c-ground-00 {
  padding-bottom: 30px;
}
@media only screen and (max-width: 640px) {
  .c-ground-01.c-ground-00 {
    padding-bottom: 16px;
  }
}

/* ====== heading ====== */
@media only screen and (max-width: 768px) {
  .c-heading2-01.c-heading-img .img-responsive {
    width: 100%;
  }
}
.c-heading2-01.c-heading-img {
  margin: -30px -54px 0 -54px;
}
@media only screen and (max-width: 640px) {
  .c-heading2-01.c-heading-img {
    margin: -16px -10px 0 -10px;
  }
}

/* ====== c-detailBlock-01 ====== */
.c-detailBlock-01{
  background-color: #eee;
  padding: 30px 54px;
  margin: 2.5em -54px -54px -54px;
  text-align: center;
}
.c-detailBlock-01 ul.c-list-01{
  display: inline-block;
}
@media only screen and (max-width: 640px){
  .c-detailBlock-01{
    padding: 15px 10px;
    margin: 2em -10px -16px -10px;
    text-align: left;
  }
}

/* ====== c-btnArea-01 ====== */
.c-btnArea-01{
  position: relative;
}
.c-btnArea-01 .c-btnArea-btn{
  position: absolute;
}
.c-btnArea-pc .c-btnArea-btn{
  width: 18.895%;
}
.c-btnArea-pc .c-btnArea-btn-01{
  bottom: 19%;
  left: 28.7%;
}
.c-btnArea-pc .c-btnArea-btn-02{
  bottom: 19%;
  right: 28.7%;
}
.c-btnArea-sp .c-btnArea-btn{
  width: 44.642%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.c-btnArea-sp .c-btnArea-btn-01{
  top: 42.3%;
}
.c-btnArea-sp .c-btnArea-btn-02{
  bottom: 26.5%;
}