@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --hover_scale:scale3d(1.05, 1.05, 1) translate3d(0, 0, 0);
  --c_duration:0.5s;
  --base_font_size:13px;
}

/*libralies*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
* {
  position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  /*outline: thin dotted;*/
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
  margin-block-start: 0;
  margin-block-end: 0;
}

/************************************************************/
/* fonts */
/************************************************************/
body {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font-gothic-light {
  font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 300 !important;
  font-style: normal;
}

.font-gothic-middle, .common-header-content-c .common-header-sp-tags button {
  font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 500 !important;
  font-style: normal;
}

.font-gothic-bold {
  font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 700 !important;
  font-style: normal;
}

.font-thin, .top-rr-title p {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 100 !important;
  font-style: normal;
}

.font-light, .about-intro div.hoverParent p, .search-stockist .store, .search-lead-text p, .pr-list-item > div:nth-of-type(2) p.text, .stockist-item-info > div, .dissertations-detail-nextprev-next .inlineBlockLink p.date span, .dissertations-detail-nextprev-prev .inlineBlockLink p.date span, .dissertations-detail-category table th, .dissertations-detail-title h2, .diss-categorylink h3, .diss-results h2 span, .diss-search-navs-selectbox-name, .diss-search-text, .top-rr-title p span, .top-mv-title-btn-text, .common-footer-content-l p span, .common-footer-content, .common-header-content-l p span, .common-header-content-c .common-header-sp-search input[type=text], .common-header-content, .common-header ul li.common-header-search div input[type=text], .header-select-lang-sp p, .header-select-lang div p, h1.common-headline, h2.common-headline, h3.common-headline, h4.common-headline, h5.common-headline, h6.common-headline, .modal-content * {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal;
}

.font-regular, .mt-figure figcaption, .dissertations-detail-content h1, .dissertations-detail-content h2, .dissertations-detail-content h3, .dissertations-detail-content h4, .dissertations-detail-content h5, .dissertations-detail-content h6, .recruit-content-texts p, .recruit-content-texts h4, .sitepolicy-inner p, .about-intro, .about-lead, .about-copy, .search-topics .tags, .search-lookbook .tags, body.search-brand p.tags a, .pr-related-posts-group p.tags, .pr-related-posts-group p.date, .pr-related-posts-group p.category span, .pr-list-item > div:nth-of-type(2) p.tags, .pr-list-item > div:nth-of-type(2) p.date, .stockist-item-info p.tags, ul.lookbook-detail-images li table th, ul.lookbook-detail-images li table td, .lookbook-top-seasons-btn p span.date, .lookbook-top-links-item-texts-content, .lookbook-top-links-item-texts-date, .dissertations-detail-content-link p, .dissertations-detail-content .itemInfo > div p, .dissertations-detail-content .text h1, .dissertations-detail-content .text h2, .dissertations-detail-content .text h3, .dissertations-detail-content .text h4, .dissertations-detail-content .text h5, .dissertations-detail-content .text h6, .dissertations-detail-content .imageOne figcaption, .dissertations-detail-content .imageAndCaption figcaption, .dissertations-detail-category table td, .dissertations-detail-title p, .dissertations-detail-title h1, .top-rr-items a span, .top-mv-title-btn-tags, .top-mv-title-date, .common-text-mv h1, .common-text-mv h2, .common-text-mv h3, .common-text-mv h4, .common-text-mv h5, .common-text-mv h6, .common-footer-content-l, .common-footer-copyright, .common-header-content-l {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
}

.font-medium, .recruit-content-iframe h2, .recruit-content-texts h2, .pr-list-item > div:nth-of-type(2) p.category, .lookbook-top-seasons-btn-archives, .dissertations-detail-nextprev-next .inlineBlockLink p span, .dissertations-detail-nextprev-prev .inlineBlockLink p span, .top-rr-title h2, .top-mv-title-category, .common-footer-content .bold, .common-header-content .bold, .small-arrow-link span, nav.number-nav .number-nav-leader:before, nav.number-nav .number-nav-num span, .dropdown ul li span, .dropdown .select span, .btn-circle span, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp span {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal;
}

.font-semibold, .recruit-content-texts h3, .recruit-content-texts h4, .sitepolicy-inner h2, .about-intro div.hoverParent h3, .search-topics .hoverParent > .hoverLine, .search-topics .tags .hoverParent > a, .search-topics .top-mv-title-btn-tags .hoverParent > a, .top-mv-title-btn-tags .search-topics .hoverParent > a, .search-topics .diss-az-nav div .hoverParent > a, .diss-az-nav div .search-topics .hoverParent > a, .search-topics .dissertations-detail-category table td .hoverParent > a, .dissertations-detail-category table td .search-topics .hoverParent > a, .stockist-item-info p.tags .search-topics .hoverParent > a, .search-topics .pr-list-item > div:nth-of-type(2) p.tags .hoverParent > a, .pr-list-item > div:nth-of-type(2) p.tags .search-topics .hoverParent > a, .pr-related-posts-group p.tags .search-topics .hoverParent > a, .search-lookbook .tags .search-topics .hoverParent > a, .search-lookbook .hoverParent, .stockist-item-info .stockist-fil-item-title, .stockist-content > h3, .stockist-content > h2, .lookbook-top-seasons-slick-inner .hoverLine, .lookbook-top-seasons-slick-inner .search-topics .tags a, .search-topics .tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .search-lookbook .tags a, .search-lookbook .tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .pr-related-posts-group p.tags a, .pr-related-posts-group p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .pr-list-item > div:nth-of-type(2) p.tags a, .pr-list-item > div:nth-of-type(2) p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .stockist-item-info p.tags a, .stockist-item-info p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .top-mv-title-btn-tags a, .top-mv-title-btn-tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .diss-az-nav div a, .diss-az-nav div .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .dissertations-detail-category table td a, .dissertations-detail-category table td .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-btn p span.update-dot, .lookbook-top-links-item-texts h3, .dissertations-detail-nextprev-next .inlineBlockLink div p, .dissertations-detail-nextprev-prev .inlineBlockLink div p, .dissertations-detail-content .itemInfo > div p > strong, .diss-categorylink ul li, .top-mv-title-disstitle, .top-mv-title-season, .modal-content h2, .modal-content h1 {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal;
}

.font-bold, .pr-related-posts-group p.title, .pr-list-item > div:nth-of-type(2) p.title, .top-news h2, .common-header ul li span.update-dot {
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
}

/************************************************************/
/* color */
/************************************************************/
/************************************************************/
/* vars */
/************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Magnific Popup CSS */
.white-popup {
  position: relative;
  background: url(../img/bg_body_01.png) scroll repeat center top;
  padding: 30px 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #8b8b8b;
  opacity: 0.7;
  filter: alpha(opacity=50);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.mfp-close {
  visibility: hidden;
  overflow: hidden;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../img/btn_close.png) scroll no-repeat 0 0;
  background-size: cover;
  text-indent: 100%;
  white-space: nowrap;
}

@media screen and (max-width: 320px) {
  button.mfp-close {
    top: 18px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: cover;
  }
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.modal {
  max-width: 806px !important;
  padding-top: 55px !important;
  padding-bottom: 60px !important;
}

.modal-content * {
  font-size: 12px !important;
  font-size: 1.3rem;
}

.modal-content h1 {
  margin: 0 0 30px;
  font-size: 14px !important;
  font-size: 1.8rem;
  font-weight: 500;
}

.modal-content h2 {
  margin-bottom: 10px;
  font-size: 13px !important;
  font-size: 1.4rem;
}

.modal-content p {
  margin: 0 0 10px;
}

.modal-content p:last-child {
  margin-bottom: 0;
}

.modal-content .btn-close {
  max-width: 50%;
  margin: 30px auto 0;
}

@media screen and (max-width: 600px) {
  .modal-content .btn-close {
    max-width: none;
  }
}
.modal-text {
  position: relative;
  overflow: hidden;
}

#to_valued_customer-sent .modal-text p a {
  text-decoration: underline;
}

#to_valued_customer-sent .modal-text p a:hover {
  text-decoration: none;
}

.js-close-to_valued_customer-sent {
  position: absolute;
  right: 20px;
  z-index: 3;
}
.js-close-to_valued_customer-sent a {
  display: inline-block;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  border: 0.99px solid #707070;
  border-radius: 50%;
  position: relative;
  background-color: #FFFFFF;
  transition: background-color 0.5s;
}
.js-close-to_valued_customer-sent a:before {
  content: "";
  display: block;
  width: 7px;
  height: 1px;
  border: 0;
  box-sizing: border-box;
  background-color: #000;
  transition: background-color 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.js-close-to_valued_customer-sent a:hover {
  background-color: #707070;
}
.js-close-to_valued_customer-sent a:hover:before {
  background-color: #FFFFFF;
}

#js-close-to_valued1 {
  top: 20px;
}

#js-close-to_valued2 {
  bottom: 20px;
}

/*common*/
/************************************************************/
/* body */
/************************************************************/
* {
  margin: 0;
  padding: 0;
  outline: none;
  margin-block-start: 0;
  margin-block-end: 0;
  /*backface-visibility: hidden;/* animation時のにじみ防止 */
  /*-webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
  /*-webkit-font-smoothing: antialiased;/* animation時の文字にじみ防止 */
  /*-moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */
}

body, html {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  font-size: 0;
}

body {
  height: 100%;
  min-height: 100%;
  color: #222222;
  font-size: 0;
  overflow-x: hidden;
  background-color: #FFFFFF;
}
body:after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #FFFFFF;
  opacity: 1;
  transition: opacity 0.5s;
}
body.loaded:after {
  opacity: 0;
  pointer-events: none;
}

a {
  text-decoration: none;
  color: #000;
}

::selection {
  background-color: #ddd;
}

main {
  position: relative;
  padding-top: 70px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: visible;
}

main:has(.top-mv){
  padding-top: 120px;
}
@media screen and (max-width: 960px) {
  main {
    padding-top: 44px;
  }
}

a {
  cursor: pointer;
}

.btn, .header-select-lang-sp p a {
  transition: opacity 0.5s;
  opacity: 1;
  cursor: pointer;
}
.btn:hover, .header-select-lang-sp p a:hover {
  opacity: 0.5;
}
@media screen and (max-width: 960px) {
  .btn:hover, .header-select-lang-sp p a:hover {
    opacity: 1;
  }
}

.invert {
  filter: invert(100);
}

