@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
/*
 Theme Name:   archivio-2019 Child
 Template:     archivio-2019
*/
html {
  scroll-behavior: smooth;
  font-family: 'Oswald', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  transition: .4s
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.font-en {
  font-family: 'Oswald', "sans-serif";
}
a, a.hover, a:active, a:hover {
  color: #000;
  transition: .4s;
}
a.anchor {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}
/*********************************************

▼　アイコンcss

 *********************************************/
.gg-trophy {
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 12px;
  border: 2px solid;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  margin-left: -18px;
  margin-top: -6px;
}
.gg-trophy::after, .gg-trophy::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute
}
.gg-trophy::before {
  box-shadow: inset 0 0 0 2px, 0 2px 0 0;
  bottom: -4px;
  width: 6px;
  height: 4px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  left: 0
}
.gg-trophy::after {
  width: 16px;
  height: 6px;
  border-left: 2px solid;
  border-right: 2px solid;
  left: -5px;
  top: 0
}
.gg-instagram {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 4px;
  width: 20px;
  height: 20px
}
.gg-instagram::after, .gg-instagram::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute
}
.gg-instagram::after {
  border: 2px solid;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  top: 3px;
}
.gg-instagram::before {
  border-radius: 3px;
  width: 2px;
  height: 2px;
  background: currentColor;
  right: 1px;
  top: 1px
}
.gg-twitter {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px
}
.gg-twitter::after, .gg-twitter::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: 4px
}
.gg-twitter::before {
  width: 9px;
  height: 14px;
  border-left: 4px solid;
  border-bottom: 4px solid;
  border-bottom-left-radius: 6px;
  background:
    linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center 2px/10px 4px;
  top: 4px
}
.gg-twitter::after {
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 20px;
  top: 2px;
  box-shadow: 7px 4px 0, 7px 12px 0
}
.gg-youtube {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 10px;
  box-shadow: 0 0 0 2px;
  border-radius:
    15px 15px 15px 15px / 45px 45px 45px 45px
}
.gg-youtube::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 7px;
  top: 2px;
  border-left: 4px solid currentColor;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent
}
.gg-link {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 1));
  width: 8px;
  height: 2px;
  background: currentColor;
  border-radius: 4px
}
.gg-link::after, .gg-link::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 8px;
  height: 10px;
  border: 2px solid;
  top: -4px
}
.gg-link::before {
  border-right: 0;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  left: -6px
}
.gg-link::after {
  border-left: 0;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  right: -6px
}
i.arrow-right {
  display: inline-block;
  width: .6em;
  height: .6em;
  border: 1px solid;
  rotate: 45deg;
  border-bottom: none;
  border-left: none;
  margin-left: .5em;
}
/*********************************************
 ▼　FEATURE 記事ページ

		ACF使用
 *********************************************/
