/* パルファムコラム（カテゴリー・アーカイブ・記事） */
#perfume_column {
  font-family:
    'Arial',
    'Yu Gothic',
    'メイリオ',
    YuGothic,
    '游ゴシック体',
    Hiragino Kaku Gothic ProN,
    sans-serif;
}

body.category-perfume-column main,
body.post.perfume-column main {
  background-image: none !important;
}

.perfume_column_fv {
  background-color: #fffcf4;
  background-image: url(../images/perfume_column_fv.jpg);
  background-repeat: no-repeat;
  background-size: 65vw 100%;
  background-position: top right;
  height: 40vw;
  max-height: 722px;
  margin-top: min(88px, 4.8vw);
}

.perfume_column_fv {
  overflow: visible;
}

.perfume_column_fv .inner,
.perfume_column_catch {
  height: 100%;
  padding-top: 15px;
}

.perfume_column_catch_label {
  writing-mode: horizontal-tb;
  transform: rotate(90deg);
  color: #c9a86c;
  font-weight: bold;
  letter-spacing: 0.04em;
  font-size: 14px;
  line-height: calc(24 / 14);
  margin-bottom: 1em;
}

.perfume_column_catch_title {
  font-size: 30px;
  writing-mode: vertical-rl;
  line-height: calc(35 / 30);
  font-family: 'Zen Old Mincho', serif;
  position: relative;
  font-weight: normal;
}

.perfume_column_catch_title::before {
  content: 'COLUMN';
  position: absolute;
  top: 2.5em;
  right: -5em;
  writing-mode: horizontal-tb;
  transform: rotate(90deg);
  color: #c9a86c;
  letter-spacing: 0.4em;
  font-size: 14px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* パンくず（MV直下・cancer_aroma と同様） */
.perfume_column_path {
  background-color: #fff;
  padding: min(20px, 1.1vw) 0;
}

.perfume_column_path .inner {
  height: auto;
}

#perfume_column .perfume_column_path #breadcrumb ol {
  text-align: right;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#perfume_column .perfume_column_fv #breadcrumb {
  text-align: right;
  font-family:
    'Arial',
    'Yu Gothic',
    'メイリオ',
    YuGothic,
    '游ゴシック体',
    Hiragino Kaku Gothic ProN,
    sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#perfume_column .perfume_column_fv #breadcrumb ol {
  margin: min(33px, 1.8vw) 0 0;
}

/* カテゴリトップ（MV内）のパンくずのみ */
#perfume_column .perfume_column_fv #breadcrumb li {
  display: inline-block;
}

#perfume_column .perfume_column_fv #breadcrumb li:not(:first-of-type) {
  margin-left: 2em;
  position: relative;
}

#perfume_column .perfume_column_fv #breadcrumb li:not(:first-of-type)::before {
  position: absolute;
  content: '\003E';
  top: 0;
  left: -1em;
}

#perfume_column .perfume_column_fv #breadcrumb a {
  color: #333;
  text-decoration: underline;
}

#perfume_column .perfume_column_fv #breadcrumb a:hover {
  opacity: 0.85;
}

#perfume_column .perfume_column_fv #breadcrumb li:last-child span {
  text-decoration: none;
}

.perfume_column_lead {
  text-align: center;
  color: #705949;
  margin-top: min(80px, 4.4vw);
}

.perfume_column_lead_contents {
  background-color: #fffcf4;
  padding: 28px;
}

.perfume_column_lead_title {
  font-family: 'Zen Old Mincho', serif;
  font-size: 25px;
  line-height: calc(41 / 25);
  font-weight: 500;
}

.perfume_column_lead_text {
  font-size: 16px;
  line-height: calc(28 / 15);
  letter-spacing: 0.05em;
  padding-top: min(30px, 1.7vw);
}

.perfume_column_archive_container {
  margin-top: min(137px, 7.6vw);
  margin-bottom: min(60px, 3.3vw);
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: min(60px, 3.3vw);
  list-style: none;
  padding: 0;
}

