/* カスタマイズ用CSS */
@charset "UTF-8";

/*
=======================================================
 Common
=======================================================
*/

body, button {
	font-family: 'Inter','Zen Kaku Gothic New';
	margin:0;
	padding:0;
	font-size: 16px;
	line-height: 1.8;
	height: 100%;
	font-weight: 400;
	position: relative;
	letter-spacing: .02em;
}

@media screen and (min-width: 835px) {
	.tb {display: none !important;} /* タブレット（小）以下のみ表示 */
	.tbsp {display: none !important;} /* タブレット（小）以下すべてのデバイス */
}
/* 768px以上の時 */
@media screen and (min-width: 768px) {
	.sp {display: none !important;} /* スマホ以下のみ表示 */
}
/* 768px以下の時 */
@media screen and (max-width: 767.9px) {
	.pc {display: none !important;}
}

:focus-visible {
	outline: 0;
}
.imgOuterFrame {
    background-color: #F5F5F5;
	display: flex;
	justify-content: center;
    padding: 16% 0;
	align-items: center;
	position: relative;
	width: 104px;
	height: 133px;
}
.imgInnerFrame {
    width: 100%;
	max-height: 100%;
	display: flex;
	justify-items: center;
	align-items: center;
	justify-content: center;
}
.imgOuterFrame * {
	object-fit: contain;
	height: 100%;
}
/* タグのスタイル */
.product-tagName{
    display:flex;
    flex-direction: row-reverse;
}
.product-tagName p{
    display: inline;
    position:absolute;
    writing-mode: vertical-rl;
    padding: 11px 8px 11px 2px;
	z-index: 1;
} 
.tagbcg-4,
.tagbcg
{
    background-color: #191516;
    color: white;
}
.ec-productRole__tags .tagbcg-1,
.tagbcg-1{
    background-color: #008F25;
    color: white;
}
.tagbcg-2{
    background-color: #B91A3F;
    color: white;
}
.tagbcg-3{
    background-color: #A97D2B;
    color: white;
}
a:hover {
	cursor: pointer;
}
#global .globalNavi_left a:hover,
#global .linkKangeki a:hover,
.ec-headerTopRole a:hover,
.pagination>li>a:hover,
.ec-newItemRole__list a:hover,
.ec-recommendItemRole__list a:hover,
.ec-shelfGrid.ranking a:hover,
.hamburger-shopinfolist a:hover,
.hamburger-loginwrap a:hover,
.recommendInfo a:hover,
.ec-shelfRole .ec-shelfGrid__item a:hover,
.footerColumn.lowest .linkItem a:hover {
	opacity: 60%;
}
#global a:hover,
.ec-headerTopRole a:hover,
.blackBtn:hover,
#hamburger.hamburger-contentslist li a:hover,
.ec-newItemRole__list a:hover,
.ec-recommendItemRole__list a:hover,
.ec-shelfRole .ec-shelfGrid__item a:hover,
.footerColumn.main a:hover,
.footerColumn.lowest .linkItem a:hover {
	text-decoration: none;
}
.ec-shelfRole,
.ec-newItemRole__list a,
.ec-recommendItemRole__list a {
	color: #000000
}

/*
=======================================================
 EC Default
=======================================================
*/

.bg-load-overlay {
	display: none !important;
}
.ec-layoutRole .ec-layoutRole__contents {
	max-width: none;
}
.ec-role img {
    width: 100%;
}
/*
=======================================================
 Parts
=======================================================
*/

/*** button ***/
.blackBtn {
	background-color: #161618;
    display: flex;
    width: 240px;
    height: 56px;
    position: relative;
    color: #ffffff;
    margin: 32px auto;
    align-items: baseline;
}
.blackBtn:hover {
	color: #ffffff;
	background-color: #404040;
	cursor: pointer;
}
.blackBtn:hover span {
	color: inherit;
	background-color: inherit;
}
.blackBtn.foundProductBlackBtn {
    width: 100%;
    height: 56px;
}
.blackBtn.foundProductBlackBtn span::before {
    position: relative;
    top: 4px;
    margin-right: 6px;
    content: url(../icon/search-white.svg);
}
.blackBtn span {
	margin-left: auto;
}
.blackBtn i {
	width: 36px;
    height: inherit;
    background-color: #404040;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-left: auto;
}
.squareBtn {
    border: 1px solid #161618;
    padding: 14px 0;
    width: 100%;
	background: inherit;
	font-weight: 700;
    font-size: 14px;
    line-height: 20px;
	white-space: nowrap;
}
.squareBtn:hover {
	color: #ffffff;
	background-color: #161618;
}
.closeBtn {
	background-color: #2e2e2e;
	color: #ffffff;
	border: none;
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
    background: #161618;
    position: absolute;
    right: 0;
    top: 55%;
    transform: translateY(-55%);
    color: #ffffff;
    border-radius: 0 8px 8px 0;
    width: 20%;
}
.ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keywordBtn {
	border-radius: 0 16px 16px 0;
	width: 25%;
}
/*
=======================================================
 Header
=======================================================
*/

