@charset "utf-8";
/* CSS Document */
#umamusume_cp_2512 img {
  display: block;
  width: 100%;
  height: auto;
}
#umamusume_cp_2512 h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
}
#umamusume_cp_2512 dl, dt, dd, ul, li {
  margin: 0;
  list-style: none;
  padding: 0;
}
#umamusume_cp_2512 .a-btn a:hover {
  opacity: .7;
}
#umamusume_cp_2512 .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;
  }
  #umamusume_cp_2512 .pc-none {
    display: none;
  }
  #umamusume_cp_2512 {
    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;
  }
  #umamusume_cp_2512 .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;
  }
  #umamusume_cp_2512 .sp-none {
    display: none;
  }
  #umamusume_cp_2512 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #umamusume_cp_2512 .pin {
    background-color: #fff;
    padding: 1rem;
  }
  #ancl01 {
    margin-top: -56px;
    padding-top: 54px;
  }
}