.ec-layoutRole .ec-layoutRole__contents {
	max-width: 100%;
}

.ec-sliderRole {
	padding: 0 !important;
	max-width: 100% !important;
}

.ec-categoryRole {
	padding: 2rem 0;
	background: #fff;
}
.ec-headerNavSP{
    top: 5px;
}

.ec-categoryRole .ec-categoryRole__list {
	flex-wrap:wrap !important;
}

.ec-categoryRole .ec-categoryRole__listItem {
	width: calc(100% / 5.2) !important;
}

.ec-categoryRole__listItem {
	opacity: .3;
	transform: scale(1);
	transition: all .5s;
	z-index: 0;
}

.ec-categoryRole__listItem:hover {
	opacity: 1;
	transform: scale(1.15);
	z-index: 1;
}

.ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
	margin: .3rem;
}

.ec-categoryRole .ec-categoryRole__listItem:last-child {
	margin: .3rem;
}

.ec-categoryRole .ec-categoryRole__listItem h4 {
	font-size: .8rem;
	font-weight: bold;
	text-align: center;
	margin: .5rem 0;
	padding:0 0 .5rem 0;
	color: #333;
}

.ec-role {
	max-width: 90%;
}

.ec-eyecatchRole .ec-eyecatchRole__intro {
	width: 100%;
	padding: 0 3% 0 0;
}

.ec-eyecatchRole .ec-eyecatchRole__image {
	width: 70%;
}

.ec-shelfRole{
	width: 90%;
	max-width: 100%;
}

.ec-headerNaviRole {
	width: 100%;
	max-width: 100%;
	padding: .5%;
}

.ec-headerRole {
	padding: 0;
}

.ec-headerTitle .ec-headerTitle__title a {
	margin: 0;
}

.ec-blockBtn--top {
	border-radius: .4rem;
	transition: all .5s;
	transform: scale(1);
	background-color: #000;
	border:none;
}

.ec-blockBtn--top:hover {
	background-color: #25304e;
	transform: scale(1.1);
}

.ec-headerNaviRole__bottom {
	margin: 0 0 0 2%;
}

.ec-shelfGrid .ec-shelfGrid__item {
	width: calc(100% / 5);
	transition: all .5s;
}

.ec-shelfGrid .ec-shelfGrid__item:hover {
	opacity: 1;
}

.ec-shelfGrid__item .item_name {
	margin: .5rem 0;
	color: #25304e;
	font-size: 80%;
}

.ec-shelfGrid__item .item_price {
	color: #df5d5d;
	font-size: 110%;
}

.ec-shelfGrid__item img {
	margin: 0 0 .5rem 0;
}

.ec-shelfGrid__item p {
	font-size: .8rem;
}

.ec-productRole {
	max-width: 100%;
	width: 90%;
	padding: 0;
}

.ec-searchnavRole {
	max-width: 100%;
	width: 90%;
}

.ec-searchnavRole .ec-searchnavRole__infos {
	max-width: 100%;
	width: 100%;
}

.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn button {
	border-radius: .4rem;
	background: linear-gradient(to top, #333 0%, #1e2a58 100%);
    transition: all 0.5s ease-in-out;
	border: none;
	color: #fff !important;
}

.ec-blockBtn--action {
	color: #df5d5d;
	background-color: #eee;
	border: none;
	transition: all .5s;
}

.ec-blockBtn--cancel {
	color: #1e2a58;
	background-color: #eee;
	border: none;
	transition: all .5s;
}

.ec-productRole__btn button {
	border-radius: .4rem;
	border: none;
}

.ec-productRole .ec-productRole__title .ec-headingTitle {
	font-size: 1.4rem;
}

.ec-productRole .ec-productRole__category a {
	font-weight: normal;
	color: #1e2a58;
}

/* カスタマイズ用CSS */
.ec-layoutRole__main h1 {
	width: 85%;
	margin: 0 auto 1rem auto;
	font-weight: bold;
	font-size: 1.6rem;
}

tbody {
	overflow: hidden;
	width: 100%;
}

TABLE.tokuteisyou {
	width: 85%;
	margin: 0 auto 1rem auto;
	BORDER-RIGHT: #e3e3e3 1px solid;
	BORDER-TOP: #e3e3e3 1px solid;
	MARGIN-LEFT: auto;
	BORDER-LEFT: #e3e3e3 1px solid;
	MARGIN-RIGHT: auto;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0;
	display:flex;
	overflow: hidden;
}

TABLE.tokuteisyou h1 {
	width: 85%;
	margin: 0 auto;
}

TABLE.tokuteisyou img {
	border: 1px solid #BBBBBB;
}

TABLE.tokuteisyou tr {
	WIDTH: 100%;
	display: flex;
}

TABLE.tokuteisyou TH {
	BORDER-RIGHT: #e3e3e3 0px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #e3e3e3 0px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	BACKGROUND: #f5f5f5;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #e3e3e3 1px solid;
	WIDTH: 20%;
	LINE-HEIGHT: 120%;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	WHITE-SPACE: nowrap;
	TEXT-ALIGN: center;
}
TABLE.tokuteisyou TD {
	BORDER-RIGHT: #e3e3e3 0px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #e3e3e3 0px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: medium;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #e3e3e3 1px solid;
	WIDTH: 80%;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	WHITE-SPACE: nowrap;
	TEXT-ALIGN: left;
}

TABLE.tokuteisyou TD p {
	width: 100%;
}

TABLE.logo {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	WIDTH: 386px;
	BORDER-BOTTOM: 0px;
	border-spacing: 0
}
TABLE.logo TH {
	BORDER-RIGHT: medium none;
	PADDING-RIGHT: 5px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 5px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: medium none;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: medium none;
	TEXT-ALIGN: left
}
TABLE.logo TD {
	BORDER-RIGHT: medium none;
	PADDING-RIGHT: 5px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 5px;
	FONT-SIZE: x-small;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: medium none;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: medium none;
	TEXT-ALIGN: left
}

caption{
	font-weight:bold;
	text-align:left;
}
dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0; }

