@charset "utf-8";
/* デフォルト（最小幅 0px 以上の指定）
   全てのデバイスに共通の指定
  */
    .header {
	  margin-top: -20px;
	  width: 100%;
	  min-height:120px;
	  overflow: auto;
	  background: #021636;
  }
	.content {
		clear:both;
	}
	#disc {
		margin: 100px auto 0px auto;
		width: 1024px;
		overflow:auto;
		border: 1px solid #FFFFFF;
	}
	
h1.disc_top_title {
		font: 700 26px "Arial Black", Gadget, sans-serif;
		margin-bottom: 1em;
}
	/*ディスクリスト*/
	ul.disc_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
	}
	/*ディスク通常*/
	li.disc_list_item_l {
		/*width: 140px;*/
		flex-basis: 140px;
		/*float:left;*/
		margin: 0px 10px 20px 10px;
		background: #E9E9E3;
		border: 1px solid #D1D1D1;
		display:block;
		border-radius: 3px;
	}
	li.disc_list_item_l :nth-child(6){
		margin-right: 0px;
	}
	li.disc_list_item_l :nth-child(12){
		margin-right: 0px;
	}
	li.disc_list_item_l :nth-child(18){
		margin-right: 0px;
	}
	li.disc_list_item_l :nth-child(24){
		margin-right: 0px;
	}
	.disc_list_item_l a {
		min-height: 196px;
		text-decoration: none;
		color:#2A2A2A;
		border-radius: 2px;
		display:block;
	}
	.disc_list_item_l a:hover {
		background:#dbdbd7;
	}
	.disc_jac_l {
		width: 120px;
		height:auto;
		min-height: 120px;
		display: block;
		margin: 0px auto;
		padding: 4px 0;
	}
	.disc_jac_l img{
		width: 100%;
	}
	p.disc_year {
		font: 400 12px Georgia, "Times New Roman", Times, serif;
		text-align:center;
		margin: 0;
		padding:0;
	}
	p.disc_title {
		font: 700 10px "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
		text-align:center;
		padding: 4px 4px 6px 4px;
	}

	li.disc_list_item_youtube {
		/*flex-basis: 140px;*/
		/*float:left;*/
		margin: 0px 5px 10px 5px;
		background: #E9E9E3;
		border: 1px solid #D1D1D1;
		display:block;
		border-radius: 3px;
	}
	.disc_list_item_youtube a {
		min-height: 196px;
		text-decoration: none;
		color:#2A2A2A;
		border-radius: 2px;
		display:block;
	}
	.disc_list_item_youtube a:hover {
		background:#dbdbd7;
	}
	.disc_jac_youtube {
		width: 320px;
		height:auto;
		min-height: 180px;
		display: block;
		margin: 0px auto;
		padding: 4px 0;
	}
	/*ディスクリスト・リンク先詳細*/


/*Magnific Popupオブジェクト*/
/*インライン用*/
.disc_detail {
	position: relative;
	margin:10px auto;
	max-width: 700px;
	background: #fff;
	padding: 20px;
	overflow:auto;
}
.disc_detail h1 {
	font-weight: 700;
	font-size: 18px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	margin: 0 0 10px;
}
.disc_left {
	width: 300px;
	float:left;
}
.disc_detail .image img {
	width: 250px;
	float: left;
}
p.disc_credit {
	clear:left;
	padding-top: 10px;
	font-weight: 400;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.disc_right {
	width: 400px;
	float:left;
}
p.disc_copy {
	font-weight: 700;
	font-size: 14px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	line-height: 1.6em;
}
p.disc_tex {
	padding-top: 10px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6em;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
}
p.disc_link {
	margin-top: 10px;
	font-weight: 700;
	font-size: 12px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	letter-spacing: 0.1em;
	/*width: 8em;*/
	width: 10em;
	text-align:center;
}
p.disc_link a{
	padding: 0.5em;
	display:block;
	color:#FEFEFE;
	text-decoration: none;
	background:#153F70;
	border-radius: 4px;
}
p.disc_link a:hover{
	background: #FF8F00;
}

ul.disc_songlist {
	padding-top: 10px;
	/*list-style:inside;*/
	list-style:outside;
	list-style-type: decimal;
}
ul.disc_songlist li{
	font-weight: 400;
	font-size: 14px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	margin-bottom: 0.5em;
}
ul.package_content {
	padding-top: 0px;
	/*list-style:inside;*/
	list-style:outside;
	list-style-type: disc;
}
ul.package_content li{
	font-weight: 400;
	font-size: 14px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	margin-bottom: 0.5em;
}
.disc_detail .popup-modal-dismiss {
	clear:both;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
}
.popup-modal-dismiss a{
	/*margin-top: 10px;*/
	margin-top: 20px;
	text-decoration: none;
	color:#254355;
}
.popup-modal-dismiss a:hover{
	color:#FFB800;
	text-decoration: underline;
}
/*表示のエフェクト*/
      .mfp-fade.mfp-bg {
        opacity: 0.001; /* Chrome opacity transition bug */
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
      }
      .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
      }
      .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
      }
      .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
      }
      .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
      }
