@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 640px){
  body {
    min-width: 100%;
  }
  section {
    padding: 80px 0;
  }
  .inner {
    max-width: none;
    width: 87.5%;
    margin: 0 auto;
  }
  .flex {
    flex-direction: column;
  }
  .img_logo {
    width: 140px;
    margin: 0 auto 80px;
  }
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  /*---------------------------------------------------------------------
	メインビジュアル
---------------------------------------------------------------------*/
  .main_img {
    margin-bottom: 80px;
    overflow: visible;
  }
 .main_img .img_wrap {
  height: auto;
  margin-bottom: 16px;
}
  .main_img .img_wrap img {
    height: 70vh;
  }
  .main_lead {
    width: 100%;
	position: static;
    transform: none;
  }
  h1 {
    font-size: 3.6rem;
    letter-spacing: 0.2rem;
    margin-bottom: 32px;
  }
	h1 img{
	width: 87.5%;
	margin: 8px auto;
	}
  
  h1 span{
    font-size: 3.4rem;
  }
  .main_img ul {
    width: 87.5%;
    margin: 0 8%;
    padding: 0;
    justify-content: space-between;
    flex-direction: row;
  }
  .main_img ul li{
	 width: calc(100%/3 - 8px);
  }
  .main_img ul li:not(:last-child) {
    margin-right: 0px;
  }
	
  .cd_img img {
    width: 100%;
    height: auto;
  }
	.main_img ul li:last-child .cd_img{
	width: 86.53%;
	}
  /*---------------------------------------------------------------------
	サブメイン
---------------------------------------------------------------------*/
  .submain {
    margin-bottom: 80px;
    padding-top: 0px;
  }
  .subimg {
    width: 100%;
    height: 360px;
  }
  .submain .lead {
    max-width: none;
    width: 100%;
  }
  .submain .lead p:first-child {
    font-size: 2.4rem;
    line-height: 5rem;
    letter-spacing: 0.2rem;
    margin-bottom: 50px;
  }
  .submain .lead p:last-child {
    font-size: 1.8rem;
    line-height: 3.4rem;
    letter-spacing: 0.3rem;
	 padding: 0;
  }
/*---------------------------------------------------------------------
	CD情報 YouTube
---------------------------------------------------------------------*/
.mv_y{
	width: 87.5%;
	height: 250px;
	margin-bottom: 80px;
}
	
  /*---------------------------------------------------------------------
	CD
---------------------------------------------------------------------*/
  .cd{
		margin-bottom: 80px;
	}
  .cd_img_2 {
    height: auto;
    width: 100%;
  }
  .cd ul li:last-child .cd_img_2 {
  width: 100%;
  height: auto;
}
  .cd ul {
    align-items: center;
  }
  .cd ul li {
    width: 87.5%;
    margin: 0 auto;
  }
	.cd ul li:not(:last-child){
	 margin-bottom: 80px;
	}
  .cd ul li .flex {
    position: static;
    flex-direction: row;
  }
  /*---------------------------------------------------------------------
	CDリスト
---------------------------------------------------------------------*/
  .cd_list {
    padding-top: 0;
  }
  .cd_list h2 {
    margin-bottom: 40px;
  }
  .cd_list_box {
    width: 100%;
  }
  .cd_list_box P:first-of-type{
	margin-bottom: 32px;
	font-size: 1.6rem;
}
  .cd_list_box P:first-of-type span{
	font-size: 1.2rem;
}
  .cd_list h3 {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 8px;
    margin-right: 0px;
  }
  .cd_list .music_list {
    margin-bottom: 40px;
  }
  .cd_list .music_list li .y_btn {
    display: block;
    margin-bottom: 16px;
  }
  .cd_list .mv_list {
    padding: 0;
    padding-left: 24px;
  }
	.cd_list_box P:last-of-type{
	margin-bottom: 80px;
	}
  /*---------------------------------------------------------------------
	オリジナル特典・早期予約フェア共通
---------------------------------------------------------------------*/
  .original .inner, .reserve .inner {
    max-width: none;
    width: 87.5%;
    margin: 0 auto;
  }
  h4 {
    font-size: 3.0rem;
    margin-bottom: 40px;
  }
  .first_p {
    padding: 0 16px;
    font-size: 1.6rem;
    line-height: 3.2rem;
  }
  .detail_box {
    border: solid 1px #BABABA;
    padding: 30px 24px;
  }
  /*---------------------------------------------------------------------
	オリジナル特典
---------------------------------------------------------------------*/
  .original {
    padding: 80px 0;
  }
  .original .inner ul {
    gap: 30px 0;
    flex-direction: row;
  }
  .original .inner ul li {
    width: calc(100%/2 - 10px);
  }
  .original .inner .detail_box {
    margin-bottom: 60px;
  }
  .original_img {
    max-width: 220px;
    max-height: 220px;
    width: 100%;
    height: auto;
  }
  .original dl dt {
    font-weight: 700;
  }
  .original dl dd {
    font-size: 1.2rem;
  }
  .original dl dd span {
    color: #E2007E;
  }
  /*---------------------------------------------------------------------
	早期予約フェア
---------------------------------------------------------------------*/
  .reserve {
    padding-top: 80px;
  }
  .reserve .inner .detail_box p {
    letter-spacing: 0.1rem;
  }
  /*---------------------------------------------------------------------
	フッター
---------------------------------------------------------------------*/
  footer {
    padding: 80px 40px;
  }
}
@media screen and (min-width: 1620px) {
  .main_img .img_wrap, .main_img .img_wrap img {
  height: auto;
}
}