@charset "UTF-8";
/* RESET */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

fieldset {
  vertical-align: top;
}

label {
  cursor: pointer;
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: inherit;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input,
button,
textarea,
select {
  font-size: 100%;
}

/* RESET HTML5 */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: block;
}

/* scroll */
.fade_off {
  opacity: 0;
  visibility: hidden;
  top: 40px;
  transition-duration: 0.5s;
}

.fade_on {
  opacity: 1;
  visibility: visible;
  top: 0;
  transition-duration: 0.5s;
}

/*---------------------------------------------
MOTION
---------------------------------------------*/
.fadeSimple {
  transition: all 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.fadeSimple.active {
  opacity: 1;
}

.fade {
  transition: all 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  position: relative;
  top: 20px;
}
.fade.active {
  opacity: 1;
  top: 0;
}

.fadeLeft {
  transition: all 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  position: relative;
  left: -20px;
}
.fadeLeft.active {
  opacity: 1;
  left: 0;
}

.fadeRight {
  transition: all 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  position: relative;
  right: -20px;
}
.fadeRight.active {
  opacity: 1;
  right: 0;
}

.fadeDelay1 {
  transition-delay: 0s;
}

.fadeDelay2 {
  transition-delay: 0.4s;
}

.fadeDelay3 {
  transition-delay: 0.8s;
}

.fadeDelay4 {
  transition-delay: 0.9s;
}

.maskRight {
  clip-path: inset(0 100% 0 0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.maskRight.active {
  clip-path: inset(0 0% 0 0);
}

.maskLeft {
  clip-path: inset(0 0 0 100%);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.maskLeft.active {
  clip-path: inset(0 0% 0 0);
}

.maskTop {
  clip-path: inset(0 0 100% 0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.maskTop.active {
  clip-path: inset(0 0% 0 0);
}

.maskBottom {
  clip-path: inset(100% 0 0 0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.maskBottom.active {
  clip-path: inset(0 0% 0 0);
}

@font-face {
  font-family: "gtm";
  src: url("../fnt/GT-America-Standard-Medium.woff") format("woff");
}
/*---------------------------------------------
共通
---------------------------------------------*/
html.hiddenBox,
body.hiddenBox {
  overflow: hidden;
}

body,
html {
  height: 100%;
  margin: 0;
  color: #000;
  font-family: "gtm", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  opacity: 0;
}

#wrapper {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
}

/* GENERAL */
a {
  color: #000;
  opacity: 1;
  transition-duration: 0.5s;
  text-decoration: none;
}

a:hover {
  color: #ccc;
  transition-duration: 0.5s;
}

a {
  outline: none;
}

strong {
  font-weight: bold;
}

img {
  vertical-align: top;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}

.disable {
  pointer-events: none;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.jp {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-style: normal;
  font-feature-settings: "palt" 1;
}

.ja {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 1.02vw;
  font-size: 0.87vw;
  font-size: 85.29%;
  font-size: 89.29%;
  white-space: nowrap;
  font-feature-settings: "palt" 1;
}

/*---------------------------------------------
BTN
---------------------------------------------*/
.btn {
  width: 70px;
  padding: 3px 20px 4px;
  color: #000;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  transition-duration: 0.5s;
}
.btn:hover {
  color: #fff;
  background: #000;
  border: 1px solid #000;
  transition-duration: 0.5s;
}

.btns {
  margin-top: -60px;
  padding-bottom: 20px;
}
.btns li {
  display: inline-block;
}

* {
  box-sizing: border-box;
}

.button-page-top {
  display: none !important;
}

/*---------------------------------------------
header
---------------------------------------------*/
#header {
  width: 100%;
  padding: 0 10px;
  position: fixed;
  z-index: 3333;
  background: #fff;
  font-size: 19px;
}
#header #headerInner {
  padding: 0 10px;
  border-bottom: 1px solid #000;
}
#header #headerInner #logo {
  width: 184px;
  padding: 20px 0 8px 0;
}
#header.active #mainNav {
  opacity: 1;
  transition-duration: 0.5s;
  visibility: visible;
}

#nav ul {
  padding-bottom: 19px;
}
#nav li {
  display: inline-block;
}
#nav li a.active {
  color: #ccc;
}
#nav li:last-child {
  margin-right: 0;
}
#nav li::after {
  content: "⁄";
  padding: 0 8px 0 10px;
  font-size: 16px;
}
#nav li:last-child:after {
  display: none;
}

