@charset "utf-8";


/* Common */
h2{
width: 100%;
text-align: center;
margin: 0 0 40px 0;
}


/* TOP */
header{
max-width: 660px;
z-index: 5;
margin: 0 auto;
padding: 100px 20px 0 20px;
}
header img{
width: 100%;
margin: 0;
}


/* 概要 */
#About{ }
#About h2 span{ font-weight: 700; }
#About .youtube{
max-width: 700px;
margin: 0 auto 40px auto;
}
#About .youtube div{
width:100%;
padding-top:56.25%;
}
#About .youtube div iframe{
width: 100%;
height: 100%;
position:absolute;
top:0;
right:0;
}
#About p{
width: 100%;
text-align: center;
margin: 0 0 80px 0;
}
/* 収録曲 */
#About .sound{
max-width: 1000px;
margin: 0 auto;
}
#About .sound .box{
width: 100%;
background: #fcfaf8;
border-top: #BE8839 4px solid;
border-bottom: #BE8839 4px solid;
padding: 20px 20px 0 20px;
margin: 0;
}
#About .sound table{
width: 100%;
font-size: 14px; line-height: 20px;
margin: -40px 0 40px 0;
}
#About .sound th{
text-align: left;
padding: 20px 0 0 0;
}
#About .sound td{
border-bottom: 1px #BDBDBD dashed;
padding: 5px 0;
}
#About .sound .td01,
#About .sound .td02{
padding: 0 10px 0 0;
}
#About .sound .td03{
color: #9E9E9E;
}


/* 購入する */
#Buy{ }
#Buy p{
width: 100%;
text-align: center;
margin: 0 0 80px 0;
}
#Buy p a{
max-width: 430px;
display: block;
margin: 0 auto;
}
#Buy p a img{
width: 100%;
}









/* レスポンシブ */


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

/* TOP */
header{ padding: 40px 20px 0 20px; }

}


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

/* TOP */
header{ padding: 40px 10px 0 10px; }

/* 概要 */
#About p{ text-align: left; }
/* 収録曲 */
#About .sound .box{ padding: 20px 10px 0 10px; }
#About .sound .td03{ font-size: 10px; line-height: 14px; }

}