@charset "utf-8";
/*==============================================

	dress

==============================================*/
.mv {
  background-color: #E5DFD6;
  padding-top: 160px;
  position: relative;
  padding-bottom: 120px;
  margin-bottom: 60px;
}
.mv > .en {
  position: absolute;
  left: calc((100% - 405px) / 2 - 180px);
  top: -18px;
  z-index: 1;
}
.mv > picture {
  width: 405px;
  margin: 0 auto;
  display: block;
}
.mv > .inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: -236px;
  z-index: 1;
  position: relative;
  padding-left: calc((100% - 405px) / 2 - 180px);
  padding-right: calc((100% - 405px) / 2 - 230px);
}
.mv > .inner .col_nav {
  order: 1;
}
.mv > .inner .col_nav a {
  font-size: 1.6rem;
}
.mv > .inner .text_box .en {
  font-size: 5rem;
  line-height: 1em;
  letter-spacing: 6px;
}
.mv > .inner .text_box h1{
  font-size: 1.3rem;
  margin-top: 15px;
}

.search_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px calc((100% - 1200px) / 2 + 50px) 0;
  position: relative;
  z-index: 1;
}
.search_box .num_area,
.search_box .order {
  font-size: 1.3rem;
  padding-bottom: 20px;
  margin-right: auto;
  width: 120px;
}
.search_box .order {
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 20px;
}
.search_box .order-btn {
  font-size: 1.3rem;
  margin-right: auto;
  padding-bottom: 0;
}
.search_box .num_area span {
  font-size: inherit;
}
.search_box .conditions {
  font-size: 1.3rem;
}
.search_box button {
  border: none;
  background-color: unset;
  padding: 0 25px 20px;
  position: relative;
}
.search_box .conditions button:before {
  content: '';
  width: 1px;
  height: 42px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  display: none;
  z-index: 2;
}
.search_box .conditions button.is-active:before {
  display: block
}
.search_box .conditions .en {
  color: #D0C0AE;
  font-size: 1.4rem;
  display: block;
  line-height: 1em;
  margin-bottom: 4px;
}
.search_condition_box {
  background-color: #E5DFD6;
  padding: 70px 0;
  display: none;
  position: relative;
}
.search_condition_box.is-show {
  display: block;
}
.search_condition_box .cat_box {
  display: none;
}
.search_condition_box .cat_box.is-show {
  display: block;
}
.search_condition_box .term_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 730px;
  width: 100%;
}
.search_condition_box .term_list > li {
  width: 25%;
  margin-bottom: 10px;
}
.search_condition_box .term_list > li input {
  display: none;
}
.search_condition_box .term_list > li label:before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #FFFFFF;
  position: absolute;
  top: 3px;
  left: 0;
  transition: all .1s;
}
.search_condition_box .term_list > li label {
  font-size: 1.3rem;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  display: block;
}

.search_submit {
  background-color: #fff;
  text-align: center;
  display: block;
  color: #B2987B;
  padding: 20px 0;
  border: none;
  width: 400px;
  margin: 30px auto 0;
  font-size: 1.2rem;
  transition: all .3s;
}
.search_submit span {
  color: inherit;
  font-size: inherit;
}
.search_submit:hover {
  background-color: #B2987B;
  color: #fff;
}
.search_condition_box .term_list > li input[type=checkbox]:checked+label::before,
.search_condition_box .term_list > li input[type=radio]:checked+label::before {
	background-color: #B2987B;
}
.submit_area {
  text-align: center;
}
.submit_area .condition-close {
  border: none;
  color: #333;
  font-size: 1.6rem;
  background-color: unset;
  /* margin-top: 10px; */
  /* background: #fff; */
  display: inline-block;
  padding: 0 5px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.brand_info_area {
  max-width: 670px;
  margin: 00px auto 60px;
  padding-top: 60px;
  display: none;
}
.brand_info_area h2 {
  text-align: center;
  color: #B2987B;
  font-size: 2.5rem;
  margin-bottom: 5px;
}
.brand_info_area .ja {
  text-align: center;
  font-size: 1.3rem;
  margin: 0px auto 20px;
}
.brand_info_area .text {
	font-size: 1.3rem;
	margin-bottom: 0;
}

.item-posts-area {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  padding: 40px 50px;
  margin: 0px auto 0;
  min-height: 630px;
  position: relative;
}
.item-posts-area .item_entry {
  width: calc((100% - 60px * 2) / 3);
  margin-right: 60px;
  margin-bottom: 60px;
}
.item-posts-area .item_entry:nth-of-type(3n) {
  margin-right: 0;
}
.item_entry picture {
  display: block;
  background-color: #E5DFD6;
  background-image: url(../../common/img/logo.svg);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
}
.item_entry picture img {
	width: 100%;
	height: 490px;
	object-fit: cover;
}
.item_entry .meta {
  margin-top: 15px;
}
.item_entry .meta .en {
  font-size: 1.5rem;
}
.item_entry .meta .ja {
  font-size: 1.1rem;
  margin-top: 3px;
}
#item_loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.item_entry a {
  transition: all .6s;
  display: block;
}
.item_entry a:hover {
  transform: scale(1.03);
  opacity: .8;
}