/************************************************************/
.movieWrapper {
  display: inline-block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.movieWrapper:before {
  z-index: 0;
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  position: relative;
}
.movieWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/************************************************************/
.hoverInvert, .search-stockist .left, .search-stockist .right, .search-topics .left, .search-topics .right, .search-lookbook .left, .search-lookbook .right, .lookbook-top-seasons-slick-inner-left, .lookbook-top-seasons-slick-inner-right, .top-topics-left, .top-topics-right, .top-rr-items-left, .top-rr-items-right, nav.number-nav a {
  transition: filter 0.5s;
  cursor: pointer;
}
.hoverInvert.hover, .search-stockist .hover.left, .search-stockist .hover.right, .search-topics .hover.left, .search-topics .hover.right, .search-lookbook .hover.left, .search-lookbook .hover.right, .hover.lookbook-top-seasons-slick-inner-left, .hover.lookbook-top-seasons-slick-inner-right, .hover.top-topics-left, .hover.top-topics-right, .hover.top-rr-items-left, .hover.top-rr-items-right, nav.number-nav a.hover, .hoverInvert:hover, .search-stockist .left:hover, .search-stockist .right:hover, .search-topics .left:hover, .search-topics .right:hover, .search-lookbook .left:hover, .search-lookbook .right:hover, .lookbook-top-seasons-slick-inner-left:hover, .lookbook-top-seasons-slick-inner-right:hover, .top-topics-left:hover, .top-topics-right:hover, .top-rr-items-left:hover, .top-rr-items-right:hover, nav.number-nav a:hover {
  filter: invert(100);
}
@media screen and (max-width: 960px) {
  .hoverInvert.hover, .search-stockist .hover.left, .search-stockist .hover.right, .search-topics .hover.left, .search-topics .hover.right, .search-lookbook .hover.left, .search-lookbook .hover.right, .hover.lookbook-top-seasons-slick-inner-left, .hover.lookbook-top-seasons-slick-inner-right, .hover.top-topics-left, .hover.top-topics-right, .hover.top-rr-items-left, .hover.top-rr-items-right, nav.number-nav a.hover, .hoverInvert:hover, .search-stockist .left:hover, .search-stockist .right:hover, .search-topics .left:hover, .search-topics .right:hover, .search-lookbook .left:hover, .search-lookbook .right:hover, .lookbook-top-seasons-slick-inner-left:hover, .lookbook-top-seasons-slick-inner-right:hover, .top-topics-left:hover, .top-topics-right:hover, .top-rr-items-left:hover, .top-rr-items-right:hover, nav.number-nav a:hover {
    filter: invert(0);
  }
}
.hoverInvert.hover .noInvert, .search-stockist .hover.left .noInvert, .search-stockist .hover.right .noInvert, .search-topics .hover.left .noInvert, .search-topics .hover.right .noInvert, .search-lookbook .hover.left .noInvert, .search-lookbook .hover.right .noInvert, .hover.lookbook-top-seasons-slick-inner-left .noInvert, .hover.lookbook-top-seasons-slick-inner-right .noInvert, .hover.top-topics-left .noInvert, .hover.top-topics-right .noInvert, .hover.top-rr-items-left .noInvert, .hover.top-rr-items-right .noInvert, nav.number-nav a.hover .noInvert, .hoverInvert:hover .noInvert, .search-stockist .left:hover .noInvert, .search-stockist .right:hover .noInvert, .search-topics .left:hover .noInvert, .search-topics .right:hover .noInvert, .search-lookbook .left:hover .noInvert, .search-lookbook .right:hover .noInvert, .lookbook-top-seasons-slick-inner-left:hover .noInvert, .lookbook-top-seasons-slick-inner-right:hover .noInvert, .top-topics-left:hover .noInvert, .top-topics-right:hover .noInvert, .top-rr-items-left:hover .noInvert, .top-rr-items-right:hover .noInvert, nav.number-nav a:hover .noInvert {
  filter: invert(100);
}
@media screen and (max-width: 960px) {
  .hoverInvert.hover .noInvert, .search-stockist .hover.left .noInvert, .search-stockist .hover.right .noInvert, .search-topics .hover.left .noInvert, .search-topics .hover.right .noInvert, .search-lookbook .hover.left .noInvert, .search-lookbook .hover.right .noInvert, .hover.lookbook-top-seasons-slick-inner-left .noInvert, .hover.lookbook-top-seasons-slick-inner-right .noInvert, .hover.top-topics-left .noInvert, .hover.top-topics-right .noInvert, .hover.top-rr-items-left .noInvert, .hover.top-rr-items-right .noInvert, nav.number-nav a.hover .noInvert, .hoverInvert:hover .noInvert, .search-stockist .left:hover .noInvert, .search-stockist .right:hover .noInvert, .search-topics .left:hover .noInvert, .search-topics .right:hover .noInvert, .search-lookbook .left:hover .noInvert, .search-lookbook .right:hover .noInvert, .lookbook-top-seasons-slick-inner-left:hover .noInvert, .lookbook-top-seasons-slick-inner-right:hover .noInvert, .top-topics-left:hover .noInvert, .top-topics-right:hover .noInvert, .top-rr-items-left:hover .noInvert, .top-rr-items-right:hover .noInvert, nav.number-nav a:hover .noInvert {
    filter: invert(0);
  }
}
.hoverInvert .noInvert, .search-stockist .left .noInvert, .search-stockist .right .noInvert, .search-topics .left .noInvert, .search-topics .right .noInvert, .search-lookbook .left .noInvert, .search-lookbook .right .noInvert, .lookbook-top-seasons-slick-inner-left .noInvert, .lookbook-top-seasons-slick-inner-right .noInvert, .top-topics-left .noInvert, .top-topics-right .noInvert, .top-rr-items-left .noInvert, .top-rr-items-right .noInvert, nav.number-nav a .noInvert {
  transition: filter 0.5s;
}

.hoverGray {
  transition: background-color 0.5s, color 0.5s;
}
.hoverGray.hover, .hoverGray:hover {
  background-color: #707070;
  color: #FFFFFF;
}

.hoverLine, .search-topics .tags a, .search-lookbook .tags a, .pr-related-posts-group p.tags a, .pr-list-item > div:nth-of-type(2) p.tags a, .stockist-item-info p.tags a, .dissertations-detail-category table td a, .diss-az-nav div a, .top-mv-title-btn-tags a {
  display: inline-block;
  cursor: pointer;
}
.hoverLine:before, .search-topics .tags a:before, .search-lookbook .tags a:before, .pr-related-posts-group p.tags a:before, .pr-list-item > div:nth-of-type(2) p.tags a:before, .stockist-item-info p.tags a:before, .dissertations-detail-category table td a:before, .diss-az-nav div a:before, .top-mv-title-btn-tags a:before {
  content: "";
  background-color: #FFFFFF;
  display: inline-block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.5s;
  transform-origin: left top;
}
.hoverLine.hover:before, .search-topics .tags a.hover:before, .search-lookbook .tags a.hover:before, .pr-related-posts-group p.tags a.hover:before, .pr-list-item > div:nth-of-type(2) p.tags a.hover:before, .stockist-item-info p.tags a.hover:before, .dissertations-detail-category table td a.hover:before, .diss-az-nav div a.hover:before, .top-mv-title-btn-tags a.hover:before, .hoverLine:hover:before, .search-topics .tags a:hover:before, .search-lookbook .tags a:hover:before, .pr-related-posts-group p.tags a:hover:before, .pr-list-item > div:nth-of-type(2) p.tags a:hover:before, .stockist-item-info p.tags a:hover:before, .dissertations-detail-category table td a:hover:before, .diss-az-nav div a:hover:before, .top-mv-title-btn-tags a:hover:before {
  transform: scale(1, 1);
}
@media screen and (max-width: 960px) {
  .hoverLine.hover:before, .search-topics .tags a.hover:before, .search-lookbook .tags a.hover:before, .pr-related-posts-group p.tags a.hover:before, .pr-list-item > div:nth-of-type(2) p.tags a.hover:before, .stockist-item-info p.tags a.hover:before, .dissertations-detail-category table td a.hover:before, .diss-az-nav div a.hover:before, .top-mv-title-btn-tags a.hover:before, .hoverLine:hover:before, .search-topics .tags a:hover:before, .search-lookbook .tags a:hover:before, .pr-related-posts-group p.tags a:hover:before, .pr-list-item > div:nth-of-type(2) p.tags a:hover:before, .stockist-item-info p.tags a:hover:before, .dissertations-detail-category table td a:hover:before, .diss-az-nav div a:hover:before, .top-mv-title-btn-tags a:hover:before {
    transform: scale(0, 1);
  }
}

.notHoverChild.hover:before {
  transform: scale(0, 1) !important;
}

.hoverImg {
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}
.hoverImg img, .hoverImg video {
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s;
}
.hoverImg.hover img, .hoverImg.hover video, .hoverImg:hover img, .hoverImg:hover video {
  transform: scale3d(1.05, 1.05, 1) translate3d(0, 0, 0);
}
@media screen and (max-width: 960px) {
  .hoverImg.hover img, .hoverImg.hover video, .hoverImg:hover img, .hoverImg:hover video {
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

a.inlineBlockLink {
  display: inline-block;
}

/************************************************************/
br.pconly {
  display: inline;
}
@media screen and (max-width: 960px) {
  br.pconly {
    display: none;
  }
}

br.sponly {
  display: none;
}
@media screen and (max-width: 960px) {
  br.sponly {
    display: inline;
  }
}

/************************************************************/
/* basic */
.basic-centerPosition, .diss-results .video .diss-results-item-img a:after, nav.number-nav .number-nav-num span, .dropdown ul li span, .dropdown .select span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.basic-backgroundCover, .pr-related-posts-group a.hoverImg img, .pr-list-item a.hoverImg img, .common-mv-texts div.common-mv-open-text span {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.basic-backgroundContain, .pr-related-posts-group a.hoverImg:after, .pr-list-item a.hoverImg:after, a.sp-phonecall:after, .lookbook-top-seasons-btn-archives:after, .dissertations-detail-nextprev-next .hoverInvert:before, .dissertations-detail-nextprev-next .search-stockist .left:before, .search-stockist .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-stockist .right:before, .search-stockist .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .search-topics .left:before, .search-topics .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-topics .right:before, .search-topics .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .search-lookbook .left:before, .search-lookbook .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-lookbook .right:before, .search-lookbook .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-left:before, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-right:before, .dissertations-detail-nextprev-next nav.number-nav a:before, nav.number-nav .dissertations-detail-nextprev-next a:before, .dissertations-detail-nextprev-next .top-rr-items-right:before, .dissertations-detail-nextprev-next .top-rr-items-left:before, .dissertations-detail-nextprev-next .top-topics-right:before, .dissertations-detail-nextprev-next .top-topics-left:before, .dissertations-detail-nextprev-prev .hoverInvert:before, .dissertations-detail-nextprev-prev .search-stockist .left:before, .search-stockist .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-stockist .right:before, .search-stockist .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .search-topics .left:before, .search-topics .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-topics .right:before, .search-topics .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .search-lookbook .left:before, .search-lookbook .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-lookbook .right:before, .search-lookbook .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-left:before, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-right:before, .dissertations-detail-nextprev-prev nav.number-nav a:before, nav.number-nav .dissertations-detail-nextprev-prev a:before, .dissertations-detail-nextprev-prev .top-rr-items-right:before, .dissertations-detail-nextprev-prev .top-rr-items-left:before, .dissertations-detail-nextprev-prev .top-topics-right:before, .dissertations-detail-nextprev-prev .top-topics-left:before, .diss-results .video .diss-results-item-img a:after, nav.number-nav .number-nav-right:before,
nav.number-nav .number-nav-left:before, .dropdown .select:before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.basic-objectfit, .search-stockist .store > p img, .search-topics .hoverImg img, .search-lookbook .hoverImg img, .lookbook-top-seasons-slick-inner .hoverImg img, .top-mv img, .top-mv video, .common-mv-anime img, .common-mv > img {
  object-fit: cover;
  object-position: center center;
}

/************************************************************/
/* btn-circle */
.btn-circle, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp {
  display: inline-block;
  width: auto;
  height: 36px;
  border-radius: 18px;
  box-sizing: border-box;
  border: 0.99px solid #707070;
  padding: 0 55px;
  padding-top: 18px;
  background-color: #FFFFFF;
  color: #222222;
  line-height: 0;
  cursor: pointer;
  transition: background-color 0.5s, color 0.5s, border 0.5s;
}
@media screen and (max-width: 960px) {
  .btn-circle, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp {
    min-height: 36px;
    height:auto;
    border-radius: 9999px;
    padding: 0 55px;
    padding-top: 18px;
  }
}
.btn-circle span, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp span {
  font-size: 12px;
  transform: translateY(calc(-50% - 1px));
  display: inline-block;
  line-height: 1;
}
.btn-circle.hover, header.lookbook-detail-header .lookbook-detail-header-inner a.hover.storebtn-sp, .btn-circle:hover, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp:hover {
  background-color: #707070;
  color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .btn-circle.hover, header.lookbook-detail-header .lookbook-detail-header-inner a.hover.storebtn-sp, .btn-circle:hover, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp:hover {
    background-color: #FFFFFF;
    color: #222222;
  }
}
.btn-circle-black {
  background-color: #222222;
  border: 0.99px solid #FFFFFF;
}
.btn-circle-black span {
  color: #FFFFFF;
}
.btn-circle-black:hover {
  border: 0.99px solid #707070;
}
@media screen and (max-width: 960px) {
  .btn-circle-black:hover {
    border: 0.99px solid #707070;
  }
}
.btn-circle-blank span:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url(../imgs/common/icon_blank_g1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: 7px;
  transition: filter 0.5s;
}
.btn-circle-blank.hover span:after, .btn-circle-blank:hover span:after {
  filter: invert(100);
}
@media screen and (max-width: 960px) {
  .btn-circle-blank.hover span:after, .btn-circle-blank:hover span:after {
    filter: invert(0);
  }
}

/************************************************************/
/* red dot */
.update-dot-on {
  position: relative;
}
.update-dot-on:before {
  content: "";
  display: inline-block;
  background-color: #CE0000;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: calc(100% + 4px);
  bottom: 1em;
  transform: translate(-50%, 50%);
}
@media screen and (max-width: 960px) {
  .update-dot-on:before {
    width: 4px;
    height: 4px;
    left: calc(100% + 4px);
  }
}

/************************************************************/
/* dropdown */
.dropdown {
  width: 160px;
  height: 42px;
  overflow: visible;
  position: relative;
}
@media screen and (max-width: 960px) {
  .dropdown {
    width: 100%;
    height: 32px;
  }
}
.dropdown .select {
  width: 100%;
  height: 100%;
  border-radius: calc(42px / 2);
  background-color: #FFFFFF;
  border: 0.99px solid #707070;
  cursor: pointer;
  color: #222222;
  z-index: 1;
  transition: background-color 0.5s, color 0.5s;
}
@media screen and (max-width: 960px) {
  .dropdown .select {
    border-radius: calc(32px / 2);
  }
}
.dropdown .select span {
  font-size: 11px;
  white-space: nowrap;
}
.dropdown .select:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-image: url(../imgs/common/select_arrow.svg);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: filter 0.5s;
}
@media screen and (max-width: 960px) {
  .dropdown .select:before {
    right: 13px;
  }
}
.dropdown .select:hover {
  background-color: #707070;
  color: #FFFFFF;
}
.dropdown .select:hover:before {
  filter: invert(100);
}
.dropdown ul {
  position: absolute;
  top: calc(42px / 2);
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #B7B7B7;
  padding-top: calc(42px / 2);
  padding-top: 0;
  z-index: 0;
  border-radius: 0 0 calc(42px / 2) calc(42px / 2);
  transition: padding-top 0.5s;
  /*　スクローラ */
  /*
  max-height: calc(42px*6);
  overflow-y: scroll;
  -ms-overflow-style: none;
    scrollbar-width: none;
  &::-webkit-scrollbar {
        display:none;
    }
  */
}
@media screen and (max-width: 960px) {
  .dropdown ul {
    top: calc(32px / 2);
    border-radius: 0 0 calc(32px / 2) calc(32px / 2);
  }
}
.dropdown ul li {
  width: 100%;
  height: 42px;
  height: 0;
  transition: height 0.5s, color 0.5s;
  overflow: hidden;
  color: #FFFFFF;
  cursor: pointer;
}
.dropdown ul li span {
  font-size: 11px;
  opacity: 0;
  transition: opacity 0.5s;
  white-space: nowrap;
}
.dropdown ul li:hover {
  color: #222222;
}
@media screen and (max-width: 960px) {
  .dropdown ul li:hover {
    color: #FFFFFF;
  }
}
.dropdown-on .select {
  background-color: #707070;
  color: #FFFFFF;
  transition: none !important;
}
.dropdown-on .select:before {
  filter: invert(100);
  transform: translateY(-50%) rotate(180deg);
}
.dropdown-on ul {
  padding-top: calc(42px / 2);
}
@media screen and (max-width: 960px) {
  .dropdown-on ul {
    padding-top: calc(32px / 2);
  }
}
.dropdown-on ul li {
  height: 42px;
}
.dropdown-on ul li span {
  opacity: 1;
}
@media screen and (max-width: 960px) {
  .dropdown-on ul li {
    height: 32px;
  }
}

/************************************************************/
/* Number Nav */
nav.number-nav {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
}
nav.number-nav a {
  display: inline-block;
  vertical-align: middle;
}
nav.number-nav .number-nav-right:before,
nav.number-nav .number-nav-left:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
}
@media screen and (max-width: 767px) {
  nav.number-nav .number-nav-right:before,
  nav.number-nav .number-nav-left:before {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-right:before,
  nav.number-nav .number-nav-left:before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
nav.number-nav .number-nav-left {
  transform: rotate(180deg);
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  nav.number-nav .number-nav-left {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-left {
    margin-right: 4vw;
    left: 5.3333333333vw;
  }
}
nav.number-nav .number-nav-right {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  nav.number-nav .number-nav-right {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-right {
    margin-left: 4vw;
    right: 5.3333333333vw;
  }
}
nav.number-nav .number-nav-num {
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  border: 0.99px solid #707070;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin: 0 5px;
}
@media screen and (max-width: 767px) {
  nav.number-nav .number-nav-num {
    width: 30px;
    height: 30px;
    margin: 0 4px;
  }
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-num {
    width: 8vw;
    height: 8vw;
    margin: 0 1.3333333333vw;
  }
}
nav.number-nav .number-nav-num span {
  font-size: 11px;
  line-height: 1;
  transform: translate(-50%, calc(-50% - 1px));
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-num span {
    font-size: 2.9333333333vw;
    transform: translate(-50%, calc(-50% - 0.2666666667vw));
  }
}
nav.number-nav .number-nav-leader {
  display: inline-block;
  margin: 0 12px;
}
@media screen and (max-width: 767px) {
  nav.number-nav .number-nav-leader {
    margin: 0 8px;
  }
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-leader {
    margin: 0 2.1333333333vw;
  }
}
nav.number-nav .number-nav-leader:before {
  content: "…";
  font-size: 11px;
  line-height: 1;
}
@media screen and (max-width: 374px) {
  nav.number-nav .number-nav-leader:before {
    font-size: 2.9333333333vw;
  }
}
nav.number-nav a.current {
  filter: invert(100) !important;
  pointer-events: none;
}

/************************************************************/
h1.common-headline, h2.common-headline, h3.common-headline, h4.common-headline, h5.common-headline, h6.common-headline {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1;
  color: #222222;
  padding-left: 40px;
}
@media screen and (max-width: 960px) {
  h1.common-headline, h2.common-headline, h3.common-headline, h4.common-headline, h5.common-headline, h6.common-headline {
    height: 36px;
    padding-left: 20px;
  }
}
h1.common-headline:before, h2.common-headline:before, h3.common-headline:before, h4.common-headline:before, h5.common-headline:before, h6.common-headline:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 1px;
  background-color: #707070;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 960px) {
  h1.common-headline:before, h2.common-headline:before, h3.common-headline:before, h4.common-headline:before, h5.common-headline:before, h6.common-headline:before {
    width: 14px;
  }
}

/************************************************************/
/* small arrow _link*/
.small-arrow-link:after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../imgs/common/arrow_r_s.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: 8px;
  transition: filter 0.5s;
}
.small-arrow-link span {
  color: #222222;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
}
.small-arrow-link:hover:after {
  filter: invert(100);
}
@media screen and (max-width: 960px) {
  .small-arrow-link:hover:after {
    filter: invert(0);
  }
}

/************************************************************/
/* common header */
/************************************************************/
.header-select-lang {
  position: absolute;
  right: 0;
  top: 70px;
  width: 40px;
  height: 204px;
  z-index: 1;
  background-color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .header-select-lang {
    display: none;
  }
}
.header-select-lang div {
  width: 15px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header-select-lang div:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #E5E5E5;
}
.header-select-lang div p {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 11px;
  color: #222222;
  left: 0;
}
.header-select-lang div p:nth-of-type(1) {
  top: 0;
  left: 0;
}
.header-select-lang div p:nth-of-type(2) {
  bottom: 0;
  left: 0;
}
.header-select-lang div p a {
  color: rgba(34, 34, 34, 0.4);
}
.header-select-lang div p a:before {
  background-color: rgba(34, 34, 34, 0.4) !important;
}

.header-select-lang-sp {
  position: absolute;
  right: 15px;
  top: 25px;
  width: 15px;
  height: 46px;
  display: none;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .header-select-lang-sp {
    display: block;
  }
}
.header-select-lang-sp:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.4);
}
.header-select-lang-sp p {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
  left: 0;
}
.header-select-lang-sp p:nth-of-type(1) {
  top: 0;
  left: 0;
}
.header-select-lang-sp p:nth-of-type(2) {
  bottom: 0;
  left: 0;
}
.header-select-lang-sp p a {
  color: rgba(255, 255, 255, 0.4);
}

.common-header {
  position: fixed;
  width: 100%;
  height: 70px;
  background-color: #FFFFFF;
  z-index: 10;
  overflow: hidden;
  transition: box-shadow 0.5s;
}
.common-header-shadow {
  box-shadow: 10px -10px 40px -10px rgba(0, 0, 26, 0.1);
}
@media screen and (max-width: 960px) {
  .common-header {
    height: 44px;
  }
}
.common-header ul {
  position: absolute;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  top: 0;
  right: 40px;
  width: auto;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .common-header ul {
    right: 0;
  }
}
.common-header ul li {
  height: 100%;
  box-sizing: border-box;
  position: relative;
  padding-top: 33px;
  padding-right: 50px;
}
.common-header ul li span.update-dot {
  font-size: 11px;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (max-width: 960px) {
  .common-header ul li span.update-dot {
    text-align: center;
    font-size: 8.5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    white-space: nowrap;
    height: auto;
    font-family: acumin-pro, sans-serif;
    font-weight: 300 !important;
  }
}
@media screen and (max-width: 960px) {
  .common-header ul li span.update-dot span {
    display: none;
  }
}
.common-header ul li a,
.common-header ul li .js-lang-modal-open {
  cursor: pointer;
}
.common-header ul li a img,
.common-header ul li .js-lang-modal-open img {
  transition: filter 0.5s;
}
.common-header ul li a:hover img,
.common-header ul li .js-lang-modal-open:hover img {
  filter: invert(100);
}
@media screen and (max-width: 960px) {
  .common-header ul li a:hover img,
  .common-header ul li .js-lang-modal-open:hover img {
    filter: invert(0);
  }
}
@media screen and (max-width: 960px) {
  .common-header ul li {
    width: 58px;
    text-align: center;
    padding-right: 0;
    box-sizing: border-box;
    padding-top: 10px;
  }
  .common-header ul li a,
  .common-header ul li .js-lang-modal-open {
    display: inline-block;
    width: 100%;
    height: 100%;
  }
}
.common-header ul li.common-header-switch {
  padding-right: 10px;
}
@media screen and (max-width: 960px) {
  .common-header ul li.common-header-switch {
    padding-right: 0px;
    width: 44px;
  }
}
.common-header ul li.common-header-switch span {
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../imgs/common/icon_3dot.svg);
  background-size: 3px 15px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: filter 0.5s;
}
.common-header ul li.common-header-switch:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9.5px 13px 9.5px;
  border-color: transparent transparent #8B8B8B transparent;
  position: absolute;
  left: 1px;
  bottom: 0;
  transition: transform 0.5s;
  transform: translateY(100%);
}
@media screen and (max-width: 960px) {
  .common-header ul li.common-header-switch:before {
    border-width: 0 7px 9px 7px;
    left: 15px;
  }
}
.common-header ul li.common-header-switch-on span {
  filter: invert(100);
}
.common-header ul li.common-header-switch-on:before {
  transform: translateY(0%);
}
.common-header ul li.common-header-search {
  padding-right: 0;
  padding-top: 25px;
}
@media screen and (max-width: 960px) {
  .common-header ul li.common-header-search {
    display: none;
  }
}
.common-header ul li.common-header-search div {
  background-color: #FFFFFF;
  width: 29px;
  height: 36px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0) inset;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  transition: background-color 0.5s, width 0.5s, box-shadow 0.5s;
}
.common-header ul li.common-header-search div img {
  width: 19px;
  height: 19px;
  position: absolute;
  left: 10px;
  top: 8px;
  cursor: pointer;
}
.common-header ul li.common-header-search div input[type=text] {
  font-size: 14px;
  border: none;
  position: absolute;
  background-color: inherit;
  position: absolute;
  top: 18px;
  left: 41px;
  width: calc(100% - 41px - 1em);
  transform: translateY(-50%);
  color: #222222;
}
.common-header ul li.common-header-search div input[type=text]::placeholder {
  color: #B7B7B7;
}
.common-header ul li.common-header-search-on div {
  background-color: #FAFAFA;
  width: 230px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06) inset;
}
.common-header-icon-about {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  float: left;
  vertical-align: bottom;
}
@media screen and (max-width: 960px) {
  .common-header-icon-about {
    width: 15.2px;
    height: 15.2px;
    margin-right: 0;
    float: none;
  }
}
.common-header-icon-dissertation {
  width: 15px;
  height: 16.5px;
  margin-right: 10.5px;
  float: left;
  vertical-align: bottom;
}
@media screen and (max-width: 960px) {
  .common-header-icon-dissertation {
    width: 12.66px;
    height: 15.19px;
    margin-right: 0;
    float: none;
  }
}
.common-header-icon-store {
  width: 14px;
  height: 18px;
  margin-right: 7.5px;
  float: left;
  vertical-align: bottom;
}
@media screen and (max-width: 960px) {
  .common-header-icon-store {
    width: 11.82px;
    height: 15.47px;
    margin-right: 0;
    float: none;
  }
}
.common-header-link-top {
  display: inline;
  width: 93px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 40px;
  background-image: url(../imgs/common/logo_visvim.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 960px) {
  .common-header-link-top {
    width: 54px;
    left: 20px;
  }
}

/****************************************************************************************/
.common-header-content {
  position: fixed;
  z-index: 11;
  top: 70px;
  left: 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 40px 164px 32px 118px;
  background-color: #8B8B8B;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  transition: clip-path 0.5s;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*
  flex-direction: row;
  justify-content: space-between;
  */
}
.common-header-content-on {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 960px) {
  .common-header-content {
    padding: 40px 0 40px 0;
    height: 100%;
    box-sizing: border-box;
    max-height: calc(100% - 44px);
    overflow-y: scroll;
    top: 44px;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.common-header-content-c {
  order: 2;
  width: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .common-header-content-c {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 35px;
  }
}
.common-header-content-c .common-header-sp-search {
  width: 89.0666666667%;
  max-width: 334px;
  height: 38px;
  background-color: #FFFFFF;
  border-radius: 19px;
  margin: 0 auto;
  margin-bottom: 13px;
}
.common-header-content-c .common-header-sp-search img {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 14px;
  top: 11.3px;
}
.common-header-content-c .common-header-sp-search input[type=text] {
  font-size: 11px;
  border: none;
  position: absolute;
  background-color: inherit;
  position: absolute;
  top: 18px;
  left: 41px;
  width: calc(100% - 41px - 1em);
  transform: translateY(-50%);
  color: #222222;
}
.common-header-content-c .common-header-sp-search input[type=text]::placeholder {
  color: #B7B7B7;
}
.common-header-content-c .common-header-sp-brands {
  text-align: center;
}
.common-header-content-c .common-header-sp-brands a {
  width: 95px;
  height: 38px;
  border-radius: 19px;
  display: inline-block;
  margin: 0px 4px 10px;
  background-color: #fff;
  box-sizing: border-box;
  vertical-align: middle;
  padding-top: 19px;
}
.common-header-content-c .common-header-sp-brands a img {
  transform: translateY(-50%);
}
.common-header-content-c .common-header-sp-brands a img.visvim {
  width: 39.1px;
  height: 8.79px;
}
.common-header-content-c .common-header-sp-brands a img.wmv {
  width: 32.15px;
  height: 11.62px;
}
.common-header-content-c .common-header-sp-brands a img.ict {
  width: 40.12px;
  height: 19.12px;
}
.common-header-content-c .common-header-sp-brands a img.lcc {
  width: 21.95px;
  height: 23.44px;
}
.common-header-content-c .common-header-sp-brands a img.contrarydept {
  width: 51px;
  height: 11px;
}
.common-header-content-c .common-header-sp-tags {
  text-align: center;
}
.common-header-content-c .common-header-sp-tags button {
  display: inline-block;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: none;
  font-size: 8px;
  color: #707070;
  height: 26px;
  padding: 0 15px;
  border-radius: 13px;
  margin: 5px 4px;
  vertical-align: middle;
}
.common-header-content-l {
  font-size: 11px;
  color: #B7B7B7;
  order: 1;
}
@media screen and (max-width: 960px) {
  .common-header-content-l {
    order: 3;
    text-align: center;
    padding-bottom: 30px;
    width: 100%;
  }
}
.common-header-content-l p {
  padding-bottom: 10px;
}
.common-header-content-l p:nth-of-type(2n) {
  padding-bottom: 30px;
}
.common-header-content-l p:nth-of-type(4) {
  padding-bottom: 0px;
}
.common-header-content-l p:nth-of-type(2) img {
  width: 20px;
  height: 20px;
}
.common-header-content-l p:nth-of-type(2) a {
  display: inline-block;
  margin-right: 19px;
}
.common-header-content-l p:nth-of-type(2) a:nth-of-type(2) {
  margin-right: 0;
}
.common-header-content-l p:nth-of-type(4) img {
  width: 95px;
  height: 30px;
}
.common-header-content-r {
  display: flex;
  flex-wrap: wrap;
  order: 3;
}
@media screen and (max-width: 960px) {
  .common-header-content-r {
    order: 1;
    width: 100%;
  }
  .common-header-content-r p {
    text-align: center;
  }
}
.common-header-content-r div {
  color: #fff;
  font-size: 12px;
}
.common-header-content-r div a {
  color: #fff;
}
.common-header-content-r div a img {
  width: 9px;
  height: 9px;
  vertical-align: middle;
  margin-left: 6px;
}
.common-header-content-r div p {
  padding-bottom: 24px;
}
@media screen and (max-width: 960px) {
  .common-header-content-r div p {
    padding-bottom: 30px;
  }
}
.common-header-content-r1 {
  padding-right: 103px;
}
@media screen and (max-width: 960px) {
  .common-header-content-r1 {
    padding-right: 0;
    width: 100%;
  }
}
.common-header-content-r2 {
  padding-right: 65px;
}
@media screen and (max-width: 960px) {
  .common-header-content-r2 {
    padding-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .common-header-content-r3 {
    width: 100%;
    padding-top: 30px;
  }
}
.common-header-content-r table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 960px) {
  .common-header-content-r table {
    margin: 0 auto;
  }
}
.common-header-content-r table:last-of-type {
  margin-top: 24px;
}
@media screen and (max-width: 960px) {
  .common-header-content-r table:last-of-type {
    margin-top: 30px;
  }
}
.common-header-content-r table th {
  text-align: left;
  vertical-align: top;
  width: 88px;
}
@media screen and (max-width: 960px) {
  .common-header-content-r table th {
    width: 90px;
    padding-left: 15px;
  }
}
.common-header-content-r table td {
  text-align: left;
  vertical-align: top;
  padding-left: 15px;
  border-left: 0.99px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 960px) {
  .common-header-content-r table td {
    width: 55px;
  }
}
.common-header-content-r table td p {
  display: inline-block;
  width: 100%;
}
.common-header-content-r table td p:last-of-type {
  padding-bottom: 0;
}
@media screen and (max-width: 960px) {
  .common-header-content-r table td p {
    text-align: left;
    width: 100%;
  }
}

/************************************************************/
/* common footer */
/************************************************************/
footer {
  position: relative;
}

/****************************************************************************************/
.common-footer-black {
  width: 100%;
  height: 118px;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .common-footer-black {
    height: 68px;
  }
}
.common-footer-black:before {
  content: "";
  display: inline-block;
  width: calc(100% - 40px - 32px);
  height: 100%;
  background-color: #222222;
  z-index: 0;
  top: 0;
  right: 0;
  position: absolute;
}
@media screen and (max-width: 960px) {
  .common-footer-black:before {
    width: calc(100% - 10px - 10px);
  }
}
.common-footer-black p {
  z-index: 1;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  line-height: 36px;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .common-footer-black p {
    font-size: 13px;
    line-height: 30px;
    width: calc(100% - 10px - 10px);
    left: calc(10px + 10px);
  }
}
.common-footer-black p a,
.common-footer-black p span {
  line-height: 0;
  vertical-align: middle;
}
.common-footer-black p > span {
  display: inline-block;
  width: 36px;
  height: 1px;
  display: inline-block;
  background-color: #FFFFFF;
  opacity: 0.3;
  margin: 0 16px;
  vertical-align: middle;
}

/****************************************************************************************/
.common-footer-copyright {
  display: inline-block;
  position: absolute;
  font-size: 11px;
  line-height: 1;
  color: #B7B7B7;
  bottom: 30px;
  right: 30px;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .common-footer-copyright {
    bottom: 18px;
    right: 20px;
  }
}

/****************************************************************************************/
.common-footer-content {
  z-index: 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 165px 164px 160px 118px;
  background-color: #8B8B8B;
  margin-top: -59px;
  z-index: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*
  flex-direction: row;
  justify-content: space-between;
  */
}
@media screen and (max-width: 960px) {
  .common-footer-content {
    padding: 63px 0 53px 20px;
    height: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -34px;
  }
}
.common-footer-content-l {
  font-size: 11px;
  color: #B7B7B7;
}
.common-footer-content-l p {
  line-height: 1;
  padding-bottom: 10px;
}
.common-footer-content-l p:nth-of-type(1) {
  padding-bottom: 40px;
}
.common-footer-content-l p:nth-of-type(1) img {
  width: 75px;
  height: 17px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-l p:nth-of-type(1) img {
    width: 64px;
    height: 14px;
  }
}
@media screen and (max-width: 960px) {
  .common-footer-content-l p:nth-of-type(1) {
    padding-bottom: 30px;
  }
}
.common-footer-content-l p:nth-of-type(3), .common-footer-content-l p:nth-of-type(5) {
  padding-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-l p:nth-of-type(3), .common-footer-content-l p:nth-of-type(5) {
    padding-bottom: 20px;
  }
}
.common-footer-content-l p:nth-of-type(5) {
  padding-bottom: 0px;
}
.common-footer-content-l p:nth-of-type(3) img {
  width: 20px;
  height: 20px;
}
.common-footer-content-l p:nth-of-type(3) a {
  display: inline-block;
  margin-right: 19px;
}
.common-footer-content-l p:nth-of-type(3) a:nth-of-type(2) {
  margin-right: 0;
}
.common-footer-content-l p:nth-of-type(5) img {
  width: 95px;
  height: 30px;
}
.common-footer-content-r {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r {
    display: none;
  }
}
.common-footer-content-r div {
  color: #fff;
  font-size: 12px;
}
.common-footer-content-r div a,
.common-footer-content-r div span {
  color: #fff;
}
.common-footer-content-r div a img,
.common-footer-content-r div span img {
  width: 9px;
  height: 9px;
  vertical-align: middle;
  margin-left: 6px;
}
.common-footer-content-r div p {
  padding-bottom: 24px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r div p {
    padding-bottom: 30px;
  }
}
.common-footer-content-r1 {
  padding-right: 103px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r1 {
    padding-right: 0;
    width: 100%;
  }
}
.common-footer-content-r2 {
  padding-right: 65px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r2 {
    padding-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .common-footer-content-r3 {
    width: 100%;
    padding-top: 30px;
  }
}
.common-footer-content-r table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r table {
    margin: 0 auto;
  }
}
.common-footer-content-r table:last-of-type {
  margin-top: 24px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r table:last-of-type {
    margin-top: 30px;
  }
}
.common-footer-content-r table th {
  text-align: left;
  vertical-align: top;
  width: 88px;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r table th {
    width: 90px;
    padding-left: 15px;
  }
}
.common-footer-content-r table td {
  text-align: left;
  vertical-align: top;
  padding-left: 15px;
  border-left: 0.99px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 960px) {
  .common-footer-content-r table td {
    width: 55px;
  }
}
.common-footer-content-r table td p {
  display: inline-block;
  width: 100%;
}
.common-footer-content-r table td p:last-of-type {
  padding-bottom: 0;
}
@media screen and (max-width: 960px) {
  .common-footer-content-r table td p {
    text-align: left;
    width: 100%;
  }
}

/************************************************************/
/* common-mv */
/************************************************************/
.common-mv {
  width: calc(100% - 40px * 2);
  margin: 0 auto;
  height: auto;
  max-height: calc(100% - 70px);
  margin-bottom: 40px;
  box-sizing: border-box;
  display: block;
}
@media screen and (max-width: 960px) {
  .common-mv {
    width: 100%;
    max-height: none;
    margin-bottom: 0;
  }
}
.common-mv:before {
  content: "";
  display: inline-block;
  position: relative;
  z-index: -1;
  width: 100%;
  height: auto;
  padding-top: 44.9455676516%;
}
@media screen and (max-width: 1366px) {
  .common-mv:before {
    padding-top: 578px;
  }
}
@media screen and (max-width: 960px) {
  .common-mv:before {
    padding-top: 0;
  }
}
.common-mv > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .common-mv > img {
    position: relative;
    height: 59.7333333333vw;
  }
}
.common-mv-anime {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .common-mv-anime {
    position: relative;
    height: 59.7333333333vw;
  }
}
.common-mv-anime .slick-list,
.common-mv-anime .slick-track {
  height: 100%;
}
.common-mv-anime img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .common-mv-anime img {
    position: relative;
    height: 59.7333333333vw;
  }
}
.common-mv-texts {
  width: 422px;
  height: auto;
  box-sizing: border-box;
  padding: 27px 0 27px 33px;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 960px) {
  .common-mv-texts {
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    padding: 20px calc(10px + 10px) 38px calc(10px + 10px);
    width: 100%;
    box-sizing: border-box;
  }
}
.common-mv-texts h1 {
  font-size: 20px;
  color: #222222;
  line-height: 1;
  margin-bottom: 25px;
}
@media screen and (max-width: 960px) {
  .common-mv-texts h1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.common-mv-texts h1 img {
  height: 22px;
  width: auto;
  vertical-align: middle;
  margin-right: 13px;
}
@media screen and (max-width: 960px) {
  .common-mv-texts h1 img {
    height: 20px;
    margin-right: 10px;
  }
}
.common-mv-texts > p {
  color: #707070;
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 1.8333333333;
  box-sizing: border-box;
  padding-right: 30px;
  padding-bottom: 1em;
}
@media screen and (max-width: 960px) {
  .common-mv-texts > p {
    font-size: 11px;
    font-size: 12px;
    line-height: 21/11;
    padding-right: 0;
  }
}
.common-mv-texts div.common-mv-open-text {
  border-bottom: 1px solid #707070;
}
.common-mv-texts div.common-mv-open-text p {
  color: #707070;
  font-size: 12px;
  line-height: 1.8333333333;
  box-sizing: border-box;
  padding-right: 30px;
  padding-bottom: 1em;
}
@media screen and (max-width: 960px) {
  .common-mv-texts div.common-mv-open-text p {
    font-size: 11px;
    line-height: 21/11;
    padding-right: 0;
    padding-bottom: 40px;
  }
}
.common-mv-texts div.common-mv-open-text span {
  z-index: 2;
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../imgs/common/arrow_r.svg);
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  display: none;
}
@media screen and (max-width: 960px) {
  .common-mv-texts div.common-mv-open-text span {
    display: inline-block;
  }
}
.common-mv-texts div.latest {
  display: table;
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  .common-mv-texts div.latest {
    z-index: 1;
    pointer-events: auto !important;
  }
}
.common-mv-texts div.latest p {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 0.5em;
}
.common-mv-texts div.latest p a:before {
  background-color: #222222;
}
.common-mv-texts div.latest p:nth-of-type(1) {
  color: #222222;
  font-size: 11px;
  padding-top: 2px;
}
.common-mv-texts div.latest p:nth-of-type(2) {
  color: #B7B7B7;
  font-size: 10px;
}
.common-mv-texts div.latest p:nth-of-type(2) strong {
  color: #222222;
  line-height: 1.5833333333;
  font-size: 12px;
}

div.common-mv-open-text {
  overflow: hidden;
  height: 80px;
  transition: height 0.5s;
}
div.common-mv-open-text:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 80%);
  z-index: 1;
  transition: background 0.5s;
}
@media screen and (max-width: 960px) {
  div.common-mv-open-text:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255) 75%);
  }
}
@media screen and (max-width: 960px) {
  div.common-mv-open-text {
    height: 63px;
  }
}
div.common-mv-open-text-on:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%);
}
div.common-mv-open-text-on span {
  transform: translateX(-50%) rotate(-90deg) !important;
}
div.common-mv-open-text-off {
  height: 80px !important;
}
@media screen and (max-width: 960px) {
  div.common-mv-open-text-off {
    height: 63px !important;
  }
}

