@charset "UTF-8";
body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

input:focus,
button:focus {
  outline: none;
}

/* --------------------------------
  特集
-------------------------------- */
.ec-banner {
  height: 310px;
  position: relative;
  margin-bottom: 30px;
}

.ec-banner-full {
  position: absolute;
  left: calc(-50vw + 610px);
  right: calc(-50vw + 610px);
  top: 0;
  bottom: 0;
  height: 100%;
}

.ec-banner .owl-carousel {
  visibility: hidden;
}
.ec-banner .owl-carousel.owl-loaded {
  visibility: visible;
}

.ec-banner .owl-carousel .owl-item img {
  opacity: 0.5;
  width: 100%;
  max-width: 100%;
}

.ec-banner .owl-carousel .owl-item.center img {
  opacity: 1;
}

.ec-banner .owl-carousel .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 42%;
  width: 920px;
  margin: 0 auto;
  transform: translateY(-50%);
}

.ec-banner .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 40%;
  transform: translateX(-50%);
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 23%;
}

.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.ec-banner .owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
  outline: none;
}

.ec-banner .owl-carousel .owl-nav .owl-prev {
  background: url(../img/common/home/arrow-left.svg) no-repeat 0 0;
  left: -2.4%;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: -9999px;
}

.ec-banner .owl-carousel .owl-nav .owl-prev:hover {
  background: url(../img/common/home/arrow-left_hover.svg) no-repeat 0 0;
}

.ec-banner .owl-carousel .owl-nav .owl-next {
  background: url(../img/common/home/arrow-right.svg) no-repeat 0 0;
  right: -6%;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: -9999px;
}

.ec-banner .owl-carousel .owl-nav .owl-next:hover {
  background: url(../img/common/home/arrow-right_hover.svg) no-repeat 0 0;
}

/* --------------------------------
  フッター
-------------------------------- */
.ec-footer-top .ec-footerNavi__link a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -9px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right.svg) no-repeat 0 0;
  width: 6px;
  height: 12px;
}

.ec-footer-bottom .ecFooterNaviLink02 a {
  position: relative;
}

.ec-footer-bottom .ecFooterNaviLink02 a::after {
  position: absolute;
  top: 3px;
  bottom: 0;
  right: -8px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right-white.svg) no-repeat 0 0;
  width: 6px;
  height: 11px;
}

/* --------------------------------
  notification
-------------------------------- */
.ec-nofi {
  width: 100%;
  margin-bottom: 20px;
}

.ec-nofi ul {
  list-style: none;
  padding: 0 10px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.ec-nofi ul li {
  list-style: none;
  border-bottom: 2px solid #e0e0e0;
  padding: 10px 0;
  position: relative;
}

/*tuan anh*/
.ec-nofi ul li:hover {
  opacity: 0.6;
  cursor: pointer;
}

/**/
.ec-nofi ul li:hover .cate {
  opacity: 0.6;
}

.ec-nofi ul li a {
  text-decoration: none;
  color: #b12704;
  font-size: 14px;
  vertical-align: middle;
  /*display: inline-block;*/
}

.ec-nofi ul a:hover {
  text-decoration: underline;
  color: #b12704;
}

.ec-nofi ul li::after {
  content: "";
  background: url(/html/user_data/assets/img/common/arrow-right02.svg) no-repeat 0 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
}

.ec-nofi ul li:last-child {
  border-bottom: none;
}

.ec-nofi ul li .cate {
  background-color: #b12704;
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  padding: 3px 0;
}

/* --------------------------------
  sidebar
-------------------------------- */
.ec-sidebar ul.ads {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}

.ec-sidebar ul.ads li {
  list-style: none;
  margin-bottom: 10px;
  overflow: hidden;
}

.ec-sidebar ul.ads li:last-child {
  margin-bottom: 0;
}

.ec-sidebar ul.ads li img {
  width: 100%;
  height: 100%;
}

.ec-sidebar ul.ads li a:hover {
  opacity: 0.6;
}

/* --------------------------------
  mainContent
-------------------------------- */
.ec-mainContent .block_content {
  margin-bottom: 50px;
  overflow: hidden;
}

.ec-mainContent .block_content h2 {
  border-top: 2px solid #e0e0e0;
  padding-top: 10px;
  font-size: 17px;
  margin-bottom: 15px;
  font-weight: bold;
  border-bottom: none;
  letter-spacing: 0.06em;
}

.ec-mainContent .block_content h1 {
  border-top: 2px solid #e0e0e0;
  padding-top: 10px;
  font-size: 17px;
  margin-bottom: 15px;
  margin-top: unset;
  font-weight: bold;
  border-bottom: none;
  letter-spacing: 0.06em;
}

/* tuan anh - feature list */
#page_feature_list h2.title,
.ec-mainContent .block_content div.title {
  background-color: #f0e8df;
  padding: 10px 20px;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  border-top: none;
}

#page_feature_list h2.title {
  line-height: 1.5;
  letter-spacing: 0;
}

/**/
/* tuan anh - product list*/
.title_feature_list {
  font-size: 22px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 10px;
  font-weight: bold;
}

.ec-mainContent .cate-searchlist {
  margin-bottom: 0;
}

.ec-mainContent .cate-searchlist h1 {
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  border-top: none;
  padding-top: 0;
}

.ec-mainContent .block_content .searchFlow ul {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
}

.ec-mainContent .block_content .searchFlow ul li {
  list-style: none;
  padding: 0;
  width: 19.2%;
  border: 1px solid #d8d8d8;
  height: 55px;
  margin-bottom: 11px;
  margin-right: 1%;
}

.ec-mainContent .block_content .searchFlow ul li:nth-of-type(5n) {
  margin-right: 0;
}

.ec-mainContent .block_content .searchFlow ul li a {
  display: flex;
  padding: 0 10px 0;
  position: relative;
  overflow: hidden;
  align-items: center;
  height: 53px;
}

.ec-mainContent .block_content .searchFlow ul li a:hover {
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
}

.ec-mainContent .block_content .searchFlow ul li span {
  font-size: 13px;
  color: #333;
  font-weight: 300;
  position: relative;
  width: 70%;
  line-height: 1.35;
}

.ec-mainContent .block_content .searchFlow ul li span.images {
  width: 55%;
  margin: 0 0 0 10px;
  position: relative;
  height: 75%;
  text-align: right;
}

.ec-mainContent .block_content .searchFlow ul li img {
  transition: all 0.3s ease;
  height: 100%;
}

.ec-mainContent .block_content .feature {
  display: flex;
  flex-wrap: wrap;
}

.ec-mainContent .block_content .feature dl {
  width: 32%;
  border: 1px solid #d8d8d8;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  margin-right: 2%;
  display: flex;
  flex-direction: column;
}

.ec-mainContent .block_content .feature dl:nth-of-type(3n) {
  margin-right: 0;
}

.ec-mainContent .block_content .feature dl dt a {
  display: block;
}

.ec-mainContent .block_content .feature dl dd {
  color: #333;
  padding: 12px 10px 10px;
  line-height: 20px;
  margin-bottom: 0;
}

.ec-mainContent .block_content .feature dl dd a {
  text-decoration: none;
  color: #333;
}

.ec-mainContent .block_content .feature dl dd a span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ec-mainContent .block_content .feature dl dd .text01 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 4px;
  letter-spacing: 0.04em;
}

.ec-mainContent .block_content .feature dl dd .text02 {
  font-size: 14px;
}

/* feature list */
.ec-mainContent .block_content .otherFeature dl a {
  text-decoration: none;
}

.ec-mainContent .block_content .otherFeature dl a dd {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

/**/
/* tuan anh - delivery*/
.ec-zipInputCustom select.p-region-id {
  width: 35%;
  background-color: #fff;
  border-radius: 5px;
}

/**/
.ec-mainContent .block_content .history {
  width: 100%;
  margin: 0 auto;
}

.ec-mainContent .block_content .history .text {
  font-size: 14px;
  color: #333;
  display: block;
}

.ec-mainContent .block_content .history a,
.yourRecommendedArea .infoItem-text {
  text-decoration: none;
  color: #333;
}

.ec-mainContent .block_content .history .item:hover .text {
  text-decoration: underline;
}

.ec-mainContent .block_content .history a:hover img {
  opacity: 0.8;
}

.ec-mainContent .block_content .history .price .text01 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.ec-mainContent .block_content .history .price .text02 {
  font-size: 14px;
  color: #b12704;
  font-weight: bold;
}

.ec-mainContent .block_content .history img {
  margin-bottom: 5px;
  object-fit: cover;
  z-index: 10;
  border: 1px solid #d8d8d8;
  width: 100%;
  height: auto;
}

.ec-mainContent .block_content .history .owl-carousel .owl-nav button.owl-prev span {
  text-indent: -9999px;
  background: url(../img/common/home/arrow-right2.svg) no-repeat 0 0;
  width: 40px;
  height: 40px;
  display: block;
  transform: rotate(180deg);
}

.ec-mainContent .block_content .history .owl-carousel .owl-nav button.owl-next span {
  text-indent: -9999px;
  background: url(../img/common/home/arrow-right2.svg) no-repeat 0 0;
  width: 40px;
  height: 40px;
  display: block;
}

.ec-mainContent .block_content .history .owl-carousel .owl-nav span {
  background: url(../img/common/home/arrow-right2_hover.svg) no-repeat 0 0;
}

.ec-mainContent .block_content .history .owl-carousel .owl-nav button.owl-prev:hover span {
  background: url(../img/common/home/arrow-right2_hover.svg) no-repeat 0 0;
}

.ec-mainContent .block_content ul.tab {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
  overflow: hidden;
  border-bottom: 0;
}

.ec-mainContent .block_content ul.tab li a {
  background-color: #f0e8df;
  color: #525252;
  font-size: 13px;
  padding: 12px 10px 10px;
  margin-right: 5px;
  display: block;
  border-radius: 0.3em;
  font-weight: bold;
  letter-spacing: 0.07em;
  line-height: 1em;
}

.ec-mainContent .block_content ul.tab li a:hover {
  text-decoration: none;
  background-color: #eaddcf;
  border: 1px solid #eaddcf;
}

.ec-mainContent .block_content ul.tab li a:focus {
  box-shadow: none;
  outline: none;
}

.ec-mainContent .block_content ul.tab li a.active {
  background-color: #6a6a6a;
  color: #fff;
}

.ec-mainContent .block_content .ec-ranking {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.ec-mainContent .block_content .ec-ranking dl {
  position: relative;
  width: 18%;
  margin-right: 2.5%;
}

.ec-mainContent .block_content .ec-ranking dl:nth-child(-n+5) {
  margin-bottom: 35px;
}

.ec-mainContent .block_content .ec-ranking dl:nth-child(n+6) {
  margin-bottom: 20px;
}

.ec-mainContent .block_content .ec-ranking dl:nth-child(5n) {
  margin-right: 0;
}

.ec-mainContent .block_content .ec-ranking dl:last-child {
  margin-right: 0;
}

.ec-mainContent .block_content .ec-ranking dl dd {
  font-size: 14px;
}

.ec-mainContent .block_content .ec-ranking dl dd a:hover {
  text-decoration: none;
}

.ec-mainContent .block_content .ec-ranking dl dd .text {
  font-size: 14px;
  color: #333;
  /*height:45px;*/
  display: block;
}

.ec-mainContent .block_content .ec-ranking dl:hover .text {
  text-decoration: underline;
}

.ec-mainContent .block_content .ec-ranking dl:hover img {
  opacity: 0.6;
}

.ec-account {
  display: none;
}

.ec-mainContent .block_content .ec-ranking dl dd .icon {
  font-size: 11px;
  color: #fff;
  background: url(../img/common/home/icon-queen.svg) no-repeat 0 0;
  background-size: 34px;
  width: 34px;
  height: 29px;
  position: absolute;
  left: 0;
  top: -20px;
  text-align: center;
  padding-top: 12px;
  font-weight: bold;
  z-index: 10;
}

.ec-mainContent .block_content .ec-ranking dl dd .price .text01 {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.ec-mainContent .block_content .ec-ranking dl dd .price .text02 {
  font-size: 14px;
  color: #b12704;
  font-weight: bold;
}

.ec-mainContent .block_content .viewmore,
.yourRecommendedArea .viewmore,
.recommendedProductgenresAera .viewmore {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

.ec-mainContent .block_content .viewmore a,
.yourRecommendedArea .viewmore a,
.recommendedProductgenresAera .viewmore a {
  color: #333;
}

.ec-mainContent .block_content .viewmore a:hover,
.ec-guideOrderContent .ec-guide-box a:hover,
.yourRecommendedArea .viewmore a:hover,
.recommendedProductgenresAera .viewmore a:hover {
  color: #00b0ec;
}

.ec-mainContent .block_content .otherFeature {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.ec-mainContent .block_content .otherFeature dl {
  width: 23.2%;
  background-color: #f5f5f5;
  border: 1px solid #d8d8d8;
  margin-right: 2.3%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ec-mainContent .block_content .otherFeature dl:hover {
  opacity: 0.6;
}

.ec-mainContent .block_content .otherFeature dl:nth-of-type(4n) {
  margin-right: 0;
}

.ec-mainContent .block_content .otherFeature dl dt a {
  /* height: calc(100vw - 89vw); */
  display: block;
}

.ec-mainContent .block_content .otherFeature dl dd {
  padding: 10px 10px 6px;
  font-size: 14px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ec-mainContent .block_content .otherFeature dl dd a {
  color: #333;
}

.ec-mainContent .block_content .otherFeature dl dd a:hover {
  text-decoration: none;
}

.ec-mainContent .block_content ul.tab li {
  list-style: none;
  padding: 0;
  float: left;
  margin-bottom: 10px;
}

.ec-mainContent .block_content .ec-ranking dl dt {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.ec-mainContent .block_content .ec-ranking dl dt::before {
  content: "";
  display: block;
}

.ec-mainContent .block_content .ec-ranking dl dt img {
  width: 100%;
  height: 100%;
  border: 1px solid #d8d8d8;
}

.ec-mainContent .block_content .otherFeature dl img {
  width: 100%;
  /* height: 100%; */
  /* object-fit: cover; */
}

.ec-mainContent .block_content .feature dl img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.ec-mainContent .block_content .feature dl:hover {
  opacity: 0.6;
}

/* --------------------------------
  modal
-------------------------------- */
.modal-body .ec-role {
  width: auto;
}

.modal-body .ec-ForgotAndContact div {
  padding-left: 0;
}

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.form-check-label {
  font-size: 14px;
}

.ec-login .ec-login__actions {
  margin-bottom: 0;
}

.ec-login .ec-login__actions button:hover,
.ec-login .ec-login__actions a:hover {
  color: #fff;
  opacity: 0.7;
}

#modalFirstIntoSiteLogin .modal-content {
  height: auto;
}

#modalFirstIntoSiteLogin .modal-header {
  border-bottom: none;
}

#modalFirstIntoSiteLogin .modal-body {
  padding: 0 76px 7px 76px;
}

#modalFirstIntoSiteLogin .email_title {
  margin-bottom: 23px;
}

#modalFirstIntoSiteLogin .ec-login .ec-login__actions a {
  margin-top: 0;
}

#modalFirstIntoSiteLogin .ec-login-right div.ec-input span {
  width: 65px;
}

#modalFirstIntoSiteLogin .ec-login-right {
  padding: 30px 30px;
}

#modalFirstIntoSiteLogin .ec-login-left {
  padding: 30px 20px;
}

.material-icons {
  font-size: 14px;
  margin-right: 3px;
}

.ec-layoutRole .ec-layoutRole__main {
  max-width: 960px;
  min-width: 700px;
  margin: 0 auto;
}

.ec-off1Grid__cell .text01 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

.ec-mypageRoleCustomer .ec-borderedDefs label {
  margin-bottom: 0;
  margin-right: 30px;
  font-size: 14px;
}

.ec-borderedDefs dt {
  padding-top: 0;
}

.ec-borderedDefs dt label {
  margin-right: 0 !important;
}

.business_status_flg_content .text {
  font-size: 14px;
}

.ec-borderedDefs dt {
  width: 32%;
}

.ec-zipInputHelp a {
  color: #333;
  font-size: 14px;
}

.ec-zipInputHelp span {
  color: #333;
  margin-left: 0;
}

.ec-select {
  margin-bottom: 12px;
}

.ec-borderedDefs.businessStatusFlg .line {
  vertical-align: middle;
  display: inline-block;
  line-height: 2.5;
}

.ec-borderedDefs.businessStatusFlg dl dd .ec-input {
  max-width: none;
}

.ec-forgotRole {
  max-width: 960px;
  min-width: 780px;
  padding-left: 0;
  padding-right: 0;
}

.ec-mypageRoleCustomer .ec-borderedDefs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ec-mypageRoleCustomer .ec-borderedDefs ul li {
  list-style: none;
  border-bottom: 1px solid #ccc;
}

.ec-mypageRoleCustomer .ec-borderedDefs ul li:last-child {
  border-bottom: none;
}

.ec-zipInputCustom > div {
  margin-bottom: 10px;
}

.ec-forgotRole .ec-borderedDefs ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.ec-forgotRole .ec-borderedDefs ul li {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd !important;
}

.ec-forgotRole .ec-borderedDefs ul li:last-child {
  border-bottom: none !important;
}

.ec-borderedDefs dl {
  border-bottom: none;
  clear: both;
}

/* --------------------------------
  カルーセル
-------------------------------- */
/* add moi 10/3 */
.slide-banner .owl-stage-outer {
  height: 310px;
}

.slide-banner .owl-item {
  width: 960px;
}

.slide-banner .owl-item .item {
  height: 310px;
}

.slide-banner .owl-item img {
  height: 100%;
}

.slide-banner .owl-item a:hover img {
  opacity: 0.6 !important;
}

.slide-banner .owl-dots {
  position: absolute;
  left: 0;
  margin: 0 auto;
  bottom: 10px;
  right: 10px;
  width: 920px;
  text-align: right;
}

.slide-banner .owl-dots .owl-dot span {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  display: inline-block;
  margin: 0 5px;
}

.slide-banner .owl-dots .owl-dot span:hover {
  border: 2px solid #00b0ec;
  background-color: #00b0ec;
}

.slide-banner .owl-dots .owl-dot.active span {
  background-color: #fff;
}

.slide-banner .owl-dots .owl-dot.active span:hover {
  border: 2px solid #fff;
}

/* --------------------------------
  お知らせ一覧
-------------------------------- */
/* page: list post */
.ec-mainContent #header_list_post .row .title {
  padding-left: 0;
}

.ec-mainContent #header_list_post span {
  font-size: 22px;
  font-weight: bold;
}

.ec-mainContent #list_post .post {
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 0;
}

.ec-mainContent #list_post .post .row_title_post {
  padding-top: 5px;
  padding-right: 0;
}

.ec-mainContent #list_post .post .row_title_post .link-title {
  color: #000;
  text-decoration: none;
}

.ec-mainContent #list_post .btn_important {
  line-height: 0.5;
  border-radius: unset;
  background-color: #b12704;
  width: 111px;
  color: #fff;
  font-size: 14px;
  cursor: default;
}

.ec-contactConfirmRole .ec-borderedDefs {
  background-color: #ffffff !important;
  padding: 0 0 20px !important;
}

.ec-mainContent #list_post .icon-important {
  color: #b12704;
}

.ec-mainContent #list_post .post .link_post_detail {
  color: #000;
}

.ec-mainContent #list_post ul {
  list-style: none;
  padding-top: 15px;
}

.ec-mainContent #list_post ul li {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
  position: relative;
  cursor: pointer;
}

.ec-mainContent #list_post ul li::before {
  content: "";
  background: url(/html/user_data/assets/img/common/arrow-right02.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 6px;
  height: 10px;
}

.ec-mainContent #list_post ul li.cate_info::before {
  background: url(/html/user_data/assets/img/common/arrow-right-red.svg);
}

.ec-mainContent #list_post ul li span {
  color: #333;
  font-size: 14px;
  width: 116px;
  margin-right: 15px;
  display: inline-block;
}

.ec-mainContent #list_post ul li.cate_info span {
  background-color: #b12704;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 6px 0;
}

.ec-mainContent #list_post ul li a {
  color: #333;
}

.ec-mainContent #list_post ul li.cate_info a {
  color: #b12704;
}

.ec-mainContent #list_post ul li a:hover {
  text-decoration: underline;
}

/* --------------------------------
  お知らせ詳細
-------------------------------- */
.ec-mainContent #header_detail_post .btn_important {
  line-height: 0.5;
  border-radius: unset;
  background-color: #b12704;
  color: #fff;
  cursor: default;
  font-size: 14px;
  width: 50px;
  padding: 10px;
  height: 28px;
}

.ec-mainContent #header_detail_post .row {
  border-bottom: 2px solid #00b0ec;
  padding-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.ec-mainContent #detail_post .padding-content {
  padding-left: 175px;
  padding-right: 175px;
  flex-wrap: wrap;
  padding-top: 0.9rem !important;
  line-height: 1.8;
}

.ec-mainContent #header_detail_post .title {
  text-align: center;
}

.ec-mainContent #header_detail_post .title h1,
.ec-mainContent #header_detail_post .title span {
  display: inline;
  padding-left: 13px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

.ec-mainContent #detail_post .return-list {
  text-align: center;
}

.ec-mainContent #detail_post .return-list a {
  background-color: #333333;
  color: #fff;
  width: 270px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ec-mainContent #detail_post .return-list a:hover {
  opacity: 0.6;
}

.tomorrow-order + .tomorrow-date {
  margin-left: -2px;
}

.tomorrow-date + .tomorrow-order {
  margin-left: -3px;
}

#paging {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

#paging .pagination li {
  padding: 2px;
  border-radius: unset;
}

#paging .pagination li a,
#paging .pagination li span {
  border: 1px solid #ddd;
}

#paging .pagination li.active span {
  background-color: #333333;
}

.ec-contactCompleteRole .ecFree {
  font-size: 14px;
}

@media only screen and (max-width: 1235px) {
  .ec-banner-full {
    width: 100%;
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .ec-sidebar {
    display: none;
  }
}
/* --------------------------------
  特集
-------------------------------- */
/* tuan anh page: feature-detail */
.ec-mainContent .return-list-feature {
  text-align: center;
  padding-bottom: 20px;
}

.ec-mainContent .return-list-feature a {
  background-color: #333333;
  color: #fff;
  width: 270px;
  margin-top: 20px;
  letter-spacing: 0.12em;
}

.ec-mainContent .return-list-feature a:hover {
  opacity: 0.6;
}

.ec-mainContent .feature_title {
  font-size: 22px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 10px;
  font-weight: bold;
}

.ec-mainContent .feature_img {
  padding-top: 20px;
  text-align: center;
  margin-bottom: 40px;
}

.ec-mainContent .feature_img img {
  width: 960px;
}

.ec-mainContent .feature_text {
  text-align: center;
  margin: 1.5vw;
  font-size: 15px;
}

/**/
/* tuan anh page: product-list */
p.result-text {
  font-weight: bold;
}

p.result-text span.result-text-num {
  font-size: 24px;
}

.arrow {
  line-height: 45px;
  margin-right: 15px;
}

/**/
/* Khoa */
.ec-realPassword .ec-change-inputPassword,
.ec-realPassword .ec-change-inputPassword #entry_password_first,
.ec-realPassword .ec-change-inputPassword #entry_password_second {
  width: 650px;
  height: 50px;
}

.ec-realPassword .ec-errorMessageCustom {
  width: 650px;
}

.ec-SideLeftListCategory .card-body .fas {
  margin-right: 15px;
}

.ec-registerCompleteRole .btn {
  padding: 15px 16px !important;
}

.ec-forgetCompleteRole .ec-TelFaxEntryForm #postal_code_1,
#postal_code_2 {
  width: 80px !important;
}

.ec-forgetCompleteRole .telFax-btn__bg {
  font-size: 16px;
}

.ec-forgotRole #form1 .ec-blockBtn--action {
  line-height: normal !important;
}

/* arrow right for registration flow of entry */
.ec-mypageRole .registrationFlow img {
  width: auto;
  margin: 0 20px;
}

.ec-mypageRoleCustomer__step1 .businessStatusFlg dt {
  width: 29.496% !important;
  position: relative;
}

.ec-mypageRole .ec-zipInputCustom .ec-select .p-region-id {
  width: 235px;
  height: 40px;
}

.ec-mypageRole .business_status_flg_content #entry_opening_time {
  width: 500px;
}

.ec-mypageRole .businessStatusFlg .restrict_input_numberic {
  width: 90px;
}

.ec-mypageRole .businessStatusFlg ul li:last-child {
  border-bottom: none !important;
}

