/* カスタマイズ用CSS */
.ec-cartNavi {
	display: flex;
	justify-content: space-between;
	border-radius: 99999px;
	box-sizing: border-box;
	padding: 12px 17px 10px;
	width: auto;
	min-width: 140px;
	height: 44px;
	white-space: nowrap;
	cursor: pointer;
	background: #f8f8f8;
}

.ec-layoutRole__mainTop > .ec-headerSearch {
    max-width: 420px;
	width: 100%;
    padding: 30px 20px;
}

  @media screen and (max-width: 767px) {
	.ec-layoutRole__mainTop > .ec-headerSearch {
		max-width: 420px;
		padding: 30px 0;
		margin: auto;
	}
	.ec-headerNav {
	  text-align: center;
	  width: 100%;
	}
	.ec-headerNav .ec-headerNav__item {
	  width: 30%;
	}
	.ec-headerNav .ec-headerNav__itemIcon {
	  margin: 0;
	}
	.ec-headerNav .ec-headerNav__itemLink {
	  display: inline;
	}
	.hd-nav {
	  width: 100%;
	}
	.ec-headerNav .ec-headerNav__itemLink {
	  font-size: 11px;
	}
	.ec-cartNavi .ec-cartNavi__price {
	  display: block;
	}
  }
  .ec-blockTopBtn.pagetop {
	display: none !important;
  }

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

  .ec-newsRole {
	padding: 0;
  }

  .ec-sliderRole {
	display: none;
  }

  .ec-productRole {
	margin-top: 3rem;
  }
  .ec-pageHeader h1 {
	margin-top: 2rem;
  }

  .ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn i {
	transform: rotate(180deg);
  }

  .ec-itemNav__nav {
	margin-top: 30px;
  }
  .ec-itemNav__nav li {
	display: block;
	width: 100%;
  }
  .ec-itemNav__nav li a {
	text-align: left;
  }

	.ec-categoryNaviRole {
		margin: 30px 0 0;
	}

  .ecCateTit {
	  font-size: 20px;
	  margin-top: 30px;
	  font-weight: bold;
	  padding: .6em;
  }

  .ecCateTit + .ec-itemNav__nav {
	  margin-top: 0;
  }

  /* common */
  .alignL {
	text-align: left !important;
  }
  .alignC {
	text-align: center !important;
  }
  .alignR {
	text-align: right !important;
  }

  .m0a {
	margin: 0 auto;
  }
  .mt1rem {
	margin-top: 1rem !important;
  }
  .mt2rem {
	margin-top: 2rem !important;
  }
  .mt3rem {
	margin-top: 3rem !important;
  }
  .mt5rem {
	margin-top: 5rem !important;
  }
  .mt0 {
	margin-top: 0 !important;
  }
  .mb0 {
	margin-bottom: 0 !important;
  }

  .w_10 {
	width: 8% !important;
  }
  .w_20 {
	width: 18% !important;
  }
  .w_20 img {
	width: 100% !important;
  }
  .w_25 {
	width: 23% !important;
  }
  .w_30 {
	width: 28% !important;
  }
  .w_30 img {
	width: 100% !important;
  }
  .w_40 {
	width: 38% !important;
  }
  .w_50 {
	width: 48% !important;
  }
  .w_50 img {
	width: 100% !important;
  }
  .w_60 {
	width: 58% !important;
  }
  .w_70 {
	width: 68% !important;
  }
  .w_80 {
	width: 78% !important;
  }
  .w_100 {
	width: 100% !important;
  }

  .p15 {
	padding: 15px;
  }
  .p25 {
	padding: 25px;
  }

  @media screen and (max-width: 767px) {
	.s_mt1rem {
	  margin-top: 1rem !important;
	}
	.s_mt2rem {
	  margin-top: 2rem !important;
	}
	.s_mt3rem {
	  margin-top: 3rem !important;
	}
	.s_mt5rem {
	  margin-top: 5rem !important;
	}

	.s_w100 {
	  width: 100% !important;
	}
	.s_w50 {
	  width: 48% !important;
	}
  }

  /* flex */
  .flex {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  }

  .flexno {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  }

  .flex-st {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
  }

  .flex-end {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
  }

  .flexno-st {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
  }

  .flex--center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;

	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .flex--center--end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;

	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .flex--cen--cen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .flex--around--cen {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .flex--around {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
  }

  .flex-direction01 {
	flex-direction: row-reverse;
  }
  .flex-direction02-column {
	flex-direction: column;
  }

  .flex-stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
  }

  .ec-shelfGrid .ec-shelfGrid__item-image {
	height: 150px;
  }

  @media screen and (max-width: 767px) {
	.ec-shelfGrid .ec-shelfGrid__item-image {
	  height: 130px;
	}
	.ec-select select {
	  width: 100%;
	}
  }

  .ec-zipInputHelp__icon {
	display: none !important;
  }

  .ec-itemNav__nav li ul {
	left: 250px;
	top: 0;
  }

  .ec-role {
	color: #000 !important;
  }

  .ec-headerRole__navSP {
	z-index: 99;
  }
  .ec-headerNavSP,
  .ec-drawerRoleClose.is_active {
	left: auto;
	right: 0px;
	top: 280px;
  }

  .fa-bars:before {
	content: "\f142";
  }

  @media screen and (max-width: 1040px) {
	.ec-shelfGrid .ec-shelfGrid__item {
	  width: 50%;
	}
  }