@media screen and (max-width: 960px) {
  .common-mv-open {
    pointer-events: none !important;
  }
}
.common-mv-open-text {
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .common-mv-open-text {
    pointer-events: auto !important;
  }
}

/************************************************************/
/* common-text-mv */
/************************************************************/
.common-text-mv {
  width: 100%;
  height: 194px;
}
@media screen and (max-width: 960px) {
  .common-text-mv {
    height: 118px;
  }
}
.common-text-mv h1, .common-text-mv h2, .common-text-mv h3, .common-text-mv h4, .common-text-mv h5, .common-text-mv h6 {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #222222;
}
@media screen and (max-width: 960px) {
  .common-text-mv h1, .common-text-mv h2, .common-text-mv h3, .common-text-mv h4, .common-text-mv h5, .common-text-mv h6 {
    font-size: 17px;
  }
}

.common-lang-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(139, 139, 139, 0.5);
  z-index: 100;
  transition-duration: 0.4s;
  opacity: 0;
  pointer-events: none;
}

.common-lang-modal.is-show {
  opacity: 1;
  pointer-events: auto;
}

.common-lang-modal .lang-modal-inner {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-lang-modal .lang-modal-frame {
  width: 360px;
  max-width: 92%;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  padding-top: 32px;
  padding-inline: 25px;
  padding-bottom: 25px;
}

.common-lang-modal .lang-modal-contents {
  position: relative;
}

.common-lang-modal .lang-modal-head {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.common-lang-modal .lang-modal-head span {
  margin-left: 4px;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #b7b7b7;
}

.common-lang-modal .lang-modal-close {
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  aspect-ratio: 1/1;
}

.common-lang-modal .lang-modal-close::after {
  content: "";
  width: 15px;
  height: 1px;
  background-color: #222222;
}

.common-lang-modal .lang-list {
  margin-top: 30px;
}

.common-lang-modal .lang-list li + li {
  margin-top: 6px;
}

.common-lang-modal .lang-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  border-radius: 9999px;
  background: #fff;
  border: 0.5px solid #707070;
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 1.3;
  transition-duration: 0.5s;
}

.common-lang-modal .lang-list li a:hover {
  background-color: #707070;
  color: #fff;
}

/*contents*/
/************************************************************/
/* top mv */
/************************************************************/

body.top .header-select-lang{
  background-color: transparent;
  pointer-events: none;
}

body.top .header-select-lang div{
  pointer-events: auto;
}
body.top .mv {
  z-index: 0;
  position: relative;
  margin-bottom: 130px !important;
}
@media screen and (max-width: 960px) {
  body.top .mv {
    /* margin-bottom: 50px !important; */
    margin-bottom: 50px;
  }
}
body.top .mv:nth-of-type(1) {
  /* margin-bottom: 90px !important; */
}
@media screen and (max-width: 960px) {
  body.top .mv:nth-of-type(1) {
    /* margin-bottom: 50px !important; */
  }
}



.top-mv a.hoverImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-mv img, .top-mv video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .top-mv img, .top-mv video {
    height: 86.1333333333vw;
  }
}
.top-mv-title {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 203px;
  height: 172px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 30px 0 0 35px;
}
@media screen and (max-width: 960px) {
  .top-mv-title {
    width: 137px;
    height: 112px;
    padding: 14px 0 0 20px;
  }
}
.top-mv-title-category {
  line-height: 1;
  font-size: 12px;
  padding-bottom: 10px;
  color: #B7B7B7;
}
@media screen and (max-width: 960px) {
  .top-mv-title-category {
    font-size: 11px;
    padding-bottom: 6px;
  }
}
.top-mv-title-season {
  line-height: 1;
  font-size: 14px;
  padding-bottom: 20px;
  color: #222222;
}
@media screen and (max-width: 960px) {
  .top-mv-title-season {
    font-size: 12px;
    padding-bottom: 11px;
  }
}
.top-mv-title-disstitle {
  line-height: 1;
  font-size: 14px;
  padding-bottom: 10px;
  color: #222222;
}
@media screen and (max-width: 960px) {
  .top-mv-title-disstitle {
    font-size: 12px;
    padding-bottom: 11px;
  }
}
.top-mv-title-date {
  line-height: 1;
  font-size: 10px;
  padding-bottom: 20px;
  color: #B7B7B7;
}
@media screen and (max-width: 960px) {
  .top-mv-title-date {
    font-size: 10px;
    padding-bottom: 15px;
  }
}
.top-mv-title-btn {
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #707070;
  padding-top: 20px;
}
@media screen and (max-width: 960px) {
  .top-mv-title-btn {
    padding-top: 13px;
  }
}
.top-mv-title-btn-text {
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 1.8333333333;
  width: 100%;
  box-sizing: border-box;
  padding-right: 1em;
  color: #222222;
  padding-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .top-mv-title-btn-text {
    font-size: 11px;
    font-size: 12px;
    line-height: 1.9090909091;
    padding-right: 0em;
    padding-bottom: 20px;
  }
}
.top-mv-title-btn-tags {
  color: #B7B7B7;
  /* font-size: 10px; */
  font-size: 12px;
  padding-top: 30px;
}
@media screen and (max-width: 960px) {
  .top-mv-title-btn-tags {
    padding-top: 20px;
  }
}
.top-mv-title-btn-tags a {
  color: #B7B7B7;
  display: inline-block;
  margin-right: 1em;
}
.top-mv-title-btn-tags a:before {
  background-color: #B7B7B7;
}

.top-mv-lookbook-vimeo a.hoverImg:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 66.6666666667%;
  z-index: 0;
}


.top-mv-dissertations {
  width: calc(100% - 40px);
  height: auto;
  margin: 0 0 0 auto;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .top-mv-dissertations {
    width: calc(100% - 10px * 2 - 20px);
    margin: 0 auto;
    height: auto;
    max-height: none;
    display: block;
  }
}
.top-mv-dissertations a.hoverImg {
  order: 2;
  position: relative;
  /*
  top:0;
  left:448px;
  */
  width: 66.2141779789%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .top-mv-dissertations a.hoverImg {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: relative;
  }
}
.top-mv-dissertations a.hoverImg:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 66.6666666667%;
  z-index: 0;
}
.top-mv-dissertations a.hoverImg img, .top-mv-dissertations a.hoverImg video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top-mv-dissertations-title {
  order: 1;
  position: relative;
  top: 0;
  left: 0px;
  width: 33.7858220211%;
  box-sizing: border-box;
  padding-left: 32px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .top-mv-dissertations-title {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-left: 0;
  }
}
.top-mv-dissertations-title-wrapper {
  /*
  top:50%;
  transform: translateY(-50%);
  */
}
@media screen and (max-width: 960px) {
  .top-mv-dissertations-title-wrapper {
    top: 0;
    transform: none;
    display: block;
  }
}

/************************************************************/
/* top Recent Release */
/************************************************************/
.top-rr {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  padding-top: 60px;
  margin-bottom: 118px;
}
@media screen and (max-width: 960px) {
  .top-rr {
    padding-top: 23px;
    margin-bottom: 70px;
  }
}
.top-rr-title {
  width: auto;
  position: absolute;
  top: 0;
  left: calc(40px + 32px);
}
@media screen and (max-width: 960px) {
  .top-rr-title {
    left: calc(10px + 10px);
  }
}
.top-rr-title h2 {
  display: inline-block;
  font-size: 16px;
  padding-right: 21px;
}
@media screen and (max-width: 960px) {
  .top-rr-title h2 {
    font-size: 13px;
    padding-right: 9px;
  }
}
.top-rr-title p {
  display: inline-block;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .top-rr-title p {
    font-size: 13px;
  }
}
.top-rr-items {
  width: calc(100% - 40px - 32px);
  height: 300px;
  left: calc(40px + 32px);
}
@media screen and (max-width: 960px) {
  .top-rr-items {
    width: 100%;
    left: 0;
    height: 119px;
  }
}
.top-rr-items-right {
  position: absolute;
  top: 50%;
  right: 18px;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .top-rr-items-right {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}
.top-rr-items-left {
  position: absolute;
  top: 50%;
  left: calc(-1 * (40px + 32px - 18px));
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: translateY(-50%) rotate(180deg);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .top-rr-items-left {
    width: 30px;
    height: 30px;
    left: 10px;
  }
}
.top-rr-items a {
  display: inline-block;
  width: 238px;
  height: 300px;
}
@media screen and (max-width: 960px) {
  .top-rr-items a {
    width: 95px;
    height: 119px;
  }
}
.top-rr-items a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.5s;
}
.top-rr-items a span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  line-height: 2.7272727273;
  text-align: center;
  color: #222222;
  transition: opacity 0.5s;
  opacity: 0;
}
.top-rr-items a span:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url(../imgs/common/icon_blank_g1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-left: 5px;
}
.top-rr-items a:hover img {
  opacity: 0.2;
}
@media screen and (max-width: 960px) {
  .top-rr-items a:hover img {
    opacity: 1;
  }
}
.top-rr-items a:hover span {
  opacity: 1;
}
@media screen and (max-width: 960px) {
  .top-rr-items a:hover span {
    opacity: 0;
  }
}
.top-rr p.top-rr-link {
  position: absolute;
  display: inline-block;
  top: 0;
  right: calc(40px + 32px);
}
@media screen and (max-width: 960px) {
  .top-rr p.top-rr-link {
    position: relative;
    width: 100%;
    right: auto;
    text-align: center;
  }
}

/************************************************************/
/* top Search */
/************************************************************/
.common-search {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  padding-top: 0px;
  margin-bottom: 130px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .common-search {
    padding-top: 0px;
    margin-bottom: 62px;
    order:0;
  }
}
.common-search-input {
  width: 89.0666666667%;
  max-width: 598px;
  height: 52px;
  background-color: #FAFAFA;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06) inset;
  border-radius: 26px;
  margin: 0 auto;
  margin-bottom: 30px;
  order: 0;
}
@media screen and (max-width: 960px) {
  .common-search-input {
    height: 38px;
    border-radius: 19px;
    /* margin-bottom: 13px; */
    margin-bottom: 24px;
  }
}
.common-search-input img {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 20px;
  top: 17px;
}
@media screen and (max-width: 960px) {
  .common-search-input img {
    width: 15px;
    height: 15px;
    left: 14px;
    top: 11px;
  }
}
.common-search-input input[type=text] {
  font-size: 14px;
  border: none;
  position: absolute;
  background-color: inherit;
  position: absolute;
  top: 26px;
  left: 51px;
  width: calc(100% - 51px - 1em);
  transform: translateY(-50%);
  color: #222222;
}
.common-search-input input[type=text]::placeholder {
  color: #B7B7B7;
}
@media screen and (max-width: 960px) {
  .common-search-input input[type=text] {
    top: 19px;
    left: 41px;
    font-size: 11px;
  }
}
.common-search-brands {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:24px 70px;
  flex-wrap: wrap;
  order:2;
}
@media screen and (max-width: 960px) {
  .common-search-brands {
    max-width: 300px;
    gap:24px 48px;
    padding: 0 calc(10px + 10px);
    order:1;
    margin-bottom: 24px;
  }
}
.common-search-brands a {
  box-sizing: border-box;
  transition: 0.5s;
}

.common-search-brands a img:nth-of-type(2) {
    display: none;
}

@media(any-hover:hover){
  .common-search-brands a:hover {
    opacity: 0.7;
  }
}

.common-search-brands a img.visvim {
  width: 78px;
}
@media screen and (max-width: 960px) {
  .common-search-brands a img.visvim {
    width: 56px;
  }
}
.common-search-brands a img.wmv {
  width: 62px;
}
@media screen and (max-width: 960px) {
  .common-search-brands a img.wmv {
    width: 44px;
  }
}
.common-search-brands a img.ict {
  width: 76px;
}
@media screen and (max-width: 960px) {
  .common-search-brands a img.ict {
    width: 54px;
  }
}
.common-search-brands a img.lcc {
  width: 44px;
}
@media screen and (max-width: 960px) {
  .common-search-brands a img.lcc {
    width: 32px;
  }
}
.common-search-brands a img.contrarydept {
  width: 98px;
}
@media screen and (max-width: 960px) {
  .common-search-brands a img.contrarydept {
    width: 70px;
  }
}

.common-search-tags {
  text-align: center;
  order: 1;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap:16px 24px;
}
@media screen and (max-width: 960px) {
  .common-search-tags {
    padding: 0 calc(10px + 10px);
    order: 2;
    margin-bottom: 0;
  }
}
.common-search-tags button {
  font-size: 12px;
  color: #8B8B8B;
  border:none;
  background: none;
  transition-duration: 0.4s;
  position: relative;
}

.common-search-tags button::after{
  content: "";
  background-color: #8B8B8B;
  display: inline-block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.5s;
  transform-origin: left top;

}
@media(any-hover:hover){
  .common-search-tags button:hover::after{
    transform: scale(1, 1);
  }
}
@media screen and (max-width: 960px) {
  .common-search-tags button {
    /* font-size: 8px;
    height: 26px;
    padding: 0 15px;
    border-radius: 13px;
    margin: 0px 4px 8px; */
    font-size: 11px;
  }
}

/************************************************************/
/* top Subsequence */
/************************************************************/
.top-ss {
  width: 100%;
  padding: 125px 0 117px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 145px;
}
@media screen and (max-width: 960px) {
  .top-ss {
    padding: 35px 0 35px;
    margin-bottom: 60px;
  }
}
.top-ss:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
  opacity: 0.49;
  z-index: 0;
}
.top-ss p, .top-ss h2 {
  z-index: 1;
}
.top-ss h2 {
  text-align: center;
}
.top-ss h2 img {
  width: 296px;
  height: 93px;
}
@media screen and (max-width: 960px) {
  .top-ss h2 img {
    width: 158px;
    height: 50px;
  }
}
.top-ss-text {
  width: 388px;
  margin: 0 auto;
  margin-top: 21px;
  margin-bottom: 30px;
  color: #FFFFFF;
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 1.8333333333;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .top-ss-text {
    width: calc(100% - 40px);
    margin-top: 13px;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding-left: 114px;
    font-size: 11px;
    line-height: 1.9090909091;
  }
}
.top-ss-link {
  text-align: center;
}
.top-ss-link a {
  border: none !important;
  background-color: #D2E3EA !important;
}
.top-ss-link a:hover {
  background-color: #707070 !important;
}
@media screen and (max-width: 960px) {
  .top-ss-link a:hover {
    background-color: #D2E3EA !important;
  }
}
.top-ss-item {
  width: 196px;
  height: auto;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 135px;
  left: 50%;
  transform: translateX(-441px);
}
@media screen and (max-width: 960px) {
  .top-ss-item {
    width: 88px;
    height: auto;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25);
    top: 98px;
    left: 20px;
    transform: none;
  }
}

