@charset "utf-8";
@import url("common.css");

/* mainvisual */
#main-contents .mainvisual {
  background: url("../../img/main.jpg") no-repeat center top;
  height: 544px;
}
#main-contents .mainvisual .center {
  padding: 92px 0 0;
}
#main-contents .mainvisual .ttl {
  width: 830px;
  margin: 0 auto;
}


#main-contents .intro {
  padding-bottom: 90px;
}
#main-contents .intro .center {
  width: 910px;
  padding: 0;
}
/* next */
#main-contents #oaNext {
  padding: 50px 70px;
}
#main-contents #oaNext .oaTtl {
  line-height: 1.5;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 2px #f76a4f solid;
  color: #f76a4f;
  font-weight: bold;
  font-size: 1.59em;
  font-feature-settings: normal;
}
#main-contents #oaNext .oaTtl .year {
  display: inline-block;
  font-size: 0.628em;
  font-weight: normal;
}
#main-contents .oaImg {
  border-radius: 4px;
  overflow: hidden;
}
#main-contents #oaNext .oaText {
  line-height: 1.7em;
  margin-bottom: 20px;
  padding-top: 20px;
}
#main-contents #oaNext .oaText p {
  margin-bottom: 5px;
}
#main-contents #oaNext .oaText strong {
  display: inline-block;
  color: #f76a4f;
  font-weight: bold;
  font-feature-settings: normal;
}
#main-contents #oaNext hr {
  border: 0;
  border: 1px #f76a4f solid;
}


/* lineup */
#main-contents #lineup .inblock {
  margin-bottom:20px;
  padding: 25px;
}
#main-contents #lineup .oaImg {
  width: 320px;
}
#main-contents #lineup .oaText {
  position: relative;
  width: 525px;
  color: #ff6666;
}
#main-contents #lineup .oaTtl {
  line-height: 1.4;
  font-weight: bold;
  font-size: 	1.438em;
  font-feature-settings: normal;
}
#main-contents #lineup .year {
  display: block;
  margin-top: 8px;
  font-weight: normal;
  font-size: 	0.696em;
}
#main-contents #lineup .btn {
  position: absolute;
  left: 0;
  bottom: 0;
} 



@media all and (max-width: 812px) {

/* mainvisual */
#main-contents .mainvisual {
  background: url("../../img/main_sp.png") no-repeat center top / 100% auto;
  height: 69.58vw;
}
#main-contents .mainvisual .center {
  width: 100%;
  padding: 12vw 0 0;
}
#main-contents .mainvisual .ttl {
  width: 80%;
  margin: 0 auto;
}
#main-contents .mainvisual .text {
  width: 80%;
  margin: 0 auto;
  font-size: 3.7vw;
}

  
#main-contents .intro {
  padding-bottom: 15vw;
}
#main-contents .intro .center {
  display: block;
  width: 90%;
  padding: 0;
}
/* next */
#main-contents #oaNext {
  display: block;
  width: 100%;
  padding: 5% 5% 4% 5%;
}
#main-contents #oaNext .oaTtl {
  margin-bottom: 15px;
}
#main-contents #oaNext .oaTtl .year {
  font-size: 75%;
}
#main-contents #oaNext .oaText {
  margin-bottom: 15px;
  padding-top: 15px;
}
  
  
/* lineup */
#main-contents #lineup .inblock {
  display: block;
  margin-bottom:20px;
  padding: 5%;
}
#main-contents #lineup .oaImg {
  width: 100%;
}
#main-contents #lineup .oaText {
  width: 100%;
  line-height: 1.5;
  padding-top: 10px;
}
#main-contents #lineup .oaTtl {
  display: inline-block;
}
#main-contents #lineup .year {
  display: inline-block;
}
#main-contents #lineup .btn {
  position: static;
  margin-top: 15px;
}   
}



@media all and (max-width: 568px) {
#main-contents .mainvisual .ttl {
  width: 83vw;
}
  
/* next */
#main-contents #oaNext {
  padding: 6%;
}
#main-contents #oaNext .oaTtl {
  font-size: 1.188em;
}  
#main-contents #oaNext .oaText {
  padding-top: 10px;
  font-size: 0.875em;
}  
#main-contents #oaNext .oaText dd {
  margin-bottom: 3px;
}  
  
/* lineup */
#main-contents #lineup .inblock {
  margin-bottom:5%;
}
#main-contents #lineup .oaTtl {
  font-size: 1.188em;
}
#main-contents #lineup .oaText {
  padding-top: 10px;
}
#main-contents #lineup .btn {
  margin-top: 10px;
}
}