@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url("https://use.typekit.net/urt0hhi.css");

.ec-secHeading--tandem .ec-secHeading__en {
font-family: liana,script;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
font-size: 27px;
}


.ec-blockTopBtn {
    background-color: #afaaa5;
}

.ec-contactConfirmRole {/*お問い合わせ入力フォーム確認画面*/
    color: #ffffff;
}
.ec-login {
    background: #2c2c2c;
}
.ec-contactCompleteRole {/*お問い合わせ入力フォーム送信完了画面*/
    color: #ffffff;
}
/* ----------------------ハンバーガー内---------------------------*/
.ec-drawerRole, .ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    background: #212121;
}


/* -----------------------------------------*/
.slick-dots li button:before {
    background-color: white;
}
@media(max-width: 667px) {
    .slick-slider .slick-list:before, .slick-slider .slick-list:after, .slick-slider:before, .slick-slider:after {
   
    width: 30px;
    height: 30px;
}
.ec-cartNavi .ec-cartNavi__icon {
    color: #fff;
}
}


a {
    color: #fff!important;
}
.ec-role, .ec-contactRole, .ec-searchnavRole .ec-searchnavRole__infos, .ec-shelfRole, .ec-registerRole {
    color: #fff
}
.ec-headerRole__cart {
    margin-left: 8px
}
.slick-slider {
    box-shadow: 0px 0px 5px rgba(128, 128, 128, 0.13);
}
.ec-secHeading--tandem {
    color: #fff;
}
.ec-borderedDefs dd {
    line-height: 1.6;
    padding-top: 14px;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    width: 100%;
}
.ec-headerNaviRole .ec-headerNaviRole__nav {
    display: block;
    width: 100%;
}
.ec-headerNav .ec-headerNav__itemLink {
color: #fff;
}
.ec-categoryNaviRole {
margin-bottom: 19px;
}
/* ---------------------------背景のグレー------------------------------*/
.ec-layoutRole {
    position: relative;
    background-color: #212121;
}


.ec-layoutRole .ec-layoutRole__main {
    z-index: 1
}
/* ----------------------------------------------------------------- */ 
.ec-layoutRole .ec-layoutRole__contents, .ec-sliderRole, .ec-role {
   /* max-width: 1300px*/
}
.ec-headerNavSP {
    color: #ffffff;
    background: #afaaa5;
}

.ec-layoutRole__header {
	position: relative;

}
.ec-headerTitle img{
    width: 50%;
}

/* -------------- footer ------------------*/
.ec-footerRole {
background-color: #000000;
	border-top: 0;
	padding-top: 4%;
	margin-top: 150px;
}
.ec-footerRole {
	position: relative;
}
.ec-footerRole:after {
content: "";
    display: block;
   /* background-image: url(/html/user_data/nami2.png);*/
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 100%;
    top: -67px;
    left: 0;
    background-size: 100% 100%;
    width: 100%;
    height: 68px;
    z-index: 0;
}

.ec-footerRole .ec-footerRole__inner img {
    width: 20%;
}
.ec-layoutRole__contents {
	margin-top: 5px;
}
.ec-inlineBtn--top:hover {
    background-color: #482d00;
    border-color: #482d00;
}
.ec-headerNav .ec-headerNav__itemIcon {
    color: #fff;    margin-right: 6px;
    margin-left: 6px;
}
.ec-headerNav .ec-headerNav__item a {
    color: #141414;
}
.ec-headerNav .ec-headerNav__item a:hover span {
	color: #ffffff;
	transition: all 0.3s;
}
.ec-cartNaviWrap:hover .ec-cartNavi{
	box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.09);
	transition: all 0.3s;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
    border-top: 1px solid #fff;
}

.ec-footerNavi .ec-footerNavi__link a, .ec-footerTitle .ec-footerTitle__copyright {
    color: #fff;
}

.ec-layoutRole__footer {
	position: relative;
}
.ec-itemNav__nav > li:hover > a {
    background: transparent;
}
.ec-itemNav__nav li a {
background-color: inherit;
color: #877450;
z-index: 10;
position: relative;
}
.ec-newItemRole .ec-newItemRole__listItem:not(:first-child) a {
color: #fff!important;
}
.ec-itemNav li a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    content: "";
    background-color: #beb5a0;
    transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: scale(0, 1);
    transform-origin: right top;
}
.ec-itemNav li a:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
}
/* ---------------------------商品ページ---------------------------- */
.ec-headingTitle, .ec-productRole .ec-productRole__category a, .ec-productRole {
color: #fff;
}