@charset "UTF-8";
/* --------------------------------
  カスタマイズ用CSS
-------------------------------- */
/* PC・SP共通 */
@font-face {
  font-family: "HiraKakuProW3";
  src: url("../fonts/HiraKakuPro-W3-AlphaNum.eot");
  src: url("../fonts/HiraKakuPro-W3-AlphaNum.eot?#iefix") format("embedded-opentype"), url("../fonts/HiraKakuPro-W3-AlphaNum.woff2") format("woff2"), url("../fonts/HiraKakuPro-W3-AlphaNum.woff") format("woff"), url("../fonts/HiraKakuPro-W3-AlphaNum.ttf") format("truetype"), url("../fonts/HiraKakuPro-W3-AlphaNum.svg#HiraKakuPro-W3-AlphaNum") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HiraKakuProW6";
  src: url("../fonts/HiraKakuPro-W6-AlphaNum.eot");
  src: url("../fonts/HiraKakuPro-W6-AlphaNum.eot?#iefix") format("embedded-opentype"), url("../fonts/HiraKakuPro-W6-AlphaNum.woff2") format("woff2"), url("../fonts/HiraKakuPro-W6-AlphaNum.woff") format("woff"), url("../fonts/HiraKakuPro-W6-AlphaNum.ttf") format("truetype"), url("../fonts/HiraKakuPro-W6-AlphaNum.svg#HiraKakuPro-W6-AlphaNum") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Hiragino Kaku Gothic Pro", "HiraKakuProW3", sans-serif;
  font-size: 0.875rem;
  color: #333;
}

input[type=text] {
  border: 1px solid #BEBEBE;
}

input[type=password] {
  margin-bottom: 6px;
}

li::before {
  color: #eea236;
}

.title-info {
  font-family: "HiraKakuProW6", sans-serif;
  font-weight: 600;
}

.grid {
  display: grid;
}

.mr-15 {
  margin-left: 100px;
}

.mb-32 {
  margin-bottom: 32px;
  top: 12px;
}

.alignR {
  text-align: right;
}

.text-color-red {
  color: #B12704 !important;
}

.word_breakk {
  word-break: break-word;
}

.fa-eye:hover,
.fa-eye-slash:hover {
  opacity: 0.5;
}

.fa-chevron-right {
  font-size: 12px !important;
}

.complete-square {
  list-style-type: square;
}

.over_limit_cash_sub {
  display: none;
}

.btn-goto-contact {
  text-decoration: underline;
  color: black;
}

.ec-mypageRole .ec-navBreadcrumb a {
  color: #333333;
  text-decoration: none;
}

.ec-mainContent .no-Background {
  background-color: white;
}

/* --------------------------------
  ローダー
-------------------------------- */
.loader {
  position: relative;
  display: inline-block;
  margin: 0 12.5% 100px;
  width: 50px;
  height: 50px;
  border: 2px solid #0cf;
  border-radius: 50%;
  animation: spin 0.75s infinite linear;
}

.loader::before,
.loader::after {
  left: -2px;
  top: -2px;
  display: none;
  position: absolute;
  content: "";
  width: inherit;
  height: inherit;
  border: inherit;
  border-radius: inherit;
}

/*
 * LOADER 1
 */
.loader-1 {
  border-top-width: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* PC・SP共通スタイルを整理 */
/* エラーメッセージ */
#ec-cartInfoShowDeliveryDateMessageErr {
  display: none;
  padding: 10px;
  background: rgb(255, 233, 227);
  color: rgb(177, 39, 4);
}

.ec-errorMessage,
.ec-errorMessageCustom ul,
.ec-cartInfoShowErrorMessage,
.ec-contactRoleCustom .message-errors p.ec-errorMessage,
.ec-DeliveryPage .ec-errorMessage {
  color: #B12704 !important;
  background-color: #FFE9E3;
}

.ec-order-tomorrow {
  width: 58%;
}

.shopping-cart a p {
  color: red;
}

/*custom main*/
.ec-mypageRole .ec-title {
  margin-bottom: 20px;
}

.ec-mypageRole table tr td a {
  text-decoration: underline;
  color: #333333;
}

.ec-mypageRole .list-counter-header {
  font-weight: bold;
}

.ec-mypageRole .list-counter-header .total-item-count {
  font-size: 25px;
}

.ec-mypageRole .list-table {
  margin-top: 20px;
}

.table .thead-light th {
  color: #495057;
  background-color: #ededed;
  border-color: #ededed;
  border-top: 2px solid #9a9c9e;
  text-align: center;
}

.table .thead-light1 th {
  color: #495057;
  background-color: #ededed;
  border-color: #ededed;
  text-align: center;
}

/* ページネーション */
.pagination > li > a, .pagination > li > span {
  border: none;
  color: #333333;
  padding: 6px 6px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: transparent;
  border-color: transparent;
  color: #333333;
  text-decoration: underline;
}

/* フッター */
.ec-footerRole {
  border-top: none;
  background: #F0E8DF;
}

.ec-footerRole .ec-footer-top-link i {
  font-size: 23px;
  color: #ffffff;
}

.ec-footer-top .ec-footerRole__inner {
  justify-content: center;
}

.ec-footer-middle .ec-footerInfo {
  margin: 0 15px 5px;
  width: calc(33.33% - 30px);
  padding-bottom: 45px;
}

.footerInfo-block h2,
.footerInfo-block p {
  font-size: 14px;
  text-align: justify;
  line-height: 2;
  color: #333;
}

.footerInfo-block h2 {
  margin-bottom: 0;
}

.ec-footer-bottom .ec-footerRole__inner,
.ec-footer-top .ec-footerRole__inner {
  align-items: center;
  padding-top: 0;
}

.ec-footer-top .ec-footerNavi__link a {
  color: #333;
  text-decoration: none;
  border-bottom: none;
  font-weight: 300;
  display: inline-block;
  border-bottom: none;
  margin: 0 19px;
  padding: 0;
  letter-spacing: 0.03em;
}

.ec-footer-bottom .ec-footerTitle__copyright,
.ec-footer-bottom .ec-footerTitle__copyright a {
  margin-left: auto;
  color: #ffffff;
}

/* 上部に戻るボタン */
.logo-ft {
  position: relative;
  height: 75px;
  width: 100%;
  margin-bottom: -60px;
}

.logo-ft .logo img {
  position: absolute;
  bottom: 8px;
  right: 55px;
  width: 70px;
  height: 29px;
}

.logo-ft .penguin img {
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 120px;
  height: auto;
}

/* 新規会員登録 */
.ec-pageHeaderCustomer h1 {
  font-weight: 500;
  border-bottom: 2px solid #cccccc !important;
}

.ec-borderedDefs {
  border-top: none;
  font-weight: 500;
  background-color: #F5F5F5;
  padding: 20px 30px 20px;
}

.ec-phoneAndWorkTime {
  border-bottom: 2px solid #ccc;
  padding-bottom: 30px;
  margin-top: 10px;
  font-size: 13px;
}

.ec-phoneAndWorkTime .phone {
  margin-right: 40px;
}

.ec-blockBtn--action-forgot-password:hover {
  background: #2b2b34;
  border-color: #2b2b34;
}

.ec-pageHeaderCustom h1 {
  margin: 0 0 20px;
}

.ec-forgotCustomerInfo .ec-contactTitle {
  background-color: rgb(240, 232, 223);
  margin: 12px 0 20px 0;
}

.ec-forgotCustomerInfo .ec-contactTitle a {
  text-decoration: underline;
}