#item_loading:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	filter: blur(70px);
	background-color: #eeeeeec4;
}

#item_loading:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	width: 200px;
	height: 200px;
	background-image: url(../../common/img/loading_grid.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.not-match {
	text-align: center;
	font-size: 1.3rem;
	margin: 40px 0;
	background: #fff;
	max-width: 900px;
	margin: 40px auto;
	padding: 40px;
}
.not-match button {
	border: none;
	background: unset;
	text-decoration: underline;
	color: #D0C0AE;
	margin-top: 10px;
}
.pagenav-dress {
	margin: 40px 0 60px
}
.pagenav-dress ul {
	display: flex;
	justify-content: center;
}

.pagenav-dress ul>li {
	margin: 0 5px;
}

.pagenav-dress ul a,
.pagenav-dress ul span {
	font-size: 1.8rem;
	display: inline-block;
	padding: 0 10px 5px;
	font-weight: 500;
	letter-spacing: 1px;
}

.pagenav-dress ul .current {
	border-bottom: 1px solid #BFBCB7;
}

.item_detail .page_wrap .slider_area {
  width: calc(50% - 40px);
  max-width: 900px;
  margin-left: auto;
  margin-right: calc(50% + 40px);
}
.item_detail .page_wrap .slider_area picture  {
  margin-bottom: 5px;
  display: block;
}
.item_detail .page_wrap .slider_area picture img {
  width: 100%;
}
.item_detail .page_wrap .exp {
  width: calc(50% + 40px);
  position: fixed;
  left: auto;
  right: 0;
  top: 0;
  padding-left: 150px;
  height: 100%;
  min-width: 600px;
  background-color: #FCFAF2;
}
.item_detail .page_wrap .exp .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 470px;
}
.item_detail .page_wrap .exp .name_box {
  display: flex;
  align-items: flex-end;
}
.item_detail .page_wrap .exp .name_box h1 {
  font-size: 2.4rem;
  letter-spacing: 3px;
  margin-right: 20px;
  line-height: 1.6em;
}
.item_detail .page_wrap .exp .name_box .ja {
  font-size: 1.2rem;
  letter-spacing: 2px;
  line-height: 1.6em;
  margin-bottom: 6px;
}
.item_detail .page_wrap .exp .general {
  margin: 20px 0;
}
.item_detail .page_wrap .exp .general p {
  font-size: 1.3rem;
  line-height: 2em;
}
.item_detail .page_wrap .exp .info_box {
  margin: 30px 0;
}
.item_detail .page_wrap .exp .info_box ul li {
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.item_detail .page_wrap .exp .info_box ul li h2 {
  font-size: 1.3rem;
  border-right: 1px solid #D3D4CB;
  width: 120px;
  padding-bottom: 15px;
  line-height: 1.6em;
}
.item_detail .page_wrap .exp .info_box ul li p {
  width: calc(100% - 120px);
  padding-left: 30px;
  font-size: 1.3rem;
  padding-bottom: 15px;
}
.item_detail .page_wrap .exp .info_box ul li p a {
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
}
.item_detail .page_wrap .exp .info_box ul li:last-child h2,
.item_detail .page_wrap .exp .info_box ul li:last-child p
 {
  padding-bottom: 0;
}
.item_detail .page_wrap .exp .info_box .btn {
  margin-top: 40px;
}
.other_dress {
  padding: 100px 0;
  padding-left: calc((100% - 1080px) / 2);
  background-color: #FCFAF2;
  position: relative;
  z-index: 1;
}
.other_dress > h2 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}
.dress-slider {
  overflow: visible;
  padding-right: 400px;
}
.dress-slider .swiper-slide {
  width: 280px;
}
.dress-slider .arrow {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 44%;
  transition: all .3s;
  cursor: pointer;
}
.dress-slider .arrow:hover {
  transform: scale(1.2);
}
.dress-slider .arrow:before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #B2987B;
  border-right: 2px solid #B2987B;
}
.dress-slider .arrow.slider-prev  {
  left: -80px;
}
.dress-slider .arrow.slider-prev:before {
  transform: rotate(-135deg);
}
.dress-slider .arrow.slider-next  {
  right: calc((100% - 1200px) / 2);
}
.dress-slider .arrow.slider-next:before {
  transform: rotate(45deg);
  right: 4px;
}
.dress-slider .swiper-button-disabled {
  opacity: 0;
  cursor: unset;
}

