@charset "utf-8";
html{
    margin: 0;
    padding:0;
    
    
}
body{
    margin:0;
    padding:0;
    background-color:transparent;

}

p{
    padding: 0;
    margin:0;
    
}



h1{
    font-family: 'Crimson Text', serif;

    color: white;
}
.line{
    height: 90px;
  
    width: 100%;
    position: fixed;
}

.top{
    width: 100px;
    padding:20px;
    
}

.content{
    overflow: auto;
}

/*h2の色を制御*/


.h2introduction{
    font-family: 'Noto Serif JP', serif;

    font-size: 40px;
    color: black;
}

.introduction{
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.05em;
    font-size: 15px;
    padding-bottom: 10px;
    color: black;
}


.h2tracklist{
    font-family: 'Crimson Text', serif;
    font-size: 40px;
    padding-bottom: 40px;
    color: #FFF;
}

h3{
    font-family: 'Crimson Text', serif;
}


.space01{
    height: 400px;
    
}
.space02{
    height:70px;
}
.space03{
    height:30px;
}

.space04{
    height: 90px;
    
}

.space05{
    height: 20px;
    
}

.back01{
    background-image: url(../imgs/background.jpg);
    background-size:cover;
    background-attachment: fixed;
    
}
.section01{

    color: white;
    text-align: center;
     padding-top: 50px;
    padding-bottom:50px;
   
    margin:auto;
    max-width: 750px;
    
}

.back02{
    background-color: white;
    
    
    
    
}
.section02{
   
    
    color: white;
   
    text-align: center;
    
    margin:auto;
    max-width: 700px;
    
}

.back03{
    background-color: #05030C;
    
    
}
.back04{
   
    background-color: #FFF;
    
    
}

.back05{
    background-color: #FFF;
   
}

.section03{
    text-align: center;
    margin:auto;
    max-width: 750px;
}

.section04{
    text-align: center;
    margin:auto;
    max-width: 900px;
}


.infopa{
    width: 1100px;
    margin: auto;
    display: flex
}

.jacket{
    height: 640px;
    padding-right: 30px;
    
}
.list{
    text-align: left;
    width: 600px;
    color: #FFF;
    
}



.section05{
     text-align: center;
     padding-top: 50px;
    padding-bottom:50px;
   
    margin:auto;
    max-width:1100px;
}


/*tracklist制御*/
table{
    border-collapse:collapse;
    color: #fff;
    border: 0;
    width: 840px;
    
}



.artwork{
    
    display: flex;
    justify-content: space-around;
    
    width: 800px;
    margin: auto;
    list-style: none; 
    
}




/*DLボタン制御*/

#form{
    padding: 20px;
    text-align: center;
}

#pass{
    border: 0.8px solid #808080;
    padding: 10px 50px;
    font-family: 'Crimson Text', serif;
    font-size: 20px;
    
}

#submit{
    border: 0.8px solid #808080;
    padding: 10px 50px;
    font-family: 'Crimson Text', serif;
    font-size: 20px;
    
}

#text{
    
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-size: 25px;
}
.codeform{
    letter-spacing: 0.05em;
    font-family: 'Noto Serif JP', serif;
    font-size: 15px;
    color: #808080;
}


/*pv*/
.pv{
    margin: auto;
    padding: auto;
    width: 810px;
    text-align: center;
}



/*creditを制御*/

.section05{
     text-align: center;
     padding-top: 50px;
    padding-bottom:50px;
   
    margin:auto;
    max-width: 800px;
}


a{
    color: #000000;
}
a:hover{
    color:#426ab3;
}

a,a:visited{
    text-decoration: none;
}

.link{
        
    text-decoration: none;
}


.role{
    font-size: 15px;
    padding-bottom: 20px;
    color: #808080;
}

.name{
    font-size: 19px;
    letter-spacing: 0.05em;
    font-family: 'Noto Serif JP', serif;
   
    color: #000000;
}

.credit_list{
    line-height: 20px;
    display: flex;
    justify-content: space-around;
    padding: 50px;
    width: 1000px;
    margin: 0 auto;
    list-style: none; 
    
}
.credit01{
   letter-spacing: 0.05em;
   font-family: 'Noto Serif JP', serif;
   
   
    
}

.credit02{
    font-family: 'Noto Serif JP', serif;
   letter-spacing: 0.05em;
  
    
	
    
}

.credit03{
    font-family: 'Noto Serif JP', serif;
   letter-spacing: 0.05em;
   
    
}

.credit04{
    font-family: 'Noto Serif JP', serif;
   letter-spacing: 0.05em;
    
    
}



.copyright{
    margin:0px;
    padding:0px;
    text-align: center;
    font-size: 10px;
}
.footer{
    text-align: center;
    margin:auto;
    max-width: 750px;
}