.ec-layoutRole__header {
	background-image: url(../img/top/img_line_head.png);
	background-repeat: repeat-x;
	position: relative;
	background-color: #ffffff;;
}
.ec-headerTopRole {
	max-width: 1440px;
	margin: auto;
}
.ec-headerTopRole__left,
.ec-headerTopRole__right,
.ec-headerTopRole__left div,
.ec-headerTopRole__right div {
	display: inline-block;
	font-size: 12px;
	line-height: 17px;
	color: #191516;
	font-weight: 500;
}
.ec-headerTopRole__right:last-child div {
	padding: 12px 24px 12px 24px;
}
.ec-headerTopRole a {
	color: #191516;
}
.ec-headerTopRole__left,
.ec-headerTopRole__right {
	margin-top: 5px;
}
.ec-headerTopRole__left div,
.ec-headerTopRole__right div {
	padding: 12px 0 12px 24px;
}
.ec-headerTopRole__left div {
	padding-left: 24px;
}
.ec-headerTopRole__right {
	float: right;
}

.arrow::after {
	content: url(../img/common/icon_arrow_upright_black.svg);
}
.ec-headerNaviRole {
	width: 100%;
	max-width: inherit;
	border-top: solid #eeeeee;
	padding: 0 20px;
}
.ec-headerNaviRole img {
	width: auto;
}
.ec-headerNav .ec-headerNav__item.login {
	padding-right: 4px;
}
.ec-headerNav .ec-headerNav__itemLink {
	display: block;
}
#global .globalNavi_left {
	display: flex;
}
#global .globalNavi_right {
	display: flex;
	margin-left: auto;
	align-items: center;
}
#global ul {
	padding:initial;
	list-style: none;
	display: flex;
	justify-content: space-between;
    width: 100%;
	margin-right: 50px;
	max-width: 1440px;
	margin: auto;
}
#global li {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 3px;
	margin: initial;
	font-size: 13px;
	margin-left: 24px;
}
#global li.aboutEat {
	margin: 0 30px;
	white-space: nowrap;
}
#global li.linkKangeki {
	margin-left: 0;
}
#global li.ec-headerNaviRole__search {
	width: auto;
}
@media screen and (max-width: 1106px) {
	#global li.ec-headerNaviRole__search {
		display: none;
	}
}
#global li.ec-headerRole__logo {
	margin-left: 0;
}
#global li.ec-headerNaviRole__nav {
	margin: 0%;
}
.ec-hamburger-menubox {
	padding: 50px;
	width: 59px;
}
.ec-headerNav__item {
	width: 59px;
}
#global .productList a,
#global .categoryList a, 
#global .rakuichi a, 
#global .kangeki a ,
#global .aboutEat a {
	color: #311A1E;
	font-weight: 700;
	font-size: 16px;
	line-height: 23px;
}
#global .aboutEat a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
#global .linkKangeki a {
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
#global .linkKangeki a div {
	font-weight: 700;
	font-size: 16px;
	line-height: 23px;
}
#global li.ec-hamburger-menubox {
	margin-left: 0;
}
#global div.ec-headerNav__item.signup {
	margin-right: 10px;
}
#global li.ec-headerRole__cart {
	padding-top: 8px;
	margin-left: 2%;
	padding-left: 15px;
}
.ec-headerNav .ec-headerNav__itemLink {
	font-size: 13px;
}
.ec-headerNaviRole .ec-headerNaviRole__nav {
	text-align: center;
}
.ec-headerNaviRole .ec-headerNaviRole__nav a {
	position: relative;
    bottom: 7px;
}
.fa-angle-right:before {
	content: "\f105";
}


