@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap");
/*------------------------------
 共通・既存調整修正
------------------------------*/
.top_concept_ttl,
.collections_block .collections_ttl,
.news_block .news_ttl {
  color: #404040;
  font-size: 45px;
  font-weight: normal;
}

.top_concept_text {
  display: none;
}

.concept_content_detail_block .detail_block_2 .detail_block_element .detail_ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.concept_content_detail_block .detail_block_2 .detail_block_element .detail_text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.collections_block {
  margin: 0 auto 150px;
}

.collections_block .collections_block_list .collections_block_list_1 .collections_block_text {
  width: 90%;
  padding: 10% 5% 10% 5%;
}

.collections_block .collections_block_list .collections_block_list_1 .collections_block_text .collections_block_ttl {
  font-size: 23px;
  line-height: 33px;
  text-align: center;
}

.collections_block .collections_block_list .collections_block_list_1 .collections_block_text .collections_block_description {
  font-size: 16px;
  line-height: 32px;
}

.content-wrapper {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  width: 1150px;
  margin: 0 auto;
}
.content-wrapper .sp {
  display: none;
}

/*------------------------------
 ブランドトップページ
------------------------------*/
.content__sub-title {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 3px;
  text-align: center;
  margin: 0 auto 25px;
}

.content__text {
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto 100px;
}

.content__item-box {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 30px;
}

.content__item {
  width: calc(33.33% - 16px);
  margin-right: 24px;
}
.content__item:nth-child(3n) {
  margin-right: 0;
}

.content__item-image-box {
  font-size: 0;
  line-height: 0;
  margin-bottom: 15px;
}

.content__item-image {
  width: 100%;
  height: auto;
}

.content__item-text {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
  margin-bottom: 8px;
}

.content__item-link-box {
  text-align: center;
}

a.content__item-link {
  display: inline-block;
  position: relative;
  right: -30px;
  color: #404040;
  font-size: 28px;
  line-height: 45px;
  padding-right: 62px;
}
a.content__item-link:hover {
  text-decoration: none;
}
a.content__item-link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 54px;
  height: 14px;
  background-image: url(/cms/img/usr/brand_panierdessens/icon_right_arrow.png);
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: -12px;
}

/* topics
------------------------------*/
.topics {
  width: 1030px;
  margin: 0 auto 100px;
}

.topics__title {
  color: #404040;
  font-size: 45px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 30px;
}

.topics__title-text {
  display: inline-block;
}

.topics__box {
  width: 100%;
}