ol, ul {
  list-style: none; }
.style1 {color: #FF0000}

.sampleLogo {
margin-bottom: 30px;
}
.sampleLogo > dt {
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
margin-bottom: 10px;
}

ul.sampleLogoBox {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
ul.sampleLogoBox > li {
text-align: center;
margin: 0 20px 30px 0;
}
ul.sampleLogoBox p {
	font-size: 9px;
}


/* 諸修正対応 */
.ec-shelfGrid .ec-shelfGrid__item,
.ec-categoryRole__listItem{
  opacity: 1;
}
TABLE.tokuteisyou TH,
TABLE.tokuteisyou TD{
    white-space: wrap;
}
.ec-headerTitle img{
    max-width: 200px;
}

/*画像をホバーしたらopacityを0.5にする*/
.ec-shelfGrid__item-image img:hover {
    opacity: .5;
}

/*画像サイズを揃える*/
.ec-shelfGrid__item-image {
    width: 100%;
    height: 250px;
}
.ec-shelfGrid__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 商品一覧表示リサイズ */
@media screen and (max-width: 767px){
    .ec-headerTitle img{
        max-width: 100px;
        margin-left: 50px;
    }
}
@media screen and (min-width: 1201px){
    .ec-shelfGrid .ec-shelfGrid__item{
        width:calc(100% / 4);
    }
    .ec-shelfGrid .ec-shelfGrid__item:not(:nth-child(4n)){
        padding-right:16px;
    }
}
@media screen and (min-width: 601px) and (max-width: 1200px){
    .ec-shelfGrid .ec-shelfGrid__item{
        width:calc(100% / 3);
    }
    .ec-shelfGrid .ec-shelfGrid__item:not(:nth-child(3n)){
        padding-right:16px;
    }
}
@media screen and (min-width: 391px) and (max-width: 600px){
    .ec-shelfGrid .ec-shelfGrid__item{
        width:calc(100% / 2);
    }
    .ec-shelfGrid .ec-shelfGrid__item:not(:nth-child(2n)){
        padding-right:16px;
    }
}
@media screen and (max-width: 390px){
    .ec-shelfGrid .ec-shelfGrid__item{
        width:calc(100% / 1);
    }
    /*画像サイズを揃える*/
    .ec-shelfGrid__item-image {
        width: 100%;
        height: 100px;
    }
    .ec-shelfGrid__item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


/* カテゴリー選択 */
.ec-select a.categorySelect{
    display: inline-block;
    margin-bottom: 5px;
    padding: 12px;
    border-radius: .4rem;
    background: linear-gradient(to top, #333 0%, #1e2a58 100%);
    transition: all 0.5s ease-in-out;
    border: none;
    color: #fff !important;
    font-size: 0.9em;
}
@media screen and (max-width: 600px){
    .ec-searchnavRole{
        width: 95%;
    }
}

/* 商品一覧再度ナビ（パソコン版用）*/
@media screen and (min-width: 768px){
    
    #page_product_list .ec-layoutRole .ec-layoutRole__contents{
        max-width: 1400px;
        padding-left: 20px;
        padding-right: 20px;
    }
    body:not(#page_product_list) aside.ec-layoutRole__left{
        display: none;
    }
    .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__left{
        width: 15%;
        min-width: 150px;
    }
    .ec-layoutRole .ec-layoutRole__contents .ec-layoutRole__mainWithColumn{
        width: 85%;
        margin: 0 auto;
    }
    
    .ec-categoryNaviRole{
        padding-left: 0;
        padding-left: 0;
    }
    .ec-layoutRole__left p.naviTitle{
        margin-top: 27px;
        padding-bottom: 9px;
        border-bottom: 1px solid #ccc;
        font-size: 1.25em;
        font-weight: bold;
    }
    .ec-itemNav__nav{
        display: block;
    }
    .ec-itemNav__nav > li{
        width: 100%;
        border-bottom: 1px solid #eee;
    }
    .ec-itemNav__nav li.on a{
        background-color: #f9f9f9;
        color: #296292;
        font-weight: bold;
    }
    .ec-itemNav__nav li.sub a{
        padding-left: 20px;
        font-size: 0.8em;
    }
    .ec-itemNav__nav li a{
        padding: 10px;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }
    .ec-itemNav__nav li ul{
        display: none;
    }
    .ec-itemNav__nav li ul li a{
        padding: 10px 14px 8px 12px;
        font-size: 12px;
        background-color: #666
    }
    
    .ec-searchnavRole,
    .ec-shelfRole{
        width: 95%;
    }
    
    .ec-select a.categorySelect{
        display: none;
    }
    
}

/* Slick ピンチイン/アウト対応 */
.slick-slider{
    -ms-touch-action: auto;
        touch-action: auto;
}