/* リンク文字色 ---------------------------------------------------------------------------------------------*/
a,.ec-topicpath,.ec-footerNavi .ec-footerNavi__link a{color: #2d73af;transition: color .3s;}
a:hover,.ec-footerNavi .ec-footerNavi__link:hover a{color: #50c3eb;}

.ec-layoutRole{
background-image: url(../../bg.jpg);
background-attachment: fixed;
background-size: cover;
}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
.ec-layoutRole__header,.main_visual{position: relative;}
/*リピートなし*/
.ec-layoutRole__header:before,.ec-layoutRole__header:after,.main_visual:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}
.ec-layoutRole__header:before,.ec-layoutRole__header:after{
background-image: url(../../obj1.png);
background-size: 100%;
width: 25vw;
height: 19vw;
top: 0;
}
.ec-layoutRole__header:before{left: 0;}
.ec-layoutRole__header:after{right: 0;transform: scale(-1, 1);}

.main_visual:before{
background-image: url(../../catch.png);
background-size: 100%;
width: 40vw;
height: 10vw;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}

/* header ---------------------------------------------------------------------------------------------*/
.ec-layoutRole__header{
	background-color: #f4f9f9;
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 7px solid #2d73af;
}
.ec-headerNaviRole__right{
	position: relative;
	z-index: 1;
}
.ec-headerNaviRole{
	padding-bottom: 20px;
}
/* 文字色 */
.ec-headerNav .ec-headerNav__itemLink{
    color: #2d73af;
}
/* アイコン色 */
.fa-user:before,.fa-heart:before,.fa-lock:before{
    color: #50c3eb;
}
/* ロゴ */
.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;
}
.ec-itemNav__nav li a:hover{
	background-color: #eae1d8;
}
/* カテゴリーリストの中身 */
.ec-itemNav__nav li ul li a{
	background: #000;
	transition: background .2s;
}
/* カテゴリーリストの中身　hover時 */
.ec-itemNav__nav > li:hover li:hover > a{
	background: #2d73af;
}
/* カテゴリーリストの中身の中身 */
.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: #f4f9f9;
	margin-top: 0;
}
/* タイトル文字 */
.ec-secHeading--tandem .ec-secHeading__en{
	font-size: 28px;
    letter-spacing: 1.1px;
}
/* タイトル下線 */
.ec-secHeading--tandem .ec-secHeading__line{
	height: 3px;
	background: #50c3eb;
	margin: 8px auto 18px;
}
/* more */
.ec-inlineBtn--top{
	background-color: #2d73af;
    border-color: #2d73af;
	transition: all .2s;
	font-size: 16px;
	letter-spacing: 1.3px;
	padding: 7px 16px 10px;
}
.ec-inlineBtn--top:hover{
	background-color: #50c3eb;
    border-color: #50c3eb;
}
/* 金額 */
.ec-newItemRole .ec-newItemRole__listItemPrice{
	font-size: 16px;
}


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


/* ページトップボタン ---------------------------------------------------------------------------------------------*/
.ec-blockTopBtn{background-color: #000000;opacity: 1;}


/* カートページ ---------------------------------------------------------------------------------------------*/
/* 現在の数字の部分と文字色 */
.ec-progress .is-complete .ec-progress__number{background: #2d73af;}
.ec-progress .is-complete .ec-progress__label{color: #2d73af;}
/* 数字の部分と文字色 */
.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: #2d73af;}


/* ズレ調整 ---------------------------------------------------------------------------------------------*/
@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: 200px;margin-bottom: 20px;}

.main_visual:before{
width: 74vw;
height: 19vw;
}
/* 背景画像 */
.ec-layoutRole{
	background-image:none;
	background: transparent;
}
.ec-layoutRole::before{
	content: "";
	display: block;
	min-width: 100vw;
	min-height: 100vh;
	background-image: url(../../bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
}


/* =============================================
　　スマホ 
============================================= */
@media screen and (max-width: 667px){
.ec-layoutRole__header:before,.ec-layoutRole__header:after{
width: 58vw;
height: 42vw;
}
.ec-layoutRole__header:after{
transform: scale(-1, -1);
top: auto;
bottom: 0;
}
	
.main_visual:before{
width: 90vw;
height: 23vw;
}
/* header ---------------------------------------------------------------------------------------------*/
.ec-layoutRole__header{padding-bottom: 0px;margin-bottom: 35px;}
.ec-headerNaviRole{padding-bottom: 5px;}
.ec-cartNavi{color: #2d73af;}
/* headerロゴ */
.ec-headerTitle .ec-headerTitle__title h1{margin-bottom: 0px;}
.ec-headerTitle img {max-width: 200px;}

/* リンク文字*/
.ec-footerNavi .ec-footerNavi__link a{border-bottom: 1px solid #d2dc96;}
/* ハンバーガーメニュー ---------------------------------------------------------------------------------------------*/
.ec-drawerRole{background: #fff;}
.ec-drawerRole .ec-headerSearch{background: #efe6dd;}
.ec-drawerRole .ec-headerLinkArea{background: #f4f9f9;}
/* アイコン色 */
.fa-shopping-cart:before,.fa-home:before,.fa-user:before, .fa-heart:before, .fa-lock:before{color: #50c3eb;}
/* 文字色 */
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item{color: #2d73af;}
	
/* 新着商品 ---------------------------------------------------------------------------------------------*/
.ec-secHeading--tandem .ec-secHeading__en{font-size: 22px;}
}