/************************************************************/
/* top topics */
/************************************************************/
/* .top-topics {
  width: 100%;
  height: auto;
  background-color: #FAFAFA;
  box-sizing: border-box;
  padding: 150px calc(40px + 32px) 60px;
  margin-bottom: 150px;
}
@media screen and (max-width: 960px) {
  .top-topics {
    padding: 60px calc(10px + 10px) 72px;
    margin-bottom: 60px;
  }
} 
.top-topics > a.btn-circle, header.lookbook-detail-header .lookbook-detail-header-inner .top-topics > a.storebtn-sp {
  position: absolute;
  bottom: 60px;
  right: 20px;
  display: none;
}
@media screen and (max-width: 960px) {
  .top-topics > a.btn-circle, header.lookbook-detail-header .lookbook-detail-header-inner .top-topics > a.storebtn-sp {
    display: inline-block;
  }
}
.top-topics-right {
  position: absolute;
  top: 50%;
  left: calc(100% + 18px);
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .top-topics-right {
    width: 30px;
    height: 30px;
    left: auto;
    right: -10px;
    top: calc((100vw - 40px) * 0.6687344913 / 2);
  }
}
.top-topics-left {
  position: absolute;
  top: 50%;
  right: calc(100% + 18px);
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 960px) {
  .top-topics-left {
    width: 30px;
    height: 30px;
    right: auto;
    left: -10px;
    top: calc((100vw - 40px) * 0.6687344913 / 2);
  }
}
.top-topics-slides {
  width: 100%;
}
.top-topics-item {
  width: 100%;
  display: table;
}
@media screen and (max-width: 960px) {
  .top-topics-item {
    display: block;
  }
}
.top-topics-item-photo {
  width: calc(100% - 416px);
  width: 65.9574468085%;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  .top-topics-item-photo {
    width: 100%;
    display: block;
  }
}
.top-topics-item-photo img {
  width: 100%;
  height: auto;
}
.top-topics-item-text {
  width: 416px;
  width: 34.0425531915%;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  .top-topics-item-text {
    width: 100%;
    display: block;
    padding-top: 16px;
  }
}
.top-topics-item-text .top-mv-title-category,
.top-topics-item-text .top-mv-title-disstitle,
.top-topics-item-text .top-mv-title-date,
.top-topics-item-text .top-mv-title-btn {
  padding-left: 29px;
  padding-right: 0 !important;
}
@media screen and (max-width: 960px) {
  .top-topics-item-text .top-mv-title-category,
  .top-topics-item-text .top-mv-title-disstitle,
  .top-topics-item-text .top-mv-title-date,
  .top-topics-item-text .top-mv-title-btn {
    padding-left: 0;
  }
}
.top-topics-item-text .top-mv-title-btn-text {
  padding-right: 0 !important;
}
@media screen and (max-width: 960px) {
  .top-topics-item-text .top-mv-title-btn-text {
    padding-right: 1em !important;
  }
}
.top-topics-item-text p.top-mv-title-category span {
  display: inline-block;
  color: #FFFFFF;
  background-color: #000000;
  padding: 0.5em;
  margin-left: 1em;
  vertical-align: middle;
  transform: translateY(-2px);
}
.top-topics .slick-dots {
  padding-top: 86px;
  list-style-type: none;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .top-topics .slick-dots {
    padding-top: 38px;
  }
}
.top-topics .slick-dots li {
  display: inline-block;
  margin: 0 8px;
}
.top-topics .slick-dots li button {
  font-size: 0;
  display: inline-block;
  border: none;
  width: 5px;
  height: 5px;
  background-color: #E5E5E5;
  border-radius: 50%;
}
.top-topics .slick-dots li.slick-active button {
  background-color: #000000;
}
@media screen and (max-width: 960px) {
  .top-topics .slick-dots li {
    margin: 0 5px;
  }
}
*/
/************************************************************/
/* top news */
/************************************************************/
.top-news {
  width: calc(100% - (40px + 32px) * 2);
  height: auto;
  box-sizing: border-box;
  margin: 0 auto 150px;
}
@media screen and (max-width: 960px) {
  .top-news {
    width: calc(100% - (10px + 10px) * 2);
    margin: 0 auto 60px;
  }
}
.top-news h2 {
  font-size: 16px;
  color: #222222;
  line-height: 1;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .top-news h2 {
    font-size: 13px;
  }
}
.top-news h2 img {
  width: 18px;
  height: 18px;
  filter: invert(100);
  vertical-align: middle;
  transform: translateY(-2px);
}
@media screen and (max-width: 960px) {
  .top-news h2 img {
    width: 18px;
    height: 18px;
  }
}
.top-news p {
  text-align: right;
  margin-top: 54px;
}
@media screen and (max-width: 960px) {
  .top-news p {
    text-align: center;
    margin-top: 30px;
  }
}


/************************************************************/
/* 2026/04/20 top改修 */
/************************************************************/

.top-mv {
  max-width: 1920px;
  margin-inline: auto;
  box-sizing: border-box;
}
.top-mv *{
  box-sizing: border-box;
}

.top-mv-flex{
  display: flex;
  align-items: flex-start;
  /* column-gap: 120px; */
  column-gap:min(calc(120 / 1440 * 100vw) , calc(120 / 1440 * 1920px));
  margin-left: -2px;
} 

.top-mv-block{
  display: flex;
  align-items: flex-end;
  column-gap:24px;
}

.top-mv-block + .top-mv-block{
  margin-top: 200px;
}

.top-mv-block-thumb{
  width:min(calc(450 / 1440 * 100vw) , calc(450 / 1440 * 1920px));
  aspect-ratio: 1 / calc(800 / 450);
  overflow: hidden;
  display: block;
}
.top-mv-block-thumb:has(iframe){
  aspect-ratio: 1 / calc(800 / 450);
}
.top-mv-block-thumb img,
.top-mv-block-thumb video,
.top-mv-block-thumb iframe{
  display: block;
  position: static!important;
  width:100%;
  height:100%;
  object-fit: cover;
  /* aspect-ratio: 1 / calc(800 / 450); */
}

.top-mv-block-thumb a{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index: 2;
}

.top-mv-block-thumb img{
  transition-duration: 0.5s;
}

@media(any-hover:hover){

  .top-mv-block:has(.top-mv-block-thumb:hover) .top-mv-block-thumb img{
    transform: var(--hover_scale);
  }
  .top-mv-block:has(.top-mv-block-thumb:hover) .btn-circle{
    color:#fff;
    background-color: #8B8B8B;
  }

  .top-mv-block:has(.btn-circle:hover) .top-mv-block-thumb img{
    transform: var(--hover_scale);
  }
  .top-mv-block:has(.btn-circle:hover) .btn-circle{
    color:#fff;
    background-color: #8B8B8B;
  }


}

.top-mv-block-title-category{
  color: #B7B7B7;
  font-size: 12px;
  letter-spacing: 0.02em;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 8px;
}

.top-mv-block-title-season{

  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin-bottom: 30px;
}


.top-topics {
  box-sizing: border-box;
  margin-bottom: 130px;
}
.top-topics *{
  box-sizing: border-box;
}

.top-topics-area{
  position: relative;
}

.top-topics-area .slick-track {
	display: flex !important;
	align-items: flex-end; /* 下揃え */
}


.top-topics-item{
  display: flex!important;
  align-items: flex-end;
  padding-bottom: 50px;
  /* padding-right: 144px; */
}
.top-topics-thumb{
  flex-shrink: 0;
  width:calc(816 / 1440 * 100%);
  aspect-ratio: 1 / calc(544 / 816);
  overflow: hidden;
}
.top-topics-thumb img,
.top-topics-thumb video
.top-topics-thumb iframe{
  width:100%;
  height:100%;
  object-fit: cover;
  transition-duration: var(--c_duration);
}
.top-topics-item-text{
  width:100%;
  
  padding-right: 144px;
  padding-bottom: 32px;
  position: relative;
}
.top-topics-item-text::before{
  content:'';
  width:calc(100vw - 72px);
  height:calc(100% + 50px);
  position: absolute;
  right:0;
  bottom:-50px;
  background-color: #FAFAFA;
  z-index: -1;
}
.top-topics-item-contents{
  display: block;
  padding-top: 50px;
  padding-left: 40px;
}

.top-topics-item-head{
  display: flex;
  margin-bottom: 30px;
}
.top-topics-item-head_name,
.top-topics-item-head_cat{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 26px;
  padding:4px 8px;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.02em;
}

.top-topics-item-head_name{
  background-color: #fff;
  color:#222;
  font-weight: 700;
}
.top-topics-item-head_cat{
  color: #fff;
  background-color:#222;
}
.top-topics-item-title{
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6; /* 160% */
  letter-spacing: 0.02em;
  margin-bottom: 12px;
  color:#222;
}

.top-topics-item-date{
  margin-bottom: 30px;
  color: #B7B7B7;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  letter-spacing: 0.02em;
}
.top-topics-item-info{
  margin-bottom: 30px;
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 2;
  letter-spacing: 0.02em;
}

.top-topics-nav{
  position: absolute;
  bottom:0;
  right:40px;
  z-index: 7;
  display: flex;
  justify-content: flex-end;
  gap:1px;
}

.top-topics-right02,
.top-topics-left02{
  width:50px;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: rgba(34, 34, 34, 0.08);
  transition-duration: var(--c_duration);
}

.top-topics-left02::after,
.top-topics-right02::after{
  
  font-family: 'Roboto', sans-serif;
  color: #FFF;
  font-size: 14px;
}

.top-topics-left02::after{
  content:'<';
}
.top-topics-right02::after{
  content:'>';
}

.top-topics-counter{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  position: absolute;
  bottom:20px;
  left:0;
  z-index: 5;
  font-family: 'Roboto', sans-serif;
  font-size: 11px; 
  gap:4px;
  color:#B7B7B7;
}
.top-topics-counter span{
  color: #707070;
}

@media(any-hover:hover){
  
  .top-topics .top-topics-item:has(.top-topics-thumb:hover) .btn-circle,
  .top-topics .top-topics-item:has(.top-topics-item-contents:hover) .btn-circle
  {
    background-color: #707070;
    color:#fff;
  }
  .top-topics .top-topics-item:has(.top-topics-thumb:hover) .top-topics-thumb img,
  .top-topics .top-topics-item:has(.top-topics-item-contents:hover) .top-topics-thumb img
  {
    transform: var(--hover_scale);
  }

  .top-topics-left02:hover,
  .top-topics-right02:hover{
    background: rgba(34, 34, 34, 1)!important;
  }
}

.top-topics .top-mv-title-btn-tags{
  padding-top: 20px;
  padding-left: 40px;
}

.top-topics .slick-dots{
  display: none!important;
}

.top-mv-dissert{
  
}

.top-mv-dissert *{
  box-sizing: border-box;
}

