@charset "UTF-8";
/* ==========================================================
 【uniqlo Life Wear magazine】(c)visual and echo japan
	Created: 2019-07

【fleeth25th】
	01.fleece25th_contena
	02.fleeth25thSect
 ========================================================== */
/* 1. fleece25th_contena
* ------------------------- */
.fleece25th_contena {
  -webkit-transition: background-color .6s ease-out;
  transition: background-color .6s ease-out;
}
.fleece25th_contena.bg {
  background-color: #dcdfe1;
}

.mod_visualFit .firstView {
  background-image: url("../images/fleece25th/image01_sp.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 3. fleeth25thSect
* ------------------------- */
.fleeth25thSect {
  border-bottom: #000 1px solid;
  -webkit-transition: .6s ease-out;
  transition: .6s ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.fleeth25thSect.is-hidden {
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
}
.fleeth25thSect:last-child {
  border-bottom: none;
}
.fleeth25thSect:last-child > div {
  padding-bottom: 0;
}
.fleeth25thSect .product {
  padding: 9.42029% 0 10.14493%;
}
.fleeth25thSect .product .hdg02 {
  font-size: 2.5em;
  line-height: 1;
  text-align: center;
  margin-bottom: 7.24638%;
}
.fleeth25thSect .product .hdg02 span {
  font-size: 0.66667em;
}
.fleeth25thSect .product .image {
  text-align: center;
  width: 88.69565%;
  margin: 0 auto 2.89855%;
}
.fleeth25thSect .product .image figcaption {
  font-size: 1.66667em;
  line-height: 1.35;
  margin-top: 1.63399%;
}
.fleeth25thSect .product .image figcaption .ja {
  font-size: 0.6em;
  font-weight: bold;
  display: block;
}
.fleeth25thSect .product .text p {
  font-size: 1.16667em;
  line-height: 1.84615;
  text-indent: 1em;
}
.fleeth25thSect .product .text p + p {
  margin-top: 1.5em;
}
.fleeth25thSect .product .text p.en {
  text-indent: 0;
}
.fleeth25thSect .product .text p.detail {
  text-indent: 0;
	font-size: .85714em;
}
.fleeth25thSect .list {
  padding: 9.42029% 0 11.5942%;
}
.fleeth25thSect .list .hdg02 {
  font-size: 1.66667em;
  line-height: 1.35;
  text-align: center;
  margin-bottom: 2.89855%;
}
.fleeth25thSect .list .hdg02 .ja {
  font-size: 0.6em;
  font-weight: bold;
  display: block;
}
.fleeth25thSect .list .slideWrap {
  margin: 0 -4.4%;
  overflow: hidden;
}
.fleeth25thSect .list .fleeths .slick-list {
  padding: 0 4%;
  -webkit-transition: padding 200ms ease;
  transition: padding 200ms ease;
}
.fleeth25thSect .list .fleeths.last .slick-list {
  padding-left: calc(96% - 230px);
}
.fleeth25thSect .list .fleeths .col {
  width: 230px;
  margin: 0 8px;
  outline: none;
}
.fleeth25thSect .list .fleeths .col > a {
	text-decoration: none;
}
.fleeth25thSect .list .fleeths .col .image {
  width: 215px;
  margin: 0 auto 3px;
}
.fleeth25thSect .list .fleeths .col .text .name {
  font-size: 1.25em;
  line-height: 1.06667;
  text-align: center;
  margin-bottom: 6px;
}
.fleeth25thSect .list .fleeths .col .text .name .price {
  font-size: 0.8em;
}
.fleeth25thSect .list .fleeths .col .text .dis {
  font-size: 0.91667em;
  line-height: 1.45455;
}

/*/////////////////////////////
 RWD
/////////////////////////////*/
@media (min-width: 813px) {
  .mod_visualFit .firstView {
    background-image: url("../images/fleece25th/image01_pc.jpg");
  }

  .fleeth25thSect {
    margin: 0 8.33333%;
  }
  .fleeth25thSect .product {
    padding: 6% 0 6.5%;
  }
  .fleeth25thSect .product .hdg02 {
    font-size: 3.42857em;
    letter-spacing: -0.01em;
    margin-bottom: 5.5%;
  }
  .fleeth25thSect .product .hdg02 span {
    font-size: 0.66667em;
  }
  .fleeth25thSect .product .image {
    width: 50.8%;
    margin-bottom: 2.5%;
  }
  .fleeth25thSect .product .image figcaption {
    font-size: 2em;
    line-height: 1.35714;
    margin-top: 8.85827%;
  }
  .fleeth25thSect .product .image figcaption .ja {
    font-size: 0.57143em;
  }
  .fleeth25thSect .product .text {
    max-width: 650px;
    margin: 0 auto;
  }
  .fleeth25thSect .product .text p {
    font-size: 1.14286em;
    letter-spacing: 0.01em;
    line-height: 2.125;
  }
	.fleeth25thSect .product .text p.detail {
		font-size: 0.8125em;
	}
  .fleeth25thSect .list {
    padding: 6.5% 0 3.5%;
  }
  .fleeth25thSect .list .hdg02 {
    font-size: 2em;
    line-height: 1.35714;
    margin-bottom: 4%;
  }
  .fleeth25thSect .list .hdg02 .ja {
    font-size: 0.57143em;
  }
  .fleeth25thSect .list .fleeths {
    margin: 0 -1.92308%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fleeth25thSect .list .fleeths .slick-list {
    padding: 0;
  }
  .fleeth25thSect .list .fleeths.last .slick-list {
    padding-left: 0;
  }
  .fleeth25thSect .list .fleeths .col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333%;
    margin: 0 0 30px;
    padding: 0 1.92308%;
  }
	.fleeth25thSect .list .fleeths .col > a {
		transition: opacity .4s ease;
	}
	.fleeth25thSect .list .fleeths .col > a:hover {
		opacity: .7;
	}
  .fleeth25thSect .list .fleeths .col.last {
    display: none;
  }
  .fleeth25thSect .list .fleeths .col .image {
    width: 100%;
    margin: 0 auto 15px;
  }
  .fleeth25thSect .list .fleeths .col .text .name {
    font-size: 1.42857em;
    line-height: 1;
    margin-bottom: 8px;
  }
  .fleeth25thSect .list .fleeths .col .text .name .price {
    font-size: 0.8em;
  }
  .fleeth25thSect .list .fleeths .col .text .dis {
    font-size: 0.92857em;
    line-height: 1.53846;
  }
}

/*# sourceMappingURL=fleece25th.css.map */