.ec-errorMessageCustom + dl {
  padding-top: 5px !important;
}

.ec-pageHeaderConfirm {
  border-bottom: 2px solid #ccc;
  font-size: 24px;
  padding-bottom: 5px;
}

.ec-forgotPWConfirm dt, .ec-forgotPWConfirm dd {
  padding-left: 15px;
}

.ec-pageHeaderConfirm {
  padding-left: 15px;
}

.complete-password h3 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.complete-tel-fax h4 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  font-weight: 600;
  padding-top: 20px;
  font-size: 22px;
}

.bg-forgot-custom-1 {
  background-color: rgb(240, 232, 223);
}

.btn-goto-login {
  background-color: #2b2b34;
  width: 363px;
  border: none;
}

.btn-goto-login:hover {
  background-color: #2b2b34;
}

.ec-required {
  color: white;
  background: rgb(177, 39, 4);
  padding: 2px 9px 2px;
  border-radius: 3px;
  margin-left: 5px;
  line-height: 1.5em;
}

.ec-contactRoleCustom .ec-borderedDefsCustom dt {
  position: relative;
}

.ec-resetPasswordForm .ec-borderedDefs, .ec-resetPasswordForm .ec-borderedDefs dl {
  border: none;
}

.ec-resetPasswordForm .ec-borderedDefs {
  background-color: rgb(245, 245, 245);
  padding: 30px;
}

.ec-resetPasswordForm .ec-borderedDefs .required {
  margin-top: 100px;
  margin-left: 80px;
}

.ec-resetPasswordForm .ec-blockBtn--action {
  background-color: black;
  border: none;
  font-size: 18px;
  border-radius: 4px;
}

.ec-resetPasswordForm .ec-blockBtn--gotoShopping {
  background-color: rgb(230, 95, 110);
  font-weight: normal;
}

.ec-resetPasswordForm .border-top {
  border-top: 2px solid #C9C9C9 !important;
}

.ec-input-ct .ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50;
}

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

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

ol.ec-breadcrumb-item li a:hover {
  text-decoration: underline;
}

.es-business .ec-errorMessage {
  margin-bottom: 0;
}

.ec-footer-bottom .ec-footerNavi__link a {
  display: inline-block;
  color: #ffffff !important;
  font-size: 14px;
}

.ec-off1Grid .ec-off1Grid__cell {
  margin-left: 0;
  width: 100%;
}

/* お電話・FAXで購入があり、通販サイトのご利用がはじめての方 */
.ec-TelFaxEntryMessage {
  color: rgb(51, 51, 51);
}

.ec-TelFaxEntryFormPostCode span {
  line-height: 36px;
}

.ec-TelFaxEntryFormInputPostCode {
  display: flex;
}

.ec-TelFaxEntryFormInputPostCode a {
  color: black;
}

.ec-TelFaxEntryFormError {
  background-color: rgb(245, 245, 245);
  font-size: 14px;
}

.ec-ZipCodeLink, .ec-ZipCodeLink:hover {
  color: black;
}

.ec-EsOrderNoImg {
  text-decoration: underline;
  cursor: pointer;
}

#modalOrder {
  padding: 0 !important;
  border-radius: 0;
}

#modalOrder .modal-dialog {
  margin: 0;
  max-width: 100%;
}

.contentOrder {
  background-color: rgb(245, 245, 245);
  padding: 40px;
}

.ec-EsOrderNoImgLeft img:last-child {
  margin-top: 19px;
}

.ec-EsOrderNoImgCenter img {
  margin-top: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}

#modalOrder .modal-content {
  width: 50% !important;
}

.ec-guide-method .ec-popup-dialog {
  width: 270px;
}

.ec-width-bf-first-into-site {
  width: 180px;
}

.ec-margin-right22 {
  margin-right: 22px;
}

#modalFirstIntoSite .text-center {
  margin-bottom: 0 !important;
}

.ec-border-right {
  border-right: 1px solid #E0E0E0;
}

.btn-danger-site {
  background-color: #E65F6E !important;
}

#modalOrder .ec-OrderTitle {
  margin-bottom: 30px;
  font-size: 22px !important;
  padding-bottom: 5px;
}

.ec-OrderTitle {
  border-bottom: 2px solid #ccc;
}

#modalOrder .modal-header, #modalOrder .modal-footer {
  border: none;
}

.ec-headerNav-member-register {
  margin-top: -42px;
}

.btn-disable {
  color: #ffffff;
  background-color: #d7dfe3;
  border-color: #adadad;
  padding: 10px 15px;
  border-radius: 5px;
}

.handle-slip {
  border: 1px solid #E0E0E0;
}

/* --------------------------------
  送料・お届けについて
-------------------------------- */
.ec-guide-bottom-border,
.ec-guide-border-top {
  border-bottom: 1px solid #E0E0E0;
}

.ec-guide-method a.order, .ec-guide-method a.delivery, .ec-guide-method a.order-flow,
.ec-guide-method a.payment, .ec-guide-method a.privacy, .ec-guide-method a.contact {
  display: inline-block;
  background: #333;
  color: #ffffff;
  padding: 15px 25px;
  margin: 22px 0 2px 0;
  border-radius: 5px;
}

.ec-guide-method a {
  text-decoration: none;
}

.privacy_policy {
  margin-left: -20px !important;
}

.ec-border-bottom {
  border-bottom: 1px solid #333333;
}

.ec-powers {
  font-size: 10px;
  font-weight: bold;
}

.order a, .delivery a, .order-flow a, .payment a, .privacy a {
  text-decoration: none;
  color: #ffffff;
}

.privacy-list li a, .ec-table-history a {
  text-decoration: none;
  color: #333333;
}

.ec-table-history tr td a {
  text-decoration: none !important;
}

.ec-guide-width-article {
  width: 98%;
}

.ec-guideContractContent p {
  text-align: justify;
  text-justify: inter-word;
}

/* --------------------------------
  #modalOrder
-------------------------------- */
#modalOrder .modal-footer {
  padding-top: 30px;
  margin: 0 auto;
}

#modalOrder .modal-header button {
  margin-top: 0;
  margin-right: 0;
}

#modalOrder .modal-footer button {
  color: white;
  background: #333333;
}

/* --------------------------------
  新規会員登録
-------------------------------- */
.ec-SeperatorTelFaxEntry {
  margin-right: 0;
  margin-left: 0;
  line-height: 40px;
}

/* --------------------------------
  パスワード
-------------------------------- */
.ec-change-inputPassword {
  position: relative;
}

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

.ec-inputKanaType .ec-errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50;
}

.error.ec-input textarea {
  border-color: #CF3F34;
  background: #FDF1F0;
}

.ec-ContactMessageError .ec-errorMessage:last-child {
  margin-left: 10px;
}

.ec-DeliveryPage .ec-borderedDefs {
  border-top: none;
}

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

.ec-DeliveryPage .ec-borderedDefs dl:last-child {
  border: none;
}

.ec-CustomerModify div:first-child .ec-errorMessage {
  margin-left: 17px;
}

.ec-CustomerModify div:last-child .ec-errorMessage {
  margin-left: 32px;
}

.ec-zipInputCustom p {
  margin: 0;
  padding: 0;
}

.list-counterHistory {
  position: relative;
  padding-top: 30px;
}

.ec-orderDetailInfo {
  border: 1px solid #ccc;
  margin-top: 20px;
  padding: 0 20px;
}

.ec-historyDetail tbody tr:first-child td {
  border-top: none;
}

.ec-orderDetailInfo tbody tr td:first-child {
  font-weight: bold;
  width: 15%;
}