body.archive .feature-cat li.select a {
  pointer-events: none;
  color: #000;
}
.news_single_div.feature {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 16px;
}
.feature.main-copy {
  padding: 4vh 4% 16vh;
  text-align: center;
  line-height: 2em;
}
.feature.main-title, #ranking .ranking-title, #news .news-title {
  margin-top: 20px;
  text-align: center;
  font-family: 'Oswald', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.feature .main-title span {
  display: inline-block;
  padding-bottom: 40px;
  padding-top: 10px;
  position: relative;
}
.feature .main-title span:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 16px;
  display: inline-block;
  width: 40%;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
}
.feature.main-title h1 {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 600;
  padding: 1em;
}
.feature-interview {
  padding: 30px 10% 100px;
  display: grid;
  width: 100%;
  grid-template-columns: 300px auto;
  text-align: center;
}
.feature-iterview-img {
  width: 100%;
}
.feature-iterview-img figure img {
  width: 300px;
}
.feature-interview-comment {
  padding: 8px 24px;
  text-align: left;
}
.feature > dt {
  color: #7a7a7a;
  font-weight: 300;
  margin-bottom: 4px;
}
.feature > dd {
  margin-bottom: 20px;
  margin-left: 20px;
}
.feature-index {
  display: flex;
  justify-content: center;
  margin-bottom: 50vh;
}
img.feature-index {
  width: 100%;
  object-fit: cover;
  height: 220px;
  margin-bottom: 0;
}
.feature-index dl {
  padding: 2%;
  max-width: 200px;
  text-align: center;
}
.feature-index dt {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  text-align: center;
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 8px;
}
.feature-index dl:after {
  content: "";
  margin: auto;
  position: absolute;
  margin-top: 14px;
  width: 18px;
  height: 18px;
  border-top: 1px solid #ababab;
  border-right: 1px solid #ababab;
  transform: rotate(135deg);
}
.feature-contents {
  margin-top: 0px;
}
.interview-contents.feature-contents {
  margin-top: 100px;
  margin-bottom: 100px;
}
.feature-img {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.feature-img img {
  width: 100%;
  /* padding-left: 44%; */
}
img.feature-img-sub, img.feature-img-sub2 {
  padding: 0;
}
.feature-title {
  margin: 30px;
  text-align: center;
}
.feature-title span {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 60px;
  display: inline;
}
.feature-title h2 {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  display: inline;
  margin-left: 14px;
}
.feature-img figure:first-of-type {
  width: 100%;
  padding: 0 20%;
}
.feature-img figure:nth-of-type(2) {
  width: 50%;
  /* margin-top: -40%; */
}
.feature-img figure:nth-of-type(2) img {
  width: 100%;
  padding-left: 16%;
  padding-top: 4%;
  padding-right: 0;
}
.feature-img figure:nth-of-type(3) {
  width: 50%;
  margin-top: -4%;
}
.feature-img figure:nth-of-type(3) img {
  padding-left: 2%;
  padding-right: 14%;
  width: 100%;
  /* padding: 4%; */
}
.feature-discription {
  padding: 4vh 0;
  text-align: center;
  line-height: 1.4em;
}
.feature-discription p {
  width: 80%;
  margin: 0 auto;
  max-width: 800px;
}
.feature-item-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: center;
  width: calc(100% / 3);
}
.feature-item-content figure img {
  width: 100%;
}
.feature-item span:before {
  content: '￥';
  font-size: .6em;
}
.feature-item.magazine {
  line-height: 1.6em;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 50vh;
}
.feature-item p {
  width: 80%;
  margin: 0 auto;
  height: 30px;
  font-size: 1.2em;
  text-align: end;
  max-width: 800px;
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.feature-item span:after {
  content: 'intax';
  font-size: .6em;
  margin-left: -2px;
}
.feature-item span.taxin:after {
  content: 'yen';
  font-size: 1em;
  margin-left: 2px;
}
.feature-item a.button {
  color: #fff;
  font-size: 1.6rem;
  position: relative;
  background: #000;
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  display: inline-block;
  text-decoration: none;
  transition: .4s;
  padding: 0 1.2em 0;
  line-height: 1.7em;
  font-weight: 600;
  letter-spacing: 0.1em;
  bottom: 2px;
  transition: 0.4s;
  border: 1px solid #000;
  margin: 10px;
}
.feature-item a.button:hover {
  background: #fff;
  color: #000;
}
.feature-list {
  margin: 300px auto 400px;
  text-align: center;
  font-size: 24px;
}
.feature-list a.button, .feature-infomation-link a.button, a.button {
  border: 1px solid #000;
  text-decoration: none;
  padding: 12px 114px 12px 90px;
  font-size: 20px;
  color: #000;
  transition: 0.4s;
}
.feature-list a.button:hover, .feature-infomation-link a.button:hover {
  opacity: .3;
}
.feature-list a.button:after, .feature-infomation-link a.button:after {
  content: "▼";
  margin: auto;
  position: absolute;
  font-size: 13px;
  margin-top: 8px;
  margin-left: 20px;
  transform: rotate(-90deg);
}
.feature-infomation, .feature-profile {
  width: 70%;
  max-width: 1000px;
  margin: 0 auto 200px;
}
.feature-infomation-comment {
  margin: 0 auto;
  line-height: 1.6em;
}
.feature-infomation-comment p img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  max-width: 1200px;
}
.feature-infomation-comment p {
  height: fit-content;
}
.feature-infomation-title h2, .feature-profile-title h2 {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.feature-infomation-title {
  margin-bottom: 40px;
  text-align: center;
}
.feature-infomation-link {
  text-align: center;
  margin: 100px 0 300px;
}
.feature-profile {
  display: flex;
  justify-content: center;
  gap: 2vw;
}
.feature-profile-title {
  text-align: center;
  margin-bottom: 40px;
}
.all_lowerpage_wrap .feature-profile .feature-profile-comment h3 {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: left;
  margin-bottom: 20px;
  font-weight: 600;
  color: #000;
}
.all_lowerpage_wrap .feature-profile .feature-profile-comment h3 {
  margin-bottom: 8px;
  margin-top: 0;
}
.feature-profile-img {
  max-width: 200px;
}
.feature-profile-comment {
  padding-left: 20px;
  text-align: left;
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.feature-profile-comment p {
  line-height: 1.6em;
}
.feature-profile-comment a {
  text-decoration: none;
  color: #000;
  padding: 0 4px 2px;
  line-height: 30px;
  border-bottom: 1px solid;
  transition: 0.4s;
}
.feature-profile-comment a:hover {
  opacity: .3;
}
/*インタビュー定型デザイン*/
.interview-contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  gap: 0px 0px;
}
.interview-contents:nth-of-type(even) figure {
  margin-right: -20px;
  grid-column: 1 / 2;
  grid-row: 1/3;
}
.interview-contents:nth-of-type(even) .interview-contents-comment {
  margin-bottom: -40px;
  margin-top: 40px;
  position: relative;
  z-index: -1;
  grid-column: 2/3;
  grid-row: 1/3;
}
.interview-contents:nth-of-type(odd) figure {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  margin-left: -20px;
}
.interview-contents:nth-of-type(odd) .interview-contents-comment {
  margin-bottom: -40px;
  margin-top: 40px;
  position: relative;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.interview-contents-comment {
  padding: 30px 48px 30px 48px;
  background: #f7f7f7;
  z-index: -1;
  display: flex;
  align-items: center;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
p.interview-subtitle {
  display: grid;
  grid-column: 1/3;
  grid-row: 1/2;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  font-style: italic;
  padding: 30px;
  letter-spacing: 0.16em;
  color: #666;
}
.styling-repeat .feature-title h2 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  font-style: italic;
  padding: 30px;
  letter-spacing: 0.16em;
  color: #666;
}
.interview-contents-comment dt {
  padding-bottom: 20px;
  color: #606b70;
  letter-spacing: 0.08em;
  font-size: 18px;
}
.interview-contents-comment:before {
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.interview-contents-comment dt:before {
  content: "―";
  font-weight: 100;
  font-size: 30px;
  vertical-align: middle;
  line-height: 0.8em;
}
.interview-contents-comment dd {
  line-height: 1.86em;
  letter-spacing: 0.03em;
}
/*スタイリング定型デザイン*/
.feature .styling-img {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.feature .styling-img img {
  width: auto;
  max-width: 90%;
}
/*********************************************
 ▼　front_page

 *********************************************/
/*SNSアイコン追加*/
#about .about-social-link {
  display: block;
  width: 38px;
  height: 38px;
  margin-right: 20px;
  margin-top: 2px;
  font-family: 'FontAwesome';
  font-weight: 500;
  font-size: 34px;
  color: #000;
  transform: skewX(15deg);
}
/*LOOKBOOK*/
#lookbook .lookbook-content {
  margin-top: 40px;
}
#lookbook .lookbook-content div:nth-of-type(even) {
  padding-top: 80px;
}
.lookbook-img {
  padding: 10px;
}
.lookbook-img img {
  cursor: zoom-in;
}
.lookbook-img img:hover {
  transform: scale(1.1);
  transition: .4s all;
}
#feature .feature-title {
  font-family: 'Oswald', sans-serif;
  font-size: 55px;
  font-size: 5.5rem;
  margin-bottom: 70px;
  line-height: 1.2;
  border-bottom: 3px solid #000;
  display: inline-block;
  letter-spacing: .05em;
}
#feature {
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 0px;
}
#feature .feature-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: left;
  margin: 0px auto 100px;
}
#feature .container {
  position: relative;
}
#feature .feature-list-item a {
  display: block;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
  color: #000;
}
#feature .feature-list-img {
  position: relative;
  overflow: hidden;
}
#feature .feature-viewall {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  right: 0;
  top: -70px;
  color: #000;
}
#feature .feature-list-item {
  width: calc(100% / 2);
  padding: 4%;
  transition: .4s;
}
#feature .feature-list-title {
  font-size: 14px;
  font-size: 2rem;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  margin-top: 10px;
}
#feature .feature-list-title {
  overflow: visible;
  height: auto;
  margin-bottom: 8px;
  overflow-wrap: break-word;
}
p.feature-list-date {
  color: #999;
  text-align: right;
  font-size: 14px;
  letter-spacing: .08em;
  font-size: 1.6rem;
}
.single-feature ul.pagenavi.clearfix {
  display: flex;
  justify-items: stretch;
  margin-top: 2em;
  margin-bottom: 4em;
  justify-content: space-between;
  align-items: center;
}
.single-feature ul.pagenavi.clearfix li.pagenavi-item--prev p:after {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  padding-left: 16px;
  margin-left: 14px;
  border: 4px solid #999;
  rotate: 45deg;
  border-bottom: none;
  border-left: none;
  visibility: initial;
}
.single-feature ul.pagenavi.clearfix li.pagenavi-item--next a, .single-feature ul.pagenavi.clearfix li.pagenavi-item--prev a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; /* 制限したい行数が3の場合 */
  overflow: hidden;
}
.single-feature ul.pagenavi.clearfix li.pagenavi-item--next p:before {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  border: 4px solid #999;
  position: relative;
  margin-right: 1vw;
  rotate: 45deg;
  padding-right: 16px;
  border-top: none;
  border-right: none;
  visibility: initial;
}
.single-feature ul.pagenavi.clearfix li {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.single-feature ul.pagenavi.clearfix li.pagenavi-item--prev {
  margin-right: 0;
  margin-left: auto;
  align-items: flex-start;
}
.single-feature ul.pagenavi.clearfix li.pagenavi-item--next:before {
  content: "次の記事";
  border-bottom: 1px solid #000;
  padding: 0 6px;
  margin-bottom: 8px;
  margin-left: 34px;
  width: fit-content;
}
.single-feature ul.pagenavi.clearfix li.pagenavi-item--prev:before {
  content: "前の記事";
  border-bottom: 1px solid #000;
  padding: 0 6px;
  margin-bottom: 8px;
}
.single-feature ul.pagenavi.clearfix li {
  max-width: 300px;
  line-height: 1.6em;
}
.single-feature ul.pagenavi.clearfix li p {
  /* 制限したい行数が3の場合 */
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  #catalog .catalog-title, #lookbook .lookbook-title, #ranking .ranking-title, #news .news-title, #topics .topics-title, #feature .feature-title, #about .about-title {
    letter-spacing: .12em;
    border-bottom: 2px solid #000000;
  }
  #feature .feature-title {
    font-size: 6.66667vw;
    margin-bottom: 6.66667vw;
  }
  #feature .feature-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
  }
  #feature .feature-list-item a {
    padding: 2.66667vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #feature .feature-list-item {
    width: 100%;
  }
  #feature .feature-viewall, #news .news-viewall {
    line-height: 9.06667vw;
    width: 66.66667vw;
    height: auto;
    background: #000;
    color: #fff;
    position: relative;
    display: inline-block;
  }
  #news .news-viewall {
    top: 0;
    margin-top: 3em;
  }
  #feature .feature-list {
    flex-direction: column;
  }
  #feature .feature-list-item a {
    flex-direction: column;
  }
  #feature .feature-list-title {
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 1.6em;
    height: auto;
    overflow: visible;
    margin-top: 8px;
  }
  p.feature-list-date {
    font-size: 1.2rem;
    color: #999;
    text-align: right;
  }
  .feature-list-content.section-black__parts {
    width: 100%;
  }
  #feature .feature-list-item {
    padding-top: 0;
  }
  .single-feature ul.pagenavi.clearfix li, .single-feature ul.pagenavi.clearfix li.pagenavi-item--next {
    width: 40%;
    align-items: center;
  }
  .single-feature ul.pagenavi.clearfix {
    margin: 2em 2vw;
  }
  .single-feature ul.pagenavi.clearfix li.pagenavi-item--next:before, .single-feature ul.pagenavi.clearfix li.pagenavi-item--prev:before {
    margin: 0 auto 8px;
  }
  .single-feature ul.pagenavi.clearfix li.pagenavi-item--next a, .single-feature ul.pagenavi.clearfix li.pagenavi-item--prev a {
    font-size: 1.2rem;
    line-height: 1.6em;
  }
}
/*********************************************
 ▼　LOOKBOOK ページ
	スタイリスト情報追加

		ACF使用　lookbook-common
 *********************************************/
