@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
.pane-topic-path {
  background: #fff;
}
.pane-topic-path .block-topic-path {
  background: #fff;
  margin: 0;
}
html[data-browse-mode="P"] .pane-topic-path .block-topic-path {
  padding: 16px 0 20px;
}
html[data-browse-mode="S"] .pane-topic-path .block-topic-path {
  padding: 16px 15px 20px;
}
.pane-topic-path .block-topic-path--list {
  margin: 0;
}
.block-topic-path--list li:not(:last-of-type) a {
  color: #b3b3b3;
}
.fragrance {
  letter-spacing: 0.05em;
}
html[data-browse-mode="S"] .fragrance {
  padding-bottom: 40px;
}
.fragrance .inner {
  max-width: 1000px;
  margin: 0 auto;
}
html[data-browse-mode="S"] .fragrance .inner {
  padding: 0 15px;
}
.fragrance .fragrance_nav {
  position: fixed;
  z-index: 10;
}
html[data-browse-mode="P"] .fragrance .fragrance_nav {
  right: 0;
  top: 200px;
}
html[data-browse-mode="S"] .fragrance .fragrance_nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
}
.fragrance .fragrance_nav a {
  display: block;
  color: #fff;
}
html[data-browse-mode="P"] .fragrance .fragrance_nav a {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding: 16px 12px 16px 16px;
}
html[data-browse-mode="S"] .fragrance .fragrance_nav a {
  padding: 15.5px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.fragrance .fragrance_nav a:nth-of-type(1) {
  background: #a18780;
}
.fragrance .fragrance_nav a:nth-of-type(2) {
  background: #e1b87f;
}
.fragrance .fragrance_nav .search_en {
  font-size: 12px;
}
.fragrance .fragrance_nav .search_jp {
  font-weight: 500;
  font-size: 10px;
}
html[data-browse-mode="P"] .fragrance .fragrance_nav .search_jp {
  line-height: 1.1;
  margin-right: 4px;
}
.fragrance .main_visual {
  max-width: 1000px;
  margin: 0 auto;
}
.fragrance .head1 {
  text-align: center;
  padding: 0;
  font-weight: 400;
}
html[data-browse-mode="P"] .fragrance .head1 {
  font-size: 28px;
  margin: 64px 0 20px;
}
html[data-browse-mode="S"] .fragrance .head1 {
  font-size: 20px;
  margin: 40px 0 12px;
}
.fragrance .main_text {
  text-align: center;
}
html[data-browse-mode="P"] .fragrance .main_text {
  font-size: 14px;
}
html[data-browse-mode="S"] .fragrance .main_text {
  font-size: 12px;
}
.fragrance .line_head {
  font-weight: 500;
  padding: 0;
}
.fragrance .line_head:before {
  display: inline-block;
  content: "";
  background: #2d2926;
  width: 1px;
  height: 14px;
  vertical-align: text-top;
  margin-right: 8px;
  margin-top: 2px;
}
html[data-browse-mode="P"] .fragrance .line_head {
  font-size: 16px;
  margin: 0 0 16px;
}
html[data-browse-mode="S"] .fragrance .line_head {
  font-size: 14px;
  margin: 0 0 12px;
}
.fragrance .brown_container {
  background: #b0a198;
  color: #fff;
}
html[data-browse-mode="P"] .fragrance .brown_container {
  margin: 56px 0;
  padding: 56px 0 64px;
}
html[data-browse-mode="S"] .fragrance .brown_container {
  margin: 40px 0;
  padding: 40px 0;
}
html[data-browse-mode="P"] .fragrance .brown_container .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 56px;
}
html[data-browse-mode="P"] .fragrance .brown_container .section_area {
  -webkit-box-flex: 502;
      -ms-flex: 502;
          flex: 502;
}
html[data-browse-mode="P"] .fragrance .brown_container section + section {
  margin-top: 28px;
}
html[data-browse-mode="S"] .fragrance .brown_container section + section {
  margin-top: 20px;
}
.fragrance .brown_container .line_head:before {
  background: #fff;
}
.fragrance .brown_item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
html[data-browse-mode="P"] .fragrance .brown_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  aspect-ratio: 492/365;
  -webkit-box-flex: 492;
      -ms-flex: 492;
          flex: 492;
  gap: 12px;
}
html[data-browse-mode="S"] .fragrance .brown_item {
  margin-top: 40px;
  gap: 15px;
}
html[data-browse-mode="P"] .fragrance .brown_item img {
  max-width: 240px;
}
html[data-browse-mode="P"] .fragrance .brown_item img:nth-of-type(2) {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.fragrance .lineup_container .tab_list {
  display: -ms-grid;
  display: grid;
  text-align: center;
}
html[data-browse-mode="P"] .fragrance .lineup_container .tab_list {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 48px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .tab_list {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 20px;
}
.fragrance .lineup_container .tab_item {
  position: relative;
  cursor: pointer;
  color: #9d9c9e;
  padding-bottom: 12px;
  border-bottom: solid 1px #e6e6e6;
}
.fragrance .lineup_container .tab_item.active {
  color: #2d2926;
}
.fragrance .lineup_container .tab_item.active:before {
  position: absolute;
  content: "";
  background: #2d2926;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -1px;
}
.fragrance .lineup_container .lineup_head2 {
  text-align: center;
  font-weight: 500;
  margin-top: 0;
  padding: 0;
}
html[data-browse-mode="P"] .fragrance .lineup_container .lineup_head2 {
  font-size: 20px;
  margin-bottom: 48px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .lineup_head2 {
  font-size: 16px;
  margin-bottom: 20px;
}
.fragrance .lineup_container .lineup_tab_contents {
  display: none;
}
.fragrance .lineup_container .lineup_tab_contents.isShow {
  display: block;
}
.fragrance .lineup_container .lineup_contents {
  margin-top: 40px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .item_img {
  width: 265px;
  margin: 0 auto 20px;
}
.fragrance .lineup_container .item_name {
  font-weight: 400;
  text-align: center;
  padding: 0;
}
html[data-browse-mode="P"] .fragrance .lineup_container .item_name {
  font-size: 20px;
  margin: 0 0 28px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .item_name {
  font-size: 16px;
  margin: 0 0 16px;
}
.fragrance .lineup_container .item_grid {
  display: -ms-grid;
  display: grid;
}
html[data-browse-mode="P"] .fragrance .lineup_container .item_grid {
  -ms-grid-columns: 400fr 544fr;
  grid-template-columns: 400fr 544fr;
  gap: 56px;
}
.fragrance .lineup_container .item_title {
  margin: 0;
  font-weight: 400;
}
html[data-browse-mode="P"] .fragrance .lineup_container .item_title {
  font-size: 20px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .item_title {
  text-align: center;
  font-size: 14px;
}
html[data-browse-mode="P"] .fragrance .lineup_container .item_text {
  margin: 40px 0 20px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .item_text {
  text-align: center;
  margin: 12px 0 40px;
}
.fragrance .lineup_container .component_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.fragrance .lineup_container .component_item {
  text-align: center;
}
html[data-browse-mode="P"] .fragrance .lineup_container .component_item {
  width: 107px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .component_item {
  width: calc((100% / 3) - 8px);
}
.fragrance .lineup_container .component_item img {
  width: 64px;
}
.fragrance .lineup_container .component_name {
  font-size: 12px;
}
html[data-browse-mode="P"] .fragrance .lineup_container .component_name {
  margin-top: 12px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .component_name {
  margin-top: 8px;
}
html[data-browse-mode="S"] .fragrance .lineup_container .lineup_main_image {
  margin-top: 20px;
}
.fragrance section.lineup_block.min_inr {
  max-width: 600px;
  margin: 0 auto;
}
.fragrance section.lineup_block .line_head {
  margin-bottom: 20px;
}
.fragrance .lineup_block + .lineup_block {
  border-top: solid 1px #9d9c9e;
}
html[data-browse-mode="P"] .fragrance .lineup_block + .lineup_block {
  padding-top: 60px;
  margin-top: 60px;
}
html[data-browse-mode="S"] .fragrance .lineup_block + .lineup_block {
  padding-top: 40px;
  margin-top: 40px;
}
.fragrance section.lineup_topic {
  margin-top: 40px;
}
.fragrance .lineup_text_strong {
  margin-bottom: 12px;
}
html[data-browse-mode="P"] .fragrance .lineup_text_strong {
  font-size: 16px;
}
html[data-browse-mode="S"] .fragrance .lineup_text_strong {
  font-size: 14px;
}
.fragrance .lineup_list {
  display: -ms-grid;
  display: grid;
}
html[data-browse-mode="P"] .fragrance .lineup_list {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
html[data-browse-mode="S"] .fragrance .lineup_list {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 40px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.fragrance .lineup_name {
  margin: 12px 0 8px;
}
html[data-browse-mode="P"] .fragrance .lineup_name {
  font-size: 14px;
}
html[data-browse-mode="S"] .fragrance .lineup_name {
  font-size: 12px;
}
html[data-browse-mode="P"] .fragrance .lineup_price {
  font-size: 12px;
}
html[data-browse-mode="S"] .fragrance .lineup_price {
  font-size: 10px;
}
.fragrance .item_accordion_head {
  position: relative;
  font-weight: 500;
  border-bottom: solid 1px #d9d9d9;
  padding: 0 12px 12px;
  margin: 0;
  cursor: pointer;
}
html[data-browse-mode="P"] .fragrance .item_accordion_head {
  font-size: 16px;
}
html[data-browse-mode="S"] .fragrance .item_accordion_head {
  font-size: 14px;
}
.fragrance .item_accordion_head:before,
.fragrance .item_accordion_head:after {
  position: absolute;
  content: "";
  background: #2d2926;
}
.fragrance .item_accordion_head:before {
  width: 15px;
  height: 1px;
  right: 12px;
}
html[data-browse-mode="P"] .fragrance .item_accordion_head:before {
  top: 11px;
}
html[data-browse-mode="S"] .fragrance .item_accordion_head:before {
  top: 9.5px;
}
.fragrance .item_accordion_head.isHide:after {
  width: 1px;
  height: 15px;
  right: 19px;
}
html[data-browse-mode="P"] .fragrance .item_accordion_head.isHide:after {
  top: 4px;
}
html[data-browse-mode="S"] .fragrance .item_accordion_head.isHide:after {
  top: 2.5px;
}
.fragrance .item_detail_wrapper {
  display: none;
  margin-top: 48px;
}
.fragrance .item_detail_wrapper.isShow {
  display: block;
}
html[data-browse-mode="S"] .block-page-totop {
  margin-bottom: 40px;
}