.ec-orderDetailInfo tbody tr td:first-child {
  font-weight: bold;
  width: 15%;
}

.ec-deliveryInfo tbody tr td:first-child {
  font-weight: bold;
  width: 25%;
}

.ec-layoutRole__main_Child {
  width: 86%;
  margin: 0 auto;
}

.ec-backGroundCommonDiv {
  background-color: rgb(240, 232, 223);
  padding: 12px 15px;
  margin-top: 20px;
}

.ec-colorButtonDisable {
  color: rgb(190, 190, 190);
}

.bg-forgot-custom-1 .order_checkbox_hidden {
  visibility: hidden;
}

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

.backgroundYellowCommon {
  background-color: rgb(180, 150, 116);
  color: white;
  width: 270px;
  height: 54px;
  display: inline-block;
  line-height: 54px;
  text-align: center;
  border-radius: 5px;
}

.backgroundProductSample {
  background-color: rgb(255, 245, 234);
}

.ec-cartEsRecoveryProcess {
  border: 2px solid rgb(190, 190, 190);
}

/* --------------------------------
  お届け先の登録・変更
-------------------------------- */
#delivery_date_time_delivery_soon {
  zoom: 1.5;
  margin-right: 5px;
}

.delivery_date_time_delivery_soon {
  display: none;
}

.shipping_address_detail {
  zoom: 1.5;
}

.order_checkbox_hidden {
  visibility: hidden;
  width: 21px !important;
}

.registrationFlow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.registrationFlow i {
  font-size: 36px;
}

.registrationFlow ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  padding: 0;
}

.ec-entryMemberListErrors ul li {
  text-decoration: underline;
}

.ec-entryMemberListErrors {
  padding: 10px 10px;
  width: 100%;
  float: none;
  margin-left: 0;
}

.ec-entryMemberListErrors ul {
  margin-bottom: 0;
}

.ec-entryBasicInfo .businessStatusFlg div {
  display: inline-block;
  width: 45%;
}

.ec-holiday label {
  margin-right: 25px;
}

.ec-storeInformation, .ec-otherRegistrationInformation {
  background-color: rgb(245, 245, 245);
  padding: 30px;
  margin-bottom: 30px;
}

.transactionTerms {
  white-space: pre-line;
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 0 35px;
  max-height: 240px;
  overflow: auto;
}

.es_builling_method, .es_builling_method_image, .es_builling_date {
  display: none;
}

.business_status_flg_content {
  display: none;
  margin-top: 15px;
}

.quantityGreatherThan48 {
  padding: 30px;
  background-color: rgb(245, 245, 245);
  margin: 30px 0;
  text-align: center;
}

.quantityGreatherThan48 :first-child {
  font-weight: bold;
  margin-bottom: 10px;
}

.search-favorite {
  background-color: #6A6A6A;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.ec-categorySearch {
  width: 100%;
  max-width: 200px;
}

.ec-guidePaymentMethod > a {
  width: 270px;
  height: 54px;
}

.ec-guide-method .ec-guidePaymentMethod {
  margin: 0 25px;
}

.ec-contactRole .ec-borderedDefs {
  padding-bottom: 0 !important;
}

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

.ec-contactName input[type=text] {
  max-width: 176px;
}

.backgroundBlackCommonDownload img.iconPopDownload {
  border: none !important;
}

.ec-registeredMember {
  background-color: #E0E0E0 !important;
  color: #848484 !important;
}

.table td, .table th {
  word-break: break-word;
}

.ec-registerCompleteRole .btn-primary:hover {
  background-color: #E65F6E !important;
}

.btn-real-password-complete:hover, .ec-shopping-cart:hover, a.payment-procedure-here:hover, a.btn-green-common:hover {
  opacity: 0.7;
}

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

a.payment-procedure-here {
  color: #333333;
  text-decoration: underline;
}

/* font size for in three day in entry */
.registrationFlow .inThreeDay {
  font-size: 11px;
}

.ec-mypageRoleCustomer__step1 .ec-borderedDefs dl, .ec-mypageRoleCustomer__step2 .ec-borderedDefs dl {
  padding: 20px 0 20px;
}

.ec-mypageRoleCustomer__step1 .ec-input input {
  margin-bottom: 0;
}

.ec-mypageRoleCustomer__step2 .entry_es_recovery_process_0 {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 15px;
}

.ec-mypageRoleCustomer__step2 input[type=text] {
  padding-left: 8px;
}

.ec-mypageRoleCustomer__step2 .ec-birth .text {
  vertical-align: bottom;
  font-weight: bold;
  line-height: 1.3;
}

.ec-mypageRoleCustomer__step2 #entry_email_first {
  margin-bottom: 10px !important;
}

.ec-telFaxComplete .text01 a {
  color: #333333;
  text-decoration: none;
}

.ec-telFaxComplete .customer_serviceTitle,
.ec-telFaxComplete .phone_time {
  font-weight: bold;
}

.ec-contactRoleCustom .ec-contactLineBottom {
  padding-bottom: 10px;
}

.privacy-list.-nestfirst > li::before {
  counter-increment: number 1;
  content: "(" counter(number) ")";
  margin-right: 0.65em;
  margin-left: -2.8em;
}

ol.privacy-list.-nestfirst {
  counter-reset: number 0;
  list-style-type: none !important;
  margin-top: 0 !important;
}

ol.privacy-list.-nestfirst li {
  list-style-type: none !important;
}

.layout-primary li::before {
  color: #333333 !important;
}