#btnMenu {
  display: block;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  padding: 18px 20px 34px;
  z-index: 1111;
}
#btnMenu div {
  width: 37px;
  height: 9px;
  position: relative;
}
#btnMenu div span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  transition-duration: 0.5s;
}
#btnMenu div span:nth-of-type(1) {
  top: 0;
}
#btnMenu div span:nth-of-type(3) {
  bottom: 0;
}
#btnMenu.active div span {
  background: #000;
}
#btnMenu.active div span:nth-of-type(1) {
  transform: translateY(4px) rotate(-45deg);
}
#btnMenu.active div span:nth-of-type(2) {
  opacity: 0;
}
#btnMenu.active div span:nth-of-type(3) {
  transform: translateY(-4px) rotate(45deg);
}

#mainNav {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2222;
  background: #fff;
  opacity: 0;
  transition-duration: 0.5s;
  visibility: hidden;
}
#mainNav #mainNavInner {
  padding-bottom: 200px;
  position: relative;
}
#mainNav #mainNavInner #mainNavTop {
  position: relative;
}
#mainNav #mainNavInner #mainNavMain,
#mainNav #mainNavInner #mainNavSub {
  padding: 25px 0 30px;
  border-top: 1px solid #fff;
}
#mainNav #mainNavNav {
  font-size: 22px;
  margin: 18px 0 0 18px;
}
#mainNav #mainNavNav li {
  margin-right: 4px;
  display: block;
  line-height: 1.7;
}
#mainNav #mainNavNav li:last-child::after {
  display: none;
}
#mainNav #mainNavNav a {
  background: #fff;
  padding: 0 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
#mainNav #mainNavNav li:first-child {
  font-size: 19px;
}
#mainNav #mainNavNav li:first-child a {
  padding: 4px 4px;
}
#mainNav .subTtl {
  margin-top: 10px;
  float: left;
}
#mainNav .mainNavMainTxt {
  width: 793px;
  margin: 180px auto 180px;
}
#mainNav #mainNavMainNav li {
  font-size: 18px;
  line-height: 1.94;
}
#mainNav #mainNavMainLogo {
  width: 30.81vw;
  position: absolute;
  left: 48px;
  bottom: 48px;
}
#mainNav #mainNavSubTxt {
  font-size: 22px;
  line-height: 1.91;
}
#mainNav #mainNavClose {
  font-size: 19px;
  position: absolute;
  top: 0;
  right: 20px;
}

#mainNav::-webkit-scrollbar {
  display: none;
}

#breadCrumb {
  font-size: 12px;
}
#breadCrumb dd {
  display: inline-block;
}
#breadCrumb dd:after {
  content: ">";
  padding: 0 0.5em;
}
#breadCrumb dd:last-child::after {
  display: none;
}

#closeOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
}
#closeOverlay.active {
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition-duration: 0.5s;
}

#copy {
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  bottom: 46px;
  right: 46px;
}

/*---------------------------------------------
main
---------------------------------------------*/
#main {
  position: relative;
}
#main.active {
  position: relative;
}

#mainContents {
  padding: 80px 10px 200px;
}

#top #mainContents {
  padding: 150px 10px 200px;
}

.subTtl {
  margin-top: -2px;
  font-size: 12px;
}

.curatorInfoTtl {
  float: left;
  position: sticky;
  top: 110px;
  margin: -5px 0 46px 10px;
  pointer-events: none;
}

#curatorInfo {
  margin-bottom: 100px;
  padding-top: 34px;
  border-top: 1px solid #000;
}
#curatorInfo .curatorInfoWrap {
  width: calc(50% + 100px);
  float: right;
  margin-bottom: 40px;
}
#curatorInfo .curatorInfoWrap h5 {
  width: calc(100% - 100px);
  float: right;
  margin-top: -25px;
  padding-right: 10px;
  font-size: 15px;
  line-height: 2.47;
  text-align: justify;
}
#curatorInfo .curatorInfoWrap h5 a {
  position: relative;
  word-break: break-all;
  text-decoration: underline;
}
#curatorInfo .curatorInfoWrap .curatorInfoWrapLead h5 {
  font-size: 14px;
  font-weight: normal;
}
#curatorInfo .curatorInfoWrap .culatorImg {
  width: calc(100% - 100px);
  margin-top: -12px;
  float: right;
  padding-right: 10px;
  font-size: 15px;
  line-height: 2.47;
  text-align: justify;
}
#curatorInfo .curatorInfoWrap .subTtl {
  padding-left: 0;
}

