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

カラー　ページ共通

=================================================*/

/* ecm-headline */
.ecm-headline.-lv2[data-layout="default"]{ color: #e9794d;}
.ecm-headline__headline.-lv3[data-layout="default"]{ color: #e9794d;}
.ecm-headline__headline.-lv4[data-layout="default"]{ color: #3c342e;}

/* article[sp] */
.sp-article-wrap .article-odd {background-color: #f4f4f4;}

/* article[pc] */
.pc-article-wrap .article {position: relative;}
.pc-article-wrap .article:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 500%;
  margin: 0 -500%;
  z-index: -1;
}
.pc-article-wrap .article-even:before  {background-color: #f4f4f4;}

/* globalNavi__menuLink */
.globalNavi__menuLink{color: #e9794d!important;}
.globalNavi__menuLink::after{border-color: #e9794d transparent transparent transparent;}



/* rn-floatingNavi */

.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi-item {
  color: #e9794d;
  border-bottom: 4px solid transparent;
}

.rn-floatingNavi[layout="default"] .rn-floatingNavi__menuLink:after,
.rn-floatingNavi[layout="default"] .rn-floatingNavi__menuText:after {
  border-color: #e9794d transparent transparent transparent;
}

.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true] {
  border-color: #e9794d;
}

.ecm-search-alcor-v2[data-layout="default"], 
li.ecm-linkItem, 
.ecm-shopIntro {
  border: 1px solid rgba(0,0,0,0.08);
  box-sizing: border-box;
}

.ecm-search-alcor-v2[data-layout="default"] .ecm-search-alcor-v2-image-container {
  position: relative;
  flex: 0 0 auto;
}
.ecm-search-alcor-v2[data-layout="default"] .ecm-search-alcor-v2-image-container:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.ecm-search-alcor-v2[data-layout="default"] .ecm-search-alcor-v2-image-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  min-width: 30%;
  min-height: 30%;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
}

.rn-floatingNavi .rn-floatingNavi__menuItem.-active {
    border-bottom: 4px solid #e9794d;
}

.rn-floatingNavi a.rn-floatingNavi__menuLink {
    color: #e9794d;
}