@charset "UTF-8";



/*スライドショーの部分*/
#graphic {
  width: 1280px;
  margin: 0 auto;
}

#graphic ul {
  display: block;
  list-style: none;
  padding-left: 0;
  position: relative;
}
#graphic ul li {
  display: block;
  opacity: 0;
}
#graphic ul li:nth-child(2),
#graphic ul li:nth-child(3) {
  position: absolute;
  top: 0;
}
#graphic ul li:nth-child(1) {
  position: relative;
  z-index: 3;
}
#graphic ul li:nth-child(2) {
  z-index: 2;
}
#graphic ul li:nth-child(3) {
  z-index: 1;
}
#graphic ul li.now {
  opacity: 1;
}
#graphic ul li.now:nth-child(1) {
  z-index: 0;
}
#graphic ul li img {
  vertical-align: bottom;
}
/*スライドショーの部分*/
#topphoto1 {
text-align: center;
padding-bottom: 25px;
}



.logo {
  height: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  justify-content: center;
  }


  /* アバウト */
  .center {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: center;
    }




  .about {
    text-align: center;
    padding-top: 190px ;
    padding-bottom: 130px;
    }

  .box {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    padding-bottom: 190px;
  }
  
  .text {
    text-align: left;
    padding-left: 52px;
  }

  #text1 {
  padding-bottom: 25px;
  }

  #text2 {
    padding-bottom: 50px;
  }

  #text3 {
    padding-bottom: 25px;
    }

  
  
  p {
  font-size: 16px;
  justify-content: center;
  }
  
  .pict {
  object-fit: cover;
  display:flex;
  text-align: center;
  justify-content: center;
  }
  
  .pict img {
    text-align: center;
    justify-content: center;
  }

  /* アバウト */



  /* ヒストリー */
  .history {
    text-align: center;
    padding-bottom: 130px;
    }

  /* ヒストリー */



  /* ラインナップ */

  .lineup {
  text-align: center;
  padding-top: 190px;
  padding-bottom: 130px;
  margin: 0 auto; 
  }

  .box2 {
  display: flex;
  justify-content: center;
  padding-right: 70px;
  padding-bottom: 120px;
  }

  .box3 {
    display: flex;
    justify-content: center;
    padding-bottom: 120px;
    }

.box4 {
      display: flex;
      justify-content: center;
      padding-right: 70px; 
    }
    
.box5 {
        display: flex;
        justify-content: center;
        }

  .pict2 {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
  height: 245px;
  }


  .marupict {
    text-align: left;
    display: block;
  }


  .lineup2 h3 {
    font-size: 27px;
    padding: 60px 50px 80px 50px;
    margin: 0;
  }
  



  .gallery_box2 {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: center;
    }




 /* ラインナップ */
 
  .history {
    clear: left;
    text-align: center;
    }
    
  .aboutsetumei {
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  }
  

  
  
  h1 {
  text-align: center;
  margin: 0 auto;
  font-size:40px ;
  line-height: 12px;
  padding-top: 190px;
  }
  
  h2 {
  text-align: center;
  margin: 0 auto;
  font-size:12px;
  line-height: 12px;
  padding-bottom: 130px;
  }
  

  .kadomaru {
    width: 115px;
    height: 16px;
    font-size: 10pt;
    color: #FFFFFF;
    text-align: center;
    background: #999999;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    display: flex; 
    justify-content: center;
    align-items: center; 
}

  .botan {
    margin: 0;
    padding: 0;
    line-height: 0; 
    font-size: 0;
    padding-left: 50px;
    padding-bottom: 60px;
   }
 



  .footer {
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    }
  
    #logo{
    display: flex;
    justify-content: center;
    padding: 130px 35px 80px 35px;
    }
  
    #copyright {
      text-align: center;
      margin: 0 auto;
      justify-content: center;
      display: flex;
      padding-bottom: 105px;
    }
  
    p {
    margin: 0;
    }
  
    #pagetop {
   text-align: right;
    }