.lookbook-comment.feature.main-copy {
  padding: 20px 0 60px;
}
body.single #archivio .all_lowerpage_wrap h3, body.archive #archivio .all_lowerpage_wrap h3 {
  margin-bottom: 20px;
}
.all_lowerpage_contents.lookbook_contents {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.lookbook-bunner.container {
  display: flex;
  margin-bottom: 40px;
  justify-content: center;
}
.lookbook-bunner-child {
  width: 100%;
  max-width: 420px;
  padding: 4px;
}
.lookbook-bunner-child img.attachment-full.size-full {
  width: 100%;
  height: auto;
  max-width: 420px;
}
.feature-profile img.attachment-full.size-full {
  max-width: 100%;
  height: auto;
}
.lookbook-profile-title h2 {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.lookbook-profile-title {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 80px;
}
.feature-profile-comment h3 {
  font-family: Jost, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  margin: 10px 0;
}
.lookbook-comment em {
  letter-spacing: 0.05em;
  color: #bbb;
  font-size: 19px;
  line-height: 1.1em;
  font-style: normal;
}
/**コメント続きを読むボタン**/
#read-more-0 label { /* label上のカーソルをリンク時と同じタイプにする*/
  cursor: pointer;
  border-bottom: solid 1px;
  font-size: 0.89em;
}
#read-more-0 input { /* inputは非表示 */
  display: none;
}
#read-more-0 input ~ span.more-open { /* 無くても機能する */
  display: inline;
}
#read-more-0 input ~ span.more-contents {
  display: none;
}
#read-more-0 input ~ span.more-close {
  display: none;
}
#read-more-0 input:checked ~ span.more-open { /*チェックされたinputの弟で、クラス名がmore-openのspanに適用*/
  display: none;
}
#read-more-0 input:checked ~ span.more-contents {
  display: inline;
}
#read-more-0 input:checked ~ span.more-close { /* 無くても機能する */
  display: inline;
}
.lookbook-comment .fadeIn {
  animation-name: LBfadeInAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.lookbook-comment .fadeOut {
  animation-name: LBfadeOutAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 1;
}
@keyframes LBfadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes LBfadeOutAnime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/***************************
----スマホ向け調整
****************************/
@media screen and (max-width:768px) {
  .feature.main-copy {
    font-size: 0.9em;
    padding: 40px 0 20px;
  }
  .lookbook-comment.feature.main-copy {
    padding: 14px 0 30px;
    text-align: left;
  }
  .lookbook-comment em {
    line-height: 0.1em;
    font-style: normal;
    display: block;
    text-align: center;
  }
  #read-more-0 label {
    text-align: center;
    display: block;
    margin: 0 40%
  }
  .feature-interview {
    display: flex;
    flex-direction: column;
    padding: 0px;
    width: 80%;
    margin: 120px auto;
    align-items: center;
  }
  img.feature-interview-img {
    width: 100%;
    max-width: 100%;
  }
  .lookbook-bunner.container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .lookbook-profile-title {
    margin: 40px 0 20px;
  }
  .feature-profile {
    display: flex;
    width: 100%;
    padding: 3vw;
    flex-direction: column;
    align-items: center;
  }
  body.archive #archivio .all_lowerpage_wrap .feature-profile-comment h3 {
    font-size: 1.3em;
    text-align: center;
    margin: 12px 0;
  }
  .feature-profile-comment {
    padding: 0;
  }
  .feature-profile-comment p {
    font-size: 1.2rem;
  }
  .feature-profile-comment h3 {
    text-align: center;
  }
  body.archive .go-archive, body.single .go-archive {
    width: 70%;
    height: 42px;
    font-size: 1em;
    line-height: 38px;
  }
  .feature-iterview-img figure img {
    width: 100%;
  }
  .feature-interview-comment {
    padding: 0;
  }
  dl.feature {
    font-size: 0.86em;
  }
  .feature-iterview-img {
    margin-bottom: 10px;
  }
  .feature > dd {
    margin-bottom: 8px;
    margin-left: 12px;
  }
  .feature > dt {
    margin-bottom: 2px;
  }
  img.feature-index {
    max-height: 140px;
    object-fit: cover;
  }
  .feature-index dd {
    margin-bottom: 8px;
  }
  .feature-index dt {
    font-size: 1.8em;
    margin-bottom: 2px;
  }
  .feature-index dl {
    width: 100%;
  }
  .feature-contents {
    margin-top: 0px;
  }
