@charset "utf-8";
/* CSS Document */
#harajuku-festival_cp_2510 img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -0.1rem;
}
#harajuku-festival_cp_2510 h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
}
#harajuku-festival_cp_2510 dl, dt, dd, ul, li {
  margin: 0;
  list-style: none;
  padding: 0;
}
#harajuku-festival_cp_2510 .a-btn a:hover {
  opacity: .7;
}
#harajuku-festival_cp_2510 .a-btn .hov a:hover {
  box-shadow: 0 0 rgba(4, 0, 0, 0.5);
  transform: translateY(.2rem);
  opacity: .9;
}
/*===============================================

●pc.css 画面の横幅が737px以上

===============================================*/
@media screen and (min-width:737px) {
  /*common*/
  .ly-contents-area {
    padding: 10px 0 0;
  }
  #harajuku-festival_cp_2510 .pc-none {
    display: none;
  }
  #harajuku-festival_cp_2510 {
    max-width: 750px;
    margin: 0 auto;
    padding: 0;
  }
  div#contents {
    background-image: url(../images/pc_bg.webp);
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
  }
  #harajuku-festival_cp_2510 .a-btn {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2.5rem;
    background-color: #fbc400;
  }
  #harajuku-festival_cp_2510 .a-btn a {
    position: relative;
    top: 0;
    display: block;
    box-shadow: .3rem .4rem .5em rgba(4, 0, 0, 0.4);
    border-radius: 3rem;
    text-align: center;
    text-decoration: none;
    transition: .3s ease-in-out;
  }
  #harajuku-festival_cp_2510 .pin {
    background-color: #fff;
    padding: 20px 20px 5%;
  }
  #ancl01 {
    margin-top: -95px;
    padding-top: 95px;
  }
}
/*===============================================

●sp.css  画面の横幅が736pxまで

===============================================*/
@media screen and (max-width:736px) {
  /*common*/
  #contents {
    padding-top: 54px !important;
  }
  .ly-wrp-sp-cts {
    margin: 0;
  }
  .ly-contents-area {
    padding: 10px 0 0;
  }
  #harajuku-festival_cp_2510 .sp-none {
    display: none;
  }
  #harajuku-festival_cp_2510 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #harajuku-festival_cp_2510 .a-btn {
    background-color: #fbc400;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 1.5rem;
  }
  #harajuku-festival_cp_2510 .a-btn a {
    position: relative;
    top: 0;
    display: block;
    box-shadow: .2rem .2rem .3rem rgba(4, 0, 0, 0.4);
    border-radius: 1.2rem;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
  }
  #harajuku-festival_cp_2510 .pin {
    background-color: #fff;
    padding: 1rem;
  }
  #ancl01 {
    margin-top: -56px;
    padding-top: 54px;
  }
}