@charset "UTF-8";

/***
* common_sp.css
*/

/* 375px */

.aside .filterBtns {
	background-color: #fff;
}

.aside.fixed .filterBtns {
	position: fixed;
	left: 0;
	top: 0;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.aside.fixed.show .filterBtns {
	padding-top: 105px;
	padding-bottom: 10px;
	transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.copy {
	mix-blend-mode: difference;
	color: #fff;
	-webkit-text-stroke: 0 #fff;
}

@media only print, only screen and (min-width: 18.75em) {
	#itemCredit #itemImgThumb {
		display: none;
	}

	.tab,
	.pc,
	.pc_tab {
		display: none;
	}

	.sp {
		display: block;
	}

	.hover:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.hyphen {
		position: relative;
		top: -0.5vw;
	}

	.btn {
		padding: 10px 20px 5px;
		color: #000;
		background: #fff;
		border: 1px solid #000;
		font-size: 12px;
		text-align: center;
		display: inline-block;
		position: relative;
		transition-duration: 0.5s;
	}

	.btn:hover {
		color: #fff;
		background: #000;
		transition-duration: 0.5s;
	}

	.btns li {
		display: inline-block;
	}

	.jp {
		font-family: "NeueHaasGroteskText W01", a-otf-gothic-bbb-pr6n, sans-serif;
		font-feature-settings: "palt" 1;
	}

	.narrow {
		transform: scale(0.6, 1);
		display: inline-block;
		letter-spacing: 0.2em;
	}

	.parent {
		position: relative;
		top: -0.04em;
	}

	/***+*******+****
* layout
*/

	/***
* header
*/

	#header {
		width: 100%;
		overflow: hidden;
	}

	#headerInner {
		width: 100%;
		height: 44px;
		position: fixed;
		background: #fff;
		z-index: 3333;
	}

	#logoSpAnchor {
		position: absolute;
		top: 0;
	}

	#logo {
		width: 158px;
		position: relative;
		margin: 10px 0 0 12px;
	}

	#genderBtns {
		position: absolute;
		top: 10px;
		right: 45px;
	}

	#genderBtns li {
		font-size: 10px;
		-webkit-text-stroke: 0.3px #bbb;
		text-stroke: 0.3px #bbb;
		display: inline-block;
	}

	#genderBtns li::after {
		content: "/";
		padding: 0 5px 0 8px;
		color: #bbb;
	}

	#genderBtns li:last-child::after {
		display: none;
	}

	#genderBtns a {
		color: #bbb;
	}

	.women #genderBtns a.navWomen {
		color: #000;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	/* btnMenu */

	#btnMenu {
		display: block;
		width: 16px;
		height: 11px;
		padding: 13px 15px 20px;
		font-size: 1.5em;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 6666;
	}

	.bars.active {
		transform: scaleY(1);
		background: transparent !important;
	}

	.bars.active:before,
	.bars.active:after {
		background: #000;
		top: 0;
		width: 100%;
		user-select: none;
	}

	.bars.active:before {
		transform: rotate(-45deg);
	}

	.bars.active:after {
		transform: rotate(45deg);
	}

	.bars {
		width: 100%;
		height: 1px;
		margin-top: 0.3em;
		background: #000;
		position: relative;
		display: block;
		transition: all 0.2s ease;
	}

	.bars:before {
		top: -5px;
	}

	.bars:after {
		top: 5px;
	}

	.bars:before,
	.bars:after {
		width: 100%;
		height: 1px;
		background: #000;
		position: absolute;
		left: 0;
		content: "";
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	#closeOverlay {
		width: 100%;
		height: 100%;
		background: #fff;
		position: fixed;
		top: 0;
		z-index: 1111;
		opacity: 0;
		visibility: hidden;
		transition-duration: 0.5s;
	}

	#closeOverlay.active {
		opacity: 0.9;
		visibility: visible;
		transition-duration: 0.5s;
	}

	#navWrap {
		height: calc(100% - 58px);
		padding-top: 24px;
		overflow: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

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

	#nav {
		width: 100%;
		height: calc(100vh - 80px);
		overflow-y: auto;
		opacity: 0;
		visibility: hidden;
		transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav.active {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 50px, 0);
		transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav > ul {
		padding: 36px 15px 15px;
		display: block;
		font-size: 12px;
		line-height: 2;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.navDropdown {
		margin-bottom: 70px;
	}

	.navHasDropdown > a {
		margin-bottom: 16px;
		font-size: 14px;
		display: inline-block;
	}

	#navLabels {
		float: none;
		margin: 0 0 80px 0;
	}

	#navItemCat {
		float: none;
		margin: 0 0 80px 0;
	}

	.navList ul {
		float: none;
		margin-right: 0;
	}

	.navDropdown .navLabelImg {
		width: 37.86%;
		position: fixed;
		top: 80px;
		right: 15px;
		opacity: 0;
		visibility: hidden;
		transition-duration: 0.5s;
	}

	.navDropdown a:hover .navLabelImg {
		opacity: 1;
		visibility: visible;
		transition-duration: 0.5s;
	}

	.navDropdown .navItemImg {
		width: 34%;
		position: fixed;
		top: 60px;
		right: 20px;
		opacity: 0;
		visibility: hidden;
		transition-duration: 0.5s;
	}

	.navDropdown a:hover .navItemImg {
		opacity: 1;
		visibility: visible;
		transition-duration: 0.5s;
	}

	.navHasDropdown .sp {
		display: inline-block;
	}

	#df {
		width: 37.86%;
		position: fixed;
		top: 80px;
		right: 15px;
		z-index: 1111;
	}

	#df .navLabelImg {
		opacity: 1;
		visibility: visible;
		transition-duration: 0.5s;
	}

	#df h6 {
		font-size: 9px;
	}

	/***
* main
*/

	#main {
		padding-top: 80px;
	}

	section {
		padding: 60px 15px 0;
		position: relative;
	}

	section:first-child {
		padding: 0 15px 0;
	}

	.ttl {
		width: 100%;
		padding: 15px 0;
		font-size: 26px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		position: relative;
		z-index: 3333;
	}

	#womenLabelTtl {
		padding: 0 0;
	}

	#itemCategories {
		padding-bottom: 80px;
	}

	#womenLabelTtl .ttl,
	#itemCategories .ttl {
		font-size: 13px;
	}

	/*
	.aside {
		margin-bottom: 26px;
		float: none;
		position: relative;
		top: auto;
		left: 0;
		font-size: 16.5px;
		line-height: 1.75;
		z-index: 111;
	}

	.aside ul {
		position: relative;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.aside ul::-webkit-scrollbar {
		display: none;
	}

	.aside .fadeRight {
		position: absolute;
		top: 0;
		right: 0;
		width: 80px;
		height: 100%;
		pointer-events: none;
		background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
	}

	.aside ul::-webkit-scrollbar {
		display: none;
	}

	.aside li {
		display: inline-block;
	}

	.aside li::after {
		content: "/";
		padding: 0 0.1em 0 0.5em;
	}

	.aside li:last-child::after {
		display: none;
	}
*/

	/*
.aside li a{
  position: relative;
}
*/

	/*
.aside li a::after{
  content: '';
  width: 0;
  height: 1px;
  transform: scaleY(0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.aside li a:hover::after{
  width: 100%;
  transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
*/

	.article {
		width: 100%;
		float: none;
	}

	/* labelThumbList */

	#labelThumbList {
		width: 100%;
		overflow: hidden;
		margin-bottom: -30px;
	}

	#labelThumbList ul {
		width: calc(100% + 30px);
		display: flex;
		flex-wrap: wrap;
	}

	#labelThumbList li {
		width: calc(100% / 2 - 30px);
		float: left;
		margin: 0 30px 15px 0;
		position: relative;
	}

	#labelThumbList li::after {
		content: "";
		width: 1px;
		height: 100%;
		background: #ccc;
		position: absolute;
		top: 0;
		right: -15px;
	}

	.genderTop #womenLabel {
		padding-top: 0;
	}

	.genderTop #labelThumbList ul {
		width: 100%;
	}

	.genderTop #labelThumbList li {
		width: 100%;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #ccc;
	}

	.thumbLogo {
		position: relative;
	}

	/*
	.thumbLogo::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #ccc;
		transform-origin: 0 0;
	}
*/

	.thumbLogo img {
		width: calc(100% + 1px);
		margin: 0 auto;
		margin-right: -1px;
		position: relative;
		z-index: 1111;
	}

	.genderTop .thumbLogo img {
		width: 79%;
		margin: 0 auto;
		padding: 8px 0;
	}

	.thumbImg {
		margin-right: 0;
		overflow: hidden;
		z-index: 1111;
	}

	#labelThumbList li .thumbImg img {
		transform: scale(1);
		transition-duration: 0.5s;
	}

	#labelThumbList li:hover .thumbImg img {
		transform: scale(1.1);
		transition-duration: 0.5s;
	}

	#labelThumbList li .thumbImg {
		padding-top: 68.12%;
		position: relative;
		overflow: hidden;
	}

	#labelThumbList li .thumbImg img,
	#labelThumbList li .thumbImg picture {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#labelThumbList li .thumbImg::after {
		display: none !important;
	}

	/* itemCategoryList */

	#itemCategoryList {
		width: 100%;
		overflow: hidden;
	}

	#itemCategoryList ul {
		width: calc(100% + 30px);
		margin-bottom: -15px;
		display: flex;
		flex-wrap: wrap;
	}

	#itemCategoryList li {
		width: calc(100% / 2 - 30px);
		float: left;
		margin: 0 30px 15px 0;
		text-align: center;
		position: relative;
	}

	#itemCategoryList li::after {
		content: "";
		width: 1px;
		height: 100%;
		background: #ccc;
		position: absolute;
		top: 0;
		right: -15px;
	}

	.womenItemThumbImg {
		overflow: hidden;
	}

	#itemCategoryList li .womenItemThumbImg img {
		transform: scale(1);
		transition-duration: 0.5s;
	}

	#itemCategoryList li:hover .womenItemThumbImg img {
		transform: scale(1.15);
		transition-duration: 0.5s;
	}

	.itemCategoryThumbTtl {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding-bottom: 40px;
		font-size: 18px;
		text-align: center;
		white-space: nowrap;
	}

	.itemThumbImg {
		margin-bottom: 10px;
	}

	.itemThumbTxt {
		padding-bottom: 20px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.itemThumbTxt h5 {
		float: left;
		font-size: 15px;
	}

	.itemThumbTxt h6 {
		float: right;
		font-size: 11px;
		margin-top: 2px;
	}

	/***
  * gender top
  */

	#genderTtl {
		margin-bottom: 220px;
		padding-top: 160px;
		white-space: nowrap;
	}

	#genderTtl h3 {
		color: #bbb;
		font-size: 8vw;
		margin-bottom: 5px;
		font-family: "NeueHaasUnicaPro", Helvetica, Arial, "sans-serif";
		font-weight: 500;
	}

	#genderTtl h3 a {
		color: #bbb;
	}

	#genderTtl h3 a.active {
		color: #000;
	}

	#genderTtl .article {
		font-size: 7.47vw;
		text-align: right;
		z-index: 2223;
		-webkit-text-stroke: 0.5px #000;
		text-stroke: 0.5px #000;
	}

	#mainTtl a {
		position: relative;
		display: inline-block;
		transform: translateZ(0);
	}

	/* label Top */

	.labelTop #loader {
		width: 100%;
		height: 100%;
		position: fixed;
		background: #fff;
		z-index: 7777;
	}

	.labelTop #loaderLogo {
		width: 140%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(1);
		transition: all 2000ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.labelTop #loaderLogo img {
		padding-bottom: 80px;
	}

	.labelTop #loaderLogo.active {
		transform: translate(-50%, -50%) scale(0.95);
		transition: all 2000ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.labelTop #loaderLogo.blur {
		filter: blur(5px);
		transition: all 3000ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	/* データ置き場（表示しない） */
	#labeltopSliderData {
		display: none;
	}

	/* itemTuhmb */

	#itemThumbList {
		width: 100%;
		overflow: hidden;
		margin-bottom: -30px;
	}

	#itemThumbList ul {
		width: calc(100% + 30px);
	}

	#itemThumbList li {
		width: calc(100% / 2 - 30px);
		float: left;
		font-size: 12px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		line-height: 1.25;
		margin: 0 30px 20px 0;
		position: relative;
	}

	#itemThumbList li::after {
		content: "";
		width: 1px;
		height: 100%;
		background: #ccc;
		position: absolute;
		top: 0;
		right: -15px;
	}

	.itemThumbListImg {
		overflow: hidden;
		margin-bottom: 12px;
	}

	.itemThumbListLabel {
		padding-top: 1px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.itemThumbListPrice {
		margin-bottom: 15px;
	}

	.itemThumbListBtn {
		margin-bottom: 30px;
	}

	.itemThumbListBtn .btn {
		width: calc(50% - 2px);
		float: left;
		font-family: "NeueHaasUnicaPro", Helvetica, Arial, "sans-serif";
		font-size: 10px;
		padding: 4px 0 6px;
	}

	.itemThumbListBtn .itemThumbListBtnBuy a {
		margin-left: -1px;
	}

	#itemThumb .aside li.active {
		background: url("../img/icon_dot.svg") 0.75em 0.55em no-repeat;
		background-size: 3px;
	}

	#itemImgThumbAnchorSp {
		margin-top: 2px;
	}

	#itemImgThumb .slick-slide {
		margin-right: 5px;
	}

	/***
  * item Detail
  */

	#detail #main {
		padding: 44px 0 0 0;
	}

	#itemImg {
		width: calc(100% - 30px);
		float: none;
		margin: 0 auto;
	}

	#itemImgMain {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	#itemImgMain li {
		margin-bottom: 10px;
	}

	#itemImgMain li:last-child {
		margin-bottom: 0;
	}

	#itemCredit {
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	#itemCreditInnerMain h4 {
		margin-bottom: 20px;
		padding-bottom: 20px;
		font-size: 21px;
		line-height: 1.357;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		border-bottom: 1px solid #000;
	}

	#itemCreditItemName {
		margin-bottom: 2px;
		font-size: 19px;
		display: block;
	}

	#itemCreditInnerMain p {
		margin-bottom: 20px;
		font-size: 12px;
		text-align: justify;
		line-height: 1.75;
		letter-spacing: 0.01em;
	}

	#itemCredit dl {
		margin-bottom: 26px;
		font-size: 17px;
		line-height: 1.45;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		white-space: nowrap;
	}

	.itemCreditInnerSubTtl,
	.itemCreDescriptionTtl {
		margin-top: 7px;
		font-family: Arial, Helvetica, "sans-serif";
		font-size: 11px;
	}

	.itemCreDescription {
		margin-top: 30px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.itemCreDescriptionTtl {
		margin-bottom: 10px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.itemCreDescriptionTxt {
		font-size: 14px;
		line-height: 2;
		-webkit-text-stroke: 0.5px #000;
		text-stroke: 0.5px #000;
	}

	#btnBuy .btn {
		width: calc(100% - 33px);
		padding: 9px 15px 12px;
		font-size: 16px;
		color: #fff;
		background: #000;
		border: 1px solid #000;
		text-align: left;
	}

	#btnBuy .btn::after {
		content: "";
		width: 18px;
		height: 12px;
		background: url("../img/icon_btn_arrow_wh.svg") center no-repeat;
		background-size: 18px auto;
		position: absolute;
		top: 12px;
		right: 15px;
	}

	#itemImgThumbBg {
		width: 100%;
		height: 2px;
		background: #ccc;
		position: absolute;
		bottom: 0;
		display: none; /******************************************************************************************************/
	}

	#itemImgThumbCurrent {
		width: 40px;
		height: 2px;
		background: #000;
		position: absolute;
		bottom: 0;
		z-index: 1111;
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#itemImgThumb li {
		margin-bottom: 4px;
	}

	#itemImgThumb li:last-child {
		margin-bottom: 0;
	}

	/* modal */

	#modal {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8888;
		background: #fff;
		display: none;
	}

	#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::-webkit-scrollbar {
		display: none;
	}

	#btnModalClose {
		width: 30px;
		position: fixed;
		top: 20px;
		right: 20px;
		z-index: 8888;
	}

	#modalImg li {
		margin-bottom: 4px;
	}

	#modalImg li:last-child {
		margin-bottom: 0;
	}

	/***
* all looks
*/

	#lookbooksThumbList {
		width: 100%;
		overflow: hidden;
	}

	#lookbooksThumbList ul {
		width: 100%;
	}

	#lookbooksThumbList li {
		width: 100%;
		float: none;
		margin: 0 0 30px 0;
		padding: 0 0 15px;
		border-bottom: 1px solid #ccc;
		position: relative;
	}

	#lookbooksThumbList li:nth-child(2) {
		border-top: none;
	}

	.lookbooksThumbImg {
		width: 50%;
		height: calc(100% + 1px);
		/*  margin-bottom: -1px;*/
		float: left;
	}

	.lookbooksThumbImg {
		overflow: hidden;
	}

	#lookbooksThumbList li .lookbooksThumbImg img {
		transform: scale(1);
		transition-duration: 0.5s;
	}

	#lookbooksThumbList li:hover .lookbooksThumbImg img {
		transform: scale(1.1);
		transition-duration: 0.5s;
	}

	.lookbooksThumbLogo {
		width: 50%;
		height: auto;
		position: absolute;
		right: 0;
		padding-left: 0;
		background: #f9f9f9;
	}

	.lookbooksThumbLogo img {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
	}

	.lookbooksThumbTxt {
		margin-top: 12px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.lookbooksThumbTxt h4 {
		float: left;
		font-size: 15px;
	}

	.lookbooksThumbTxt h5 {
		float: right;
		font-size: 10px;
		margin-top: 1px;
	}

	/***
* footer
*/

	#footer {
		padding: 0 15px;
	}

	#footerInner {
		padding-top: 100px;
		border-top: 1px solid #000;
		position: relative;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	#genderList {
		width: 100%;
		margin: 0 auto 24px;
		padding: 0;
		overflow: hidden;
	}

	#genderList ul {
		width: 100%;
	}

	#genderList li {
		width: 100%;
		margin-bottom: 0;
		margin-right: 0;
		padding: 0 0;
		z-index: 1;
		border-radius: 0;
		position: relative;
	}

	.genderListImg {
		overflow: hidden;
	}

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

	#genderList li:last-child a::after {
		display: none;
	}

	#genderList li::after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		opacity: 0;
		z-index: 3333;
		transform: scale(1);
		filter: blur(0);
		transition-duration: 0.5s;
		pointer-events: none;
	}

	#genderList img {
		transform: scale(1);
		transition-duration: 0.5s;
	}

	#genderList li p {
		margin-top: 10px;
		font-size: 13px;
	}

	#genderList a:hover {
		color: #000;
	}

	.genderListTtl {
		position: absolute;
		bottom: 20%;
		left: 50%;
		transform: translateX(-50%);
		padding-bottom: 0;
		color: #fff;
		font-size: 24px;
		-webkit-text-stroke: 0.3px #fff;
		text-stroke: 0.3px #fff;
		z-index: 5555;
	}

	#genderList li:first-child {
		float: none;
		margin-bottom: 10px;
	}

	#genderList li:last-child {
		float: none;
	}

	#genderList li:last-child .spBdT {
		display: block;
	}

	#btnBackToTop {
		padding-bottom: 223px;
		font-size: 21px;
		text-align: center;
		display: block;
	}

	#btnBackToTop a {
		position: relative;
	}

	#footerInner {
		padding-top: 140px;
		border-top: 1px solid #000;
		position: relative;
	}

	#footerNav {
		margin-bottom: 70px;
		padding-bottom: 120px;
		text-align: center;
	}

	#footerNav li {
		margin-right: 0;
		font-size: 13px;
		line-height: 2.33;
		display: block;
	}

	#footerNav li:last-child {
		margin: 10px 0 0 0;
	}

	#footerNav li#footerNavSns {
		line-height: 1.8;
	}

	#footerLogo {
		margin: 100px 0 80px;
		font-size: 22px;
		line-height: 1.14;
		text-align: center;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	#footerNavSub h6 {
		font-size: 11px;
		position: absolute;
		bottom: 20px;
	}

	#footerNavPageTop {
		font-size: 14px;
		margin-bottom: 100px;
		text-align: center;
	}

	#footerCopy {
		font-size: 13px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}

	#footerNavSnsTtl {
		margin-top: 20px;
		display: inline-block;
	}

	/***
  * 2026 Spring & Summer
  */

	/* label Top */

	#list #main {
		padding: 44px 0 0 0;
	}

	#list #mainTtl {
		width: 1000px;
		position: fixed;
		top: 50%;
		left: 50%;
		padding-bottom: 90px;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	#labelImgWrapper {
		width: 100%;
		height: var(--labelImgWrapperHeight, calc(150vh - 57px));
		position: relative;
	}

	#labelImg {
		width: var(--labelImgCurrentWidth, 92vw);
		position: sticky;
		top: var(--labelImgStickyTop, 50vh);
		left: 0;
		right: 0;
		margin: 0 auto;
		transform: translate3d(0, -50%, 0);
		will-change: transform;
	}

	#labelImg.isReleased {
		position: absolute;
		top: var(--labelImgReleaseTop, 0px);
		left: 0;
		right: 0;
		transform: translate3d(0, 0, 0);
	}

	#labelImgMain {
		opacity: var(--labelImgOpacity, 1);
		transform: translate3d(0, 0, 0) scale(var(--labelScale, 1));
		transform-origin: 50% 50%;
		will-change: transform;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform-style: preserve-3d;
	}

	#labelImgMain img,
	#labelImgMain picture {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
	}

	#labelImgTtl {
		width: 100%;
		height: var(--labelImgTtlHeight, 0px);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity 450ms cubic-bezier(0.23, 1, 0.32, 1),
			visibility 0s linear 450ms;
		position: sticky;
		top: var(--labelImgTtlTop, 100vh);
	}

	#labelImgTtl.isReady.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition:
			opacity 450ms cubic-bezier(0.23, 1, 0.32, 1),
			visibility 0s linear 0s;
	}

	#labelImgTtlInner {
		width: 100%;
		font-family: "NeueHaasUnicaPro", Helvetica, Arial, "sans-serif";
		font-size: 6.93vw;
		position: relative;
		top: 50%;
		padding-bottom: 20px;
		transform: translateY(-50%);
		text-align: center;
	}

	#labelImgTtlInner h2 {
		margin-bottom: 30px;
	}

	#labelImgTtlLink {
		font-family: "clarendon-urw", Helvetica, Arial, "sans-serif";
		font-weight: 500;
		font-size: 14px;
		position: relative;
		z-index: 1111;
	}

	#labelLead {
		margin-top: 30px;
		padding: 0 15px;
		position: relative;
		text-align: center;
		margin-bottom: 0;
	}

	#labelLead ul {
		margin-top: 20px;
	}

	#labelLead li {
		display: inline-block;
		margin-right: 30px;
		position: relative;
	}

	#labelLead li::after {
		content: "";
		width: 100%;
		height: 1px;
		background: #000;
		position: absolute;
		bottom: 8px;
		left: 0;
		z-index: 111;
		transition-duration: 0.5s;
	}

	#labelLead li:hover::after {
		background: #ccc;
		transition-duration: 0.5s;
	}

	#labelLead .ja {
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 2.11;
		-webkit-text-stroke: 0.5px #000;
		text-stroke: 0.5px #000;
	}

	#labelLead a {
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	section#labelTopLook {
		padding: 80px 0;
	}

	#labelTopLook .ttl {
		width: calc(100% - 30px);
		padding-left: 15px;
		position: relative;
		margin-bottom: 16px;
		background: none;
	}

	#labelTopLookList {
		width: 100%;
		overflow: hidden;
		margin-bottom: 41px;
	}

	#labelTopLookList ul {
		white-space: nowrap;
	}

	#labelTopLookInner #btnLookSeason {
		opacity: 1;
		visibility: visible;
		position: absolute;
		left: 0;
		transition-duration: 0.5s;
	}

	#labelTopLookInner:hover #btnLookSeason {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 0;
		transition-duration: 0.5s;
	}

	#labelTopLookInner #btnLookView {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 0;
		transition-duration: 0.5s;
	}

	#labelTopLookInner:hover #btnLookView {
		opacity: 1;
		visibility: visible;
		position: absolute;
		left: 0;
		transition-duration: 0.5s;
	}

	#labeltopSlider {
		width: 100%;
		margin-bottom: 30px;
		overflow: hidden;
	}

	#labeltopSliderInner {
		position: relative;
		width: 100%;
		touch-action: pan-y;
		min-height: 1px;
	}

	#labeltopSliderInner img {
		display: block;
		width: 100%;
		height: auto;
	}

	.labeltopCell {
		position: absolute;
		top: 0;
		left: 50%;
		width: var(--cellW, 220px);
		will-change: transform;
		transform: translate3d(0, 0, 0);
	}

	.labeltopCellInner {
		width: 100%;
		transform: translate3d(0, 0, 0);
	}

	.labeltopCellLink {
		display: block;
		width: 100%;
		text-decoration: none;
	}

	.labeltopCell img {
		width: 100%;
		height: auto;
		display: block;
		pointer-events: none;
		user-select: none;
		-webkit-user-drag: none;
	}

	#btnLook {
		width: 235px;
		margin: 0 auto;
		padding: 10px 15px 12px;
		background: #fff;
		border: 1px solid #000;
		z-index: 1111;
		position: relative;
	}

	#btnLook::after {
		content: "";
		width: 16px;
		height: 11px;
		background: url("../img/icon_btn_arrow.svg") center no-repeat;
		background-size: 16px auto;
		position: absolute;
		top: 14px;
		right: 15px;
	}

	#btnLook p {
		width: 100%;
		padding-top: 13px;
		text-align: left;
		font-size: 14px;
		transition-duration: 0 !important;
	}

	#btnLook h4 {
		font-size: 17px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	#btnLook #btnViewMore {
		position: relative;
		font-size: 16px;
	}

	#btnLook #btnViewMore::after {
		content: "";
		width: 100%;
		height: 1px;
		background: #000;
		position: absolute;
		bottom: 0;
		left: 0;
		transition-duration: 0.5s;
	}

	#btnLook:hover #btnViewMore::after {
		background: #ccc;
		transition-duration: 0.5s;
	}

	.loopTtl {
		width: 100%;
		margin-bottom: 140px;
		overflow: hidden;
		font-size: 6.4vw;
		white-space: nowrap;
	}

	.loopTtlYear {
		font-size: 7.47vw;
		position: relative;
		top: -1px;
	}

	.slick-dots {
		color: #999;
	}

	.slick-dots::before {
		content: "(";
	}

	.slick-dots::after {
		content: ")";
	}

	.slick-dots li {
		width: 12px !important;
		height: 25px !important;
		color: #bbb !important;
		padding-bottom: 6px !important;
	}

	.slick-dots li button {
		width: 12px !important;
		height: 25px !important;
		color: #bbb !important;
		font-size: 14px !important;
		border-bottom: 1px solid #fff;
		transition-duration: 0.5s;
	}

	.slick-dots li.slick-active {
		color: #000 !important;
		transition-duration: 0.5s;
	}

	.slick-dots li::after {
		content: "/";
		width: 50px;
		text-align: center;
		position: absolute;
		top: 4px;
		right: -30px;
		text-stroke: 0.3px #999;
	}

	.slick-dots li:last-child::after {
		display: none;
	}

	.swiper-slide {
		width: 50%;
		height: auto;
		overflow: visible !important;
	}

	.swiper-slide .inner {
		margin: auto 0;
	}

	.swiper-slide.is-small .inner {
		margin-top: auto;
		margin-bottom: 0;
	}

	#labelTopSlider .swiper-slide.is-small {
		margin-top: 100%;
		transition-duration: 0.5s;
	}

	#labelTopSlider .swiper-slide img {
		width: calc(100% - 16px);
		float: right;
		margin-right: 16px;
		transition-duration: 1s;
	}

	#labelTopSlider .swiper-slide.is-small img {
		width: calc(100% - 16px) !important;
		float: left;
		margin-left: 16px;
		transition-duration: 1s;
	}

	#labelTopLookInner a {
		position: relative;
		display: block;
	}

	/*
	#btnLook {
		width: calc(100% - 31px);
		height: 130px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1111;
		text-align: center;
	}

	#btnLook p {
		width: 100%;
		padding-top: 14px;
		text-align: center;
		font-size: 12px;
		transition-duration: 0 !important;
	}

	#btnLookInner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		white-space: nowrap;
	}

	#btnLook h4 {
		margin-bottom: 20px;
		font-size: 20px;
	}

	#btnLook #btnViewMore {
		position: relative;
		font-size: 13px;
	}

	#btnLook #btnViewMore::after {
		content: "";
		width: 100%;
		height: 1px;
		background: #ccc;
		position: absolute;
		bottom: 0;
		left: 0;
	}
*/

	.itemSort {
		width: 78%;
		float: right;
		margin: -29px 0 30px;
		font-size: 14px;
		line-height: 1.39;
		position: relative;
		z-index: 2222;
		overflow: hidden;
	}

	.itemSort ul {
		width: 100%;
		margin-left: 19px;
	}

	.itemSort li {
		display: inline-block;
	}

	.itemSort li::after {
		content: " / ";
	}

	.itemSort li:last-child::after {
		display: none;
	}

	.itemSort li.active a {
		color: #999;
	}

	.women #genderList li:first-child .genderListTtl::after,
	.men #genderList li:last-child .genderListTtl::after {
		content: "";
		width: 31px;
		height: 3px;
		background: #fff;
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
	}

	h2 span {
		color: #000;
		display: inline-block;
		transition: transform 1.6s cubic-bezier(0.65, 0.02, 0.23, 1);
		transform: translate(20%, 100%);
		position: relative;
		z-index: 1;
	}

	h2 span:before {
		content: "";
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateY(-40%);
		transition: transform 1.6s cubic-bezier(0.65, 0.02, 0.23, 1);
	}

	h2 span.row {
		overflow: hidden;
		padding: 0 10px;
		line-height: 1.18;
		display: block;
		transform: none;
	}

	h2 span.row:before {
		display: none;
	}

	h2 .animate {
		transform: translate(0, 0);
	}

	h2 .animate:before {
		transform: translateY(100%);
	}

	.ttlWrap,
	#womenLabelTtl {
		position: relative;
	}

	.btnFilter {
		position: absolute;
		bottom: 15px;
		right: 0;
		font-size: 12px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		z-index: 2223;
	}

	#itemImgThumbAnchorSp li {
		border: 1px solid #fff;
		transition-duration: 0.5s;
	}

	#itemImgThumbAnchorSp li.active {
		border: 1px solid #000;
		transition-duration: 0.5s;
	}

	.filterWrap {
		width: 100%;
		position: absolute;
		top: 86px;
		left: 0;
		padding: 10px 0 20px;
		background: rgba(255, 255, 255, 0.9);
		font-size: 12px;
		line-height: 1.85;
		z-index: 2222;
		margin-top: 20px;
		opacity: 0;
		visibility: hidden;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.filterWrap::after {
		content: "";
		width: 100%;
		height: 1px;
		background: #ccc;
		position: absolute;
		bottom: 0;
	}

	#womenLabel .filterWrap {
		top: 78px;
	}

	#womenLabel .ttl {
		width: 130px;
		font-size: 13px;
		padding: 0 0 15px;
	}

	.filterWrap.active {
		margin-top: 0;
		opacity: 1;
		visibility: visible;
		transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.filterWrap a {
		color: #bbb;
		-webkit-text-stroke: 0.3px #bbb;
		text-stroke: 0.3px #bbb;
	}

	.filterWrap li.active a {
		color: #000;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.genderTop #subGenderTtl {
		display: none;
	}

	#subGenderTtl {
		border-top: 1px solid #000;
	}

	#subGenderTtl {
		padding: 70px 0 0;
		font-size: 14px;
		line-height: 1.17;
		text-align: center;
		color: #bbb;
		-webkit-text-stroke: 0.3px #bbb;
		text-stroke: 0.3px #bbb;
		border-top: 1px solid #000;
	}

	#subGenderTtl strong {
		color: #000;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
	}

	.btnFilter {
		position: absolute;
		bottom: 15px;
		right: 0;
		font-size: 12px;
		-webkit-text-stroke: 0.3px #000;
		text-stroke: 0.3px #000;
		z-index: 3334;
	}

	.btnFilter::before {
		content: "( ";
	}

	.btnFilter::after {
		content: " )";
	}

	.btnFilter a {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		text-decoration: none;
		color: #000;
	}

	.jsFilterBtn {
		cursor: pointer;
	}

	.jsFilterBtn .filterIcon {
		position: relative;
		width: 11px;
		height: 9px;
		display: block;
		margin-top: 2px;
	}

	.jsFilterBtn .line,
	.jsFilterBtn .dot {
		position: absolute;
		transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.jsFilterBtn .line {
		left: 0;
		width: 11px;
		height: 1px;
		background: #000;
		transform-origin: center center;
	}

	.jsFilterBtn .line1 {
		top: 0;
	}

	.jsFilterBtn .line2 {
		top: 4px;
	}

	.jsFilterBtn .line3 {
		top: 8px;
	}

	.jsFilterBtn .dot {
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #000;
		transform: scale(0.75);
		transform-origin: center center;
	}

	.jsFilterBtn .dot1 {
		top: -1.5px;
		left: 1px;
	}

	.jsFilterBtn .dot2 {
		top: 2.5px;
		left: 7px;
	}

	.jsFilterBtn .dot3 {
		top: 6.5px;
		left: 1px;
	}

	.btnFilter.isClose .jsFilterBtn .line1 {
		top: 4px;
		transform: rotate(45deg);
	}

	.btnFilter.isClose .jsFilterBtn .line2 {
		opacity: 0;
	}

	.btnFilter.isClose .jsFilterBtn .line3 {
		top: 4px;
		transform: rotate(-45deg);
	}

	.btnFilter.isClose .jsFilterBtn .dot {
		opacity: 0;
		transform: scale(0);
	}

	.filterWrap {
		display: none;
	}

	.filterWrap.active {
		display: block;
	}

	#subItemAnchor,
	#subGenderAnchor {
		padding-top: 60px;
	}

	#subItemAnchor {
		padding-top: 40px;
	}

	#listTop {
		width: 100%;
		position: relative;
	}

	#itemDetail {
		margin-top: 0;
	}
}

@media only print, only screen and (min-width: 18.75em) {
	#labelImgMain {
		transition: none !important;
	}
}