#curatorLogo {
  width: 428px;
  margin: 0 auto;
}

/*---------------------------------------------
tab
---------------------------------------------*/
#list #itemWrap {
  border-top: none;
}

#tab {
  position: relative;
  padding-top: 160px;
  border-top: 1px solid #000;
}

#tabBtns {
  width: 100%;
  position: absolute;
  float: right;
  top: 10px;
  right: 0;
  z-index: 2222;
  transform-origin: right;
  transition-duration: 0.5s;
}
#tabBtns li {
  font-size: 100px;
  letter-spacing: -0.025em;
}
#tabBtns li a {
  color: #ccc;
}
#tabBtns li.active a {
  color: #000;
}
#tabBtns li:first-child {
  float: left;
  padding-left: 4px;
}
#tabBtns li:last-child {
  float: right;
  padding-right: 10px;
}

#tabBtnsSub {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 2210;
  transform: translate3d(0, -54px, 0);
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

#tabBtnsSub.active {
  transform: translate3d(0, 0, 0);
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

#tabBtnsSub li {
  margin-right: 0;
  display: inline-block;
}

#tabBtnsSub li:last-child {
  margin-right: 0;
}

#tabBtnsSub a {
  width: 240px;
  padding: 6px 0 7px;
  font-size: 20px;
  border-radius: 20px;
  color: #bbb;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  display: block;
  text-align: center;
}

#tabBtnsSub .active a {
  color: #000;
}

.tabBox {
  display: none;
}
.tabBox.active {
  display: block;
}

/*---------------------------------------------
itemThumb
---------------------------------------------*/
#itemWrap {
  position: relative;
  padding-top: 25px;
  border-top: 1px solid #000;
}

#itemThumbListAnker {
  position: absolute;
  width: 0;
  height: 0;
  top: -120px;
}

#itemThumbList {
  width: calc(100% - 20px);
  margin: 0 auto;
  overflow: hidden;
}
#itemThumbList ul {
  width: calc(100% + 8px);
}
#itemThumbList ul li {
  width: calc(33.3333333333% - 8px);
  float: left;
  margin: 0 8px 16px 0;
  position: relative;
}
#itemThumbList ul li .itemThumbListGender {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 12px;
  z-index: 1111;
}
#itemThumbList ul li .itemThumbListImg {
  margin-bottom: 15px;
  position: relative;
}
#itemThumbList ul li .itemThumbListImg > a {
  display: block;
  aspect-ratio: 640/960;
  background-color: #eee;
  position: relative;
}
#itemThumbList ul li .itemThumbListImg > a:hover .number1 {
  opacity: 1;
}
#itemThumbList ul li .itemThumbListImg > a .number0 {
  position: relative;
}
#itemThumbList ul li .itemThumbListImg > a .number1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#itemThumbList ul li .itemThumbListBtn {
  width: calc(100% - 16px);
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1111;
}
#itemThumbList ul li .itemThumbListBtn .btn {
  width: 100%;
  border: none;
  padding: 8px 0 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  display: block;
  background: rgba(255, 255, 255, 0.7);
}
#itemThumbList ul li .itemThumbListBtn .btn:hover {
  color: #000;
  background: rgb(255, 255, 255);
}
#itemThumbList ul li .itemThumbListBtn .btn.noLink {
  pointer-events: none;
  color: #666;
  opacity: 0.6;
}
#itemThumbList ul li .itemThumbListBtn .itemThumbListBtnDetail {
  width: calc(50% - 0.5px);
  float: left;
}
#itemThumbList ul li .itemThumbListBtn .itemThumbListBtnBuy {
  width: calc(50% - 0.5px);
  float: right;
}
#itemThumbList ul li .itemThumbListTxt {
  font-size: 14px;
}
#itemThumbList ul li .itemThumbListTxt .itemThumbListLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}

/*---------------------------------------------
detail
---------------------------------------------*/
#itemDetailWrap {
  margin: 0 0 200px;
  display: flex;
  gap: 45px;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 46px;
}

/* itemImg */
#itemImg {
  width: calc(100% - 420px);
  margin-top: -14px;
  padding-right: 10px;
  position: relative;
  overflow: hidden;
}
#itemImg ul {
  width: calc(100% + 9px);
}
#itemImg ul > li {
  width: calc(50% - 9px);
  float: left;
  margin: 0 9px 9px 0;
}
#itemImg ul > li li {
  margin: auto;
}