/* SP(max-width: 320px) */
@media only screen and (max-width: 320px) {
  .ec-existingEntryRole .ec-TelFaxEntryFormPostCode .postalCodeInfo {
    margin-left: 0 !important;
  }
  .ec-existingEntryRole .ec-TelFaxEntryFormPostCode #postal_code_1,
  .ec-existingEntryRole .ec-TelFaxEntryFormPostCode #postal_code_2 {
    width: 21vw !important;
  }
  .ec-telFaxComplete .box-contact .ec-fClear {
    left: -1.2333vw !important;
  }
}
/* SP(min-width: 411px) and (max-width: 731px)  */
@media only screen and (min-width: 411px) and (max-width: 731px) {
  .ec-telFaxComplete .box-contact .ec-fClear {
    left: -5vw !important;
  }
}
/* SP(min-width: 414px) and (max-width: 736px) */
@media only screen and (min-width: 414px) and (max-width: 736px) {
  .ec-telFaxComplete .box-contact .ec-fClear {
    left: -4.981vw !important;
  }
}
/* SP(min-width: 600px) and (max-width: 768px) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .mypage-change h2 {
    padding-left: 2vw !important;
  }
  .ec-guideFaqContent .pl-3 {
    padding-left: 2rem !important;
  }
  .member-change__complete-desc {
    padding-left: 2vw;
  }
}
/* Tab(min-width: 768px) and (max-width: 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #cateModal .modal-title, #optionSearch .modal-title {
    font-size: 3.465vw !important;
  }
  #side_left_product_sp .form-search-side-left-box .searchBlock label,
  #side_left_product_sp .form-search-side-left-box .searchBlock .titleSub {
    font-size: 3.732vw !important;
  }
  .btnSearchByCondition .btn {
    padding: 2.8833vw 3.3333vw !important;
  }
  #cateModal ul.listCate .card ul li {
    padding: 2.5vw 2.45vw 2.5vw 6.25vw !important;
  }
  ol.ec-breadcrumb-item, .ec-existingEntryRole .ec-TelFaxEntryMessage,
  .ec-existingEntryHeader,
  .ec-existingEntryRole .ec-fClear_customeFax {
    padding: 1.8vw !important;
  }
  .ec-existingEntryRole .p-3 {
    padding: 1rem 0 !important;
  }
  .ec-guideOrderFlowContent p {
    line-height: 5vw;
    font-size: 3.2vw !important;
  }
  .ec-guideOrderFlowContent .ec-guide-method a {
    text-decoration: none;
    margin: 1.5vw 4vw;
  }
  .ec-existingEntryRole .ec-TelFaxEntryForm .col-sm-3,
  .ec-existingEntryRole .ec-TelFaxEntryForm .col-sm-8,
  .ec-TelFaxEntryFormError .col-sm-3,
  .ec-TelFaxEntryFormError .col-sm-8,
  .ec-TelFaxEntryFormError .col-md-3,
  .ec-TelFaxEntryFormError .col-md-9 {
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .errorTelFax .ec-fClear_customeFax {
    margin-left: 15px;
  }
  .ec-telFaxComplete .box-contact .ec-fClear {
    left: -10.8333vw !important;
  }
  .ec-telFaxComplete .col-sm-9 {
    margin-left: -15px !important;
  }
}
/* SP(min-width: 563px) and (max-width: 741px) */
@media only screen and (min-width: 563px) and (max-width: 741px) {
  .ec-existingEntryRole .ec-TelFaxEntryForm .col-sm-3,
  .ec-existingEntryRole .ec-TelFaxEntryForm .col-sm-8,
  .ec-TelFaxEntryFormError .col-sm-3,
  .ec-TelFaxEntryFormError .col-sm-8,
  .ec-TelFaxEntryFormError .col-md-3,
  .ec-TelFaxEntryFormError .col-md-9 {
    max-width: 95% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .modal-content__faxTel {
    margin-top: 100px !important;
  }
  #modalOrder .ec-OrderTitle {
    font-size: 16px !important;
  }
  .contentOrder {
    padding: 15px !important;
  }
  .sub-title__faxTel {
    font-size: 13px !important;
  }
  .modal-header__faxTel img {
    width: 70px !important;
    padding: 20px 0 10px 10px !important;
  }
  .ec-footer-middle .ec-footerInfo {
    width: calc(50% - 30px);
  }
  .ec-headerNav-member-register {
    margin-top: 0 !important;
  }
  .ec-footer-botton .ec-footerNavi__link a {
    display: inline-block;
    color: #ffffff !important;
  }
  .ec-footerRole .ec-footerRole__inner {
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #333333;
    -webkit-text-size-adjust: 100%;
    width: 100%;
  }
  .ec-contactInfo img {
    margin-left: 0;
  }
  .ec-forgotPWConfirm dt, .ec-forgotPWConfirm dd {
    width: 50%;
    padding-left: 10px;
  }
  .ec-pageHeaderConfirm {
    padding: 15px !important;
    font-size: 17px !important;
  }
  .ec-TelFaxEntryMessage {
    padding: 0 15px;
    font-size: 13px !important;
  }
  .ec-fClear_customeFax {
    padding: 0 0 15px 15px !important;
  }
  .telFax-btn__bg {
    background-color: #6A6A6A !important;
    font-weight: bold;
  }
  .telFaxEntry-title {
    font-size: 14px !important;
  }
}
/* --------------------------------
  フッター
-------------------------------- */
.ec-footerRole .arrow {
  border: solid #333;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.ec-footer-bottom .arrow {
  border-color: white;
}

.ec-footerRole .right {
  transform: rotate(-45deg) translate(0, -2px);
}

.ec-addressList__address_number_order {
  width: 5% !important;
}

.ec-addressList__item-Custom {
  font-size: 14px;
  position: relative;
}

.shippingAddressListYamato {
  position: absolute;
  top: 10px;
  left: -40px;
  text-align: center;
}

.ec-addressList__item-Custom span {
  margin-top: 3px;
  margin-left: 3px;
}

.ec-deliveryIconMap {
  display: flex;
}

.ec-addressList__item-Custom .ec-addressList__address_number_order_first {
  background-color: #f0e8df;
  width: 5% !important;
}

.ec-layoutRole__main__delivery .ec-addressList .ec-addressList__item:last-child {
  border: none;
}

.groupBtnCommon {
  margin-top: 30px;
}

.ec-voiceGuidance {
  background: rgb(245, 245, 245);
  padding: 20px;
}

.hurry_change_order {
  text-decoration: underline;
  color: black;
}

.hurry_change_order:hover {
  color: #00B0EC;
}

.ec-borderedDefsCustom dl {
  border-bottom: 1px solid #ccc;
}

#ec-formContact dl:last-child {
  border-bottom: 0 !important;
}

.ec-TitleFormLogin {
  text-align: center;
}

.real_password_mypage .ec-realPassword {
  padding: 30px;
  margin: 0;
  min-height: 330px;
}

.ec-realPassword dl {
  display: flex;
  margin: 0;
  padding: 10px 0 0;
  flex-wrap: wrap;
}

.ec-realPassword__actions {
  justify-content: center;
}

.btn-real-password-complete {
  background-color: #E65F6E;
  border-radius: 5px;
  color: #fff;
}

.productAfterShopping img {
  width: 200px;
  height: 125px;
}

.ec-deviderProduct {
  clear: both;
  margin: 20px 0;
  padding-top: 20px;
  border-bottom: 3px solid #ccc;
}

.tableOrderProductDetail .listProductInCart tr td a, .ec-listItemCart .tableOrderProductDetail tr td a {
  cursor: pointer;
  text-decoration: underline;
}

.ec-chargeAndFee tr :first-child {
  font-weight: bold;
}

.ec-ShowCartIcon {
  position: fixed;
  right: 60px;
  top: 250px;
}

.ec-totalItemInCartFixed {
  position: absolute;
  top: 8px;
  right: 7px;
  background: rgb(177, 39, 4);
  color: white;
  font-size: 10px;
  padding: 2px;
  border-radius: 4px;
  text-align: center;
  width: 22px;
  transition: transform 0.2s;
}

.ec-totalItemInCartFixed:hover {
  font-size: 13px;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 25px;
}

/* --------------------------------
  ログイン関連
-------------------------------- */
/* PC・SP共通 */
.ec-formLogin .ec-login-right {
  border-top: 5px solid rgb(230, 95, 110);
}

.ec-formLogin .ec-input {
  font-size: 12px;
}

.btn-green-common:hover {
  color: white;
}

.btn-primary-common {
  background-color: rgb(0, 176, 236);
}

.btn-danger-common {
  background-color: rgb(230, 95, 110);
}

.ec-btnDangerCommon {
  background-color: rgb(230, 95, 110);
  color: white;
  font-size: 13px;
}

.btn-green-common {
  background-color: rgb(54, 217, 142);
}

.ec-login-right i {
  font-size: 14px;
}

.ec-login-right div.ec-input span {
  background: white;
  padding: 11px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
  width: 75px;
  text-align: center;
}

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

.ec-formContactGroup .col-6 {
  display: flex;
}

.ec-formContactGroup .col-6 input {
  margin-left: 10px;
}

.ec-pageCustomize .ec-pager__item_dotted {
  border: none !important;
}

.icon_square_custom {
  color: rgb(195, 179, 161);
  font-size: 10px;
  margin-right: 3px;
}

.ec-contactInfo .ec-iconCutWingBirdFull {
  width: 51px;
}

/* SP */
@media screen and (max-width: 767px) {
  .ec-formLogin .ec-login {
    min-height: auto;
  }
}
.ec-historyDetailProductInfo .table tr td:first-child {
  font-weight: bold;
}

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

