@charset "utf-8";
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #000000;
    color: #333;
}

header {
    color: white;
    text-align: center;
    padding: 1rem 0;
}

header h1 {
    margin: 0;
}

nav ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 0;
}

.cgcg{
  display: flex;
  justify-content: space-between;
  background-color: #111
}

.nana{
  width: 200px;
  border-bottom: 10px;
}


nav ul li {
  border-left: 1px #ffffff solid;
    margin: 0 1rem;
}

nav ul li a {
    color: white;
    text-decoration: none;
    padding: 1rem;
    display: block;
}

nav ul li a:hover {
    background-color: #555;
}

.s{
    width: 100vw;
}
.-hidden-sp{
    width: 100%;
}

.layout{
    display:flex;
    margin:50px 40px 0;
    justify-content: space-evenly
  }
  .card{
    /* box-shadow: 0 0 12px -8px #000000; */
    padding:1em;
    width: 100%;
    margin:0 2%;
  }
  .card img{
    margin: 0 auto;
  }
  .card h3,.card p{
    text-align: center;
  }
  .ssss{
    width: 100vw;
  }
  .ssss{
    width: 100vw;
  }
  .dddd{
    width: 100vw;
  }

  .gallery_area{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #000000;
  }
  .gallery_area img{
    width:100%;
  }
  .car_series{
    font-size: 20px;
    margin-bottom:10px
  }
  .car_name{
    font-size: 20px;
    margin-bottom:10px;
  }
  .car_link{
    font-size: 10px;
  }
  .gallery_area p{
    color:#fff;
  }
  
  .Ferrari{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #000000;
  }
  .Ferrari img{
    width:500px;
  }
  .car_series{
    font-size: 20px;
    margin-bottom:10px
  }
  .car_name{
    font-size: 20px;
    margin-bottom:10px;
  }
  .car_link{
    font-size: 10px;
  }
  .lamborghini_area p{
    color:#fff;
  }

  .Ferrari_White{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #000000;
  }
  .Ferrari_White img{
    width:500px;
  }
  .car_series{
    font-size: 20px;
    margin-bottom:10px
  }
  .car_name{
    font-size: 20px;
    margin-bottom:10px;
  }
  .car_link{
    font-size: 10px;
  }
  .lamborghini_area p{
    color:#fff;
  }

    .Ferrari_White{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #000000;
  }
  .Ferrari_White img{
    width:500px;
  }
  .car_series{
    font-size: 20px;
    margin-bottom:10px
  }
  .car_name{
    font-size: 20px;
    margin-bottom:10px;
  }
  .car_link{
    font-size: 10px;
  }
  .lamborghini_area p{
    color:#fff;
  }

/* ホイールエリア＊＊＊＊＊＊＊＊＊＊＊＊ */
  .wheel_area{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width:100vw;
  background-color: #000000;
  }
  .wheel_left,.wheel_right{
    width:40%;
  }
  .wheel_left img,.wheel_right img{
    width: 100%;
  }

.bbbb{
  font-size: 100px;
}

.pppp{
  margin-top: 100px;
}

.card:hover{
  opacity: 0.5;
}

.card{
  color: #ffffff;
}

.bbbb{
  color: #ffffff;
}

.hed{
  width: 500px;
  margin-top: 300px;
}

hr{
  margin-top: 100px;
}

.gallery_area{
  display: flex;
  justify-content: space-around;
  width: 20%;
}

.area1{
  display: flex;
  justify-content: space-around;
  width: 100vw;
}

.area{
  display: flex;
  justify-content: space-around;
}