@charset "UTF-8";
/* content main side
   ========================================================================== */
.content {
  width: 100%;
  margin: 0 auto 6%;
}
main {
  width: 100%;
  margin: 0 0 6% 0;
}
.side {
  width: 100%;
}
@media print, screen and (min-width: 560px) {
  .content {
    width: 96%;
    max-width: 1080px;
    margin: 3% auto;
    display: flex;
    justify-content: space-between;
  }
  main {
    width: 73%;  
  }
  .side {
    width: 25%;
  }
}
@media print, screen and (min-width: 960px) {
  main {
    width: 65%;
  }
  .side {
    width: 30%;
  }
}
/* article
   ========================================================================== */
article {
  width: 100%;
  background: #fff;
  padding: 0 5% 5%;
	margin-bottom: 5%;
}
header {
  margin-bottom: 5%;
}
.featured_image {
    margin: 0 -5.6% 2%;
}
.default_image {
    margin: 0 -5.6% 2%;
}
h1 {
font-size: 2.2rem;
    line-height: 1.5;
}
.release_date {
  font-size: 1.3rem;
  margin: 0;
color:#6B6B6B;
}
.name {
  font-size: 1.5rem;
  margin-top: 1em;
}
.release_schedule {
  font-size: 1.4rem;
  margin: 0;
  color: #B1B1B1;
}
.text {
}
.text p{
    margin-bottom: 2em;
}
.text h2{
font-size: 2.0rem;
border-top: 3px solid #d4473c;
background: #eee;
padding:2%;
line-height: 1.4;
}
.text h3{
display: inline-block;
font-size: 1.8rem;
border-bottom:2px dotted #d4473c;
}
.text h2,.text h3,.text h4 {
margin-bottom: 1em;
}
.text h5 {
margin-top: -2em;
margin-bottom: 2.5em;
font-size: 1.2rem;
color: #999;
font-weight: normal;
}
.text img{
    margin-bottom: 2em;
}
.origin{
    background: #eee;
    padding:4%;
}
.origin h6 {
    font-size: 1.6rem;
line-height: 1.4;
}

@media print, screen and (min-width: 560px) {
}
@media print, screen and (min-width: 960px) {}
/* btn
   ========================================================================== */
.btn {}
.btn a {
  margin: 3% auto 0;
  width: 80%;
  padding: 2%;
  display: block;
  color: #fff;
  text-decoration: none;
  background: #d4473c;
  text-align: center;
  border-radius: 30px;
    letter-spacing: 0.1em;
}
.btn a:hover {
  background: #e57168;
}
@media print, screen and (min-width: 560px) {
  .btn a {
    width: 50%;
  }
}
@media print, screen and (min-width: 960px) {}