/*** search box ***/
.ec-headerSearch .ec-headerSearch__keyword {
    float: inherit;
	width: 248px;
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.ec-headerSearch .serchIcon {
    border: 0;
    background: none;
    position: absolute;
	left: 5px;
    right: inherit;
    top: 50%;
    transform: translateY(-55%);
    white-space: nowrap;
    z-index: 1;
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
    width: 80%;
    height: 34px;
    font-size: 16px;
    border: 0 none;
    padding: 2px 2px 2px 30px;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    margin-bottom: 0;
	margin-right: -40px;
}
.ec-headerSearch .ec-headerSearch__category {
	float: inherit;
    width: inherit;
}
.ec-cartNavi {
	position: relative;
    /* left: 13px; */
	justify-content: center;
	background: #ffffff;
	text-align: center;
	display: block;
    font-size: 13px;
    font-weight: 500;
	color: inherit;
	padding: 0;
	min-width: 0;
	height: auto;
	top: 1px;
}
.ec-cartNavi::before {
    content: '';
    display: inline-block;
	width: 40%;
    height: 38px;
	background: url(../img/common/icon_gnav_cart.svg) center top no-repeat;
}
.cartNaviTxt {
	position: relative;
	right: 56px;
	font-size: 11px;
	color: #000000;
}
.ec-cartNavi .ec-cartNavi__badge {
    background-color: #B70F2E;
    padding: 7px;
    height: 22px;
    font-size: 12px;
    top: 4.5px;
}
/* ヘッダーカートクリックUI */
.ec-cartNaviIsset {
	max-width: 400px;
}
.ec-cartNaviIsset.is-active,
.ec-cartNaviNull.is-active {
	width: 400px;
	max-width: 400px;
	background: #FFFFFF;	
	border: 1px solid #F4F4F4;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
}
/* 画像 */
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 61.34px;
	height: 80px;
	background: #F4F4F4;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage img {
	width: 75%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
	display: flex;
}
.ec-cartNaviIsset__action .ec-blockBtn--action {
	background: #161618;
	border-color: #161618;
	font-size: 16px;
}
.ec-cartNaviIsset__action .ec-blockBtn--action:before {
	content: url(../img/common/icon_shopping_cart_button_white.svg);
	position: relative;
    top: 5px;
    margin-right: 12px;
}
.ec-cartNaviIsset__action .ec-blockBtn--action:hover{
	background: #A2A3A3;
	border-color: #A2A3A3;
}
a.ec-cartNavi--cancel {
	border: none;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	background: none;
	width: 88px;
    margin: auto;
}
a.ec-cartNavi--cancel:hover {
	border: none;
	background: none;
	opacity: 60%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
    max-width: 272px;
	width: auto;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice {
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}
.ec-cartNaviIsset_otherCartBtn {
	display: flex;
    justify-content: center;
    align-items: center;
}
.ec-cartNaviIsset_otherCartBtn a {
	width: 116px;
	height: 48px;
	background: #FFFFFF;
	border: 1px solid #404040;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 12px 3px 4px;
	font-weight: 700;
	font-size: 14px;
	line-height: 130%;
	color: #161618;
}
.ec-cartNaviIsset_otherCartBtn a:hover {
	background: #161618;
	border: 1px solid #161618;
	color: #FFFFFF;
}
.ec-cartNaviIsset_cartBtn::before {
	content: url(../img/common/icon_shopping_cart_button_black.svg);
	position: relative;
	top: 5px;
	margin-right: 6px;
	margin-left: 6px;
}
.ec-cartNaviIsset_cartBtn:hover::before {
	content: url(../img/common/icon_shopping_cart_button_white.svg);
	position: relative;
	top: 5px;
	margin-right: 6px;
	margin-left: 6px;
}
/* カートに商品がない時 */
.ec-cartNaviNull .ec-cartNaviNull__message {
	background: #F4F4F4;
	font-weight: 500;
	line-height: 23px;
	color: #000000;
	margin-bottom: 15px;
	height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ec-headerNav {
    text-align: center;
}
.ec-headerNav .ec-headerNav__item {
	position: relative;
    top: -4px;
}
.ec-headerNav__item.mypage a::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 40px;
	background: url(../img/common/icon_mypage.svg) center top no-repeat;
	position: relative;
    top: 23px;
}
.ec-headerNav__item.login a::before {
    content: '';
    display: inline-block;
	width: 70%;
    height: 44px;
	background: url(../img/common/icon_login.svg) center top no-repeat;
	position: relative;
    top: 26px;
}
.ec-headerNav__item.signup a::before {
    content: '';
    display: inline-block;
	width: 100%;
    height: 40px;
	background: url(../img/common/icon_signup.svg) center top no-repeat;
	position: relative;
    top: 26px;
}
.ec-headerNav__item.signup .ec-headerNav__itemLink {
	/* position: relative;
    top: 1px; */
	margin-top: 3px;
}
/* @media screen and (max-width: 920px) {
	.ec-headerNav__itemLink,
	.cartNaviTxt {
		visibility: collapse;
	}
	.ec-headerNav__item.signup a::before {
		top: 40px;
		height: 23px;
	}
} */
.ec-headerNav__item.mypage i::before {
	position: relative;
	top: 5px;
}
.ec-headerNav .ec-headerNav__itemIcon {
	font-size: 90%;
	margin: 0px;
}
.ec-headerNav__itemLink {
	display: block;
	font-weight: 500;
	padding-top: 4px;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}
.categoryListMenu {
	display: none;
	position: absolute;
    top: 140px;
    left: 0px;
    width: 100%;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
	z-index: 9996;
	background-image: url(../img/top/img_line_nav_toggle_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.categoryListMenu li {
	width: 25%;
}
#global .categoryListMenu li a {
	color: #ffffff;
	font-weight: 500;
    font-size: 16px;
    line-height: 23px;
	padding: 10px;
}
#global .categoryList ul {
	padding: 20px 70px;
    max-width: inherit;
}
/* 閉じるボタン */
/* .categoryList .closeBtn {
	position: fixed;
    top: 33.3%;
	z-index: 9996;
	width: 30%;
    height: 50px;
    font-size: 18px;
    border-radius: 0 0 10px 10px;
    padding: 10px 10px;
}
.categoryList .closeBtn span::before {
	content: url(../img/common/icon_close_white.svg);
} */
.ec-headerNav__item.login span {
	white-space: nowrap;
	padding-top: 2px;
}
.globalNavicover {
	display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
    background: rgba(0,0,0,0.5);
}
.cover {
	z-index: 9996;
	/* position: fixed; */
	width: 100%;
}

/*** ハンバーガーメニュー ***/
.box-header{
    background: #ddd;
    height: 64px;
    padding: 1em;
}
	/* headerのサイト名（デモの参考値） */
.box-sitename{
font-weight: 700;
font-size: 18px;
}
.input-hidden{
	display: none;
}
	/* label */
.hamburger-switch{
	cursor: pointer;
	position: absolute;
	top: 58%;
	width: 1em; /*アイコン（クリック可能領域）の幅*/
	height: 2em; /*アイコン（クリック可能領域の）高さ*/
}
	/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger-1:checked ~ .hamburger-switch{
	position: absolute;
}
.hamburger-menu-top-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.hamburger-menu-top-wrap h1 {
    font-size: 2em;
    margin: 0;
}
	/* ハンバーガーアイコン */
.hamburger-switch-line1, .hamburger-switch-line1:before, .hamburger-switch-line1:after{
	width: 32px;
	height: 4px;
	display: block;
	background: #000000; /* ハンバーガーアイコンの色 */
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
}
.hamburger-switch-line1{
		transform: translate(-50%, -50%);
}
.hamburger-switch-line1:before{
	transform: translate(-50%, -300%);
}
.hamburger-switch-line1:after{
	transform: translate(-50%, 200%);
}
.hamburger-menuwrap .hamburger-switch{
	position: static;
}
	/* メニュー展開時にハンバーガーアイコンを固定 */
.hamburger-menuwrap #hamburger-1:checked ~ .hamburger-switch{
	position: static;
}
	/* ハンバーガーアイコン */