/* itemCredit */
#itemCredit {
  width: 375px;
  max-height: calc(100vh - 150px);
  position: sticky;
  top: 130px;
  padding: 0 0 0 10px;
}
#itemCredit #itemCreditInnerMain {
  margin-top: -24px;
}
#itemCredit h4 {
  margin-top: -4px;
  line-height: 1.33;
}
#itemCredit h4 #itemCreditName {
  font-size: 22px;
}
#itemCredit h4 #itemCreditBrand {
  font-size: 20px;
}
#itemCredit h4 #itemCreditPrice {
  font-size: 19px;
}
#itemCredit h4 #itemCreditBrand {
  display: inline-block;
}
#itemCredit #itemCreditInnerSub {
  border-top: 1px solid #000;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#itemCredit #itemCreditInnerSub dd {
  padding: 6px 0;
  border-bottom: 1px solid #000;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubTtl {
  float: left;
  font-size: 11px;
  padding-top: 4px;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubDesp {
  text-align: right;
  float: right;
  margin-top: -2px;
  text-align: right;
  font-size: 13px;
  line-height: 1.75;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubDesp li {
  display: inline-block;
  white-space: nowrap;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubDesp li:after {
  content: "/";
  padding: 0 3px;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubDesp li:last-child:after {
  display: none;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubDesp li:first-child span {
  text-decoration: underline;
}
#itemCredit #itemCreditInnerSub dd .itemCreditInnerSubTxt {
  width: 70%;
  text-align: justify;
}

#btnBuy a {
  width: 100%;
  margin: 30px 0 9px;
  padding: 10px 0 12px;
  color: #fff;
  background: #000;
  border: none;
  font-size: 14px;
  text-align: center;
  display: block;
  border-color: #000;
}
#btnBuy a.disable {
  opacity: 0.4;
}

#modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8888;
  background: #fff;
  display: none;
}
#modal #btnModalClose {
  width: 30px;
  position: fixed;
  top: 20px;
  right: 35px;
  z-index: 8888;
}
#modal ul {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3334;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#modal ul li {
  margin-bottom: 4px;
}

.hover:hover {
  opacity: 0.3;
  transition-duration: 0.5s;
}

/*---------------------------------------------
top
---------------------------------------------*/
#loader {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #fff;
  z-index: 6666;
}
#loader #loaderLogo {
  width: 30.74vw;
  padding-bottom: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, calc(-50% + 48px), 0);
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
}
#loader #loaderLogo.active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, -50%, 0);
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

#top #header {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.5s;
}
#top #header.hide {
  transform: translate3d(0, -71px, 0);
  transition-duration: 0.5s;
}
#top #topHeader #ua {
  position: absolute;
  top: 5px;
  left: 20px;
}
#top #topHeader #curated {
  position: absolute;
  top: 5px;
  right: 20px;
}

#topHeader {
  width: 100%;
  height: 8.6vw;
  position: relative;
}
#topHeader h2 {
  font-size: 11.2vw;
  letter-spacing: -0.025em;
  font-weight: normal;
}

#topHeaderNav {
  position: absolute;
  top: 36px;
  left: 20.1vw;
  font-size: 1.02vw;
}
#topHeaderNav li {
  margin-right: 20px;
  display: inline-block;
  position: relative;
}

#topBnr {
  padding-top: 87px;
}
#topBnr h2 {
  font-size: 22px;
  letter-spacing: -0.025em;
  padding: 2px;
}
#topBnr h2.ja {
  font-size: 21px;
}
#topBnr #topBnrMain {
  margin-bottom: 60px;
}
#topBnr #topBnrMain ul {
  display: flex;
  gap: 6px;
}
#topBnr #topBnrMain li {
  width: 50%;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
}
#topBnr #topBnrMain h2 {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background: #fff;
  z-index: 1111;
}

.topBnrSlider .swiper-slide {
  overflow: hidden;
  aspect-ratio: 68/85;
  transform: translateZ(0);
}
.topBnrSlider .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.counter {
  position: absolute;
  bottom: 0;
  left: 20px;
  font-size: 16px;
}

#topBnrSub .counter {
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}

#topBnrSub .topBnrDate {
  bottom: 10px;
}