.feature-img figure:first-of-type {
    padding: 0;
}

.feature-img figure:nth-of-type(3) {
    margin: 0;
    width: 100%;
}

.feature-img figure:nth-of-type(3) img {
    padding-right: 24%;
}

.feature-item-content {
    width: 50%;
}
  .feature-img figure:nth-of-type(2) img {
  padding: 10px 0;
  }
  .feature-img figure:nth-of-type(2) {
    /* margin-top: -10%; */
    width: 100%;
    padding-left: 20%;
  }
  .feature-discription p {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    font-size: 0.8em;
    text-align: left;
  }
  .feature-item p {
    font-size: 1.2em;
    width: 96%;
    margin: 6px;
  }
  .feature-list {
    margin: 100px auto;
  }
  .feature-list a.button, .feature-infomation-link a.button {
    padding: 8px 70px 8px 56px;
    font-size: 14px;
    width: 6%;
  }
  .feature-list a.button:after, .feature-infomation-link a.button:after {
    margin-top: 11px;
  }
  .feature-infomation {
    width: 90%;
    margin-bottom: 120px;
  }
  .feature-infomation-title h2 {
    font-size: 16px;
  }
  .feature-infomation-title {
    margin-bottom: 14px;
  }
  .feature-infomation-comment {
    line-height: 1.24em;
  }
  .feature-infomation-comment p {
    font-size: 12px;
  }
  .feature-infomation-link {
    margin: 40px auto;
  }
  .feature-infomation-link a.button:after {
    margin-top: 4px;
  }
  .feature-profile-title {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .feature-profile-img {
    width: 100%;
    max-width: 50%;
  }
  body.post-type-archive-lookbook .lookbook_con_div li, body.single-lookbook .lookbook_con_div li {
    width: 50%;
    margin-right: 0;
    padding: 1%;
  }
  body.post-type-archive-lookbook .lookbook_con_div li:nth-child(4n), body.single-lookbook .lookbook_con_div li:nth-child(4n) {
    margin-right: 0;
  }
  #lookbook .lookbook-content {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
  .lookbook-content-item {
    width: calc(100% / 3);
  }
  .lookbook-img {
    padding: 4px;
  }
  #lookbook .lookbook-content div:nth-of-type(even) {
    padding-top: 0;
  }
  .lookbook-img img:hover {
    transform: none;
  }
  .fancybox-close-small {
    top: 0px;
    right: 4px;
  }
  .fancybox-slide--image .fancybox-content {
    background: none;
  }
  .feature.main-title h1 {
    font-size: 22px;
  }
  .feature .main-title span {
    font-size: 14px;
  }
  .interview-contents.feature-contents {
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 0px;
  }
  .interview-contents figure {
    width: 100%;
  }
  p.interview-subtitle {
    display: inline-block;
    font-size: 16px;
    width: 100%;
    padding: 14px;
    margin-top: 36px;
  }
  .interview-contents.interview-contents-comment {
    margin-top: 10px;
  }
  .interview-contents:nth-of-type(even) .interview-contents-comment, .interview-contents:nth-of-type(odd) .interview-contents-comment {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 24px 4%;
  }
  .interview-contents:nth-of-type(odd) figure {
    margin: 0;
  }
  .interview-contents-comment dt {
    font-size: 16px;
  }
  .interview-contents-comment dd {
    font-size: 15px;
    line-height: 1.5em;
  }
  body.archive .news_section_div section .news_txt, body.single .news_section_div section .news_txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    padding-right: 2vw;
  }
  body.archive .news_section_div section, body.single .news_section_div section {
    margin-right: 0;
  }
	
}
/*********************************************
 ▼　CATALOG ページ
	商品一覧リンク追加
 *********************************************/
a.catalog-link {
  position: relative;
  display: block;
  margin: 0 auto;
  width: fit-content;
  border: 1px solid;
  padding: 0.8em 5em;
  font-size: 1em;
  margin-top: 30px;
}
body.post-type-archive-catalog .pagenavi, body.single-catalog .pagenavi {
  margin-bottom: 80px;
}
/*********************************************
 ▼　フロントページ
	NEWS表示改善
 *********************************************/