.ec-historyDetailFee {
  border-bottom: 3px solid #ccc;
  font-weight: bold;
}

.bg-forgot-custom-2-unactive {
  font-size: 13px;
  color: rgb(190, 190, 190);
  background-color: rgb(245, 245, 245);
}

.badgeProduct, .status_active {
  background-color: rgb(106, 106, 106);
  font-size: 12px;
  padding: 3px 20px;
  color: white;
  display: inline-block;
  margin-top: 10px;
}

.status_active {
  border-radius: 5px;
  margin-top: 0;
  padding: 6px 20px;
}

.ec-customerOrderStatus span {
  font-size: 13px;
}

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

.ec-customerOrderStatus .material-icons {
  font-size: 32px;
}

.backgroundDrakCommon {
  background-color: rgb(216, 216, 216);
  text-align: center;
  color: black;
}

.backgroundBlackCommon:hover {
  color: white;
  text-decoration: none;
}

.ec-shippingCartInfo {
  margin-bottom: 20px;
}

.ec-shippingCartInfo span {
  font-size: 18px;
}

.ec-shippingCartInfo span.cartColor {
  color: rgb(177, 39, 4);
  font-weight: bold;
}

td span.cartColor {
  color: rgb(177, 39, 4);
  font-weight: bold;
}

.cartTable .cartTotalPrice {
  text-align: right;
  font-size: 32px;
  color: rgb(177, 39, 4);
}

.ec-orderDetailStep {
  text-align: center;
  margin: 30px 0;
}

.ec-orderLine {
  height: 4px;
  width: 60px;
  display: inline-block;
  margin: 0 -6px;
  background-color: rgb(224, 224, 224);
}

.gotoShippingAddress:hover {
  color: white;
  text-decoration: none;
  opacity: 0.6;
}

.backgroundYellowCommon {
  background-color: rgb(180, 150, 116);
  color: white;
  width: 270px;
  height: 54px;
  display: inline-block;
  line-height: 54px;
  text-align: center;
  border-radius: 5px;
}

.businessStatusFlg dd {
  line-height: normal;
}

.ec-popDownloadProductDetail {
  display: inline-block;
  width: 24%;
}

.ec-popDownloadProductDetail img {
  width: 96%;
}

.ec-popDownloadProductDetail a {
  width: 96%;
  margin-top: 10px;
}

.ec-popDownloadProductDetail a:hover {
  text-decoration: none;
  color: white;
}

.ec-popDownloadFormSearchProduct .ec-input {
  display: flex;
}

.ec-popDownloadFormSearchProduct .fa-search {
  width: 40px;
  height: 40px;
  background: #6A6A6A;
  color: white;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.ec-SeperatorPopDownload {
  border-bottom: 2px solid #ccc;
  margin-top: 20px;
  margin-bottom: 20px;
}

#entry_password_first, #entry_password_second {
  padding-right: 2.1rem;
}

.ec-para-normal-custom {
  background-color: #FFE9E3;
  color: #B12704;
  padding-left: 12px;
  margin: 25px 0 10px 0;
  font-size: 14px;
  font-weight: bold;
}

.m-b-0 {
  margin-bottom: 0;
}

.ec-borderAd dt {
  width: 21%;
  padding-left: 35px;
}

.p-41 {
  padding: 4px;
}

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