.hamburger-menuwrap .hamburger-switch-line1, .hamburger-menuwrap .hamburger-switch-line1:before, .hamburger-menuwrap .hamburger-switch-line1:after{
	width: 32px;
	height: 4px;
	display: block;
	background: rgba(0,0,0,0);
	position: static;
	top: auto;
	left: auto;
	content: "";
}
.hamburger-menuwrap .hamburger-switch-line1:before, .hamburger-menuwrap .hamburger-switch-line1:after {
	background-color: #000000;
}
.hamburger-menuwrap .hamburger-switch .hamburger-switch-line1:before{
	transform: rotate(45deg) translate(-31.25%, 325%);
	margin-top: 20px;
}
.hamburger-menuwrap .hamburger-switch .hamburger-switch-line1:after{
	transform: rotate(-45deg) translate(-31.25%, -325%);
}
	/* メニューエリア */
.hamburger-menuwrap{
	position: fixed;
	height: 100%;
	background: #fafafa; /* メニューエリアの背景色 */
	padding: 3.5em 3% 2em;
	z-index: 9998;
	transition: .3s;
	top: 0;
	left: 100%;
	width: 40%;
	overflow-x: auto;
}
.hamburger-logo {
	font-size: 16px;
}
.hamburger-searchproduct .ec-headerSearch {
	display: block;
}
.hamburger-searchproduct {
	padding: 12px 0;
}
.hamburger-menuwrap .ec-headerSearch .ec-headerSearch__keyword {
	border-radius: 50px;
	width: 100%;
	height: 48px;
    display: flex;
    align-items: center;
}
.hamburger-menuwrap .ec-headerSearch .ec-headerSearch__keywordBtn {
	border-radius: 0 50px 50px 0;
}
#hamburger.hamburger-contentslist ul,
#hamburger.hamburger-contentslist li {
	display: block;
}
#hamburger.hamburger-contentslist ul {
	border-top: 1px solid #311A1E;
}
#hamburger.hamburger-contentslist li {
	width: 100%;
	padding: 20px 0;
    border-bottom: 1px solid #311A1E;
	margin: 0%;
}
#hamburger.hamburger-contentslist li:hover {
	background-color: #FAFAF2;
	cursor: pointer;
}
#hamburger.hamburger-contentslist li a{
	display: flex;
    justify-content: space-between;
}
.hamburger-foundproductcontents .blackBtn.foundProductBlackBtn {
	margin: 20px 0 31px;
	display: flex;
    justify-content: center;
}
.hamburger-foundproductcontents .blackBtn.foundProductBlackBtn span {
    position: unset;
}
.hamburger-shopinfolist {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #311A1E;
    padding: 10px 0 20px;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 500;
}
.hamburger-shopinfolist .item {
	padding: 12px 0
}
.hamburger-shopinfolist a,
.hamburger-loginwrap a {
	color: #191516;
}
.hamburger-loginwrap a {
    font-weight: 700;
}
.hamburger-loginwrap a::before {
	position: relative;
    top: 4px;
    margin-right: 2rem;
}
.hamburger-cart a::before {
	content: url(../img/common/icon_shopping_cart.svg);
}
.hamburger-mypage a::before {
	content: url(../img/common/icon_mypage.svg);
}
.hamburger-logout a::before {
	content: url(../img/common/icon_logout.svg);
}
.hamburger-signup a::before {
	content: url(../img/common/icon_signup.svg);
    margin-right: 2.5rem;
	left: 3px;
}
.hamburger-login a::before {
	content: url(../img/common/icon_login.svg);
}
.hamburger-cart,
.hamburger-mypage,
.hamburger-logout,
.hamburger-signup,
.hamburger-login {
	padding: 10px 0;
}
.hamburger-mypage {
	margin-left: 3px; 
}
	/* メニューエリア･アニメーション */
	/* 右から */