#hashTag {
  padding: 0 20px;
  font-size: 17px;
  line-height: 1.5;
}
#hashTag dd {
  display: inline-block;
  margin-right: 0.25em;
  color: #bbb;
  transition-duration: 0.5s;
}
#hashTag dd:hover {
  color: #000;
  transition-duration: 0.5s;
}

.topBnrDate {
  position: absolute;
  bottom: 0;
  right: 24px;
  font-size: 16px;
}

#topBnrSub {
  position: relative;
}
#topBnrSub h2 {
  margin: 20px 0 0 20px;
}

#topBnrSubImg {
  overflow: hidden;
  width: 100%;
}
#topBnrSubImg .scrollRow {
  overflow: hidden;
  width: 100%;
}
#topBnrSubImg .scrollRow ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  will-change: transform;
  cursor: grab;
}
#topBnrSubImg .scrollRow ul li {
  flex-shrink: 0;
}
#topBnrSubImg .scrollRow ul li img {
  display: block;
  height: 390px;
  width: auto;
}

#aside {
  width: 200px;
  float: left;
  position: sticky;
  top: 110px;
  left: 10px;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: -0.02em;
  padding-left: 10px;
}
#aside fieldset ul {
  margin-bottom: 20px;
}
#aside fieldset ul li#labelSortAll.active {
  pointer-events: none;
}
#aside fieldset:last-child ul {
  margin-bottom: 8px;
}

/* チェックボックス本体を非表示 */
input[type=checkbox] {
  display: none;
}

/* チェックマーク */
input[type=checkbox]:checked + .customCheckbox {
  color: #bbb;
}

/* チェックボックス風の見た目 */
.customCheckbox {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.customCheckbox.ja {
  line-height: 1;
}

#item {
  width: calc(80% - 100px);
  float: right;
}

#itemThumbList {
  min-height: 100vh;
}
#itemThumbList ul li {
  width: calc(33.3333333333% - 8px);
}

.sold {
  color: #f00 !important;
  pointer-events: none;
}

#detail .swiper-wrapper {
  display: block !important;
}

/*---------------------------------------------
footer
---------------------------------------------*/
#footer {
  width: 100%;
}

#footerInner {
  height: 334px;
  border-top: 1px solid #000;
  margin: 0 13px;
  padding-top: 10px;
  position: relative;
}
#footerInner #footerLogo {
  width: 34.4vw;
  position: absolute;
  bottom: 38px;
  left: 25px;
}
#footerInner #footerNav {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 22px;
  line-height: 1.35;
}
#footerInner #footerNav li {
  display: inline-block;
}
#footerInner #footerNav li::after {
  content: "/";
  padding: 0 8px 0 12px;
}
#footerInner #footerNav li:last-child:after {
  display: none;
}
#footerInner #btnPageTop {
  position: absolute;
  width: 40px;
  height: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  bottom: 30px;
  right: 15px;
  display: block;
  padding-left: 0;
  text-indent: -9999px;
  border-radius: 30px;
}
#footerInner #btnPageTop::before {
  content: "";
  width: 9px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/icon_arrow.svg) no-repeat left;
}

/*---------------------------------------------
look
---------------------------------------------*/
#lookList ul li {
  position: relative;
  margin-bottom: 15.8vw;
}
#lookList ul li:last-child {
  margin-bottom: 0;
}
#lookList ul li.lookImgFull .imgBox {
  width: 100%;
}
#lookList ul li.lookImgFull .lookCredit {
  top: 20px;
}
#lookList ul li.lookImgL .imgBox {
  width: 60.9vw;
}
#lookList ul li.lookImg .imgBox {
  width: 40.9vw;
}
#lookList ul li.lookImgTwo .imgBox {
  display: flex;
  justify-content: center;
  gap: 15px;
  width: 60vw;
}
#lookList ul li.lookImgTwo .imgBox .img {
  width: calc(50% - 15px);
}
#lookList ul li .imgBox {
  margin: 0 auto;
}
#lookList ul li .imgBox .img {
  position: relative;
}
#lookList ul li .animate-elm {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
}
#lookList ul li .lookCredit {
  position: absolute;
  left: 10px;
  top: 0px;
  z-index: 10;
  font-size: 13px;
}
#lookList ul li .lookCredit dl {
  margin-bottom: 20px;
  line-height: 1.3;
}
#lookList ul li .lookCredit dl:last-child {
  margin-bottom: 0;
}
#lookList ul li .lookCredit dl dt {
  margin-bottom: 10px;
}
#lookList ul li .lookCredit dl dd {
  display: flex;
}
#lookList ul li .lookCredit dl dd a {
  margin-right: -1px;
}
#lookList ul li .lookCredit .btn {
  border-color: #000;
}

