/* 文字コードの指定。文字化けしないために書く */
@charset "utf-8";

.info {
  color: black;
  margin-bottom: 50px;
}
.performance {
  border: 3px solid blue;


}
.performance ul {
  list-style: none;
  font-weight: bold;
  padding: 10px
}
.performance ul li::before {
  content: "♦";
}

.topimage {
  width: 100%;
  border: 3px solid black;
  }
.topimage img {
  width: 100%;

}
.topimage6 {
  width: 100%;
  }
.topimage6 img {
  width: 100%;

}

.introduction {
  display: flex;
  justify-content:
  space-between;
  list-style: none;
}
.introduction li {
  width: 40%;
}
.introduction li img {
  width: 80%;
  border: 2px solid black;
}
.introduction h3 {
  color: red;
  text-align: center;
}
.introduction p {
  text-align: justify;
  margin: 0;
}
.profile {
  display: flex;
  justify-content: space-between;
}
.profile img {
  width: 30%;
  height:400px;
}

.sentence {
  width: 94%;
  padding: 30px;
  margin-bottom: 30px;
  border: 3px solid black;
  border-radius: 15px;
  margin-left:3px;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.sentence h2{
  color: blue;
  font-size:150%
}

.sentence h3{
  color: black;
  font-size:150%
}

.director h3{
  color: red;
  font-size: 140%;
}
.video1 img{
 width:15%;
  }
.logo0412{
  color: orange;
  font-size:90%;
  font-weight: bold;

}
.kouen a{
  color: #00c;
  border-bottom: 1px solid #00c;
}
.kouen .soldout{
  color:white;
  background: red;
  border-radius: 8px;
  padding: 0 3px;
}
.introduction pack{
width:100%;
}
.image {
  width: 70%;

  }
.image img {
  width: 50%;

}
.image3 {
  width: 90%;
  }
.image3 img {
  width: 100%;

}
.image4 {
  width: 100%;
  }
.image4 img {
  width: 70%;

}
.image5 {
  width: 100%;
  }
.image5 img {
  width:70%;

}
.image6 {
  width: 100%;
  }
.image6 img {
  width: 100%;

}
.image22 img {
  width: 50%;

}


.director10 h3{
  color: black;
  font-size: 140%;
}
.director14 h3{
  color:red;
  font-size: 100%;
}

.video2 img{
 width:15%;
  }
.new {
  width: 100%
}
.sen {
  color: orange;
  font-size:150%
}
.sen32 {
  color: red;
  font-size:180%
}
.se {
  color: black;
  font-size:100%
}
.sentence2 {
  width: 70%;
  padding: 10px;
  margin-bottom: 10px;
  border: 3px solid blue;
  border-radius: 10px;
  margin-left:3px;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.sentence2 h2{
  color: blue;
  font-size:180%
}
.sentence2 h3{
  font-size:120%
}
.sentence3 {
  width: 40%;
  padding: 10px;
  margin-bottom: 10px;
  border: 3px solid blue;
  border-radius: 10px;
  margin-left:3px;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.sentence3 h2{
  color: blue;
  font-size:180%
}
.sentence3 h3{
  font-size:120%
}
.introduction2 {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.introduction2 li {
  width: 30%;
}
.introduction2 li img {
  width: 80%;
  border: 2px solid black;
}
.introduction2 h3 {
  color: black;
  text-align: center;
  font-size: 60%;
}
.introduction2 p {
  text-align: justify;
}
.soldout  {
  font-size: 100%;
  color:red;
}

.kouen p{
  font-size:150%
}

.iwadare p{
 font-weight: bold;
}
.flexwrap {
  display: flex;
  justify-content: space-between;
}
.flexwrap > div{
  width:65%;
}
.flexwrap .iwadare{
  width:30%;
}
.flexwrap .iwadare img{
  width: 100%;
}
.flexwrap .sentence2{
  width:100%;
}
.marginleft{
  margin: 0 0 0 1em;
}
.rockman .sentence2 h3{
 font-size: 22px;
 line-height: 1.8;
}
.rockman .introduction{
  flex-wrap: wrap;
}
.rockman .introduction li{
  width: 30%;
}
.rockman .introduction p{
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}