@charset "UTF-8";
/* CSS Document */

#dl-area h2{
    margin-bottom:15px;
}
.dl-list{
    margin-bottom:20px;
}
.chara-words {
top:450px;
    transform: rotate(-15deg); 
  }
.dl-list.steam{
    border-top:dashed 1px rgba(255,255,255,0.3);
    padding-top:20px;

}
.dl-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
@media (max-width: 1200px) {
 .dl-list {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  padding:0 30px;
    }
}
@media (max-width: 600px) {
 .dl-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
      padding:0px;

}
/*------ スマホ版 ------ */
@media (max-width: 959px) {
  .chara-words {
transform: rotate(-15deg) translateX(50%);
       position: absolute;
    right: 50%;
 top:500px;  
 margin-right:-10px;
  width:100%;
      
  }
#dl-area h2{
    width:80%;
     margin:0 auto 20px auto;
}

}

}
/*------ メニューの切り替え PC版 ------ */
@media (min-width: 960px) {
  .gnav-menu-list li {
    padding: 18px 10px 0 27px;
  }

}

/*------ PC版 ------ */
@media (min-width: 960px) {

  .chara-words {
    position: absolute;
    top: 500px;
    right: 0px;

  }
}