@charset "Shift_JIS";
.coordinate-category-wrap{
  padding-bottom: 58px;
  border-bottom: 1px solid #ECEAEB;
}
.tag_wrap .coordinate-category-wrap{
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.undr-border-head{
  font-size: 26px;
  margin: 0 0 45px;
  padding: 0 0 13px;
  text-align: center;
}

.undr-border-head::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 1px;
    background: #4C4C4C;
}

.heading-left-border{
  font-size: 17px;
  line-height: 1.2;
  padding-left: 15px;
  position: relative;
  margin-bottom: 21px;
  color: #212121;
}

.heading-left-border::before{
  content: "";
  width: 3px;
  height: 20px;
  background: #212121;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.category-btn-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.category-btn-list li{
  border: 1px solid #D8D8D8;
  width: 153px;
  height: 50px;
  margin: 0 6px 6px 0;
  transition: 0.4s;
}

.category-btn-list li:hover{
  border: 1px solid #EC8300;
}

.category-btn-list li a{
  display: flex;
    flex-wrap: wrap;
    align-items: center;
  transition: 0.4s;
  height: 100%;
  padding: 4px 12px;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  align-self: center;
}

.category-btn-list li a:hover{
  color: #EC8300;
}

.pagination-wrap{
  margin: 0px 0 28px;
}

.pagination-status{
  font-size: 12px;
  letter-spacing: 0.1rem;
  text-align: right;
}

.pagenation{
  font-size: 12px;
  letter-spacing: 0.1rem;
  padding-left: 8px;
}

.pagenation-link{
  font-size: 13px;
  color: #333333;
  display: inline-block;
  width: 30px;
  text-align: center;
}

.pagenation-next{
  position: relative;
}

.pagenation-next::before{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #6D665F;
    border-right: solid 2px #6D665F;
    position: absolute;
  left: 11px;
  top: 50%;
  transition: 0.4s;
  transform: rotate(45deg);
  margin-top: -8px;
}

.cootfinate-item-list{
  letter-spacing: -1em;
  border-bottom: 1px solid #ECEAEB;
}

.cootfinate-item{
  width: 220px;
  display: inline-block;
  margin: 0 24px 40px 0;
  vertical-align: top;
}

.cootfinate-item:nth-child(5n){
  margin-right: 0;
}

.cootfinate-item-thumb{
  width: 100%;
  margin-bottom: 12px;
}

.cootfinate-item-thumb img{
  width: 100%;
}

.cootfinate-item-title{
  font-size: 13px;
  letter-spacing: 0.08em;
  line-height: 1.53;
  display: none;
}

.productListItem:nth-child(4n) {
  margin-right: 20px;
}
.slick-track{
  margin-left: 0!important;
}
.coordinateMain-thumb img{
  cursor: pointer;
}

.coorfinate-title{
  font-size: 13px;
  letter-spacing: 0.08em;
  font-weight: 500;
  line-height: 1.53;
}

#breadcrumb a{
  font-size: 10px;
}

.col{
  display: flex;
}

.col-reverse{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  border-bottom: 1px solid #E9E7E9;
  padding-bottom: 50px;
}

.coordinateMain-image{
  width: 620px;
  margin: 0 45px 0 0;
}

.coordinateMain-thumb{
  margin: 8px 10px 0 0;
  width: 80px!important;
  position: relative;
  cursor: pointer;
}
.coordinateMain-thumb:last-child{
  margin-right: 0;
}
.coordinateMain-thumb:nth-of-type(7n){
  margin-right: 0;
}
.coordinateMain-thumb::after{
  position: absolute;
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: block;
  border: 1px solid #000;
  top: 0;
  transition: .3s opacity;
  opacity: 0;
}
.coordinateMain-thumb.slick-current::after{
  opacity: 1;
}
.slider-nav.pc-slider-nav{
  margin-top: 16px;
}

.coordinateItem-left-border{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.68;
  padding-left: 15px;
  position: relative;
  margin-bottom: 26px;
}
.coordinateItem-left-border.top-border p {
    font-size: 10px;
    color: #00000070;
    display: inline-block;
    margin-left: 20px;
}
.coordinateItem-left-border::before{
  content: "";
  width: 3px;
  height: 20px;
  background: #222222;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.coordinateItem-details{
  width: 500px;
}
.coordinate_tag_wrap{
  margin-top: 25px;
}