.ec-flex-navi {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ec-cartInfoShowDeliveryDateMessage {
  display: none;
}

.confirmPaymentMethod {
  font-size: 16px;
  margin-bottom: 20px;
}

.confirmPaymentMethod .first-div {
  color: rgb(177, 39, 4);
  font-weight: bold;
}

.isOverLimitCreditCard {
  margin-top: 20px;
  font-size: 16px;
  padding: 25px;
  background: rgb(245, 245, 245);
  margin-bottom: 20px;
}

.delivery_date_time_delivery_soon input {
  zoom: 1.5;
  width: auto !important;
}

.icon-loading {
  position: absolute;
  top: 250px;
  left: 47%;
  display: none;
}

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

.input-group-append .fa-search {
  cursor: pointer;
}

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

.ec-SideLeftListCategory ul li {
  background-color: white;
  list-style: none;
  border-bottom: 2px solid #ccc;
  line-height: 45px;
  padding-left: 15px;
}

.ec-SideLeftListCategory ul li i {
  float: right;
  line-height: 45px;
  margin-right: 15px;
}

.priceAfterSaleOff {
  color: #B12704;
}

.ec-favoriteProduct {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
}

.ec-layoutRole .ec-layoutContentCustom {
  max-width: 1150px !important;
}

.ec-favoriteProductIsSale {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ec-favoriteProductIsSale .sale_off {
  background-color: #B12704;
  color: white;
}

.ec-favoriteProductIsSale .sale_percent {
  background-color: #FFE30D;
  color: #B12704;
}

.ec-favoriteProduct .favoriteSampleAddToCart {
  background-color: #FFEBB4;
  text-decoration: underline;
  padding: 5px 10px;
  margin: 5px 0;
  display: inline-block;
  border-radius: 4px;
  width: 120px;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}

.ec-productRole__btn .add-cart-sample {
  background-color: #FFEBB4;
  color: black;
  border: none;
}

.productFavoriteRight {
  text-align: right;
  width: 25%;
}

.ec-favoriteProduct .favoriteSampleAddToCart i, .deleteProductSample i {
  margin-left: 4px;
  display: inline-block;
}

.ec-favoriteProduct .favoriteAddToCart {
  background-color: #E65F6E;
  color: white;
  border-radius: 5px;
  font-size: 13px;
  margin: 5px 0;
  border: none;
  text-align: center;
  line-height: 35px;
  display: inline-block;
}

.ec-favoriteProductIsSale .sale_off, .ec-favoriteProductIsSale .sale_percent {
  display: inline-block;
  width: 65px;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  text-align: center;
}

.productFavoriteCenter {
  margin-left: 10px;
  width: 70%;
}

.productOriginalFavorite {
  background-color: #00B0EC;
  color: white;
  font-size: 10px;
  width: 63px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
}

.ec-favoriteProductLotUnitPrice {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding-bottom: 5px;
  margin-right: 15px;
}

.ec-favoriteProductLotUnitPrice span {
  margin-right: 15px;
}

.ec-favoriteProductSpecificationAndBoxSize {
  margin-right: 15px;
  padding-left: 40px;
}

.ec-favoriteProductSpecificationAndBoxSize span:first-child {
  margin-left: -40px;
}

.ec-favoriteProductSpecificationAndBoxSize span {
  margin-right: 20px;
}

.ec-favoriteImageProduct {
  position: relative;
}

.ec-favoriteImageProduct span {
  position: absolute;
  color: white;
  font-weight: bold;
  width: 90px;
  text-align: center;
  top: 4px;
  font-size: 13px;
}

.ec-favoriteImageProduct .productNewItem {
  background-color: orange;
}

.ec-favoriteImageProduct .productRenewal {
  background-color: blue;
}

.ec-mypageRole .ec-favoriteProductGrid img {
  width: 222px;
  height: 137px;
}

.ec-favoriteProductGrid {
  width: 24%;
  display: inline-block;
}

.ec-favoriteProductGrid ul {
  list-style: none;
  padding-left: 0;
}

.grid {
  display: grid;
}

.ec-favoriteRole__detail {
  margin-top: 20px;
}

.ec-favoriteRole__itemThumb {
  position: relative;
}

.ec-formContactGroup div input {
  width: 80% !important;
  margin-left: 0 !important;
}

.colorActive {
  color: #6a6a6a !important;
}

.ec-headerListFavoriteRightAction i {
  cursor: pointer;
}

/* SP */
@media only screen and (max-width: 767px) {
  .ec-formLogin-res .row .col, .ec-footerRole__inner {
    width: 100%;
    flex-basis: auto;
  }
  .ec-formLogin-res .fa-eye:before {
    content: url("../img/common/my_page/fa_eye.svg");
  }
  .ec-formLogin-res .fa-eye-slash {
    content: url("../img/common/my_page/fa_eye_hide.svg");
  }
  .ec-borderAd dt {
    width: 100%;
    padding-left: 0;
  }
  .ec-btnGreen {
    width: 100%;
  }
  .ec-login-right div.ec-input span {
    line-height: 1.4;
  }
  .order_checkbox_hidden {
    width: auto !important;
  }
}
.ec-borderedDefsCustom {
  background-color: white !important;
}

.ec-contactRoleCustom .ec-borderedDefsCustom dl {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.ec-mainContent .ec-pageConfirmTitle {
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
}

.ec-contactIndustry {
  display: flex;
  flex-wrap: wrap;
}

.ec-contactIndustry div {
  width: 35%;
}

.ec-contactIndustry div span {
  display: none;
}

.ec-contactIndustry div p {
  margin-bottom: 0;
}

.ec-contactIndustry div:first-child {
  margin-right: 20px;
}

.ec-contactName, .ec-contactName .contact-Name01, .ec-contactName .contact-Name02 {
  display: flex;
  flex-wrap: wrap;
}

.ec-contactName .contact-Name01 {
  margin-right: 20px;
}

.form-info dl dd {
  line-height: normal;
}

/* Tab・SP共通 */
@media screen and (max-width: 992px) {
  .backgroundBlackCommon {
    display: inline-block;
  }
  .ec-contactIndustry div:first-child {
    margin-bottom: 10px;
    margin-right: 0;
  }
  .ec-contactIndustry div p {
    display: none;
  }
  .ec-contactIndustry div span {
    display: inline-block;
  }
  .ec-contactIndustry div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ec-contactName .contact-Name01 {
    margin-right: 0;
  }
  .ec-contactName .contact-Name01, .ec-contactName .contact-Name02 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ec-contactName input {
    width: 100%;
  }
  .ec-contactName .inputName01, .ec-contactName .inputName02 {
    width: 90%;
  }
}
/* SP */
@media only screen and (max-width: 574px) {
  .ec-input_custome, .ec-Surname {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    width: 100%;
  }
  .ec-flexBusiness {
    display: flex;
  }
}
/* Tab・SP共通 */
@media only screen and (max-width: 1100px) {
  .ec-headerNav-member-register {
    margin-top: 6px;
    margin-left: 5px;
  }
}
/* conflic sale */
.ec-layoutRole__main .ec-pageHeader h1 {
  margin: 0 0 40px;
  padding: 8px 0 6px;
  font-size: 22px;
  color: #333;
  border-bottom: 2px solid #E0E0E0;
  font-weight: bold;
}

.ec-mypageRole .ec-navBreadcrumb a {
  color: #333333;
  text-decoration: none;
}

.ec-backgroundColorF {
  background-color: #F5F5F5;
}

.ec-pageHeaderCustom h1 {
  margin: 0 0 20px;
  text-decoration: underline;
}

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

.ec-mypageRole {
  padding-left: 0;
  padding-right: 0;
}

.ec-off1Grid .ec-off1Grid__cell {
  margin-left: 0;
  width: 100%;
}

.ec-headerNav-member-register {
  margin-top: -42px;
}

.ol.ec-breadcrumb-item li a:hover {
  text-decoration: none;
  color: #333333;
}

.ec-table-history tr td a {
  text-decoration: none !important;
}

.fa-chevron-right {
  font-size: 12px !important;
  color: black;
}

.ec-DeliveryCalendar {
  display: flex;
}

.ec-DeliveryCalendar input {
  height: 36px;
}

#delivery_date_time_delivery_soon {
  zoom: 1.5;
  margin-right: 20px;
}

.businessStatusFlg dt {
  width: 37% !important;
}

.ec-storeInformation .ec-select select {
  display: inline-block !important;
}

.ec-storeInformation, .ec-otherRegistrationInformation {
  background-color: rgb(245, 245, 245);
  padding: 30px;
  min-height: 330px;
}

.ec-realPassword dl {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
}

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

.ec-realPassword__actions {
  justify-content: center;
}

.table-TotalPriceIncludeTax {
  border: 3px solid #ccc;
}

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

.ec-historyDetailProductInfo .table tr td:first-child {
  font-weight: bold;
}

ol.ec-breadcrumb-item li a:hover {
  font-weight: bold;
}

.ec-historyDetailTotalPrice {
  font-size: 24px;
  color: red;
}

.bg-forgot-custom-2-unactive {
  font-size: 13px;
}

.badgeProduct, .status_active {
  background-color: rgb(106, 106, 106);
  font-size: 12px;
  padding: 3px 20px;
}

.badgeProduct,
.ec-mainContent .block_content .ec-ranking dl dd .smallIcon,
.ec-mainContent .block_content .history .smallIcon,
.ec-listProductShopping .productAfterShopping .original,
.ec-listProductShopping .productItemShopping .original,
.ec_productContent .original,
.ec-productDetail .productBadge .original,
.saleRecommendedList .original,
.yourRecommendedArea .original,
.yourRecommendedListProductBox .original {
  background-color: #00B0EC;
  color: white;
  text-align: center;
}

.ec-listProductShopping .productItemShopping .prenew,
.history .item .prenew,
.ec-RankingListProduct .renew,
.ec-listProductShopping .productAfterShopping .prenew,
.ec-productDetail .prenew,
.ec-RankingListProduct .renew,
.yourRecommendedArea .prenew,
.yourRecommendedListProductBox .prenew {
  background-color: #07569E;
  color: #fff;
  text-align: center;
}

.ec-listProductShopping .productItemShopping .new,
.history .item .new,
.ec-listProductShopping .productAfterShopping .new,
.ec-productDetail .new,
.ec-RankingListProduct .new,
.yourRecommendedArea .new,
.yourRecommendedListProductBox .new {
  background-color: #FF8200;
  color: #fff;
  text-align: center;
}

.badgeProductSale,
.ec-aboutItem .sale,
.ec-productDetail .sale,
.yourRecommendedArea .sale,
.yourRecommendedListProductBox .sale {
  background-color: #B12704;
  color: #fff;
  text-align: center;
}

.ec-aboutItem .off,
.ec-productDetail .off,
.yourRecommendedArea .off,
.yourRecommendedListProductBox .off {
  background-color: #FFE30D;
  color: #B12704;
  text-align: center;
}

.badgeProductNewItem {
  background-color: #FF8200;
}

.status_active {
  border-radius: 5px;
}

.backgroundBlackCommon:hover {
  color: rgb(177, 39, 4);
}

.ec-orderDetailStep .ec-orderActive {
  background-color: rgb(0, 176, 236);
  color: white;
}

.shippingAddress {
  display: flex;
  align-items: center;
  border: 2px solid rgb(190, 190, 190);
  padding: 15px;
  margin-bottom: 50px;
}

.shippingAddress div {
  width: 30%;
}

.gotoShippingAddress {
  background-color: rgb(51, 51, 51);
  width: 140px;
  color: white;
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
}

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

.cart_handle_item {
  width: 90px;
}

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

#ec-cartInfoShowDeliveryDateMessage {
  display: none;
  line-height: 45px;
}

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

.agree_width_out_payment_method {
  padding-left: 15px;
}

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

.ec-SideLeftListCategory ul li i {
  float: right;
  line-height: 45px;
}

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

.card-header button:focus {
  box-shadow: none;
}

.ec-favoriteProductIsSale .sale_off, .ec-favoriteProductIsSale .sale_percent {
  display: inline-block;
  width: 70%;
}

.productOriginalFavorite {
  background-color: #00B0EC;
  color: white;
  font-size: 10px;
  width: 63px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
}

.ec-favoriteProductLotUnitPrice {
  border-bottom: 1px solid #ccc;
  padding-left: 40px;
}

/* --------------------------------
  規格
-------------------------------- */
.ec-saleProductSpecificationAndBoxSize__1 {
  margin-left: 40px;
}

.ec-saleProductSpecificationAndBoxSize__1--label {
  float: left;
}

/* --------------------------------
  お気に入り
-------------------------------- */
.ec-favoriteProductSpecificationAndBoxSize span:first-child {
  margin-left: -40px;
}

.ec-favoriteRole__detail {
  border: none;
}

div.image-info img {
  width: 50px;
  height: 50px;
}

#pleaseWaitDialog img {
  width: auto;
}