/*Magnific Popupオブジェクトここまで*/

@media screen and (max-width: 640px){
	.content {
		clear:both;
	}
	 .header {
	  margin-top: 0px;
	  width: 100%;
	  min-height: inherit;
	  overflow: auto;
	  background: #fff;
  	}
	#disc {
		margin: 30px auto 0px auto;
		width: 86%;
		overflow:auto;
	}
	h1.disc_top_title {
		font: 700 26px "Arial Black", Gadget, sans-serif;
		margin: 30px 0 10px 0;
		color:#000000;
	}
.disc_detail h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
 	}
/*ディスクリスト*/
	ul.disc_list {
		display:block;
		width: 99%;
		height:auto;
		margin: 0px auto;
		overflow:auto;
	}
	/*ディスク通常*/
	li.disc_list_item_l {
		width: 45%;
		height:auto;
		min-height: 14em;
		float:left;
		margin: 0px 0.5em 0.5em 0px;
		background: #E9E9E3;
		border: 1px solid #D1D1D1;
		display:block;
		border-radius: 3px;
	}
	.disc_list_item_l a {
		min-height: 196px;
		text-decoration: none;
		color:#2A2A2A;
		border-radius: 2px;
		display:block;
	}
	.disc_list_item_l a:hover {
		background:#dbdbd7;
	}
	.disc_jac_l {
		width: 90%;
		height: auto;
		margin: 0px auto;
		padding: 4% 0% 0% 0%;
	}
	.disc_jac_l img{
		width: 100%;
		height:auto;
	}
	p.disc_year {
		font: 400 70% Georgia, "Times New Roman", Times, serif;
		text-align:center;
		margin: 0;
		padding:0;
	}
	p.disc_title {
		font: 700 70% "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
		text-align:center;
		padding: 0.3em 0.5em;
		line-height: 1.2em;
	}
	
	

	li.disc_list_item_youtube {
		/*flex-basis: 140px;*/
		/*float:left;*/
		margin: 4%  auto;
		background: #E9E9E3;
		border: 1px solid #D1D1D1;
		display:block;
		border-radius: 3px;
	}
	.disc_list_item_youtube a {
		min-height: inherit;
		text-decoration: none;
		color:#2A2A2A;
		border-radius: 2px;
		display:block;
	}
	.disc_list_item_youtube a:hover {
		background:#dbdbd7;
	}
	.disc_jac_youtube {
		width: 100%;
		height:auto;
		min-height:inherit;
		display: block;
		margin: 0px auto;
		padding: 4px 0;
	}
	.disc_jac_youtube img{
		width: 100%;
	}
	/*ディスクリスト・リンク先詳細*/


/*Magnific Popupオブジェクト*/
/*インライン用*/

	
.disc_detail {
	position: relative;
	margin:10px auto;
	max-width: 99%;
	background: #fff;
	padding: 20px;
	overflow:auto;
}
.disc_left {
	width: 99%;
}
.disc_detail .image img {
	width: 100%;
}
p.disc_credit {
	clear:left;
	padding-top: 1em;
	font-weight: 400;
	font-size: 80%px;
	font-family: Arial, Helvetica, sans-serif;
}
.disc_right {
	width: 100%;
}
p.disc_copy {
	font-weight: 700;
	font-size: 100%;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	line-height: 1.4em;
}
p.disc_tex {
	padding-top: 0.5em;
	font-weight: 400;
	font-size: 90%;
	line-height: 1.4em;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
}
p.disc_link {
	margin-top: 0.5em;
	font-weight: 700;
	font-size: 90%;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	letter-spacing: 0.1em;
	width: auto;
	text-align:center;
}
p.disc_link a{
	padding: 0.5em;
	display:block;
	color:#FEFEFE;
	text-decoration: none;
	background:#153F70;
	border-radius: 4px;
}
p.disc_link a:hover{
	background: #FF8F00;
}

ul.disc_songlist {
	padding-top: 0.5em;
	/*list-style:inside;*/
	list-style:outside;
	margin-left: 1.8em;
	list-style-type: decimal;
}
ul.disc_songlist li{
	font-weight: 400;
	font-size: 14px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	margin-bottom: 0.5em;
}
.disc_detail .popup-modal-dismiss {
	clear:both;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	font-family:-apple-system,’Lucida Grande’, ‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’, ‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
}
.popup-modal-dismiss a{
	margin-top: 10px;
	text-decoration: none;
	color:#254355;
}
.popup-modal-dismiss a:hover{
	color:#FFB800;
	text-decoration: underline;
}
}