@charset "UTF-8";
/* ---------------------------------------------------------- */
/* over ride */
/* ---------------------------------------------------------- */
.l-wrapper .l-contents-inner {
  margin: 0 auto;
  width: auto;
}
/* ---------------------------------------------------------- */
/* page */
/* ---------------------------------------------------------- */
.l-wrapper .mainVi {
  margin: 0 auto;
  max-width: 1224px;
  overflow: hidden;
  position: relative;
}
.l-wrapper .mainVi img {
  width: 100%;
}
.l-wrapper .mainVi .sec-cap {
  margin-top: 8.905228758169935%;
}
.l-wrapper .mainVi .cap-txt {
  padding: 0 33.90522875816993% 0 13.970588235294118%;
  position: relative;
}
.l-wrapper .mainVi .cap-fuki01 {
  width: 7.434640522875817%;
  position: absolute;
  top: -153.5%;
  left: 2.46%;
}
.l-wrapper .mainVi .cap-txt01 {
  width: 4.901960784313726%;
  position: absolute;
  top: -46.69%;
  left: 9.89%;
}
.l-wrapper .mainVi .cap-txt02 {
  width: 52.12418300653595%;
}
.l-wrapper .mainVi .sec-lead {
  margin: 1.715686274509804% 34.55882352941176% 0 10.53921568627451%;
}
.l-wrapper .mainVi .sec-ttl {
  margin: 2.941176470588235% 34.64052287581699% 0 37.58169934640523%;
  width: 27.85947712418301%;
}
.l-wrapper .mainVi .sec-img {
  width: 33.33333333333333%;
  position: absolute;
  top: 0.7%;
  right: 0;
}
.l-wrapper .mainVi .new-icon {
  width: 27.450980392156865%;
  position: absolute;
  top: 3.47%;
  left: 15.7%;
}
.l-wrapper .sec-kodawari img {
  width: 100%;
}
.l-wrapper .sec-kodawari .sec-ttl {
  padding: 5px 0;
  background: #000;
  text-align: center;
}
.l-wrapper .sec-kodawari .sec-ttl .ttl-inner {
  display: block;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
}
.l-wrapper .sec-kodawari .sec-ttl .ttl {
  margin: 0 auto;
  max-width: 1164px;
}
.l-wrapper .sec-kodawari .sec-ttl .ttl-txt {
  margin: 0 auto;
  width: 29.295532646048112%;
}
.l-wrapper .sec-kodawari .sec-inner {
  margin: 0 auto;
  max-width: 1164px;
}
.l-wrapper .sec-kodawari .sec-lead {
  margin: 3.006872852233677% auto;
  width: 86.25429553264605%;
  text-align: center;
}
.l-wrapper .sec-kodawari .sec-blk {
  margin: 4.29553264604811% auto 0;
  width: 86.25429553264605%;
}
.l-wrapper .sec-kodawari .sec-blk .blk-ttl {
  background: #000;
  text-align: center;
}
.l-wrapper .sec-kodawari .sec-blk .sec-box {
  margin-top: 1.99203187250996%;
  position: relative;
}
.l-wrapper .sec-kodawari .sec-blk .box-img {
  width: 18.92430278884462%;
  position: absolute;
  top: 0;
  left: 0;
}
.l-wrapper .sec-kodawari .sec-blk .box-ttl,
.l-wrapper .sec-kodawari .sec-blk .box-txt {
  margin-left: 18.92430278884462%;
  width: 81.07569721115537%;
}
.l-wrapper .sec-lineup {
  margin: 6.013745704467354% auto 0;
  background: url("../img/lineup_bg01.png") no-repeat center top;
}
.l-wrapper .sec-lineup img {
  width: 100%;
}
.l-wrapper .sec-lineup .sec-ttl {
  margin: 0 auto;
  max-width: 1164px;
}
.l-wrapper .sec-lineup .ttl-txt {
  margin: 0 auto;
  width: 32.38831615120275%;
}
.l-wrapper .sec-lineup .sec-inner {
  padding: 2.577319587628866% 0;
  border-top: solid 10px #000;
  border-bottom: solid 10px #000;
  background: #fff;
}
.l-wrapper .sec-lineup .sec-cont {
  margin: 0 auto;
  max-width: 1164px;
}
.l-wrapper .sec-lineup .item-list {
  margin: 0 auto;
  width: 68.04123711340206%;
  letter-spacing: -0.4em /* 文字間を詰めて隙間を削除する */;
}
.l-wrapper .sec-lineup .item-list .item {
  display: inline-block;
  letter-spacing: normal /* 文字間を通常に戻す */;
}
.l-wrapper .sec-lineup .item-list .item:nth-child(1) {
  width: 27.27272727272727%;
}
.l-wrapper .sec-lineup .item-list .item:nth-child(2) {
  margin: 0 12.626262626262626%;
  width: 27.27272727272727%;
}
.l-wrapper .sec-lineup .item-list .item:nth-child(3) {
  width: 20.2020202020202%;
}
.l-wrapper .sec-lineup .item-list .note {
	margin-top: 2%;
  letter-spacing: normal;
	font-size: 80%;
}
.l-wrapper .sec-lineup .sec-bnr {
  max-width: 864px;
  width: 74.22680412371135%;
  margin: 0 auto;
  padding: 3.436426116838488% 0 2.577319587628866%;
}
.l-wrapper .sec-lineup .sec-bnr img {
  width: 100%;
}
.l-wrapper .bnr-area {
  background: url("../img/bnr_bg01.png") no-repeat center top;
  padding-top: 80px;
}
.l-wrapper .bnr-area .sec-inner {
  max-width: 1164px;
  margin: 0 auto;
  padding: 0 0 5.154639175257731%;
}
.l-wrapper .bnr-area .sec-inner .bnr {
  margin: 0 auto;
  width: 74.22680412371135%;
  background: #fff;
}
.l-wrapper .bnr-area .sec-inner .bnr img {
  width: 100%;
}
@media all and (max-width: 1164px){
  .l-wrapper .sec-lineup{
    background-size: 100% auto;
  }
  .l-wrapper .bnr-area{
    background-size: 100% auto;
  }
}