/* カスタマイズ用CSS */


.ec-headerNaviRole .ec-headerNaviRole__logo {
    width: 360px;
  }


.ec-footerTitleUpper {
    padding: 50px 0 20px;
    text-align: center;
    color: #000;
}
.ec-footerTitleUpper .ec-footerTitle__logo a {
    font-size: 24px; }
.ec-footerTitleUpper .ec-footerTitle__copyright {
    font-size: 12px; }

.ec-footerTitleLower {
    padding: 20px 0 80px;
    text-align: center;
    color: #000;
   }
.ec-footerTitleLower .ec-footerTitle__logo a {
    font-size: 24px; }
.ec-footerTitleLower .ec-footerTitle__copyright {
    font-size: 12px; }


.ec-footerRole .ec-footerRole__inner img.ec-footerTitle__logoimg {
    width: 180px;
}


@media screen and (max-width: 480px) {
.ec-headerNaviRole img {max-width: 160%;}
}


/*STE 2022/12/27*/
.ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav li ul li a {
    color: white;
    background: #474040;
}
.ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav li ul li a:hover {
    color: black;
    background: silver;
}

/*STE 2023/08/03*/
/*@media only screen and (min-width: 768px)*/
.ec-footerRole {
    padding-top: 10px;
    margin-top: 10px;
}







.ec-cartRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}


  /* Estilos del formulario */
  .fieldset {
    border: 1px solid #ccc;
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
  }

  .ec-label {
    font-weight: bold;
  }

  .ec-required {
    color: red;
  }

  /* Ajustar los campos de nombre y nombre en kanji en una sola línea */
  .ec-halfInput input {
    width: 48%;
  }

  /* Estilos para el botón de envío */
  /* .ec-blockBtn--action {
    background-color: #238647;
    color: #fff;
    border: none;
    border-radius: 14px;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 10px 20px;
    cursor: pointer;
  } */

  .ec-blockBtn--action {
  background-color: #13aa52;
  border: 1px solid #13aa52;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 10px 25px;
  text-align: center;
  transform: translateY(0);
  transition: transform 150ms, box-shadow 150ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.ec-blockBtn--action:hover {
  box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
  transform: translateY(-2px);
  color: #fff;
}

@media (min-width: 768px) {
  .ec-blockBtn--action {
    padding: 0;
  }
}

  .ec-blockBtn--cancel {
    background-color: #B6B4B4;
    border: 1px solid #B6B4B4;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    outline: 0;
    padding: 10px 25px;
    text-align: center;
    transform: translateY(0);
    transition: transform 150ms, box-shadow 150ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 100%;
    padding: 1.5rem 0;
    display: block;

    /* background-color: #B6B4B4;
    color: #fff;
    border: none;
    border-radius: 14px;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 10px 20px;
    cursor: pointer; */
  }

  .ec-blockBtn--cancel:hover {
    box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
    transform: translateY(-2px);
    color: #fff;
  }

  /* Estilos para los enlaces */
  a {
    color: #238647;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  fieldset {
    font-size: 17px;
    width: -webkit-fill-available;
}

input#deliv_address_addr01 {width: -webkit-fill-available;}

textarea {
    overflow: auto;
    width: -webkit-fill-available;
}

.ec-borderedDefs dl dt {
    margin-top: 0px;
}

input#deliv_address_addr01 {
    margin-bottom: 15px;
}

#cart {
      margin: 20px auto;
      /* max-width: 810px; */
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 10px;
    }

  #cart table{
    display: grid;
    grid-auto-columns: max-content;
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }

  #cart table td{
    margin: 2px;
  }

   #cart table {
    display: flex;
    width: 100%;
    border-collapse: collapse;
    }

    #cart table th, #cart table td {
      border: 1px solid #ddd;
      /* padding: 10px; */
      padding: 8px;
    text-align: left;
    }

    #cart table th {
      background-color: #f2f2f2;
      text-align: left;
      min-width: 65px;
    }

    .form .form--unit {
    text-align-last: center;
}


.required {
    border: 1px solid red;
  }

.ec-cartRole .ec-cartRole__actions {
     width: 100%; 
    margin-right: 10%;
    text-align-last: center;
}

@media screen and (max-width: 500px) {
#cart tr td {
    display: grid;
    width: 374px;
}

#cart tr th{
    display: none;
}
}