@charset "UTF-8";
/* 音源ダウンロード*/



#main_left #magazine_main hr {
	height: initial;
}
#magazine_main #magazine_Pspace p .DLlist{
	background-color: #292e32;
	padding: 1em 1em;
	color:#FFFFFF;
}
#magazine_main #magazine_Pspace  .DLguide{
        background-color: #F7F7F7;
        padding: 1em 1em;
        margin-left: -10%;
        width: 120%;
    }


#magazine_main #magazine_Pspace  .DLguide .up_list{
	background-color: #292e32;
	color:#FFFFFF;

}
#magazine_main #magazine_Pspace .DLlist .dl_box{
	margin: 20px 0;
	padding: 0px 0;
	border-left: 6px solid #91C4C3;

}
#magazine_main #magazine_Pspace .DLlist .dl_box_comingup{
	margin: 20px 0;
	padding: 0px 0;
	border-left: 6px solid #999;

}
#magazine_main #magazine_Pspace .DLlist .dl_box_comingup p.track,
#magazine_main #magazine_Pspace .DLlist .dl_box p.track{
	font-size: 1.0rem;
	margin: 0rem 0.4rem;
	line-height: 150%;
}
#magazine_main #magazine_Pspace .DLlist .dl_box p.artist{
	font-size: 1.0rem;
	margin: 0.4rem 0;
	line-height: 150%;
}
#magazine_main #magazine_Pspace .DLlist .dl_box_comingup p.title,
#magazine_main #magazine_Pspace .DLlist .dl_box p.title{
	font-size: 1.8rem;
	margin: 0.2rem 0;
	line-height: 150%;
	
}
#magazine_main #magazine_Pspace .DLlist .dl_box_comingup p.title span,
#magazine_main #magazine_Pspace .DLlist .dl_box p.title span{
	font-size: 0.9rem;
	
}
#magazine_main #magazine_Pspace .DLlist .dl_box_comingup ul,
#magazine_main #magazine_Pspace .DLlist .dl_box ul {
	width: 100%;
	padding:10px 15px;

}
.DLlist .dl_box ul li{
	display: inline-block;
	color: #fff;
	cursor: pointer;
	width: 120px;
	border-radius: 5px;
	text-align: center;
}
#magazine_main .DLlist .dl_box ul li a{
	color: #fff;

	display:block;
    width:90px;
	padding:8px 15px;
}
#magazine_main .DLlist .dl_box ul li a:hover{
	color: #111;
}

#magazine_main .DLlist .dl_box ul li.btn_none{
	background-color: #E6E4E2;
	 border: 6px solid #E6E4E2;
	padding: 8px 0;
}

#magazine_main .DLlist .dl_box ul li.btn_wav{
	background-color: #88827A;
	  border: 6px solid #88827A;
}

#magazine_main .DLlist .dl_box ul li.btn_mp3{
	  background: linear-gradient(to right, #91C4C3 0%, #91C4C3 100%);

	  border: 6px solid #91C4C3;

}

#magazine_main .DLlist .dl_box ul li.btn_pdf{
	background-color: #565450;

	  border: 6px solid #565450;

}

#magazine_main .DLlist .dl_box ul li.btn_acc{
  border-left: 6px solid #cc54c2;
  border-right: 6px solid #69bed7;
height: auto;
  padding: 0;	
}
#magazine_main .DLlist .dl_box ul li.btn_acc a{
	color: #111;
}
#magazine_main .DLlist .dl_box ul li.btn_acc a:hover{
	color: #999999;
}
.DLlist .dl_box ul li.btn_acc::before,
.DLlist .dl_box ul li.btn_acc::after{
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(to right, #cc54c2 0%, #69bed7 100%);
}


#main_left #magazine_main .DLlist  p.p1{
        width: 60%;
        text-align: center;
        padding: 12px 10%;
        margin: 6rem 1rem 0rem;
        font-size: 180%;
        line-height: 1.4em;

    }
#main_left #magazine_main .DLlist  p.up_date{
	background-color: #EE8A1B;
	  border-radius: 50px;
	color: #fff;
		width: 60%;
	text-align: center;
	padding:12px 10%;
	margin: 0rem 1rem 0rem;

}

#main_left #magazine_main .DLlist p.p1 span.subtitle{
	font-size: 0.9rem;
	
}
#main_left #magazine_main .DLguide  p.p1{
	 width: 60%;
        text-align: center;
        padding: 12px 10%;
        margin: 0rem auto;
}
#main_left #magazine_main .DLguide  p.up_date{
        background-color: #EE8A1B;
        border-radius: 50px;
        color: #fff;
        width: 60%;
        text-align: center;
        padding: 12px 10%;
        margin: 0rem auto;
    }

@media screen and (max-width:600px){
	#magazine_main #magazine_Pspace .DLlist{
	
	margin-left: -10px;
	
}
	#magazine_main #magazine_Pspace  .DLguide{
        background-color: #F7F7F7;
        padding: 1%;
        margin-left: -4%;
        width: 108%;
    }
	#magazine_main #magazine_Pspace .DLguide .dl_box,
	#magazine_main #magazine_Pspace .DLguide .dl_box_comingup{
		     margin-left: -1%;

	}
	
	#magazine_main #magazine_Pspace .DLlist .dl_box_comingup p.title,
	#magazine_main #magazine_Pspace .DLlist .dl_box p.title{
	font-size: 1.4rem;
	margin: 0rem;
	line-height: 150%;
	padding: 0;
}
	.DLlist .dl_box ul li{
	display: inline-block;
	color: #fff;
	cursor: pointer;
	width: 45%;
	border-radius: 5px;
	text-align: center;
}
.DLlist .dl_box ul li a{
	color: #fff;

	display:block;
    width:90%;
	padding:12px 2%;
}
	#main_left #magazine_main .DLlist  p.p1,
	#main_left #magazine_main .DLlist  p.up_date{

        width: 100%;
       margin: 0;

    }
	#main_left #magazine_main .DLlist p.title span.subtitle{
	font-size: 0.8rem;
	
}



}

@media screen and (min-width:601px){
	#main_left #magazine_main .inner h2{
		font-size: 2em;
	}
}