@charset "UTF-8";

.l-container #feature {
  width: 990px;
  height: 982px;
  margin: 0 auto 30px;
  display: block;
  position: relative;
}
.l-container #feature *,
.l-container #feature *::after,
.l-container #feature *::before {
  box-sizing: border-box;
}
.l-container #feature img {
  max-width: 100%;
}
.l-container #feature a {
  display: block;
  transition: opacity 0.2s;
}
.l-container #feature a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* ----- contents ----- */
.l-container #feature .txt-blk {
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 9px;
}
.l-container #feature .fukidashi {
  margin: 0 0 10px 0;
}
.l-container #feature .ttl {
  margin: 0 0 28px 32px;
}
.l-container #feature .lead {
  margin: 0 0 0 31px;
}
.l-container #feature .style-blk {
  position: absolute;
  z-index: 0;
  top: 51px;
  left: 0;
  display: flex;
}
.l-container #feature .style-blk li:nth-child(1) {
  margin: 281px 0 0 -1px;
}
.l-container #feature .style-blk li:nth-child(2) {
  margin: 0 0 0 -108px;
  position: relative;
  z-index: 10;
}

/* ----- アニメーション ----- */
.fade {
  opacity: 0;
  -webkit-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
.fade.show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.delay1 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
/* ----- item-search ----- */
.item-search-contents {
  width: 990px;
  margin: 0 auto;
}