.ec-mypageRole .ec-zipInputCustom .align-items-center {
  align-items: normal !important;
}

.ec-mypageRole .ec-RegisterRole__actions .ec-blockBtn--action {
  line-height: normal !important;
}

.ec-mypageRoleCustomer__step2 input[type=text] {
  width: 220px;
}

.ec-mypageRoleCustomer__step2 #entry_representatives_addr01,
.ec-mypageRoleCustomer__step2 #entry_representatives_addr02 {
  width: 100%;
}

.ec-mypageRoleCustomer__step2 #entry_email_first,
.ec-mypageRoleCustomer__step2 #entry_email_second {
  width: 100%;
}

.ec-mypageRoleCustomer__step2 .businessStatusFlg dt {
  width: 44% !important;
  min-width: 187px;
  margin-right: 15px;
}

.ec-mypageRoleCustomer__step2 #entry_note {
  width: 100%;
  height: 190px;
}

.ec-mypageRoleCustomer__step2 .ec-zipInputHelp {
  margin-bottom: 0 !important;
}

.es_builling_method + a {
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.ec-mypageRoleCustomer__step2 #entry_birth_year,
.ec-mypageRoleCustomer__step2 #entry_birth_month,
.ec-mypageRoleCustomer__step2 #entry_birth_day {
  width: 90px;
  height: 40px;
}

.ec-mypageRoleCustomer__step2 .ec-birth span {
  margin-left: 0 !important;
}

.ec-mypageRoleCustomer__step2 .ec-birth .text {
  margin-left: -8px !important;
}

a.backgroundDrakCommon:hover {
  text-decoration: none !important;
  color: #fff;
  opacity: 0.6;
}

.ec-mypageRoleCustomer__step2 .es_builling_method p {
  font-size: 14px !important;
}

.ec-mypageRoleCustomer__step2 .ec-borderedDefs dt label,
.ec-mypageRoleCustomer__step2 .ec-storeInformation dt {
  font-weight: bold;
}

.ec-mypageRoleCustomer__step2 form {
  font-size: 14px !important;
}

.ec-mypageRoleCustomer__step2 .ec-birth select {
  margin: 0 8px 0 !important;
}

.ec-listProductShopping .arrow-right__img {
  vertical-align: inherit;
}

.ec-listProductShopping .arrow-right__img.pc_show {
  display: inline-block;
}

.viewmore a {
  position: relative;
}

.viewmore a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right.svg) no-repeat 0 0;
  width: 5px;
  height: 9px;
}

.arrow-right__img {
  width: 5px !important;
  height: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ec-productHistory .block_content,
.ec-layoutRole__mainBottom .block_content:last-child {
  margin-bottom: 0 !important;
}

.sale_image {
  margin-bottom: 60px;
}

.ec-forgotRole .ec-forgotRole__formCustom {
  padding: 2px 0 0 0;
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}

/* --------------------------------
  エラーメッセージ
-------------------------------- */
ul.cartTable li.ec-errorMessageCustom,
.message-errors p.ec-errorMessage,
.ec-input .ec-errorMessage,
.ec-errorMessageCustom .ec-errorMessage,
#ec-formContact .ec-errorMessage,
.mypage-change .ec-errorMessage {
  font-size: 14px;
  padding: 5px 10px 3px;
  margin-bottom: 5px;
}

.ec-entryMemberListErrors .ec-errorMessage {
  font-size: 14px;
  padding: 5px 10px;
  margin-bottom: 5px;
  line-height: 1;
}

.ec-errorMessageCustom ul {
  padding: 10px 10px 5px;
}

/* --------------------------------
  新規会員登録
-------------------------------- */
.ec-entryMemberListErrors {
  padding: 0;
  margin-bottom: 20px;
}

.ec-entryMemberListErrors ul li {
  margin-bottom: 4px;
}

/* --------------------------------
  既存会員申し込み
-------------------------------- */
.ec-existingEntryRole .ec-errorMessage {
  width: 100%;
}

.ec-existingEntryRole input {
  border-radius: 5px;
  padding: 5px 10px 3px;
  font-size: 14px;
  margin-bottom: 0;
}

/* --------------------------------
  パスワード再発行
-------------------------------- */
.ec-forgotRole .ec-input .ec-errorMessage {
  width: 650px;
}

.featureNotloginBtnArea .RegistrationGuideText {
  font-size: 16px;
  margin: 20px 0;
  letter-spacing: 0.05em;
}

/* --------------------------------
  注文履歴一覧
-------------------------------- */
.listMypagehistory {
  margin: 20px 0 40px;
  position: relative;
}

.listMypagehistory:first-child {
  margin-top: 15px;
}

.historyOrderDateArea {
  display: flex;
  background-color: #f5f5f5;
  padding: 15px 17px;
  line-height: 1;
  margin-bottom: 13px;
}

.historyOrderDateArea dd {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.historyOrderStatus {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin-bottom: 13px;
}

.historyOrderInformationDetailArea {
  display: flex;
  align-items: flex-end;
}

.historyDeliveryDateArea dl,
.historyTotalAmountArea dl,
.historyHowtoorderArea dl {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}

.historyDeliveryDateArea dt,
.historyTotalAmountArea dt,
.historyHowtoorderArea dt,
.historyHowtoorderArea dd {
  font-size: 13px;
  letter-spacing: 0.04em;
  font-weight: normal;
}

.historyDeliveryDateArea dd {
  font-size: 17px;
  letter-spacing: 0.02em;
  font-weight: bold;
}

.historyOrderInformationDetailArea li {
  margin-right: 30px;
}

.historyTotalAmountArea dd {
  font-size: 17px;
  letter-spacing: 0.02em;
  font-weight: bold;
}

.orderInformationArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: flex-end;
}

.historyOrderDetailsBtn a {
  padding: 12px 50px;
  background-color: #f0e8df;
  color: #333;
  font-weight: bold;
  display: inline-block;
  border-radius: 4px;
}

.historyOrderDetailsBtn a:hover {
  background-color: #d9c7b2;
  text-decoration: none;
}

.historyOrderProductListBox {
  display: flex;
  align-items: flex-end;
}

.historyOrderProductListBox li {
  width: 12.5%;
  display: inline-block;
  margin: 0 0.34%;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.historyOrderProductListBox li:first-child {
  margin-left: 0;
}

.historyOrderProductListBox li:last-child {
  margin-right: 0;
}

.historyOrderProductListBox li img {
  width: 100%;
  border: 1px solid #d8d8d8;
}

.historyOrderProductItemImg:hover {
  opacity: 0.6;
}

.historyOrderProductOther {
  text-align: center;
  padding: 3% 0;
}

.historyDeliveryDateTime {
  font-size: 14px;
}

.historyTotalAmountArea dd {
  color: #b12704;
}

.historyNoorder {
  margin: 30px 0;
  font-size: 15px;
}

.iconEndofsales {
  position: absolute;
  color: #fff;
  padding: 2px 12px 4px;
  font-size: 11px;
  line-height: 1;
  width: 100%;
  text-align: center;
  border: 1px solid #d8d8d8;
  border-top: none;
  bottom: 0;
}

.iconSample {
  color: #333333;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  margin-bottom: 1px;
  background-color: #e5e5e5;
  padding: 2px 0;
}

.iconEndofsales {
  background-color: #464646;
}

.historyOrderProductItem a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
}

.iconEndofsalesLink {
  margin: 3px 0 0;
  text-align: center;
}

.iconEndofsalesLink a {
  color: #000;
}

.iconEndofsalesLink:after {
  position: absolute;
  bottom: 2px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right.svg) no-repeat 0 0;
  width: 6px;
  height: 12px;
}

/* --------------------------------
  おすすめ商品
-------------------------------- */
.yourRecommendedArea,
.recommendedProductgenresAera {
  margin-bottom: 40px;
}

.yourRecommendedArea .yourRecommendedTitle,
.recommendedProductgenresAera .recommendeProductgenredTitle {
  color: #fff;
  padding: 20px 20px 18px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.18em;
  line-height: 1;
  border: none;
  position: relative;
}

.yourRecommendedArea .yourRecommendedTitle {
  background-image: linear-gradient(90deg, rgb(252, 125, 164) 13%, rgb(254, 227, 83) 51%, rgb(255, 144, 182) 90%);
  margin-bottom: 28px;
}

.recommendedProductgenresAera .recommendeProductgenredTitle {
  background-image: linear-gradient(90deg, rgb(99, 198, 244) 13%, rgb(181, 235, 215) 51%, rgb(99, 198, 244) 90%);
  margin-bottom: 0;
}

.yourRecommendedArea .yourRecommendedTitle::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 7px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 300px;
  height: 59px;
  background-image: url(/material/feature/yourrecommended/yourrecommendedtitle.png);
}

.recommendedProductgenresAera .recommendeProductgenredTitle::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -1px;
  top: 4px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 347px;
  height: 48px;
  background-image: url(/material/feature/yourrecommended/recommended_productgenres_title.png);
}

.yourRecommendedArea .yourRecommendedTitle .strong,
.recommendedProductgenresAera .recommendeProductgenredTitle .strong {
  font-size: max(1.2vw, 24px);
  letter-spacing: 0.15em;
}

.yourRecommendedProductsDetail a {
  color: #333;
}

.yourRecommendedProductsDetail .productCode:hover,
.yourRecommendedProductsDetail .productName:hover {
  text-decoration: underline !important;
}

.yourRecommendedArea .productsImg {
  position: relative;
  margin-bottom: 5px;
}

.yourRecommendedArea .productsImg img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border: 1px solid #d8d8d8;
}

.yourRecommendedArea .productsImg:hover img {
  opacity: 0.6;
}

.productCodeNameArea {
  width: 170px;
}

.yourRecommendedArea .productCode a,
.yourRecommendedArea .productName a {
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-decoration: none;
  color: #333;
}

.yourRecommendedArea .priceAfterSaleOff {
  font-size: 14px;
}

.yourRecommendedArea .text_price {
  font-weight: bold;
}

.yourRecommendedArea .productCode {
  display: inline;
}

.yourRecommendedArea .productName {
  display: inline;
}

.swiperPurchasedItemsArea,
.yourRecommendedArea,
.swiperViewedItemsArea,
.swiperRelatedProductsArea {
  position: relative;
}

.swiper-button-prev,
.swiper-button-next {
  display: grid;
  place-content: center;
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.swiper-button-prev {
  background: url(../img/common/home/arrow-right2.svg) no-repeat 0 0;
  width: 40px;
  height: 40px;
  display: block;
  transform: rotate(180deg);
  position: absolute;
  z-index: 1;
  top: -55px;
  bottom: 0;
  margin: auto;
}

.swiper-button-next {
  background: url(../img/common/home/arrow-right2.svg) no-repeat 0 0;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 1;
  top: -55px;
  bottom: 0;
  margin: auto;
  right: 0;
}

.yourRecommendedArea .swiper-button-prev {
  top: -45px;
}

.yourRecommendedArea .swiper-button-next {
  top: -45px;
}

.swiper-button-prev:hover,
.swiper-button-prev:hover {
  background: url(../img/common/home/arrow-right2_hover.svg) no-repeat 0 0;
}

.swiper-button-next:hover {
  background: url(../img/common/home/arrow-right2_hover.svg) no-repeat 0 0;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}

.swiper-button-prev::after,
.swiper-button-next::after {
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  border: solid var(--color-gray);
  border-width: 3px 3px 0 0;
}

.swiper-button-prev::after {
  margin-left: 0.4rem;
  transform: rotate(-135deg);
}

.swiper-button-next::after {
  margin-right: 0.4rem;
  transform: rotate(45deg);
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}

.swiper-scrollbar {
  position: relative;
}

.swiper-scrollbar::after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
  background-color: #eee;
}

.swiper-scrollbar-drag {
  height: 20px;
  padding: 8px 0;
  cursor: pointer;
  background-color: #e0e0e0;
  background-clip: content-box;
}

.recommendedProductgenresBox {
  background-color: #f5f5f5;
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: 20px;
  column-gap: 2.6%;
}

.recommendedProductgenresDetail {
  width: 31.6%;
  position: relative;
}

.recommendedProductgenresDetail a {
  background-color: #fff;
  display: flex;
  padding: 16px 22px 14px;
  position: relative;
  width: 100%;
  align-items: center;
}

.recommendedProductgenresDetail .categoryName {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  width: 70%;
  line-height: 1.35;
  letter-spacing: 0.09em;
}

.recommendedProductgenresDetail .images {
  width: 55%;
  margin: 0 0 0 10px;
  height: 75%;
  text-align: right;
}

.recommendedProductgenresDetail .images img {
  transition: all 0.3s ease;
  height: 100%;
  width: 55%;
  display: inline-block;
}

.recommendedProductgenresDetail :hover {
  background-color: #fcfcfc;
  color: #4bb8eb;
  text-decoration: none;
}

.ec-mainContent .genreDescriptionArea {
  background-color: #f8f8f8;
  padding: 25px 35px;
  margin-bottom: 30px;
}

.ec-mainContent .genreDescriptionArea .genreDescriptionTitle {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.09em;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.ec-mainContent .genreDescriptionArea .genreDescriptionText {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

/* --------------------------------
  modal
-------------------------------- */
#modalFirstIntoSiteLogin .modal-header .close {
  opacity: 1;
  margin-top: -22px;
}

#modalFirstIntoSiteLogin .ec-pageConfirmTitle {
  padding: 27px 10px;
}

#modalFirstIntoSiteLogin .modal-dialog {
  max-width: 964px !important;
}

#modalFirstIntoSite .modal-header .close {
  opacity: 1;
}

#modalFirstIntoSite .ec-width-two-column .col-5 {
  padding: 0;
}

#modalFirstIntoSite .ec-width-two-column .col-5:nth-of-type(1) {
  padding-left: 15px;
}

#modalFirstIntoSite .modal-body .ec-guide-method a {
  height: 54px;
  line-height: 54px;
}

.ec-formLogin .ec-login__input .ec-errorMessage {
  font-size: 14px;
  margin: 5px 0;
  color: rgb(177, 39, 4);
  background-color: rgb(255, 233, 227);
  padding: 3px 10px 3px 10px;
}

.ec-ForgotAndContact div a {
  color: #333;
}

.ec-ForgotAndContact div a:hover {
  color: #008DD8;
}

.ec-input p, .ec-halfInput p, .ec-numberInput p, .ec-zipInput p,
.ec-telInput p, .ec-select p, .ec-birth p {
  font-size: 14px;
  margin-bottom: 3px;
}

.ec-textDecoRationUnderLine {
  text-decoration: underline;
}

input[type=radio].form-radio {
  opacity: 0;
}

input[type=radio].form-radio + label {
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  color: #333;
  position: relative;
}

input[type=radio].form-radio + label::before {
  content: "";
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #BEBEBE;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -25px;
}

input[type=radio].form-radio:checked + label::after {
  content: "";
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #E65F6E;
  left: -20px;
  top: 5px;
}

input[type=radio].form-radio:checked + label {
  opacity: 1;
}

.ec-mypageRole {
  padding: 20px 0 0;
}

.ec-role {
  padding: 20px 0 0;
  min-width: 700px;
  max-width: 960px;
}

.ec-content {
  display: flex;
  /* justify-content: space-between; */
  position: relative;
}

.ec-entryBasicInfo {
  border: 1px solid #E0E0E0 !important;
  padding: 15px 30px;
  margin-top: 40px;
  background-color: #fff;
}

.ec-entryBasicInfo dl dt {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 2;
  width: 20%;
  display: inline-block;
}

.ec-entryBasicInfo dl {
  border-bottom: 1px solid #E0E0E0 !important;
  padding: 5px 0 5px !important;
}

.ec-entryBasicInfo dl:last-child {
  border-bottom: none !important;
}

.ec-entryBasicInfo .ishide {
  display: none !important;
}

.ec-off1Grid__cell .text02 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}

.ec-entryBasicInfo dl:nth-of-type(2) {
  width: 50%;
  float: right;
  margin-top: -40px;
  display: inline-block;
  border-bottom: none !important;
}

input[type=text] + span {
  margin-left: 10px;
}

.ec-borderedDefs .ec-storeInformation dl dd .payment {
  display: flex;
  align-items: center;
  /*margin-left: 10px;*/
}

.ec-mypageRoleCustomer__step1 #entry_opening_time {
  margin-bottom: 5px;
}

.ec-mypageRoleCustomer__step1 .ec-borderedDefs ul li:nth-child(1) dl,
.ec-mypageRoleCustomer__step1 .ec-borderedDefs ul li:nth-child(2) dl {
  padding-bottom: 15px;
}

.ec-mypageRoleCustomer__step1 .ec-zipInputCustom > div:last-child,
.ec-mypageRoleCustomer__step2 .ec-zipInputCustom > div:last-child {
  margin-bottom: 0;
}

.ec-mypageRoleCustomer__step1 .ec-zipInputHelp .arrow-right__img {
  width: 1.36vw;
  margin-top: -2px;
}

.ec-mypageRoleCustomer__step2 .input-number .ec-input:first-child {
  padding-left: 15px !important;
  max-width: 110px !important;
}

.ec-mypageRoleCustomer__step2 .input-number .ec-input {
  max-width: 100px !important;
  padding-left: 5px;
}

.ec-mypageRoleCustomer__step2 .input-number input {
  width: 90px;
}

.ec-mypageRoleCustomer__step1 .ec-zipInputHelp:hover span, .ec-mypageRoleCustomer__step2 .ec-zipInputHelp:hover span {
  color: #00B0EC !important;
}

.ec-mypageRoleCustomer__step2 select, .ec-mypageRoleCustomer__step1 select {
  cursor: pointer;
  background: #fff;
}

.ec-mypageRoleCustomer__step2 select:hover, .ec-mypageRoleCustomer__step1 select:hover {
  border-color: #66afe9 !important;
}

.ec-mypageRoleCustomer__step2 input[type=radio], .ec-mypageRoleCustomer__step1 input[type=radio] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid darkgray;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  background: #fff;
}

.ec-mypageRoleCustomer__step2 input[type=radio]:before, .ec-mypageRoleCustomer__step1 input[type=radio]:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 3px auto;
  border-radius: 50%;
}

.ec-mypageRoleCustomer__step2 input[type=radio]:checked:before, .ec-mypageRoleCustomer__step1 input[type=radio]:checked:before {
  background: #E65F6E;
}

.ec-mypageRoleCustomer__step2 input[type=checkbox]:before {
  display: block;
}

.ec-mypageRoleCustomer__step2 input[type=checkbox]:checked:before {
  content: "\f00c";
  width: 20px;
  height: 20px;
  border-radius: 2px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 600;
  padding-left: 3.5px;
  line-height: 1.7;
  background: #E65F6E;
}

.ec-entryBasicInfo dl dd {
  font-size: 14px;
  line-height: 2;
  width: auto;
  display: inline-block;
}

.registrationFlow ul li {
  list-style: none;
  display: flex;
  align-items: center;
}

.registrationFlow ul li p {
  border-radius: 41px;
  width: 116px;
  height: 55px;
  background-color: #F0E8DF;
  text-align: center;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  flex-wrap: wrap;
  padding: 0 10px;
}

.registrationFlow ul li:nth-of-type(2) p {
  padding-top: 8px;
  padding-bottom: 7px;
  line-height: 3px;
}

.registrationFlow ul li p.active {
  background-color: #B49674;
  color: #fff;
}

.ec-storeInformation dl {
  border-bottom: 1px solid #E0E0E0 !important;
}

/*.ec-mypageRoleCustomer__step2 .ec-storeInformation dl {*/
/*    padding: 15px 0 20px !important;*/
/*}*/
.ec-storeInformation dl:last-child {
  border-bottom: none !important;
  padding-bottom: 5px;
}

.ec-storeInformation {
  padding: 0;
  margin-bottom: 10px;
}

.ec-storeInformation .ec-input input {
  margin-bottom: 0 !important;
}

.ec-storeInformation .text {
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 3px;
}

.registrationFlow ul li:nth-of-type(3) {
  display: none;
}

.business_status_flg_content .ec-errorMessageCustom,
.business_status_flg_content .ec-errorMessageCustom p {
  margin-left: 0;
  width: 100%;
}

.ec-holiday .ec-select select {
  display: inline-block;
  width: 160px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  height: 40px;
}

.ec-borderedDefs.businessStatusFlg dl dd .textNode {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
  padding-left: 15px;
}

.ec-holiday .ec-select:last-child {
  margin-bottom: 0;
}

.ec-esBusinessChild select {
  width: 235px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  height: 40px;
}

.ec-esBusiness {
  display: flex;
  margin-bottom: 0 !important;
}

#modalFirstIntoSiteLogin .ec-login-left .restrict_input_numberic {
  margin-bottom: 20px;
}

#login_customer_code_popup, #login_pass_popup {
  height: 50px;
}

#login_pass, #login_pass_popup {
  border-radius: 5px;
  margin-bottom: 0;
}

.es_builling_method + a {
  color: #fff;
  width: 190px;
  font-size: 14px;
  text-align: center;
  display: block;
  border-radius: 5px;
  background-color: #333;
  margin-top: 15px;
  padding: 10px 0;
}

.es_builling_method + a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.es_builling_method dl {
  flex-wrap: wrap;
  padding: 15px 0;
}

.es_builling_method dl:first-of-type {
  border-top: 1px solid #E0E0E0;
}

.es_builling_method dl dd {
  padding-top: 3px;
}

.es_builling_method dl dd select {
  border-radius: 5px;
  height: 40px;
  width: 150px;
}

.ec-mypageRole h1,
.ec-existingEntryHeader h1 {
  border-bottom: 2px solid #E0E0E0;
  color: #333;
  font-size: 22px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
}

.ec-mypageRole h2,
.ec-existingEntryHeader h2 {
  border-bottom: 2px solid #E0E0E0;
  color: #333;
  font-size: 22px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  font-weight: bold;
}

.ec-mypageRole h3 {
  background-color: #F0E8DF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  margin-top: -15px;
}

.ec-entryBasicInfoConfirm {
  background-color: #F5F5F5;
  margin: 20px 0 30px;
  padding-bottom: 20px;
}

.ec-entryBasicInfoConfirm ~ .ec-entryBasicInfoConfirm {
  margin-top: 0;
}

.ec-mypageRole .ec-entryBasicInfoConfirm dl {
  border-bottom: 1px solid #E0E0E0 !important;
  padding: 13px 0 !important;
}

.ec-mypageRole .ec-entryBasicInfoConfirm dl:last-child {
  border-bottom: none !important;
}

.ec-mypageRole .ec-entryBasicInfoConfirm dl dt {
  font-weight: bold;
  font-size: 14px;
}

.ec-mypageRole .ec-entryBasicInfoConfirm dl dd {
  /* line-height: 1.7; */
  font-size: 16px;
}

.ec-mypageRole .ec-entryBasicInfoConfirm dl dd a.ec-entryUrl {
  color: #333;
  text-decoration: underline;
}

.ec-mypageRole.complete-password dl dt,
.ec_productContent .shopping-complete-note dl dt {
  background-color: #F0E8DF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
}

.ec-mypageRole.complete-password dl dd,
.ec_productContent .shopping-complete-note dl dd {
  padding: 20px 0;
  font-size: 15px;
}

.ec-mypageRole.complete-password dl dd ul,
.ec_productContent .shopping-complete-note dl dd ul {
  list-style: none;
  padding: 10px 16px 20px;
  margin: 0;
  background-color: #F5F5F5;
}

.ec-mypageRole.complete-password dl dd ul li,
.ec_productContent .shopping-complete-note dl dd ul li {
  list-style: none;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px 0 20px;
}

.ec-mypageRole.complete-password dl dd ul li:last-child,
.ec_productContent .shopping-complete-note dl dd ul li:last-child {
  border-bottom: none;
  padding: 10px 0 0;
  margin-bottom: 0;
}

.ec-mypageRole.complete-password dl dd ul li h4,
.ec_productContent .shopping-complete-note dl dd ul li h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.ec-mypageRole.complete-password dl dd ul li h4::before,
.ec_productContent .shopping-complete-note dl dd ul li h4::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #C3B3A1;
  display: inline-block;
  margin-right: 10px;
}

.ec-mypageRole .text03 {
  text-align: center;
  font-size: 16px;
  padding-bottom: 40px;
  line-height: 1.6;
}

.ec-mypageRole .text04 {
  text-align: center;
  font-size: 16px;
  padding-bottom: 25px;
  font-weight: bold;
}

.ec-shopConfirmButton > button {
  margin: 0 10px;
  border: none;
}

#modalOrder .modal-header h2 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 0;
}