.coordinate_tag_wrap ul {
  display:flex;
  width: 100%;
  flex-wrap: wrap;
}

.coordinate_tag a{
  font-size: 12px;
  line-height: 1.6;
  padding: 5px 13px 5px;
  letter-spacing: 0.08em;
  background: #FFF;
  display: inline-block;
  color: #222222;
  margin-bottom: 10px;
  border: #D8D8D8 1px solid;
  margin-right: 11px;
  display: block;
  border-radius: 3px;
}

.coordinateItem-heading{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #222222;
  line-height: 1.35;
  margin-bottom: 36px;
  display: none;
}

.coordinateItem-text{
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.57;
}

.col-wrap{
  display: flex;
  flex-wrap: wrap;
    align-items: flex-start;
}

.coordinateItem-product{
  margin: 0 10px 22px 0;
  width: 160px;
}

.coordinateItem-product:nth-of-type(3n){
  margin-right: 0;
}

.item-wear-wrap{
  margin-top: 32px;
  padding-top: 45px;
  border-top: 2px solid #E9E7E9;
}

.coordinateItem-image{
  margin-bottom: 10px;
}

.coordinateItem-image img {
  width: 100%;
}

.coordinateItem-description{
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 400;
  line-height: 1.41;
  margin-bottom: 8px;
}

.coordinateItem-price{
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 400;
  line-height: 1.41;
}

.related-product-wrap{
  width: 1200px;
  padding: 0px 0 10px;
  border: none;
  margin: 12px auto 10px;
}

.related-productList{
  letter-spacing: -1em;
}

.related-productList li{
  letter-spacing: 0.08em;
  width: 183px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
.related-product-thumb{
  width: 100%;
  margin-bottom: 7px;
}

.related-product-thumb img{
  width: 100%;
}

.related-product-title{
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.41;
}

.pagination-bottom{
  margin: 40px 0 166px;
}
.pagination-bottom.pagination-bottom{
  margin-top: 10px;
}

.undr-border-head.small-head{
  font-size: 22px;
}

.black-btn-wrap{
  text-align: center;
}

.black-btn-wrap a{
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  position: relative;
  letter-spacing: 0.12em;
  text-align: center;
  color: #FFF;
  width: 270px;
  background: #000;
  font-size: 13px;
  padding: 16px 0 0;
  height: 54px;
  border: 1px solid #000;
  line-height: 1.4;
}

.item-wear-wrap a img,
.related-productList a img,
.slick-list img,
.cootfinate-item a img{
  transition: 0.4s opacity;
}
.item-wear-wrap a img:hover,
.related-productList a img:hover,
.slick-list img:hover,
.cootfinate-item a img:hover{
  opacity: 0.6;
}

.pc-slider-nav .slick-track{
  width:   620px!important;
  transform:unset!important;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .pc-slider-nav .slick-track {
   transform:none!important;  /* IE11 */
   }
}

.snavi-lay .cootfinate-item-list{
  letter-spacing: -1em;
  border-bottom: 1px solid #ECEAEB;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  width: 950px;
}
.snavi-lay .cootfinate-item{
  width: 220px;
  margin: 0 0px 44px;
  margin-right: 22px;
}
.snavi-lay .cootfinate-item:nth-child(5n){
  margin: 0 22px 44px 0;
}
.snavi-lay .cootfinate-item:nth-child(4n){
  margin-right:0;
}
.category-tag-btn-list{
  display: flex;
  flex-wrap: wrap;
}
.category-tag-btn-list li a{
  display: block;
  font-size: 11px;
  letter-spacing: 0.06em;
  padding: 12px 20px;
  border: 1px solid #D8D8D8;
  background-color: #F6F6F6;
  margin: 0 20px 20px 0;
  transition: 0.4s;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  box-sizing: border-box;
  white-space: nowrap;
}
.category-tag-btn-list li a:hover{
  color: #EC8432;
  border-color: #EC8432;
  background-color: transparent;
}
#coordinate-p .slick-dots {
  display: none!important;
}