@charset "utf-8";

/*
 common
======================================================== */
[data-bg="f8f8f8"]{background: #f8f8f8;}
[data-bg="e9e2d7"]{background: #e9e2d7;}
[data-bg="gradation_right"]{
  background: rgb(238,214,212);
  background: linear-gradient(215deg, rgba(238,214,212,1) 0%, rgba(231,223,211,1) 40%, rgba(248,248,248,1) 90%);
}
[data-bg="gradation_left"]{
  background: rgb(238,214,212);
  background: linear-gradient(145deg, rgba(238,214,212,1) 0%, rgba(231,223,211,1) 40%, rgba(248,248,248,1) 90%);
}
[data-bg="gradation_search"]{
  background: rgb(238,214,212);
  background: linear-gradient(145deg, rgba(238,214,212,1) 0%, rgba(231,223,211,1) 40%, rgba(248,248,248,1) 90%);
}
.noto_font{font-family: 'Noto Sans JP', sans-serif!important;}


/*
 menu
======================================================== */
.menu[data-layout=default]{
  background-color: #f8f8f8;
  height: 58px;
  overflow:hidden;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: flex-end;
}
.menu[data-layout=default] .menu__item {
  width: 307px;
  flex:0 0 auto;
}
.menu .menu__item::marker{display: none;}
.menu[data-layout=default] .menu__button{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  font-size: 16px;
  color: #696969;
  overflow: hidden;
  outline:none;
  border:none;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
.menu[data-layout=default] .menu__button.-active,
.menu[data-layout=default] .menu__button:hover{
  height: 58px;
  background: #A69986;
  color: #fff;
}
.menu[data-layout=default] .menu__button:not(.-active):hover{
  text-decoration: none;
  cursor: pointer;
}
.menu[data-layout=floating] {
  list-style: none;
}
.menu[data-layout=floating] .menu__button {
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
  position: relative;
  border-radius: 9.5px;
  border: none;
  outline: none;
  display: none;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 52px;
  padding: 0;
  background-color: #9F9079;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
}
.menu[data-layout=floating] .menu__button:hover{opacity:.8;text-decoration: none;}
.menu[data-layout=floating] .menu__button:not(.-active) {
  display: flex;
}


/*
 con-headline
======================================================== */
.con-headline[data-layout="default"] h2.con-headline__headline{
    margin: 0 0 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  font-size: 32px;
  color: #494949;
  margin-bottom: 56px;
  letter-spacing: 0.64px;
}
.con-headline__headline__sub{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #494949;
  letter-spacing: 0.4px;
  margin-bottom: 56px;
}
.con-headline[data-layout="default"] h3.con-headline__headline{
      font-weight: 700;
    line-height: 1.3;
    text-align: center;
  font-size: 24px;
  color: #494949;
  margin-bottom: 32px;
  letter-spacing: 0.48px;
}


/*
 contents
======================================================== */
.contents{padding: 68px 0;}
.contents.item{padding: 64px 0 32px;}
.contents.keyword{padding: 56px 0 52px;}
.contents.category{padding: 64px 0 64px;}
.contents.highlight{padding: 64px 0 48px;}


/*
 rc-searchForm
======================================================== */
.con-searchForm[data-layout=default] .ecm-search{
  width: 729px;
  margin: 0 auto 42px;
  display: flex;
  background: #fff;
  font-size: 17px;
  color: #757575;
  border: 2px solid #696969;
  height: 50px;
  border-radius: 3px;
}
.con-searchForm[data-layout=default] .ecm-search-input-container {
  font-size: 17px;
  background: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.con-searchForm[data-layout=default] .ecm-search-input {
  text-indent: 15px;
    font-size: 17px;
}
.con-searchForm[data-layout=default] .ecm-search-submit  {
  width: 50px;
  background: #696969;
}
.con-searchForm[data-layout=default] .ecm-search-submit i {
  font-size: 17px;

}


/*
 lead__text
======================================================== */
.lead__text{
  font-size: 20px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #494949;
  margin-bottom: 54px;
}

.lead__text.-sub{
  font-size: 16px;
  margin-bottom: 54px;
}

/*
 anchor
======================================================== */
.anchor{
  width: 678px;
  margin: 0 auto;
}
.anchor__link{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 66px;
  font-size: 18px;
  text-align: center;
  color: #fff!important;
  border-radius: 5px;
  background: #B07B66;
  box-sizing: border-box;
  padding: 10px 0 29px;
  cursor: pointer;
}
.anchor__link [class^="ecm-icon"]{
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  font-size: 18px;
  color: #fff!important;
  bottom: 10px;
  left: 50%;
  transform:translateX(-50%);
}
.anchor__link:hover{opacity:.8;text-decoration:none ;}


/*
 ecm-floating-navi-container
======================================================== */
.ecm-floating-navi-container[data-layout=default] {

  background: #9F9079;
  border-bottom:none!important;
}
.ecm-floating-navi-container .ecm-floating-navi-container__menuContainer{
  height: 64px!important;
}
.ecm-floating-navi-container .ecm-floating-navi{
  width: 673px;
  margin: 0 auto;
  gap:21.5px;
  align-items: center;
}
.ecm-floating-navi-container .ecm-floating-navi .ecm-floating-navi-item{
  width:210px;
  height: 46px;
  justify-content: center;
  border:solid 2px #fff;
  border-radius: 5px;
  color: #fff!important;
  font-size: 18px;
  font-weight: bold;
}
.ecm-floating-navi-container[data-layout=default] .ecm-floating-navi-item[data-in-viewport="true"] ,
.ecm-floating-navi-container[data-layout=default] .ecm-floating-navi-item:hover{
  color: #696969!important;
  background-color: #fff;
}


/*
 item
======================================================== */
.item__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 485px;
  height: 70px;
  margin: 0 auto;
  border-radius: 5px;
  background: #B07B66;
  font-size: 18px;
  color: #fff!important;
}
.item__button:hover{opacity:.8;text-decoration: none;}


/*
 keyword__Wrap
======================================================== */
.keyword__Wrap{
  width: 729px;
  margin: 0 auto;
  display: flex;
  flex-wrap:wrap;
}
.keyword__list{
  flex:0 0 auto;
  margin-right: 24px;
  margin-bottom: 8px;
}
.keyword__Wrap > :last-child{margin-right:0!important;}
.keyword__link{
  display: block;
  font-size: 18px;
  line-height: 1.5;
  color: #494949!important;
}
.keyword__link p::before{content: '#';}
.keyword__link:hover{text-decoration: underline!important;}


/*
 brand
======================================================== */
.contents.brand .section--brand{
  margin:0 auto 56px;
}
.contents.brand .section--brand::after{
  display: block;
  content: "";
  border-bottom: 2px solid #d9d9d9;
  width:800px;
  margin:56px auto 0; 
}
.contents.brand .brand__logotextEn{
  font-size: 22px;
  margin-top: 8px;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.contents.brand .brand__logotextJp{
  font-size: 14px;
  text-align: center;
  color: #000;
  margin-top: 6px;
  margin-bottom: 32px;
}
.contents.brand .viewmore{
  width: 137px;
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #685741!important;
}
.contents.brand .viewmore__text{
  font-size: 16px;
  line-height: 1;
  color: #685741!important;
  display: block;
}
.contents.brand .viewmore__arrow{
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #eeeeee;
  margin-left: 4px;
  position: relative;
}
.contents.brand .viewmore__arrow::before{
  content: '';
  width: 7.33px;
  height: 7.33px;
  border-right:solid 1px #685741;
  border-bottom:solid 1px #685741;
  transform:rotate(-45deg);
  display: block;
  position: absolute;
  top: 7px;
  right: 8px;
}
.contents.brand .viewmore:hover{opacity:.8;}
.contents.brand .section--brandSearch{
  background-color: #eeeeee;
  border-radius: 5px;
  padding: 24px;
  margin-bottom: 56px;
}
.officialbrand{
  width: 940px;
  margin: 0 auto 32px;
  padding: 40px 92px 35px;
  box-sizing: border-box;
  border-radius: 5px;
}
.d-grid[data-layout="officialbrand"]{
    gap:14px;
}

.d-grid[data-layout="officialbrand"] > *{
  background-color: #fff;
  border-radius: 5px;
  overflow:hidden;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}
.d-grid[data-layout="officialbrand"] > :nth-child(5n){margin-right: 0!important;}
.officialbrand__link{display: block;}
.officialbrand__link:hover{opacity:.8;}

.searchbrand__wrap{
  width: 940px;
  margin: 0 auto;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}
.searchbrand__list{margin-right: 20px;}
.searchbrand__list:last-child{margin-right: 0!important;}
.searchbrand__link{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  background-color: #E9E2D7;
  font-size: 24px;
  color: #494949!important;
}
.searchbrand__link:hover{opacity:.8;text-decoration: none;}
.contents.keyword .searchbrand__link{background-color: inherit!important;}

/*
 brand
======================================================== */
.d-grid-col-4[data-layout="category"]{
  width: 780px;
  margin: 0 auto;
}
.d-grid-col-4[data-layout="category"] > :nth-child(4n){margin-right: 0!important;}
.category__list:hover{opacity:.8;text-decoration: none;}
.category__link{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  text-align: center;
  font-size: 24px;
  color: #494949!important;
  letter-spacing: 0.24px;
  background: rgb(238,214,212);
  background: linear-gradient(0deg, #EAE1D8 0% ,#ECDBD4 94%);
  border-radius: 90px;
}
.category__link:hover{opacity:.8;text-decoration: none;}
.cntOther .bigBnrWrap > li a:hover{
text-decoration: none!important;
opacity: .8!important;
}

/*
 RJSFloatingNotification
======================================================== */
.floating_btn[data-layout=default] {
  position: fixed;
  z-index: 100;
  top:auto;
  bottom: 80px;
  right: 15px;
}

/* ecm-alcor customize */

.contents .ecm-alcor{
  background-color: transparent;
}
.contents .ecm-alcor-name{
  margin-top: 14px;

}
.contents .ecm-alcor-price{
  font-size:24px;
}

.contents  .ecm-alcor:nth-child(n + 11){
  display: none;
 }