@charset "UTF-8"
    
/* start */

/* すべての webページに適用 */
    
html{
    margin:0;
    padding: 0;
   
}
body{
 
    border-top: 23px #ffffff solid;
    border-bottom: 23px #000000 solid;
    
    font-weight: normal;

    padding: 0;
    margin: auto;
    
}
body p{
    font-size: 14px;
    line-height: normal;
    
}

.headline{
    height: 120px;
    background-color: #000000;
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}




h2{
    font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 45px;
    text-align: center;
    margin: auto;
    padding:0;
    color: #FFFFFF;
}


/* headerに適用 */
.line{
    background-color: #000000;
    height: 23px;
    margin: 0;
    padding: 0;
    
}

.space{
    margin: 0;
    padding: 0;
    height: 43px;
}

.space2{
     margin: 0;
    padding: 0;
    height: 15px;
    
}

.space3{
    
     margin: 0;
    padding: 0;
    height: 25px;
    
}


.keyvisual{
    width: 1280px;
    box-shadow:  0px 1px 5px 0px #4a4a4a;
    padding: 0;
    margin: 0;
    border: 0;
}

h1{
    
    text-align: center;
    margin: auto;
    padding:0;
 
}

h5{
    
    text-align: center;
    margin: auto;
    padding:0;
}

#key_area{
    width: 1280px;
    margin: auto;
}


/*スライダーを制御*/
.slider{
     width: 1280px;
  display: flex;
  padding: 0;
  margin: auto;
}
.slider-img{
    padding: 0px;
}


header{
    margin:0 auto;


}
.headerback{
    background-color: white;
}



/*ページ内リンクを制御*/
#pagenav li{

    position: relative;
    display: inline;
    list-style-type: none;
    font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 17px;
    padding: 0 50px;
    
}
#pagenav ul{
margin: 0;
    text-align: center;
    text-decoration: none;
 
}


#pagenav ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
   color: black;
  padding: 4px;
}

#pagenav ul li a:hover{
    
    transition: 0.5s;
    background-color: #000000;
    color: #ffffff;
    
}


.pagelink2 {
    color: #000000;
    
}

.pagelink2:hover {
    color: #426ab3;
    
}
.pagelink2::after {
    color: #000000;
    
}


/*背景を制御*/
#back1{
    
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    
}

/*文章幅を制御*/
#wrapper{
    margin: 0 auto 0 auto;
    padding: 0 40px;
    width: 1050px;
    background-color: white;
}




/* mainの見出しを制御
h3はdiscographyなどで更新があると思う。*/

#wrapper h2{
    font-weight: normal;
    color: #000000; 
    font-size: 36px;
    border-bottom: 1px solid #000000 ;
    background-color: #FFFFFF;
    
}




.date{
    font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
    
    font-size: 23px;
    margin: 0;
    padding: 0;
    
    color: #ffffff;
   
}

.headline02{
    
    height: 30px;
 width:fit-content;
    padding: 2px 5px;
    background-color: #000000;
   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.aboutus{
    font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
    
    font-size: 40px;
    margin: 0;
    padding: 0;
    
    color: #ffffff;
   
}





/*about us*/
.parent{
     display: flex;
}

.child1{
    margin: 0px 20px 0px 0px;
}

.boxshadow{
   padding: 0px 20px 0px 0px;
  margin: 0;
    
}
.child2{
    margin: auto;
}

/**/
.membername{
      font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
    
    font-size: 23px;
    margin: 0;
    padding: 0;
    
    color: #ffffff;
    
}



/*memberリンク類制御*/
.nav a{

    color: #000000;
}



.nav a:hover{
    color:#426ab3;
}

.link{
        background-color: #d3d3d3;
    text-decoration: none;
}



#timeline{
    width:500px;
    border-radius:10px ;
    border: 1px solid #4682B4;
    margin-bottom: 10px;
    overflow: scroll;
	height:420px;
}

figure{
    margin: 0;
    padding: 20px 0px;
    
}


/*figure imgに影をつける*/
.child1 img{
    
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
figure img{
    
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}



/*worksの小見出し*/
.worksname{
    font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
    
    font-size: 30px;
    margin: 0;
    padding: 0;
    
    color: #ffffff;
   
}


/*discography内、specialsiteのリンク*/
.specialsite{
    
}


/*footerに適用*/
.copyright{
    font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
    margin:0px;
    padding:0px;
    text-align: center;
    font-size: 11px;
}
footer{
   
    background-size: 100% 155%;
    font-size: 8px;
    padding: 0px;
    margin: 0px;
    text-align: center;

}

.up{
    text-align: center;

}
.nav 2{
        display: inline;
        list-style-type: none;
    }