@charset "UTF-8";
:root{
  --sec-tittle-font:'Reem Kufi', sans-serif;
  --font-english: 'Reem Kufi', sans-serif;
  --font-primary: 'Noto Sans JP', sans-serif;
  --font-secondary: 'Noto Serif JP', serif;
  --brandName-font:'Reem Kufi', sans-serif;
  --font-title:'Reem Kufi', sans-serif;
  --font-coordinateDetail-price:var(--font-english);
  --color-normal: #000;
  --color-light: #ECD9CE;
  --color-lighter: #F8F8F8;
  --color-dark: #8e7575;
  --fz-primary: 2.6rem;
  --fz-secondary: 1.4rem;
  --fz-common: 1.3rem;
  --fz-tertiary: 1.2rem;
  --bg-cicon: #b1b1b1;
  /* コーディネート */
  --color-coordinateDetail-price: #888888;
  --color-coodrinate-tag: #888888;
  --bg-light: #f2f2f2;
}

/* ------------------------------------------------
    4c-homme icon
------------------------------------------------ */

.priceArea{
  font-family: var(--font-english);
  color: #888888;
}

.card-ProductList{
  font-family: var(--font-primary);
}

.icon_list{
  font-size: 0;
  letter-spacing: 0;
}

/* ------------------------------------------------
    homme ヘッダー
------------------------------------------------ */
html, body{
  min-width: 0;
  font-family: var(--font-primary);
}

.homme .fixedNews{
  background-color: #000000;
}

.homme .fixedNews .fixedNews_inner{
  /* padding: .3rem 2rem; */
}

.homme .fixedNews .fixedNews_inner p,
.homme .fixedNews .fixedNews_inner p a{
  color: #fff;
  font-size: 1.2rem;
  /* line-height: 1.91666666667; */
  font-family: var(--font-primary);
}

header.homme .naviList .nav-list .naviList-inner.brandLogo{
  width: 13rem;
  /* margin-right: 4.3rem; */
  margin-left: 0;
}

header.homme .naviList .nav-list .naviList-inner{
  /* margin-left: 4.3rem; */
  font-weight: 600;
  color: var(--color-normal);
}

header.homme .global_nav{
  top: 3.3rem;
}

header.homme .global_nav-lower.fixednavi-lower{
  top: 0;
}

header.homme .naviList .nav-list .naviList-inner:hover .naviList-inner-ttl::after{
  background-color: #000;
}

header.homme .naviList .nav-list .naviList-inner .nav-item_sub .inner{
  width: 110rem;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

header.homme .naviList .nav-list .userarea .userarea-inner li.user img{
  width: 2.3rem;
}

header.homme .naviList .nav-list .userarea .userarea-inner li.favorite img{
  width: 2.3rem;
}

header.homme .naviList .nav-list .userarea .userarea-inner li.search img{
  width: 2.3rem;
}

header.homme .naviList .nav-list .userarea .userarea-inner li.cart .cartIcon img{
  width: 2.3rem;
}
.naviList .nav-list .naviList-inner.brandLogo {
  width: 9.6rem;
  margin-right: 5.7rem;
}

.naviList .nav-list .naviList-inner .naviList-inner-ttl {
  font-size: var(--fz-common);
  font-family: var(--font-english);
  letter-spacing: 0.175em;
  line-height: 1.6;
  /* padding: 2.7rem 0 2.5rem; */
}

.naviList .nav-list .naviList-inner .naviList-inner-ttl a{
  line-height: 1;
}

.naviList .nav-list .naviList-inner:hover .naviList-inner-ttl::after {
  background: var(--color-dark);
  height: 3px;
  /* bottom: -5px; */
}

.naviList .nav-list .naviList-inner .nav-item_sub {
  border-top: 1px solid #F0EDDF;
}

.navi-JewelryList .navi-catgoryList .cardUnit-categoryList li {
  font-size: var(--fz-common);
  font-family: var(--font-english);
  letter-spacing: 0.075em;
}

.navi-JewelryList .navi-catgoryList .cardUnit-categoryList li:nth-child(3n + 1), .navi-JewelryList .navi-catgoryList .cardUnit-categoryList li:nth-child(3n - 1) {
  width: 14rem;
  margin-right: 3.7rem;
}

.navi-JewelryList .navi-catgoryList .cardUnit-categoryList li{
  font-size: var(--fz-tertiary);
  font-weight: 400;
}

.navi-Information .cardUnit-Information > div > ul > li{
  font-weight: 400;
}

#headGlnav dl.headNavList > dd > dl > dd.guideInfo > div .navi-infomation-ttl{
  display: none;
}

.naviList .nav-list .userarea .userarea-inner li{
  padding: 1.85rem 0;
  padding-left: 2.35rem;
}

.navi-JewelryList .navi-collectionList .cardUnit-collectionList li p{
  margin-top: 1rem;
}

@media screen and (min-width: 768px) and (max-width: 880px){
  header.homme #headMain .headLogo{
    width: 13rem;
  }

  .homme #headMain ul.headUtility{
    padding-top: 0;
  }
}
.navi-Information .cardUnit-Information .navi-infomation-ttl{
  color: var(--color-normal);
}
.navi-Information .cardUnit-Information .navi-infomation-ttl::after{
  background: var(--color-normal);
}
/* ------------------------------------------------
   homme フッター
------------------------------------------------ */
#footer.homme{
  background-color: #888;
}

#footer .footer-menu.footer-menu-total .menu-contents{
  display: flex;
  flex-direction: column;
}

#footer.homme .footer-logo{
  width: 16rem;
  text-align: left;
}

#footer.homme .footer-logo svg{
  width: 16rem;
  fill: #fff;
}

#footer.homme .menu-contents-ttl{
  font-size: 1.4rem;
  letter-spacing: 0.175em;
}

#footer.homme .footer-promotion .menu-contents-ttl{
  margin-bottom: 2rem;
  font-size: 1.4rem;
}

#footer .footer-menu.footer-menu-total{
  padding-top: 6rem;
}

#footer.homme .Category-single .Category-single-inner li a{
  color: #fff;
  letter-spacing: 0.075em;
}


#footer.homme-bridal .wrap.accordion_list .footer-memu-contents li a{
  color: #fff;
}

#footer.homme .footer-memu-contents-Account{
  margin-left: 10rem;
}

#footer.homme .footer-brandList .cardUnit-footer-brandList svg,
#footer.homme .footer-promotion-inner .footer-sns svg{
  fill: #fff;
}

#footer.homme .footer-mailmagazine .rect-mailmagazine{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.1rem;
  padding-bottom: 1rem;
  border-bottom: #fff 1px solid;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

#footer.homme .footer-mailmagazine .rect-mailmagazine::after{
  opacity: 0;
  content: '';
  position: static;
  display: inline-block;
  background-image: url(../../Contents/ImagesPkg/top/4c-homme/icon_arrow_white.svg);
  width: 1.4rem;
  height: .8rem;
  margin-left: 0.8rem;
  transition: all .3s;
}

#footer.homme .footer-mailmagazine .rect-mailmagazine:hover::after{
  opacity: 1;
}

#footer.homme .footer-copy p{
  color: #fff;
}


.guide-perContents > div .category-serviceTtl{
  display: none;
}


/* ==============================================================================================
                                        3. ProductDetail awoo
============================================================================================== */

#awoo-related-products .cwJjEp .product__price .product-price {
  font-family: var(--font-english);
}