#modalOrder .modal-header {
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 3px;
  padding-left: 0;
  margin-bottom: 10px;
}

#modalOrder .modal-body dl dt {
  background-color: #F0E8DF;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
}

#modalOrder .modal-body dl dd {
  padding: 20px 0 30px;
}

#modalOrder .modal-body ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

#modalOrder .modal-body ul li {
  list-style: none;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  padding-top: 30px;
  padding-bottom: 30px;
}

#modalOrder .modal-body ul li:first-of-type {
  padding-top: 0;
}

#modalOrder .modal-body .payment-method {
  margin: 25px 0;
}

#modalOrder .modal-body ul li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

#modalOrder .modal-body h3 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}

#modalOrder .modal-body dl dd ul li div:nth-of-type(2) .content {
  background-color: #F5F5F5;
  padding: 30px 30px 30px;
}

#modalOrder .modal-body h4 {
  font-weight: bold;
  font-size: 14px;
}

#modalOrder .modal-body .box-content {
  border-radius: 5px;
  border: 1px solid #D8D8D8;
  padding: 30px 30px;
}

#modalOrder .modal-body .box-content .bill {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#modalOrder .modal-body .box-content .bill div img {
  width: 90%;
}

#modalOrder .font-size__content {
  font-size: 15px;
}

#modalOrder .modal-body .box-content .bill div:last-of-type {
  position: relative;
}

#modalOrder .modal-body .box-content .bill .hand {
  position: absolute;
  left: 30px;
  top: 45px;
}

#modalOrder .modal-body dl dd .box-content {
  padding: 30px;
}

#modalOrder .modal-body dl dd .box-content img {
  width: 100%;
}

#modalOrder .modal-body .box-content .text-arrow {
  margin-top: 90px;
  margin-left: -15px;
}

#modalOrder .modal-body dl dd h4::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #C3B3A1;
  display: inline-block;
  margin-right: 5px;
  vertical-align: baseline;
}

#modalOrder .modal-dialog {
  margin: 0 auto;
  max-width: 1000px;
}

#modalOrder .modal-content {
  width: 100% !important;
  padding: 20px 20px 30px;
}

#modalOrder .modal-content .modal-body {
  padding: 0;
}

#modalOrder .modal-header button {
  font-size: 15px;
  padding: 3px 4px;
  font-weight: bold;
  opacity: 1;
  margin-top: -15px;
  margin-right: -15px;
}

#modalOrder .modal-body ul li ul li {
  padding: 0 0 10px;
  border-bottom: none;
}

.modal-body__login .ec-login__input .ec-input p {
  font-weight: bold;
}

.ec-contactInfo {
  justify-content: center;
  display: flex;
  align-items: center;
  border: 2px solid rgb(195, 179, 161);
  border-radius: 5px;
}

.ec-contactInfo .box-contact {
  margin: 0 5px;
  padding: 15px;
}

.ec-contactInfo .box-contact .ec-fRight {
  font-size: 12px;
}

.ec-contactInfo .box-contact .ec-fRight .phone_number {
  font-size: 16px;
  font-weight: bold;
}

.ec-contactInfo .box-contact .text01 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.ec-contactInfo .box-contact .text01 a {
  color: #333;
}

.ec-contactInfo img {
  width: 45px;
}

.ec-fClear img,
.ec-fLeft_custome,
.ec-fLeft_custome img {
  width: 37px;
  margin-right: 5px;
}

.ec-blockBtn--action-mypage {
  background: #2b2b34;
  border-color: #2b2b34;
  border-radius: 5px;
  font-size: 16px;
}

.ec-role h1 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 6px;
  margin-bottom: 20px;
}

.ec-role h2 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 6px;
  margin-bottom: 20px;
}
.ec-role h2.ec-pageConfirmTitle {
  margin-bottom: 25px;
}

.ec-borderedDefs.ec-borderNone dl {
  border-bottom: 1px solid #E0E0E0;
  padding: 0 0 20px;
  margin-bottom: 20px;
}

.ec-borderedDefs.ec-borderNone dl dt {
  line-height: 2.2;
  width: 24%;
  display: inline-flex;
  align-items: center;
}

.ec-borderedDefs.ec-borderNone dl:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ec-backgroundColorF {
  background-color: #F5F5F5;
  padding: 30px 50px 20px;
}

.ec-contactTitle--custome {
  color: #333 !important;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none !important;
  display: inline-block;
  padding: 14px 20px 10px;
}

.ec-forgotCustomerInfo .ec-contactText {
  margin-bottom: 14px;
  font-size: 15px;
}

.ec-borderNone, .ec-borderNone > dl {
  border: none;
}

.ec-forgetCompleteRole .ec-borderNone {
  background-color: transparent;
  padding: 0;
  margin-top: 10px;
}

.ec-forgetCompleteRole .ec-borderNone dl {
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.ec-forgetCompleteRole .ec-borderNone dl dt {
  padding-left: 0;
}

.ec-forgetCompleteRole .box-button {
  display: flex;
  width: 70%;
  margin: 0 auto;
}

.ec-borderNone h3 {
  background-color: #F0E8DF;
  padding: 10px 0 10px 15px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}

.complete-password .ec-borderNone {
  padding: 0;
  background-color: transparent;
}

.complete-password .ec-borderNone h3 {
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  border-bottom: 0;
  padding-left: 0;
  margin-bottom: 10px;
}

.complete-password .ec-borderedDefs.ec-borderNone dl {
  padding: 20px 0 8px;
  margin-bottom: 0;
}

.complete-password .ec-borderedDefs.ec-borderNone dl:last-child {
  padding-top: 10px;
}

.complete-password .ec-borderedDefs.ec-borderNone dl dt {
  padding-left: 0;
  font-weight: bold;
  font-size: 14px;
}

.ec-mypageRole.complete-password dl dd a {
  color: #333;
  text-decoration: underline;
}

.ec-forgotRole__formCustom .ec-borderedDefs ul li {
  padding-bottom: 22px;
  margin-bottom: 15px;
}

.ec-forgotRole__formCustom .ec-borderedDefs ul li:last-child {
  padding-bottom: 10px;
  margin-bottom: 0;
}

.ec-forgotRole__formCustom .ec-contactInfo {
  border: none;
}

.ec-fClear {
  display: flex;
  width: 100%;
}

.ec-fLeft {
  margin-top: 3px;
  margin-right: 3px;
}

.box-contact .ec-fClear {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  justify-content: center;
}

.box-contact .ec-fLeft {
  margin-top: -5px;
  margin-right: 3px;
}

.ec-formRealPassword p {
  font-size: 16px;
}

.ec-realPassword {
  height: auto;
  box-sizing: border-box;
}

.ec-realPassword .dt_customer {
  display: flex;
  align-items: center;
  width: 18%;
}

.ec-realPassword .dt_customer .ec-label {
  font-size: 14px;
  font-weight: bold;
}

.ec-realPassword .ec-Customer_custome p {
  font-size: 14px;
  font-weight: normal;
}

.ec-borderedDefs .dd_customeInput {
  width: 70%;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 15px;
}

.ec-blockBtn--action-button02 {
  background-color: #333333;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px;
  border: none;
}

.ec-registerCompleteRole {
  padding: 0;
}

.ec-registerCompleteRole p {
  font-weight: bold;
  font-size: 16px;
}

.ec-registerCompleteRole a.btn {
  font-size: 16px;
  font-weight: bold;
  border: none;
  width: 270px;
}

.ec-navlistRole {
  /* padding-top: 10px; */
}

.ec-navlistRole .ec-navlistRole__navlist {
  display: flex;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 0;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.ec-navlistRole .ec-navlistRole__item {
  border-color: #D8D8D8;
  border-width: 1px;
  margin: 0 0 21px 0;
  width: calc(25% - 14px);
  text-align: left;
}

.ec-navlistRole .ec-navlistRole__item:last-child img {
  margin-top: -6px;
}

.ec-navlistRole .ec-navlistRole__item a span {
  font-weight: bold;
  color: #333;
  display: block;
  font-size: 15px;
}

.ec-menu-des {
  font-size: 14px;
  padding-top: 5px;
  padding-right: 15px;
  text-align: left;
  font-weight: normal;
}

.ec-navlistRole .ec-navlistRole__item {
  margin-right: 18px;
}

.ec-navlistRole .ec-navlistRole__item:nth-of-type(4) {
  margin-right: 0;
}

.ec-navlistRole__navlist__Custom .ec-navlistRole__item img {
  width: auto;
  margin-right: 8px;
  margin-top: -3px;
}

.ec-navlistRole .ec-navlistRole__item a {
  padding: 17px 9px 17px 17px;
  height: 100%;
  font-size: 14px;
  color: #333333;
}

#modalFirstIntoSite .modal-header {
  border-bottom: none !important;
  padding: 10px 0;
}

#modalFirstIntoSite .modal-dialog {
  max-width: 964px !important;
  top: 40%;
  left: 0;
  transform: translate(0%, -50%);
}

#modalFirstIntoSite .ec-pageConfirmTitle {
  text-align: center;
  padding: 15px 0;
  line-height: 1.5em;
}

#modalFirstIntoSite .modal-body {
  padding: 0 61px 50px;
}

#modalFirstIntoSite .ec-width-two-column .ec-title-line-height {
  font-size: 16px;
  font-weight: bold;
}

#modalFirstIntoSite .ec-before-login img,
#modalFirstIntoSite .ec-after-login img {
  width: 180px;
}

#modalFirstIntoSite .sale_information img {
  width: 340px;
}

#modalFirstIntoSite .ec-before-login img,
#modalFirstIntoSite .ec-after-login img {
  width: 180px;
}

.ec-contactRoleCustom .ec-pageConfirmTitle {
  padding: 10px;
}

.ec-paymentCastDelivery, .ec-width-two-column {
  width: 53%;
  font-size: 14px;
}

.ec-paymentCastDelivery, .ec-width-two-column + .ec-width-two-column {
  width: 45%;
  padding-left: 32px;
}

.ec-border-right .ec-title-line-height {
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
}

.modal-content .ec-title-line-height {
  font-size: 16px;
  font-weight: 600;
}

.ec-arrow-site {
  width: 14px;
  height: 24px;
  display: inline-block;
  margin: -38px 10px 0 15px;
}

.ec-guide-method {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

input[type=text].p-postal-code {
  border-radius: 5px;
  margin-bottom: 10px;
  width: 80px !important;
}

.modal-body .ec-guide-method a {
  width: 270px;
  margin: 0 10px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  padding: 0;
  font-weight: bold;
}

.ec-esBusiness .ec-esBusinessChild {
  width: 250px;
  margin-right: 5px;
}

.ec-borderedDefs dd {
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  line-height: 1;
}

.ec-optionRememberMe {
  line-height: 29px;
  font-size: 12px;
  margin-left: 5px;
}

.ec-formLogin .col:nth-of-type(2) {
  padding-left: 15px;
  padding-right: 15px;
}

.ec-change-inputPassword i {
  position: absolute;
  right: 10px;
  top: 17px;
  cursor: pointer;
  width: 19px;
  height: 14px;
}

.ec-flex-navi img,
.ec-ForgotAndContact img {
  width: auto;
}

.ec-layoutRole__main__delivery .groupBtnCommon .btn {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 25px;
  margin: 10px;
  width: 270px;
  height: 54px;
}

#page_delivery_complete .ec-layoutRole__main__delivery .text {
  padding-top: 10px;
}

.registrationFlow .inThreeDay {
  font-size: 11px;
  font-weight: bold;
}

.mypage-change .ec-mypageRoleCustomer .form-info dl {
  padding: 20px 0 20px 20px;
}

.mypage-change .ec-mypageRoleCustomer .form-info .store-info dl {
  padding: 20px 0 15px 20px;
}

.mypage-change .ec-mypageRoleCustomer .form-info .store-info dl:last-of-type {
  border-bottom: 1px solid #E0E0E0 !important;
}

.mypage-change #entry_email_second {
  margin-bottom: 0;
}

.mypage-change .message-errors p.ec-errorMessage {
  max-width: unset;
}

.mypage-change .ec-mypageRoleCustomer .ec-errorMessage {
  width: 112.5%;
}

.ec-DeliveryPage .ec-errorMessage {
  width: 103% !important;
}

.ec-mypageRoleCustomer .ec-borderedDefs dl {
  font-weight: 500;
  padding: 20px 0 20px;
  border-bottom: none;
  clear: both;
}

.ec-mypageRoleCustomer__step2 .ec-birth .ec-select {
  margin-bottom: 0;
}

.ec-mypageRoleCustomer__step2 input[type=text] + span {
  margin-left: 9px;
}

.ec-mypageRoleCustomer__step2 .tildeBusinessHours {
  font-weight: bold;
  margin: 0 5px;
}

.otherInfo_signin .ec-storeInformation dl dd .ec-input {
  width: 500px;
}

.entry-shop__transactionTerms .box_term {
  margin-top: -17px;
}

.ec-DeliveryPage .ec-borderedDefs dl dt label {
  font-size: 14px;
}

.ec-DeliveryPage .ec-borderedDefs dl dd .ec-input input,
.ec-DeliveryPage .ec-borderedDefs dl dd .ec-zipInput {
  margin-bottom: 0;
}

@media (max-width: 1219px) and (min-width: 1024px) {
  .otherInfo_signin .ec-storeInformation dl dd .ec-input {
    width: 450px;
  }
  .ec-esBusiness .ec-esBusinessChild {
    width: 220px;
  }
  .ec-esBusinessChild select {
    width: 200px;
  }
  .ec-mypageRoleCustomer__step2 input[type=text] {
    width: 200px;
  }
}
#modalOrder .modal-footer button {
  width: 270px;
}

/* Khoa */
.ec-contactRole p {
  font-weight: normal !important;
  font-size: 14px !important;
}

/* End Khoa */
.paymentAnnotation {
  font-size: 13px;
  text-indent: -1em;
  padding-left: 1em;
}

.priceInformationTitle,
.sale_informationTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

.priceInformationText,
.sale_informationText {
  letter-spacing: 0.02em;
  font-size: 14px;
}

.priceInformationText {
  margin-bottom: 10px;
}

.sale_informationText {
  margin-bottom: 20px;
}

.priceInformationSubtext {
  font-weight: bold;
  text-align: left;
}

.modalBtnArea {
  margin-top: 40px;
}

/* --------------------------------
  common
-------------------------------- */
body {
  background-color: #fff;
  overflow-x: hidden;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

dl, dt, dd {
  margin-bottom: 0;
}

button:focus,
.btn-primary:focus {
  outline: none;
  box-shadow: none !important;
  border: none !important;
}

.form-select {
  outline: none;
}

input:focus,
.form-control:focus,
.form-select:focus,
.searchBlock input:focus,
.ec-headerSearch__keyword input[type=search]:focus,
textarea:focus,
.ec-blockBtn--action:focus {
  border-color: #00B0EC !important;
  box-shadow: none;
}

.ec-blockBtn--action:focus {
  background-color: #333;
  outline-offset: 0;
  outline: none;
}

.ec-wrapperContent {
  max-width: 1220px;
  margin: 0 auto;
  clear: both;
  position: relative;
}

.ec-sidebar .content {
  width: 240px;
  margin-right: 30px;
}

.ec-mainContent {
  max-width: 960px;
  min-width: 700px;
  margin: 0 auto 60px;
  width: 960px;
}

.pc_show {
  display: block;
}

.sp_show {
  display: none;
}

.pc_show-banner {
  display: block !important;
}

.sp_show-banner {
  display: none !important;
}

.ec-layoutRole {
  border-top: 5px solid rgb(0, 176, 236);
  position: relative;
}

.ec-shopConfirmButton {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.textred {
  color: #B12704;
}

.tomorrow-order {
  color: #00B0EC;
  font-size: 25px;
  font-weight: bold;
}

.tomorrow-date {
  color: #00B0EC;
  font-size: 16px;
  font-weight: bold;
}

.login .ec-headerNaviDelivery-item .free-shipping {
  font-size: 16px;
  margin-right: 0;
}

.login .ec-headerNaviDelivery-item .memberFreeShippingText {
  font-size: 15px;
  letter-spacing: 0.03em;
  position: relative;
}

.login .ec-headerNaviDelivery-item .memberFreeShippingText {
  font-size: 15px;
  letter-spacing: 0.03em;
  position: relative;
}

.login .ec-headerNaviDelivery-item .memberFreeShippingText:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -9px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right02.svg) no-repeat 0 0;
  width: 6px;
  height: 11px;
}

.login .ec-headerNaviDelivery-item .memberFreeShippingText:hover:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right02-red.svg) no-repeat 0 0;
  width: 6px;
  height: 11px;
}

.ec-headerNaviDelivery-item .free-shipping {
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  color: #333;
  line-height: 2;
  margin: -2px 18px 0 0;
  letter-spacing: 0.02em;
}

.logged .ec-headerNaviDelivery-item .free-shipping {
  font-size: 14px;
}

.ec-headerNaviDelivery-item .free-shipping a {
  color: #333;
}

.ec-headerNaviDelivery-item .free-shipping a:hover {
  color: #B12704;
}

.ec-headerNaviDelivery-item .free-shipping .imghover {
  display: none;
}

.ec-headerNaviDelivery-item .free-shipping:hover .img_nonhover {
  display: none;
}

.ec-headerNaviDelivery-item .free-shipping:hover .imghover {
  display: inline-block;
}

.ec-shopping-cart {
  border: 1px solid #E0E0E0;
  padding-right: 15px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: normal;
  margin-top: -1px;
}

.ec-bd-cart {
  background-color: #f5f5f5;
  padding: 10px 14px 9px;
  margin-top: 0 !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.ec-Cart_sum {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 5px;
}

.ec-shopping-cart .text_price {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 1px;
  vertical-align: sub;
}

.ec-Cart_total_quantity {
  position: absolute;
  background: rgb(177, 39, 4);
  color: white;
  font-size: 10px;
  padding: 2px;
  border-radius: 4px;
  text-align: center;
  width: 21px;
  transition: transform 0.2s;
  right: 64%;
  top: -5px;
  font-weight: bold;
}

.ec-login-cart-con {
  position: relative;
  display: inline-block;
  margin-top: -4px;
  vertical-align: middle;
}

.ec-login-cart-con img:last-child {
  vertical-align: sub;
}

.ec-login-cart-con:hover .ec-Cart_total_quantity {
  transform: scale(1.1);
  font-size: 12px;
}

.ec-login-cart-con:hover {
  text-decoration: none;
}

.table-TotalPriceIncludeTax tr td:last-child {
  text-align: right;
}

.table-TotalPriceIncludeTax tr:last-child td:nth-of-type(2) {
  font-size: 27px;
  font-weight: bold;
}

.ec-fClear {
  display: flex;
  width: 100%;
}

.ec-fLeft {
  margin-top: 3px;
  margin-right: 3px;
}

.ec-fRight {
  line-height: 1.5;
}

.ec-fRight p {
  margin-bottom: 0;
}

.phone_number {
  font-weight: 600;
  font-size: 16px;
}

.backgroundDrakCommon {
  background-color: rgb(51, 51, 51);
  width: 270px;
  height: 54px;
  display: inline-block;
  line-height: 54px;
  text-align: center;
  color: #fff;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  -webkit-appearance: none;
}

.backgroundDrakCommon_unable {
  background-color: #F5F5F5;
  width: 270px;
  height: 54px;
  display: inline-block;
  line-height: 54px;
  text-align: center;
  color: #333333 !important;
  margin-right: 20px;
  border-radius: 5px;
  border: none;
  user-select: none;
}

.ec-productHistory .backgroundDrakCommon_unable {
  color: #6a6a6a !important;
  border-radius: unset;
}

.ec-productHistory .block_content {
  margin-top: 45px;
}

.ec-productHistory .ec-product-itemBtn {
  margin-bottom: 0;
}

/*.ec-productHistoryList .block_content {*/
/*    margin-top: 45px;*/
/*}*/
.backgroundBlackCommon:hover {
  color: white;
  text-decoration: none;
}

.product_page .ec-sidebar .content,
.cart_page .ec-sidebar .content {
  padding-top: 0;
}

.ec-product-itemBtn a.backgroundDrakCommon:hover,
.ec-product-itemBtn button.backgroundDrakCommon:hover {
  text-decoration: none;
  opacity: 0.6;
}

.shopping-cart .ec-product-itemBtn .backgroundDrakCommon:hover,
.ec-productHistory .ec-product-itemBtn button.backgroundDrakCommon:hover {
  color: white;
}

.ec-headerSearch .ec-headerSearch__keyword {
  background-color: transparent;
  border: none;
}

.ec-headerSearch .ec-headerSearch__keyword input[type=search],
.ec-SideLeftSearchProduct input {
  background-color: #fff;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  font-size: 14px;
}

.ec-headerSearch .ec-headerSearch__keywordBtn,
.ec-SideLeftSearchProduct .input-group-text {
  background: url(/html/user_data/assets/img/common/icon-search.svg) no-repeat center center #6A6A6A;
  height: 40px;
  right: 0;
  width: 41px;
  border: 1px solid #6A6A6A;
  z-index: 999;
}

.ec-headerSearch .ec-headerSearch__keywordBtn:hover {
  opacity: 0.6;
}

.ec-SideLeftSearchProduct .input-group-append {
  margin-top: 0;
}

.input-group-append .fa-search {
  display: none;
}

.ec-SideLeftListCategoryHeader {
  text-align: center;
  font-size: 15px;
  margin: 2px 0 8px;
  letter-spacing: 0.05em;
}

.accordion .card-header {
  background-color: #E0E0E0;
  border: none;
  padding-bottom: 2px;
}

.accordion .card-header .btn {
  background-color: #fff;
  position: relative;
  font-size: 14px;
  border-radius: 0;
  border: none;
  letter-spacing: 0.06em;
}

.accordion .card-header .btn:hover {
  background-color: #EDEDED;
}

.accordion .card-header .btn[aria-expanded=true] {
  background-color: #fff;
  margin-bottom: 2px;
  border: none;
}

.accordion .card-header .active {
  background-color: #C3B3A1;
}

.accordion .card-header .btn .fa-angle-down,
.accordion .card-header .btn .fa-angle-up {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 20px;
}

.accordion .card-header .active .fa-angle-down {
  transform: translateY(-50%) rotate(180deg);
}

.ec-SideLeftListCategory ul li {
  background-color: #F5F5F5;
  list-style: none;
  border-bottom: 0;
  line-height: 45px;
  font-size: 12px;
  margin-bottom: 1px;
  padding-left: 0;
}

.ec-pageCustomize {
  padding-bottom: 0;
}

.ec-pageCustomize .ec-pager__item {
  background-color: white;
  border: 1px solid rgb(216, 216, 216);
}

.ec-pageCustomize .ec-pager__item a {
  padding: 5px 12px;
  font-size: 16px;
  color: #333;
}

.ec-pageCustomize .ec-pager__item--active {
  background-color: #333;
  border: 1px solid #333;
  color: white;
}

.ec-pager {
  margin-bottom: 30px;
}

.form-group {
  margin: 22px 0;
}

.ec-SideLeftListCategory {
  background-color: #f0e8df;
  margin: 15px 0;
  padding: 10px !important;
}

.ec-SideLeftSearchProduct {
  margin-top: 0 !important;
}

.form-search-side-left, .ec-categoryLeftMenu {
  background-color: #F0E8DF;
  padding: 10px;
}

.form-search-side-left h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 2px 0 8px;
  letter-spacing: 0.05em;
}

.form-search-side-left-box {
  background-color: #F5F5F5;
}

.form-search-side-left .searchBlock {
  padding: 18px 20px 18px;
  border-bottom: 1px solid #E0E0E0;
}

.form-search-side-left .searchBlock:last-child {
  border-bottom: none;
  text-align: center;
}

