@charset "UTF-8";

body
{
	padding-top: 80px;
	background-color: transparent;
	margin: 0px;
	padding-bottom: 0px;
	color: #444;
}

.ec-shelfRole
{
	width: auto;
	padding-right: 0px;
	padding-left: 0px;
}

body,
.ec-layoutRole
{
	font-family: 'EB Garamond',Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 160%;
}

a:hover img 
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	transition-duration: 0.6s;
}


.ec-pageHeader h1
{
	font-family: 'Noto Serif JP',"Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	font-size: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	padding-left: 20px;
	margin-bottom: 1em !important;
}

.ec-layoutRole__mainBetweenColumn h2
{
	font-family: 'Noto Serif JP',"Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	font-size: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 20px;
}



.ec-topicpath
{
}



.ec-topicpath__item
{
	position: relative;
	padding-right: 30px;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

.ec-topicpath__item::before
{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 0px;
	right: 10px;
	left: auto;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
	height: 16px;
}

.ec-topicpath__item a:hover
{
	color: #F00;
}

.ec-topicpath__item--active
{
	text-align: justify !important;
	font-size: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 10px;
	display: block !important;
	color: #333;
	margin-top: 20px;
}

.ec-searchnavRole__infos
{
	color: #333 !important;
}





.ec-layoutRole__mainBetweenColumn .table_box table
{
	width: 100%;
	margin-bottom: 1em;

}

.ec-layoutRole__mainBetweenColumn .table_box th
{
	display: block;
	padding-top: 1em;
}

.ec-layoutRole__mainBetweenColumn .table_box td
{
	display: block;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
}

.ec-pager__item--active
{
	background-color: #000 !important;
}




.ec-layoutRole  .ec-layoutRole__mainBetweenColumn
{
	display: block;
	float: none;
}



.ec-headerNav
{
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 10;
	padding-top: 4px;
	padding-bottom: 4px;

	padding-top: 2px !important;
	z-index: 9999999999 !important;
	background-color: #777;
}

.ec-headerNav .nav_box
{
	padding-bottom: 14px;
}


.ec-cartNaviIsset
{
	border: 1px solid #999;
	font-size: 14px;
	color: #333;
	text-align: justify;
}

.ec-cartNaviIsset__cartContent
{
}

.ec-cartNavi
{
	color: #444;
}

.nav_box
{
	color: #fff;
	display: inline-block;
}

.ec-layoutRole .ec-layoutRole__contents
{
	padding-top: 20px;
	clear: both;
	display: block;
}


.ec-headerNav__itemLink,
.ec-headerNav__itemIcon
{
	color: #fff !important;
}

.ec-headerNav__item a:hover
{
	text-decoration: none;
}

.ec-layoutRole .ec-layoutRole__mainBetweenColumn
{
	width: 100% !important;
}

.ec-drawerRole
{
	padding-top: 50px;
}


.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search,
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item
{
	background-color: #777;
}

.ec-drawerRole,
.ec-drawerRole .ec-headerLinkArea,
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search
{
}

.ec-shelfGrid__item
{
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.ec-shelfGrid__item a
{
	color: #333;
}

.ec-shelfGrid .ec-shelfGrid__item-image
{
    height: auto;
}


ec-shelfGrid__item p
{
	font-size: 14px;
	line-height: 140%;
}

.price02-default
{
	font-size: 21px;
	color: #333 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ec-price__price,
.ec-price__tax
{
	color: #333 !important;
}


.detail_btn
{
	padding-top: 10px;
}

.detail_btn a
{
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #999;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #000;
}

.detail_btn a:hover
{
	background-color: #FF0000;
}

.ec-blockBtn--action
{
	background-color: #ccc;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	padding: 4px;
}


.ec-productRole
{
	padding-right: 0px;
	padding-left: 0px;
}


.ec-productRole__title h2
{
}

.ec-blockBtn--action
{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.add-cart
{
	color: #fff !important;
	background-color: #b3210f !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 100%;
}

.add-cart:before
{
	font-family: "Font Awesome 5 Free";
	content: '\f07a';
	font-weight: 900;
}

.add-cart:hover
{
	background-color: #F27140 !important;
}


.favorite
{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 21px;
	line-height: 100%;
	background-color: #6abd8f;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}


.favorite:before
{
	font-family: "Font Awesome 5 Free";
	content: '\f005';
	font-weight: 900;
}


.favorite:hover
{
	background-color: #7DC69E;
}


.ec-productRole__tags 
{
    margin-top: 16px;
    padding: 0;
    padding-bottom: 16px;
	margin-bottom: 16px;
    border-bottom: 1px dotted #ccc; 
}

.ec-productRole__tag 
{
    display: inline-block;
    padding: 2px 5px;
    list-style: none;
    font-size: 80%;
    color: #999;
    border: solid 1px #D7DADD;
    border-radius: 3px;
    background-color: #F5F7F8; 
}


.ec-productRole .ec-productRole__code,
.ec-productRole .ec-productRole__category,
.ec-productRole .ec-numberInput
{
}

.ec-borderedDefs,
ec-borderedDefs p,
.ec-para-normal,
.ec-label,
.ec-welcomeMsg
{
}


.ec-registerCompleteRole
{
	padding-bottom: 30px;
}

.ec-navlistRole .ec-navlistRole__item a 
{
	color: #999;
}

.ec-navlistRole .ec-navlistRole__item a:hover
{
	color: #000;
}

.active a
{
	color: #F00 !important;
}



@media (min-width: 768px)
{
.ec-layoutRole__mainBetweenColumn
{
}

.ec-headerNav
{
	padding-bottom: 4px;
}

.ec-headerNav .nav_box
{
	padding-bottom: 0px;
}


.ec-layoutRole__mainBetweenColumn
{
	width: 720px !important;
}


.ec-layoutRole .ec-layoutRole__contents 
{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	display: flex;
	flex-wrap: nowrap;
	padding-right: 2%;
	padding-left: 2%;
}


.ec-layoutRole .ec-layoutRole__mainWithColumn
{
	width: 900px;
}

.ec-layoutRole .ec-layoutRole__mainWithColumn .body
{
	padding-left: 50px;
	width: auto;
}


.ec-layoutRole .ec-layoutRole__left,
.ec-layoutRole .ec-layoutRole__right
{
	display: block;
	width: 300px;
}


.ec-layoutRole .ec-layoutRole__contents
{
}


body
{
	padding-top: 30px;
}


}

@media only screen and (min-width: 768px) and (min-width: 768px)
{



}

@media (min-width: 1200px)
{

.ec-headerNav
{
	padding-bottom: 4px;
}

.ec-headerNav .nav_box
{
	padding-bottom: 0px;
}


.ec-layoutRole__mainBetweenColumn
{
	width: 720px !important;
}


.ec-layoutRole .ec-layoutRole__contents 
{
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}


.ec-layoutRole .ec-layoutRole__mainWithColumn
{
	width: 900px;
}

.ec-layoutRole .ec-layoutRole__mainWithColumn .body
{
	padding-left: 50px;
	width: auto;
}


.ec-layoutRole .ec-layoutRole__left,
.ec-layoutRole .ec-layoutRole__right
{
	display: block;
	width: 300px;
}


.ec-layoutRole .ec-layoutRole__contents
{
}


body
{
	padding-top: 30px;
}


}