/* --- Core Configuration & Base REM Logic --- */
.pm-brand-pack {
  /* 16pxベース環境で 10px 相当を 1単位とするための定義 10 / 16 = 0.625 */
  --base-rem: 0.625rem;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  position: relative;
  letter-spacing: 0;
}

/* 1401px以上：固定（10px相当） */
/* @media only screen and (min-width: 1401px) {
  .pm-brand-pack {
    --base-rem: 0.625rem;
  }
} */

/* 769px 〜 1400px：リキッド（1400pxの時に10pxになる計算）
   10 / 1400 * 100 = 0.7142857143vw
*/
/* @media only screen and (max-width: 1400px) and (min-width: 769px) {
  .pm-brand-pack {
    --base-rem: 0.7142857143vw;
  }
} */

/* 768px以下：リキッド（414px（iPhoneXR等）の時に10pxになる計算の場合）
   10 / 414 * 100 = 2.4154589372vw
*/
/* @media only screen and (max-width: 768px) {
  .pm-brand-pack {
    --base-rem: 2.4154589372vw;
  }
}
 */
[data-browse-mode="P"] body.page-brandtop .block-recent-item--body,
[data-browse-mode="P"] body.page-brandtop .block-top-event--goods {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}

body.page-brandtop .wrapper .pane-contents .container,
body.page-brandtop .wrapper .pane-contents .container .pane-main{
  width: 100%;
}
body.page-brandtop .wrapper .pane-contents .container main,
body.page-brandtop .wrapper .pane-contents .container .pane-main{
  max-width: 100%;
}



body.page-brandtop #header .block-header-logo img,
body.page-brandtop footer .footer-logo img,
body.page-brandtop footer #footer_sns ul li img {
  height: auto;
}

body.page-brandtop .block-icon img {
  width: auto;
}


[data-browse-mode="P"] .pm-brand-pack {}

.pm-brand-pack .pane-contents .models-wrapper>.container {
  display: block;
}

[data-brand-sticky="header"] {
  position: absolute !important;
}

[data-brand-sticky="header"].is-fixed {
  position: fixed !important;
}