@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;
}
img, video, svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
/* ------------------------------------------------
    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;
  margin-bottom: 0.3rem;
}

.icon_list .icon{
  background-color: var(--bg-cicon);
  font-family: var(--font-title);
}

/* ------------------------------------------------
    eaudouce4c ヘッダー
------------------------------------------------ */
.homme .fixedNews{
  background-color: #000000;
  color: #fff;
}

.homme .fixedNews .fixedNews_inner{
  padding: 0 1.5rem;
}

.homme .fixedNews .fixedNews_inner p,
.homme .fixedNews .fixedNews_inner p a{
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 2.3rem;
}

header.homme{
  font-family: var(--font-primary);
}

header.homme #headGlnav > .openBtn{
  top: 10px;
}

.homme #headMain ul.headUtility > li.search{
  margin-right: 1rem;
  width: 2.3em;
}

.homme #headMain ul.headUtility > li.cart{
  width: 2.3em;
}

.homme #headMain ul.headUtility{
  padding-top: 0;
}

.homme #headerSP #headMain{
  border-bottom: none;
}

.homme .naviCompany > ul{
  padding-bottom: 6rem;
}

#headGlnav .navOpenArea .userInfo .cardUnit-userInfo{
  padding: 1.7rem 0 2.46rem;
}

#headGlnav dl.headNavList > dd > dl > dt::before, #headGlnav dl.headNavList > dd > dl > dt::after{
  background-color: #000;
  height: 2px;
}

.homme .naviSns{
  margin-top: 3.4rem;
}

#headGlnav dl.headNavList > dd > dl > dt, #headGlnav dl.headNavList > dd > a{
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.075em;
}

#headGlnav dl.headNavList > dd > dl > dd > ul{
  font-family: var(--hirakaku);
  letter-spacing: 0.08em;
}

.naviCompany > ul > li{
  letter-spacing: 0.075em;
}

#headGlnav dl.headNavList > dd > dl > dt::before, #headGlnav dl.headNavList > dd > dl > dt::after{
  width: 13px;
}

#headGlnav dl.headNavList > dd > dl > dd > ul > li > a{
  padding: 1.3rem 3rem;
}

#headGlnav .navOpenArea .userInfo .cardUnit-userInfo .userIcon p{
  margin-top: .8rem;
  font-family: var(--hirakaku);
}

#headGlnav .navOpenArea .userInfo .cardUnit-userInfo .userIcon .userIcon-favorite,
#headGlnav .navOpenArea .userInfo .cardUnit-userInfo .userIcon .userIcon-login,
#headGlnav .navOpenArea .userInfo .cardUnit-userInfo .userIcon .userIcon-registration{
  width: 2.1rem;
}


#headMain .headLogo.headLogo-4c-homme{
  width: 8rem;
}

@media screen and (max-width: 480px){
  #headMain .headLogo.headLogo-4c-homme{
    width: 12rem;
  }
}

/* #headGlnav dl.headNavList > dd > dl > dd.guideInfo > div .headNavList-guideTtl{
  display: none;
} */
#headGlnav dl.headNavList > dd > dl > dd.guideInfo > div .headNavList-guideTtl{
  color: var(--color-normal);
}
#headGlnav dl.headNavList > dd > dl > dd.guideInfo > div .headNavList-guideTtl::after{
  background: var(--color-normal);
}
/* ------------------------------------------------
   eaudouce4c フッター
------------------------------------------------ */
#footer.homme{
  background-color: #888;
}

#footer.homme .footer-menu{
  width: 100%;
}

#footer.homme .wrap.accordion_list{
  justify-content: flex-start;
}

#footer.homme .wrap.accordion_list .footer-memu-contents{

}

#footer.homme .wrap.accordion_list .footer-memu-contents:first-child{
  margin-left: 0;
}

#footer.homme .Category-single .pcFlex .pcRight{
  margin-left: 0;
}

#footer.homme .wrap.accordion_list .footer-memu-contents.footer-memu-contents-Account .pcFlex > li:first-child{
  display: none;
}

#footer.homme .footer-logo{
  width: 13.6rem;
  /* margin-bottom: 4rem; */
  margin-bottom: 0.6rem;
}

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

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

/* #footer.homme .menu-contents-ttl{
  width: 100%;
  font-size: 1.4rem;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.65rem 1.5rem;
} */