.form-search-side-left .searchBlock .titleSub {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.form-search-side-left .searchBlock input {
  width: 60px;
  height: 35px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #BEBEBE;
  display: inline-block;
  font-size: 14px;
  padding: 5px;
}

.form-search-side-left .searchBlock input + span {
  margin: unset;
  font-weight: bold;
  font-size: 14px;
}

.form-search-side-left .form-check, .searchBlock .form-check {
  display: block;
  margin-left: 0;
  margin-bottom: 7px;
}

.form-search-side-left .searchBlock .backgroundBlackCommon {
  width: unset;
  height: unset !important;
  margin: 0 auto;
  /*height: 35px;*/
  line-height: 1em;
  padding: 13px 20px;
  font-size: 15px;
  background-color: #6A6A6A;
  letter-spacing: 0.07em;
}

input[type=checkbox].form-checkbox,
input[type=checkbox].form-check-input {
  opacity: 0;
}

input[type=checkbox].form-checkbox + label,
input[type=checkbox].form-check-input + label {
  display: inline-block;
  line-height: 22px;
  font-size: 14px;
  color: #333;
  position: relative;
  letter-spacing: 0.05em;
}

input[type=checkbox].form-checkbox + label::before,
input[type=checkbox].form-check-input + label::before {
  content: "";
  background-color: #fff;
  border: 1px solid #BEBEBE;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -25px;
  border-radius: 3px;
}

input[type=checkbox].form-checkbox:checked + label::after,
input[type=checkbox].form-check-input:checked + label::after {
  content: "\f00c";
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: rgb(230, 95, 110);
  left: -25px;
  top: 0;
  border-radius: 3px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 600;
  padding-left: 4px;
  line-height: 1.5;
}

input[type=checkbox].form-checkbox:checked + label,
input[type=checkbox].form-check-input:checked + label {
  opacity: 1;
}

.ec-off4Grid .ec-off4Grid__cell {
  display: flex;
  width: 73%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
}

.ec-off4Grid .ec-off4Grid__cell > button,
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action-mypage,
.ec-blockBtn--action-mypage,
.ec-blockBtn--action-button {
  width: 270px;
  margin: 0 auto 15px;
}

.ec-blockBtn--action-button {
  background: #B49674;
  border-color: #B49674;
  border-radius: 4px;
  font-size: 16px;
  color: #fff !important;
}

.ec-blockBtn--action-button:hover {
  opacity: 0.6;
  background: #B49674;
  border: 1px solid #B49674;
}

.ec-blockBtn--action-mypage:hover {
  opacity: 0.6;
  background: #2b2b34;
  border-color: #2b2b34;
}

.backgroundOrangeCommon {
  background-color: rgb(255, 130, 0) !important;
  border-radius: 5px;
}

.backgroundBlackCommon {
  background-color: rgb(51, 51, 51);
  color: white !important;
  width: 270px;
  height: 54px;
  line-height: 54px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin: 0 20px;
  border: none;
  font-weight: bold;
  text-decoration: none !important;
  letter-spacing: 0.08em;
}

.backgroundBlackCommon:hover {
  opacity: 0.6;
}

.backgroundLightGreyCommon {
  background-color: #F0E8DF;
  width: 233px;
  height: 40px;
  font-size: 14px;
  color: #333;
  text-align: center;
  border-radius: 5px;
  line-height: 40px;
}

.backgroundLightGreyCommon:hover {
  text-decoration: none;
  color: #333;
}

.addItem {
  background-color: #E65F6E;
  border-radius: 5px;
  text-align: center;
  padding: 9px 15px 6px;
  border: none;
  font-weight: bold;
  color: #fff;
}

.addItem:hover {
  opacity: 6;
}

/* リニューアルマーク・新商品マーク
商品一覧(リスト・グリット)・お気に入り・ランキング・スライダー */
.ec-listProductShopping .productItemShopping .prenew,
.ec-listProductShopping .productAfterShopping .prenew,
.history .item .prenew,
.ec-productDetail .prenew,
.ec-listProductShopping .productItemShopping .new,
.history .item .new,
.ec-listProductShopping .productAfterShopping .new,
.ec-productDetail .new,
.ec-RankingListProduct .new,
.ec-RankingListProduct .renew,
.yourRecommendedArea .new,
.yourRecommendedArea .prenew,
.yourRecommendedListProductBox .new,
.yourRecommendedListProductBox .prenew {
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 9px 2px;
}

.ec-aboutItem .sale,
.ec-productDetail .sale,
.ec-aboutItem .off,
.ec-productDetail .off {
  width: 65px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1em;
  padding: 0.3vw 0;
}

.ec-aboutItem .off,
.ec-productDetail .off {
  margin-left: -5px;
}

.itemCart {
  position: fixed;
  top: 30%;
  right: 1%;
  border: 1px solid #D8D8D8;
  padding: 19px 15px 15px;
  border-radius: 5px;
  background-color: #fff;
  z-index: 11;
}

.itemCart .ec-Cart_total_quantity {
  right: -21%;
  top: -6px;
}

.ec-boxCart, .ec-boxCart__no-login {
  display: none;
}

.ec-pagenotFound {
  font-size: 16px;
  text-align: center;
}

.ec-pagenotFound h2 {
  border-bottom: none !important;
  text-align: center;
  margin-bottom: 30px;
}

#page_homepage .breadcrumb {
  display: none;
}

.ec-breadcrumb-item {
  background: white;
  margin: auto;
  padding-left: 10px;
  padding-right: 0;
  padding-bottom: 30px;
}

ol.ec-breadcrumb-item li span {
  color: #333;
  text-decoration: none;
  font-size: 11px;
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

.ec-role {
  color: #333;
}

.ec-mainContent .ec-role {
  padding-top: 0;
}

ol.ec-breadcrumb-item li {
  list-style: none;
  font-size: 11px;
}

ol.ec-breadcrumb-item li .material-icons {
  line-height: 1.33;
  vertical-align: middle;
}

.footerInfo-block .ft-des {
  line-height: 20px;
  font-size: 14px;
}

.ftdesLink {
  position: relative;
}

.footerInfo-block .ft-des a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -8px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right.svg) no-repeat 0 0;
  width: 6px;
  height: 10px;
}

.badgeProduct,
.ec-mainContent .block_content .history .smallIcon,
.ec-mainContent .block_content .ec-ranking dl dd .smallIcon,
.ec-listProductShopping .productItemShopping .original,
.ec_productContent .original,
.ec-listProductShopping .productAfterShopping .original,
.saleRecommendedList .original,
.yourRecommendedArea .original,
.yourRecommendedListProductBox .original {
  font-size: 11px;
  font-weight: bold;
  padding: 3px 6px 2px;
  display: inline-block;
}

/* Khoa */
.backgroundBlackCommonDownload {
  background-color: rgb(51, 51, 51);
  color: white !important;
  width: 100%;
  height: 54px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin-right: 20px;
  border: none;
}

.ec-CommonPhone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ec-CommonPhone input {
  width: 90px;
  margin-bottom: 0;
}

.ec-CommonPhone span {
  margin: 0 10px;
}

.ec-footerRole .ec-footer-top-link {
  text-align: center;
  opacity: 0.6;
  height: 45px;
  position: relative;
}

.ec-footerRole .ec-footer-top-link a:after {
  position: absolute;
  top: 36%;
  left: 49.2%;
  content: "";
  background: url(/html/template/default/assets/img/footer/go_top.svg) no-repeat 0 0;
  width: 29px;
  height: 14px;
}

.ec-footerRole .ec-footer-top-link:hover {
  opacity: 1;
}

.ec-footer-top {
  background: #fff;
  padding: 15px 0 13px;
}

.ec-footer-top .ec-footerRole__inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.footerInfo-block {
  margin-bottom: 40px;
}

.ec-footerNavi .ec-footerNavi__link img {
  width: auto;
  margin-top: -2px;
}

.ec-footer-bottom {
  background: #333;
  padding: 25px 0;
}

.ec-footer-middle {
  background: #f5f5f5;
  padding: 60px 100px;
}

.ec-footer-middle .ec-footerRole__inner {
  margin: 0 auto;
  display: flex;
}

.ec-footer-middle .footerInfo-block:last-child {
  margin-bottom: 0;
}

.ec-footerRole__box {
  width: 33.3333333333%;
  margin-right: 5%;
}

.ec-footerRole__box:last-child {
  margin-right: 0;
}

.footerRolelastBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ec-footer-bottom .ec-footerNavi,
.ec-footer-top .ec-footerNavi {
  margin: 0;
  text-align: left;
}

.footerInfo-block .ft-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 7px;
}

.footerInfo-block .ft-title::before {
  content: "";
  background-color: #C3B3A1;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}

.footerInfo-block a,
.cartInfoBlock a {
  color: #333;
  font-size: 14px;
}

.footerInfo-block a:hover {
  text-decoration: underline;
}

.footerInfo-block dl {
  margin-bottom: 15px;
}

.footerInfo-block dt {
  margin-bottom: 5px;
}

.footerAboutactive {
  background: #F0E8DF;
  padding: 40px 0;
}

.footerAboutactive .footerAboutactiveBlock {
  text-align: center;
  margin-bottom: 30px;
}

.footerAboutactive .footerAboutactiveText {
  letter-spacing: 0.06em;
}

.footerAboutactive .footerAboutactiveSubBlock {
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
}

.footerAboutactive .footerAboutactiveSubBox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.footerAboutactive .footerAboutactiveSubBox .footerAboutactiveSubTitle {
  line-height: 1em;
  text-align: right;
  padding-right: 20px;
}

.footerAboutactive .footerAboutactiveSubBox dd {
  width: 23%;
}

.footerAboutactive .footerAboutactiveSubBox .footerAboutactiveSubTitle,
.footerAboutactive .footerAboutactiveSubBox dd {
  margin: 0 0.5%;
}

.footerAboutactive .footerAboutactiveSubBox dd a {
  background-color: #f5f5f5;
  padding: 14px 0;
  display: inline-block;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1em;
  color: #333;
}

.footerAboutactive .footerAboutactiveSubBox dd a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.footerAboutactive .footerAboutactiveTitle {
  margin-bottom: 20px;
  font-size: 17px;
  letter-spacing: 0.1em;
}

.footerAboutactive .footerAboutactiveSubTitle {
  font-size: 15px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.ec-footer-bottom .ec-footerNavi .ec-footerNavi__link a:hover,
.ec-footer-top .ec-footerNavi__link a:hover {
  color: #333;
  text-decoration: underline;
}

.btn-primary-common, .btn-danger-common, .btn-green-common {
  font-size: 12px;
  width: 84.2%;
  border: none;
  color: white;
}

.complete-tel-fax a.backgroundBlackCommon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  justify-items: center;
  line-height: normal !important;
}

/* End Khoa */
.ec-listProductShopping .productItemRight i.fa.fa-angle-right.pc_show {
  display: inline-block;
}

/*tuan anh*/
.ec-guide-color {
  font-size: 16px;
  color: #B12704;
  font-weight: bold;
}

.gotoCart {
  cursor: pointer;
}

.ec-shopping-cart .gotoCart {
  margin-right: 10px;
}

select.form-control,
select.form-select {
  border-radius: 5px;
}

.ec-errorMessage {
  font-weight: normal !important;
}

.ec-footerRole .ec-footer-top-link:hover {
  cursor: pointer;
  background-color: #E4E4E4;
}

.ec-contactText a.gotoContact {
  text-decoration: underline;
  color: #333;
}

/**/
.telFaxError-btn__back {
  line-height: 40px;
}

.ec-mypageRoleCustomer .member-change__complete .btn1 {
  margin-right: 30px;
}

.ec-MypageBlock .ec-navlistRole__item-Bill {
  margin-bottom: 0;
}

.ec-MypageBlock .ec-navlistRole__navlist {
  margin-bottom: 0;
}

.ec-layoutRole__mainBottom .fix_blockContent:last-child {
  margin-bottom: 0;
}

.wrapProductAfterShopping {
  padding-bottom: 0 !important;
}

.wrapProductAfterShopping .listProductAfterShopping {
  margin-bottom: 0;
  padding-bottom: 0;
}

.wrapProductAfterShopping .listProductAfterShopping .productAfterShopping {
  margin-bottom: 0;
}

.wrapProductAfterShopping .listProductAfterShopping .productAfterShopping .infoItem-text a:first-child {
  position: relative;
  display: block;
  margin-bottom: 5px;
}

.wrapProductAfterShopping .listProductAfterShopping .productAfterShopping .infoItem-text a:first-child::before {
  content: "";
  display: block;
}

.devider-afterShopping {
  height: 1px;
  width: 100%;
  background-color: #E0E0E0;
  margin-bottom: 30px;
}

.devider-afterShopping:last-child {
  display: none;
}

.block-container-AfterShopping {
  display: flex;
}

.ec-SideLeftListCategory ul a {
  color: #333;
  text-decoration: none;
  display: block;
  padding-left: 25px;
}

.ec-SideLeftListCategory ul li a:hover {
  background-color: #EDEDED;
}

.ec-SideLeftListCategory .accordion {
  background-color: #E0E0E0;
}

.ec-SideLeftListCategory .accordion .card {
  margin-bottom: 2px;
  border-radius: 0;
  border: none;
  background-color: #E0E0E0;
}

.ec-SideLeftListCategory .accordion > .card .card-header {
  margin-bottom: 0;
}

.shopping-cart__step1 ul.cartTable li:first-child span:nth-of-type(4) {
  text-align: left;
  padding-right: 70px;
}

h2.ec-guide-title,
.ec-guide-title,
.ec-pageConfirmTitle {
  padding: 10px 15px;
  background: #F0E8DF;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
  letter-spacing: 0.05em;
  line-height: 1em;
  border-bottom: none;
}

.headerH1 {
  font-size: 12px;
  letter-spacing: 0.09em;
  text-align: center;
  background-color: #F9F9F9;
  padding: 6px 0;
  margin: 0;
  font-weight: 900;
}

.ec-footer-bottom .ec-footerTitle__copyright,
.ec-footer-bottom .ec-footerTitle__copyright a {
  font-size: 10.5px;
}

.footerLinkArea {
  padding-left: 100px;
  padding-right: 100px;
}

.footerCompanyOverview {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.09em;
  line-height: 1.6;
  margin-right: 30px;
}

.ec-footerTitle__copyright {
  margin: 10px auto 0;
}

.ec-footer-bottom .ec-footerNavi .ec-footerNavi__link a {
  margin: 0 20px 0 0;
  letter-spacing: 0.09em;
  text-decoration: none;
}

.ec-footer-bottom .footerLinkBox {
  max-width: unset;
  padding: unset;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.footerCompanyOverviewStorong {
  font-size: 14px;
  margin-right: 25px;
}

.footerInfoFaqBox {
  padding-left: 1.3em;
}

.footerInfoFaqBox li {
  list-style: unset;
}

.footerInfo-block .mb15 {
  margin-bottom: 15px;
}

/* --------------------------------
  商品一覧・詳細
-------------------------------- */
.ec_productContent {
  max-width: 960px;
  min-width: 700px;
}

.ec_productContent h1 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 6px;
  margin-bottom: 20px;
}

.ec_productContent h2 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 6px;
  margin-bottom: 20px;
}

.ec_productContent h2 .pattern {
  transform: rotate(270deg) translateX(6px);
  display: inline-block;
}

.ec_productContent h2 .pattern ~ .pattern {
  transform: rotate(88deg) translateX(0px);
  display: inline-block;
}

.ec_productContent .product-title {
  font-size: 17px;
  font-weight: bold;
  background-color: #F0E8DF;
  margin-bottom: 20px;
  padding: 10px 15px 7px;
  width: 100%;
  letter-spacing: 0.03em;
}

.ec_productContent .text {
  font-size: 16px;
}

.ec_productContent .text02 {
  font-size: 18px;
  font-weight: bold;
}

.ec_productContent .text03 {
  font-size: 23px;
  font-weight: bold;
}

.ec_productContent .textnote {
  font-size: 14px;
}

.ec-cartRole {
  padding: 0;
  position: relative;
}

.ec-productHistory .cartTable {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  color: #333333;
}

.ec-productHistory .cartTable .productDetail {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  align-items: center;
}

.ec-productHistory .cartTable .formHistoryOderList {
  background-color: #F5F5F5;
  padding: 10px 0 10px 10px;
}

.ec-productHistory .cartTable .formHistoryOderList label {
  margin-bottom: 0;
  padding-left: 6px;
}

.ec-productHistory .formHistoryOderList span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.cartTable tbody tr {
  border-bottom: 1px solid #E0E0E0;
}

.cartTable tbody tr:last-of-type {
  border-bottom: none;
  border-top: 1px solid #E0E0E0;
  width: 100px;
  display: inline-block;
}

.ec-productHistory .cartTable li:first-child span:nth-of-type(2) {
  min-width: 100px;
}

.ec-productHistory .cartTable li:first-child span:nth-of-type(3) {
  min-width: 100px;
  display: inline-block;
}

.ec-productHistory .cartTable li:first-child span:nth-of-type(4) {
  min-width: 310px;
  width: 320px;
  display: inline-block;
  text-align: left;
  padding-left: 35px;
}

.ec-productHistory .cartTable li .num {
  font-size: 14px;
  display: inline-block;
  min-width: 35px;
}

.ec-productHistory .cartTable li .image {
  border: 1px solid #d8d8d8;
  width: 123px;
  height: 84px;
  margin-left: 10px;
  margin-right: 10px;
}

.shopping-cart__step2 ul.cartTable li .image,
.shopping-cart__step1 ul.cartTable li .image,
.ec-cartHaveProduct ul.cartTable li .image {
  margin: 0 10px 0 0;
}

.ec-productHistory .cartTable li .image img {
  width: 130px;
  height: 82px;
  object-fit: cover;
}

.ec-productHistory .cartTable li .product-num {
  width: 100px;
}

.listProductInCart .product-num select.cart_handle_item {
  width: 70px;
  height: 30px;
  padding-top: 3px;
  padding-left: 8px;
  text-align: center;
  text-align-last: center;
}

.ec-productHistory .cartTable li .product-total .priceEnd {
  width: 100px;
  font-weight: normal;
  display: inline-block;
  text-align: center;
}

.ec-productHistory .cartTable li .text {
  font-size: 16px;
  font-weight: bold;
  width: 270px;
  padding-left: 15px;
}

.ec-productHistory .cartTable li .text a {
  color: #333;
}

.ec-productHistory .cartTable li .cart_handle_item {
  width: initial;
  margin: 0 auto;
  font-size: 14px;
  font-weight: normal;
  border-radius: 5px;
  height: initial;
  border: 1px solid #ccc;
}

.ec-cartRole .bgTotal {
  background-color: #F5F5F5;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  margin-top: 10px;
  width: 100%;
}

.history-PaymentTotal {
  font-size: 16px;
}

.ec-productHistory .bgTotal .text-CartTotalPrice {
  font-size: 14px;
}

.ec-productHistory .ec-cartRole .bgTotal {
  border-bottom: 3px solid #ccc;
  background-color: transparent;
  padding-left: 17px;
}

.ec-productHistory .ec-product-itemBtn {
  padding-top: 0;
}

.ec-productHistory .bg-forgot-custom-1 {
  background-color: #FFF5EA;
}

.ec-productHistory .product-title {
  margin-bottom: 10px;
}

.ec-productHistory .cartTable .productCodeNameBox {
  width: 240px;
}

.ec-productHistory .cartTable .productCodeName {
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}

.ec-productHistory .cartTable .product-name {
  display: flex;
  align-items: center;
}

.ec-productHistory .cartTable .product-name input[type=checkbox].form-checkbox + label::before {
  top: -4px;
}

.ec-productHistory .product-name input[type=checkbox].form-checkbox:checked + label::after {
  padding-left: 3px;
  line-height: 1.7;
  top: -4px;
}

.formHistoryOderList input[type=checkbox].form-checkbox + label::before {
  left: -25px;
  top: 1px;
}

.formHistoryOderList input[type=checkbox].form-checkbox:checked + label::after {
  left: -25px;
  top: 1px;
}

.formHistoryOderList input[type=checkbox].form-checkbox:checked + label::after {
  padding-left: 3px;
  line-height: 1.7;
}

.ec-productHistory ul.cartTable li .product-price {
  width: 300px;
}

.ec-productHistory ul.cartTable li .productDetailTitle {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}

.ec-productHistory ul.cartTable li .productDetailQuantity {
  font-size: 13px;
}

.ec-productHistory ul.cartTable li .product-total {
  width: 120px;
}

.ec-productHistory ul.cartTable li input[type=checkbox].form-check-input:checked + label::after {
  padding-left: 0;
}

.ec-productHistory.ec_productContent .original {
  vertical-align: text-bottom;
}

.ec-productHistory .table-addreeBuyer {
  margin: 0 0 20px;
  font-size: 14px;
  color: #333333;
}

.ec-productHistory .table-addreeBuyer tr:first-of-type td {
  border-top: none;
}

.ec-productHistory .table-addreeBuyer tr td:first-of-type {
  font-weight: bold;
  padding: 10px 0;
  width: 175px;
}

.ec-productHistory .ec-product-itemBtn {
  padding-top: 0;
}

.ec-productHistory .cartTable .product-naG66me {
  display: flex;
  align-items: center;
}

.ec-productHistory .cartTable .productDetail {
  border-top: 1px solid #E0E0E0;
  padding: 14px 0 14px 10px;
}

.ec-productHistory .cartTable .productDetailBox {
  display: flex;
}

.ec-productHistory .cartTable .productDetailBox .product-price,
.ec-productHistory .cartTable .productDetailBox .product-num,
.ec-productHistory .cartTable .productDetailBox .product-total {
  display: block;
}

.ec-productHistory .cartTable .productDetailBox .productDetailQuantity {
  display: inline-block;
}

.shopping-cart .ec-cartRole .bgTotal {
  background-color: transparent;
  border-bottom: 3px solid #E0E0E0;
  margin-bottom: 0;
  font-weight: bold;
  padding: 10px 20px 10px 17px;
}

.ec-cartRole .bgTotal .cartTotalPrice {
  font-size: 16px;
  font-weight: bold;
}

.shopping-cart .ec-cartRole .bgTotal .cartTotalPrice {
  font-size: 16px;
}

.ec-cartRole .bgTotal .text {
  font-size: 17px;
  font-weight: bold;
}

.ec-listProductShopping {
  padding-top: 15px;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 15px;
  display: flex;
}

.ec-listProductShopping h2 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  border-bottom: none;
}

.listProductShopping {
  padding-bottom: 20px;
  margin-bottom: 25px;
  width: 100%;
}

.ec-listProductShopping .productAfterShopping {
  width: 25.4%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  padding-right: 1.7%;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 25px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.coreFeatureArea .ec-listProductShopping .productAfterShopping {
  border-bottom: none;
}

.login .ec-listProductShopping .productAfterShopping {
  padding-bottom: 20px;
}

.login .shortItem {
  height: auto !important;
}

.ec-listProductShopping .productAfterShopping .image a:hover {
  opacity: 0.6;
}

.ec-listProductShopping .productAfterShopping .infoItem-text a {
  color: #333;
}

.ec-listProductShopping .productAfterShopping .infoItem-text:hover a {
  text-decoration: underline;
}

.ec-listProductShopping .productAfterShopping:nth-of-type(4n+4) {
  padding-right: 0;
  width: 23.71%;
}

.ec-listProductShopping .productAfterShopping img {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D8;
  object-fit: cover;
  margin-bottom: 0.35vw;
}

.popDownloadArea img {
  border-radius: 0.5em;
}

.ec-listProductShopping .productAfterShopping .missOff,
.ec_productContent .missOff {
  background-color: #6A6A6A;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  margin: 3px 0;
  display: block;
  width: 53px;
  text-align: center;
}

.productAfterShopping .infoItem .popDownload_title {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ec_productContent .missOff-long {
  text-align: left;
}

.ec_productContent .original.sp_show {
  display: none;
}

.ec-product-itemBtn {
  display: flex;
  justify-content: center;
  flex: 1;
  margin-bottom: 45px;
  padding-top: 30px;
}

.ec-productDetailQuantityInCart {
  color: #b12704;
  font-weight: bold;
}

.ec-listProductShopping .productAfterShopping .text_price {
  font-weight: bold;
  font-size: 18px;
  color: #B12704;
}

.ec-listProductShopping .productAfterShopping .text_price-original {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.ec-favoriteRole .productAfterShopping .text_price {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.ec-listItemCart + .ec-listProductShopping .btn-cart {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: nowrap;
  width: 100%;
  margin-right: 10px;
}

.addProductAfterShoppingToCart,
.removeProductAfterShopping {
  background-color: #F5F5F5;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  border: none;
  height: 40px;
  text-decoration: none;
  padding: 0 15px;
}

.addProductAfterShoppingToCart:hover,
.removeProductAfterShopping:hover {
  background-color: #d7dbdb;
  text-decoration: none;
}

.infoProductAfterShopping {
  background-color: #BEBEBE;
  text-align: center;
  font-size: 14px;
  border: none;
  width: 120px;
  height: 40px;
  color: #fff;
  font-weight: bold;
  min-width: 100px;
}

.infoItem {
  position: relative;
}

/* product list */
.shortItem {
  height: 250px !important;
  position: relative;
}

.ec-textDecoRationUnderLine {
  text-decoration: underline;
  color: #333;
}

.ec-RemoveCartItemFromCart {
  color: #333;
  font-size: 14px;
}

#ec-cartInfoShowDeliveryDateMessage {
  padding: 10px;
  margin-bottom: 20px;
}

#ec-cartInfoShowDeliveryDateMessage p {
  font-size: 14px;
  font-weight: bold;
}

.ec-orderDetailStep .ec-orderActive {
  background-color: rgb(0, 176, 236);
  color: white;
}

.ec-orderDetailStep .icon_complete {
  margin-left: -38px;
  margin-top: -18px;
  display: inline-block;
  vertical-align: middle;
}

.ec-order {
  width: 190px;
  height: 45px;
  display: inline-block;
  line-height: 45px;
  border-radius: 20px;
  background-color: rgb(224, 224, 224);
  font-size: 16px;
  font-weight: bold;
}

.ec-chargeAndFee tr :first-child {
  font-weight: bold;
}

.ec-chargeAndFee tbody tr {
  border-top: none;
  border-bottom: 1px solid #E0E0E0;
}

.ec-chargeAndFee tbody tr:last-of-type {
  border-bottom: none;
}

.ec-chargeAndFee tbody tr td {
  border-top: none;
  font-size: 16px;
  padding-left: 18px;
  padding-right: 20px;
}

.shopping-cart__step2 .ec-chargeAndFee tbody tr td {
  padding-left: 35px;
}

.shopping-cart ul.cartTable li:first-child span:nth-of-type(3) {
  min-width: 130px;
}

.shopping-cart ul.cartTable li .product-num {
  min-width: 120px;
}

.shopping-cart ul.cartTable li .product-total {
  min-width: 195px;
  margin-right: 0;
}

.shopping-cart ul.cartTable li:first-child span:nth-of-type(4) {
  min-width: 150px;
  width: 225px;
}

.shopping-cart ul.cartTable li .product-name {
  width: 478px;
  min-width: 280px;
}

.shopping-cart ul.cartTable li .product-price {
  min-width: 155px;
}

#page_shopping_confirm .shopping-cart ul.cartTable li .product-price {
  min-width: 150px;
}

#page_shopping_confirm .shopping-cart ul.cartTable li:first-child span:nth-of-type(3) {
  min-width: 110px;
}

