@charset "UTF-8";
/* 共通CSS: 以前は各ページの<style>に直書き（35ページで共通） */

/* ---- style ---- */

/* ===== Contents / Topics / Data / Shop：現行バナー画像の背景色に合わせる ===== */
/*
  現行サイトの Shop バナー bnr_12.png / bnr_13.png / bnr_14.png は
  外周背景が rgb(228,239,248) = #e4eff8。
  セクション背景を同色にして、画像の矩形感をなくす。
*/
.legacy-footer-portals{
  background:#e4eff8 !important;
  border-top:0 !important;
  padding:54px 0 58px;
}

.legacy-footer-portals .content_menu_wrap{
  background:#e4eff8;
}

/* 見出し区切り線も背景になじむ青灰色へ */
.legacy-footer-portals .head{
  border-bottom-color:#c8dbe9;
}

/* 日本語ラベルは現行画像のネイビーに近い色へ */
.legacy-footer-portals .head .label{
  color:#34536e;
}

/* バナー周囲に独自カードを作らず、公式画像をそのまま見せる */
.legacy-footer-portals .menu_03 a{
  min-height:54px;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* 120x42 の販売元バナーは元サイズを維持 */
.legacy-footer-portals .menu_03 img{
  width:auto !important;
  max-width:120px !important;
  max-height:42px !important;
}

/* 大きめの吸音シリーズShop画像も同じエリア内で不自然に膨らませない */
.legacy-footer-portals .menu_03 li:last-child img{
  width:auto !important;
  max-width:120px !important;
  max-height:54px !important;
  object-fit:contain;
}

/* Contents / Topics / Data のバナーも白カード化せず、画像そのものを表示 */
.legacy-footer-portals .menu a,
.legacy-footer-portals .menu_01 a,
.legacy-footer-portals .menu_02 a{
  background:transparent;
  box-shadow:none;
}

/* Data の文字が背景上でも読みやすいよう微調整 */
.legacy-footer-portals .menu_02 a{
  color:#304e68;
}

/* 下のグレーフッターとの境目だけ薄く区切る */
.legacy-footer-portals + .legacy-site-footer{
  border-top:1px solid #c9d7e0;
}


/* ---- style ---- */

/* ===== Data / 資料：現行HPのカタログ画像サイズに合わせる ===== */
/*
  bnr_10.png（お施主様用パンフレット）: 174 x 117px
  bnr_27.webp（総合カタログ）            : 114 x 161px
  画像を同じ横幅へ拡大せず、元画像の比率・サイズ感を維持する。
*/
.legacy-footer-portals .menu_02{
  align-items:start;
}

.legacy-footer-portals .menu_02 li{
  display:flex;
  justify-content:center;
  min-width:0;
}

.legacy-footer-portals .menu_02 a{
  display:inline-block;
  width:auto;
  text-align:center;
}

.legacy-footer-portals .menu_02 img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}

/* 公式画像の実寸を基準に固定 */
.legacy-footer-portals .menu_02 li:first-child img{
  width:174px !important;
  max-width:174px !important;
}

.legacy-footer-portals .menu_02 li:nth-child(2) img{
  width:114px !important;
  max-width:114px !important;
}

/* 画像下の名称との間隔 */
.legacy-footer-portals .menu_02 a br{
  line-height:8px;
}

@media(max-width:640px){
  /* スマホでは列幅からはみ出す場合だけ縮小 */
  .legacy-footer-portals .menu_02 li:first-child img{
    width:min(174px,100%) !important;
  }
  .legacy-footer-portals .menu_02 li:nth-child(2) img{
    width:min(114px,100%) !important;
  }
}