#hamburger-1:checked ~ .hamburger-menuwrap{
	left: 60%;
}
	/* コンテンツカバー */
#hamburger-1:checked ~ .hamburger-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.5);
	display: block;
}

/*
=======================================================
 Body
=======================================================
*/
body {
	background: #ffffff;
}
.ec-role,
.ec-sliderRole,
.ec-shelfRole {
	max-width: 1440px;
	padding: initial;
}

/*** index.twig ***/
.ec-layoutRole__contents {
	display: flex;
    flex-direction: row;
    flex-grow: 1;
	margin: 0 20px;
	max-width: 1440px;
	margin: auto;
}

/*** paginathing.js ***/
.pagination-container {
	display: flex;
	margin-left: auto;
}
.pagination-container .page {
	display: none;
}

.pagination>li>a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover {
	color: #ffffff;
	background-color: #191516;
	padding: 10px 16px;
	border: 2px solid #fff;
}
.pagination>li:first-child>a,
.pagination>li:last-child>a {
	border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

/***  緊急告知情報  ***/
.ec-newsRole__urgentNewsItem {
	cursor: pointer;
	background-color: #000000;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	padding: 12px 0;
}
.ec-newsRole__urgentNewsItem:hover {
	color: #ffffff;
	background-color: #404040;
}
.ec-newsRole__urgentNewsItem a {
	color: #ffffff;
}
.ec-newsRole__urgentNewsDescription {
	display: none;
}

/*** 見出し ***/
.itemHeading {
	display: flex;
}
.headingTitle {
	font-weight: 700;
	line-height: 46px;
	color: #161618;
	display: flex;
    justify-content: center;
    align-items: center;
}
.headingTitle::before {
	position: relative;
    top: 4px;
    margin-right: 14px;
	content: url(../img/common/icon_teishikimaku.svg);
}
.inlineShowMore {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #311A1E;
	margin: 0 20px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-decoration: underline;
}
.inlineShowMore:hover {
	color: #311A1E;
	opacity: 0.6;
}

/*** 新着商品／季節のおすすめギフト ***/
.ec-newItemRole {
    padding: 24px 0 0;
}
.ec-shelfRole {
	padding-left: initial;
    padding-right: initial;
}
.ec-newItemRole .ec-newItemRole__listItem,
.ec-shelfRole.recommend .ec-recommendItemRole__listItem {
	width: calc(100% / 3);
	margin-right: 30px;
	margin-bottom: 15px;
}
.ec-newItemRole .ec-newItemRole__listItem>a>p,
.ec-shelfRole.recommend .ec-recommendItemRole__listItem>a>p {
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	margin: 10px 0;
}
.ec-shelfRole.recommend .ec-recommendItemRole__list {
	flex-wrap: nowrap;
	display: flex;
}
.ec-shelfRole.recommend .ec-recommendItemRole__list .imgOuterFrame,
.ec-newItemRole .ec-newItemRole__list .imgOuterFrame {
	width: 100%;
	height: 374px;
}
/* .ec-newItemRole__list img {
	width: 90%;
} */


/* タグ */
.ec-productRole__tag {
    writing-mode: vertical-rl;
    background: #191516;
    padding: 8px 7px 11px 5px;
    text-orientation: upright;
    height: fit-content;
    position: absolute;
    right: 2px;
    top: 0px;
    font-weight: 700;
    line-height: 18px;
    color: #FFFFFF;
}
.tag_1 {
    background: #008F25;;
}
.tag_2 {
    background: #B91A3F;
}
.tag_3 {
    background: #A97D2D;
}
.ec-favoriteRole .ec-favoriteRole__itemThumb {
    display: flex;
}


/*** カテゴリナビ ***/
.ec-layoutRole__left {
	width: 360px;
	margin: 20px 20px 20px 0;
	padding-top: 20px;
}
.ec-layoutRole__left p {
	font-weight: 700;
    font-size: 14px;
    line-height: 20px;
	padding-left: 0.5em;
	color: #161618;
}
.ec-layoutRole__left .ec-categoryNaviRole {
	padding-left: inherit;
	padding-right: inherit;
	border-top: 2px solid #161618;
	border-bottom: 2px solid #161618;
}
.ec-layoutRole__left .main__contents {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.ec-layoutRole__left .ec-itemNav__nav {
	width: 100%;
}
.ec-layoutRole__left .ec-itemNav__nav li {
	float: inherit;
    width: inherit;
	position: relative;
}
.ec-layoutRole__left .ec-itemNav__nav li a {
	padding: 16px 24px 16px 0;
    text-align: left;
	padding-right: 42px;
    border-bottom: 1px solid #E5E5E5;
}
.ec-itemNav__nav li a:hover {
	background-color: #FAFAF2;
}
.ec-layoutRole__left .ec-itemNav__nav li a span {
	position: relative;
    left: 1.3em;
}
.ec-layoutRole__left .ec-itemNav__nav li a i {
	position: absolute;
	top: 50%;
    right: 6%;
    transform: translateY(-50%);
}
.ec-layoutRole__left .ec-itemNav__nav li ul {
    top: 0;
    left: 100%;
}


/*** 最新のお知らせ ***/
.slick-slide > div {
	display: flex;
}
.slick-slide > div > div {
	border-bottom: 1px solid #ccc;
}
.ec-newsRole__news .slick-list {
	width: 100%;
}
.ec-newsRole {
	display: flex;
	color: #161618;
	padding: 10px 0 0;
	margin: 0 20px;
}
.ec-newsRole__newsHeading {
	align-items: center;
}
.ec-newsRole .ec-secHeading {
	color: #161618;
	margin-left: 46px;
    margin-right: 20px;
	width: 230px;
}
.ec-newsRole .ec-secHeading h2{
	font-weight: 700;
	font-size: 24px;
	line-height: 35px;
	margin-top: 0px;
}
.ec-newsRole .ec-secHeading a{
	font-weight: 700;
	font-size: 12px;
	line-height: 17px;
	color: #161618;
	/* text-decoration: underline; */
}
.ec-newsRole .ec-secHeading a:hover {
	opacity: 0.6;
}
.ec-newsRole .ec-newsRole__news {
	border-top: 1px solid #ccc;
    border-right: inherit;
    border-left: inherit;
    border-bottom: inherit;
    padding: 1px;
	display: flex;
    flex-wrap: wrap;
	width: 100%;
}
.ec-newsRole .ec-newsRole__newsItem {
    padding: 20px 0;
	/* width: 100% !important; */
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
    display: inline-block;
    margin-left: auto;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: #000000;
	background: inherit;
    text-align: center;
    cursor: pointer;
    position: inherit;
    right: inherit;
}
.ec-newsRole .ec-newsRole__newsClose {
	display:flex;
	justify-content:center;
	align-items:center;
	margin: 0 15px;
}
/* .ec-newsRole .ec-newsRole__newsItem {
    border-bottom: 1px solid #CCCCCC;
} */
/* .ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
	border: none;
} */
.ec-newsRole .ec-newsRole__newsItem:hover:not(.nullLast) {
    background-color: #FAFAF2;
}
.ec-newsRole .ec-newsRole__newsDate {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: #161618;
}
.ec-newsRole .ec-newsRole__newsTitle {
	font-weight: 500;
	font-size: 13px;
	line-height: 19px;
	color: #161618;
}
img.mobile_line {
	display: none;
}

/*** かお店について ***/
.aboutKaoStore {
	margin: 80px 0;
}
.aboutKaoStore .cover{
	width: 100%;
	height: 426px;
	background-image: url(../img/top/img_back_kao.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.aboutKaoStore .item {
	height: auto;
	background-color: #ffffff;
	text-align: center;
    width: 80%;
}
.aboutKaoStore h2 {
	font-weight: 700;
	font-size: 24px;
	line-height: 35px;
	color: #161618;
	margin: 50px auto 27px;
}
.aboutKaoStore h2::before {
	position: relative;
    top: 8px;
	content: url(../img/common/logo_1_beside.png);
}
.aboutKaoStore p {
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	color: #161618;
}

/*** 人気ランキング／おすすめ情報　***/
.bottomWrapper {
	display: flex;
	margin: 0 20px;
	margin: auto;
	max-width: 1440px;
}
.ec-shelfRole.ranking {
	display: inline-block;
}
.ec-shelfGrid.ranking {
	display: inline-block;
	flex-wrap: inherit;
    padding: 0;
}
.ec-shelfGrid.ranking {
	width: 90%;
	margin: initial;
}
.ec-shelfGrid.ranking a {
	display: flex;
	width: 100%;
}
.ec-shelfGrid.ranking .ec-shelfGrid__item {
	width: 100%;
	padding-left: inherit;
}
.ec-shelfGrid.ranking .ec-shelfGrid__item img {
    object-fit: contain;
}
.ec-shelfGrid.ranking .ec-shelfGrid__item dl {
	display: flex;
    align-items: center;
	margin: 0 0 0 10px;
}
.ec-shelfGrid.ranking .ec-shelfGrid__item .item_name {
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0em;
	text-align: left;
}
.ec-shelfGrid.ranking .ec-shelfGrid__item .item_price {
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: left;
}
.rankingImgWrapper {
	position: relative;
}
.rankingImgWrapper p {
	position: absolute;
	margin:0;
    padding: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #FFFFFF;
}
.rankingImgWrapper .rankingImgTag {
	top: 0;
    left: 0;
}
.rankingImgWrapper .rankingImgTag.rank1 {
	background-color: #A97D2B;
}
.rankingImgWrapper .rankingImgTag.rank2 {
	background-color: #938DA2;
}
.rankingImgWrapper .rankingImgTag.rank3 {
	background-color: #945C3E;
}
.rankingImgWrapper .rankingImgTag.rank4,
.rankingImgWrapper .rankingImgTag.rank5 {
	background-color: #161618;
}

.recommendInfo {
	width: 40%;
}
.recommendInfo .heading {
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
	color: #311A1E;
	margin: 10px 0;
}
.recommendInfo .bannerArea a img{
	padding: 10px 0 6px;
	width: 320px;
    height: 100%;
}


/*
=======================================================
 Footer
=======================================================
*/
.ec-footerRole {
	background-image: url(../img/top/img_line_tail.png);
	background-repeat: repeat-x;
	border-top: inherit;
    background-color: #FAFAF2;
}
.ec-footerRole .footerColumn.main {
	background: #FAFAF2;
	display: table;
    margin: 0 auto;
	padding: 30px 20px;
	color: #161618;
	max-width: 1440px;
}
.footerCol .footerShopHead {
	display: block;
}
.footerCol .footerShopHead .shopName {
    padding-left: 10px;
}
.footerCol .footerShopHead .shopName p {
	font-weight: 400;
	font-size: 10px;
	line-height: 14px;
}
.footerCol .footerShopHead .shopName h2 {
	font-weight: 700;
}
.footerCol .footerShopHead .shopLogo h1 {
	margin-top: 0;
}

.footerCol .shopDetail h3 {
	font-weight: 700;
	font-size: 16px;
	line-height: 23px;
}
.footerCol .shopDetail p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.footerCol .shopDetail p span {
	padding-left: 2em;
}
.ec-footerRole .footerColumn.main a {
	color: #161618;
}
.ec-footerRole .footerColumn.main a:not(.sns) {
	text-decoration: underline;
}
.footerColumn.main a:hover {
	opacity: 0.6;
}
.footerColumn .footerRow.main {
	display: flex;
	justify-content: space-between;
	margin-left: 20px;
}
.footerColumn.main .footerCol {
	vertical-align: top;
	display: table-cell;
	/* display: table-row; */
	padding: 0 5px;
	width: 30%;
}
.footerColumn.main .footerColSpacerInner {
    display: table-cell;
}
.footerRow.main .infoAboutUs .head{
    display: flex;
}
.footerCol .footerSection {
	height: 200px;
}
.footerCol.foodInfoGuide .footerSection,
.footerCol.bentoInfoGuide .footerSection
 {
	height: auto;
	margin-bottom: 15px;
}

.footerSection .sectionHead {
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	border-bottom: 1px solid #DADDDD;
	padding: 4px 0;
	margin-bottom: 10px;
}
.footerSection p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
}
.footerColumn.main .linkButton {
	padding: 14px 0;
}

.footerSection .sns .facebook::before,
.footerSection .sns .twitter::before,
.footerSection .sns .instagram::before {
    position: relative;
    margin-right: 2px;
}
.footerSection .sns .facebook::before,
.footerSection .sns .twitter::before {
    top: 6px;
}
.footerSection .sns .instagram::before {
    top: 4px;
}
.footerSection .sns .facebook::before {
	content: url(../img/common/icon_facebook.svg);

}
.footerSection .sns .twitter::before {
	content: url(../img/common/icon_twitter.svg);
}
.footerSection .sns .instagram::before {
	content: '';
	display: inline-block;
	background-image: url(../img/common/icon_instagram.png);
	background-size: contain;
	vertical-align: sub;
	width: 28px;
	height: 28px;
}
.footerSection .sns a {
	margin-right: 10px;
}
.footerSection .sns {
	padding: 6px 0;	
}
.infoUseShop img {
	padding: 10px 0;
}

.footerColumn .footerRow.lowest {
	background: black;
	height: 80px;
	display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
}
.footerRow.lowest ul{
	list-style:none;
	display: flex;
	max-width: 1440px;
	width: 100%;
	justify-content: space-between;
	margin: 0;
	padding: 0 20px;
}
.footerRow.lowest li {
	font-weight: 400;
	line-height: 20px;
	padding: 0 20px 0 0;
}
.footerRow.lowest li.copyright {
	padding: 0;
}
.footerRow.lowest .linkItem a {
	font-size: 14px;
	color: #FFFFFF;
}
.footerRow.lowest .copyright {
	font-size: 12px;
	color: #FFFFFF;
	margin-left: auto;
}
.two-rosw-footer.main .footerCol {
	width: 50%;
	margin: 0 40px;
}

/*** スライダー ***/
.ec-sliderRole img {
    width: 70%;
	object-fit: contain;
}
.ec-sliderRole .slick-track {
	background-color: #7a7a7a;
	left: 15%;
}

/*** お支払いについて ***/
.ec-shiharaiRole .ec-off1Grid__cell {
	width: 100%;
	margin: initial;
}
/*** カテゴリ選択スライド ***/
#global .categoryNav__sp {
	z-index:9998;
	position: fixed;
	top: 0;
	left: -70%;
	width: 50%;
	height: auto;
	overflow: auto;
	overflow-x: hidden;
	background-color: #161618;
}
.ec-seachProductRole__sp .sliderVerticalLine {
	background-image: url(../img/top/img_line_vertical_sp.png);
	background-repeat: repeat-y;
	background-position: right;
	height: 100%;
}
#global .categoryNav__sp.sliderVerticalLine {
	z-index: 9998;
	position: fixed;
	top: 0;
	left: -1%;
}
#global .categoryNav__sp .sliderVerticalLine,
#global .categoryNav__sp .sliderVerticalLine img{
	height: 100%;
}
#global .categoryNav__sp .closeBtn {
	z-index: 9998;
	position: fixed;
	bottom: 50%;
	left: -40%;
	width: 48px;
	height: 148px;
	font-size: 18px;
	border-radius: 0 10px 10px 0;
	padding: 10px 10px 0;
}
#global .categoryNav__sp .closeBtn span::before {
	position: relative;
	bottom: 4px;
	content: url(../img/common/icon_close_white.svg);
}
#global .categoryNavCover {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9995;
	background: rgba(0,0,0,0.5);
}
#global .categoryNav__sp .ec-itemNav__nav li a {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 16px;
	height: auto;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	text-align: left;
	background-color: #161618;
	border-bottom: inherit;
}
.categoryNav__sp .ec-itemNav__nav li a:hover {
	background-color: #404040;
}
.categoryNav__sp .ec-headerCategoryArea__heading {
	background: #161618;
	color: #FFFFFF;
	text-align: left;
	padding: 17px 0;
	font-weight: 700;
	font-size: 20px;
	border-bottom: 1px solid #999999;
	margin: 0 16px;
}
#global .categoryNav__sp ul.ec-itemNav__nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#global .ec-itemNav__nav li {
	width: 90%;
	display: list-item;
	margin-left: 0%;
}
.categoryNav__sp::before {
	content: url(../../assets/img/top/img_line_vertical_sp.png);
	position: absolute;
	left: 99%;
}
.categoryNav__sp::-webkit-scrollbar{
	display: none;
  }
  #global .ec-itemNav__nav ul {
	display: flex;
	flex-direction: column;
  }
  #global .categoryNav__sp .ec-itemNav__nav li > ul li a {
	/* visibility: hidden; */
	position: relative;
    left: 240px;
    width: 50%;
    bottom: 41px;
    background-color: #FFFFFF;
    color: #161618;
  }
  .item-single {
	  transform: translate3d(0px, 0px, 0px) !important;
  }

