@charset "utf-8";
/* CSS Document */
.section__head{
  padding: 17rem 22rem 12rem 30rem;
  text-align: left;
}
.head-title{
  display: flex;
      margin: 0 0 4rem;
}
.head-title p{
 border-bottom: 2px #efc0c2 dashed;
    margin: 0.5rem 0 0 2rem;
    font-weight: 600;
  color: #efc0c2;
}
.head-text p{
  width:100%;
  max-width:92rem;
    font-weight: 600;
  line-height: 2.0;
}
.section__body{
padding: 0 22rem;  
}
.body-content{
  display: flex;
    align-items: center;
  justify-content: space-between;
  text-align: left;
  padding: 0 0 11rem;
}
.body-content__image{
 width:50%;
}
.body-content__image img{
  width: 100%;
}
.body-content__text{
  width: 45%;
}
.body-content__text-odd{
  padding: 0 0 0 8rem;
}
.body-content__text p{
      letter-spacing: 1px;
}
.body-content-genre{
  display: inline-block;
    border: 1px #1f160e solid;
    border-radius: 7px;
    padding: 0.3rem 1rem;
    font-weight: 600;
    margin: 0 0 2rem;
}
.body-content__text h2{
 padding: 0 0 3rem;
}
.body-content-date{
  font-size: 1.4rem;
      font-weight: 600;
  padding: 0 0 1rem;
}
.body-genre{
  padding: 3rem 0 0;
  display: flex;
  flex-wrap: wrap;
}
.body-genre p{
  padding: 0.3rem 0.5rem;
  margin: 0 1rem 0.5rem 0;
  background-color: #1f160e;
  color: #fff;
  font-size: 1.2rem;
    font-weight: 600;
}
.btnchangeline{
 margin: 3rem 0 0 auto;
    padding: 1.5rem 17%;
}
.body__button p{
  font-weight: 600;
    color: #fff;
}
.body-content:nth-child(2n) { flex-direction: row-reverse; }
.body-content__image-even{
  padding: 0 0 0 8rem;
}
@media(max-width:1200px) { 
  .section__head{
    padding: 17rem 10rem 9rem 30rem;
  }  
    .section__body{
padding: 0 5rem;  
  max-width: 110rem;
  }
  .body-content{
    padding: 0 0 9rem;
  }
}
@media(max-width:960px) { 
  .section__head{
    padding: 23rem 5rem 13rem;
  }  
    .body-content{
    padding: 0 0 11rem;
      display: block;
  }
  .body-content__image{
    width: 100%;
    padding: 0;
  }
.body-content__text{
  width: 100%;
      padding: 5rem 0;
}
}
@media(max-width:520px) { 
  .section__head{
    padding: 15rem 3rem 7rem;
  }  
      .section__body{
padding: 0 3rem;  
  }
    .body-content{
    padding: 0 0 4rem;
  }
.body-content__text{
      padding: 3rem 0;
}
  .body-genre {
    padding: 2.5rem 0 0;
  }
    .body__button {
      margin: 2.5rem 0 0;
    max-width: 31.5rem;
      width:100%;
    padding: 1rem 0;
}
}
  @media(max-width:350px) { 
    .section__body{
      padding: 0 1rem;
    }
}