#page_shopping_confirm .shopping-cart ul.cartTable li .product-num {
  min-width: 114px;
}

#page_shopping_confirm .shopping-cart ul.cartTable li:first-child span:nth-of-type(4) {
  min-width: 112px;
  text-align: right;
  padding-right: 30px;
  width: 130px;
}

#page_shopping_confirm .shopping-cart ul.cartTable li .product-total {
  min-width: 115px;
  padding-right: 20px;
}

#page_shopping_confirm .shopping-cart ul.cartTable li .product-name {
  width: 580px;
}

ul.TotalPriceIncludeTax {
  border: 3px solid #ccc;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
  color: #333333;
}

ul.TotalPriceIncludeTax li {
  list-style: none;
  border-top: 1px solid #E0E0E0;
  font-size: 14px;
  font-weight: bold;
  margin: 0 15px;
  padding: 10px 0 10px 0;
  display: flex;
  justify-content: space-between;
}

ul.TotalPriceIncludeTax li:first-child {
  background-color: #F5F5F5;
  border-top: none;
  text-align: right;
  margin: 0;
  padding: 10px 12px 10px 0;
  justify-content: flex-end;
}

ul.TotalPriceIncludeTax li:nth-of-type(2) {
  border-top: none;
}

ul.TotalPriceIncludeTax li:last-child .textred {
  font-size: 27px;
}

.shippingAddress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #BEBEBE;
  padding: 20px 30px;
  margin-bottom: 40px;
  flex: 1;
  font-size: 16px;
}

.shippingAddress .images {
  width: 17px;
}

.shippingAddress .cartDetai-location {
  display: flex;
  line-height: 1.6;
  align-items: center;
  width: 60%;
}

.shippingAddress .cartDetai-location img {
  width: auto;
}

.gotoShippingAddress {
  background-color: #333;
  width: 140px;
  height: 40px;
  line-height: 32px;
  color: white;
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
}

.ec-delivery_date-time-Area {
  padding-bottom: 40px;
}

.ec-delivery_date-time {
  width: 100%;
  display: flex;
  font-size: 14px;
  align-items: center;
}

.ec-DeliveryCalendar input {
  height: 40px;
  width: 272px;
  border: 1px solid #BEBEBE;
  border-radius: 5px;
  font-size: 14px;
  padding: 5px 15px 5px 15px;
}

.ec-DeliveryCalendar input.error {
  background-color: #FFE9E3;
}

.ec-delivery_date-time .delivery_time select.error {
  background-color: #FFE9E3;
}

.ec-DeliveryCalendar {
  display: flex;
  position: relative;
}

.ec-DeliveryCalendar .fa-calendar {
  cursor: pointer;
  width: 27px;
  height: 27px;
  position: absolute;
  right: 10px;
  top: 5px;
}

.ec-delivery_date-time .delivery_date {
  margin-right: 20px;
}

.ec-delivery_date-time .delivery_time {
  margin-right: 40px;
}

.ec-delivery_date-time .delivery_time select {
  width: 170px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  font-size: 14px;
  background-color: #fff;
  padding: 5px 15px 5px 9px;
}

.ec-delivery_date-time .delivery_soon input[type=checkbox],
.ec-delivery_date-time .delivery_soon input[type=checkbox],
.ec-delivery_date-time .delivery_soon input[type=radio] {
  margin-right: 5px;
  width: 15px;
  height: 15px;
  margin-top: -2px;
}

.shopping-cart__step1 input[type=checkbox]:checked::after {
  content: "\f00c";
  width: 13px;
  height: 14px;
  position: absolute;
  background-color: rgb(230, 95, 110);
  border-radius: 2px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-size: 9px;
  font-weight: 600;
  padding-left: 1.5px;
  line-height: 1.5;
  margin-top: 0;
}

.ec-confirmPaymentMethod {
  font-size: 16px;
  width: 100%;
}

.ec_productContent .ec-fLeft,
.ec-role .ec-fLeft {
  margin-top: 0;
}

.ec-cartEsRecoveryProcess {
  border: 1px solid #BEBEBE;
  font-size: 15px;
  margin-bottom: 20px;
}

.ec-productRole__profile .table-ProductDetail {
  margin-top: 10px;
}

.ec-cartEsRecoveryProcessChild1 {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-right: 0;
  padding: 0 60px;
  font-weight: bold;
  background-color: #F5F5F5;
}

.ec-cartEsRecoveryProcessChild2 {
  background-color: #fff;
  padding: 0 20px;
}

.ec-orderDetailStep {
  text-align: center;
  margin: 40px 0;
}

.ec-orderLine {
  height: 4px;
  width: 60px;
  display: inline-block;
  margin: 0 -6px 0 -4px;
  background-color: rgb(224, 224, 224);
}

.ec-mypageRole .searchProduct {
  display: flex;
}

.ec-mypageRole .searchProduct input {
  border: 1px solid #BEBEBE;
  width: 490px;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 14px;
}

.ec-mypageRole .searchProduct .search-left-slide {
  background-color: #6A6A6A;
  width: 40px;
  height: 37px;
  margin-top: -1px;
}

.ec-product-itemBtn.sp_show {
  display: none;
}

.ec-headerListFavorite {
  margin-top: 30px;
  position: relative;
  border-bottom: 2px solid #E0E0E0;
  padding-bottom: 10px;
}

.ec-mypageRole .ec-headerListFavorite .result-text {
  font-size: 14px;
  font-weight: bold;
}

.ec-mypageRole .ec-headerListFavorite .result-text-num {
  font-size: 24px;
  font-weight: normal;
}

.list-counter-header .ec-count-History {
  line-height: 1em;
  font-size: 14px;
  font-weight: bold;
}

.list-counter-header .ec-historyDateForm {
  font-weight: normal;
}

.list-counter-header .ec-historyDateForm .text {
  vertical-align: bottom;
  font-weight: bold;
}

.list-counter-header .total-item-count {
  font-size: 24px;
  font-weight: bold;
}

.list-counter-header .ec-historyDateForm .form-control,
.list-counter-header .ec-historyDateForm .form-select {
  width: 90px;
  height: 40px;
  font-size: 14px;
  text-align: center;
  text-align-last: center;
}

