/****************************************
 * 1. ページ内の共通幅を統一
 ****************************************/

.law-wrap,
.priv-wrap,
#pageMembershipGuide .draft .content,
#pageMembershipGuide .guide .content,
#pageMembershipGuide .draft .about-point,
#pageMembershipGuide .guide .about-point,
#pageMembershipGuide .reward-list,
#pageMembershipMyPage .draft,
#pageMembershipMyPage .mypage,
.membership .draft .heading-wrapper,
#pageMembershipLogin .men-login-wrap,
#membership .point-history .content,
#pageCommunity .community-wrap,
.blog-wrap,
.contact-wrap,
.about-wrap,
.product-detail,
.product-detail .item-desc .item-desc-custom,
.product-relate,
.top-info,
.top-concept,
.top-info-important,
.foot-guide {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

/****************************************
 * 2. TOPまわりレイアウト調整
 ****************************************/

/* 商品一覧リスト（3カラム時の隙間調整） */
.items-list.items-clm-pc3 {
  grid-column-gap: 0.2em;
  grid-row-gap: 0.5em;
}

/* スマホ：ピックアップテキストの行数 */
@media (max-width: 768px) {
  #topPickInfoSlider li .text {
    -webkit-line-clamp: 10;
  }
.top-concept {
	padding: 80px 1.6em 0em;
}
.top-concept .ttl {
	margin-bottom:40px;
}
.top-concept-img {
	margin-top:32px;
}
.top-pick-area {
	    padding: 4em 1.6em 4em;
}
.items-wrap.ttl-h2{
	margin: 32px 1.6em;
}
.items-list.items-clm-pc3 {
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.items-wrap {
    padding: 0 1.6em 16px;
}
.product-data .item-tags {
    margin-bottom: 0;
}
.product-data .item-price {
    margin-top: 8px;
}
.foot-guide {
    padding: 40px 1.6em 0 ;
}
.product-detail .review01 {
    margin-top: 0;
}
.review01__title {
	padding:0;
}
.product-relate {
    padding: 0px 1.6em 32px;
}
.product-relate.ttl-h2 {
margin-bottom: 32px;
}
.foot-setting-wrap {
    padding: 0 0 32px;
}
.about-wrap .ttl-h1 + p {
    margin-bottom: 24px;
}
.about-info {
    padding: 4em 0 0;
}
.about-wrap .txt {
    text-align: left;
}
.concept-inner {
    padding-top: 0;
}
.contact-wrap .main h1 + p {
    margin-bottom: 0;
}
.contact-wrap {
    padding: 8em 1.6em 40px;
}
#footNav {
    border-top: 0px solid #E9E9E9;
}
.bnr-float {
    right: 30%;
}
.items-wrap .items-tags {
    text-align: center;
}
.top-concept .ttl {
    line-height: 2;
}
}

/* タブレット以上 */
@media (min-width: 769px) {
  /* コンセプトエリアの中央揃え */
  .top-concept {
    text-align: center;
    padding: 24px 32px;
  }

  .top-concept .text-wrap {
    text-align: center;
        margin-bottom: 56px;
  }
    .concept-inner {
        padding-top: 0;
    }
    .about-concept {
        padding-bottom: 0;
    }

  /* 商品一覧グリッド共通の gap 調整 */
  .items-list {
    column-gap: 1.6em;
    row-gap: 1.6em;
  }

  /* コンセプト下の画像周り */
  .top-concept-img {
    margin-top: 0;
  }

  /* ピックアップエリアの余白調整 */
  .top-pick-area {
    padding: 32px 32px 40px;
  }

  /* ピックアップ見出しの位置 */
  #topPickInfoSlider li .ttl {
    margin-top: clamp(80px, -176px + 25vw, 100px);
  }

  .slider-arrow {
    bottom: 0;
    margin-top: 40px;
  }

  /* 商品詳細ページの下余白 */
  .items-wrap {
    padding-bottom: 80px;
  }

  .product-detail .review01 {
    margin-top: 0;
  }
    .contact-wrap .main h1 + p {
        margin-bottom: 0;
    }
    .foot-menu-wrap {
        padding: 4.8em 6em;
}
.about-wrap .txt {
    text-align: center;
}
}

/* PCサイズ（1024px〜） */
@media (min-width: 1024px) {
  /* コンセプト：上下余白をしっかりとる */
  .top-concept.text-horizontal {
    padding: 110px 0;
  }

  .top-concept .text-wrap {
    padding-bottom: 0;
  }

  .top-concept .ttl {
    margin-bottom: 16px;
  }

  /* お知らせバー */
  .top-info-important {
    padding: 0;
  }

  /* ピックアップ：説明文の行数（PCは少し少なめ） */
  #topPickInfoSlider li .text {
    -webkit-line-clamp: 8;
  }

  /* TOPの商品一覧全体の幅・余白 */
  .items-wrap {
    margin: 0 auto 32px;
    max-width: 1120px;
    padding-bottom: 0;
  }

  /* 見出しだけ中央寄せにしたいイメージの場合 */
  .items-wrap .ttl-h2 {
    margin: 0 auto;
  }

  /* スライダーのカウンター位置 */
  .slick-num {
    top: 1em;
  }

  /* フッターのショップガイドの余白 */
  .foot-guide {
    padding: 56px 6em;
  }

  .foot-setting-wrap {
    padding: 16px 32px;
  }

  /* 商品ページ全体の余白 */
  .product-bgwrap-all {
    padding: 110px 0 40px;
  }
}

/****************************************
 * 3. 商品一覧グリッドの余白を小さく
 ****************************************/

/* 商品一覧・関連商品で使われる items-list の li に対するマージン */
.items-list > li {
  margin: 8px;
}

/****************************************
 * 4. 背景カラー統一
 ****************************************/

.foot-setting-wrap {
  background-color: #fdf9ef;
}

#footNav {
  background-color: #fdf9ef;
}

/****************************************
 * 5. 特定ページではショップガイドを非表示
 ****************************************/

/* プライバシーポリシー／特商法／お問い合わせページではショップガイドを非表示 */
#pagePrivacy .foot-guide,
#pageLaw .foot-guide,
#pageContact .foot-guide {
  display: none;
}