.ec-productDetailOrderSample {
  text-align: right;
}

.productDetailDownload a:hover {
  opacity: 0.6;
}

.productDetailDownload a {
  width: 215px;
  background-color: rgb(240, 232, 223);
  font-size: 14px;
}

.btn-SoldOutAndOutOfStock {
  background-color: rgb(190, 190, 190);
  width: 250px;
  color: white;
}

.next_restock_date {
  color: #FF8200;
  font-weight: bold;
}

.productDetailSamplePrice {
  margin-left: 10px;
  color: red;
}

.nameCodeAndBadge {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.searchCookingMethodBlock, .searchPriceBlock, .searchTimeCookingBlock, .searchOtherBlock {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

.searchLotPriceBlock input {
  width: 90px;
}

.searchPriceBlock .searchPriceItem {
  display: flex;
  align-items: center;
}

.favoriteProductQuantityWarning {
  background-color: #FFE9E3 !important;
}

#content-menu__item a {
  color: black;
  text-decoration: none;
}

.form-info dl.dl_custome:last-child {
  border-bottom: none !important;
}

#postal_code_1, #postal_code_2 {
  width: 80px;
}

/* --------------------------------
  MY PAGE
-------------------------------- */
/* SP */
@media only screen and (max-width: 767px) {
  .ec-formLogin-res .row .col, .ec-footerRole__inner {
    margin-top: 6px;
    margin-left: 5px;
  }
}
/* --------------------------------
  郵便番号を検索
-------------------------------- */
.ec-mainContent .postalCodeInfo {
  margin-left: 15px;
}

.ec-mainContent .postalCodeInfo a {
  color: #333;
  text-decoration: underline;
  font-size: 14px;
}

.ec-mainContent .postalCodeInfo a:hover {
  color: #00B0EC !important;
}

/* --------------------------------
  定休⽇
-------------------------------- */
.hodiday_days .hodiday_after:last-of-type {
  display: none;
}

/* --------------------------------
  jQuery UI
-------------------------------- */
.ui-state-disabled .ui-state-default {
  background: white !important;
}

.ui-datepicker-current-day {
  height: 30px;
  width: 30px;
}

.ui-datepicker-calendar .ui-state-active {
  background-color: #B49674 !important;
}

#ui-datepicker-div {
  margin-top: 39px !important;
  width: 272px !important;
}

.ui-icon-circle-triangle-e {
  background-position: unset !important;
  background-image: url("../img/common/icon_arrow_right.png") !important;
}

.ui-icon-circle-triangle-w {
  background-position: unset !important;
  background-image: url("../img/common/icon_arrow_left.png") !important;
}

.ui-datepicker .ui-datepicker-header {
  background-color: white;
  border: none;
}

.ui-state-hover {
  border: none !important;
  background: white !important;
}

.ui-state-default {
  border: none !important;
  text-align: center !important;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 50%;
  font-size: 12px;
  background-color: white !important;
}

/* tuan anh - part admin */
input.txtpassword::-ms-reveal,
input.txtpassword::-ms-clear {
  display: none;
}

.entry-infomation p {
  font-size: 16px;
}

.ec-shopping-cart span:hover {
  cursor: pointer;
}

.ec-errorMessageCustom a, .ec-entryMemberListErrors a {
  color: #B12704 !important;
}

/* --------------------------------
  新規会員登録
-------------------------------- */
/* PC・SP共通 */
.ec-entryComplete .registrationFlow {
  margin-bottom: 45px;
}

/* --------------------------------
  代替品とリニューアル後の商品変更点
-------------------------------- */
/* PC・SP共通 */
.replacementOptionToggle {
  display: none;
}

.replacementOption {
  position: relative;
  margin-bottom: 1em;
}

.replacementOptionMore,
.replacementOptionContent {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  cursor: grab;
}

.replacementOptionTitle {
  border-bottom: solid 2px #E0E0E0;
  display: block;
  color: #333;
  font-weight: bold;
}

.replacementOptionMore:hover {
  color: #7c7c7c;
}

.replacementOptionMore::after,
.replacementOptionMore::before {
  background-color: #999;
  transition: all 0.3s;
}

.replacementOptionMore::after {
  transform: rotate(90deg);
}

.replacementOptionContent {
  max-height: 0;
  overflow: hidden;
}

.replacementOptionToggle:checked + .replacementOptionMore + .replacementOptionContent {
  max-height: 500px;
  transition: all 1.5s;
}

.replacementOptionToggle:checked + .replacementOptionMore::before {
  transform: rotate(90deg) !important;
}

/* --------------------------------
  会員未登録の場合は、新規会員登録をお願いいたします
-------------------------------- */
/* PC・SP共通 */
.featureNotloginBtnArea .InductionArea .ec-login__actions {
  background-color: rgb(230, 95, 110);
  border-radius: 0.25rem;
}

.featureNotloginBtnArea .RegistrationGuideText {
  text-align: center;
}

.featureNotloginBtnArea .InductionArea {
  justify-content: center;
}

/* フォーム関連 */
.form-check-input {
  margin-top: 0;
}

.form-check {
  display: inline-flex;
  align-items: center;
}

.form-select {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary-common,
.btn-danger-common,
.btn-green-common {
  font-size: 16px;
}

.email_title {
  font-size: 14px;
  /* letter-spacing: -1.5px; */
  margin-bottom: 26px;
}

.btn {
  padding: 13px 16px 11px;
}

/* お問い合わせ */
.ec-fClear_custome {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  line-height: 1.3;
  margin-bottom: 15px;
  padding-bottom: 0 !important;
}

.ec-fClear_customeDelivery {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  line-height: 1.3;
  justify-content: space-between;
}

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

.phone_time,
.customer_serviceTitle,
.ec_productContent .ec-fRight .text {
  font-size: 12px;
}

.ec-mypageRoleCustomer .ec-borderedDefs .dl_custome {
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  padding-left: 20px;
  font-size: 14px;
}

.ec-borderedDefs .dt_custome {
  width: 25%;
  font-size: 14px;
  font-weight: 600;
}

.ec-borderedDefs .dd_custome {
  width: 50%;
  font-size: 14px;
}

.dd_custome .ec-Customer_custome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0 !important;
  /*padding-top: 9px;*/
}