.list-counter-header .ec-historyDateForm {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.historyCountNumberBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.list-counterHistory {
  display: unset;
}

.historySearchBox {
  position: relative;
}

.historySearchBox .form-control,
.historySearchBox .form-select {
  width: 340px !important;
  background-color: #fff !important;
  height: 40px !important;
  border: 1px solid #CED4D8;
  font-size: 14px !important;
  text-align: left !important;
  text-align-last: left !important;
  margin-right: 40px;
  border-radius: 5px 0 0 5px;
}

.historySearchBox .ec-headerSearch__keywordBtn {
  background: url(/html/user_data/assets/img/common/icon-search.svg) no-repeat center center #6A6A6A;
  height: 40px;
  right: 0;
  width: 41px;
  border: 0;
  position: absolute;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 1;
}

.historySearchBox .ec-headerSearch__keywordBtn:hover {
  opacity: 0.6;
}

.ec_productContent .list-mypagehistory {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.ec-productHistoryList .text {
  margin-bottom: 15px;
}

.historyNumberDisplayBox #number_display {
  font-size: 14px !important;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(1) {
  width: 170px;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(2) {
  width: 180px;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(3) {
  width: 160px;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(4) {
  width: 250px;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(5) {
  width: 100px;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(6) {
  width: 100px;
}

.list-mypagehistory .block-mypageHistory .arrow-right__img {
  vertical-align: unset;
}

.list-mypagehistory .block-mypageHistory dl:nth-child(6) {
  width: 100px;
}

.ec-productHistoryList .HistoryListCustomerOrderStatus div {
  font-weight: bold;
  background-color: #F5F5F5;
  border-radius: 10px;
}

.ec_productContent .block-mypageHistory {
  display: flex;
}

.ec_productContent .block-mypageHistory:nth-of-type(n+2) dl dt {
  display: none;
}

.ec_productContent .block-mypageHistory:last-of-type dl {
  border-bottom: none;
}

.ec_productContent .block-mypageHistory dl {
  width: 160px;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 0;
}

.ec_productContent .block-mypageHistory dl:last-of-type dd {
  text-align: center;
}

.ec_productContent .block-mypageHistory dl:last-of-type dd a {
  color: #333;
}

.ec_productContent .block-mypageHistory dl dt {
  background-color: #F5F5F5;
  font-weight: bold;
  padding: 10px 0;
}

.ec_productContent .block-mypageHistory dl dd {
  padding: 27px 10px;
  margin-bottom: 0;
}

.ec-headerListFavorite .form-control,
.ec-headerListFavorite .form-select {
  width: 110px;
  height: 30px;
  border-radius: 5px;
  font-size: 14px;
  padding: 4px 8px 4px 5px;
  text-align: center;
  text-align-last: center;
}

.ec-headerListFavorite #order_by.form-control,
.ec-headerListFavorite #order_by.form-select {
  width: 126px;
}

.ec-headerListFavoriteRightAction {
  position: absolute;
  right: 0;
  /* top: -15px; */
}

.ec-headerListFavoriteRightAction .fas {
  font-size: 24px;
  vertical-align: middle;
  color: #bebebe;
}

.ec-headerListFavoriteRightAction .fa-th-list {
  padding-right: 10px;
  border-right: 1px solid #E0E0E0;
  margin-right: 6px;
  margin-left: 6px;
}

.ec-favoriteRole .text {
  font-size: 16px;
}

.ec-favoriteRole .ec-favoriteProductHeart,
.productAfterShopping .ec-favoriteProductHeart {
  position: absolute;
  right: 7px;
  z-index: 1;
  bottom: 15px;
  width: 23px;
  height: 19px;
  display: block;
}

.ec-favoriteRole .ec-favoriteProductHeart img,
.productAfterShopping .ec-favoriteProductHeart img {
  border: none;
  height: auto;
  width: auto;
}

.ec-favoriteRole .anotherProductShopping {
  display: block;
  font-size: 14px;
  text-decoration: underline !important;
  font-weight: normal;
  color: #333;
}

.ec-favoriteRole .anotherProductShopping:hover {
  color: #008DD8;
}

.ec-favoriteRole .anotherProductShopping::after {
  content: "\f054";
  font-weight: bold;
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
}

.ec-favoriteRole .btn-cart {
  flex-wrap: wrap;
  justify-content: center;
  bottom: 15px;
  padding-right: 20px;
}

.ec-favoriteRole .btn-cart {
  text-align: center;
}

.productAfterShopping:nth-of-type(2n+4) .btn-cart {
  padding-right: 0;
}

.ec-favoriteRole .btn-cart .btnProductShopping,
.productAfterShopping .btn-cart .btnProductShopping,
.productAfterShopping .btn-cart .btnProductShopping,
.productAfterShopping .btn-cart .disableBtn {
  width: 150px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  background-color: #BEBEBE;
  border-radius: 0;
  margin-bottom: 10px;
  text-decoration: none;
  border: none;
}

.ec-listProductShopping .productItemShopping,
.saleRecommendedList .saleRecommendedItemShopping {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: flex;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 100%;
  justify-content: space-between;
}

.ec-listProductShopping .productItemShopping:last-child,
.ec-listProductShopping .unloginProductItemShopping:nth-last-child(2) {
  border-bottom: none;
  margin-bottom: 0;
}

.ec-listProductShopping .productItemShopping .infoItem {
  height: auto;
  display: flex;
  margin-right: 0;
  width: 748px;
  min-width: 350px;
  max-width: 748px;
}

.ec-listProductShopping .productItemShopping .unloginInfoItem {
  width: unset !important;
  min-height: unset !important;
  max-width: unset !important;
}

.ec-listProductShopping .productItemShopping .infoItem-text {
  min-width: 300px;
  width: 100%;
}

.unloginProductItemShopping {
  width: 50% !important;
}

.unloginInfoItemText {
  width: 50% !important;
  min-width: unset !important;
  padding-right: 10px;
}

.ec-listProductShopping .productItemShopping .infoItem-text a {
  color: #333;
  /*text-decoration: none;*/
}

.ec-listProductShopping .productItemShopping .infoItem-text .infoItem-text--describe a,
.ec-listProductShopping .productItemShopping.favorite-list .infoItem-text a,
.saleRecommendedItemNameBox .saleRecommendedItemNamenumber a,
.saleRecommendedItemNameBox .saleRecommendedItemSpecName a {
  padding-bottom: 2px;
  display: inline-block;
}

.ec-listProductShopping .productItemShopping .infoItem-description {
  margin-top: 10px;
}

.ec-listProductShopping .productItemShopping .infoItem-description .text {
  font-size: 14px;
  font-weight: normal;
}

.ec-listProductShopping .productItemShopping .infoItem-description + p {
  border-top: 1px solid #E0E0E0;
  margin-top: 3px;
  padding-top: 5px;
}

.ec-listProductShopping .productItemShopping .infoItem-description .text + .text {
  border-top: 1px solid #E0E0E0;
  margin-top: 3px;
  padding-top: 6px;
}

.ec-listProductShopping .productItemShopping .images {
  width: 237px;
  height: auto;
  margin-right: 10px;
  min-width: 237px;
}

.ec-listProductShopping .productItemShopping .images a:hover img {
  opacity: 0.6;
}

.card_image a:hover img {
  opacity: 0.6;
}

.ec-listProductShopping .productItemShopping .images img {
  width: 235px;
  height: 157px;
  object-fit: cover;
  border: 1px solid #D8D8D8;
}

.ec-listProductShopping .productItemShopping .infoItem-text--describe:hover a {
  text-decoration: underline;
}

.ec_productContent .original.sp_show {
  display: none;
}

.ec-listProductShopping .productItemShopping .text_price {
  font-weight: bold;
}

.ec-listProductShopping .productItemShopping .text_price-original {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.productItemShopping .productItemRight {
  font-weight: normal;
  text-align: right;
  min-width: 190px;
  width: 190px;
}

.productItemShopping .productItemRight .productDetailLike {
  padding: 0;
}

.productItemShopping .productItemRight .productDetailLike:hover {
  text-decoration: underline;
}

.productItemShopping .productItemRight .deleteItem,
.ec-productReplaceMent .deleteItem,
.deleteProductSample {
  background-color: #FFEBB4;
  border-radius: 5px;
  text-align: center;
  padding: 5px 10px 6px;
  border: none;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.5;
  height: 30px;
  width: 120px;
  color: #333;
}

.deleteProductSample {
  cursor: pointer;
  display: inline-block;
}

.deleteProductSample img {
  display: inline-block;
}

.productItemShopping .productItemRight .textSample {
  text-align: right;
  padding-bottom: 6px;
}

.productItemShopping .productItemRight .textSample .textSamplePrice {
  color: #b12704;
}

.productItemShopping .productItemRight .textSample .sampleFormat {
  font-size: 12px;
}

.productDetailLike img, .favoriteButtonDelete img {
  width: 18px;
  margin-right: 6px;
}

.disabledAddToCart {
  /*background-color: #9da3a9;*/
  width: 120px;
  display: inline-block;
  font-size: 13px;
  /* border-radius: 5px; */
  height: 40px;
  text-align: center;
  /*line-height: 35px;*/
  margin: 5px 0;
}

/* tuan anh - product list */
.ec-productReplaceMent .no-deleteItem {
  background-color: #F5F5F5;
  border-radius: 5px;
  text-align: center;
  padding: 9px 15px 6px;
  text-decoration: none;
  border: none;
  font-weight: normal;
  margin-bottom: 8px;
  color: #BEBEBE;
  cursor: default;
}

/**/
.productItemShopping .productItemRight .deleteItem:hover,
.ec-productReplaceMent .deleteItem:hover {
  opacity: 0.6;
}

.productItemShopping .productItemRight .deleteItem .pc_show,
.ec-productReplaceMent .deleteItem .pc_show {
  display: inline-block;
  margin-left: 3px;
}

.productItemShopping .productItemRight .no-deleteItem {
  background-color: #F5F5F5;
  /* border-radius: 5px; */
  text-align: center;
  padding: 9px 15px 6px;
  text-decoration: none;
  border: none;
  font-weight: normal;
  margin-bottom: 8px;
  color: #BEBEBE;
  cursor: default;
}

.productItemShopping .productItemRight .addItem,
.ec-productReplaceMent .addItem {
  background-color: #E65F6E;
  border-radius: 5px;
  text-align: center;
  padding: 8px 10px 6px;
  border: none;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  line-height: inherit;
  height: 40px;
  width: 120px;
}

.productItemShopping .productItemRight .addItem:hover,
.ec-productReplaceMent .addItem:hover {
  opacity: 0.6;
}

.productItemShopping .productItemRight .no-addItem {
  background-color: #F5F5F5;
  /* border-radius: 5px; */
  text-align: center;
  padding: 9px 14px 6px;
  border: none;
  font-weight: bold;
  color: #BEBEBE;
  margin-bottom: 10px;
  cursor: default;
}

.productItemShopping .productItemRight .disableBtn,
.ec-productReplaceMent .disableBtn {
  background-color: #BEBEBE;
  text-align: center;
  padding: 9px 15px 6px;
  border: none;
  font-weight: bold;
  color: #fff;
  cursor: default;
  width: 120px;
  height: 34px;
  margin-bottom: 9px;
  /* border-radius: 5px; */
}

.productItemShopping .productItemRight .disableBtnSample {
  background-color: #F5F5F5;
  text-align: center;
  padding: 9px 15px 6px;
  border: none;
  color: #BEBEBE;
  cursor: default;
  width: 120px;
  height: 34px;
  margin-bottom: 10px;
  /* border-radius: 5px; */
}

.productItemShopping .productItemRight .ItemNum {
  margin-bottom: 10px;
}

.productItemShopping .productItemRight .form-control,
.productItemShopping .productItemRight .form-select,
.ec-productReplaceMent .form-control,
.ec-productReplaceMent .form-select {
  width: 60px;
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  font-size: 14px;
  display: inline-block;
  padding: 5px;
  text-align: center;
  text-align-last: center;
}

.productItemShopping .ec-favoriteProductHeart {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
}

.productItemShopping .productItemRight a,
.ec-productReplaceMent .productItemDis a {
  color: #333;
  display: inline-block;
  margin-bottom: 7px;
}

.productItemShopping .productItemRight a:hover,
.ec-productReplaceMent .productItemDis a:hover {
  color: #008DD8;
}

.productItemShopping .productItemRight .productItemFavourite a {
  text-decoration: none;
}

.productItemShopping .productItemRight .productItemFavourite a:hover {
  text-decoration: underline;
  color: #333;
}

.productItemShopping .productItemRight .productItemDis,
.ec-productReplaceMent .productItemDis {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 2px;
}

.productItemRight .productItemDis .fa-angle-right.pc_show,
.ec-productReplaceMent .productItemDis .fa-angle-right.pc_show {
  display: inline-block;
}

.searchPage .listProductShopping .infoItem {
  height: 240px;
}

.searchPage .productAfterShopping .infoItem .image,
.ec-favoriteRole .productAfterShopping .image {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-bottom: 6px;
}

.searchPage .productAfterShopping .infoItem .image::before {
  content: "";
  display: block;
}

/* --------------------------------
  クイックオーダー
-------------------------------- */
.viewProduct {
  width: 100%;
  margin-top: 30px;
  display: flex;
  margin-bottom: 10px;
}

.viewProduct .viewProduct-group {
  min-width: 320px;
  max-width: 480px;
  width: 480px;
  height: 55px;
  position: relative;
  z-index: 1;
  margin-right: 35%;
}

.viewProduct .selectbox {
  /* min-width: 350px; */
  max-width: 480px;
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  padding: 10px 15px 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  cursor: default;
}

.viewProduct .selectbox::after {
  content: "\f054";
  font-size: 15px;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}

.viewProduct .viewListProduct {
  /*height: 665px;*/
  overflow-y: auto;
  display: none;
  margin-top: -4px;
}

.viewProduct .viewListProduct .arrow_quick_order {
  cursor: pointer;
  text-align: center;
  color: #333;
  display: block;
  border: 1px solid #E0E0E0;
  border-top: 0;
  background-color: #fff;
}

.viewProduct .viewListProduct .arrow_quick_order .fa-angle-down {
  font-size: 20px;
}

.viewProduct .viewListProduct ul {
  list-style: none;
  padding: 15px 20px 10px;
  margin: -4px 0 0;
  border: 1px solid #E0E0E0;
  border-top: none;
  background-color: #fff;
  border-bottom: 0;
}

.viewProduct .viewListProduct ul::-webkit-scrollbar {
  width: 5px;
}

.viewProduct .viewListProduct ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.viewProduct .viewListProduct ul::-webkit-scrollbar-thumb {
  background: #E0E0E0;
}

.viewProduct .viewListProduct ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.viewProduct .viewListProduct ul li {
  list-style: none;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  display: flex;
  padding: 10px 0;
  align-items: center;
}

.viewProduct .viewListProduct ul li .addListFromFavorite {
  cursor: pointer;
}

.viewProduct .viewListProduct ul li:last-child {
  border-bottom: 0;
}

.viewProduct .viewListProduct ul li .image {
  min-width: 70px;
  height: 43px;
  border: 1px solid #D8D8D8;
  margin-right: 10px;
}

.viewProduct .viewListProduct ul li .viewListProduct__text {
  width: 275px;
}

.viewProduct .viewListProduct ul li .viewListProduct__image {
  width: 380px;
  display: flex;
  margin-right: 23px;
}

.viewProduct .viewListProduct ul li img {
  width: 68px;
  height: 41px;
  object-fit: cover;
}

.viewProduct .viewListProduct ul li a {
  color: #333;
  text-decoration: underline;
}

.viewProduct .addItem {
  margin-bottom: 10px;
  font-size: 14px;
  width: 140px;
  padding: 13px 0;
}

.ec-listItemCart .ec-product-itemBtn {
  position: relative;
}

.ec-quick-order .ec-quick-order__desc {
  margin-top: 20px;
}

.ec-quick-order .template-product__name, .ec-quick-order .template-product__name .text02 {
  font-size: 15px !important;
}

.ec-quick-order .ec-product-itemBtn .btn-add-rows {
  width: 140px;
  margin-left: 0;
  font-size: 14px;
  height: unset;
}

.ec-listItemCart ul.quickOrderList {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
  width: 100%;
}

.ec-listItemCart ul.quickOrderList input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ec-listItemCart ul.quickOrderList input[type=number] {
  -moz-appearance: textfield;
}

.ec-listItemCart ul.quickOrderList li {
  list-style: none;
  border-bottom: 1px solid #E0E0E0;
  padding: 15px;
  display: flex;
  font-size: 15px;
  align-items: center;
}

.ec-listItemCart ul.quickOrderList .none-product_quantity select:disabled {
  background: #fff;
}

.favoriteProduct .notfound {
  width: 18px;
}

.ec-listItemCart ul.quickOrderList li:first-child {
  background-color: #F0E8DF;
  padding: 10px 0;
  height: 43px;
  border-bottom: none;
}

.ec-listItemCart ul.quickOrderList li:first-child span {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.ec-listItemCart ul.quickOrderList li:first-child span:first-child {
  display: inline-block;
  min-width: 145px;
  padding-left: 40px;
  text-align: left;
}

.ec-listItemCart ul.quickOrderList li:first-child span:nth-of-type(2) {
  display: inline-block;
  min-width: 87px;
}

.ec-listItemCart ul.quickOrderList li:first-child span:nth-of-type(3) {
  display: inline-block;
  min-width: 365px;
  width: 522px;
}

.ec-listItemCart ul.quickOrderList li:first-child span:nth-of-type(4) {
  display: inline-block;
  width: 195px;
  min-width: 88px;
}

.ec-listItemCart ul.quickOrderList li .aboutProductItem {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 12px;
}

.ec-listItemCart ul.quickOrderList li input {
  width: 110px;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  height: 40px;
  margin: 0 35px 0 0;
  font-size: 16px;
  padding: 5px;
  text-align: center;
}

.ec-listItemCart ul.quickOrderList li select.outNum {
  background-color: #FFE9E3;
}

.ec-listItemCart ul.quickOrderList li select {
  width: 61px;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  height: 30px;
  margin-right: 20px;
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer;
}

.ec-listItemCart ul.quickOrderList li select:hover {
  border-color: #66afe9 !important;
}

.ec-listItemCart ul.quickOrderList li .image {
  border: 1px solid #D8D8D8;
  min-width: 67px;
  height: 42px;
  margin-right: 10px;
  display: inline-block;
}

.ec-listItemCart ul.quickOrderList li .image img {
  width: 65px;
  height: 40px;
  object-fit: cover;
}

.ec-listItemCart ul.quickOrderList li .text {
  font-size: 15px;
  font-weight: bold;
}

.ec-listItemCart ul.quickOrderList li .text a {
  color: #333;
}

.ec-listItemCart ul.quickOrderList li .text a svg {
  margin-bottom: 4px;
}

.ec-listItemCart ul.quickOrderList li .fa-external-link-alt {
  color: #333;
}

.ec-listItemCart ul.quickOrderList li .favoriteProduct {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 100px;
}

.ec-listItemCart ul.quickOrderList li .favoriteProduct img {
  width: 25px;
}

.ec-listItemCart ul.quickOrderList li .ec-favoriteProductHeart {
  position: relative;
  bottom: 0;
  right: 0;
}

.ec-listItemCart ul.quickOrderList li .deleteItem {
  text-decoration: underline;
  color: #333;
  font-size: 14px;
  display: inline-block;
  margin-left: 45px;
  cursor: pointer;
}

.ec-listItemCart ul.quickOrderList li .infoNameItem {
  margin-right: 9%;
  max-width: 522px;
  min-width: 300px;
}

.ec-listItemCart ul.quickOrderList li .infoNameItem-block {
  display: flex;
  align-items: center;
}

.ec-listItemCart ul.quickOrderList li.backgroundProductSample {
  background-color: #F5F5F5;
}

.ec-listItemCart ul.quickOrderList li .linkChangeItem {
  font-size: 14px;
  text-decoration: underline;
  font-weight: normal;
  color: #333;
  margin-top: 5px;
  display: inline-block;
}

.ec-listItemCart ul.quickOrderList li .linkChangeItem img {
  width: 5px;
}

.ec-listItemCart ul.quickOrderList li .error {
  margin: 5px 0 4px;
  font-size: 14px;
}

.ec-listItemCart ul.quickOrderList li .error img {
  width: 23px;
  height: 18px;
}

.quickOrderList + .ec-product-itemBtn {
  padding-top: 60px;
  position: relative;
}

.ec-product-itemBtn .addItem {
  padding: 20px 0;
  width: 270px;
}

.ec-product-itemBtn .addList {
  position: absolute;
  left: 0;
  top: 0;
  width: 170px;
  font-weight: bold;
  line-height: 40px;
}

.ec-listItemCart .suggestCodeItem {
  position: absolute;
  left: 30px;
  display: none;
  z-index: 10;
}

.ec-listItemCart .suggestCodeItem::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 26px;
  border-color: transparent transparent transparent #BEBEBE;
}

.ec-listItemCart .suggestCodeItem:after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 25px;
  border-color: transparent transparent transparent #fff;
}

.ec-listItemCart .suggestCodeItem ul {
  list-style: none;
  padding: 20px 15px 0;
  margin: 0;
  border: 1px solid #BEBEBE;
  position: relative;
  background-color: #fff;
  min-width: 100px;
  min-height: 100px;
  max-height: 300px;
  overflow-y: scroll;
}

.ec-listItemCart .suggestCodeItem ul li {
  cursor: pointer;
  list-style: none;
  border-bottom: 1px solid #BEBEBE;
  font-size: 14px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* --------------------------------
  カート 商品リスト
-------------------------------- */
.cartDetailsTitleBox {
  background-color: #F5F5F5;
  padding: 10px 0 10px 20px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
}

.orderedProductsList {
  border-bottom: 1px solid #E0E0E0;
  padding: 15px 0;
}

.orderedProductsList:first-of-type {
  padding-top: 0;
}

.orderedProductsList:last-of-type {
  border-bottom: unset;
}

.orderedProductDetails {
  display: flex;
}

.orderedProductNincArea,
.orderedProductPttpbArea {
  display: flex;
  align-items: center;
}

.orderedProductNincArea .orderedNum {
  width: 30px;
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: bold;
  text-align: center;
}

.orderedProductNincArea .orderedImg {
  width: 125px;
}

.orderedProductNincArea .orderedImg:hover {
  opacity: 0.6;
  transition: 0.2s;
}

.orderedProductNincArea .orderedNameCodeBox {
  width: 265px;
  padding: 0 10px 0 15px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
}

.orderedProductNincArea .orderedNameCodeBox a {
  color: #333333;
}

.orderedProductPttpbArea .orderedLotPriceBox {
  width: 150px;
  height: 65px;
  padding-right: 10px;
}

.orderedProductPttpbArea .orderedQuantityBox {
  width: 100px;
  height: 65px;
}

.orderedProductPttpbArea .orderedTotalPriceBox {
  width: 90px;
  height: 65px;
}

.orderedProductPttpbArea .orderedBtnBox {
  width: 200px;
}

.orderedProductPttpbArea .orderedLotPriceBox .orderedLotPrice,
.orderedProductPttpbArea .orderedTotalPriceBox .orderedTotalPrice {
  font-size: 14px;
  letter-spacing: 0.03em;
}

.orderedProductPttpbArea .orderedTotalPriceBox .orderedTotalPrice {
  padding-top: 6px;
}

.orderedProductPttpbArea .orderedLotPriceBox .orderedLotPriceTitle,
.orderedProductPttpbArea .orderedQuantityBox .orderedQuantityTlte,
.orderedProductPttpbArea .orderedTotalPriceBox .orderedTotalPriceTitle {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.01em;
  margin-bottom: 5px;
}

.orderedProductPttpbArea .orderedLotPriceBox .orderedLotDetail {
  font-size: 12px;
}

.orderedProductPttpbArea .orderedQuantity {
  width: 80px;
  font-size: 14px;
  font-weight: normal;
  height: initial;
  letter-spacing: 0.01em;
  text-align: left;
}

.orderedProductPttpbArea .cart_handle_item {
  width: 80px;
  font-size: 14px;
  font-weight: normal;
  border-radius: 5px;
  height: initial;
  border: 1px solid #ccc;
  text-align: center;
  letter-spacing: 0.01em;
}

.orderedProductPttpbArea .cart_handle_item:hover {
  opacity: 0.6;
  transition: 0.2s;
  cursor: pointer;
}

.orderedProductPttpbArea .orderedBtnBox ul {
  display: flex;
  justify-content: flex-start;
}

.shopping-cart__step1 .orderedProductPttpbArea .orderedBtnBox ul {
  justify-content: flex-end;
}

.orderedProductPttpbArea .cart-Action a {
  cursor: pointer;
  background-color: #EDF0F0;
  padding: 8px 0 6px;
  margin: 0 9px;
  border-radius: 5px;
  color: #333;
  display: inline-block;
  width: 80px;
  text-align: center;
  font-size: 14px;
}

.orderedProductPttpbArea .cart-Action a:hover {
  background-color: #d7dbdb;
  text-decoration: none;
}

.orderedProductNotesBox {
  margin-top: 10px;
  font-size: 14px;
  color: #B12704;
  letter-spacing: 0.05em;
}

.orderedNotes01Area {
  display: flex;
  margin-left: 30px;
}

.orderedNotes01Text {
  margin-right: 25px;
}

.orderedNotes02Area {
  margin-top: 10px;
}

.orderedNotes02Text {
  text-align: center;
  background-color: #FFE9E3;
  font-size: 13px;
  padding: 2px 0;
}

.ec-cartInfoShowErrorMessage,
#ec-cartInfoShowDeliveryDateMessage p {
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 20px;
}

.shopping-cart__step2 .cartTable li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E0E0E0;
  padding: 10px 0;
  font-size: 16px;
}

.shopping-cart__step2 .cartTable li:first-of-type {
  padding-top: 0;
}

.shopping-cart__step2 .cartTable li .text {
  font-size: 16px;
  font-weight: bold;
  width: 270px;
  padding-left: 15px;
}

.shopping-cart__step2 .product-name {
  display: flex;
  align-items: center;
}

.shopping-cart__step2 .product-name .num {
  font-size: 14px;
  display: inline-block;
  min-width: 35px;
  font-weight: bold;
  text-align: center;
}

.shopping-cart__step2 .product-name .image img {
  min-width: 121px;
  height: 82px;
  object-fit: cover;
  border: 1px solid #d8d8d8;
}

.product-price span,
.product-num span,
.product-total span {
  font-size: 12px;
  display: block;
}

/* カート 商品リスト end */
/* --------------------------------
  お支払い方法
-------------------------------- */
.ec-paymentMethod {
  background-color: #F5F5F5;
  padding: 20px 20px 13px;
  font-size: 16px;
  margin-bottom: 30px;
}

.ec-paymentMethod .overLimitMessage {
  margin-bottom: -10px;
  display: block;
  font-weight: bold;
  letter-spacing: 0.03em;
}

.ec-paymentCash {
  text-align: center;
  margin: 0 auto 20px;
}

.ec-confirmPaymentMethod .ec-product-itemBtn {
  margin-top: 20px;
}

.ec-paymentMethod .ec-cartInfoShowErrorMessage {
  background-color: transparent !important;
  margin-bottom: 0;
  padding-left: 0;
}

.restriction_message {
  background-color: #FFE9E3;
  padding: 25px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.restriction_message_titile {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.restriction_message {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #B12704;
}

.restriction_message_detail {
  font-size: 14px;
}

.agree_restriction {
  text-align: center;
}

.agree_restriction input {
  margin-right: 6px;
}

#agree_width_out_payment_method {
  margin-right: 0 !important;
}

.agree_restriction input::before,
.agree_width_out_payment_method input::before {
  content: "";
  background-color: #fff;
  border: 1px solid #BEBEBE;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 2px;
}

.agree_restriction input[type=checkbox]:checked::after,
.agree_width_out_payment_method input[type=checkbox]:checked::after {
  content: "\f00c";
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: rgb(230, 95, 110);
  border-radius: 2px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-size: 9px;
  font-weight: 600;
  padding-left: 5.5px;
  line-height: 2;
  margin-top: 0;
}

.agree_restriction label {
  margin-bottom: 0;
}

.error_message_area {
  background-color: #FFE9E3;
  padding: 10px;
  margin-bottom: 20px;
  color: rgb(177, 39, 4);
  display: none;
  font-size: 14px;
  line-height: 2;
  text-align: center;
}

/* --------------------------------
  お届け先の登録・変更
-------------------------------- */
.addDelivery {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.addDelivery .backgroundBlackCommon {
  height: 40px;
  line-height: 40px;
  margin-right: 0;
  font-size: 14px;
  padding: 0 8px;
}

.addDelivery .backgroundBlackCommon.btn-disable {
  background-color: #F5F5F5;
  color: #BEBEBE !important;
  line-height: 40px;
  padding: 0 10px;
  font-size: 14px;
  width: 190px;
}

.addDelivery .backgroundBlackCommon.btn-disable:hover {
  opacity: 1;
}

.ec-layoutRole__main__delivery .ec-addressList .addressList {
  border: 1px solid #D8D8D8;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ec-layoutRole__main__delivery .ec-addressList label {
  display: block;
}

.ec-layoutRole__main__delivery .ec-addressList input[type=radio] + label::before {
  top: -20px;
  left: 2px;
}

.ec-layoutRole__main__delivery .ec-addressList input[type=radio]:checked + label::after {
  left: 7px;
  top: -15px;
}

.shippingAddressList {
  position: absolute;
  top: 62%;
  left: -75px;
  text-align: center;
  transform: translateY(-50%);
}

.ec-layoutRole__main__delivery .ec-addressList__address_pick,
.ec-layoutRole__main__delivery .ec-addressList__item-Custom .ec-addressList__address_number_order_first {
  width: 50px !important;
  padding: 16px 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  margin-bottom: 0;
}

.ec-addressList .ec-addressList__address_number_order {
  width: 50px !important;
  padding: 16px 5px;
  text-align: center;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  margin-bottom: 0;
}

.ec-layoutRole__main__delivery .ec-addressList {
  border: 1px solid #E0E0E0;
}

.ec-layoutRole__main__delivery .ec-addressList.shopping-delivery {
  margin-left: 50px;
  border: none;
}

.ec-layoutRole__main__delivery .ec-addressList .ec-addressList__item {
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  min-height: 107px;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}

.ec-layoutRole__main__delivery .ec-addressList__item .ec-addressList__address-description {
  width: 827px;
  display: flex;
}

.shopping-delivery .ec-addressList__item .ec-addressList__address-description {
  width: 785px;
}

.ec-layoutRole__main__delivery .ec-addressList__address-description .ec-addressList__address {
  width: 240px;
  font-weight: bold;
  margin-right: 0;
  display: block;
}

.ec-layoutRole__main__delivery .ec-addressList .ec-addressList__address + .ec-addressList__address {
  width: 625px;
}

.ec-layoutRole__main__delivery .shopping-delivery .ec-addressList__address {
  width: 250px;
}

.ec-layoutRole__main__delivery .shopping-delivery .ec-addressList__address + .ec-addressList__address {
  min-width: 400px;
  max-width: 600px;
}

.ec-layoutRole__main__delivery .ec-addressList .ec-addressList__address + .ec-addressList__address {
  font-weight: normal;
}

a.btnAddDelivery, a.btnAddDelivery:hover {
  width: 152px;
}

.btnAddDelivery, .btnEditDelivery {
  background-color: rgb(51, 51, 51);
  border-radius: 5px;
  color: white;
  font-weight: normal;
  width: 52px;
  height: 40px;
  padding: 5px;
  line-height: 30px;
  margin-right: 10px;
  border: none;
}

.btnAddDelivery:hover, .btnEditDelivery:hover, .btnDelivery:hover {
  opacity: 0.6;
  color: white !important;
  background-color: rgb(51, 51, 51) !important;
  border-color: #8c8c8c;
}

.ec-layoutRole__main__delivery .ec-addressList .ec-addressList__address:nth-of-type(3) {
  font-weight: normal;
}

.ec-delivery-address-errortext {
  font-weight: bold;
  color: #B12704;
}

.ec-addressList .ec-product-itemBtn {
  padding-top: 20px;
}

.ec-addressList .ec-addressList-boxAddress {
  display: flex;
}

.ec-layoutRole__main__delivery .ec-addressList .ec-addressList__action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0;
}

.ec_productContent .addressGuest {
  padding: 0 20px;
  margin-bottom: 20px;
  width: 100%;
}

.ec_productContent .addressGuest .table_addressGuest {
  width: 100%;
}

.ec_productContent .addressGuest .table_addressGuest tr td {
  font-size: 14px;
  border-bottom: 1px solid #E0E0E0;
  padding: 10px 0;
}

.ec_productContent .addressGuest .table_addressGuest tr td:first-child {
  font-weight: bold;
  width: 165px;
}

.ec_productContent .addressGuest .table_addressGuest tr:last-child td {
  border-bottom: none;
}

.ec_productContent .addressGuest .table_addressGuest tr:first-child td {
  padding-top: 0;
}

.ec_productContent .plan_deliveryTime {
  width: 100%;
  margin-bottom: 10px;
}

.ec_productContent .emphasizeDeliveryTime {
  font-size: 20px;
  font-weight: bold;
  color: #B12704;
  line-height: 1em;
}

.ec_productContent .plan_deliveryTime .table_plan_deliveryTime {
  width: 100%;
}

.ec_productContent .plan_deliveryTime .table_plan_deliveryTime tr td {
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  padding: 10px 0;
}

.ec_productContent .plan_deliveryTime .table_plan_deliveryTime tr:last-child td {
  border-bottom: none;
}

.ec_productContent .plan_deliveryTime .table_plan_deliveryTime tr td:first-child {
  font-weight: bold;
  width: 96px;
}

.ec_productContent .info_about-deliveryItem {
  background-color: #F5F5F5;
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
}

.ec_productContent .info_about-deliveryItem p {
  margin-bottom: 10px;
}

.ec_productContent .info_completeProductItem {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.ec_productContent .info_completeProductItem .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.ec_productContent .ec-off4Grid .ec-off4Grid__cell {
  width: 68%;
}

/* --------------------------------
  商品詳細
-------------------------------- */
.sliderItemRole {
  margin-right: 30px;
  margin-bottom: 10px;
}

.sliderItemRole .item {
  position: relative;
}

.sliderItemRole .imgCaution {
  position: absolute;
  background-color: #fff;
  padding: 4px 5px;
  font-size: 11px;
  z-index: 999;
  letter-spacing: 0.04em;
  bottom: 0;
  right: 0;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 1;
}

.sliderItemRole .owl-carousel {
  margin-bottom: 10px;
}

.sliderItemRole .owl-carousel .embed-responsive {
  margin-top: 11px;
}

.sliderItemRole .item_nav {
  display: flex;
  flex-wrap: wrap;
}

.productDetail .item_nav .slideThumb {
  opacity: 1;
  margin-bottom: 10px;
  margin-right: 7px;
  border: 1px solid transparent;
}

.productDetail .item_nav .slideThumb.active {
  border: 1px solid #FF8200;
}

.productDetail .item_nav .slideThumb:nth-of-type(5n) {
  margin-right: 0;
}

.productDetail .item_nav .slideThumb img {
  width: 82px;
  height: 55px;
  object-fit: cover;
}

.ec-productDetail .productBadge {
  margin-bottom: 4px;
}

.ec-productDetail .productBadge .prenew,
.ec-productDetail .productBadge .new {
  position: relative;
}

.ec-productDetail .productBadge .prenew,
.ec-productDetail .productBadge .new,
.ec-productDetail .original,
.ec-productDetail .productBadge .sale {
  margin: 0;
  font-size: 11px;
  width: 80px;
  padding: 5px 0;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  line-height: 1em;
}

.ec-productDetail .ec-productCodeAndName {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #D8D8D8;
  margin-bottom: 15px;
}

.ec-productDetail .ec-productNote {
  font-size: 15px;
}

.ec-productDetail .ec-productNote .textNote {
  font-size: 14px;
  margin-top: 5px;
}

.ec-productDetail .productDetail_money {
  padding-top: 15px;
  line-height: 15px;
}

.ec-productDetail .productDetail_money .firstPrice {
  font-size: 15px;
  font-weight: bold;
}

.ec-productDetail .productDetail_money .lastedPrice {
  font-weight: bold;
  color: #B12704;
  font-size: 18px;
}

.ec-productDetail .productDetail_money .off {
  width: 105px;
  font-size: 18px;
  line-height: 1em;
  margin-left: 5px;
  vertical-align: bottom;
  margin-top: -7px;
}

.ec-productDetail .ec-productDetailLotUnitPrice {
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.ec-productDetail .ec-productDetailLotUnitPrice .productDetailPrice03 {
  color: #B12704;
  font-size: 30px;
}

.ec-productDetail .ec-productDetailSellBy {
  font-size: 14px;
  font-weight: bold;
}

.ec-productDetailOrderProcess .ec-productDetailOrderBlock .btn-SoldOutAndOutOfStock {
  background-color: #BEBEBE;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 258px;
  border-radius: 0;
  padding: 11px 0;
  cursor: unset;
}

.ec-productDetailOrderProcess .productDetailLike {
  background-color: rgb(245, 245, 245);
  padding: 8px;
  font-size: 14px;
  border-radius: 5px;
}

.ec-productDetailOrderProcess .productDetailLike:hover {
  opacity: 0.6;
}

.productItemFavourite .productDetailLike {
  padding: 2px 0;
  border: none;
}

.productItemFavourite .productDetailLike img {
  margin-right: 5px;
}

.ec-productDetail .ec-productDetailOrderProcess {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-bottom: 0;
  flex-direction: column;
}

.ec-productDetail .ec-productRole__profile .textred.error {
  display: flex;
  justify-content: flex-start;
}

.ec-productDetail .ec-productDetailOrderBlock {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
  width: 100%;
  justify-content: space-between;
}

.ec-productDetail .productDetailOrderSample,
.ec-productDetail .productDetailDeleteSample {
  background-color: rgb(255, 235, 180);
  line-height: 1em;
  font-size: 14px;
  padding: 12px 13px;
  border-radius: 5px;
}

.ec-productDetail .productDetailOrderSample:hover {
  opacity: 0.6;
}

.ec-productDetail .errorSample {
  font-weight: bold;
  margin: 5px 0 0 0;
}

.table-ProductDetail tbody tr td:first-child, .table-ReplacementProductDetail tbody tr td:first-child,
.table-ReplacementProductDetail tbody tr td:nth-child(3) {
  background-color: #F5F5F5;
  width: 105px;
}

/* Not used
.table-ProductDetail tbody tr td ul li {
    list-style: inside;
}
*/
.table-ProductDetail tbody tr:last-child, .table-ReplacementProductDetail tbody tr:last-child {
  border-bottom: 1px solid #E0E0E0;
}

.ec-productDetail .productDetailDownload {
  display: flex;
}

.ec-productDetail .backgroundLightGreyCommon + .backgroundLightGreyCommon {
  margin-left: 50px;
}

.ec-productDetail .backgroundLightGreyCommon + .backgroundLightGreyCommon:hover {
  opacity: 0.6;
}

.ec-productDetail .productDetail {
  margin-bottom: 30px;
}

.ec-productReplaceMent {
  margin: 20px 0;
}

.ec-productReplaceMent h2 {
  font-size: 18px;
  border-top: 2px solid #E0E0E0;
  border-bottom: none;
  padding: 10px 0 0;
  margin-bottom: 20px;
}

.ec-productReplaceMent .ec-favoriteProduct img {
  width: 280px;
  height: 173px;
  margin-right: 10px;
  max-width: 280px;
}

.ec-productReplaceMent .ec-favoriteProduct img:hover {
  opacity: 0.6;
}

.ec-productReplaceMent .ec-favoriteProduct .iconCartPosition {
  margin: 0 0 4px 0;
}

.ec-productReplaceMent .ec-favoriteProduct .textred.error img {
  width: auto;
  height: auto;
}

.ec-productReplaceMent .ec-favoriteProduct .disabledAddToCart.no-addItem {
  border: 0;
  background-color: #F5F5F5;
  color: #BEBEBE;
  padding: 8px 13px;
}

.ec-productReplaceMent .productReplaceItem .nameCodeAndBadge {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 6px;
}

.ec-productReplaceMent .productReplaceItem .nameCodeAndBadge a {
  color: #333333;
}

.ec-productReplaceMent .ec-favoriteProductIsSale {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

.ec-productReplaceMent .ec-productDetailLotUnitPrice .priceAfterSaleOff {
  font-size: 22px;
  font-weight: bold;
}

.ec-productReplaceMent .productReplaceItem {
  margin-bottom: 10px;
}

.ec-productReplaceMent .productItemFavourite img {
  width: 18px;
  height: 15px;
  margin-right: 5px;
}

.ec-productReplaceMent .productFavoriteRight {
  position: relative;
}

.ec-productReplaceMent .productFavoriteRight a {
  color: #333;
}

.ec-productReplaceMent .productFavoriteRight a .pc_show {
  display: inline-block;
}

.ec-productReplaceMent .ec-favoriteProduct {
  border-bottom: none;
  padding: 0;
  position: relative;
}

.ec-productReplaceMent .replaceProductDetail {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  border-top: 1px solid #E0E0E0;
}

.ec-productReplaceMent .replaceProductDetail dl {
  border-bottom: 1px solid #E0E0E0;
  width: 50%;
  font-size: 14px;
  display: flex;
  margin-bottom: 0;
}

.ec-productReplaceMent .replaceProductDetail dl:last-of-type {
  width: 100%;
}

.ec-productReplaceMent .replaceProductDetail dl dt {
  background-color: #F5F5F5;
  width: 100px;
  display: inline-block;
  padding: 10px 10px;
  font-weight: normal;
}

.ec-productReplaceMent .replaceProductDetail dl dd {
  display: inline-block;
  width: 380px;
  padding: 10px 10px;
  margin-bottom: 0;
}

.ec-productDetail .ec-productRole__profile {
  position: relative;
}

.ec-productDetail .ec-productRole__profile .iconInfo-item {
  position: absolute;
  right: 0;
  top: 0;
}

.ec-productDetail .ec-productDetailOrderBlock .ItemNum {
  display: flex;
  margin-right: 10px;
  position: relative;
}

.ec-productDetail .ec-productDetailOrderBlock .ItemNum label {
  line-height: 0;
  margin-top: 32px;
}

.ec-productDetail .ec-productDetailOrderBlock .productDetail_itemBtn .textred.error {
  position: absolute;
  left: 0;
  bottom: -30px;
}

.ec-productDetail .ec-productDetailOrderBlock .form-control,
.ec-productDetail .ec-productDetailOrderBlock .form-select {
  width: initial;
  margin-left: 5px;
  border-radius: 5px;
}

.ec-productDetail .ec-productDetailOrderBlock .addItem {
  width: 184px;
  font-size: 16px;
  padding: 15px 0;
}

.ec-productDetail .ec-productDetailOrderBlock .addItem:hover {
  opacity: 0.6;
}

.ec-productDetail .ec-productDetailOrderBlock .productDetail_itemBtn {
  display: flex;
  align-items: inherit;
}

.ec-productReplaceMent .productReplaceItem .nameCodeAndBadge .original {
  vertical-align: middle;
}

.minionInfo {
  position: fixed;
  right: 0;
  bottom: 0;
  height: 50px;
  overflow: hidden;
  padding: 8px 45px 0 0;
  text-align: right;
  cursor: pointer;
  z-index: 2;
}

.minionInfo:hover {
  opacity: 0.75;
}

.minionInfo .text {
  border: 1px solid #D8D8D8;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #FFE9E3;
  font-size: 14px;
  color: #B12704;
  font-weight: bold;
  padding: 10px 40px 20px 20px;
  letter-spacing: 0.05em;
}

.minionInfo img {
  position: absolute;
  right: 0;
  top: 0;
  width: 84px;
}

.ec-pager .ec-pager__item a, .ec-pager .ec-pager__item--active a {
  font-size: 16px;
  padding: 5px 12px;
}

/* --------------------------------
  注文履歴
-------------------------------- */
.ec-productReplaceMent .deleteItem .favoriteSampleAddToCart {
  padding: 5px 0;
  text-decoration: underline;
  background-color: transparent;
  width: auto;
  margin: 0;
}

.ec_productContent .ec-orderDetailInfo {
  border: 1px solid #E0E0E0;
  padding: 20px 20px 10px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 40px;
  line-height: 1em;
}

.ec_productContent .ec-orderDetailInfo.sp_show {
  display: none;
}

.ec_productContent .ec-orderDetailInfo dl {
  display: flex;
  border-bottom: 1px solid #E0E0E0;
  padding: 14px 0;
  align-items: baseline;
  font-size: 14px;
  margin-bottom: 0;
  width: 100%;
}

.ec_productContent .ec-orderDetailInfo dl:last-of-type {
  border-bottom: none;
}

.ec_productContent .ec-orderDetailInfo dl:nth-of-type(4),
.ec_productContent .ec-orderDetailInfo dl:nth-of-type(6) {
  position: absolute;
  right: -12px;
  top: 126px;
  width: 50%;
  border-bottom: none;
}

.ec_productContent .ec-orderDetailInfo dl:nth-of-type(6) {
  top: 169px;
}

.ec_productContent .ec-orderDetailInfo dl dt {
  width: 100px;
  min-width: 100px;
}

.ec_productContent .ec-orderDetailInfo dl dd {
  width: 360px;
  margin-bottom: 0;
}

.ec_productContent .ec-orderDetailInfo dl:first-of-type {
  font-size: 14px;
}

.ec_productContent .ec-orderDetailInfo dl:first-of-type dd {
  width: auto;
}

.ec_productContent .ec-orderDetailInfo dl:first-of-type dd .status {
  padding: 10px;
  border-radius: 5px;
  background-color: #F5F5F5;
  color: #ababab;
}

.ec_productContent .ec-orderDetailInfo dl:first-of-type dd .status.active {
  background-color: #6A6A6A;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 0.08em;
}

.ec_productContent .ec-orderDetailInfo img {
  margin-right: 15px;
  vertical-align: middle;
  margin-left: 15px;
}

.ec_productContent .ec-orderDetailInfo dl dd .groupBill {
  width: 360px;
  margin-bottom: 20px;
}

.ec_productContent .ec-orderDetailInfo dl dd .groupBill__list {
  border-left: 3px solid #F0E8DF;
  padding-left: 10px;
}

.ec_productContent .ec-orderDetailInfo dl dd .groupBill__list p {
  margin-bottom: 10px;
}

.ec_productContent .ec-orderDetailInfo dl:nth-of-type(7) dd {
  display: flex;
  flex-wrap: wrap;
  width: 825px;
}

.ec_productContent .ec-orderDetailInfo dl dd .groupBill a {
  color: #333;
  text-decoration: underline;
}

.ec_productContent .ec-orderDetailInfo dl dd .groupBill .fa-angle-right.pc_show {
  display: inline-block;
  margin-left: 3px;
}

.ec_productContent .ec-product-itemBtn.justify-content-end {
  margin-bottom: 10px;
}

.ec_productContent .ec-product-itemBtn.justify-content-end .addItem {
  height: 40px;
  padding: 5px 12px;
  margin-left: 5px;
}

.ec_productContent .ec-product-itemBtn.justify-content-end .addItem:hover {
  opacity: 0.6;
  color: #fff;
}

.ec_productContent .ec-product-itemBtn.justify-content-end .addItem:disabled {
  background-color: #F5F5F5;
  color: #ababab;
  border-radius: unset;
}

/* --------------------------------
  請求書
-------------------------------- */
.ec-bill .main-title {
  padding: 5px 0;
}

.ec-bill .ec-fRight .time_number {
  margin-left: 0;
}

.ec-billList {
  border-top: 2px solid #D8D8D8;
  margin-top: 15px;
}

.ec-billList dl {
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  display: flex;
  padding: 15px 0;
  justify-content: space-between;
  font-weight: normal;
  margin-bottom: 0;
}

.ec-billList dl:last-of-type {
  border-bottom: none;
}

.ec-billList dl dt {
  font-weight: normal;
}

.ec-billList dl dd {
  margin-bottom: 0;
}

.ec-billList dl dd a {
  color: #333;
}

/* --------------------------------
  MY PAGE
-------------------------------- */
.ec-mypageRole {
  color: #333333;
}

.ec-mypageRoleCustomer .form-info {
  border-top: 2px solid #E0E0E0;
  font-size: 16px;
  margin-bottom: 30px;
}

.ec-mypageRoleCustomer .form-info dl {
  border-bottom: 1px solid #E0E0E0 !important;
  padding: 15px 0 15px 20px;
  display: flex;
  margin-bottom: 0;
}

.ec-mypageRoleCustomer .form-info dl:last-of-type {
  border-bottom: none !important;
}

.ec-mypageRoleCustomer .form-info dl dt {
  font-size: 14px;
  font-weight: bold;
}

.ec-mypageRoleCustomer .form-info dl dd .text {
  font-size: 14px;
  margin-bottom: 3px;
}

.ec-mypageRoleCustomer .form-info dl dd .form-input {
  margin-left: 5px;
  font-size: 14px;
  padding: 5px;
}

.ec-mypageRoleCustomer .form-info dl dd .fixW {
  width: 485px;
  margin-left: 0;
}

.ec-mypageRoleCustomer .form-info dl dd #entry_email_first,
.ec-mypageRoleCustomer .form-info dl dd #entry_email_second {
  width: 508px;
}

.ec-mypageRoleCustomer .form-info dl dd .fixW input[type=password],
.ec-mypageRoleCustomer .form-info dl dd .fixW input[type=text] {
  border-radius: 5px;
  height: 40px;
  border: 1px solid #BEBEBE;
  width: 100%;
  margin-bottom: 5px;
}

.form-info dl dd input {
  color: #555;
  padding: 5px;
  font-size: 14px;
  height: 40px;
}

.ec-mypageRoleCustomer .form-info dl dd .form-control,
.ec-mypageRoleCustomer .form-info dl dd .form-select {
  height: 40px;
  width: 163px;
  display: inline-block;
  margin-right: 5px;
}

.ec-mypageRoleCustomer .ec-fRight .text.pc_show {
  display: inline-block;
}

.ec-label-select {
  display: inline-block;
  font-size: 14px !important;
}

/* --------------------------------
  ポップダウンロード
-------------------------------- */
.ec-popDownloadFormSearchProduct .form-control,
.ec-popDownloadFormSearchProduct .form-select {
  color: #848484;
  font-size: 14px;
  height: 40px;
  border-radius: 5px;
}

.ec-popDownloadFormSearchProduct button.search-left-slide, .ec-favoriteList button.search-left-slide {
  background: url(/html/user_data/assets/img/common/icon-search.svg) no-repeat center center #6A6A6A;
  height: 40px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 40px;
  border: none;
}

.ec-listProductShopping.ec-topListProduct .productAfterShopping .image {
  position: relative;
}

#page_pop_download .ec-listProductShopping .productAfterShopping .infoItem-text img {
  width: 15px;
  height: auto;
  margin-top: 0;
  border-radius: unset;
}

.ec-listProductShopping.ec-topListProduct .productAfterShopping .backgroundBlackCommonDownload {
  height: 35px;
  line-height: 35px;
  margin-right: 0;
}

.ec-listProductShopping.ec-topListProduct .productAfterShopping .backgroundBlackCommonDownload:hover {
  text-decoration: none;
  opacity: 0.6;
}

.ec-listProductShopping.ec-topListProduct .productAfterShopping {
  margin-bottom: 20px;
  padding-bottom: 25px;
}

.ec-popDownloadFormSearchProduct {
  display: flex;
  border-bottom: 2px solid #E0E0E0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.ec-popDownloadFormSearchProduct .form-group {
  margin: 32px 0 12px;
}

.ec-popDownloadFormSearchProduct .form-group label {
  margin-bottom: 0;
}

.ec-popDownloadFormSearchProduct .popDownload_type {
  width: 170px;
  margin-right: 20px;
}

.ec-popDownloadFormSearchProduct .popDownload_free {
  width: 530px;
}

.removeFromFavorite {
  font-size: 13px;
}

.priceAfterSaleOff {
  color: #B12704;
  font-size: 18px;
}

/* --------------------------------
  今だけSALE
-------------------------------- */
.saleRecommendedBlock {
  overflow: inherit !important;
}

.saleRecommendedList .saleRecommendedItemShopping {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.saleRecommendedItemShopping {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.priceAfterSaleOff .priceAfterSaleOffUnit {
  font-size: 15px;
}

.saleRecommendedItemPriceBox {
  line-height: 1.3;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 7px;
  padding-bottom: 7px;
}

.saleRecommendedItemPriceBox .priceAfterSaleOff {
  font-size: 26px;
}

.saleRecommendedItemImg {
  position: relative;
}

.saleRecommendedItemImg:hover {
  opacity: 0.6;
}

.saleRecommendedItemImg .saleRecommendedItemImgOffBox {
  background: url("../img/common/jaggedcircle.png") no-repeat;
  position: absolute;
  background-size: 100%;
  width: 72px;
  height: 72px;
  top: -14px;
  left: -12px;
}

.OffTextDecoration01 {
  font-size: 14px;
}

.saleRecommendedItemImgOff {
  text-align: center;
  color: #b12605;
  font-size: 22px;
  line-height: 1.1;
  margin: 19px 0 0 3px;
}

.saleRecommendedItemSpecArea {
  width: 100%;
}

.saleRecommendedList .saleRecommendedItemNamenumber .original {
  margin: 0 4px 5px 0;
}

.OffTextDecoration02 {
  font-size: 12px;
  display: block;
}

.saleRecommendedItem {
  width: 48.5%;
  margin-top: 30px;
}

.saleRecommendedItem:nth-of-type(1),
.saleRecommendedItem:nth-of-type(2) {
  margin-top: 0;
}

.saleRecommendedItemImg {
  margin-right: 12px;
}

.saleRecommendedItemImg img {
  width: 250px;
  border: 1px solid #D8D8D8;
}

.saleRecommendedItemNameBox {
  margin-bottom: 10px;
  line-height: 1.4;
}

.saleRecommendedItem .saleRecommendedItemNameBox a {
  color: #333;
  font-weight: normal;
}

.saleRecommendedItem .saleRecommendedItemSpecName a {
  font-weight: bold;
}

.saleRecommendedList .saleRecommendedItemShopping .infoItem-description .text {
  font-size: 12px;
  font-weight: normal;
}

.saleRecommendeLoginBtn {
  color: #fff;
  font-weight: bold;
  background-color: rgb(0, 176, 236);
  padding: 8px 13px;
  border: none;
  border-radius: 3px;
  font-size: 12px;
  letter-spacing: 0.09em;
}

.saleRecommendeLoginBtn:hover {
  opacity: 0.6;
  transition: 0.1s;
}

/* tuan anh */
.infoItem .productItemBottom {
  text-align: center;
}

.infoItem .productItemBottom .deleteItem .pc_show {
  display: inline-block;
}

.infoItem .productItemBottom .disableBtn {
  background-color: #BEBEBE;
  text-align: center;
  padding: 9px 15px 6px;
  border: none;
  font-weight: bold;
  color: #fff;
  cursor: default;
  width: 120px;
  height: 34px;
  margin-bottom: 5px;
  border-radius: unset;
}

.infoItem .productItemBottom .deleteItem {
  background-color: unset;
  border-radius: 5px;
  text-align: center;
  padding: 9px 15px 6px;
  text-decoration: underline;
  border: none;
  font-weight: normal;
  margin-bottom: 8px;
}

.infoItem .productItemBottom .deleteItem a {
  color: #676767;
}

.infoItem .productItemBottom .productItemFavourite span {
  display: none;
}

.feature-batch-title {
  background-color: #F0E8DF;
  padding: 10px;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
}

/* tuan anh - product detail */
div.playVideo {
  display: block;
  background: url("../img/common/play.png") center center no-repeat;
}

div.playVideo .videoThumb {
  filter: alpha(opacity=40);
  opacity: 0.4;
}

/**/
.selectError {
  background-color: #FFE9E3;
  color: #000;
}

.textred__Cart {
  color: #B12704 !important;
  white-space: pre;
  display: block;
  margin-top: 1px;
}

.ec-inputSearch {
  width: 100%;
  max-width: 545px;
}

.ec-favoriteRole .ec-inputSearch.ec-searchFavorite button {
  background: url(/html/user_data/assets/img/common/icon-search.svg) no-repeat center center #6A6A6A;
  height: 40px;
  right: 0;
  width: 40px;
  border: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 999;
}

/* --------------------------------
  ランキング
-------------------------------- */
.ranking-main__title {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
}

.ranking-main_desc {
  margin: 10px 0 20px 0;
  font-size: 16px;
}

.ranking-main_desc--sp {
  display: none;
}

.ranking-form__time {
  width: 215px;
  max-width: 215px;
}

.ec-RankingListProduct__detail {
  margin-top: 20px;
  border-top: 2px solid #ccc;
  font-size: 16px;
}

.ranking-list__form {
  display: flex;
  justify-content: space-between;
}

.ranking-list__form--1 {
  display: flex;
}

.ranking-list__form--key {
  margin-left: 1.5rem;
  width: 170px;
}

.ranking-list__form--type {
  width: 170px;
}

.ec-RankingListProduct__image {
  position: relative;
}

.ec-RankingListProduct__image img {
  width: 235px;
  max-width: 235px;
  height: 157px;
  max-height: 157px;
  object-fit: cover;
  margin-right: 10px;
  border: 1px solid #D8D8D8;
}

.ec-RankingListProduct__image .large-image {
  width: 280px;
  min-width: 280px;
  height: 187px;
  min-height: 187px;
  max-width: none;
  border: 1px solid #D8D8D8;
}

.ec-RankingListProduct__image .small-image {
  margin-left: 45px;
}

.ec-RankingListProduct {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E0E0E0;
  padding: 20px 0;
}

.ec-RankingListProduct:last-of-type {
  border-bottom: none;
}

.ec-RankingListProductIsSale .sale_off {
  background-color: #B12704;
  color: white;
}

.ec-RankingListProductIsSale .sale_percent {
  background-color: #FFE30D;
  color: #B12704;
}

.ec-RankingListProductIsSale .sale_off, .ec-RankingListProductIsSale .sale_percent {
  display: inline-block;
  width: 70%;
}

.ec-RankingListProductIsSale .sale_off, .ec-RankingListProductIsSale .sale_percent {
  display: inline-block;
  width: 70%;
}

.ec-RankingListProductLotUnitPrice {
  /* width: 471px; */
  border-bottom: 1px solid #ccc;
}

.ec-RankingListProductSpecificationAndBoxSize__1 {
  margin-top: 5px;
}

.ec-RankingListProductSpecificationAndBoxSize__1--label {
  white-space: nowrap;
}

.rankingListProductRight {
  font-size: 14px;
  text-align: right;
  min-width: 160px;
}

.rankingListProductRight .pc_show {
  display: inline-block;
}

.rankingListProductRight .deleteItem {
  background-color: #FFEBB4;
  border-radius: 5px;
  text-align: center;
  padding: 9px 15px 6px;
  text-decoration: underline;
  border: none;
  font-weight: normal;
  margin-bottom: 8px;
}

.rankingListProductRight .no-deleteItem {
  background-color: #F5F5F5;
  border-radius: 5px;
  text-align: center;
  padding: 9px 15px 6px;
  text-decoration: none;
  border: none;
  font-weight: normal;
  margin-bottom: 10px;
  color: #BEBEBE;
  cursor: default;
}

.rankingListProductRight .no-deleteItem .disabledAddToCart {
  color: #BEBEBE !important;
  background-color: #F5F5F5 !important;
  font-weight: normal !important;
  width: 120px !important;
  line-height: unset !important;
}

.rankingListProductRight .form-control,
.rankingListProductRight .form-select {
  width: initial;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #BEBEBE;
  font-size: 14px;
  display: inline-block;
}

.rankingListProductRight .ItemNum label {
  margin-bottom: 0;
}

.rankingListProductRight .orther_product {
  margin-top: 5px;
  margin-bottom: 8px;
}

.rankingListProductRight .orther_product .ItemNum {
  margin-bottom: 10px;
}

.rankingList-icon {
  font-size: 12px;
  color: #fff;
  background: url(../img/common/home/icon-queen.svg) no-repeat 0 0;
  background-size: 34px;
  width: 34px;
  height: 29px;
  position: absolute;
  left: 20px;
  top: 20px;
  text-align: center;
  padding-top: 11px;
  font-weight: bold;
}

.rankingList-icon__sp {
  font-size: 12px;
  color: #fff;
  background: url(../img/common/home/icon-queen.svg) no-repeat 0 0;
  background-size: 34px;
  width: 34px;
  height: 29px;
  position: absolute;
  left: 20px;
  top: 20px;
  text-align: center;
  padding-top: 11px;
  font-weight: bold;
}

.rankingList-icon__queen1, .rankingList-icon__queen2, .rankingList-icon__queen3 {
  transform: scale(1.4);
}

.rankingList-icon__queen__princess {
  left: 0;
  top: 62px;
}

.rankingList-isTag {
  top: 35px;
}

.rank_block--sp {
  display: none;
}

.rankingListProduct-info {
  height: auto;
  display: flex;
  width: 84%;
  min-width: 550px;
}

.rankingListProduct-info__text {
  width: 471px;
  min-width: 225px;
  font-size: 14px;
}

.rankingListProduct-info__text .badgeProduct {
  margin-top: 0;
}

.rankingListProduct-info__product--code, .rankingListProduct-info__product--name, .ec-RankingListProductIsSale {
  font-weight: bold;
}

.rankingListProduct-info__product--code a, .rankingListProduct-info__product--name a {
  color: #333;
}

.ec-RankingListProduct .smallProductTag {
  left: 45px;
}

.rankingListProductRight_sp {
  display: none;
}

.rankingListProductRight .disabledAddToCart {
  border-radius: 0;
  border: none;
  color: #fff;
  font-weight: bold;
  background-color: #9da3a9;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}

.rankingListProductRight .no-addItem {
  background-color: #F5F5F5;
  color: #BEBEBE;
}

.ec-RankingListProduct .rankingListProductRight a {
  color: #333;
  text-decoration: underline;
}

.rankingListProductRight .anotherProductShopping {
  display: block;
  font-size: 14px;
  text-decoration: underline !important;
  font-weight: normal;
}

.rankingListProductRight .deleteItem {
  background-color: #FFEBB4;
  border-radius: 5px;
  text-align: center;
  padding: 9px 15px 6px;
  text-decoration: underline;
  border: none;
  font-weight: normal;
  margin-bottom: 8px;
}

.rankingListProductRight .deleteItem:hover {
  opacity: 0.6;
}

.ec-RankingListProduct__image .disabledTag_sp {
  display: none;
}

.fa-th-list, .fa-th-large {
  cursor: pointer;
}

#cateModal,
#optionSearch {
  display: none !important;
}

.ec-topListProduct {
  border-top: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ec-heightProductCode {
  height: 50px;
}

.ec-favoriteRole .ec-searchFavorite input {
  height: 40px;
  letter-spacing: 0.02em;
}

.ec-favoriteRole .search-favorite {
  height: 42px;
  margin-top: -1px;
}

.ec-pageHeaderConfirm {
  border-bottom: 2px solid #E0E0E0;
  font-size: 22px;
  font-weight: 600;
  padding: 0 0 5px 0;
}

.ec-TelFaxEntryMessage {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.ec-TelFaxEntryForm label.required {
  margin-right: 10px;
  white-space: pre-wrap;
}

.ec-TelFaxEntryForm {
  background-color: rgb(245, 245, 245);
  margin-bottom: 50px !important;
}

.ec-mainContent .complete-tel-fax {
  font-size: 16px;
}

.couponsLabel {
  width: 224px !important;
  padding-right: 93px !important;
  max-width: none;
}

#page_pop_download .searchPage .productAfterShopping .infoItem-text {
  min-height: auto;
}

.productDetail .sliderItemRole .imageProductDetail {
  width: 450px;
  height: 300px;
  object-fit: cover;
}

.productDetail .sliderItemRole .embed-responsive-16by9::before {
  padding-top: 61.8%;
}

@media (max-width: 1219px) and (min-width: 1024px) {
  .shopping-cart ul.cartTable li .product-total {
    min-width: 156px;
    margin-right: 0;
  }
  #page_shopping_confirm .shopping-cart ul.cartTable li .product-total {
    min-width: 107px;
  }
}
.aboutProductPriceText {
  font-size: 16px;
  font-weight: bold;
  color: #B12704;
  margin: 10px 0;
}

.InductionArea {
  display: flex;
  margin-bottom: 15px;
}

.InductionArea .product__login,
.InductionArea .ec-login__actions a {
  width: 180px;
  line-height: 1em;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.08em;
  padding: 14px 0;
}

.InductionArea .product__login:hover,
.InductionArea .ec-login__actions a:hover {
  color: #fff;
  opacity: 0.75;
}

.InductionArea .product__login {
  margin-right: 15px;
}

.RegistrationGuideText {
  margin: 10px 0;
  font-size: 13px;
}

.deliveryDateConfirm {
  vertical-align: top;
}

.ec_productListContent .ec-pagerRole, .ec-favoriteList .ec-pagerRole {
  margin-bottom: 60px;
}

.ec-cartList .wrapProductAfterShopping {
  border-top: 2px solid #E0E0E0;
}

.shopping-cart .ec-listItemCart .ec-fRight span.text {
  margin-left: 0;
}

.message-error-mobile {
  display: none;
}

.message-error-pc {
  margin: -5px 0 10px 0;
  display: block;
  font-weight: bold;
}

/* --------------------------------
  予約商品_受付期間_お届け期間
-------------------------------- */
.sales_info {
  color: #B12704;
  font-size: 14px;
  margin-top: 15px;
  letter-spacing: 0.05em;
}

.sales_info_titile {
  font-weight: bold;
  margin-bottom: 3px;
}

.sales_info_description {
  margin-bottom: 2px;
}

.sales_info_box {
  margin-top: 15px;
  border-top: 1px solid #E0E0E0;
  padding-top: 15px;
}

.purchaseNumberBox {
  text-align: right;
  font-size: 14px;
  letter-spacing: 0.09em;
  margin-top: -2em;
  margin-right: 9px;
}

ul.cartTable .expiration_cart {
  margin-top: -20px;
}

.ec-cartRole {
  display: block;
}

#delivery_limit_message {
  font-size: 14px;
  color: #B12704;
  letter-spacing: 0.05em;
  margin: 10px 0 0;
}

.quickorderDeliveryperiod {
  font-size: 14px;
  font-weight: normal;
  color: #B12704;
}

.quickProductLink {
  position: relative;
}

.quickProductLink svg {
  position: absolute;
  top: 0;
  left: 5px;
}

.listProductDetailSellBy {
  font-weight: bold !important;
}

.searchlistProductDetailSellBy {
  font-weight: bold;
  border-top: 1px solid #E0E0E0;
  margin-top: 3px;
  padding-top: 5px;
}

/* --------------------------------
  代替品とリニューアル後の商品変更点
-------------------------------- */
.replacementOptionAccordion {
  margin: 20px 0;
}

.replacementOptionTitle {
  padding: 5px 0;
}

.replacementOptionMore::after,
.replacementOptionMore::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 2px;
  height: 0.75em;
}

.replacementOptionContentText {
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: 0.03em;
}

/* なくなり次第終了  sale_recomemended*/
.saleRecommendedItem {
  display: flex;
}

/*-------------SALE LIST--------------------*/
.ec-mainContent-sale__list {
  max-width: 950px !important;
}

.sale_banner {
  text-align: center;
  background-color: #b12704;
  color: white;
  height: 120px;
  line-height: 120px;
  font-size: 82px;
  font-weight: bold;
}

.sale_header {
  display: flex;
  height: 46px;
  color: #b12704;
  line-height: 46px;
  margin-top: 20px;
  font-size: 23px;
  margin-bottom: 20px;
}

.sale_header div:first-child {
  background-color: #FFEB00;
  text-align: center;
  padding: 0 50px;
}

.sale_header_left img {
  width: 100%;
  transform: scale(1.3);
}

.sale_header_image {
  background-color: #F0E8DF;
  margin: 20px 0;
  height: 42px;
  line-height: 42px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
}

.sale_header_left_sold_out img {
  width: 100%;
  transform: scale(1.3);
}

.sale_header_right {
  font-weight: bold;
  padding-left: 20px;
  background-color: #F0E8DF;
  width: 100%;
}

.saleProductInfo a {
  color: #333;
  text-decoration: none;
}

.saleProductInfo-price {
  margin: 0 0 5px;
}

.ec-saleProductLotUnitPrice div {
  margin-right: 15px;
  display: inline;
}

.ec-saleProductLotUnitPrice div:last-child {
  margin-right: 0 !important;
}

.ec-saleProductLotUnitPrice__label {
  float: left;
}

.ec-productSale {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}

.ec-productSale + .sale_header-nakunari {
  margin-top: 0;
}

.sale-list__form {
  display: flex;
  align-items: center;
}

.saleSelectError {
  background-color: #FFE9E3;
  color: #000;
}

.ec-saleList__Block {
  border-bottom: 1px solid #E0E0E0;
  width: 25.5%;
  padding-right: 20px;
  margin-bottom: 20px;
}

.ec-saleList__Block:nth-of-type(4n+4) {
  padding-right: 0;
  width: 23.4%;
}

.ec-saleList__Block .card_image a {
  display: block;
  position: relative;
}

.ec-saleList__Block .card_image a::before {
  content: "";
  display: block;
}

.ec-productSale .badgeProduct {
  margin-top: 0;
}

.ec-productSale .sale__m-minus .col-md-3 {
  padding-top: 20px;
}

.sale__m-minus {
  display: flex;
  flex-wrap: wrap;
}

.ec-productSale .disabledAddToCart {
  width: 100%;
  border-radius: 0;
  border: none;
  color: #fff;
  font-weight: bold;
  background-color: #BEBEBE;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}

.ec-productSale .form-inline select {
  font-size: 14px;
  height: 32px;
  margin-left: 5px;
  width: 60px;
  padding: 5px;
}

.sale_image img {
  width: 100%;
}

.ec-productSale .discount_rate {
  position: absolute;
  right: 1px;
  width: 69px;
  top: 1px;
}

.ec-productSale .discount_rate_percent {
  position: absolute;
  right: 8px;
  top: 12px;
  text-align: center;
  line-height: 17px;
  color: #E71600;
  font-size: 13px;
  font-weight: bold;
}

.ec-productSale .discount_rate_percent .float-right {
  font-size: 11px;
}

.ec-productSale .discount_rate_percent .discount_rate_percent__value {
  font-weight: bold;
  font-size: 21px;
  padding-right: 1px;
}

.ec-productSale .sale_to_date {
  position: absolute;
  left: 1px;
  top: 1px;
  background-color: #B12704;
  color: white;
  font-weight: bold;
  padding: 2px 7px;
}

.ec-productSale .sale_to_date .sale_today {
  font-size: 14px;
}

.ec-productSale .sale_to_date .sale_today span {
  font-size: 11px;
}

.ec-productSale .card {
  margin-bottom: 20px;
  border: none;
}

.ec-productSale .card .card-img-top {
  width: 100%;
  object-fit: scale-down;
  border: 1px solid #D8D8D8;
  border-radius: unset;
}

.saleProductInfo {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 5px;
}

.saleProductDetailSellBy {
  border-top: 1px solid #D8D8D8;
  margin: 2px 0;
  padding-top: 5px;
  font-weight: bold;
}

.saleProductInfo__product--code, .saleProductInfo__name, .saleProductInfo-price {
  font-weight: bold;
}

.saleProductInfo__product--code a:hover {
  text-decoration: underline #333;
}

.saleProductInfo-price .priceBeforeSaleOff {
  font-size: 14px;
}

.saleProductAddToCart {
  font-weight: bold;
  background-color: #E65F6E;
  height: 32px;
  width: 112px;
  color: white;
  border-radius: 5px;
  font-size: 13px;
  margin: 5px 0 5px 5px;
  border: none;
  text-align: center;
  line-height: 33px;
  display: inline-block;
  cursor: pointer;
}

.saleProductAddToCart:hover {
  opacity: 0.6;
}

.saleProductNoAddToCart {
  font-weight: bold;
  background-color: #BEBEBE;
  height: 30px;
  width: 112px;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  margin: 5px 0 5px 5px;
  border: none;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  user-select: none;
}

.sale-quantity__sp {
  display: none;
}

@media only screen and (max-width: 1050px) {
  .ec-productSale .discount_rate_percent {
    top: 0.5vw;
  }
}
/*-------------END SALE LIST-----------------*/
/* --------------------------------
  ご利用ガイド
-------------------------------- */
.ec-guide .ec-guide-list,
.ec-guideOrderContent .ec-guide-list {
  display: flex;
}

.ec-guide-last .ec-guide-list .ec-guide-item {
  margin-bottom: 0;
}

.ec-item-three-column {
  width: 33.3333333333%;
  padding-top: 20px;
  padding-left: 15px;
}

.ecFree {
  padding: 24px 30px 20px;
  background: #F5F5F5;
}

.ec-line-height,
.ec-title-line-height p,
.ec-guide-box p,
.ec-paymentLaunchApp p,
.ec-payment-store p,
.ec-payment-store h3,
.ec-nextDayArea,
.ec-guideFaqContent,
.ec-guideContractContent,
.ec-guidePrivacyContent,
.ec-contactRoleCustom,
.ec-contactCompleteRole p {
  line-height: 1.7em;
}

.ec-payment-store h3,
.ec-payment-store h4 {
  margin-bottom: 0;
  font-size: 15px;
}

.ec-guide-bottom-border {
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.ec-paymentContent .ec-line-height, .ec-guideFaqContent .ec-line-height,
.ec-guideContractContent .ec-line-height, .ec-guidePrivacyContent .ec-line-height {
  padding: 0 !important;
}

.ec-guideOrderContent,
.ec-contactCompleteRole p {
  font-size: 15px;
}

.guideOrderBox {
  margin-bottom: 40px;
}

.ec-guideOrderContent .ec-item-three-column {
  padding: 20px 30px;
  font-size: 14px;
  margin-right: 10px;
}

.ec-guideOrderContent .ec-item-three-column:last-child {
  margin-right: 0;
}

.ec-guideOrderContent .ec-item-three-column dt,
.ec-guideOrderContent .ec-item-three-column p {
  line-height: 1em;
  margin-bottom: 10px;
}

.ec-guideOrderContent .ec-item-three-column p:last-child {
  margin-bottom: 0;
}

.ec-guideOrderContent .ec-item-three-column a {
  color: #333;
}

.ec-item-three-column img {
  width: auto;
}

.ec-guideOrderContent .textLegend,
.ec-paymentContent .ec-paymentCastDelivery .textLegend,
.ec-paymentLaunchApp .textLegend,
.ec-guideDeliveryContent .textLegend {
  font-weight: bold;
  font-size: 14px;
  position: relative;
  line-height: 1em;
  margin-bottom: 10px;
}

.ec-paymentContent .ec-paymentCastDelivery .textLegend {
  margin-top: 20px;
}

.ec-paymentContent .ec-paymentCastDelivery .textLegend:nth-child(1) {
  margin-top: 0;
}

.ec-guideOrderContent .textLegend::before,
.ec-paymentContent .ec-paymentCastDelivery .textLegend::before,
.ec-paymentLaunchApp .textLegend::before,
.ec-guideDeliveryContent .textLegend::before {
  content: "";
  background-color: #C3B3A1;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}

.ec-guideOrderContent .ec-item-three-column .pc_show {
  display: inline-block;
}

.ec-border-bottom-2px {
  padding-bottom: 20px;
  border-bottom: 2px solid #E0E0E0;
}

.ec-guideOrderContent .ec-guide-box a {
  color: #333;
  text-decoration: underline;
}

.ec-guideOrderContent .ec-guide-method,
.ec-guideDeliveryContent .ec-guide-method,
.ec-guideOrderFlowContent .ec-guide-method,
.ec-paymentContent .ec-guide-method {
  padding-top: 50px;
  border-top: 2px solid #E0E0E0;
  margin-top: 50px !important;
}

.ec-paymentContent {
  font-size: 15px;
}

.ec-paymentContent .text {
  margin: 20px 0 10px;
}

.ec-paymentContent h3.text {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0 10px;
}

.ec-paymentContent .handle_slip1, .ec-paymentContent .handle_slip2 {
  width: 400px;
}

.ec-paymentContent .ec-paymentCastDelivery-list {
  margin-bottom: 40px;
}

.ec-paymentContent .handle_slip1 {
  height: 216px;
}

.guide-Payment .ec-paymentContent .ec-paymentCastDelivery {
  padding-left: 0;
}

.ec-paymentContent .ec-paymentCastDelivery {
  width: 50%;
  display: block;
  font-size: 15px;
  padding-right: 20px;
}

.ec-paymentContent .ec-paymentCastDelivery + .ec-paymentCastDelivery {
  padding-right: 0;
}

.ec-paymentContent .ec-paymentCastDelivery .text01 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1.5vw;
}

.ec-paymentContent .ec-paymentCastDelivery h3.text01 {
  line-height: 1.7em;
}

.ec-paymentContent .ec-paymentCastDelivery.receipt {
  font-size: 14px;
}

.ec-payment-store,
.handle-slip,
.ec-nextDayArea {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 30px;
}

.ecPaymentStoreBox .paymentAnnotation {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.ecPaymentStoreBox .paymentAnnotation:first-child {
  margin-top: 10px;
}

.ecPaymentStoreBox .ec-payment-store:first-child {
  margin-bottom: 15px;
}

.ecPaymentStoreBox .ec-payment-store:last-child {
  margin-bottom: 40px;
}

.ec-payment-store:last-child {
  margin-bottom: 0;
}

.ec-paymentLaunchApp .arrow {
  font-size: 30px;
  margin: 95px 10px 0;
  font-weight: bold;
  color: #C3B3A1;
}

.ec-paymentContent .ec-paymentCastDelivery-list,
.ec-guideDeliveryContent .ec-two-column,
.ec-guideOrderFlowContent .ec-two-column {
  display: flex;
  justify-content: space-between;
}

.ec-guideDeliveryContent .ec-two-column,
.ec-guideOrderFlowContent .ec-two-column {
  align-items: center;
}

.ec-paymentContent .transfer {
  padding-top: 40px;
  border-top: 1px solid #E0E0E0;
}

.ec-guideDeliveryContent {
  font-size: 15px;
}

.ec-paymentCastDelivery, .ec-width-two-column + .ec-width-two-column {
  padding-left: 32px;
}

.ec-guideDeliveryContent .deliverytimeTitle {
  margin-bottom: 10px;
}

.ec-guideDeliveryContent .deliveryTimeList {
  margin-bottom: 20px;
}

.ec-guideDeliveryContent .text01 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.ec-guideDeliveryContent h3.text01 {
  line-height: 1.4873125;
}

.ec-guideDeliveryContent .icon_green,
.ec-guideDeliveryContent .icon_blue,
.ec-guideDeliveryContent .icon_red,
.ec-guideDeliveryContent .icon_orange,
.ec-guideDeliveryContent .icon_pink {
  width: 20px;
  height: 14px;
  display: inline-block;
  border-radius: 2px;
  margin-right: 5px;
  vertical-align: text-top;
}

.ec-guideDeliveryContent .icon_green {
  background-color: #7AC28C;
}

.ec-guideDeliveryContent .icon_blue {
  background-color: #74B4E3;
}

.ec-guideDeliveryContent .icon_red {
  background-color: #E13E37;
}

.ec-guideDeliveryContent .icon_orange {
  background-color: #F4A12C;
}

.ec-guideDeliveryContent .icon_pink {
  background-color: #EC7993;
}

.ec-guideDeliveryContent .ec-width-word-wrap {
  font-size: 14px;
  padding-bottom: 7px;
}

.ec-guideDeliveryContent .ec-width-word-wrap:nth-child(4) {
  padding-bottom: 30px;
}

.ec-guideDeliveryContent .ec-width-word-wrap:last-of-type {
  padding-bottom: 0;
}

.ec-guideDeliveryContent .ec-width-word-wrap .time {
  display: inline-block;
}

.ec-guideDeliveryContent .textLegend {
  margin-right: 50px;
}

.ec-guideDeliveryContent .deliverytimePrecautions p {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 2px;
  font-size: 14px;
}

.ec-pageGuidContent {
  margin: 20px auto 0;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.4;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}

.ec-guide-item {
  width: 25%;
  height: 70px;
  border: 1px solid #E0E0E0;
  margin-right: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}

.ec-guide-item:last-child {
  margin-right: 0;
}

.ec-pageGuidContent .ec-guide:nth-of-type(2) .ec-guide-item:nth-of-type(3) img {
  margin-top: -3px;
}

.ec-guide-item a {
  text-decoration: none;
  color: #333;
  padding: 24px 0 22px 17px;
  display: block;
  letter-spacing: 0.035em;
}

.ec-guide-item a:hover {
  background-color: #F5F5F5;
}

.ec-guideOrderFlowContent a {
  color: #333;
  text-decoration: underline;
}

.ec-guide-item img {
  width: auto;
  margin-right: 5px;
  margin-top: -3px;
}

.ec-guideOrderFlowContent .ec-two-column .ec-width-two-column {
  width: 51%;
}

.ec-guideOrderFlowContent,
.ec-guideOrderFlowContent .ec-two-column .ec-width-two-column {
  font-size: 15px;
}

.ec-guideFaqContent {
  font-size: 15px;
}

.ec-guideFaqContent .questionItem {
  margin-bottom: 8px;
}

.ec-guideFaqContent h3.questionItem {
  font-size: 15px;
  line-height: 1.7;
}

.ec-guideFaqContent img {
  width: auto;
  margin: 0 5px 3px 0;
}

.ec-guideFaqContent a {
  text-decoration: underline;
  color: #333;
}

.ec-guideContractContent {
  font-size: 14px;
}

.ec-guideContractContent .num {
  display: inline-block;
  width: 20px;
  vertical-align: top;
}

.ec-guideContractContent .text {
  display: inline-block;
  width: 97%;
}

.ec-guideContractContent .num02 {
  margin-left: 15px;
  width: 50px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.ec-guideContractContent .text02 {
  display: inline-block;
  width: 93%;
}

.ec-guideContractContent h2.text01,
.ec-guideContractContent .text01 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 0;
  border-bottom: none;
  line-height: 1.587;
}

.ec-guideContractContent .ec-guide-contract-acticle {
  margin-bottom: 30px;
}

.layout-primary {
  font-size: 14px;
  margin-right: auto;
  margin-left: auto;
  max-width: 960px;
}

ol.privacy-list li {
  list-style-type: decimal !important;
  overflow: visible;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-top: 1.6rem;
}

.text-style1.-right {
  text-align: right;
}

.text-style1.-spacertop {
  margin-top: 2.6rem;
}

ol.privacy-list.-nestfirst > li {
  margin-bottom: 0.8rem;
}

ol.privacy-list > li {
  margin-bottom: 1.7rem;
}

.postagelistImgArea {
  margin-top: 15px;
}

/* --------------------------------
  ヘッダー
-------------------------------- */
.mbDelivery {
  margin-bottom: 0.45rem !important;
}

.ec-layoutRole__header {
  max-width: 100%;
  margin: 0 auto;
}

.ec-layoutRole .ec-layoutRole__mainWithColumn {
  width: 100%;
}

.ec-layoutRole .ec-layoutRole__mainWithColumn.pl-4, .px-4 {
  padding-left: 0 !important;
}

.ec-headerNaviRole .ec-headerNaviRole__left {
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
  width: 30%;
  margin-top: 6px;
  min-width: 480px;
}

.logged .ec-headerNaviRole .ec-headerNaviRole__right {
  min-width: 360px;
}

.ec-headerNaviRole {
  max-width: 90%;
  min-width: 1024px;
  padding: 0 0 12px;
  margin-top: -17px;
  align-items: flex-end;
}

.ec-headerNav .ec-headerNav__item {
  font-size: max(1.1vw, 14px);
}

.ec-headerRole {
  padding: 0;
  width: 170px;
  margin: 0 17px 0 0;
}

.ec-headerNaviDelivery .ec-headerNaviDelivery-item {
  max-width: 90%;
  min-width: 1024px;
  padding: 0;
  margin: 0 auto;
}

.ec-headerTitle {
  font-size: 12px;
  font-weight: normal;
  color: #333;
}

.ec-headerTop {
  display: none;
}

.ec-headerTitle .ec-headerTitle__title {
  width: 167px;
}

.ec-headerTitle .ec-headerTitle__title a {
  font-size: 12px;
  color: #333;
  font-weight: bold;
  text-align: left;
}

.ec-headerNav .ec-headerNav__itemLink i {
  margin-left: 5px;
}

.ec-headerNav .text {
  font-size: 12px;
  font-weight: normal;
  color: #333;
  display: inline-block;
}

.ec-headerNav .ec-headerNav__itemLink {
  color: #333;
  margin: 0 2px 10px 0;
}

.ec-headerRole__navSP .ec-headerNav .HeaderNavItemLink01,
.ec-footer-top .ec-footerNavi__link a {
  position: relative;
}

.ec-headerRole__navSP .ec-headerNav .HeaderNavItemLink01:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -9px;
  margin: auto;
  content: "";
  background: url(../img/common/arrow-right.svg) no-repeat 0 0;
  width: 6px;
  height: 9px;
}

.ec-headerRole__navSP {
  max-width: 80%;
  min-width: 1220px;
  margin: 0 auto;
  padding-left: 183px;
}

.ec-headerNav .ec-headerNav__itemLink.name {
  font-weight: bold;
  margin: 0 15px 10px 0;
}

.ec-headerNav a:hover .ec-headerNav__itemLink {
  text-decoration: underline;
}

.ec-headerTitle img {
  margin-top: 6px;
}

.ec-headerRole__navSP {
  padding-top: 15px;
  position: relative;
  z-index: 2;
}

.ec-headerRole__navSP .ec-headerNav__item:nth-of-type(1) a {
  margin-right: 19px;
}

.ec-headerNav .ec-headerNav__item {
  font-size: 0;
}

.ec-headerNaviRole img {
  width: auto;
}

.ec-headerNaviRole__left .ec-headerNav .ec-headerNav__item a,
.ec-headerNav .ec-headerNav__item a {
  display: inline-block;
  color: #333;
  margin-right: 12px;
}

.ec-headerNav .ec-headerNav__item .fa-chevron-right {
  vertical-align: middle;
}

.ec-headerNaviRole .ec-headerNaviRole__search {
  margin: 22px 20px 0 0;
  width: 100%;
}

.ec-headerRole__navSP .ec-headerNav .ec-headerNav__item img {
  margin-bottom: 0;
}

.ec-headerNav .ec-headerNav__item img {
  margin-bottom: 5px;
}

.ec-headerNav .ec-headerNav__item:nth-of-type(2) {
  margin-right: 10px;
}

.ec-headerNav .ec-headerNav__item:nth-of-type(3) {
  margin-right: 10px;
}

.ec-headerNav .ec-headerNav__item:nth-of-type(4) {
  margin-right: 8px;
}

.ec-headerNaviRole__search .ec-headerNav .ec-headerNav__item:nth-of-type(1) {
  margin-right: 10px;
}

.ec-headerNaviRole__search .ec-headerNav .ec-headerNav__item:nth-of-type(4),
.ec-headerNaviRole__left .ec-headerNav .ec-headerNav__item a, .ec-headerNav .ec-headerNav__item a:nth-of-type(4) {
  margin-right: 0;
}

.ecHeaderNavEntry {
  width: 100px;
  height: auto;
}

.ec-headerNaviRole .ec-headerNaviRole__nav a {
  display: block;
  margin-right: 0;
  text-align: center;
}

.ec-headerNaviRole .ec-headerNaviRole__nav a:hover {
  opacity: 0.7;
}

.ec-headerNaviRole .ec-headerNaviRole__nav a:hover .ec-headerNav__itemLink {
  text-decoration: none;
}

.logged .ec-headerRole__navSP {
  padding-top: 10px;
}

.ec-headerNav .ec-headerNav__itemIcon {
  margin: 0 auto;
}

.ec-headerNaviRole__right .ec-headerNav__itemLink {
  margin: 0 auto;
  display: block;
  font-weight: 600;
}

.ec-headerNaviRole__right .ec-headerNav__item {
  margin-right: 15px;
  vertical-align: bottom;
}

.ec-headerNaviRole__right .ec-headerNav__item:last-child {
  margin-right: 0;
  margin-top: 0;
}

.logged .ec-headerTitle .ec-headerTitle__title a {
  margin-top: 4px;
}

.logged .ec-headerNaviDelivery-item .free-shipping {
  letter-spacing: 0.02em;
}

.logged .ec-headerNaviDelivery-item .free-shipping img {
  margin-right: 5px;
}

.logged .ec-headerNaviRole .ec-headerNaviRole__search {
  margin-top: 26px;
}

.logged .ec-headerNaviRole__right .ec-headerNav__item:last-child {
  margin-top: 11px;
}

@media (max-width: 1219px) and (min-width: 1024px) {
  .ec-headerNaviRole {
    padding: 0 20px 12px;
  }
  .ec-layoutRole__header .ec-headerNaviDelivery {
    padding: 0 20px 0.1em;
  }
  .ec-nofi {
    padding: 0 20px;
  }
  .ec-content {
    padding: 0 20px;
  }
  .ec-headerRole__navSP {
    padding-left: 204px;
  }
  .ec-banner .owl-carousel .owl-nav .owl-next {
    right: -7.5%;
  }
}
.ec-layoutRole__header .ec-headerNaviDelivery {
  border-bottom: 1px solid #E0E0E0;
  width: 100%;
}