#news .news-list-title {
  height: fit-content;
  margin-top: 0;
}
.mainimage-content figure img.pc {
  width: 100%;
  position: relative;
  z-index: 999;
  height: auto;
}
#mainimage {
  margin-bottom: 5em;
}
@media screen and (max-width:768px) {
  #news .news-list-date {
    order: 2;
    padding: 0;
  }
  #news .news-list-category {
    order: 2;
    margin: 0;
  }
  #news .news-list-content {
    display: flex;
    gap: 0.4em;
    justify-content: flex-start;
    align-items: baseline;
  }
  .mainimage-content figure img.sp {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
  }
}
/*********************************************
 ▼　HOMEページ
	ヘッダー改修
 *********************************************/
#wrapper {
  overflow: visible;
  overflow-x: clip;
}
#header .brand-description {
  line-height: 15px;
  max-width: 90%;
  /* background: #f7f7f7; */
  margin: 0 auto;
  font-size: 0.8em;
  width: 1200px;
}
header#header {
  height: 70px;
  margin: 0 auto;
  position: fixed;
  background: none;
  z-index: 9999;
  width: 100vw;
  top: 0;
}
#header a.brand-logo {
  width: 100%;
  max-width: 140px;
  height: auto;
  /* margin: 0px; */
  /* padding: 6px 0; */
  opacity: 1;
  display: flex;
  align-items: center;
}
.header-main {
  display: flex;
  flex-direction: row;
  max-width: 90%;
  margin: 0 auto;
  width: 1200px;
  justify-content: space-between;
}
.header-right {
  display: flex;
  font-size: 16px;
  position: initial;
  height: 54px;
  align-items: center;
  justify-content: flex-end;
}
.header-left {
  display: flex;
  align-items: center;
  height: 54px;
}
header ul {
  display: flex;
  flex-direction: row;
}
.header-top-comment {
  max-width: 100%;
  margin: 0 auto;
  /* background: #f7f7f7; */
}
header li.gnav-item {
  margin-left: 16px;
}
.gnav-item a {
  /* font-weight: 600; */
  transition: .4s;
}
.gnav-item a:hover {
  color: #e60021;
  transition: .4s;
}
a.gnav-onlinestore {
  font-size: .68em;
  border: 1px solid #000;
  padding: 1px 13px 1px 8px;
  position: relative;
  bottom: 2px;
}
a.gnav-onlinestore:hover, a.gnav-onlinestore.blank-icon:hover {
  background: #ccc;
  transition: .4s;
}
.blank-icon {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 11px;
  height: 9px;
  bottom: 1px;
  left: 4px;
  transform: scale(0.7);
}
.gnav-onlinestore.blank-icon:hover {
  border-color: #fff;
}
.blank-icon:before, .blank-icon:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: black;
}
.blank-icon:before {
  top: 0;
  left: 0;
  border-width: 1px;
}
.blank-icon:after {
  top: 4px;
  left: 4px;
  border-width: 0px 1px 1px 0;
}
.anchor {
  display: block;
  padding-top: 80px;
  margin-top: -80px;
}
main#main {
  margin-top: 70px;
}
section#gender {
  padding-top: 0;
}
section#firstview {
  margin-bottom: 5em;
}
@media screen and (min-width:767px) {
  #nav-drawer {
    display: none;
  }
  input#nav-input {
    display: none;
  }
}
@media screen and (max-width:768px) {
  #firstview {
    margin-bottom: 50px;
    width: 100vw;
  }
  #header {
    height: 60px;
  }
  .header-top-comment {
    height: 15px;
    top: 0px;
  }
  #header .brand-description {
    max-width: 100%;
    display: block;
    font-size: 2.4vw;
    text-align: center;
  }
  .header-main {
    height: 55px;
    margin: 0;
    display: flex;
    max-width: 100%;
    align-items: center;
    padding: 2vw;
  }
  header#header {
    height: 70px !important;
  }
  .header-left {
    width: auto;
    display: flex;
    align-items: center;
  }
  .header-right {
    width: 25px;
  }
  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display: none;
  }
  /*アイコンのスペース*/
  #nav-open {
    display: flex;
    width: 100%;
    height: 25px;
    align-items: center;
  }
  /*ハンバーガーの形をCSSで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 1px; /*線の太さ*/
    width: 25px; /*長さ*/
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
  }
  #nav-open span:before {
    bottom: 8px;
  }
  #nav-open span:after {
    bottom: -8px;
  }
  /*閉じる用の薄黒箇所*/
  #nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  /*メニューの中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 90%;
    max-width: 330px; /*最大幅（お好みで調整を）*/
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  ul#nav-content li {
    height: 12vw;
    font-size: 5vw;
    display: flex;
    align-items: center;
  }
  a.gnav-onlinestore {
    border: none;
    padding: 0;
    font-size: .7em;
  }
  a.gnav-onlinestore:hover {
    background: none;
    color: #000;
  }
  ul#nav-content {
    display: flex;
    flex-direction: column;
    padding: 10vw 0;
    justify-content: flex-start;
  }
  /*チェックがついたら表示させる*/
  #nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5;
  }
  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 25px 0 25px rgb(0 0 0 / 15%);
  }
  .header-logo-menu {
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
  }
  .gnav-social img {
    max-width: 4vw;
    position: relative;
    left: 10px;
    bottom: 2px;
  }
  a.gnav-social {
    display: inline-flex;
    font-size: .66em;
  }
  .blank-icon {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 12px;
    height: 10px;
    bottom: 4px;
    left: 6px;
    transform: scale(1);
  }
}
/*********************************************
 ▼　HOMEページ
	フッター改修
 *********************************************/
#footer .footer-left {
  border: none;
  display: flex;
}
.social-link {
  font-size: 1.2rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.social-link img {
  width: 1.2rem;
  margin-left: 5px;
}
#footer .copy {
  width: 100%;
  left: 0;
  font-size: 0.6em;
}
@media screen and (max-width:768px) {
  #footer .footer-left {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 16vw;
    line-height: 6vw;
  }
  a.social-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 3vw;
  }
  .social-link img {
    width: 6vw;
    margin: 0;
  }
  #footer .footer-right .footer-right-nav li {
    background: none;
    border: none;
    font-size: 2.6vw;
    height: 8vw;
    padding-left: 6vw;
    display: flex;
    align-items: center;
  }
}
/*********************************************
 ▼　固定ページ
	PROFESSIONAL
 *********************************************/