.topics__item-box {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.topics__item {
  width: calc(50% - 15px);
  margin-right: 30px;
}
.topics__item:nth-child(2n) {
  margin-right: 0;
}

a.topics__item-link {
  display: block;
  color: #404040;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

.topics__item-date {
  display: block;
}

.topics__item-title {
  display: block;
}

.topics__image-box {
  font-size: 0;
  line-height: 0;
  margin-bottom: 25px;
}
.topics__image-box img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/*------------------------------
  ブランド詳細ページ
------------------------------*/
.detail-content {
  color: #404040;
  margin-bottom: 120px;
}
.detail-content .sp {
  display: none;
}

.detail-content__inner {
  width: 896px;
  margin: 0 auto;
}

.detail-content__box {
  margin-bottom: 95px;
}
.detail-content__box:last-child {
  margin-bottom: 0;
}

.detail-content__image-box {
  font-size: 0;
  line-height: 0;
  margin-bottom: 50px;
}

.detail-content__image {
  width: 100%;
  height: auto;
}

.detail-content__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 36px;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 30px;
}

.detail-content__text {
  font-size: 16px;
  line-height: 36px;
  text-align: center;
}

/*------------------------------
 SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 767px) {
  /* 767pxまでの幅の場合に適応される */
  /*------------------------------
   共通・既存調整修正
  ------------------------------*/
  .top_concept_ttl,
.collections_block .collections_ttl,
.news_block .news_ttl {
    color: #333333;
    font-size: 30px;
    line-height: 31px;
  }

  .top_concept_ttl {
    margin-bottom: 22px;
  }

  .collections_block .collections_ttl,
.news_block .news_ttl {
    margin-bottom: 42px;
  }

  .top_concept_text {
    color: #333333;
  }

  .concept_content_detail_block .detail_block_2 {
    margin: 0 14px;
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element {
    width: calc(33.33% - 10.66px);
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element:nth-child(1), .concept_content_detail_block .detail_block_2 .detail_block_element:nth-child(2) {
    margin-right: 16px;
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element:nth-child(4), .concept_content_detail_block .detail_block_2 .detail_block_element:nth-child(5) {
    width: calc(50% - 20px);
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element:nth-child(4) {
    margin-right: 20px;
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element:nth-child(5) {
    margin-right: 0;
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element .detail_ttl {
    color: #333333;
    font-size: 15px;
    line-height: 28px;
    margin: 5% auto 1%;
  }

  .concept_content_detail_block .detail_block_2 .detail_block_element .detail_text {
    color: #333333;
    font-size: 13px;
    line-height: 19px;
  }

  .collections_block {
    margin-bottom: 80px;
  }

  .collections_block .collections_block_list .collections_block_list_1 .collections_block_text {
    width: 100%;
    padding: 0;
  }

  .collections_block .collections_block_list .collections_block_list_1 a .collections_block_text .collections_block_ttl {
    font-size: 20px;
    line-height: 31px;
    text-align: left;
    margin: 17px 0 12px;
  }

  .collections_block .collections_block_list .collections_block_list_1 .collections_block_text .collections_block_description {
    font-size: 14px;
    line-height: 25px;
  }

  .content-wrapper {
    color: #333333;
    width: auto;
  }
  .content-wrapper .pc {
    display: none;
  }
  .content-wrapper .sp {
    display: block;
  }

  /*------------------------------
   ブランドトップページ
  ------------------------------*/
  .content__sub-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
  }

  .content__text {
    font-size: 14px;
    line-height: 28px;
    margin: 0 32px 50px;
  }

  .content__item-box {
    display: block;
    margin: 0 32px 26px;
  }

  .content__item {
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .content__item:last-child {
    margin-bottom: 0;
  }

  .content__item-image-box {
    margin-bottom: 15px;
  }

  .content__item-text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 12px;
  }

  a.content__item-link {
    right: -14px;
    color: #333333;
    font-size: 21px;
    line-height: 31px;
    padding-right: 38px;
  }
  a.content__item-link::before {
    width: 33px;
    height: 9px;
    background-image: url(/cms/img/usr/brand_panierdessens/icon_right_arrow_sp.png);
    margin-top: -6px;
  }

  /* topics
  ------------------------------*/
  .topics {
    width: auto;
    margin: 0 32px 46px;
  }

  .topics__title {
    color: #333333;
    font-size: 30px;
    line-height: 31px;
    text-align: center;
    margin-bottom: 24px;
  }

  .topics__item-box {
    display: block;
  }

  .topics__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .topics__item:last-child {
    margin-bottom: 0;
  }

  a.topics__item-link {
    color: #333333;
    font-size: 14px;
    line-height: 26px;
  }

  .topics__image-box {
    margin-bottom: 10px;
  }
  .topics__image-box img {
    height: auto;
    object-fit: unset;
  }

  /*------------------------------
   ブランド詳細ページ
  ------------------------------*/
  .detail-content {
    color: #333333;
    width: auto;
    margin-bottom: 90px;
  }
  .detail-content .pc {
    display: none;
  }
  .detail-content .sp {
    display: block;
  }

  .detail-content__inner {
    width: auto;
  }

  .detail-content__box {
    margin-bottom: 50px;
  }
  .detail-content__box:last-child {
    margin-bottom: 0;
  }

  .detail-content__image-box {
    font-size: 0;
    line-height: 0;
    margin-bottom: 28px;
  }

  .detail-content__title {
    font-size: 20px;
    line-height: 28px;
    margin: 0 32px 15px;
  }

  .detail-content__text {
    font-size: 14px;
    line-height: 28px;
    margin: 0 32px;
  }
}