@charset "UTF-8";

/* -------------------------------------------------------------------------------
|  Created:     2023-10-04
|  Updated:     2024-09-10
|  Version:     05
|------------------------------------------------------------------------------- */


/*---------------------------------------------------------
  汎用
---------------------------------------------------------*/

/* 改行しない */
.meswg-whiteSpace--nowrap {
  white-space:nowrap!important;
}

/*sm時に display:block; 表示*/
@media only screen and (max-width: 767px) {
  .mesw-d--b-sm {
    display: block;
  }
}

/*---------------------------------------------------------
  階層ナビゲーション 4階層目
---------------------------------------------------------*/

/* 上部のpaddingを削除 */
.c-layerNav.meswg-layerNav:has(.c-layerNav__inner){padding-top:0px!important}
/* ▼をつける */
.meswg-layerNav .c-layerNav__list::before{position:absolute;top:0;left:50%;content:"";-webkit-transform:translate(-50%,-18px);transform:translate(-50%,-18px);border:9px transparent solid;border-top-color:grey}

/*---------------------------------------------------------
  製品マップ(GOT2000)
---------------------------------------------------------*/

/* 製品サイズと中央の罫線 */
.meswg-headingBorder--m {
  position: relative;

  &::before {
    content: '';
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 50%;
    background-color: var(--grey400);
  }
  & b {
    padding-right: 1em;
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: var(--white);
    font-weight: bold;
  }
}

/* 機能タグ */
.meswg-functionTag {
  height: 100%;
  padding: 3px 0;
  display: block;
  line-height: 1.8;
  background-color: var(--meswBlueDarkColor);
  color: var(--white);
  text-align: center;
  font-weight: bold;
}

/* 性能タグ */
.meswg-performanceTag {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 5px 10px;

  .meswg-performanceTag__items {
    display: grid;
    place-items: center;
    place-content: center;
  }
}

.meswg-performanceTag--5 {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 5px 10px;

  .meswg-performanceTag__items {
    display: grid;
    place-items: center;
    place-content: center;
  }
}