/*
Author: Soushido
Author URI: https://soushido.com
Date: 26.4.14

/**
Common
*/

body{
    font-family: "Zen Old Mincho", serif;
    background-color: #fdfaf6;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color:#1a1410;
}
p {
    padding: 0.5em 0;
}
header{
    background-color: #f5eee6;
}
.ec-headerNaviRole .ec-headerNaviRole__left {
    width: 40%;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    width: 60%;
}
.ec-layoutRole {
    background-color: #fdfaf6;
}
.ec-headerTitle {
    background-image: url(/images/ec/ec_title.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
 }

.ec-headerTitle__title h1 {
    opacity: 0;
}

.ec-headerNaviRole .ec-headerNaviRole__search {
        margin-top: 0;
        margin-right: 10px;
}
.ec-headerSearch__input input {
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 20px;
    text-align: center;
}
.ec-headerSearch__button {
    background: none;
    border: none;
}

.ec-headerNav .ec-headerNav__item {
    border: 1px solid #1a1410;
    border-radius: 100%;
    margin-right: 10px;
}
.ec-headerNav .ec-headerNav__itemIcon {
        margin: 8px;
}

.ec-itemNav__nav li a {
    padding: 20px 30px;
    background: none;
}

.ec-itemNav__nav li a {
    font-size: 20px;
    font-family: "Klee One", cursive;
}
.ec-headerNav .ec-headerNav__item:hover,
.ec-itemNav__nav li a:hover {
    background-color: #f4f1f8;
}


@media only screen and (min-width: 768px) {
    .ec-headerNaviRole {
        padding-bottom: 20px;
    }
}

.ec-layoutRole .ec-layoutRole__contents {
    padding: 80px 0 50px;
}
.front_page .ec-layoutRole .ec-layoutRole__contents {
    padding-bottom: 0;
}

.front_page .ec-layoutRole .ec-layoutRole__contents {
    padding-top: 0;
}

/* Headline*/
    .ec-secHeading__ja,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
    font-family: "Klee One", cursive;
	font-weight: 600;
}

.red{
    color: red;
}

.ec-role,
.ec-sliderRole,
.ec-shelfRole,
.ec-headerNaviRole,
.ec-categoryNaviRole,
.ec-layoutRole .ec-layoutRole__contents {
    max-width: 1400px;
    color: #1a1410;
}
.ec-shelfGrid {
    margin: 0;
}
@media only screen and (max-width: 768px) {
	.ec-shelfGrid {
	    margin: 0 20px;
	}
}

/* Recommend products*/
.recommend_products{
	padding: 50px 0 25px;
	background-image: url(/images/pattern_hexagon.png);
}
.ec-shelfGrid .ec-shelfGrid__item {
    margin: 0;
}

/* Top*/

.ec-secHeading .ec-secHeading__ja {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.ec-secHeading .ec-secHeading__en {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.15em;
    vertical-align: 2px;
}

.ec-topicRole ,
.ec-categoryRole {
    color: inherit;
    background: inherit;
}

.ec-layoutRole__mainBottom .topics{
	background: #f4f1f8;
}

.ec-news {
    background-color: white;
    margin: 0;
}
.ec-newsRole .ec-newsRole__news {
        border: none;
        padding: 20px 10%;
}

/* newItem*/
.ec-newItemRole .ec-newItemRole__listItem:first-child {
    border: solid 1px #1a1410;
}
.ec-newsRole .ec-newsRole__newsDate {
        margin: 3px 0 0;
}
.ec-newsRole .ec-newsRole__newsTitle{
    font-size: 16px;
    color: #1a1410;
}

.ec-categoryRole,
.ec-topicRole {
    padding: 60px 0 10px;
}
.ec-categoryRole .ec-categoryRole__listItem,
.ec-topicRole .ec-topicRole__listItemTitle {
    color: #1a1410;
    text-align: center;
}
.shrine_banner{
    background-image: url(/images/pattern_wave.png);
}

/* Button*/

.ec-inlineBtn--action,
.ec-blockBtn--action {
    background-color: #c0392b;
    border-color: #c0392b;
    border-radius: 10px;
}
.ec-blockBtn--action:hover {
    background-color: #c64c40;
}

.ec-inlineBtn--cancel,
.ec-blockBtn--cancel {
	background-color: #5a6b52;
    border-color: #5a6b52;
    border-radius: 10px;
}
.ec-blockBtn--cancel:hover {
	background-color: #6a7a63;
}


/* Footer */

.ec-layoutRole__contentBottom{
    background-color: #d4cec8;
    color: #1a1410;
    padding: 20px 0 0;
}
.ec-layoutRole__contentBottom .ec-footerNavi .ec-footerNavi__link,
.ec-layoutRole__contentBottom .ec-footerNavi .ec-footerNavi__link a {
	color: #1a1410;
	text-decoration: none;
}
.ec-layoutRole__contentBottom .ec-footerNavi .ec-footerNavi__link a i{
    font-size: 18px;
}
.ec-footerRole {
    border-top: none;
    background: #1a1410;
    margin-top: 0;
}
.ec-footerNavi .ec-footerNavi__link a {
        text-decoration: none;
}
.ec-footerTitle {
        padding: 30px 0;
}
.ec-footerTitle .ec-footerTitle__logo {
	font-family: "Klee One", cursive;
	margin-bottom: 20px;
}

.ec-blockTopBtn {
	width: 40px;
	height: 40px;
	background: #3d3028;
	background-size: contain;
	background-image: url(/images/arrow.png);
	background-repeat:no-repeat;
	background-position:center;
	border-radius: 100%;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .8), 0 0 0 2px rgba(0, 0, 0, .8);
	opacity: 1;
	font-size: 0;
}


/**
Cart
*/

.ec-cartNavi .ec-cartNavi__badge,
.ec-progress .is-complete .ec-progress__number {
    background: #c0392b;
}
.ec-progress .is-complete .ec-progress__label {
    color: #c0392b;;
}