.top-mv-dissert-main{
  max-width: calc(100% - 80px);
  margin-inline: auto;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.top-mv-dissert-main-thumb{
  flex-shrink: 0;
  width:calc(777 / 1360 * 100%);
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  
}

.top-mv-dissert-main-thumb img,
.top-mv-dissert-main-thumb video,
.top-mv-dissert-main-thumb iframe{
  display: block;
  width:100%;
  transition-duration: var(--c_duration);
  /* height:100%;
  object-fit: cover; */
}

.top-mv-dissert-main-thumb iframe{
    object-fit: cover;
    aspect-ratio:16 / 9;
    cursor: pointer;
    pointer-events: none;
}

.top-mv-dissert-main-text{
  width:100%;
  padding-left: 32px;
}

.top-mv-dissert-main-contents{
  padding-right: 72px;
  display: block;
  color: #222;
}

.top-mv-dissert-main-head{
  display: flex;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  gap:10px;
  margin-bottom: 8px;
}
.top-mv-dissert-main-head::before{
  content:'';
  width:12px;
  height:13px;
  flex-shrink: 0;
  background-image: url('../imgs/common/icon_dissertation.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.top-mv-dissert-main-guide{
  margin-bottom: 40px;
  color: #707070;
  position: relative;
  font-size: 11px;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.02em;
  padding-bottom: 16px;
}


.top-mv-dissert-main-guide::after{
  content:'';
  width:calc(100% + 72px);
  height:1px;
  background-color: #707070;
  position: absolute;
  left:0;
  bottom:0;
}

.top-mv-dissert-main-title{
  margin-bottom: 16px;
  width: fit-content;
  position: relative;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.top-mv-dissert-main-title::after{
  content: "";
  display: inline-block;
  background-color: #CE0000;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right:0;
  top:2px;
  transform: translate(-50%, 50%);
}

.top-mv-dissert-main-date{
  margin-bottom: 32px;
  color: #B7B7B7;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  letter-spacing: 0.02em;
}

.top-mv-dissert-main-info{
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 2;
  letter-spacing: 0;
  margin-bottom: 30px;
}

.top-mv-dissert .top-mv-title-btn-tags{
  padding-top: 20px;
}

@media(any-hover:hover){
  .top-mv-dissert-main:has(.top-mv-dissert-main-thumb:hover) .top-mv-dissert-main-thumb img,
  .top-mv-dissert-main:has(.top-mv-dissert-main-contents:hover) .top-mv-dissert-main-thumb img
  {
    transform: var(--hover_scale);
  }

  .top-mv-dissert-main:has(.top-mv-dissert-main-thumb:hover) .btn-circle,
  .top-mv-dissert-main:has(.top-mv-dissert-main-contents:hover) .btn-circle{
    color:#fff;
    background-color: #707070;
  }
}


.top_mv_dissert_sub{
  padding-top: 30px;
  padding-bottom: 54px;
  background-color: #FAFAFA;
  margin-bottom: 48px;
}

.top_mv_dissert_sub_inner{
  position: relative;
}

.top_mv_dissert_sub_nav{
  position: absolute;
  z-index: 10;
  cursor: pointer;
  width:36px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transition-duration: 0.4s;
  transition-property: filter;
  background-image: url('../imgs/common/arrow_r.svg');
  top:83px;
}

.top_mv_dissert_sub_nav.vanish{
  opacity: 0;
  pointer-events: none;
}
.top_mv_dissert_sub_nav.nav_vanish{
  opacity: 0;
  pointer-events: none;
}

.top_mv_dissert_sub_nav.slick-disabled{
  opacity: 0;
  pointer-events: none;
}

@media(any-hover:hover){
  .top_mv_dissert_sub_nav:hover{
    filter: invert(100);
  }
}


.top_mv_dissert_sub_prev{
    left:18px;
    transform: rotateZ(180deg);
}
.top_mv_dissert_sub_next{
    right:18px;
}

.top_mv_dissert_sub_slide_list{
  display: flex;
  padding-left: 72px;
}

.top_mv_dissert_sub_slide_list:has(.slick-list){
  padding-left: 0;
}

.top_mv_dissert_sub_slide_list .slick-list{
  padding-left: 72px;
}

.top_mv_dissert_sub_slide{
  width:302px;
  margin-inline: 14px;
  flex-shrink: 0;
  display: block;
}

.top_mv_dissert_sub_card{
  display: block;
}

.top_mv_dissert_sub_thumb{
  aspect-ratio: 1 / calc(202 / 302);
  overflow: hidden;
  margin-bottom: 15px;
}

.top_mv_dissert_sub_thumb img,
.top_mv_dissert_sub_thumb video,
.top_mv_dissert_sub_thumb iframe
{
  width:100%;
  height:100%;
  object-fit: cover;
  transition-duration: var(--c_duration);
}

.top_mv_dissert_sub_title{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
  transition-duration: var(--c_duration);
}

@media(any-hover:hover){
  .top_mv_dissert_sub_card:hover img{
    transform: var(--hover_scale);
  }
  .top_mv_dissert_sub_card:hover .top_mv_dissert_sub_title{
    color:#8B8B8B;
  }
}

.top_mv_dissert_cat_list{
  padding-inline: 32px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap:24px 40px;
}

.top_mv_dissert_cat_list a{
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  letter-spacing: 0.02em;
  position: relative;
  transition-duration: var(--c_duration);
}

.top_mv_dissert_cat_list a span{
  position: absolute;
  color: #B7B7B7;
  font-size: 10px;
  position: absolute;
  left:calc(100% + 2px);
  bottom:calc(100% - 3px);
}

@media(any-hover:hover){
  .top_mv_dissert_cat_list a:hover{
    color: #B7B7B7;
  }
}

.top-pickup{
  margin-top: 200px;
  margin-bottom: 230px;
  /* padding-left: 40px; */
  max-width: 2560px;
  margin-inline: auto;
}

.top-pickup *{
  box-sizing: border-box;
}

.top-pickup-list{
  display: flex;
  align-items: flex-start;
  padding-left: 40px;
}

.top-pickup-list:has(.slick-list){
  padding-left: 0;
}

.top-pickup-list .slick-list{
  padding-left: 40px;
}

.top-pickup .swiper-wrapper {
  transition-timing-function: linear;
}



.top-pickup-slide{
  width:415px;
  margin-inline: 13px;
  flex-shrink: 0;
} 

.top-pickup-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:15px;
}
.top-pickup-card.reverce{
  flex-direction: column-reverse;
}

.top-pickup-thumb{
  width:100%;
  overflow: hidden;
}

.top-pickup-thumb img{
  width: 100%;
  transition-duration: var(--c_duration);
}

.top-pickup-text{
  width:100%;
}

.top-pickup-title{
  color: #222;
  font-size: 12px;
  line-height: 2;
  transition-duration: var(--c_duration);
}

@media(any-hover:hover){
  .top-pickup-card:hover img{
    transform: var(--hover_scale);
  }
  .top-pickup-card:hover .top-pickup-title{
    color:#8B8B8B;
  }
}

@media screen and (min-width: 961px) {
  .sp_only{
    display: none!important;
  }
}

@media screen and (max-width: 960px) {

  .pc_only{
    display: none!important;
  }
  main:has(.top-mv) {
    padding-top: 44px;
  }

  .top-mv{
    max-width: 600px;
  }

  .top-mv-flex{
    display: flex;
    flex-direction: column;
    gap:40px 0;
    margin-left: 0;
  } 

  .top-mv-block{
    display: block;
    width: 100%;
  }

  .top-mv-block + .top-mv-block{
    margin-top: 0;
  }

  .top-mv-block-thumb{
    width:100%;
    margin-bottom: 16px;
  }

  .top-mv-block-thumb img,
  .top-mv-block-thumb video{
    height: auto;
  }

  .top-mv-block-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-inline: 20px;
  }

  .top-mv-block-title-category{
    font-size: 12px;
    letter-spacing: 0.02em;
    margin-bottom: 3px;
  }

  .top-mv-block-title-season{
    font-size: 14px;
    margin-bottom: 0;
  }

  .top-mv-block-title .btn-circle{
    height:36px;
    padding: 4px 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
  }

  .top-mv-block-title .btn-circle span{
    transform: translateY(0);
    font-size: 12px;
  }



  .top-topics {
    margin-bottom: 100px;
  }

  /* .top-topics-area::before{
    content:'';
    width:100%;
    height:calc(100% - 120px);
    background-color: #FAFAFA;
    z-index: -1;
    position: absolute;
    bottom:0;
    left:0;
  } */

  .top-topics-item{
    display: block!important;
    padding-bottom: 50px;
    padding-inline: 20px;
    overflow: hidden;
    min-height: 100%;
  }

  .top-topics-thumb{
    width:100%;
  }

  .top-topics-item-text{
    width:100%;
    padding-right: 0;
    padding-bottom: 16px;
  }
  .top-topics-item-text::before{
    /* content:none; */
    width:100vw;
    height:calc(100% + 50px + 120px);
    right:auto;
    left:50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .top-topics-item-contents{
    display: block;
    padding-top: 0;
    padding-left: 0;
    margin-top: -13px;
    position: relative;
    z-index: 1;
  }

  .top-topics-item-head{
    display: flex;
    margin-bottom: 15px;
  }
  .top-topics-item-head_name,
  .top-topics-item-head_cat{
    min-height: 26px;
    padding:4px 6px;
    font-size: 12px;
  }

  .top-topics-item-title{
    font-size: 14px;
    line-height: 1.6; /* 160% */
    margin-bottom: 8px;
  }

  .top-topics-item-date{
    margin-bottom: 20px;
    font-size: 11px;
  }
  .top-topics-item-info{
    margin-bottom: 20px;
    font-size: 12px;
    font-size: var(--base_font_size);
  }

  .top-topics-nav{
    bottom:0;
    right:0;
    /* z-index: 10; */
  }

  .top-topics-right02,
  .top-topics-left02{
    width:44px;
  }

  .top-topics-counter{
    bottom:15px;
    font-size: 11px; 
  }

  .top-topics .top-mv-title-btn-tags{
    padding-top: 20px;
    padding-left: 0;
  }

  .top-topics .slick-dots{
    display: none!important;
  }

  .top-mv-dissert{
    padding-top: 20px;
    margin-bottom: 100px!important;
  }

  .top-mv-dissert-main{
    max-width: 100%;
    margin-bottom: 28px;
    display: block;
  }

  .top-mv-dissert-main-thumb{
    width:calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 20px;
  }

  .top-mv-dissert-main-text{
    width:100%;
    padding-inline: 20px;
  }

  .top-mv-dissert-main-contents{
    padding-inline: 0;
  }

  .top-mv-dissert-main-head{
    font-size: 15px;
    gap:6px;
    margin-bottom: 8px;
  }
  .top-mv-dissert-main-head::before{
    width:14px;
    height:15px;
  }

  .top-mv-dissert-main-guide{
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.01em;
    padding-bottom: 0;
  }

  .top-mv-dissert-main-guide::after{
    content:none;
  }

  .top-mv-dissert-main-title{
    margin-bottom: 8px;
    padding-right: 10px;
    font-size: 14px;
  }

  .top-mv-dissert-main-title::after{
    width: 5px;
    height: 5px;
    right:0;
    top:2px;
    transform: translate(-50%, 50%);
  }

  .top-mv-dissert-main-date{
    margin-bottom: 20px;
    font-size: 11px;
  }

  .top-mv-dissert-main-info{
    font-size: 12px;
    font-size: var(--base_font_size);
    line-height: 2;
    margin-bottom: 20px;
  }

  .top-mv-dissert .btn-circle{
    width: fit-content;
    font-size: 12px;
    min-height:36px;
    border-radius: 9999px;
    padding: 8px 54px;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .top-mv-dissert .btn-circle span{
    font-size: 12px;
    transform: translateY(0);
  }

  .top-mv-dissert .top-mv-title-btn-tags{
    padding-top: 20px;
  }

  .top_mv_dissert_sub{
    padding:20px;
    margin-bottom: 24px;
  }

  .top_mv_dissert_sub_nav{
    display: none;
  }

  .top_mv_dissert_sub_slide_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:16px 20px;
    padding-left: 0;
  }

  .top_mv_dissert_sub_slide_list .slick-list{
    padding-left: 0;
  }

  .top_mv_dissert_sub_slide{
    width:100%;
    margin-inline: auto;
  }


  .top_mv_dissert_sub_thumb{
    aspect-ratio: 1 / calc(110 / 165);
    margin-bottom: 8px;
  }

  .top_mv_dissert_sub_title{
    font-size: 12px;
  }

  .top_mv_dissert_cat_list{
    padding-inline: 20px;
    gap:20px 40px;
  }

  .top_mv_dissert_cat_list a{
    font-size: 13px;
  }

  .top_mv_dissert_cat_list a span{
    font-size: 9px;
    left:calc(100% + 2px);
    bottom:calc(100% - 6px);
  }

  .top-pickup{
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 0;
  }

  .top-pickup-list{
    padding-left: 20px;
  }

  .top-pickup-list:has(.slick-list){
    padding-left: 0;
  }

  .top-pickup-list .slick-list{
    padding-left: 20px;
  }

  .top-pickup-slide{
    width:261px;
    margin-inline: 10px;
  } 

  .top-pickup-card{
    gap:10px;
  }

  .top-pickup-title{
    font-size: 12px;
  }


}/*@media screen and (max-width: 960px) {*/

/************************************************************/
/* dissertations search */
/************************************************************/
.diss-search {
  width: 100%;
  height: 82px;
  box-sizing: border-box;
  background-color: #FAFAFA;
  margin: 0 auto;
  display: table;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .diss-search {
    height: auto;
    display: block;
    padding: 18px calc(10px + 10px) 19px;
  }
}
.diss-search-text {
  display: table-cell;
  text-align: left;
  padding-left: calc(40px + 32px);
  font-size: 18px;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  .diss-search-text {
    display: block;
    font-size: 16px;
    padding-left: 0;
    padding-bottom: 20px;
  }
}
.diss-search-text span {
  font-size: 13px;
}
@media screen and (max-width: 960px) {
  .diss-search-text span {
    font-size: 10px;
  }
}
.diss-search-navs {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  padding-right: calc(40px + 32px);
}
@media screen and (max-width: 960px) {
  .diss-search-navs {
    display: flex;
    padding-right: 0;
    text-align: left;
    flex-wrap: wrap;
  }
}
.diss-search-navs-selectbox {
  display: table;
  width: auto;
  float: right;
  margin-left: 30px;
}
@media screen and (max-width: 960px) {
  .diss-search-navs-selectbox {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
  }
}
.diss-search-navs-selectbox:nth-of-type(1) {
  display: inline-block;
  order: 2;
  padding-left: 9px;
}
.diss-search-navs-selectbox:nth-of-type(2) {
  display: inline-block;
  order: 1;
  padding-right: 9px;
}
.diss-search-navs-selectbox-name {
  display: table-cell;
  font-size: 11px;
  vertical-align: middle;
  padding-right: 11px;
}
@media screen and (max-width: 960px) {
  .diss-search-navs-selectbox-name {
    display: block;
    padding-bottom: 7px;
  }
}
.diss-search-navs-selectbox-content {
  display: table-cell;
}
@media screen and (max-width: 960px) {
  .diss-search-navs-selectbox-content {
    display: block;
  }
}

/************************************************************/
/* dissertations content */
/************************************************************/
.diss-results {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 100px;
}
.diss-results h2 {
  width: 100%;
  height: 120px;
  display: block;
  margin-top: 26px;
}
@media screen and (max-width: 960px) {
  .diss-results h2 {
    height: 80px;
    margin-top: 16px;
  }
}
.diss-results h2:first-of-type {
  margin-top: 0;
}
.diss-results h2 span {
  font-size: 16px;
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  color: #222222;
}
@media screen and (max-width: 960px) {
  .diss-results h2 span {
    top: 50px;
    left: 20px;
  }
}
.diss-results h2:before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 1px;
  background-color: #707070;
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 960px) {
  .diss-results h2:before {
    top: 50px;
    width: 14px;
  }
}
.diss-results h2.notitle:before {
  visibility: hidden;
}
.diss-results-group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc(40px + 32px);
  
  min-height: 1px;
  /* columns: 5;
  column-fill: balance;
  column-gap: 25px;
  column-width: auto; */
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap:25px;
}
@media screen and (max-width: 1980px) {
  .diss-results-group {
    /* columns: 4; */
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1366px) {
  .diss-results-group {
    /* columns: 3; */
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .diss-results-group {
    padding: 0 calc(10px + 10px);
    /* columns: 2;
    column-gap: 18px; */
    gap:18px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .diss-results-group {
    /* columns: 1; */
    grid-template-columns: repeat(1, 1fr);
  }
}
.diss-results-item {
  page-break-inside: avoid;
  break-inside: avoid;
  /*border-bottom: 1px solid $color_Gray4;*/
  padding-bottom: 64px;
  /*margin-bottom: 34px;*/
  min-height: 100px;
  width: 100%;
}
/* .diss-results-item:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #707070;
  left: 0;
  bottom: 34px;
} */
.diss-results-item-img {
  margin-bottom: 25px;
}
.diss-results-item-img a {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.diss-results-item-img a img {
  width: 100%;
  height: auto;
  min-height: 100px;
}
.diss-results-item .top-mv-title-disstitle {
  line-height: 1.7em;
  margin-bottom: -5px;
}
.diss-results-item .top-mv-title-btn-text {
  padding-right: 0;
}
.diss-results .video .diss-results-item-img a:after {
  z-index: 1;
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background-image: url(../imgs/common/icon_movieplay.svg);
}

/************************************************************/
/* Dissertation Search A-Z Navi */
.diss-az-nav {
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: table;
  width: 40px;
  height: calc(100% - 70px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
@media screen and (max-width: 960px) {
  .diss-az-nav {
    display: none;
  }
}
.diss-az-nav-on {
  opacity: 1;
  pointer-events: auto;
}
.diss-az-nav-off {
  visibility: hidden;
}
.diss-az-nav div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.diss-az-nav div a {
  display: inline-block;
  font-size: 11px;
  padding: 4px 0;
  color: #B7B7B7;
  transition: color 0.5s;
}
.diss-az-nav div a:before {
  background-color: #B7B7B7;
}
.diss-az-nav div a:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #222222;
  position: absolute;
  left: calc(100% + 3px);
  top: calc(50% + 1px);
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
}
.diss-az-nav div a.on {
  color: #222222;
  overflow: visible;
}
.diss-az-nav div a.on:before {
  background-color: #222222;
}
.diss-az-nav div a.on:after {
  opacity: 1;
}

/************************************************************/
/* dissertations category link */
/************************************************************/
.diss-categorylink {
  width: 100%;
  height: auto;
  background-color: #FAFAFA;
  padding: 54px 0;
  box-sizing: border-box;
  color: #222222;
  margin-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .diss-categorylink {
    display: block;
    padding: 30px 0 20px;
    text-align: center;
    margin-bottom: 60px;
  }
}
.diss-categorylink-totop {
  visibility: hidden;
}
.diss-categorylink-inner {
  width: 100%;
  text-align: center;
}
.diss-categorylink h3 {
  display: inline-block;
  font-size: 11px;
}
.diss-categorylink h3 img {
  height: 18px;
  width: auto;
  vertical-align: middle;
  margin-right: 11px;
}
@media screen and (max-width: 960px) {
  .diss-categorylink h3 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
  }
}
.diss-categorylink ul {
  display: inline-block;
  list-style-type: none;
}
@media screen and (max-width: 960px) {
  .diss-categorylink ul {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
}
.diss-categorylink ul li {
  margin-left: 57px;
  font-size: 12px;
  display: inline-block;
}
.diss-categorylink ul li:before {
  background-color: #222222;
}
@media screen and (max-width: 960px) {
  .diss-categorylink ul li {
    width: 33.33%;
    height: 40px;
    margin-left: 0;
  }
  .diss-categorylink ul li span {
    white-space: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/************************************************************/
/* dissertations detail */
/************************************************************/
/************************************************************/
.dissertations-detail-title {
  width: 598px;
  height: auto;
  margin: 0 auto;
  margin-top: 97px;
  margin-bottom: 77px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-title {
    width: 74.23133%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .dissertations-detail-title {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 calc(10px + 10px);
  }
}
.dissertations-detail-title h2 {
  font-size: 16px;
  line-height: 1;
  color: #B7B7B7;
  margin-bottom: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-title h2 {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
.dissertations-detail-title h2 span {
  display: inline-block;
  background-color: #222222;
  color: #FFFFFF;
  padding: 4px 10px;
  margin-left: 10px;
}
.dissertations-detail-title h1 {
  font-size: 24px;
  line-height: 1.4166666667;
  color: #222222;
  margin-bottom: 38px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-title h1 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 23px;
  }
}
.dissertations-detail-title p {
  font-size: 13px;
  line-height: 1.76923;
  color: #222222;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-title p {
    font-size: 13px;
    line-height: 1.76923;
  }
}

/************************************************************/
.dissertations-detail-category {
  width: 100%;
  background-color: #FAFAFA;
  padding: 35px calc(40px + 32px) 35px;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-category {
    padding: 20px calc(10px + 10px);
    margin-bottom: 60px;
  }
}
.dissertations-detail-category:after {
  content: "";
  display: block;
  clear: both;
}
.dissertations-detail-category table {
  width: auto;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  float: left;
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-category table {
    margin-right: 26px;
  }
}
.dissertations-detail-category table th, .dissertations-detail-category table td {
  vertical-align: top;
  font-size: 11px;
  line-height: 1.6363636364;
  text-align: left;
}
.dissertations-detail-category table th.keyword, .dissertations-detail-category table td.keyword {
  color: #222222 !important;
  font-size: 14px;
  line-height: 1.4285714286;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-category table th.keyword, .dissertations-detail-category table td.keyword {
    font-size: 11px;
    line-height: 1.8181818182;
  }
}
.dissertations-detail-category table th {
  color: #222222;
  padding-right: 9px;
  white-space: nowrap;
}
.dissertations-detail-category table td {
  color: #B7B7B7;
  font-size: 10px;
  line-height: 1.8;
}
.dissertations-detail-category table td a {
  color: #B7B7B7;
  margin-right: 1em;
}
.dissertations-detail-category table td a:before {
  background-color: #B7B7B7;
}
.dissertations-detail-category table img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-category table img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 960px) {
  .dissertations-detail-category-tags {
    clear: both;
    margin-top: 20px;
    margin-right: 0;
  }
}

/************************************************************/
.dissertations-detail-content {
  width: 100%;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.7692307692;
  font-family: "acumin-pro", "heisei-kaku-gothic-std", sans-serif !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content {
    font-size: 11px;
    line-height: 1.9090909091;
  }
}
.dissertations-detail-content > div {
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content > div {
    margin-bottom: 60px;
  }
}
.dissertations-detail-content .imageOne, .dissertations-detail-content .imageAndCaption {
  width: 74.2313323572%;
  max-width: 1014px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .imageOne, .dissertations-detail-content .imageAndCaption {
    width: 100%;
    max-width: 100%;
  }
}
.dissertations-detail-content .imageOne img, .dissertations-detail-content .imageOne span.movieWrapper, .dissertations-detail-content .imageAndCaption img, .dissertations-detail-content .imageAndCaption span.movieWrapper {
  width: 100%;
  display: block;
}
.dissertations-detail-content .imageOne figcaption, .dissertations-detail-content .imageAndCaption figcaption {
  width: 598px;
  box-sizing: border-box;
  color: #B7B7B7;
  font-size: 11px;
  line-height: 1.6363636364;
  margin: 16px auto 0;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .imageOne figcaption, .dissertations-detail-content .imageAndCaption figcaption {
    width: 100%;
    padding: 0px calc(10px + 10px);
    font-size: 10px;
    line-height: 1.6;
    margin: 17px auto 0;
  }
}
.dissertations-detail-content .text {
  width: 598px;
  box-sizing: border-box;
  color: #222222;
  font-size: 13px;
  line-height: 1.7692307692;
  font-family: "acumin-pro", "heisei-kaku-gothic-std", sans-serif !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .text {
    width: 100%;
    padding: 0px calc(10px + 10px);
    font-size: 11px;
    line-height: 1.9090909091;
  }
}
.dissertations-detail-content .text h1, .dissertations-detail-content .text h2, .dissertations-detail-content .text h3, .dissertations-detail-content .text h4, .dissertations-detail-content .text h5, .dissertations-detail-content .text h6 {
  font-style: 16px;
  line-height: 1.25;
  margin-bottom: 31px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .text h1, .dissertations-detail-content .text h2, .dissertations-detail-content .text h3, .dissertations-detail-content .text h4, .dissertations-detail-content .text h5, .dissertations-detail-content .text h6 {
    font-style: 13px;
    line-height: 1.5384615385;
    margin-bottom: 16px;
  }
}
.dissertations-detail-content .text a {
  text-decoration: underline;
}
.dissertations-detail-content .imageTwo {
  width: 74.2313323572%;
  max-width: 1014px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.dissertations-detail-content .imageTwo:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .imageTwo {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.dissertations-detail-content .imageTwo > img {
  display: inline-block;
  width: 48.7179487179%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .imageTwo > img {
    width: 65.3333333333%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.dissertations-detail-content .imageTwo > img:nth-of-type(1) {
  margin-right: 2.3668639053%;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .imageTwo > img:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .imageTwo > img:nth-of-type(2) {
    clear: both;
  }
}
.dissertations-detail-content .itemInfo {
  width: 74.2313323572%;
  max-width: 1014px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.dissertations-detail-content .itemInfo:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .itemInfo {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.dissertations-detail-content .itemInfo > img {
  display: inline-block;
  width: 48.7179487179%;
  height: auto;
  float: left;
  box-sizing: border-box;
  margin-right: 2.3668639053%;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .itemInfo > img {
    width: 65.3333333333%;
    margin-right: 0;
    margin-bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.dissertations-detail-content .itemInfo > div {
  display: inline-block;
  width: 48.7179487179%;
  text-align: left;
  clear: both;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .itemInfo > div {
    clear: both;
    width: calc(100% - (20px) * 2);
    margin: 0 auto;
    box-sizing: border-box;
    float: left;
    left: 50%;
    transform: translateX(-50%);
  }
}
.dissertations-detail-content .itemInfo > div p {
  font-size: 13px;
  line-height: 1.7692307692;
  color: #222222;
  padding-bottom: 1em;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .itemInfo > div p {
    font-size: 11px;
    line-height: 1.9090909091;
  }
}
.dissertations-detail-content .itemInfo > div p a {
  margin-top: 10px;
}
.dissertations-detail-content .itemInfo > div p > span {
  color: #B7B7B7;
}
.dissertations-detail-content .itemInfo > div p > strong {
  color: #222222;
}

/************************************************************/
.dissertations-detail-content-link {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 80px;
  background-color: #FAFAFA;
  box-sizing: border-box;
  padding: 20px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content-link {
    width: calc(100% - (10px + 10px) * 2);
    max-width: calc(100% - (10px + 10px) * 2);
  }
}
.dissertations-detail-content-link p {
  font-size: 13px;
  color: #222222;
  margin-bottom: 10px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content-link p {
    font-size: 11px;
  }
}
.dissertations-detail-content-link p:first-of-type {
  margin-bottom: 20px;
}
.dissertations-detail-content-link p:last-of-type {
  margin-bottom: 0px;
}

@media screen and (max-width: 960px) {
  .mt-be-column > .dissertations-detail-content-link,
  .common-one-column > .dissertations-detail-content-link {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/************************************************************/
.dissertations-detail-nextprev {
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  background-color: #FAFAFA;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev {
    height: 152px;
  }
}
.dissertations-detail-nextprev-prev {
  width: calc(50% - 13px - 18px);
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: calc(50% + 13px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev {
    display: block;
    left: 50%;
    width: 50%;
    text-align: center;
    padding-top: 15px;
  }
}
.dissertations-detail-nextprev-prev .hoverImg img {
  width: 130px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .hoverImg img {
    width: 70px;
  }
}
.dissertations-detail-nextprev-prev .inlineBlockLink {
  box-sizing: border-box;
  padding-left: 22px;
  width: calc(100% - 130px);
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .inlineBlockLink {
    padding-left: 0;
    padding-top: 5px;
    width: 80%;
  }
}
.dissertations-detail-nextprev-prev .inlineBlockLink p span {
  font-size: 12px;
  color: #B7B7B7;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .inlineBlockLink p span {
    font-size: 11px;
  }
}
.dissertations-detail-nextprev-prev .inlineBlockLink p.date span {
  font-size: 11px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .inlineBlockLink p.date span {
    font-size: 10px;
  }
}
.dissertations-detail-nextprev-prev .inlineBlockLink p {
  padding: 0.35em 0;
}
.dissertations-detail-nextprev-prev .inlineBlockLink div {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .inlineBlockLink div {
    width: 100%;
    height: 40px;
    margin: 0 auto;
  }
}
.dissertations-detail-nextprev-prev .inlineBlockLink div p {
  font-size: 14px;
  color: #222222;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .inlineBlockLink div p {
    text-align: center;
    font-size: 11px;
    width: 100%;
  }
}
.dissertations-detail-nextprev-prev .hoverInvert, .dissertations-detail-nextprev-prev .search-stockist .left, .search-stockist .dissertations-detail-nextprev-prev .left, .dissertations-detail-nextprev-prev .search-stockist .right, .search-stockist .dissertations-detail-nextprev-prev .right, .dissertations-detail-nextprev-prev .search-topics .left, .search-topics .dissertations-detail-nextprev-prev .left, .dissertations-detail-nextprev-prev .search-topics .right, .search-topics .dissertations-detail-nextprev-prev .right, .dissertations-detail-nextprev-prev .search-lookbook .left, .search-lookbook .dissertations-detail-nextprev-prev .left, .dissertations-detail-nextprev-prev .search-lookbook .right, .search-lookbook .dissertations-detail-nextprev-prev .right, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-left, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-right, .dissertations-detail-nextprev-prev nav.number-nav a, nav.number-nav .dissertations-detail-nextprev-prev a, .dissertations-detail-nextprev-prev .top-rr-items-right, .dissertations-detail-nextprev-prev .top-rr-items-left, .dissertations-detail-nextprev-prev .top-topics-right, .dissertations-detail-nextprev-prev .top-topics-left {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .hoverInvert, .dissertations-detail-nextprev-prev .search-stockist .left, .search-stockist .dissertations-detail-nextprev-prev .left, .dissertations-detail-nextprev-prev .search-stockist .right, .search-stockist .dissertations-detail-nextprev-prev .right, .dissertations-detail-nextprev-prev .search-topics .left, .search-topics .dissertations-detail-nextprev-prev .left, .dissertations-detail-nextprev-prev .search-topics .right, .search-topics .dissertations-detail-nextprev-prev .right, .dissertations-detail-nextprev-prev .search-lookbook .left, .search-lookbook .dissertations-detail-nextprev-prev .left, .dissertations-detail-nextprev-prev .search-lookbook .right, .search-lookbook .dissertations-detail-nextprev-prev .right, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-left, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-right, .dissertations-detail-nextprev-prev nav.number-nav a, nav.number-nav .dissertations-detail-nextprev-prev a, .dissertations-detail-nextprev-prev .top-rr-items-right, .dissertations-detail-nextprev-prev .top-rr-items-left, .dissertations-detail-nextprev-prev .top-topics-right, .dissertations-detail-nextprev-prev .top-topics-left {
    right: 8px;
  }
}
.dissertations-detail-nextprev-prev .hoverInvert:before, .dissertations-detail-nextprev-prev .search-stockist .left:before, .search-stockist .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-stockist .right:before, .search-stockist .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .search-topics .left:before, .search-topics .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-topics .right:before, .search-topics .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .search-lookbook .left:before, .search-lookbook .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-lookbook .right:before, .search-lookbook .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-left:before, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-right:before, .dissertations-detail-nextprev-prev nav.number-nav a:before, nav.number-nav .dissertations-detail-nextprev-prev a:before, .dissertations-detail-nextprev-prev .top-rr-items-right:before, .dissertations-detail-nextprev-prev .top-rr-items-left:before, .dissertations-detail-nextprev-prev .top-topics-right:before, .dissertations-detail-nextprev-prev .top-topics-left:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-prev .hoverInvert:before, .dissertations-detail-nextprev-prev .search-stockist .left:before, .search-stockist .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-stockist .right:before, .search-stockist .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .search-topics .left:before, .search-topics .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-topics .right:before, .search-topics .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .search-lookbook .left:before, .search-lookbook .dissertations-detail-nextprev-prev .left:before, .dissertations-detail-nextprev-prev .search-lookbook .right:before, .search-lookbook .dissertations-detail-nextprev-prev .right:before, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-left:before, .dissertations-detail-nextprev-prev .lookbook-top-seasons-slick-inner-right:before, .dissertations-detail-nextprev-prev nav.number-nav a:before, nav.number-nav .dissertations-detail-nextprev-prev a:before, .dissertations-detail-nextprev-prev .top-rr-items-right:before, .dissertations-detail-nextprev-prev .top-rr-items-left:before, .dissertations-detail-nextprev-prev .top-topics-right:before, .dissertations-detail-nextprev-prev .top-topics-left:before {
    width: 18px;
    height: 18px;
  }
}
.dissertations-detail-nextprev-next {
  width: calc(50% - 40px - 32px);
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: calc(40px + 32px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next {
    display: block;
    left: 0;
    width: 50%;
    text-align: center;
    padding-top: 15px;
  }
}
.dissertations-detail-nextprev-next .hoverImg img {
  width: 130px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .hoverImg img {
    width: 70px;
  }
}
.dissertations-detail-nextprev-next .inlineBlockLink {
  box-sizing: border-box;
  padding-left: 22px;
  width: calc(100% - 130px);
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .inlineBlockLink {
    padding-left: 0;
    padding-top: 5px;
    width: 80%;
  }
}
.dissertations-detail-nextprev-next .inlineBlockLink p span {
  font-size: 12px;
  color: #B7B7B7;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .inlineBlockLink p span {
    font-size: 11px;
  }
}
.dissertations-detail-nextprev-next .inlineBlockLink p.date span {
  font-size: 11px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .inlineBlockLink p.date span {
    font-size: 10px;
  }
}
.dissertations-detail-nextprev-next .inlineBlockLink p {
  padding: 0.35em 0;
}
.dissertations-detail-nextprev-next .inlineBlockLink div {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .inlineBlockLink div {
    width: 100%;
    height: 40px;
    margin: 0 auto;
  }
}
.dissertations-detail-nextprev-next .inlineBlockLink div p {
  font-size: 14px;
  color: #222222;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .inlineBlockLink div p {
    text-align: center;
    font-size: 11px;
    width: 100%;
  }
}
.dissertations-detail-nextprev-next .hoverInvert, .dissertations-detail-nextprev-next .search-stockist .left, .search-stockist .dissertations-detail-nextprev-next .left, .dissertations-detail-nextprev-next .search-stockist .right, .search-stockist .dissertations-detail-nextprev-next .right, .dissertations-detail-nextprev-next .search-topics .left, .search-topics .dissertations-detail-nextprev-next .left, .dissertations-detail-nextprev-next .search-topics .right, .search-topics .dissertations-detail-nextprev-next .right, .dissertations-detail-nextprev-next .search-lookbook .left, .search-lookbook .dissertations-detail-nextprev-next .left, .dissertations-detail-nextprev-next .search-lookbook .right, .search-lookbook .dissertations-detail-nextprev-next .right, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-left, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-right, .dissertations-detail-nextprev-next nav.number-nav a, nav.number-nav .dissertations-detail-nextprev-next a, .dissertations-detail-nextprev-next .top-rr-items-right, .dissertations-detail-nextprev-next .top-rr-items-left, .dissertations-detail-nextprev-next .top-topics-right, .dissertations-detail-nextprev-next .top-topics-left {
  position: absolute;
  top: 50%;
  left: -54px;
  transform: translateY(-50%);
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .hoverInvert, .dissertations-detail-nextprev-next .search-stockist .left, .search-stockist .dissertations-detail-nextprev-next .left, .dissertations-detail-nextprev-next .search-stockist .right, .search-stockist .dissertations-detail-nextprev-next .right, .dissertations-detail-nextprev-next .search-topics .left, .search-topics .dissertations-detail-nextprev-next .left, .dissertations-detail-nextprev-next .search-topics .right, .search-topics .dissertations-detail-nextprev-next .right, .dissertations-detail-nextprev-next .search-lookbook .left, .search-lookbook .dissertations-detail-nextprev-next .left, .dissertations-detail-nextprev-next .search-lookbook .right, .search-lookbook .dissertations-detail-nextprev-next .right, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-left, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-right, .dissertations-detail-nextprev-next nav.number-nav a, nav.number-nav .dissertations-detail-nextprev-next a, .dissertations-detail-nextprev-next .top-rr-items-right, .dissertations-detail-nextprev-next .top-rr-items-left, .dissertations-detail-nextprev-next .top-topics-right, .dissertations-detail-nextprev-next .top-topics-left {
    left: 8px;
  }
}
.dissertations-detail-nextprev-next .hoverInvert:before, .dissertations-detail-nextprev-next .search-stockist .left:before, .search-stockist .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-stockist .right:before, .search-stockist .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .search-topics .left:before, .search-topics .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-topics .right:before, .search-topics .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .search-lookbook .left:before, .search-lookbook .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-lookbook .right:before, .search-lookbook .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-left:before, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-right:before, .dissertations-detail-nextprev-next nav.number-nav a:before, nav.number-nav .dissertations-detail-nextprev-next a:before, .dissertations-detail-nextprev-next .top-rr-items-right:before, .dissertations-detail-nextprev-next .top-rr-items-left:before, .dissertations-detail-nextprev-next .top-topics-right:before, .dissertations-detail-nextprev-next .top-topics-left:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url(../imgs/common/arrow_r.svg);
  transform: rotate(180deg);
}
@media screen and (max-width: 960px) {
  .dissertations-detail-nextprev-next .hoverInvert:before, .dissertations-detail-nextprev-next .search-stockist .left:before, .search-stockist .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-stockist .right:before, .search-stockist .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .search-topics .left:before, .search-topics .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-topics .right:before, .search-topics .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .search-lookbook .left:before, .search-lookbook .dissertations-detail-nextprev-next .left:before, .dissertations-detail-nextprev-next .search-lookbook .right:before, .search-lookbook .dissertations-detail-nextprev-next .right:before, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-left:before, .dissertations-detail-nextprev-next .lookbook-top-seasons-slick-inner-right:before, .dissertations-detail-nextprev-next nav.number-nav a:before, nav.number-nav .dissertations-detail-nextprev-next a:before, .dissertations-detail-nextprev-next .top-rr-items-right:before, .dissertations-detail-nextprev-next .top-rr-items-left:before, .dissertations-detail-nextprev-next .top-topics-right:before, .dissertations-detail-nextprev-next .top-topics-left:before {
    width: 18px;
    height: 18px;
  }
}

/************************************************************/
@media screen and (max-width: 767px) {
  .related-posts {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .top-mv-title-btn-tags,
  .related-posts .btn-circle-parent,
  .related-posts .top-mv-title-date {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .diss-results-item-img {
    display: inline-block;
    width: auto;
    padding-right: 12px;
    padding-top: 1px;
    margin-bottom: 0;
  }
}
.related-posts .diss-results-item-img a {
  width: auto;
}
.related-posts .diss-results-item-img a:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .related-posts .diss-results-item-img a img {
    width: 88px !important;
    height: auto;
    min-height: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .top-mv-title-btn-text {
    width: 100% !important;
    height: auto !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .video .hoverImg:after {
    width: 30px !important;
    height: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .diss-results-item {
    padding-bottom: 44px;
    min-height: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .related-posts .diss-results-item:after {
    bottom: 25px;
  }
  .related-posts .diss-results-item a.inlineBlockLink {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .top-mv-title-disstitle {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .related-posts .withImg {
    width: calc(100% - 101px);
  }
}

body.dissertations .common-mv-texts > p {
  border-bottom: 1px solid #707070;
  padding-bottom: 20px;
}

/************************************************************/
/* lookbook top links */
/************************************************************/
.lookbook-top-links {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-links {
    width: calc(100% - (10px + 10px) * 2);
  }
}
@media screen and (max-width: 767px) {
  .lookbook-top-links {
    margin-bottom: 30px;
  }
}
.lookbook-top-links-item {
  width: calc((100% - 26px) / 2);
  display: flex;
  flex-wrap: wrap;
  color: #222222;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .lookbook-top-links-item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.lookbook-top-links-item:nth-of-type(2n-1) {
  margin-right: 26px;
}
@media screen and (max-width: 767px) {
  .lookbook-top-links-item:nth-of-type(2n-1) {
    margin-right: 0;
  }
}
.lookbook-top-links-item-img {
  width: 47.8260869565%;
  order: 2;
}
.lookbook-top-links-item-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .lookbook-top-links-item-img {
    order: 1;
    width: 100%;
  }
}
.lookbook-top-links-item-texts {
  order: 1;
  width: 52.1739130435%;
}
@media screen and (max-width: 767px) {
  .lookbook-top-links-item-texts {
    order: 2;
    width: 100%;
  }
}
.lookbook-top-links-item-texts a.inlineBlockLink {
  width: 100%;
  box-sizing: border-box;
}
.lookbook-top-links-item-texts h3 {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .lookbook-top-links-item-texts h3 {
    padding-top: 20px;
  }
}
.lookbook-top-links-item-texts p, .lookbook-top-links-item-texts h3 {
  box-sizing: border-box;
  padding-right: 26px;
}
@media screen and (max-width: 767px) {
  .lookbook-top-links-item-texts p, .lookbook-top-links-item-texts h3 {
    padding-right: 0;
  }
}
.lookbook-top-links-item-texts-date {
  font-size: 10px;
  color: #B7B7B7;
  margin-top: 7px;
}
.lookbook-top-links-item-texts-content {
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 1.8333333333;
  margin-top: 20px;
  border-top: 1px solid #707070;
  padding-top: 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-links-item-texts-content {
    font-size: 11px;
    font-size: 12px;
    line-height: 1.9090909091;
  }
}

/************************************************************/
/* lookbook top archives */
/************************************************************/
/************************************************************/
.lookbook-top-seasons {
  width: 100%;
  height: 99px;
  margin-bottom: 100px;
  box-sizing: border-box;
  transition: height 0.5s;
  padding-bottom: 0;
  margin-top: -16px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons {
    height: auto;
    margin-bottom: 80px;
    margin-top: -15px;
  }
}
.lookbook-top-seasons-open {
  height: 392px !important;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-open {
    height: auto !important;
  }
}

@keyframes slidelineanime {
  from {
    transform-origin: left;
    transform: scaleX(0);
  }
  to {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.lookbook-top-seasons-btn {
  position: absolute;
  width: calc(50% - 13px - 40px - 32px);
  height: 91px;
  box-sizing: border-box;
}
.lookbook-top-seasons-btn-anime:after {
  animation: slidelineanime 17s 1 cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn {
    height: 77px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    z-index: 1;
  }
}
.lookbook-top-seasons-btn:before, .lookbook-top-seasons-btn:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #707070;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn:before, .lookbook-top-seasons-btn:after {
    width: calc(100% - 40px);
    left: 20px;
    bottom: 27px;
  }
}
.lookbook-top-seasons-btn:before {
  background-color: #E5E5E5;
  z-index: 0;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-open:before, .lookbook-top-seasons-btn-open:after {
    visibility: hidden;
  }
}
.lookbook-top-seasons-btn-open .lookbook-top-seasons-btn-archives:after {
  filter: invert(100);
  transform: rotate(-90deg);
}
.lookbook-top-seasons-btn-open .lookbook-top-seasons-btn-archives:hover:after {
  filter: invert(100);
}
.lookbook-top-seasons-btn-vv {
  top: 0;
  left: 72px;
  right: auto;
  bottom: auto;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-vv {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
  }
}
.lookbook-top-seasons-btn-vv img {
  width: 80px;
  height: auto;
  transform: translateY(8px);
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-vv img {
    width: 65px;
    transform: translateY(6.5px);
  }
}
.lookbook-top-seasons-btn-wmv {
  top: 0;
  left: auto;
  right: 72px;
  bottom: auto;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-wmv {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    margin-top: 25px;
  }
}
.lookbook-top-seasons-btn-wmv img {
  width: 65px;
  height: auto;
  transform: translateY(8px);
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-wmv img {
    width: 47px;
    transform: translateY(6.5px) translateX(10px);
    margin-right: 18px;
  }
}
.lookbook-top-seasons-btn-archives {
  font-size: 11px;
  color: #222222;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 7px;
}
.lookbook-top-seasons-btn-archives:after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(/assets/imgs/common/arrow_r.svg);
  vertical-align: middle;
  margin-left: 5px;
  transform: rotate(90deg);
  transition: filter 0.5s;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-archives {
    right: 26px;
  }
}
.lookbook-top-seasons-btn-archives:hover:after {
  filter: invert(100);
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn-archives:hover:after {
    filter: invert(0);
  }
}
.lookbook-top-seasons-btn img {
  vertical-align: top;
}
.lookbook-top-seasons-btn p {
  display: inline-block;
  margin-left: 26px;
  vertical-align: top;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-btn p {
    margin-left: 20px;
  }
}
.lookbook-top-seasons-btn p span.update-dot {
  font-size: 12px;
  color: #222222;
}
.lookbook-top-seasons-btn p span.date {
  font-size: 10px;
  color: #B7B7B7;
  transform: translateY(5px);
  display: inline-block;
}
.lookbook-top-seasons-btn p a.hoverLine:before, .lookbook-top-seasons-btn p .search-topics .tags a:before, .search-topics .tags .lookbook-top-seasons-btn p a:before, .lookbook-top-seasons-btn p .search-lookbook .tags a:before, .search-lookbook .tags .lookbook-top-seasons-btn p a:before, .lookbook-top-seasons-btn .pr-related-posts-group p.tags a:before, .pr-related-posts-group .lookbook-top-seasons-btn p.tags a:before, .lookbook-top-seasons-btn .pr-list-item > div:nth-of-type(2) p.tags a:before, .pr-list-item > div:nth-of-type(2) .lookbook-top-seasons-btn p.tags a:before, .lookbook-top-seasons-btn .stockist-item-info p.tags a:before, .stockist-item-info .lookbook-top-seasons-btn p.tags a:before, .lookbook-top-seasons-btn p .top-mv-title-btn-tags a:before, .top-mv-title-btn-tags .lookbook-top-seasons-btn p a:before, .lookbook-top-seasons-btn p .diss-az-nav div a:before, .diss-az-nav div .lookbook-top-seasons-btn p a:before, .lookbook-top-seasons-btn p .dissertations-detail-category table td a:before, .dissertations-detail-category table td .lookbook-top-seasons-btn p a:before {
  background-color: #222222;
}

/************************************************************/
/* SLICK */
.lookbook-top-seasons-slick {
  width: 100%;
  height: 293px;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 99px;
  left: 0;
  background-color: #8B8B8B;
  transition: height 0.5s;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick {
    z-index: 0;
    position: relative;
    top: 0;
    transition: height 0.5s, margin-bottom 0.5s;
    margin-top: -27px;
    margin-bottom: 30px;
  }
}

.lookbook-top-seasons-slick-open {
  height: 293px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-open {
    height: 182px;
    margin-bottom: 0px;
  }
}

.lookbook-top-seasons-slick-inner {
  position: absolute;
  width: calc(100% - 72px);
  top: 40px;
  left: 72px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-inner {
    width: calc(100% - 20px);
    top: 43px;
    left: 20px;
  }
}
.lookbook-top-seasons-slick-inner .hoverParent {
  display: inline-block;
  box-sizing: border-box;
  padding-right: 26px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-inner .hoverParent {
    padding-right: 20px;
  }
}
.lookbook-top-seasons-slick-inner .hoverImg img {
  width: 286px;
  height: 191px;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-inner .hoverImg img {
    width: 140px;
    height: 94px;
  }
}
.lookbook-top-seasons-slick-inner .hoverLine, .lookbook-top-seasons-slick-inner .search-topics .tags a, .search-topics .tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .search-lookbook .tags a, .search-lookbook .tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .pr-related-posts-group p.tags a, .pr-related-posts-group p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .pr-list-item > div:nth-of-type(2) p.tags a, .pr-list-item > div:nth-of-type(2) p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .stockist-item-info p.tags a, .stockist-item-info p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .top-mv-title-btn-tags a, .top-mv-title-btn-tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .diss-az-nav div a, .diss-az-nav div .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .dissertations-detail-category table td a, .dissertations-detail-category table td .lookbook-top-seasons-slick-inner a {
  font-size: 12px;
  color: #FFFFFF;
  padding-top: 20px;
}
.lookbook-top-seasons-slick-inner .hoverLine:after, .lookbook-top-seasons-slick-inner .search-topics .tags a:after, .search-topics .tags .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .search-lookbook .tags a:after, .search-lookbook .tags .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .pr-related-posts-group p.tags a:after, .pr-related-posts-group p.tags .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .pr-list-item > div:nth-of-type(2) p.tags a:after, .pr-list-item > div:nth-of-type(2) p.tags .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .stockist-item-info p.tags a:after, .stockist-item-info p.tags .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .top-mv-title-btn-tags a:after, .top-mv-title-btn-tags .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .diss-az-nav div a:after, .diss-az-nav div .lookbook-top-seasons-slick-inner a:after, .lookbook-top-seasons-slick-inner .dissertations-detail-category table td a:after, .dissertations-detail-category table td .lookbook-top-seasons-slick-inner a:after {
  background-color: #FFFFFF;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-inner .hoverLine, .lookbook-top-seasons-slick-inner .search-topics .tags a, .search-topics .tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .search-lookbook .tags a, .search-lookbook .tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .pr-related-posts-group p.tags a, .pr-related-posts-group p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .pr-list-item > div:nth-of-type(2) p.tags a, .pr-list-item > div:nth-of-type(2) p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .stockist-item-info p.tags a, .stockist-item-info p.tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .top-mv-title-btn-tags a, .top-mv-title-btn-tags .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .diss-az-nav div a, .diss-az-nav div .lookbook-top-seasons-slick-inner a, .lookbook-top-seasons-slick-inner .dissertations-detail-category table td a, .dissertations-detail-category table td .lookbook-top-seasons-slick-inner a {
    font-size: 11px;
    padding-top: 15px;
  }
}
.lookbook-top-seasons-slick-inner-right {
  position: absolute;
  top: 80px;
  right: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-inner-right {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}
.lookbook-top-seasons-slick-inner-left {
  position: absolute;
  top: 80px;
  left: calc(-1 * (40px + 32px - 15px));
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: rotate(180deg);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .lookbook-top-seasons-slick-inner-left {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}

/************************************************************/
/* lookbook Detail Header */
/************************************************************/
header.lookbook-detail-header {
  position: fixed;
  width: auto;
  height: 70px;
  z-index: 1000;
  top: 0;
  left: 0;
  display: table;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header {
    height: 52px;
  }
}
header.lookbook-detail-header .lookbook-detail-header-inner {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding-left: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .lookbook-detail-header-inner {
    padding-left: 10px;
  }
}
header.lookbook-detail-header .lookbook-detail-header-inner a, header.lookbook-detail-header .lookbook-detail-header-inner div.dropdown {
  position: auto;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .lookbook-detail-header-inner a, header.lookbook-detail-header .lookbook-detail-header-inner div.dropdown {
    margin-right: 8px;
  }
}
header.lookbook-detail-header .lookbook-detail-header-inner a.hoverInvert img, header.lookbook-detail-header .lookbook-detail-header-inner .search-stockist a.left img, .search-stockist header.lookbook-detail-header .lookbook-detail-header-inner a.left img, header.lookbook-detail-header .lookbook-detail-header-inner .search-stockist a.right img, .search-stockist header.lookbook-detail-header .lookbook-detail-header-inner a.right img, header.lookbook-detail-header .lookbook-detail-header-inner .search-topics a.left img, .search-topics header.lookbook-detail-header .lookbook-detail-header-inner a.left img, header.lookbook-detail-header .lookbook-detail-header-inner .search-topics a.right img, .search-topics header.lookbook-detail-header .lookbook-detail-header-inner a.right img, header.lookbook-detail-header .lookbook-detail-header-inner .search-lookbook a.left img, .search-lookbook header.lookbook-detail-header .lookbook-detail-header-inner a.left img, header.lookbook-detail-header .lookbook-detail-header-inner .search-lookbook a.right img, .search-lookbook header.lookbook-detail-header .lookbook-detail-header-inner a.right img, header.lookbook-detail-header .lookbook-detail-header-inner nav.number-nav a img, nav.number-nav header.lookbook-detail-header .lookbook-detail-header-inner a img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-rr-items-right img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-rr-items-left img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-topics-right img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-topics-left img, header.lookbook-detail-header .lookbook-detail-header-inner a.lookbook-top-seasons-slick-inner-right img, header.lookbook-detail-header .lookbook-detail-header-inner a.lookbook-top-seasons-slick-inner-left img {
  width: 38px;
  height: 38px;
  transform: rotate(180deg);
  box-sizing: border-box;
  border-radius: 50%;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .lookbook-detail-header-inner a.hoverInvert img, header.lookbook-detail-header .lookbook-detail-header-inner .search-stockist a.left img, .search-stockist header.lookbook-detail-header .lookbook-detail-header-inner a.left img, header.lookbook-detail-header .lookbook-detail-header-inner .search-stockist a.right img, .search-stockist header.lookbook-detail-header .lookbook-detail-header-inner a.right img, header.lookbook-detail-header .lookbook-detail-header-inner .search-topics a.left img, .search-topics header.lookbook-detail-header .lookbook-detail-header-inner a.left img, header.lookbook-detail-header .lookbook-detail-header-inner .search-topics a.right img, .search-topics header.lookbook-detail-header .lookbook-detail-header-inner a.right img, header.lookbook-detail-header .lookbook-detail-header-inner .search-lookbook a.left img, .search-lookbook header.lookbook-detail-header .lookbook-detail-header-inner a.left img, header.lookbook-detail-header .lookbook-detail-header-inner .search-lookbook a.right img, .search-lookbook header.lookbook-detail-header .lookbook-detail-header-inner a.right img, header.lookbook-detail-header .lookbook-detail-header-inner nav.number-nav a img, nav.number-nav header.lookbook-detail-header .lookbook-detail-header-inner a img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-rr-items-right img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-rr-items-left img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-topics-right img, header.lookbook-detail-header .lookbook-detail-header-inner a.top-topics-left img, header.lookbook-detail-header .lookbook-detail-header-inner a.lookbook-top-seasons-slick-inner-right img, header.lookbook-detail-header .lookbook-detail-header-inner a.lookbook-top-seasons-slick-inner-left img {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .lookbook-detail-header-inner a.btn-circle, header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp {
    display: none;
    height: 32px;
    padding: 0 15px;
    padding-top: 16px;
  }
}
header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp {
  width: 38px !important;
  padding: 0;
  position: relative;
  display: none;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp {
    width: 32px !important;
    display: inline-block;
  }
}
header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header.lookbook-detail-header .dropdown {
  height: 36px;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .dropdown {
    height: 30px;
  }
}
header.lookbook-detail-header .dropdown .select {
  border-radius: calc(36px / 2);
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .dropdown .select {
    border-radius: calc(30px / 2);
  }
}
header.lookbook-detail-header .dropdown ul {
  top: calc(36px / 2);
  padding-top: calc(36px / 2);
  border-radius: 0 0 calc(36px / 2) calc(36px / 2);
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .dropdown ul {
    top: calc(30px / 2);
    padding-top: calc(30px / 2);
    border-radius: 0 0 calc(30px / 2) calc(30px / 2);
  }
}
header.lookbook-detail-header .dropdown-on ul {
  padding-top: calc(36px / 2);
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .dropdown-on ul {
    padding-top: calc(30px / 2);
  }
}
header.lookbook-detail-header .dropdown-on ul li {
  height: 36px;
}
@media screen and (max-width: 960px) {
  header.lookbook-detail-header .dropdown-on ul li {
    height: 30px;
  }
}

/************************************************************/
.lookbook-detail-expansion-btns {
  position: fixed;
  top: 17px;
  right: 20px;
  width: 91px;
  height: 36px;
  background-color: #000000;
  border-radius: 18px;
  z-index: 1000;
}
@media screen and (max-width: 960px) {
  .lookbook-detail-expansion-btns {
    top: 10px;
    right: 10px;
    width: 65px;
    height: 32px;
    border-radius: 16px;
  }
}
.lookbook-detail-expansion-btns:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 26px;
  background-color: #707070;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 960px) {
  .lookbook-detail-expansion-btns:before {
    height: 23px;
  }
}
.lookbook-detail-expansion-btns button {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0;
  background-color: inherit;
  border: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  transition: opacity 0.5s;
}
@media screen and (max-width: 960px) {
  .lookbook-detail-expansion-btns button {
    width: 14px;
    height: 14px;
  }
}
.lookbook-detail-expansion-btns button.current {
  opacity: 1;
}
.lookbook-detail-expansion-btns button:hover {
  opacity: 1;
}
.lookbook-detail-expansion-btns button:nth-of-type(1) {
  left: 15px;
  background-image: url(../imgs/common/btn_normal_sp.svg);
}
@media screen and (max-width: 960px) {
  .lookbook-detail-expansion-btns button:nth-of-type(1) {
    left: 12px;
    background-image: url(../imgs/common/btn_normal_sp.svg);
  }
}
.lookbook-detail-expansion-btns button:nth-of-type(2) {
  right: 15px;
  background-image: url(../imgs/common/btn_expansion_sp.svg);
}
@media screen and (max-width: 960px) {
  .lookbook-detail-expansion-btns button:nth-of-type(2) {
    right: 12px;
    background-image: url(../imgs/common/btn_expansion_sp.svg);
  }
}

/************************************************************/
/* lookbook Detail Images */
/************************************************************/
ul.lookbook-detail-images {
  list-style-type: none;
  width: 100%;
  box-sizing: border-box;
  padding: 70px 18px 0 18px;
  /* flex */
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  ul.lookbook-detail-images {
    padding: 62px 11px 0 11px;
  }
}
ul.lookbook-detail-images li {
  width: 50%;
  transition: width 0.5s;
  box-sizing: border-box;
  padding: 0;
  padding: 0 15px;
  margin-bottom: 30px;
  position: relative;
  cursor: none;
  /* font size added */
  font-size: 11px;
  line-height: 1.3636363636;
}
ul.lookbook-detail-images li span {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  font-size: 14px;
  color: #f00;
  visibility: hidden;
}
@media screen and (max-width: 1366px) {
  ul.lookbook-detail-images li {
    width: 50%;
  }
}
@media screen and (max-width: 960px) {
  ul.lookbook-detail-images li {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  ul.lookbook-detail-images li {
    width: 50%;
    /* font size added */
    font-size: 10px;
    line-height: 1.1;
  }
}
ul.lookbook-detail-images li.leftstart {
  /*
  background-color: #fdd;
  */
}
ul.lookbook-detail-images li.rightend {
  /*
  border:1px solid #f00;
  */
}
ul.lookbook-detail-images li.notclick {
  pointer-events: none;
}
ul.lookbook-detail-images li.tsuku {
  transition: opacity 0.5s;
  opacity: 1 !important;
}
ul.lookbook-detail-images li.open {
  width: 100%;
  padding-bottom: 50px;
}
@media screen and (max-width: 1366px) {
  ul.lookbook-detail-images li.open {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  ul.lookbook-detail-images li.open {
    width: 100%;
  }
}
ul.lookbook-detail-images li.open p.imgbox {
  margin-bottom: 20px;
}
ul.lookbook-detail-images li.open table {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
ul.lookbook-detail-images li.open table th, ul.lookbook-detail-images li.open table td {
  font-size: 11px;
  line-height: 1.3636363636;
}
@media screen and (max-width: 960px) {
  ul.lookbook-detail-images li.open table th, ul.lookbook-detail-images li.open table td {
    font-size: 10px;
    line-height: 1.1;
    padding-bottom: 5px;
  }
}
ul.lookbook-detail-images li p.imgbox {
  z-index: 0;
  width: 100%;
  height: auto;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 0px;
}
ul.lookbook-detail-images li p.imgbox:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: auto;
  padding-top: 100%;
  position: relative;
  z-index: 0;
}
ul.lookbook-detail-images li table {
  z-index: 0;
  position: relative;
  transition: clip-path 0.5s;
  transition-delay: 0.2s;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
@media screen and (min-width: 768px) {
  ul.lookbook-detail-images li table {
    margin-left: auto;
    margin-right: auto;
  }
}
ul.lookbook-detail-images li table th, ul.lookbook-detail-images li table td {
  font-size: 11px;
  color: #B7B7B7;
  vertical-align: top;
  line-height: 1.3636363636;
  font-size: 0;
  line-height: 0;
}
ul.lookbook-detail-images li table td {
  padding-right: 1em;
}

/************************************************************/
/* lookbook Detail Cursor */
/************************************************************/
.lookbook-detail-cursor {
  display: inline-block;
  width: 8px;
  height: 8px;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #222222;
  border-radius: 50%;
  pointer-events: none;
  animation: cursorAnimeReverse 0.25s 1 forwards;
  display: none;
}
.lookbook-detail-cursor:before, .lookbook-detail-cursor:after {
  content: "";
  width: 8px;
  height: 1px;
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.25s;
}
.lookbook-detail-cursor:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.lookbook-detail-cursor-onNormal {
  animation: cursorAnime 0.25s 1 forwards;
  animation-delay: 0.25s;
}
.lookbook-detail-cursor-onNormal:before, .lookbook-detail-cursor-onNormal:after {
  opacity: 1;
  transition-delay: 0.25s;
}
.lookbook-detail-cursor-onOpen {
  animation: cursorAnime 0.25s 1 forwards;
  animation-delay: 0.25s;
}
.lookbook-detail-cursor-onOpen:before {
  opacity: 1;
  transition-delay: 0.25s;
}
.lookbook-detail-cursor-onOpen:after {
  opacity: 1;
  transition-delay: 0.25s;
  transform: translate(-50%, -50%);
}

@keyframes cursorAnime {
  from {
    width: 8px;
    height: 8px;
  }
  to {
    width: 44px;
    height: 44px;
  }
}
@keyframes cursorAnimeReverse {
  from {
    width: 44px;
    height: 44px;
  }
  to {
    width: 8px;
    height: 8px;
  }
}
/************************************************************/
/* lookbook Detail Dropdown */
/************************************************************/
.lookbook-detail .dropdown ul {
  max-height: calc(100vh - 120px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.lookbook-detail .dropdown ul::-webkit-scrollbar {
  display: none;
}

/************************************************************/
/* Stockist */
/************************************************************/
body.stockist .diss-search {
  z-index: 2;
}

.stockist-content {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 130px;
}
@media screen and (max-width: 960px) {
  .stockist-content {
    width: calc(100% - (10px + 10px) * 2);
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
.stockist-content > h2 {
  color: #222222;
  font-size: 14px;
  height: 54px;
}
@media screen and (max-width: 960px) {
  .stockist-content > h2 {
    font-size: 12px;
    height: 43px;
  }
}
.stockist-content > h3 {
  color: #222222;
  font-size: 14px;
  height: 34px;
  box-sizing: border-box;
  border-bottom: 1px solid #707070;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .stockist-content > h3 {
    font-size: 12px;
    height: 33px;
  }
}

/************************************************************/
/* Flagship */
.stockist-content-flagship {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .stockist-content-flagship {
    padding-bottom: 60px;
  }
}
.stockist-content-flagship > div {
  width: calc((100% - 78px) / 4);
  margin-right: 26px;
  margin-bottom: 60px;
}
.stockist-content-flagship > div:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  .stockist-content-flagship > div {
    width: calc((100% - 18px) / 2);
    margin-right: 18px;
    margin-bottom: 40px;
  }
  .stockist-content-flagship > div:nth-of-type(2n) {
    margin-right: 0;
  }
}
.stockist-content-flagship > div > p {
  width: 100%;
  padding-bottom: 17px;
}
@media screen and (max-width: 960px) {
  .stockist-content-flagship > div > p {
    padding-bottom: 12px;
  }
}
.stockist-content-flagship > div > p img {
  width: 100%;
  height: auto;
}

/************************************************************/
/* Area */
.stockist-content-area {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .stockist-content-area {
    padding-bottom: 60px;
  }
}
.stockist-content-area > div {
  width: calc((100% - 52px) / 3);
  margin-right: 26px;
  margin-bottom: 60px;
}
.stockist-content-area > div:nth-of-type(3n) {
  margin-right: 0 !important;
}
@media screen and (max-width: 960px) {
  .stockist-content-area > div {
    width: calc((100% - 18px) / 2);
    margin-right: 18px;
    margin-bottom: 40px;
  }
  .stockist-content-area > div:nth-of-type(3n) {
    margin-right: 18px !important;
  }
  .stockist-content-area > div:nth-of-type(2n) {
    margin-right: 0 !important;
  }
}

/************************************************************/
/* Info */
.stockist-item-info .stockist-fil-item-title {
  font-size: 12px;
  line-height: 1.2;
  color: #222222;
  padding-bottom: 12px;
}
@media screen and (max-width: 960px) {
  .stockist-item-info .stockist-fil-item-title {
    font-size: 11px;
    padding-bottom: 10px;
  }
}
.stockist-item-info > div p {
  font-size: 12px;
  line-height: 1.4;
  padding-bottom: 5px;
}
@media screen and (max-width: 960px) {
  .stockist-item-info > div p {
    font-size: 11px;
    line-height: 1.3090909091;
    padding-bottom: 5px;
  }
}
.stockist-item-info p.tags {
  color: #B7B7B7;
  font-size: 10px;
  padding-top: 15px;
}
@media screen and (max-width: 960px) {
  .stockist-item-info p.tags {
    padding-top: 5px;
  }
}
.stockist-item-info p.tags a {
  color: #B7B7B7;
  display: inline-block;
  margin-right: 1em;
}
.stockist-item-info p.tags a:before {
  background-color: #B7B7B7;
}

/************************************************************/
a.sp-phonecall {
  pointer-events: none;
}
a.sp-phonecall:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 12px;
  background-image: url(../imgs/common/icon_spcall.svg);
  display: none;
  margin-left: 0.5em;
  vertical-align: middle;
  transform: translateY(-1px);
}
@media screen and (max-width: 960px) {
  a.sp-phonecall {
    pointer-events: auto;
  }
  a.sp-phonecall:after {
    display: inline-block;
  }
}

a.map span {
  display: inline-block;
  width: 9px;
  height: 11px;
  margin-left: 0.5em;
  vertical-align: baseline;
  transform: translateY(2px);
}
a.map span:before, a.map span:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
  width: 9px;
  height: 11px;
  background-image: url(../imgs/common/icon_map_w.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: opacity 0.5s;
  opacity: 1;
}
a.map span:before {
  background-image: url(../imgs/common/icon_map_b.svg);
  opacity: 0;
}
a.map:hover {
  text-decoration: underline;
}
a.map:hover span:after {
  opacity: 0;
}
a.map:hover span:before {
  opacity: 1;
}
@media screen and (max-width: 960px) {
  a.map:hover {
    text-decoration: none;
  }
  a.map:hover span:after {
    opacity: 1;
  }
  a.map:hover span:before {
    opacity: 0;
  }
}

/************************************************************/
/* PR Top */
/************************************************************/
.pr-list {
  width: 1014px;
  margin: 0 auto;
  margin-bottom: 100px;
}
@media screen and (max-width: 1366px) {
  .pr-list {
    width: 74.2313323572%;
  }
}
@media screen and (max-width: 960px) {
  .pr-list {
    width: calc(100% - (10px + 10px) * 2);
    margin-bottom: 80px;
  }
}
.pr-list-item {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 50px;
}
@media screen and (max-width: 960px) {
  .pr-list-item {
    margin-bottom: 42px;
  }
}
.pr-list-item:last-of-type {
  margin-bottom: 0;
}
.pr-list-item > div:nth-of-type(1) {
  width: 286px;
  margin-right: 27px;
  display: inline-block;
}
@media screen and (max-width: 1366px) {
  .pr-list-item > div:nth-of-type(1) {
    width: 28.2051282051%;
  }
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(1) {
    width: 113px;
    margin-right: 18px;
  }
}
.pr-list-item a.hoverImg {
  width: 286px;
  height: auto;
  background-color: #FAFAFA;
  display: inline-block;
}
@media screen and (max-width: 1366px) {
  .pr-list-item a.hoverImg {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .pr-list-item a.hoverImg {
    width: 113px;
  }
}
.pr-list-item a.hoverImg:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 66.7832167832%;
  z-index: 0;
}
.pr-list-item a.hoverImg:after {
  content: "";
  position: absolute;
  display: block;
  width: 41px;
  height: 41px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-image: url(../imgs/common/icon_hexagon.svg);
}
@media screen and (max-width: 960px) {
  .pr-list-item a.hoverImg:after {
    width: 16px;
    height: 16px;
  }
}
.pr-list-item a.hoverImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.pr-list-item > div:nth-of-type(2) {
  width: calc(100% - 27px - 286px);
  display: inline-block;
}
@media screen and (max-width: 1366px) {
  .pr-list-item > div:nth-of-type(2) {
    width: calc(100% - 27px - 28.2051282051%);
  }
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(2) {
    width: calc(100% - 18px - 113px);
  }
}
.pr-list-item > div:nth-of-type(2) a.inlineBlockLink {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.pr-list-item > div:nth-of-type(2) p.category {
  font-size: 12px;
  color: #B7B7B7;
  line-height: 1;
  padding-bottom: 16px;
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(2) p.category {
    font-size: 9px;
    padding-bottom: 6px;
  }
}
.pr-list-item > div:nth-of-type(2) p.title {
  font-size: 12px;
  color: #222222;
  line-height: 1.5833333333;
  padding-bottom: 11px;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: inline-block;
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(2) p.title {
    font-size: 11px;
    line-height: 1.6363636364;
  }
}
.pr-list-item > div:nth-of-type(2) p.date {
  font-size: 10px;
  color: #B7B7B7;
  line-height: 1;
  padding-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(2) p.date {
    padding-bottom: 8px;
  }
}
.pr-list-item > div:nth-of-type(2) p.text {
  font-size: 12px;
  color: #222222;
  line-height: 1.8333333333;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(2) p.text {
    font-size: 12px;
    line-height: 1.8;
  }
}
.pr-list-item > div:nth-of-type(2) p.tags {
  box-sizing: border-box;
  color: #B7B7B7;
  font-size: 10px;
  line-height: 1.8;
  padding-top: 11px;
}
@media screen and (max-width: 960px) {
  .pr-list-item > div:nth-of-type(2) p.tags {
    padding-top: 8px;
  }
}
.pr-list-item > div:nth-of-type(2) p.tags a {
  color: #B7B7B7;
  display: inline-block;
  margin-right: 1em;
}
.pr-list-item > div:nth-of-type(2) p.tags a:before {
  background-color: #B7B7B7;
}

/************************************************************/
/* PR Detail */
/************************************************************/
.pr-related-posts-group {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group {
    width: calc(100% - (10px + 10px) * 2);
    margin-bottom: -40px;
  }
}
.pr-related-posts-group div.hoverParent {
  width: calc((100% - 78px) / 4);
  margin-right: 26px;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group div.hoverParent {
    width: calc((100% - 18px) / 2);
    margin-right: 18px;
    margin-bottom: 40px;
  }
}
.pr-related-posts-group div.hoverParent:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group div.hoverParent:nth-of-type(2n) {
    margin-right: 0 !important;
  }
}
.pr-related-posts-group a.hoverImg {
  position: relative;
  z-index: 2 !important;
  display: inline-block;
  margin-bottom: -10px;
}
.pr-related-posts-group a.hoverImg img {
  z-index: 5 !important;
  position: relative;
}
.pr-related-posts-group a.inlineBlockLink {
  position: relative;
  display: inline-block;
  z-index: 10 !important;
  overflow: hidden;
  width: 100%;
}
.pr-related-posts-group p.category {
  z-index: 2 !important;
  margin-bottom: 23px;
}
.pr-related-posts-group p.category span {
  display: inline-block;
  background-color: #222222;
  color: #FAFAFA;
  font-size: 11px;
  line-height: 1;
  padding: 4px 10px;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group p.category {
    margin-bottom: 13px;
  }
}
.pr-related-posts-group p.title {
  font-size: 12px;
  color: #222222;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100%;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group p.title {
    font-size: 11px;
    margin-bottom: 10px;
  }
}
.pr-related-posts-group p.date {
  font-size: 10px;
  color: #B7B7B7;
  line-height: 1;
  padding-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group p.date {
    padding-bottom: 8px;
  }
}
.pr-related-posts-group p.tags {
  box-sizing: border-box;
  color: #B7B7B7;
  font-size: 10px;
  line-height: 1.8;
  padding-top: 11px;
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group p.tags {
    padding-top: 3px;
  }
}
.pr-related-posts-group p.tags a {
  color: #B7B7B7;
  display: inline-block;
  margin-right: 1em;
}
.pr-related-posts-group p.tags a:before {
  background-color: #B7B7B7;
}
.pr-related-posts-group a.hoverImg {
  display: inline-block;
  width: 100%;
  height: auto;
  z-index: 0;
  height: auto;
  background-color: #FAFAFA;
  display: inline-block;
}
.pr-related-posts-group a.hoverImg:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 66.7832167832%;
  z-index: 0;
}
.pr-related-posts-group a.hoverImg:after {
  content: "";
  position: absolute;
  display: block;
  width: 41px;
  height: 41px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-image: url(../imgs/common/icon_hexagon.svg);
}
@media screen and (max-width: 960px) {
  .pr-related-posts-group a.hoverImg:after {
    width: 16px;
    height: 16px;
  }
}
.pr-related-posts-group a.hoverImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/************************************************************/
/* Search */
/************************************************************/
.search-lead-text {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px 0;
}
@media screen and (max-width: 960px) {
  .search-lead-text {
    width: calc(100% - (10px + 10px) * 2);
    padding: 40px 0;
  }
}
.search-lead-text-notfound {
  padding: 120px 0;
}
@media screen and (max-width: 960px) {
  .search-lead-text-notfound {
    padding: 80px 0;
  }
}
.search-lead-text p {
  text-align: center;
  color: #222222;
  font-size: 12px;
  line-height: 1.8333333333;
}

/************************************************************/
body.search-brand h1 {
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
}
body.search-brand h1 img {
  width: auto;
  height: 50px;
}
@media screen and (max-width: 960px) {
  body.search-brand h1 {
    margin-bottom: 5px !important;
  }
}
body.search-brand .common-mv-texts {
  /*
  p:first-of-type{
    padding: 0 !important;
    padding-bottom: 10px !important;
    color: $color_Gray5;
    @extend .font-light;
    @include mq-md{
      padding-bottom: 5px !important;
    }
  }
  */
}
body.search-brand .common-mv {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 960px) {
  body.search-brand .common-mv {
    margin-bottom: 0px !important;
  }
}
body.search-brand .lookbook-top-seasons-slick-inner {
  position: relative !important;
}
body.search-brand p.tags a {
  margin: 0 !important;
  padding: 0 !important;
  margin-right: 1em !important;
  line-height: 1 !important;
  font-size: 10px !important;
}

/************************************************************/
.search-all-btn {
  width: calc(100% - (40px + 32px) * 2);
  text-align: right;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .search-all-btn {
    width: calc(100% - (10px + 10px) * 2);
    margin-bottom: 60px;
  }
}

/************************************************************/
.search-lookbook {
  margin-bottom: 80px;
  box-sizing: border-box;
  padding-bottom: 92px;
}
@media screen and (max-width: 767px) {
  .search-lookbook {
    padding-bottom: 96px;
    margin-bottom: 60px;
  }
}
.search-lookbook > a.small-arrow-link {
  position: absolute;
  bottom: 14px;
  right: 72px;
}
@media screen and (max-width: 960px) {
  .search-lookbook > a.small-arrow-link {
    bottom: 0;
    right: 20px;
  }
}
.search-lookbook > div {
  position: relative;
  width: calc(100% - 72px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 960px) {
  .search-lookbook > div {
    width: calc(100% - (10px + 10px) * 2);
    margin: 0 auto;
  }
}
.search-lookbook .hoverParent {
  display: inline-block;
  box-sizing: border-box;
  width: 415px;
  padding-right: 25px;
}
@media screen and (max-width: 767px) {
  .search-lookbook .hoverParent {
    width: calc(100vw - 40px);
    padding-right: 0;
  }
}
.search-lookbook .hoverImg img {
  width: 390px;
  height: 260px;
}
@media screen and (max-width: 767px) {
  .search-lookbook .hoverImg img {
    width: 100%;
    height: calc((100vw - 40px) * 260 / 390);
  }
}
.search-lookbook .hoverImg {
  width: 100%;
}
.search-lookbook .hoverLine, .search-topics .tags .search-lookbook a, .search-lookbook .tags a, .search-lookbook .top-mv-title-btn-tags a, .top-mv-title-btn-tags .search-lookbook a, .search-lookbook .diss-az-nav div a, .diss-az-nav div .search-lookbook a, .search-lookbook .dissertations-detail-category table td a, .dissertations-detail-category table td .search-lookbook a, .search-lookbook .stockist-item-info p.tags a, .stockist-item-info p.tags .search-lookbook a, .search-lookbook .pr-list-item > div:nth-of-type(2) p.tags a, .pr-list-item > div:nth-of-type(2) p.tags .search-lookbook a, .search-lookbook .pr-related-posts-group p.tags a, .pr-related-posts-group p.tags .search-lookbook a {
  font-size: 12px;
  color: #222222;
  padding-top: 20px;
}
.search-lookbook .hoverLine:before, .search-topics .tags .search-lookbook a:before, .search-lookbook .tags a:before, .search-lookbook .top-mv-title-btn-tags a:before, .top-mv-title-btn-tags .search-lookbook a:before, .search-lookbook .diss-az-nav div a:before, .diss-az-nav div .search-lookbook a:before, .search-lookbook .dissertations-detail-category table td a:before, .dissertations-detail-category table td .search-lookbook a:before, .stockist-item-info p.tags .search-lookbook a:before, .search-lookbook .pr-list-item > div:nth-of-type(2) p.tags a:before, .pr-list-item > div:nth-of-type(2) p.tags .search-lookbook a:before, .pr-related-posts-group p.tags .search-lookbook a:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .search-lookbook .hoverLine, .search-topics .tags .search-lookbook a, .search-lookbook .tags a, .search-lookbook .top-mv-title-btn-tags a, .top-mv-title-btn-tags .search-lookbook a, .search-lookbook .diss-az-nav div a, .diss-az-nav div .search-lookbook a, .search-lookbook .dissertations-detail-category table td a, .dissertations-detail-category table td .search-lookbook a, .search-lookbook .stockist-item-info p.tags a, .stockist-item-info p.tags .search-lookbook a, .search-lookbook .pr-list-item > div:nth-of-type(2) p.tags a, .pr-list-item > div:nth-of-type(2) p.tags .search-lookbook a, .search-lookbook .pr-related-posts-group p.tags a, .pr-related-posts-group p.tags .search-lookbook a {
    font-size: 11px;
    padding-top: 15px;
  }
}
.search-lookbook .btn-circle, .search-lookbook header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp, header.lookbook-detail-header .lookbook-detail-header-inner .search-lookbook a.storebtn-sp {
  margin-top: 25px;
}
@media screen and (max-width: 960px) {
  .search-lookbook .btn-circle, .search-lookbook header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp, header.lookbook-detail-header .lookbook-detail-header-inner .search-lookbook a.storebtn-sp {
    margin-top: 20px;
  }
}
.search-lookbook .tags {
  color: #B7B7B7;
  font-size: 10px;
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  .search-lookbook .tags {
    padding-top: 20px;
  }
}
.search-lookbook .tags a {
  color: #B7B7B7;
  display: inline-block;
  margin-right: 1em;
}
.search-lookbook .tags a:before {
  background-color: #B7B7B7;
}
.search-lookbook .right {
  position: absolute;
  top: 114px;
  right: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .search-lookbook .right {
    right: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-lookbook .right {
    top: calc((100vw - 40px) * 260 / 390 / 2 - 16px);
  }
}
.search-lookbook .left {
  position: absolute;
  top: 114px;
  left: calc(-1 * (40px + 32px - 15px));
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: rotate(180deg);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .search-lookbook .left {
    left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-lookbook .left {
    top: calc((100vw - 40px) * 260 / 390 / 2 - 16px);
  }
}
.search-lookbook .currentNav {
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 60px;
  height: 5px;
  box-sizing: border-box;
  border-radius: 2.5px;
  background-color: #E5E5E5;
  overflow: hidden;
  transform: translateX(calc(-50% - 36px));
}
@media screen and (max-width: 960px) {
  .search-lookbook .currentNav {
    bottom: -30px;
    transform: translateX(-50%);
  }
}
.search-lookbook .currentNav span {
  width: 0%;
  height: 100%;
  background-color: #222222;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  border-radius: 2.5px;
  transition: all 0.4s;
}

/************************************************************/
.search-topics {
  margin-bottom: 100px;
  box-sizing: border-box;
  padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .search-topics {
    padding-bottom: 30px;
    margin-bottom: 60px;
  }
}
.search-topics > div {
  position: relative;
  width: calc(100% - 72px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 960px) {
  .search-topics > div {
    width: calc(100% - (10px + 10px) * 2);
    margin: 0 auto;
  }
}
.search-topics .hoverParent {
  display: inline-block;
  box-sizing: border-box;
  width: 312px !important;
  padding-right: 26px !important;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .search-topics .hoverParent {
    width: 176px !important;
    padding-right: 18px !important;
  }
}
.search-topics .hoverImg img {
  width: 286px !important;
  height: 191px !important;
}
@media screen and (max-width: 767px) {
  .search-topics .hoverImg img {
    width: 158px !important;
    height: 106px !important;
  }
}
.search-topics .hoverImg {
  width: 100%;
  z-index: 0 !important;
  transform: translateZ(1px);
}
.search-topics .inlineBlockLink {
  z-index: 1 !important;
  transform: translateZ(1px);
}
.search-topics .hoverParent > .hoverLine, .search-topics .tags .hoverParent > a, .search-topics .top-mv-title-btn-tags .hoverParent > a, .top-mv-title-btn-tags .search-topics .hoverParent > a, .search-topics .diss-az-nav div .hoverParent > a, .diss-az-nav div .search-topics .hoverParent > a, .search-topics .dissertations-detail-category table td .hoverParent > a, .dissertations-detail-category table td .search-topics .hoverParent > a, .stockist-item-info p.tags .search-topics .hoverParent > a, .search-topics .pr-list-item > div:nth-of-type(2) p.tags .hoverParent > a, .pr-list-item > div:nth-of-type(2) p.tags .search-topics .hoverParent > a, .pr-related-posts-group p.tags .search-topics .hoverParent > a, .search-lookbook .tags .search-topics .hoverParent > a {
  font-size: 12px;
  color: #222222;
  padding-top: 20px;
}
.search-topics .hoverParent > .hoverLine:before, .search-topics .tags .hoverParent > a:before, .search-topics .top-mv-title-btn-tags .hoverParent > a:before, .top-mv-title-btn-tags .search-topics .hoverParent > a:before, .search-topics .diss-az-nav div .hoverParent > a:before, .diss-az-nav div .search-topics .hoverParent > a:before, .search-topics .dissertations-detail-category table td .hoverParent > a:before, .dissertations-detail-category table td .search-topics .hoverParent > a:before, .stockist-item-info p.tags .search-topics .hoverParent > a:before, .search-topics .pr-list-item > div:nth-of-type(2) p.tags .hoverParent > a:before, .pr-list-item > div:nth-of-type(2) p.tags .search-topics .hoverParent > a:before, .pr-related-posts-group p.tags .search-topics .hoverParent > a:before, .search-lookbook .tags .search-topics .hoverParent > a:before {
  background-color: #222222;
}
@media screen and (max-width: 767px) {
  .search-topics .hoverParent > .hoverLine, .search-topics .tags .hoverParent > a, .search-topics .top-mv-title-btn-tags .hoverParent > a, .top-mv-title-btn-tags .search-topics .hoverParent > a, .search-topics .diss-az-nav div .hoverParent > a, .diss-az-nav div .search-topics .hoverParent > a, .search-topics .dissertations-detail-category table td .hoverParent > a, .dissertations-detail-category table td .search-topics .hoverParent > a, .stockist-item-info p.tags .search-topics .hoverParent > a, .search-topics .pr-list-item > div:nth-of-type(2) p.tags .hoverParent > a, .pr-list-item > div:nth-of-type(2) p.tags .search-topics .hoverParent > a, .pr-related-posts-group p.tags .search-topics .hoverParent > a, .search-lookbook .tags .search-topics .hoverParent > a {
    font-size: 11px;
    padding-top: 15px;
  }
}
.search-topics .btn-circle, .search-topics header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp, header.lookbook-detail-header .lookbook-detail-header-inner .search-topics a.storebtn-sp {
  margin-top: 25px;
}
@media screen and (max-width: 960px) {
  .search-topics .btn-circle, .search-topics header.lookbook-detail-header .lookbook-detail-header-inner a.storebtn-sp, header.lookbook-detail-header .lookbook-detail-header-inner .search-topics a.storebtn-sp {
    margin-top: 20px;
  }
}
.search-topics .tags {
  color: #B7B7B7 !important;
  font-size: 10px;
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  .search-topics .tags {
    padding-top: 20px;
  }
}
.search-topics .tags a {
  color: #B7B7B7 !important;
  display: inline-block;
}
.search-topics .tags a:before {
  background-color: #B7B7B7 !important;
}
.search-topics .right {
  position: absolute;
  top: 79px;
  right: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .search-topics .right {
    right: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-topics .right {
    top: 37px;
  }
}
.search-topics .left {
  position: absolute;
  top: 79px;
  left: calc(-1 * (40px + 32px - 15px));
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: rotate(180deg);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .search-topics .left {
    left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-topics .left {
    top: 37px;
  }
}
.search-topics .currentNav {
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 60px;
  height: 5px;
  box-sizing: border-box;
  border-radius: 2.5px;
  background-color: #E5E5E5;
  overflow: hidden;
  transform: translateX(calc(-50% - 36px));
}
@media screen and (max-width: 960px) {
  .search-topics .currentNav {
    bottom: -30px;
    transform: translateX(-50%);
  }
}
.search-topics .currentNav span {
  width: 0%;
  height: 100%;
  background-color: #222222;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  border-radius: 2.5px;
  transition: all 0.4s;
}

/************************************************************/
.search-stockist {
  margin-bottom: 80px;
  box-sizing: border-box;
  padding-bottom: 92px;
}
@media screen and (max-width: 767px) {
  .search-stockist {
    padding-bottom: 96px;
    margin-bottom: 60px;
  }
}
.search-stockist > a.small-arrow-link {
  position: absolute;
  bottom: 14px;
  right: 72px;
}
@media screen and (max-width: 960px) {
  .search-stockist > a.small-arrow-link {
    bottom: 0;
    right: 20px;
  }
}
.search-stockist > div {
  position: relative;
  width: calc(100% - 72px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 960px) {
  .search-stockist > div {
    width: calc(100% - (10px + 10px) * 2);
    margin: 0 auto;
  }
}
.search-stockist .store {
  box-sizing: border-box;
  width: 312px;
  padding-right: 26px;
}
@media screen and (max-width: 767px) {
  .search-stockist .store {
    width: 176px;
    padding-right: 18px;
  }
}
.search-stockist .store > p {
  width: 100%;
  padding-bottom: 17px;
}
@media screen and (max-width: 960px) {
  .search-stockist .store > p {
    padding-bottom: 12px;
  }
}
.search-stockist .store > p img {
  width: 100%;
  height: 191px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .search-stockist .store > p img {
    height: 106px;
  }
}
.search-stockist .store p {
  font-size: 12px;
  line-height: 1.4;
  padding-bottom: 5px;
}
@media screen and (max-width: 960px) {
  .search-stockist .store p {
    font-size: 11px;
    line-height: 1.3090909091;
    padding-bottom: 5px;
  }
}
.search-stockist .right {
  position: absolute;
  top: 79px;
  right: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .search-stockist .right {
    right: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-stockist .right {
    top: 37px;
  }
}
.search-stockist .left {
  position: absolute;
  top: 79px;
  left: calc(-1 * (40px + 32px - 15px));
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../imgs/common/arrow_r.svg);
  background-size: 100% 100%;
  z-index: 1;
  transform: rotate(180deg);
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .search-stockist .left {
    left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-stockist .left {
    top: 37px;
  }
}
.search-stockist .currentNav {
  position: absolute;
  bottom: -70px;
  left: 50%;
  width: 60px;
  height: 5px;
  box-sizing: border-box;
  border-radius: 2.5px;
  background-color: #E5E5E5;
  overflow: hidden;
  transform: translateX(calc(-50% - 36px));
}
@media screen and (max-width: 960px) {
  .search-stockist .currentNav {
    bottom: -30px;
    transform: translateX(-50%);
  }
}
.search-stockist .currentNav span {
  width: 0%;
  height: 100%;
  background-color: #222222;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  border-radius: 2.5px;
  transition: all 0.4s;
}

/************************************************************/
/* About */
/************************************************************/
.about-copy {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  font-size: 24px;
  line-height: 1.4166666667;
  margin-bottom: 50px;
  margin-top: -5px;
}
@media screen and (max-width: 960px) {
  .about-copy {
    width: calc(100% - (10px + 10px) * 2);
    font-size: 16px;
    line-height: 1.5;
    margin-top: -4px;
    margin-bottom: 0;
  }
}

/************************************************************/
.about-lead {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  margin-top: -5px;
  margin-bottom: 96px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .about-lead {
    width: calc(100% - (10px + 10px) * 2);
    font-size: 16px;
    line-height: 1.5;
    margin-top: -4px;
    margin-bottom: 55px;
  }
}
.about-lead p {
  font-size: 13px;
  line-height: 1.7692307692;
  width: calc((100% - 52px) / 3);
  margin-right: 26px;
}
.about-lead p:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  .about-lead p:first-of-type {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .about-lead p {
    font-size: 11px;
    line-height: 1.9090909091;
    width: 100%;
    margin-right: 0;
    margin-top: 27px;
  }
}

/************************************************************/
.about-intro {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  margin-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
  .about-intro {
    width: calc(100% - (10px + 10px) * 2);
    margin-bottom: 30px;
  }
}
.about-intro div.hoverParent {
  width: calc((100% - 52px) / 3);
  margin-right: 26px;
  padding-bottom: 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #707070;
}
.about-intro div.hoverParent:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 960px) {
  .about-intro div.hoverParent {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.about-intro div.hoverParent .hoverImg {
  width: 100%;
  margin-bottom: 24px;
}
.about-intro div.hoverParent .hoverImg img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .about-intro div.hoverParent .hoverImg {
    margin-bottom: 17px;
  }
}
.about-intro div.hoverParent h3 {
  font-size: 14px;
  font-size: 1.4285714286;
  margin-bottom: 19px;
}
@media screen and (max-width: 960px) {
  .about-intro div.hoverParent h3 {
    font-size: 12px;
    font-size: 1.5;
    margin-bottom: 12px;
  }
}
.about-intro div.hoverParent h3 img {
  vertical-align: middle;
  margin-right: 6px;
}
.about-intro div.hoverParent p {
  font-size: 12px;
  font-size: var(--base_font_size);
  line-height: 1.8333333333;
  margin-bottom: 25px;
}
@media screen and (max-width: 960px) {
  .about-intro div.hoverParent p {
    font-size: 11px;
    font-size: 12px;
    line-height: 1.9090909091;
    margin-bottom: 15px;
  }
}

.about-icon-dissertation {
  width: 15px;
  height: 16.5px;
}

.about-icon-lookbook {
  width: 19px;
  height: 15.77px;
}

.about-icon-webstore {
  width: 14px;
  height: 18px;
}

/************************************************************/
/* sitepolicy */
/************************************************************/
.sitepolicy-inner {
  width: 806px;
  margin: 0 auto;
  margin-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .sitepolicy-inner {
    width: calc(100% - (10px + 10px) * 2);
  }
}
.sitepolicy-inner p {
  font-size: 13px;
  line-height: 1.7692307692;
}
@media screen and (max-width: 960px) {
  .sitepolicy-inner p {
    font-size: 11px;
    line-height: 1.9090909091;
  }
}
.sitepolicy-inner h2 {
  margin-top: 53px;
  font-size: 14px;
  line-height: 1.4285714286;
  padding-bottom: 13px;
  box-sizing: border-box;
  border-bottom: 1px solid #707070;
  margin-bottom: 15px;
}
@media screen and (max-width: 960px) {
  .sitepolicy-inner h2 {
    font-size: 12px;
    line-height: 1.6666666667;
    margin-bottom: 11px;
    margin-top: 35px;
  }
}
.sitepolicy-inner a {
  text-decoration: underline;
}

/************************************************************/
/* contact(index) */
/************************************************************/
body.contact iframe {
  width: calc(100% - (40px + 32px) * 2);
  height: auto;
  margin: 0 auto;
  border: none;
  display: block;
  overflow: visible;
}
@media screen and (max-width: 960px) {
  body.contact iframe {
    width: 100%;
  }
}

/************************************************************/
/* contact(index) */
/************************************************************/
.recruit-content {
  width: calc(100% - (40px + 32px) * 2);
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .recruit-content {
    width: 100%;
    padding-bottom: 0px;
    flex-wrap: wrap;
  }
}
.recruit-content > div {
  width: calc((100% - 26px) / 2);
}
@media screen and (max-width: 960px) {
  .recruit-content > div {
    width: 100%;
  }
}
.recruit-content > div:first-of-type {
  margin-right: 26px;
}
@media screen and (max-width: 960px) {
  .recruit-content > div:first-of-type {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .recruit-content-texts {
    box-sizing: border-box;
    padding: 0 20px;
  }
}
.recruit-content-texts h2 {
  font-size: 16px;
  line-height: 1.25;
  padding-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .recruit-content-texts h2 {
    font-size: 13px;
    line-height: 1.5384615385;
    padding-bottom: 17px;
  }
}
.recruit-content-texts p, .recruit-content-texts h4 {
  font-size: 13px;
  line-height: 1.7692307692;
  padding-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .recruit-content-texts p, .recruit-content-texts h4 {
    font-size: 11px;
    line-height: 1.9090909091;
    padding-bottom: 21px;
  }
}
.recruit-content-texts h4 {
  padding-bottom: 0;
}
.recruit-content-texts h3 {
  font-size: 14px;
  line-height: 1.4285714286;
  padding-bottom: 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #707070;
  margin-bottom: 15px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .recruit-content-texts h3 {
    font-size: 12px;
    line-height: 1.6666666667;
    padding-bottom: 11px;
    margin-bottom: 10px;
    margin-top: 15px;
  }
}

.recruit-content-iframe h2 {
  font-size: 16px;
  line-height: 1.25;
  box-sizing: border-box;
  padding-top: 28px;
  padding-left: 30px;
  z-index: 1;
}
@media screen and (max-width: 394px) {
  .recruit-content-iframe h2 {
    padding-left: 20px;
  }
}
.recruit-content-iframe iframe {
  z-index: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: none;
  display: block;
  margin-top: -48px;
}

.dissertations-detail-content {
  font-size: 13px;
  line-height: 1.76923;
  font-family: acumin-pro, heisei-kaku-gothic-std, sans-serif !important;
  font-weight: 400 !important;
  width: 74.23133%;
  max-width: 1014px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-content {
    width: 100%;
    box-sizing: border-box;
  }
}
.dissertations-detail-content h1, .dissertations-detail-content h2, .dissertations-detail-content h3, .dissertations-detail-content h4, .dissertations-detail-content h5, .dissertations-detail-content h6 {
  font-style: 16px !important;
  line-height: 1.25;
  margin-bottom: 31px;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content h1, .dissertations-detail-content h2, .dissertations-detail-content h3, .dissertations-detail-content h4, .dissertations-detail-content h5, .dissertations-detail-content h6 {
    font-style: 13px !important;
    line-height: 1.5384615385;
    margin-bottom: 16px;
  }
}
.dissertations-detail-content a {
  text-decoration: underline;
}

.dissertations-detail-content p img {
  margin-bottom: 80px;
}

.dissertations-detail-content .movieWrapper {
  margin-bottom: 80px;
}

.dissertations-detail-content h2,
.dissertations-detail-content h3,
.dissertations-detail-content p {
  margin-bottom: 1em;
}

.dissertations-detail-content .mt-figure {
  margin-bottom: 80px;
}

.dissertations-detail-content .common-one-column {
  margin-bottom: 80px;
  width: 598px;
  box-sizing: border-box;
  color: #222;
  /*
   font-size: 13px;
   line-height: 1.76923;
   font-family: acumin-pro,heisei-kaku-gothic-std,sans-serif!important;
   font-weight: 400!important;
  */
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .common-one-column {
    width: 100%;
    padding: 0px calc(10px + 10px);
  }
}

.dissertations-detail-content .common-one-column figure {
  margin-bottom: 0;
}

.dissertations-detail-content .mt-be-columns {
  width: 100%;
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
  white-space: normal;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-content .mt-be-columns {
    flex-wrap: wrap;
  }
}

.dissertations-detail-content .mt-be-columns:after {
  display: none;
}

.dissertations-detail-content .mt-be-columns .mt-be-column {
  width: 48.71795%;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-content .mt-be-columns .mt-be-column {
    width: 100%;
  }
  .dissertations-detail-content .mt-be-columns .mt-be-column h1, .dissertations-detail-content .mt-be-columns .mt-be-column h2, .dissertations-detail-content .mt-be-columns .mt-be-column h3, .dissertations-detail-content .mt-be-columns .mt-be-column h4, .dissertations-detail-content .mt-be-columns .mt-be-column h5, .dissertations-detail-content .mt-be-columns .mt-be-column h6, .dissertations-detail-content .mt-be-columns .mt-be-column p {
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .dissertations-detail-content .mt-be-columns > .mt-be-column {
    margin-bottom: 20px;
  }
}

.dissertations-detail-content .mt-be-columns .mt-be-column figure {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.dissertations-detail-content .mt-be-columns .dissertations-detail-content-link {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link {
    width: 100%;
  }
  .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link h1, .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link h2, .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link h3, .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link h4, .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link h5, .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link h6, .dissertations-detail-content .mt-be-columns .dissertations-detail-content-link p {
    padding: 0 0px;
  }
}

.dissertations-detail-content .mt-be-columns > div p > span {
  color: inherit;
}

/**加藤追加**/
.mt-figure {
  margin: 0 auto;
  margin-bottom: 80px;
  /*
  width:1014/1366*100%;
  max-width: 1014px;
  */
  width: 100%;
  display: block !important;
}
@media screen and (max-width: 960px) {
  .mt-figure {
    width: 100%;
    max-width: 100%;
  }
}
.mt-figure img, .mt-figure span.movieWrapper {
  width: 100%;
  display: block;
}
.mt-figure figcaption {
  width: 598px;
  width: 100%;
  box-sizing: border-box;
  color: #B7B7B7;
  font-size: 11px;
  line-height: 1.6363636364;
  margin: 16px auto 0;
}
@media screen and (max-width: 960px) {
  .mt-figure figcaption {
    width: 100%;
    padding: 0px calc(10px + 10px);
    font-size: 10px;
    line-height: 1.6;
    margin: 17px auto 0;
  }
}

.dissertations-detail-content .mt-be-column p {
  overflow: visible;
}

.dissertations-detail-content .mt-be-column p img {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 960px) {
  .dissertations-detail-content .mt-be-column p img {
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    margin-left: -20px;
  }
}