/*
=======================================================
 スライダー
=======================================================
*/
/*** 送りボタン ***/
  .slick-dots li.slick-active button:before {
  	opacity: .75;
  	background-color: black;
  }
  .slick-arrow{
  	position: absolute;
  	top: 50%;
  	margin-top: -16px;
  	width: 20px;
  	height: 33px;
  	opacity:0.7;
  	z-index:10;
  }
  .prev-arrow{
  	left: 5px;
  }
  .next-arrow{
	right: 5px;
  }

  .slick-dots {
	width: 100%;
	text-align: center;
	margin: 0 auto;
    }
  .slick-dots li {
  	position: relative;
  	display: inline-block;
  	width: 14px;
  	height: 22px;
  	margin: 0px 3px;
  	padding: 0;
  	cursor: pointer;
  }
  .slick-dots li button {
  	font-size: 0;
  	line-height: 0;
  	display: block;
  	width: 20px;
  	height: 20px;
  	padding: 5px;
  	cursor: pointer;
  	color: transparent;
  	border: 0;
  	outline: none;
  	background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus {
  	outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
  	opacity: 1;
  }
  .slick-dots li button:before {
  	content: " ";
  	line-height: 20px;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 12px;
  	height: 12px;
  	text-align: center;
  	opacity: .25;
  	background-color: black;
  	border-radius: 50%;
  
  }
  .slick-dots li.slick-active button:before {
  	opacity: .75;
  	background-color: black;
  }
  .slick-dots li button.thumbnail img {
  	width: 0;
  	height: 0;
  }
/*
=======================================================
 ブロマイドご購入に関するお知らせ
=======================================================
*/
  .ec-bromideRole {
	margin-top: 20px;
  }
  .ec-bromideRole a img {
	width: 100%;
  }
	.categoryNav__sp .ec-bromideRole {
		width: 70%;
		max-width: 300px;
		margin: 20px auto 50px;
	}