.col_other {
  display: flex;
  justify-content: center;
  margin: 60px 0 130px;
}
.col_other > *{
  width: 200px;
  color: #D0C0AE;
  font-size: 1.7rem;
  text-align: center;
  border-right: 1px solid #D0C0AE;
  padding: 10px 0;
}
.col_other > a:last-of-type {
  border-right: none
}
.col_other > a.active {
  font-weight: 600;
  color: #B2987B;
}

.guest_archive .search_condition_box .term_list {
  justify-content: center;
}
.guest_archive .search_condition_box .term_list > li {
  width: auto;
  margin: 0 30px;
}
.guest_archive .submit_area {
  display: none;
}




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



  .mv {
  padding-top: 140px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  }
  .mv > .en {
  left: 20px;
  top: 60px;
  width: 228px;
  }
  .mv > picture {
  width: 238px;
  margin-right: 20px;
  }
  .mv > .inner {
  flex-direction: column;
  margin-top: 33px;
  /* padding: 0 25px; */
  }
  .mv > .inner .col_nav {
	  margin-top: 80px;
	  width: 100%;
	  margin: 50px auto 0;
	  overflow: hidden;
	  width: 100%;
	  /* margin-left: -25px; */
	  position: relative;
	  /* left: -100%; */
	  /* right: -100%; */
	 }

   .mens_archive .mv > .inner .col_nav,
   .kimono_archive .mv > .inner .col_nav
    {
      margin-top: 50px;
   }
  .mv > .inner .col_nav > ul {
	  justify-content: center;
	  max-width: unset;
	  margin: 0 auto;
	  white-space: nowrap;
	  overflow: clip;
	  display: flex;
	  justify-content: center;
	  width: calc((100% + 80px));
	  position: relative;
	  left: -10vw;
	 }
  .mv > .inner .col_nav > ul > li {
	  display: inline-block;
	  width: 33.333%;
	  min-width: 200px;
	}
  .mv > .inner .col_nav .arrow {
	position: absolute;
	width: auto;
	top: 2px;
	}
  .mv > .inner .col_nav .arrow_prev {
	left: calc((100% - 230px) / 2);
  }