/* ------------------------------------------
PC大
1800px以上の場合に適用される
------------------------------------------ */
/* 大画面（W1800px〜） */
@media screen and (min-width: 1800px) {
  #mainNav {
    width: 100%;
  }
  #mainNav #mainNavInner {
    padding-bottom: 140px;
  }
  .mainNavMainTxt {
    width: 793px;
    margin: 100px auto 180px;
  }
  #footerInner {
    height: 500px;
  }
  #footerLogo {
    width: 624px;
  }
  #itemImg ul {
    width: calc(100% + 9px);
  }
  #itemImg ul > li {
    width: calc(33.3333333333% - 9px);
    float: left;
    margin: 0 9px 9px 0;
  }
  #itemImg ul > li li {
    margin: auto;
  }
  #itemThumbList ul li {
    width: calc(20% - 8px);
  }
  #top #itemThumbList ul li {
    width: calc(25% - 8px);
  }
}
/* ------------------------------------------
Smartphone
768px以下の場合に適用される
------------------------------------------ */
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  a {
    color: #000;
    opacity: 1;
    transition-duration: 0.5s;
    text-decoration: none;
  }
  a:hover {
    color: #000;
    transition-duration: 0.5s;
  }
  #itemImgMain {
    margin-bottom: 8px;
  }
  /*---------------------------------------------
  header
  ---------------------------------------------*/
  #header {
    font-size: 14px;
  }
  #header #headerInner {
    padding: 0 4px;
  }
  #header #headerInner #logo {
    padding: 14px 0 15px 0;
  }
  #mainNav {
    height: 100%;
  }
  #mainNav #mainNavInner {
    padding-bottom: 60px;
  }
  #mainNav #mainNavInner #mainNavTo::-webkit-scrollbar {
    display: none;
  }
  #mainNav #mainNavInner #mainNavMain,
  #mainNav #mainNavInner #mainNavSub {
    padding: 18px 0 20px;
  }
  #mainNav #mainNavNav {
    font-size: 18px;
    margin: 13px 0 0 15px;
  }
  #mainNav #mainNavNav li {
    display: block;
    line-height: 1.6;
  }
  #mainNav #mainNavNav li::after {
    display: none;
  }
  #mainNav #mainNavNav a {
    background: #fff;
    padding: 0 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
  #mainNav #mainNavNav li:first-child {
    font-size: 17px;
  }
  #mainNav #mainNavNav li:first-child a {
    padding: 2px 4px;
  }
  #mainNav .subTtl {
    padding-left: 10px;
  }
  #mainNav .mainNavMainTxt {
    width: calc(100% - 60px);
    margin: 100px auto 150px;
  }
  #mainNav .mainNavMainWrap {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  #mainNav #mainNavMainLogo {
    width: 46vw;
    padding-right: 20px;
    position: absolute;
    left: 30px;
    bottom: 35px;
  }
  #mainNav #mainNavSubTxt {
    font-size: 17px;
    line-height: 1.882;
  }
  #mainNav #mainNavClose {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 14px;
  }
  #breadCrumb {
    font-size: 12px;
  }
  #btnMenu {
    padding: 13px 15px 15px;
  }
  /*---------------------------------------------
  main
  ---------------------------------------------*/
  #mainContents {
    padding: 44px 10px 100px;
  }
  #top #mainContents {
    padding: 100px 10px 100px;
  }
  h2.ttl {
    margin-bottom: 50px;
    padding: 0 10px;
    font-size: 32px;
  }
  #curatorInfo {
    margin-bottom: 0;
    padding: 15px 5px;
  }
  #curatorInfo .curatorInfoTtl {
    position: relative;
    top: auto;
    margin: 0;
    margin-bottom: 60px;
  }
  #curatorInfo .curatorInfoWrap {
    width: 100%;
    float: none;
    margin-bottom: 50px;
  }
  #curatorInfo .curatorInfoWrap h5 {
    width: 100%;
    float: none;
    margin-top: 0;
    font-size: 13px;
    line-height: 1.85;
  }
  #curatorInfo .curatorInfoWrap .culatorImg {
    width: 100%;
    float: none;
    margin-top: 20px;
    padding-right: 0;
  }
  .subTtl {
    float: none;
    margin-bottom: 15px;
    padding-left: 0;
  }
  #curatorLogo {
    width: 100%;
    margin: 0 auto;
  }
  /*---------------------------------------------
  tab
  ---------------------------------------------*/
  #itemWrap {
    border-top: none;
  }
  #tab {
    margin-top: 80px;
    padding-top: 65px;
  }
  #tabBtns li {
    font-size: 42px;
  }
  #tabBtns li:first-child {
    padding-left: 2px;
  }
  #tabBtns li:last-child {
    padding-right: 5px;
  }
  #tabBtnsSub {
    position: fixed;
    top: 95px;
    right: 15px;
    z-index: 2210;
    transform: translate3d(0, -88px, 0);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #tabBtnsSub a {
    width: 100px;
    padding: 6px 0 7px;
    font-size: 14px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    display: block;
    text-align: center;
  }
  /*---------------------------------------------
  itemThumb
  ---------------------------------------------*/
  #itemThumbList ul li {
    width: calc(50% - 8px);
    margin: 0 8px 12px 0;
  }
  #itemThumbList ul li .itemThumbListImg {
    margin-bottom: 10px;
  }
  #itemThumbList ul li .itemThumbListBtn {
    bottom: 6px;
  }
  #itemThumbList ul li .itemThumbListBtn .btn {
    font-size: 10px;
    padding: 6px 0;
  }
  #itemThumbList ul li .itemThumbListTxt {
    font-size: 12px;
  }
  #itemThumbList ul li .itemThumbListTxt .itemThumbListLabel {
    margin-bottom: 4px;
  }
  /*---------------------------------------------
  detail
  ---------------------------------------------*/
  #itemDetailWrap {
    margin: 15px 0 100px;
    display: block;
    padding-top: 0;
  }
  /* itemImg */
  #itemImg {
    width: calc(100% - 10px);
    float: none;
    margin: 0 auto;
    padding-right: 0;
    overflow: hidden;
  }
  #itemImg ul {
    width: 100%;
    margin-bottom: 0;
  }
  #itemImg ul > li {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
  }
  #itemImg ul > li li {
    margin: 0 0 0 0;
  }
  /* itemCredit */
  #itemCredit {
    width: calc(100% - 10px);
    height: auto;
    max-height: initial;
    float: none;
    position: inherit;
    top: 0;
    margin: 0 auto;
    padding: 0 0 0 0;
  }
  #itemCredit #itemCreditInnerMain {
    margin-top: 0;
  }
  #itemCredit h4 {
    margin-top: -4px;
    margin-bottom: 30px;
    line-height: 1.33;
  }
  #itemCredit h4 #itemCreditName {
    font-size: 22px;
  }
  #itemCredit h4 #itemCreditBrand {
    font-size: 20px;
  }
  #itemCredit h4 #itemCreditPrice {
    font-size: 19px;
  }
  #itemCredit #itemCreditInnerSub {
    position: relative;
  }
  #itemCredit #itemCreditInnerSub dd {
    padding: 6px 0;
  }
  #itemCredit #itemCreditInnerSub dd .itemCreditInnerSubDesp {
    margin-top: 0;
    font-size: 11px;
  }
  #btnBuy a {
    padding: 8px 0 12px;
    font-size: 14px;
  }
  #itemImgThumb {
    width: 100%;
    height: 95px;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 0 0 25px 0;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    position: relative;
  }
  #itemImgThumb ul {
    width: auto;
    margin-bottom: 60px;
  }
  #itemImgThumb ul li {
    width: 50px;
    display: inline-block;
    border: 1px solid #fff;
    font-size: 0;
    transition-duration: 0.5s;
    cursor: pointer;
    margin-bottom: 4px;
    margin-bottom: 0;
  }
  #itemImgThumb ul li:last-child {
    margin-bottom: 0;
  }
  #itemImgThumb #itemImgThumbBg {
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    bottom: 0;
  }
  #itemImgThumb #itemImgThumbBg #itemImgThumbCurrent {
    width: 51px;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 0;
    z-index: 1111;
    transition-duration: 0.1s;
  }
  #itemImgThumb::-webkit-scrollbar {
    display: none;
  }
  #detail .swiper-wrapper {
    display: flex !important;
  }
  /*---------------------------------------------
  top
  ---------------------------------------------*/
  #loader #loaderLogo {
    width: 60vw;
  }
  #top #topHeader #ua {
    top: 0;
    left: 15px;
  }
  #top #topHeader #curated {
    top: 0;
    right: 10px;
  }
  #topHeader {
    height: 10px;
  }
  #topHeader h2 {
    font-size: 49px;
  }
  #topBnr {
    padding-top: 44px;
  }
  #topBnr #topBnrMain {
    margin-bottom: 50px;
  }
  #topBnr #topBnrMain h2 {
    font-size: 20px;
    left: 15px;
  }
  #topBnr #topBnrMain h2.ja {
    font-size: 18px;
  }
  #topBnr #topBnrMain ul {
    display: block;
  }
  #topBnr #topBnrMain ul li {
    width: 100% !important;
    float: none;
    margin-bottom: 50px;
  }
  .counter {
    bottom: 0;
    left: 15px;
    font-size: 12px;
  }
  .topBnrDate {
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 12px;
  }
  #hashTag {
    font-size: 16px;
    line-height: 1.63;
  }
  #topBnrSub {
    position: relative;
  }
  #topBnrSub h2 {
    margin: 16px 0 0 15px;
    font-size: 20px;
  }
  #topBnrSub .counter {
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
  }
  #topBnrSub .topBnrDate {
    bottom: 8px;
  }
  #topBnrSubImg .scrollRow ul li img {
    height: 235px;
  }
  #aside {
    height: 100%;
    position: fixed;
    top: 85px;
    left: 0;
    font-size: 14px;
    padding: 20px 0 0 15px;
    z-index: 2220;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    transform: translate3d(-220px, 0, 0);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #aside.active {
    transform: translate3d(0, 0, 0);
  }
  #item {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  #itemThumbList {
    width: calc(100% - 10px);
  }
  #itemThumbList ul li {
    width: calc(50% - 8px);
  }
  #btnFilters {
    position: sticky;
    top: 44px;
    z-index: 2221;
    margin-bottom: 20px;
    padding-top: 10px;
    background: #fff;
    border-bottom: 1px solid #000;
  }
  #btnFilters a {
    font-size: 14px;
    margin: 0 0 15px 5px;
    padding-left: 20px;
    display: inline-block;
    background: url(../images/icon_filter.svg) left 0.2em no-repeat;
    background-size: 10px auto;
  }
  /*---------------------------------------------
  footer
  ---------------------------------------------*/
  #footerInner {
    height: 457px;
  }
  #footerInner #footerNav {
    position: relative;
    top: auto;
    right: auto;
    font-size: 22px;
    line-height: 1.78;
    margin: 10px 0 50px 15px;
  }
  #footerInner #footerNav li {
    display: block;
  }
  #footerInner #footerNav li::after {
    display: none;
  }
  #footerInner #footerLogo {
    position: absolute;
    width: 56vw;
    left: 15px;
    bottom: 20px;
    transform: translateX(0);
    padding-bottom: 10px;
  }
  #footerInner #btnPageTop {
    position: absolute;
    width: 40px;
    height: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    bottom: 30px;
    right: 15px;
    display: block;
    padding-left: 0;
    text-indent: -9999px;
    border-radius: 30px;
  }
  #footerInner #btnPageTop::before {
    content: "";
    width: 9px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/icon_arrow.svg) no-repeat left;
  }
  .row2 ul {
    flex-direction: row-reverse;
  }
  #copy {
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    bottom: 35px;
    right: 28px;
  }
  /*---------------------------------------------
  look
  ---------------------------------------------*/
  #lookList {
    text-align: left;
  }
  #lookList ul li.lookImgFull {
    margin-left: -10px;
    margin-right: -10px;
  }
  #lookList ul li.lookImgTwo .imgBox .img:first-child {
    margin-bottom: 10px;
  }
  #lookList ul li.lookImgFull .imgBox, #lookList ul li.lookImgL .imgBox, #lookList ul li.lookImg .imgBox, #lookList ul li.lookImgTwo .imgBox {
    display: block;
    width: auto;
  }
  #lookList ul li.lookImgFull .imgBox .img, #lookList ul li.lookImgL .imgBox .img, #lookList ul li.lookImg .imgBox .img, #lookList ul li.lookImgTwo .imgBox .img {
    width: 100%;
  }
  #lookList ul li.lookImgFull .lookCredit, #lookList ul li.lookImgL .lookCredit, #lookList ul li.lookImg .lookCredit, #lookList ul li.lookImgTwo .lookCredit {
    position: relative;
    top: initial;
    left: initial;
    padding-top: 20px;
  }
}/*# sourceMappingURL=style.css.map */