.perfume_column_archive_container a {
  text-decoration: none;
  display: block;
  color: inherit;
}

.perfume_column_archive_list {
  width: 340px;
  max-width: 100%;
  list-style: none;
}

.perfume_column_archive_list img {
  aspect-ratio: 340 / 180;
  object-fit: cover;
  width: 100%;
}

.perfume_column_archive_date {
  font-size: 14px;
  margin-top: 0.8em;
  font-family: 'futura-pt', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.perfume_column_archive_list h3 {
  font-weight: 500;
  font-size: 18px;
}

.perfume_column_archive_empty {
  text-align: center;
  width: 100%;
}

#perfume_column #contents {
  background-image: none !important;
}

#perfume_column ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin: min(80px, 4.4vw) auto 0;
  padding: 0;
  list-style: none;
  gap: 0.08rem;
  font-family: 'futura-pt', sans-serif;
  font-weight: 400;
  font-style: normal;
}

#perfume_column .page-numbers li {
  list-style: none;
}

#perfume_column .page-numbers a,
#perfume_column .page-numbers span {
  display: inline-block;
  min-width: 1.4em;
  padding: 0.1em 0.2em;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid var(--green, #80beaf);
  line-height: 1.4;
}

#perfume_column .page-numbers a:hover {
  background: var(--border-color, #ebedf2);
}

#perfume_column .page-numbers .current {
  background: var(--green, #80beaf);
  color: #fff;
  font-weight: bold;
  border-color: var(--green, #80beaf);
}

body.post.perfume-column .post_head .data .cat {
  background: #c9a86c;
}

body.post.perfume-column #cont_footer2 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .perfume_column_archive_container {
    margin-top: 17.4vw;
  }

  #perfume_column .perfume_column_fv #breadcrumb ol {
    font-size: 10px;
  }

  /* SP：フッター直上のパンくず（がんとアロマ特集と同様） */
  body#perfume-column #path_sp,
  body.post.perfume-column #path_sp {
    margin-top: 0;
    padding: 0.08rem 0.15rem;
    background: #f7f4f1;
    font-size: 65%;
  }

  body#perfume-column #path_sp .inner,
  body.post.perfume-column #path_sp .inner {
    padding: 0.1rem 0.15rem;
  }

  body#perfume-column #path_sp #breadcrumb ol,
  body.post.perfume-column #path_sp #breadcrumb ol {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    text-align: left;
  }

  .perfume_column_fv {
    background-image: url(../images/perfume_column_fv_sp.png);
    height: 80vw;
    max-height: none;
  }

  .perfume_column_catch_title::before {
    font-size: 10px;
  }

  .perfume_column_catch_title {
    font-size: 20px;
    padding-left: 8%;
  }

  .perfume_column_lead {
    margin-top: min(60px, 10vw);
  }

  .perfume_column_lead_contents {
    padding: 10%;
    width: 85%;
    margin: auto;
  }

  .perfume_column_lead_title {
    font-size: clamp(14px, 4.4vw, 20px);
    text-align: left;
  }

  .perfume_column_lead_text {
    padding-top: clamp(12px, 2.6vw, 14px);
    text-align: justify;
    font-size: clamp(12px, 2.6vw, 14px);
  }

  .perfume_column_archive_container {
    gap: 16vw;
  }

  .perfume_column_archive_date {
    font-size: clamp(10px, 2.6vw, 14px);
  }

  .perfume_column_archive_list h3 {
    font-size: clamp(14px, 4vw, 18px);
  }

  #perfume_column ul.page-numbers {
    font-size: 12px;
  }

  body.post.perfume-column #cont_footer2 p {
    text-align: left;
  }
}

body.perfume-column #contents .inner {
  flex-direction: column !important;
}

.perfume_column_bn {
  margin: 0 auto 60px;
  display: block;
  width: 90%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .perfume_column_bn {
    width: 100%;
  }
}