@charset "UTF-8";
/*=============================================
【目次】
=================================================*/
/* ==============================================
 ### 見出し
=================================================*/
.ctm_group_heading {
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .ctm_group_heading {
    margin-bottom: 50px;
  }
}

.ctm_group_main-heading {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: .1em;
}
@media screen and (min-width: 600px) {
  .ctm_group_main-heading {
    font-size: 3rem;
  }
}

.ctm_group_sub-heading {
  font-size: 1.4rem;
  color: #8d8d8d;
}
@media screen and (min-width: 600px) {
  .ctm_group_sub-heading {
    font-size: 1.6rem;
  }
}

/* ==============================================
 ### カテゴリ説明文
=================================================*/
.ctm_group_info {
  margin-bottom: 30px;
  padding-left: 2.7%;
  padding-right: 2.7%;
  box-sizing: border-box;
  font-size: 1rem;
}
@media screen and (min-width: 1000px) {
  .ctm_group_info {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding: 0;
  }
}
@media screen and (min-width: 600px) {
  .ctm_group_info {
    font-size: 1.4rem;
  }
}

/* =============================================
 ### カテゴリ上部コメント　独自コメント3
============================================= */
.ctm_group_uppercomment {
  width: 94.6%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 600px) {
  .ctm_group_uppercomment {
    width: 1200px;
  }
}

/* =============================================
 ### カテゴリ下部コメント　独自コメント4
============================================= */
.ctm_group_lowercomment {
  width: 94.6%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 600px) {
  .ctm_group_lowercomment {
    width: 1200px;
  }
}
.fs-body-category-ranking .ctm_group_lowercomment {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .fs-body-category-ranking .ctm_group_lowercomment {
    width: 1200px;
  }
}

/* =============================================
 ### ご利用ガイドTOP
============================================= */
/* =============================================
 ### フリーコンテンツカテゴリ　下層共通
============================================= */
.ctm_free-content + .fs-c-productList {
  display: none;
}
.ctm_free-content + .fs-c-subgroup + .fs-c-productList {
  display: none;
}

/* =============================================
 ### LINE　line
============================================= */
@media screen and (min-width: 600px) {
  .fs-body-category-line .productList-container {
    width: 768px;
  }
}

/* =============================================
  ##　特集　COLLECTION
============================================= */
.fs-body-category-mens_collection .fs-c-productList,
.fs-body-category-womens_colletion .fs-c-productList {
  display: none;
}
.fs-body-category-mens_collection .fs-l-main,
.fs-body-category-womens_colletion .fs-l-main {
  padding-bottom: 50px;
}
@media screen and (min-width: 600px) {
  .fs-body-category-mens_collection .fs-l-main,
  .fs-body-category-womens_colletion .fs-l-main {
    padding-bottom: 100px;
  }
}

.ctm_collection-list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 2.6%;
  padding-right: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_collection-list {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
  }
  .ctm_collection-list:after {
    content: '';
    width: 31.25%;
    height: 0;
  }
}
.ctm_collection-list .item {
  width: 48.5%;
  margin-bottom: 25px;
}
@media screen and (min-width: 600px) {
  .ctm_collection-list .item {
    width: 31.25%;
  }
}
.ctm_collection-list .item span {
  display: block;
}
.ctm_collection-list .item .image {
  margin-bottom: 14px;
}
.ctm_collection-list .item .tx-type,
.ctm_collection-list .item .tx-SILHOUETTE {
  font-size: 1.1rem;
  text-align: center;
  letter-spacing: .075em;
}
@media screen and (min-width: 600px) {
  .ctm_collection-list .item .tx-type,
  .ctm_collection-list .item .tx-SILHOUETTE {
    font-size: 1.3rem;
  }
}
.ctm_collection-list .item .tx-line {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .075em;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  .ctm_collection-list .item .tx-line {
    font-size: 1.8rem;
  }
}

/* =============================================
  ##　特集　ABOUT YANUK
============================================= */
@media screen and (min-width: 600px) {
  .about-yanuk {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 280px;
  }
}
.about-yanuk .ctm_heading-tx {
  font-size: 1.1rem;
  letter-spacing: .3em;
  display: block;
}
@media screen and (min-width: 600px) {
  .about-yanuk .moviebox {
    width: 100%;
    margin-bottom: 60px;
  }
}
.about-yanuk .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.about-yanuk .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.about-yanuk .ctm_about-yanuk_body {
  padding: 27px;
}
@media screen and (min-width: 600px) {
  .about-yanuk .ctm_about-yanuk_body {
    padding: 0;
  }
}
.about-yanuk .ctm_about-yanuk_body p {
  font-size: 1.2rem;
  line-height: 2em;
  margin-bottom: 1em;
}
@media screen and (min-width: 600px) {
  .about-yanuk .ctm_about-yanuk_body p {
    font-size: 1.4rem;
  }
}
.about-yanuk .ctm_about-yanuk_body p:last-of-type {
  margin-bottom: 0;
}

/* =============================================
 ### LINE
============================================= */
.p_line .text {
  padding-left: 2.6%;
  padding-right: 2.6%;
  margin-bottom: 20px;
}
.p_line .id-alignment {
  text-align: center;
  background-color: #06c755;
  margin-bottom: 20px;
  padding: 20px;
}
.p_line .id-alignment .id-alignment-ttl {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
.p_line .id-alignment .id-alignment-body {
  color: #fff;
}
.p_line .btn_line-add {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.p_line .btn_line-add a {
  display: block;
  background-color: #06c755;
  text-align: center;
  color: #fff;
  padding: 10px;
}

/* =============================================
  ##　FEATURE
============================================= */
.ctm_addlink {
  margin-bottom: 30px;
  padding-left: 2.6%;
  padding-right: 2.6%;
}
@media screen and (min-width: 600px) {
  .ctm_addlink {
    padding: 0;
  }
}
.ctm_addlink .ctm_addlinkList {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  .ctm_addlink .ctm_addlinkList {
    margin-left: -26px;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.ctm_addlink .ctm_addlinkList .ctm_addlinkList-item {
  width: calc(49%);
  position: relative;
  margin: 0;
  padding-top: 30px;
  margin-bottom: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) {
  .ctm_addlink .ctm_addlinkList .ctm_addlinkList-item {
    width: calc(100%/4 - 26px);
    margin-left: 26px;
    margin-bottom: 40px;
    border: none;
  }
}
.ctm_addlink .ctm_addlinkList .ctm_addlinkList-item img {
  width: 100%;
  height: auto;
}