/* ゲーム一覧 */
#song{
width: 100%;
position: relative;
margin: 0;
padding: 60px 0;
}


/* 一覧 */
#song ul{
max-width: 1400px;
display: flex;
flex-wrap: wrap;
position: relative;
margin: 0 auto 30px auto;
padding: 0 25px;
}
#song ul li{
width: calc(33.33% - 30px);
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
margin: 0 15px;
}
#song ul li .box01{
width: 100%;
position: relative;
margin: 0 0 15px;
}
#song ul li .box01 .image{
width: 100%;
background: #e9e9e9;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin:  0 0 15px 0;
padding: 10px 15%;
aspect-ratio: 1 / 1;
}
#song ul li .box01 .image img{
width: 100%;
display: block;
position: relative;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
#song ul li .box01 .text{
width: 100%;
position: relative;
}
#song ul li .box01 .text h3{
width: 100%;
position: relative;
margin: 0 0 5px 0;
}
#song ul li .box01 .text p{  /* 発売日・価格 */
width: 100%;
color: #9e9e9e;
position: relative;
}
#song ul li .box02{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 -10px 0;
}
#song ul li .box02 a{
width: calc(100% - 10px);
display: block;
border: #424242 1px solid;
text-align: center;
font-size: 14px; line-height: 14px;
text-decoration: none;
cursor: pointer;
position: relative;
margin: 0 5px 10px 5px;
padding: 10px 20px;
border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;
}
#song ul li .box02 a:nth-child(1){
width: 100%;
background: #424242;
color: #eeeeee;
}

#song ul hr{
width: 100%;
display: none;
border-bottom: #c2c2c2 1px dashed;
position: relative;
margin: 60px 0;
}
#song ul hr:nth-of-type(3n){ display: block; }



/* レスポンシブ */

@media screen and (max-width: 1400px){



}

@media screen and (max-width: 1000px){

  /* 一覧 */
  #song ul li{
  width: calc(50% - 30px);
  }

	#song ul hr:nth-of-type(3n){ display: none; }
	#song ul hr:nth-of-type(2n){ display: block; }

}

@media screen and (max-width: 670px){

  /* 一覧 */
  #song ul{
  padding: 0 20px;
  }
  #song ul li{
  width: 100%;
  margin: 0 0 60px 0;
  }
  #song ul li .image div img{
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  }
	#song ul li .info .box02 a{
	width: 100%;
	margin: 0 0 10px 0;
	}
	#song ul hr:nth-of-type(2n){ display: none; }

}


/* end */