.mv > .inner .col_nav .arrow_next {
	right: calc((100% - 230px) / 2);
  }
  .mv > .inner .col_nav .arrow a {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 100px;
    z-index: 2;
    cursor: pointer;
    top: 44%;
    transition: all .3s;
    cursor: pointer;
    position: relative;
	display: block;
}
	

  .mv > .inner .col_nav a {
	  text-align:center;
	  padding: 0;
	  display: block;
	  font-size: 1.7rem;
	  letter-spacing: 2px;
	 }
  .mv > .inner .col_nav a:before,
  .mv > .inner .col_nav a:after
	{
		display: none;
  }
  .mv > .inner .text_box {
	  padding: 0 30px;
  }
  .mv > .inner .text_box .en {
  font-size: 3.5rem;
  }
  .mv > .inner .text_box h1{
  font-size: 1.1rem;
  }
  .mv > .inner .col_nav .arrow a:before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-top: 2px solid #B2987B;
		border-right: 2px solid #B2987B;
		}
  .mv > .inner .col_nav .arrow_prev a:before {
	  transform:rotate(-135deg)
  }
  .mv > .inner .col_nav .arrow_next a:before {
	  transform:rotate(45deg)
  }
  
  .search_box {
	  flex-wrap:wrap;
	  justify-content: space-between;
	  padding-bottom: 15px;
	 }
  .search_box .num_area,
  .search_box .order-btn {

  }
  .search_box .num_area {
	  order: 2;
	  margin-left: 20px;
	  margin-top: 10px;
	  padding: 0;
	 }
  .search_box .order {
  /* display: none; */
  order: 3;
  /* margin-right: 20px; */
  white-space: nowrap;
  margin-top: 10px;
  padding-bottom: 0;
  width: auto;
  margin-right: 20px;
  }
  .search_box .order-btn {
	 padding: 0;
	 border: none;
	 }
  .search_box .num_area span {
  }
  .search_box .conditions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #E5DFD6;
  justify-content: center;
  }
  .search_box button {
  /* width: 25%; */
  /* margin: 0 10px; */
  display: inline-block;
  font-size: 1.3rem;
  padding: 0 27px;
  white-space: nowrap;
  /* border-bottom: 1px solid #E5DFD6; */
  padding-bottom: 10px;
  letter-spacing: 1px;
  }
  .search_box .conditions button:before {

  }
  .search_box .conditions button.is-active:before {
  }
  .search_box .conditions .en {
  }
  .search_condition_box {
  padding: 30px 20px 50px;
  }
  .search_condition_box.is-show {
  }
  .search_condition_box .cat_box {
  }
  .search_condition_box .cat_box.is-show {
  }
  .search_condition_box .term_list {
  }
  .search_condition_box .term_list > li {
  width: 50%;
  margin-bottom: 15px;
  }
  .search_condition_box .term_list > li input {
  }
  .search_condition_box .term_list > li label:before {

  }
  .search_condition_box .term_list > li label {
  }
  
  .search_submit {width: 100%;margin-top: 10px;padding: 15px 0;}
  .search_submit span {
  }
  .search_submit:hover {
  }
  .search_condition_box .term_list > li input[type=checkbox]:checked+label::before,
  .search_condition_box .term_list > li input[type=radio]:checked+label::before {
  }
  .submit_area {
  }
  .submit_area .condition-close {bottom: 15px;}
  
  .item-posts-area {
  padding: 20px 20px 0;
  margin-top: 0px;
  min-height: 350px;
  }
  .item-posts-area .item_entry {
	  width: calc((100% - 20px) / 2);
	  margin-right: 20px;
	  margin-bottom: 30px;
	 }
  .item-posts-area .item_entry:nth-of-type(3n) {
	  margin-right: 20px;
  }
  .item-posts-area .item_entry:nth-of-type(2n) {
	  margin-right: 0px;
  }
  .item_entry picture {
  }
  .item_entry .meta {
  margin-top: 11px;
  }
  .item_entry .meta .en {
  font-size: 1.2rem;
  }
  .item_entry .meta .ja {
  font-size: 1.2rem;
  margin-top: 1px;
  }
	.item_entry picture img{
	height: 248px;
	}	
  #item_loading:before {
    content: '';
    top: 100px;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 100px;
    height: 100px;
  }
  .not-match {
  }
  .not-match button {
  }
  .pagenav-dress {
  }
  .pagenav-dress ul {
  }
  
  .pagenav-dress ul>li {
  }
  
  .pagenav-dress ul a,
  .pagenav-dress ul span {
  }
  
  .pagenav-dress ul .current {
  }
  
  .item_detail .page_wrap .slider_area {
  width: 100%;
  margin-top: 60px;
  }
  .item_detail .page_wrap .slider_area picture:nth-of-type(n + 2)  {
	  display: none;
  }
  .item_detail .page_wrap .slider_area picture img {
  }
  .item_detail .page_wrap .exp {
  position: static;
  padding: 40px 40px;
  width: 100%;
  min-width: unset;
  }
  .item_detail .page_wrap .exp .inner {
  }
  .item_detail .page_wrap .exp .name_box {
  flex-wrap: wrap;
  }
  .item_detail .page_wrap .exp .name_box h1 {
  margin: 0 0 5px;
  width: 100%;
  }
  .item_detail .page_wrap .exp .name_box .ja {
  }
  .item_detail .page_wrap .exp .general {
  }
  .item_detail .page_wrap .exp .general p {
  }
  .item_detail .page_wrap .exp .info_box {
	  margin-top: 10px;
  }
  .item_detail .page_wrap .exp .info_box .gallery {
	  margin-top: 60px;
  }
  .item_detail .page_wrap .exp .info_box .gallery picture {
	  display: block;
	  margin-bottom: 10px;
  }
  .item_detail .page_wrap .exp .info_box ul li {
  margin-bottom: 5px;
  }
  .item_detail .page_wrap .exp .info_box ul li h2 {
  border-right: none;
  width: 85px;
  line-height: 1.6em;
  }
  .item_detail .page_wrap .exp .info_box ul li p {
  width: calc(100% - 85px);
  padding-left: 25px;
  font-size: 1.2rem;
  }
  .item_detail .page_wrap .exp .info_box ul li:last-child h2,
  .item_detail .page_wrap .exp .info_box ul li:last-child p
   {
  }
  .item_detail .page_wrap .exp .info_box .btn {
  }
  .other_dress {
  padding: 0px 0 80px;
  padding-left: 40px;
  }
  .other_dress > h2 {
  }
  .dress-slider {
  padding-right: 40px;
  }
  .dress-slider .swiper-slide {
  width: 160px;
  }
  .dress-slider .arrow {

  }
  .dress-slider .arrow:hover {
  }
  .dress-slider .arrow:before {
  }
  .dress-slider .arrow.slider-prev  {
  left: -30px;
  }
  .dress-slider .arrow.slider-prev:before {
  }
  .dress-slider .arrow.slider-next  {
  right: 10px;
  }
  .dress-slider .arrow.slider-next:before {
  }
  .dress-slider .swiper-button-disabled {
  }

  .brand_info_area {
    padding: 40px 20px 0;
    /* margin-top: 20px; */
  }

  .guest_archive .search_condition_box .term_list {
    justify-content: flex-start;
  }
  .guest_archive .search_condition_box {
    padding-bottom: 20px
  }
  .guest_archive .search_condition_box .term_list > li {
    width: 50%;
    margin: 0 0 15px;
  }
}