#footer.homme .accordion_list .trigger.menu-contents-ttl{
  color: #fff;
  letter-spacing: 0.175em;
  line-height: 1.1;
}

#footer.homme .accordion_list .trigger .accordion-icon{
  margin-right: 0;
}

#footer.homme .accordion_list .trigger .accordion-icon::before,#footer.homme .accordion_list .trigger .accordion-icon::after{
  background-color: #fff;
}

.accordion_list_second{
  background-color: #999999;
}

#footer.homme .accordion_list{
  padding: 1.5rem 0;
}

#footer.homme .Category-single .Category-single-inner{
  background-color: #999;
  border: 0;
  padding: 0;
}

#footer.homme .Category-single .Category-single-inner li {
  padding: 1.4rem 2rem;
  margin: 0 1.5rem;
  letter-spacing: 0.08em;
}

.footer-brandList .cardUnit-footer-brandList{
  margin-bottom: 2rem;
}

#footer.homme .footer-promotion-inner {
  display: flex;
  flex-direction: column;
}

#footer.homme .footer-promotion-inner .footer-sns .footer-sns-icon.footer-sns-icon-instagram{
  width: 2rem;
}

#footer.homme .footer-promotion-inner .footer-sns .footer-sns-icon.footer-sns-icon-twitter{
  width: 2.3rem;
}

#footer.homme .footer-promotion-inner .footer-sns .footer-sns-icon.footer-sns-icon-facebook{
  width: 2rem;
}

#footer.homme .footer-promotion-inner .footer-sns .footer-sns-icon.footer-sns-icon-line{
  width: 2rem;
}

#footer.homme .wrap.accordion_list .footer-memu-contents.footer-memu-contents-Account{
  margin-top: 4.5rem;
}

/* #footer.homme .footer-brandList .cardUnit-footer-brandList{
  width: 27rem;
} */

/* .footer-brandList .cardUnit-footer-brandList .card-footer-brandList{
  margin-left: 4rem;
} */

#footer.homme .footer-brandList .cardUnit-footer-brandList svg{
  fill: #fff;
}

/* #footer.homme .footer-brandList .card-footer-brandList.card-footer-brandList-4c{
  width: 2.4rem;
} */

/* #footer.homme .footer-brandList .card-footer-brandList.card-footer-brandList-canal{
  width: 6.6rem;
} */

/* #footer.homme .footer-brandList .card-footer-brandList.card-footer-brandList-eau{
  width: 10rem;
} */

/* #footer.homme .footer-brandList .card-footer-brandList.card-footer-brandList-cofl{
  width: 5.4rem;
} */

/* #footer.homme .footer-brandList .card-footer-brandList.card-footer-brandList-homme{
  width: 6.4rem;
} */

#footer.homme .footer-promotion-inner .footer-sns{
  order: 0;
  margin-bottom: 4rem;
}

#footer.homme .footer-promotion-inner .footer-sns svg{
  fill: #fff;
}
#footer.homme .footer-promotion-inner .footer-sns .footer-sns-icon:first-child{
  margin-left: 0;
}

#footer.homme .footer-mailmagazine{
  padding: 0;
  text-align: center;
}

#footer.homme .footer-mailmagazine .rect-mailmagazine{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  line-height: 1;
}

#footer.homme .footer-promotion .menu-contents-ttl{
  display: none;
}

#footer.homme .footer-promotion{
  margin-top: 0;
}

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

#footer.homme .footer-promotion-inner > .footer-brandList{
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#footer.homme .footer-brandList .footer-brandList {
  margin-top: 0;
}

#footer.homme .footer-brandList-4c{
  width: 2.45rem;
  margin-right: 4rem;
}

#footer.homme .footer-brandList-canal{
  width: 6.6rem;
  margin-right: 4rem;
}

#footer.homme .footer-brandList .footer-brandList.footer-brandList-eau{
  width: 10rem;
}


#footer.homme .footer-copy{
  border-top: 0;
  padding-bottom: 4rem;
}

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

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

.wrap.accordion_list{
  margin-bottom: 2rem;
}

.footer-companyInfo .footer-companyInfo-inner{
  padding-top: 3rem;
  border-top: 1px solid rgba(255,255,255,0.3);
}

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

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