/* カスタマイズ用CSS */
@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap|Noto+Sans+JP:400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;600;900&family=PT+Serif:wght@400;700&display=swap');

/* リンク文字色 ---------------------------------------------------------------------------------------------*/
a,.ec-topicpath{color: #ddb3b3;transition: color .3s;}
a:hover{color: #b37575;}


/* header ---------------------------------------------------------------------------------------------*/
.ec-layoutRole__header{
	background-color: #e8adb0;
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 2px solid #b37575;
}
.ec-headerNaviRole{
	padding-bottom: 20px;
}
/* 文字色 */
.ec-headerNav .ec-headerNav__itemLink{
    color: #333;
}
/* アイコン色 */
.fa-user:before,.fa-heart:before,.fa-lock:before{
    color: #b37575;
}
/* ロゴ */
.ec-headerTitle .ec-headerTitle__title h1{
	margin-bottom: 25px;
}
.ec-headerTitle img {
    max-width: 400px;
}
/* カテゴリー */
.ec-categoryNaviRole{
	max-width: 100%;
}
.ec-itemNav{
	max-width: 1130px;
	margin: auto;
}
/* カテゴリーリスト */
.ec-itemNav__nav li{
	margin: 2px;
}
.ec-itemNav__nav li a{
	transition: background .2s;
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
}
.ec-itemNav__nav li a:hover{
	background-color: #f7c9c9;
}
/* カテゴリーリストの中身 */
.ec-itemNav__nav li ul li a{
	background: #000;
	transition: background .2s;
}
/* カテゴリーリストの中身　hover時 */
.ec-itemNav__nav > li:hover li:hover > a{
	background: #e4ab56;
}
/* カテゴリーリストの中身の中身 */
.ec-itemNav__nav li ul li ul li a{
	background: #000;
}


/* 新着商品 ---------------------------------------------------------------------------------------------*/
/* タイトル部分 */
.ec-newItemRole .ec-newItemRole__listItemHeading{
	padding-top: calc(22% - 10px);
	padding-bottom: calc(22% - 10px);
	background-color: #ffa3a3;
	margin-top: 0;
}
/* タイトル文字 */
.ec-secHeading--tandem .ec-secHeading__en{
	font-size: 28px;
    letter-spacing: 1.1px;
	color: #fff;
	font-family: 'PT Serif', serif;
}
.ec-secHeading--tandem .ec-secHeading__ja {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
}
/* タイトル下線 */
.ec-secHeading--tandem .ec-secHeading__line{
	height: 3px;
	background: #ddd;
	margin: 8px auto 18px;
}
/* more */
.ec-inlineBtn--top{
	background-color: #b37575;
    border-color: #b37575;
	transition: all .2s;
	font-size: 16px;
	letter-spacing: 1.3px;
	padding: 7px 16px;
	font-family: 'PT Serif', serif;
}
.ec-inlineBtn--top:hover{
	background-color: #f7c9c9;
    border-color: #f7c9c9;
}
/* 商品名 */
.ec-newItemRole .ec-newItemRole__listItemTitle{
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
}
/* 金額 */
.ec-newItemRole .ec-newItemRole__listItemPrice{
	font-size: 16px;
}


/* footer ---------------------------------------------------------------------------------------------*/
.ec-footerRole{
	border-top: 1px solid #b4aeb1;
    background: #b4aeb1;
}
/* リンク文字*/
.ec-footerNavi .ec-footerNavi__link a{
	transition: color .2s;
}
.ec-footerNavi .ec-footerNavi__link:hover{
	color: #000;
}
/* ロゴ*/
.ec-footerRole .ec-footerRole__inner img{
	max-width: 300px;
	margin-bottom: 20px;
}


/* ページトップボタン ---------------------------------------------------------------------------------------------*/
.ec-blockTopBtn{
	background-color: #fff;
    color: #333333;
    border: 1px solid #333333;
	opacity: 1;
	transition: background .2s;
}
.ec-blockTopBtn:hover{
	background-color: #333333;
    color: #fff;
    border: 1px solid #333333;
	opacity: 1;
}


/* カートボタン  ---------------------------------------------------------------------------------------------*/
.ec-cartNavi {
    background: #ececec;
}
.ec-cartNaviNull{
	background: #ddd;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
    border: 1px solid #555;
    color: #fff;
    background-color: #555;
}
.ec-cartNaviNull::before {
    border-color: transparent transparent #ddd transparent;
}

/* カートに入れるボタン  ---------------------------------------------------------------------------------------------*/
.ec-blockBtn--action {
    background-color: #ddb3b3;
    border-color: #ddb3b3;
}
.ec-blockBtn--action:hover {
    background-color: #b37575;
    border-color: #b37575;
}
.ec-shelfRole *, .ec-shelfRole *::before, .ec-shelfRole *::after {
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
}

/* 商品詳細 ---------------------------------------------------------------------------------------------*/
.ec-productRole .ec-productRole__title .ec-headingTitle {
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
}

/* カートページ ---------------------------------------------------------------------------------------------*/
/* 現在の数字の部分と文字色 */
.ec-progress .is-complete .ec-progress__number{background: #e4ab56;}
.ec-progress .is-complete .ec-progress__label{color: #e4ab56;}
/* 数字の部分と文字色 */
.ec-progress .ec-progress__number{background: #000000;}
.ec-progress .ec-progress__item:after{background: #000000;}
/* 現在カート内に商品はございません。色 */
.ec-alert-warning{background: #DE5D50;}
/* 関連カテゴリの文字色 */
.ec-productRole .ec-productRole__category a{color: #b4aeb1;}

/* topカテゴリ ---------------------------------------------------------------------------------------------*/
.ec-categoryRole .ec-categoryRole__list {
    flex-wrap: wrap;
}
.ec-categoryRole .ec-categoryRole__listItem {
    margin-right: 0!important;
    padding: 0 10px;
    width: 33.33333%!important;
}
.ec-categoryRole .ec-categoryRole__listItem img {
    transition: all 0.3s;
}
.ec-categoryRole .ec-categoryRole__listItem img:hover {
    opacity: 0.5;
}

/* ズレ調整 ---------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px){
.ec-cartNavi .ec-cartNavi__price{transform: translateY(-3px);}
}
/* IE */
@media all and (-ms-high-contrast: none){
.ec-itemNav__nav li a,.ec-itemNav__nav li ul li a{padding: 16px 16px 13px;}
.ec-itemNav__nav li ul li ul li a{padding: 13px 22px 16px 16px;}
.ec-cartNavi .ec-cartNavi__price{transform: translateY(-1px);}
}


/* =============================================
　　タブレット 
============================================= */
@media screen and (max-width: 778px){
/* headerロゴ */
.ec-headerTitle img {max-width: 309px;}
/* footerロゴ */
.ec-footerRole .ec-footerRole__inner img {max-width: 300px;margin-bottom: 20px;}

/* header */
.ec-headerNav .ec-headerNav__item {
    font-size: 0;
}
.ec-itemNav__nav li {
    margin: 0;
}
.ec-itemNav__nav li a {
    padding: 12px;
}

/* 新着商品 ---------------------------------------------------------------------------------------------*/
/* タイトル文字 */
.ec-secHeading--tandem .ec-secHeading__en{
	font-size: 25px;
    letter-spacing: 0.3px;
}

}


/* =============================================
　　スマホ 
============================================= */
@media screen and (max-width: 667px){
/* header ---------------------------------------------------------------------------------------------*/
.ec-layoutRole__header{padding-bottom: 0px;margin-bottom: 35px;}
.ec-headerNaviRole{padding-bottom: 5px;}
.ec-cartNavi{
    color: #e4ab56;
    padding: 5px 15px 0px 10px;
    background: none;
}

/* headerロゴ */
.ec-headerTitle .ec-headerTitle__title h1{margin-bottom: 0px;}
.ec-headerTitle img {max-width: 235px;}
	
.ec-drawerRole {
	background: #ffa3a3;
}
/* ハンバーガーメニュー ---------------------------------------------------------------------------------------------*/
.ec-drawerRole .ec-headerSearch{background: #fff;}
.ec-drawerRole .ec-headerLinkArea{background: #ffa3a3 !important;}
/* アイコン色 */
.fa-shopping-cart:before,.fa-home:before{color: #b37575;}

/* 新着商品 ---------------------------------------------------------------------------------------------*/
.ec-secHeading--tandem .ec-secHeading__en{font-size: 22px;}
	
.ec-drawerRole .ec-headerLinkArea {
	background: #caa25a;
}

/* footer ---------------------------------------------------------------------------------------------*/
.ec-footerNavi .ec-footerNavi__link a {
    border-bottom: 1px solid #ffffff;
}
/* topカテゴリ ---------------------------------------------------------------------------------------------*/
.ec-categoryRole .ec-categoryRole__listItem {
    width: 50%!important;
}

}