.all_lowerpage_contents.professional_contents {
  margin-bottom: 20em;
}
.all_lowerpage_contents.professional_contents p.main-comment {
  margin-bottom: 5em;
  text-align: center;
}
.professional_profile {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  width: 100vw;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  margin: 0 calc(50% - 50vw) 50px;
  background: #d00;
  padding: 3em 0;
  color: #fff;
}
.professional_container {
  display: flex;
  gap: 2em;
  flex-direction: row;
  align-items: center;
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 2em;
  justify-content: center;
}
dl.professional_data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 1.4em;
}
dl.professional_data dt {
  width: 20%;
}
dl.professional_data dd {
  width: 80%;
}
.professional_name_area {
  padding: 0.4em 0.8em 1em;
  gap: 0.8em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.professional_name_area.sp {
  display: none;
}
p.professional_name {
  font-size: 2.4rem;
}
p.professional_name span {
  font-size: 1.8rem;
}
p.professional_name2 {
  font-size: 10rem;
  font-family: 'Jost';
}
ul.professional_link {
  display: flex;
  gap: 1em;
  padding-left: 1em;
}
ul.professional_link a {
  color: #d00;
}
ul.professional_link li:hover {
  opacity: .6;
  transition: .4s;
  transform: scale(1.2);
}
ul.professional_link li {
  background: #fff;
  padding: 1em;
  border-radius: 50%;
}
li.professional_result {
  display: flex;
  align-items: center;
  padding: 0.4em 0;
  margin-left: 16px;
}
li.professional_result:before {
  content: "●";
  display: inline-block;
  font-size: 10px;
  margin-right: 0.5em;
  margin-left: -1.5em;
}
li.professional_result.trophy:before {
  display: none;
}
li.professional_result.trophy {
  font-weight: 600;
  color: rgb(255 255 190);
}
li.professional_result.trophy p {
  background-image: linear-gradient(70deg, rgb(255 255 190) 45%, #ff6666 50%, rgb(255 255 190) 55%);
  background-size: 500% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: shine 5s infinite;
  font-size: 1.8rem;
}
.professional_box {
  width: auto;
  max-width: 50%;
}
.professional_profile a.interview_link {
  margin: 2em auto;
  position: relative;
  display: flex;
  background: #fff;
  padding: 1em 2em;
  font-size: 1.8rem;
  color: #d00;
  font-weight: 600;
  border-radius: 4px;
  align-items: center;
}
.professional_profile a.interview_link:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  border: #d00 2px solid;
  rotate: 45deg;
  border-bottom: none;
  border-left: none;
  margin-left: 1em;
}
.professional_resultlist h4 {
  display: block;
  width: 100%;
  padding-bottom: 1em;
  font-size: 1.6rem;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
a.btn_home {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 600;
  display: block;
  width: max-content;
  padding: 1em 2.4em;
  padding-right: 2.2em;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0 auto;
  background: #000;
  color: #fff;
}
a.btn_home:after {
  display: inline-block;
  content: "";
  border: 2px solid currentColor;
  width: 0.6em;
  height: 0.6em;
  rotate: 45deg;
  border-bottom: none;
  border-left: none;
  margin-left: 1em;
}
.provided_profile.professional_profile.animation.fadeInUp {
    background: #5b5b5b;
}
@media screen and (max-width:768px) {
  .professional_profile {
    display: flex;
    flex-direction: column;
    padding: 2em 0;
  }
  .professional_container {
    display: flex;
    flex-direction: column;
    width: 100vw;
    padding: 2vw;
    align-content: center;
    align-items: center;
    gap: 1em;
  }
  .professional_container figure {
    width: auto;
    display: contents;
  }
  .professional_container figure img {
    width: 70%;
  }
  .professional_box {
    width: 100%;
    max-width: 100vw;
  }
  .professional_name_area.sp {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0;
  }
  .professional_box .professional_name_area.pc {
    display: none;
  }
  p.professional_name2 {
    font-size: 4rem;
  }
  dl.professional_data dt, dl.professional_data dd {
    width: 50%;
    display: inline-block;
  }
  dl.professional_data {
    display: flex;
  }
  dl.professional_data dt {
    text-align: end;
    padding-right: 1em;
  }
  ul.professional_link {
    padding: 0;
    display: flex;
    justify-content: center;
  }
  .professional_resultlist {
    max-width: calc(100vw - 4vw);
  }
  .professional_profile a.interview_link {
    margin: 0 auto;
    font-size: 1em;
  }
  p.professional_name {
    font-size: 2rem;
  }
}
@keyframes shine {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.professional_container figure img {
  border-radius: 50%;
	max-width: 383px;
}
.professional_resultlist {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  padding: 2em 1em;
  border-top: 4px dotted #fff;
  flex-direction: column;
}
/*********************************************
 ▼　HOMEページ改修
    2023.06.01~
*********************************************/
#frontpage-bgcontainer {
  background: url(https://bikijapanonline.itembox.design/item/main_archivio.png);
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  background-repeat: no-repeat;
}
section#first-view {
  width: 100vw;
  display: flex;
  justify-content: flex-start;
  height: auto;
  margin-top: 0;
  aspect-ratio: 16 / 10;
  background-size: cover;
  margin-bottom: 10em;
}
.first-view-content {
  display: flex;
  width: 100%;
  height: -webkit-fill-available;
  max-width: 1200px;
  align-items: flex-end;
  justify-content: flex-end;
}
.first-view-content img {
  /* display: none; */
  margin: 11vw 0vw;
  width: 25%;
  max-width: 200px;
}
section#concept .sticky {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: flex-start;
  background: #ffffff00;
}
.concept-container {
  display: inline-block;
  width: 1200px;
  max-width: 90%;
  margin-bottom: 4em;
  margin: 16em auto;
  /* position: sticky; */
  /* top: calc(70px + 4em); */
  /* filter: drop-shadow(0px 0px 3px #000); */
  /* color: #fff; */
  z-index: 1;
}
#concept img:after {}
section#new-collection {
  display: flex;
  /* position: sticky; */
  background: #ffffff;
  /* top: 70px; */
  /* height: calc(100vh - 70px); */
  margin-bottom: 15em;
}
#new-collection .container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 4em;
}
section#archivio-gender .container {
  display: flex;
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  justify-content: center;
}
section#archivio-gender {
  display: block;
  /* position: sticky; */
  top: 0;
  font-size: 4rem;
  background: #fff;
  overflow: hidden;
  margin-bottom: 5em;
}
section#archivio-gender p.gender-copy {
  font-size: 1em;
  color: #fff;
  /* border: 1px solid; */
  padding: .4em 1.4em;
  margin-bottom: 1em;
  border-radius: 5em;
  transition: .4s;
}