.form-info dl.dl_custome {
  line-height: 3;
}

.ec-input1 {
  width: 100%;
}

.ec-input1 textarea {
  width: 100%;
  height: 11.875rem;
  border: 1px solid #BEBEBE;
  border-radius: 5px;
  margin-top: 5px;
}

.ec-input1 textarea:focus {
  outline: #eea236;
}

.ec-change-inputPassword {
  position: relative;
}

.enter_twice {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 3px;
}

.submit_custome {
  background-color: #333333;
  border-radius: 5px;
}

.ec-flexBusiness {
  display: flex;
}

.dd-inline-cs {
  display: flex;
  flex-wrap: wrap;
}

.dd-inline-cs .ec-Surname {
  width: 100%;
  padding-right: 5px;
}

.dd-inline-cs .ec-group-input {
  width: 100%;
}

.ec-footerRole {
  margin-top: 0;
}

/* Popup Fax Tel */
.modal-header__faxTel {
  padding-top: 0 !important;
  border-bottom: 5px solid #00B0EC !important;
}

.modal-header__faxTel img {
  width: 121px;
  padding: 15px 0 15px 20px;
}

.modal-header__faxTel button {
  margin-top: 12px !important;
  margin-right: 0 !important;
  color: #5c5b5b !important;
}

.modal-header__faxTel button i {
  font-size: 25px;
}

.sub-title__faxTel {
  font-size: 16px;
}

.modal-footer__faxTel button {
  background-color: #333333 !important;
  font-weight: bold;
  width: 270px !important;
  margin-bottom: 25px;
}

/* Page Tax */
.telFaxEntry-title {
  margin: 0 !important;
  padding: 9px 10px !important;
}

.inputMargin {
  margin-left: 0;
  padding: 0;
}

.ec-TelFaxEntryForm label.required + .ec-required {
  margin: 0;
}

.error.ec-input input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input, .error.ec-select input, .error.ec-birth input, .error.ec-input select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-select select, .error.ec-birth select {
  margin-bottom: 5px;
  border-color: #BEBEBE;
  background: white;
}

button[type=submit].ec-blockBtn--action:hover, button[type=submit].ec-blockBtn--action:focus {
  background-color: #858585;
  color: white;
  border: none;
}

.ec-ZipCodeLink {
  margin-left: 3px;
}

.ec-fClear_customeFax {
  display: flex;
  align-items: center;
  align-content: center;
  line-height: 1.3;
  padding: 0;
}

/* --------------------------------
  お問合せ
-------------------------------- */
.ec-zipInputHelp {
  margin-top: 17px;
}

.ec-zipInputHelp img {
  margin-top: -9px;
}

.ec-contactRoleCustom .ec-input1 textarea {
  margin-top: 0;
}

.ec-contactRoleCustom .ec-zipInput {
  width: 100%;
}

.ec-contactRoleCustom .ec-SeperatorTelFaxEntry {
  margin: 0;
}

.ec-contactRoleCustom .ec-zipInputHelp {
  margin: 10px 0;
}

.ec-contactRoleCustom .arrow-right__img {
  width: 5px;
}

/* --------------------------------
  お届け先の編集
-------------------------------- */
.ec-blockBtn--delivery {
  background-color: #D8D8D8;
  color: #333;
  border: 1px solid #D8D8D8;
  font-weight: bold;
  padding: 16px 80px;
}

.groupBtnCommonDeli .btnDelivery-gray:hover {
  opacity: 0.6;
}

.ec-addressList__item-Custom .ec-width-delivery-address {
  word-wrap: break-word !important;
}

.ec-contactRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.4;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}

.ec-addressList .ec-addressList__action {
  display: table-cell;
  top: 0;
}

.ec-checkbox-cs {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 5px 0 5px;
}

.ec-checkbox-cs > input[type=radio]:checked {
  content: url("../img/common/my_page/button_radio.svg");
  width: 12px;
  height: 12px;
  font-size: 300px;
}

.ec-btnDelivery {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  padding: 0 5px;
}

.ec-deliveryContent {
  border-right: 1px solid rgb(216, 216, 216);
  border-left: 2px solid rgb(216, 216, 216);
}

.ec-deliveryContentbg {
  border-right: 1px solid rgb(216, 216, 216);
  border-left: 2px solid rgb(216, 216, 216);
  background-color: #F5F5F5 !important;
  max-width: 60px;
  width: 100%;
}

.ec-layoutRole__main__delivery .ec-addressList__address_pick {
  position: absolute;
  z-index: 9;
}

.ec-layoutRole__main__delivery .ec-addressList__item-Custom .ec-addressList__address_number_order_first {
  border-left: none;
}

/* Tuan Anh  - mypage/change */
.mypage-change img.fa-eye {
  top: 12px;
}

.ec-mypageRoleCustomer .form-info dl dd #entry_email_first, .ec-mypageRoleCustomer .form-info dl dd #entry_email_second {
  width: 500px !important;
}

.ec-mypageRoleCustomer .form-info dl dd .fixW {
  width: 500px !important;
}

/* End Khoa */
/* SP(max-width: 576px) */
@media only screen and (min-width: 576px) {
  .dd-inline-cs .ec-Surname {
    width: 65px;
  }
  .dd-inline-cs .ec-Surname:not(:first-child) {
    margin-left: 5px;
  }
  .dd-inline-cs .ec-group-input {
    width: calc(50% - 60px);
    max-width: 170px;
  }
  .ec-contactRoleCustom .ec-zipInputHelp {
    padding: 0 10px;
  }
  .ec-contactRole p {
    margin: 10px 0;
  }
  .input_width {
    width: 98%;
  }
  .ec-blockBtn--action-forgot-password {
    max-width: 270px;
  }
  .ec-layoutRole__main__delivery .ec-addressList__address_pick {
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
  }
  .ec-layoutRole__main__delivery .ec-addressList__item-Custom .ec-addressList__address_number_order_first span {
    margin: 0;
  }
}
/* SP(max-width: 576px) */
@media only screen and (max-width: 576px) {
  .ec-responsive {
    max-width: 100%;
  }
  .ec-SeperatorTelFaxEntry {
    margin: 0 auto;
  }
  .ec-input textarea {
    max-width: none;
    width: 100%;
  }
  .ec-contactRoleCustom .ec-zipInputHelp {
    padding: 0 15px;
  }
  .ec-contactRoleCustom .ec-zipInput input {
    max-width: 100px;
  }
  .ec-contactRole p {
    margin: 8px 0;
  }
  .ec-blockBtn--action-forgot-password {
    max-width: 123px !important;
  }
  .ec-addressList .ec-addressList__address {
    margin: 0 5px;
    width: 100%;
    align-items: center;
    padding: 5px;
    word-break: break-all;
  }
  .ec-addressList .ec-addressList__address {
    /*display: table-cell;*/
    vertical-align: middle;
    padding: 16px;
    width: 100%;
    display: block;
    margin: 0;
  }
  .ec-addressList .ec-addressList__action {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
  .ec-layoutRole__main__delivery .ec-addressList {
    border: none;
  }
  .ec-layoutRole__main__delivery .ec-addressList__address_number_order_first {
    width: 100% !important;
    border: none;
    max-width: 100%;
    text-align: center;
    padding: 15px 5px;
  }
  .ec-layoutRole__main__delivery .ec-addressList__address_pick {
    top: 0;
    left: 0;
    width: auto !important;
    padding: 10px;
  }
  #page_mypage_change .ec-fClear_custome:not(:root) {
    padding: 0 !important;
  }
}