/* 機能性商品ページ */
/*base*/
.function-page h1,
.function-page h2,
.function-page h3,
.function-page p,
.function-page ul,
.function-page li {
  margin: 0;
  padding: 0;
}

.function-page ul {
  list-style: none;
}

.function-page img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.function-page a {
  cursor: pointer;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

.function-page a:hover {
  opacity: .4;
}

/* タグカラー */
.function-page .tag-wall {
    background: #B6CFF0;
}

.function-page .tag-carpet {
    background: #BAF0B6;
}

.function-page .tag-curtain {
    background: #F0B6B6;
}

.function-page .tag-floor {
    background: #EDD2A8;
}

.function-page .tag-leather {
    background: #EDAADB;
}

.function-page .tag-chair {
    background: #B9A9E2;
}

/*PC非表示,スマホ表示*/
.displaynone-pc {
    display: none;
}

/* ぱんくずリスト */
nav.pankuzu {
  margin: 24px auto;
  height: auto;
}

nav.pankuzu ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  line-height: 2;
}

nav.pankuzu li {
  font-size: 12px;
}

nav.pankuzu li:not(:last-child)::after {
  content: '/';
  padding: 0 0.5em;
}

nav.pankuzu a {
  color: #426599;
  text-decoration: underline;
}

nav.pankuzu a:hover {
  color: #222;
  text-decoration: none;
  opacity: 1;
}

/*メディアクエリ 768px以下*/
@media (max-width:768px) {
  /*PC非表示,スマホ表示*/
  .displaynone-pc {
    display: block;
  }

  /*スマホ非表示*/
  .displaynone-sm {
    display: none;
  }
}