section.sticky, div.sticky {
  /* position: sticky; */
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* margin: 100vh auto; */
}
div.white-block {
  background: #fff;
  height: auto;
  margin-top: 0;
  position: relative;
  margin: 0;
}
section#concept {
  margin: 0;
  width: 100vw;
  max-width: 100%;
  /* display: flex; */
  /* align-items: flex-start; */
  /* position: relative; */
  height: auto;
  /* margin-bottom: 220px; */
  /* justify-content: center; */
  /* margin-bottom: 0; */
  background-size: cover;
  /* aspect-ratio: 16 / 10; */
  /* z-index: 0; */
  /* top: 70px; */
}
section#concept:after {
  /* content: ""; */
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.5;
}
#archivio-gender .gender-mens, #archivio-gender .gender-ladies {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: center;
  overflow: hidden;
}
#archivio-gender .gender-mens img, #archivio-gender .gender-ladies img {
  width: 100%;
  max-width: 100vw;
  transition: .4s;
  overflow: hidden;
}

#archivio-gender a.gender-filter {
  position: absolute;
  opacity: 1;
  width: 100%;
  top: 0;
  height: 100vh;
  display: flex;
  align-content: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}
#archivio-gender .gender-img {
  width: 100%;
  overflow: hidden;
}
h2.brand-name {
  font-family: 'Oswald';
  margin-bottom: 0.5em;
  z-index: 2;
  position: relative;
}
p.brand-concept {
  letter-spacing: 0.14em;
  line-height: 1.4em;
  z-index: 2;
  position: relative;
}
.new-collection-content {
  width: 30%;
  display: flex;
  flex-direction: column;
}
#new-collection .container img {
  width: 100%;
  height: auto;
  transition: .4s;
}
#new-collection .container img:hover {
  rotate: -2deg;
  scale: 1.2;
  transition: .4s;
}
.white-block section#ranking {
  margin: 5em auto 10em;
}
a.new-catalog-link {
  background: #000;
  color: #fff;
  padding: 1em 3em;
  text-align: center;
  transition: .4s;
  font-size: 2rem;
}
h3.newcollection-name, h2.new-collection-title {
  font-family: 'Oswald';
  margin-bottom: 0.5em;
}
h2.new-collection-title {
  font-size: 6rem;
  border-bottom: 3px solid;
  width: fit-content;
}
p.new-collection-copy {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  /* font-weight: 600; */
  line-height: 1.46em;
  padding: 1em;
}
p.new-catalog-copy {
  margin-top: 4em;
  margin-bottom: 1em;
  font-weight: 600;
}
a#onlinestore-button {
  width: 50px;
  height: 200px;
  display: block;
  position: fixed;
  right: 0;
  top: 50vh;
  z-index: 9999;
  transition: .4s;
}
a#onlinestore-button:hover {
  filter: invert(.8);
  transition: .4s;
}
.footer-top a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2em;
  color: #aaa;
}
.footer-top a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid;
  rotate: 45deg;
  border-bottom: none;
  border-right: none;
}
footer#footer {
  padding-top: 0;
}
.new-collection-box {
  overflow: hidden;
}
a.new-catalog-link:hover {
  transition: .4s;
  scale: 1.12;
  opacity: .6;
}
.rcmd-slick-slide img {
  transition: .4s;
}
.rcmd-slick-slide img:hover {
  scale: 1.3;
  transition: .4s;
}
li.feature-list-item:hover, #news .news-list-img:hover {
  filter: drop-shadow(0px 0px 6px #00000044);
  transition: .4s;
}
.news-list-img {
  transition: .4s;
}
section#onlinestore {
  margin: 0 auto 18em;
  display: flex;
  justify-content: center;
}
body.page .shoplist_area {
  width: 90%;
  margin: 0 auto 5em;
  background: none;
  padding: 1em;
}
body.page .shoplist_area ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 2em;
}
body.page .shoplist_area ul li {
  padding: 0;
  text-indent: 0;
  line-height: normal;
}
body.page .shoplist_sec {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
body.page .shoplist_sec .list {
  padding: 2em;
}
body.page .list li .map, body.page .list li .url {
  width: auto;
  display: flex;
  height: 2em;
  padding: 0 2em;
  align-content: center;
  justify-content: center;
  align-items: center;
}
body.page .list li h5 {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
span.biki_japan_members {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: #a5a5a5;
}
body.post-type-archive-catalog .catalog_section_div section .catalog_photo img {
  vertical-align: top;
  margin-bottom: 0;
}
body.post-type-archive-catalog .catalog_section_div section .catalog_photo {
  overflow: hidden;
  border: 1px solid #f5f5f5;
  text-align: center;
  /* width: 30%; */
}
.catalog_section_div section a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1em;
  padding: 2em;
  transition: .4s;
  /* border-radius: 1em; */
  align-content: center;
  align-items: center;
}
.catalog_section_div {
  /* width: 80%; */
  /* max-width: 800px; */
  margin: 0 auto;
  display: flex;
  gap: 3em;
  /* flex-direction: column; */
  margin-bottom: 10em;
  flex-wrap: wrap;
  justify-content: space-between;
}
p.catalog_txt {
  font-size: 3rem;
  display: flex;
  /* width: 70%; */
  gap: .1em;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: center;
}
p.catalog_txt span.date {
  font-size: 1.4rem;
}
.catalog_section_div section a:hover {
  translate: 0 5px;
  transition: .4s;
  opacity: .6;
  /* background: #ed1b2f; */
}
section#catalog_item {
  gap: 2em;
  display: flex;
  flex-direction: column;
}
body.post-type-archive-catalog .pagenavi .pagenavi-item a, body.single-catalog .pagenavi .pagenavi-item a {
  font-family: 'Jost', 'Zen Kaku Gothic Antique', sans-serif;
  display: flex;
  align-items: center;
}
body.archive .all_lowerpage_wrap, body.page .all_lowerpage_wrap, body.single .all_lowerpage_wrap {
  margin-bottom: 3em;
}
body.post-type-archive-catalog .pagenavi .pagenavi-item--prev a:before, body.single-catalog .pagenavi .pagenavi-item--prev a:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  content: "";
  border: 1px solid;
  rotate: 45deg;
  border-top: none;
  border-right: none;
}
body.post-type-archive-catalog .pagenavi .pagenavi-item--next a:before, body.single-catalog .pagenavi .pagenavi-item--next a:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  content: "";
  border: 1px solid;
  rotate: 45deg;
  border-bottom: none;
  border-left: none;
}
body.post-type-archive-catalog .pagenavi .pagenavi-item--next a, body.single-catalog .pagenavi .pagenavi-item--next a {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width:768px) {
  a#onlinestore-button {
    background: #000;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: auto;
    bottom: 1em;
    right: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  a#onlinestore-button img.sp {
    width: 100%;
    height: 100%;
  }
  section.sticky, div.sticky {
    margin: 0;
    height: auto;
    top: 0;
    /* padding: 1em 0; */
  }
  section#first-view {
    aspect-ratio: 1/ 1;
    display: flex;
    justify-content: center;
    position: relative;
    top: 0;
    padding: 0;
  }
  .first-view-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 100vw;
  }
  .first-view-content img {
    width: 100%;
    margin: 0;
    padding: 0 15vw;
    z-index: 2;
    max-width: 100%;
  }
  .first-view-content img.sp {
    position: absolute;
    z-index: 1;
    padding: 0;
    width: 100vw;
  }
  section#new-collection {
    height: auto;
    position: relative;
    display: flex;
    top: 0;
    margin: 3em auto 5em;
  }
  #new-collection .container img {
    width: 100%;
    height: fit-content;
    z-index: -1;
  }
  #new-collection .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3em;
  }
  .new-collection-content {
    width: 100%;
    display: flex;
    margin: 0 auto;
    text-align: center;
  }
  h3.newcollection-name {
    font-size: 1.4rem;
  }
  h2.new-collection-title {
    font-size: 4rem;
    margin: 0 auto;
  }
  .new-collection-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  section#concept {
    height: fit-content;
    display: flex;
    position: relative;
    background: none;
    padding: 5em 0;
    overflow: hidden;
    aspect-ratio: 1/1;
    background-image: none !important;
  }
  p.new-catalog-copy {
    margin: 1em auto;
    order: 2;
  }
  a.new-catalog-link {
    order: 3;
    width: 70%;
    margin: 0 auto;
  }
  section#archivio-gender {
    position: relative;
    display: flex;
    top: 0;
    justify-content: center;
  }
  .concept-container {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  .concept-container img {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    position: absolute;
    z-index: 0;
    opacity: .4;
  }
  .concept-container img:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.5;
  }
  #archivio-gender a.gender-filter {
    height: auto;
    width: 100%;
    display: flex;
    position: relative;
    color: #000;
    flex-direction: row;
    justify-content: space-between;
  }
  section#archivio-gender p.gender-copy {
    font-size: 4rem;
    display: block;
    width: 60%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  section#archivio-gender p.gender-copy span.sp {
    padding-top: 1em;
    font-size: 1.2rem;
    line-height: 1.4em;
  }
  section#archivio-gender .container {
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2em;
  }
  #archivio-gender .gender-mens, #archivio-gender .gender-ladies {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #000;
  }
  #archivio-gender .gender-mens:hover, #archivio-gender .gender-ladies:hover {
    filter: none;
  }
  #archivio-gender .gender-img {
    display: none;
  }
  #archivio-gender .gender-ladies .gender-filter {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  #archivio-gender .gender-mens img, #archivio-gender .gender-ladies img {
    width: 40%;
  }
  div#frontpage-bgcontainer {
    background-image: none !important;
    background: #fff;
  }
  body.page .list li {
    padding-bottom: 5em;
  }
  .catalog_section_div {
    display: flex;
    width: 100%;
    gap: 5em;
    margin-bottom: 10em;
    flex-direction: column;
  }
  .catalog_section_div section a {
    padding: 1em;
  }
  p.catalog_txt {
    display: flex;
    font-size: 2.4rem;
    /* width: 50%; */
    gap: 0.2em;
    align-items: center;
  }
  body.post-type-archive-catalog .catalog_section_div section .catalog_photo {
    /* width: 50%; */
  }
  body.archive .all_lowerpage_wrap, body.page .all_lowerpage_wrap, body.single .all_lowerpage_wrap {
    margin-bottom: 3em;
  }
}
/*----------------------------
アニメーション
----------------------------*/
/*------　フェードイン ｜下から上へ出現 -------*/
.fadeUp {
  animation: fadeUp 0.8s ease-in-out 1 forwards;
  opacity: 0;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
section#archivio-top .container {
  width: 100vw;
  margin: calc(50% - 50vw);
  max-width: 100%;
  display: flex;
}
/*----------------------------
新first-view
----------------------------*/
section#new-firstview {
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10em;
  margin-top: 70px;
  /* height: calc(100vh - 70px); */
}
.new-firstview-img {
  width: 50%;
}
.new-firstview-img a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
a {}
.new-firstview-img img {
  width: 100%;
  height: auto;
}
p.new-firstview-copy {
  position: absolute;
  font-size: 5vw;
  color: #fff;
  margin-top: 10px;
}
section#new-onlinestore {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
  margin-bottom: 10em;
}
a.onlinestore-link {
  padding: 0.4em 1em;
  border: 1px solid;
  margin: 1em;
  background: #ffffff55;
}
a.onlinestore-link:hover {
  background: #ffffff;
}
i.blank-icon {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 11px;
  height: 9px;
  bottom: 1px;
  left: 4px;
  transform: scale(0.7);
}
i.blank-icon:before, i.blank-icon:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: black;
}
i.blank-icon:before {
  top: 0;
  left: 0;
  border-width: 1px;
}
.blank-icon:after {
  top: 4px;
  left: 4px;
  border-width: 0px 1px 1px 0;
}
.new-firstview-img a:hover {
  filter: grayscale(.8);
}
@media screen and (max-width:768px) {
  section#new-firstview {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
  }
  .new-firstview-img {
    width: 100%;
  }
  p.new-firstview-copy {
    font-size: 10vw;
  }
  .new-firstview-img a {
    display: flex;
    justify-content: flex-start;
  }
}