@charset "UTF-8";

#wrap{
  background-color: #f2f2f2;
}

.content{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

img {
  width: 100%;
}

.button-bk {
  text-align: center;
  background-color: #fffde4;
  padding:20px;
}

.button-bk img {
  width: 60%;
  max-width: 460px;
}

@media only screen and (max-width: 768px){
  .button-bk {
    padding:10px;
  }
  
  .button-bk img {
    width: 90%;
  }
}



@media only screen and (max-width: 768px){
  .pcv{
    display:none;
  }
}

@media only screen and (min-width: 769px){
  .spv{
    display:none;
  }
}

.event-campain { padding-top: 60px; }
.event-campain .header { 
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #d7d8da;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  left: 0px;
  top: 0px;
}
.event-campain .header .logo {
  max-width: 220px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.event-campain .header_inner { 
  min-height: 59px; 
  padding: 0px 15px;
  position: relative;
}
.event-campain .header img.logo-pc { display: none; }
.event-campain .header-back { color: #252729; font-size: 20px; line-height: 1; text-decoration: none; }
.event-campain .header-back:hover { 
  color: #333;
  opacity: 0.75;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

@media only screen and (max-width: 767px) {
  .event-campain { padding-top: 55px; }
  .event-campain .header { height: 55px; }
  .event-campain .header .logo { max-width: 30px; }
  .event-campain .header_inner { min-height: 54px; }
  .event-campain .header-back { font-size: 1rem; }
  .event-campain .header-back > span {
    flex: 0 0 22px;
    max-width: 22px;
  }
}
@media only screen and (min-width: 768px) {
  .event-campain .header img.logo-pc { display: block; }
  .event-campain .header img.logo-sp { display: none; }
}