@charset "UTF-8";
/* PC・SP共通 */
.clearfx:before,
.clearfx:after {
  content: "";
  display: table;
}

.clearfx:after {
  clear: both;
}

/* PC */
@media screen and (min-width: 964px) {
  .pc_only {
    display: block !important;
  }
  .sp_only {
    display: none !important;
  }
}
/* SP */
@media screen and (max-width: 963px) {
  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
}
/* --------------------------------
  ログイン関連
-------------------------------- */
/* PC・SP共通 */
.ec-formLogin .ec-login {
  background-color: #F5F5F5;
}

.ec-formLogin .ecLoginNewMemberRegistration {
  border-top: 5px solid rgb(0, 176, 236);
}

.ec-formLogin .ec-login-right {
  border-top: 5px solid rgb(230, 95, 110);
}

.ec-loginContentGroupBtn {
  border-top: 5px solid rgb(54, 217, 142);
}

.ecLoginSubtext {
  font-weight: bold;
}

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

.ec-ForgotAndContact a:hover {
  text-decoration: underline;
  color: #00b0ec;
}

.loginTitle {
  font-weight: bold;
}

.ec-flex-navi {
  border-bottom: 1px solid #E0E0E0;
}

/* PC */
@media screen and (min-width: 964px) {
  .login_pc_only {
    display: block !important;
  }
  .login_sp_only {
    display: none !important;
  }
  .ec-formLogin .ec-login {
    padding: 30px 40px;
    margin: 0 0 10px 0;
  }
  .ec-loginContentGroupBtn {
    margin-top: 15px;
    padding: 30px;
  }
  input[type=text] {
    border-radius: 5px;
    padding: 5px 10px 3px;
    font-size: 14px;
    margin-bottom: 0;
  }
  .btn-login__width {
    width: 270px;
    height: 54px;
    line-height: 54px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    padding: 0;
    letter-spacing: 0.06em;
  }
  .ec-ForgotAndContact {
    font-size: 14px;
    padding-left: 0;
  }
  .loginTitle {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
    letter-spacing: 0.03em;
  }
  .loginTitleTxet {
    font-size: 14px;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
  }
  .ec-loginContentBottom {
    display: flex;
    margin: 45px 0;
    padding-top: 45px;
    justify-content: space-between;
    border-top: 1px solid #E0E0E0;
  }
  .ec-loginContentBottom02 {
    border-top: unset;
    margin-top: 0;
  }
  .ec-loginContentBottom {
    border-top: unset !important;
  }
  .ecLoginSubtext {
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 1;
    margin-bottom: 5px;
  }
  .ec-change-inputPassword img {
    position: absolute;
    right: 10px;
    top: 37%;
    cursor: pointer;
    width: 19px;
    height: 14px;
  }
  .ec-login .ec-login__input {
    margin-bottom: 10px;
  }
  .ecloginInputArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .ecloginInputBox {
    width: 48%;
  }
  #login_pass {
    margin-bottom: 0;
  }
  .ecloginInputIdBox,
  .ecloginInputPassBox {
    width: 100%;
  }
  .ecloginInputIdBox input,
  .ecloginInputPassBox input {
    height: 50px;
  }
  .ec-ForgotAndContact img {
    display: inline-block;
    margin-top: -3px;
  }
  .ecForgotAndContactArea {
    display: flex;
  }
  .ecForgotIdBox {
    margin-right: 15px;
  }
  .ec-login__actions {
    text-align: center;
  }
  .ecLoginNewMemberRegistrationArea,
  .ecExistingEntryArea {
    width: 48%;
  }
  .ecLoginNewMemberRegistrationArea .ec-login__input {
    margin-top: 30px;
  }
  .ec-flex-navi {
    padding-bottom: 27px;
    margin-bottom: 27px;
  }
  .ec-loginContentBottom .ecLoginSubtext {
    margin-bottom: 10px;
  }
}
/* SP */
@media screen and (max-width: 963px) {
  .login_pc_only {
    display: none !important;
  }
  .login_sp_only {
    display: block !important;
  }
  .loginTitle {
    font-size: 4vw;
    margin-bottom: 1.3vw;
    letter-spacing: 0.03em;
  }
  .loginTitleTxet {
    font-size: 3.2vw;
    letter-spacing: 0.05em;
  }
  .ecLoginSubtext {
    margin-bottom: 0.5vw;
    font-size: 3vw;
  }
  .ec-loginContentBottom::before,
  .ecLoginNewMemberRegistrationArea::after {
    display: block;
    content: "";
    background-color: #EDEDED;
    margin: 7vw 0;
    padding-bottom: 4vw;
  }
  .ec-loginContentBottom02::before {
    background-color: unset;
    margin: 0;
    border-top: unset;
  }
  .ecLoginNewMemberRegistrationArea {
    margin-bottom: 3vw;
  }
  .ecLoginNewMemberRegistrationArea .ec-login__input {
    margin-top: 6vw;
  }
  .ecForgotAndContactArea {
    font-size: 3.5vw;
  }
  .ecForgotIdBox {
    margin-bottom: 1.5vw;
  }
  .ec-optionRememberMe {
    margin-bottom: 3vw;
  }
  .btn-login__width {
    width: 100%;
    height: 10.6667vw;
    font-size: 3.6vw;
    line-height: 10.6667vw;
    padding: 0;
    letter-spacing: 0.1vw;
    font-weight: bold;
  }
  .btn:hover {
    color: #fff;
  }
}
/* --------------------------------
  新規会員登録
-------------------------------- */
/* PC */
@media screen and (min-width: 964px) {
  .ec-EsOrderNoImg {
    margin-top: 10px;
  }
  .businessStatusFlg input[type=text] {
    height: 40px;
  }
  .ec-mypageRoleCustomer__step2 input[type=radio] {
    margin-right: 5px;
  }
  #entry_es_builling_method {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }
}
/* SP */
@media screen and (max-width: 963px) {
  .otherInfoSigninSubText {
    margin-bottom: 1.5vw;
  }
  .otherInfoSigninPaymentAreaText {
    line-height: 1.4 !important;
  }
  .otherInfoSigninRemarkscolumnText {
    margin: 1vw 0;
    line-height: 1.4 !important;
  }
  .ec-mypageRoleCustomer__step2 .ec-storeInformation .text-nowrap {
    padding-bottom: 1.3vw !important;
  }
  .termsArea input[type=checkbox] + label::before {
    top: -0.5vw;
  }
}
/* --------------------------------
  ランキング
-------------------------------- */
/* PC */
.ec-RankingListProduct .productItemDis {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* SP */
@media only screen and (max-width: 1023px) {
  .ec-RankingListProduct__head {
    margin: 0 2.6667vw !important;
  }
  .ranking-main__title {
    padding-left: 2.6667vw !important;
    font-size: 4.5333vw !important;
  }
  .ranking-main_desc {
    font-size: 3.4667vw !important;
    letter-spacing: -0.5333vw !important;
    display: none !important;
  }
  .ranking-main_desc--sp {
    display: block !important;
    font-size: 3.4667vw !important;
    padding: 2.6667vw 0 !important;
  }
  .ranking-main_desc p {
    display: inline !important;
  }
  .ranking-list__form {
    display: flow-root !important;
    font-size: 2.9333vw !important;
  }
  .ranking-list__form select {
    font-size: 2.9333vw !important;
  }
  .ranking-list__form--type {
    width: 48% !important;
  }
  .ranking-list__form--1 {
    justify-content: space-between !important;
  }
  .ranking-list__form--key {
    width: 48% !important;
    margin-left: 1rem !important;
  }
  .ranking-form__time {
    float: right;
    margin-top: 2.6667vw;
    align-items: baseline;
    width: 48%;
  }
  .ranking-form__time--label {
    width: 49%;
  }
  .ec-RankingListProduct__image img {
    width: 33.0666666667vw !important;
    max-width: 33.0666666667vw !important;
    height: auto !important;
    max-height: 100% !important;
    border: 1px solid #D8D8D8 !important;
  }
  .ec-RankingListProductIsSale .priceAfterSaleOff {
    font-size: 3.7333vw !important;
  }
  .ec-favoriteProductHeart {
    width: 6.1333vw !important;
    height: 5.0667vw !important;
  }
  .ec-RankingListProduct {
    display: block !important;
  }
  .rankingListProduct-info {
    width: auto !important;
    margin-right: 0 !important;
  }
  .ec-RankingListProductSpecificationAndBoxSize__1 {
    display: none !important;
  }
  .rankingListProductRight_sp {
    display: block !important;
  }
  .rankingListProductRight_sp .productDetailLike {
    padding-left: 2.6667vw !important;
    font-size: 3.4667vw;
  }
  /* .rankingListProductRight {
      display: none !important;
  } */
  .ec-RankingListProduct .orther_product {
    display: none;
  }
  .rankingListProduct-info__text {
    width: 100% !important;
    font-size: 3.2vw !important;
    padding-right: 2.66vw;
  }
  .ec-RankingListProductLotUnitPrice {
    width: auto !important;
    border-bottom: none !important;
  }
  .rankingList-icon__queen1 {
    transform: unset !important;
  }
  .rankingList-icon__queen2 {
    transform: unset !important;
  }
  .rankingList-icon__queen3 {
    transform: unset !important;
  }
  .large-image {
    margin-left: 13.3333vw !important;
  }
  .small-image {
    margin-left: 13.3333vw !important;
  }
  .ec-RankingListProduct .renew,
  .ec-RankingListProduct .new,
  .ec-RankingListProduct .smallProductTag {
    left: 13.3333vw !important;
  }
  .rankingList-icon__sp {
    top: 5.3333vw !important;
    left: 2.6667vw !important;
  }
  .ec-RankingListProduct__image .disabledAddToCart {
    border-radius: 0 !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold !important;
    background-color: #BEBEBE !important;
    display: inline-block !important;
    font-size: 3.2vw !important;
    text-align: center;
    line-height: 5.3333vw !important;
    margin-left: 13.3333vw !important;
    width: 33.3333vw !important;
    margin-top: 4vw;
  }
  .rank_block--sp .disabledTag_sp {
    display: inline-block !important;
    line-height: 5.3333vw !important;
    margin-left: 13.3333vw !important;
    width: 33.3333vw !important;
    margin-top: 1.3333vw;
  }
  .rank_block--sp .disabledAddToCart {
    border-radius: 0 !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold !important;
    background-color: #BEBEBE !important;
    display: inline-block !important;
    font-size: 3.2vw !important;
    text-align: center;
    line-height: 5.3333vw !important;
    width: 33.3333vw !important;
  }
  .ec-boxCart {
    display: flex !important;
    bottom: 0 !important;
  }
  .ranking-main__title {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1.5;
  }
  .ranking-main_desc {
    margin: 10px 0 20px 0;
    font-size: 16px;
  }
  .ranking-main_desc--sp {
    display: none;
  }
  .ec-RankingListProduct__image img {
    margin-right: 2.66vw;
  }
  .ec-RankingListProduct__detail {
    margin-top: 20px;
    border-top: 2px solid #ccc;
    font-size: 3.466vw;
  }
  .ranking-list__form {
    display: flex;
    justify-content: space-between;
  }
  .ranking-list__form--1 {
    display: flex;
  }
  .ranking-list__form--key {
    margin-left: 3rem;
  }
  .ranking-list__form label {
    font-weight: bold;
    margin-bottom: 0;
  }
  .ec-RankingListProduct__image {
    position: relative;
  }
  .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 {
    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: 150px;
  }
  .rankingListProductRight .pc_show {
    display: inline;
  }
  .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: 8px;
    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: 3px;
    border: 1px solid #BEBEBE;
    font-size: 14px;
    display: inline-block;
  }
  .rankingList-icon {
    font-size: 3vw;
    color: #fff;
    background: url(../img/common/home/icon-queen.svg) no-repeat 0 0;
    background-size: 9.0667vw;
    width: 9.0667vw;
    height: 7.7333vw;
    position: absolute;
    left: 2.6667vw;
    top: 50%;
    text-align: center;
    padding-top: 2.9333vw;
    font-weight: bold;
  }
  .rankingList-icon__sp {
    font-size: 3.2vw;
    color: #fff;
    background: url(../img/common/home/icon-queen.svg) no-repeat 0 0;
    background-size: 9.0667vw;
    width: 9.0667vw;
    height: 7.7333vw;
    position: absolute;
    left: 5.3333vw;
    top: 5.3333vw;
    text-align: center;
    padding-top: 2.9333vw;
    font-weight: bold;
  }
  .rankingList-icon__queen1 {
    transform: scale(1.4);
  }
  .rankingList-icon__queen2 {
    transform: scale(1.3);
  }
  .rankingList-icon__queen3 {
    transform: scale(1.2);
  }
  .rankingList-isTag {
    top: 50%;
  }
  .rank_block--sp {
    display: none;
  }
  .rankingListProduct-info {
    height: auto;
    display: flex;
  }
  .rankingListProduct-info__text {
    font-size: 3.73vw;
  }
  .rankingListProduct-info__text .badgeProduct {
    margin-top: 0;
    font-weight: bold;
  }
  .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;
  }
  .rankingListProduct-info__product--name {
    margin: 0 0 5px;
  }
  .rankingListProductRight_sp {
    display: none;
  }
  .rankingListProductRight .disabledAddToCart {
    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;
    margin: 3.5vw 0 2vw 0;
  }
  .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;
  }
  .ec-RankingListProduct__image .disabledTag_sp {
    display: none;
  }
  .rankingListProductRight {
    width: 93vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1264px) {
  .ec-RankingListProduct .ec-favoriteProductHeart img {
    border: none !important;
    height: auto !important;
    width: auto !important;
  }
}
@media only screen and (max-width: 960px) {
  .ec-RankingListProductLotUnitPrice {
    width: auto !important;
  }
}
/* --------------------------------
  お問い合わせ
-------------------------------- */
/* PC・SP共通 */
.ec-borderedDefsCustom {
  background-color: white !important;
}

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

.ec-contactRoleCustom {
  font-size: 15px;
}

.ec-contactRoleCustom .guide_fag {
  font-size: 14px;
}

#ec-formContact {
  border-top: 2px solid #E0E0E0;
  padding: 0;
  margin-bottom: 30px;
}

#ec-formContact dl dt {
  padding-left: 15px;
  width: 28%;
}

#ec-formContact dl dd {
  font-size: 14px;
}

#ec-formContact dl dd .ec-input {
  width: 500px;
}

#ec-formContact dl dd .ec-input input {
  margin-bottom: 0;
}

.ec-contactName .inputName01 input,
.ec-contactName .inputName02 input {
  width: 215px;
  max-width: 220px;
}

#ec-formContact dl:nth-of-type(7) dd .ec-input {
  width: 702px;
}

#ec-formContact #contact_contents {
  padding: 5px 10px;
}

.ec-select #contact_address_pref {
  height: auto;
  padding: 8px 16px;
  width: 235px;
  background-color: #fff;
  border-radius: 5px;
}

.ec-mainContent .ec-pageConfirmTitle {
  text-align: left;
  padding-left: 15px;
  border-bottom: none;
}

.ec-contactConfirmRole .ec-borderedDefs dl {
  padding: 13px 0 10px;
}

.ec-contactConfirmRole .ec-borderedDefs dl dt {
  font-size: 14px;
  font-weight: bold;
}

.ec-contactConfirmRole .ec-borderedDefs dl dd {
  font-size: 16px;
}

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

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

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

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

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

.ec-ContactName {
  line-height: 13px;
}

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

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

.ec-contactName .contact-Name01 .text,
.ec-contactName .contact-Name02 .text {
  margin-right: 10px;
  display: inline-block;
  line-height: 2.8;
  font-weight: normal;
}

.ec-contactCompleteRole {
  font-size: 16px !important;
}

#contact_logged_contents {
  padding: 5px 10px;
}

/* Tab・SP共通 */
@media screen and (max-width: 1023px) {
  #ec-formContact dl dd .ec-input,
  #ec-formContact dl:nth-of-type(7) dd .ec-input {
    width: 100%;
  }
  .ec-contactCompleteRole {
    font-size: 3.4667vw !important;
  }
  .pl-pr-15-sm {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }
  .ml-mr-15-sm {
    margin: 0 4vw;
  }
  #ec-formContact dl {
    margin: 0 4vw;
    padding-bottom: 4vw;
  }
  #ec-formContact dl dt {
    padding-left: 0;
  }
  .ec-select #contact_address_pref {
    width: 100%;
    height: 10.6667vw;
    border-radius: 1.3333vw;
    border: 0.2667vw solid #BEBEBE;
  }
  .ec-mainContent .ec-pageConfirmTitle {
    font-size: 3.7333vw;
    padding-left: 4vw;
  }
  .ec-mainContent .postalCodeInfo a {
    font-size: 3.2vw;
  }
  #ec-formContact dl dt label {
    font-size: 3.4667vw !important;
  }
  #ec-formContact .ec-input1 textarea {
    width: 100%;
  }
  .ec-contactRoleCustom .guide_fag {
    font-size: 3.2vw;
  }
  .ec-contactRoleCustom .ec-fLeft_custome img {
    width: 8.8vw;
    height: 8.8vw;
  }
  .ec-contactRoleCustom .ec-pageConfirmTitle {
    font-size: 3.7333vw;
  }
  .ec-contactRoleCustom {
    font-size: 3.4667vw;
  }
  .ec-contactRoleCustom .ec-zipInputCustom p {
    font-size: 3.4667vw;
    margin-bottom: 1.3vw;
  }
  .ec-contactName .inputName01 input,
  .ec-contactName .inputName02 input {
    width: 100%;
    max-width: none;
  }
  #ec-formContact dl dd {
    font-size: 3.4667vw;
    font-weight: normal;
  }
  .ec-contactIndustry div:first-child {
    margin-bottom: 2.6667vw;
    margin-right: 0;
  }
  .ec-contactIndustry div p {
    display: none;
  }
  .ec-contactIndustry div select {
    width: 100%;
    display: inline-block;
    height: 10.6667vw;
    border-radius: 1.333vw;
    border: 0.2667vw solid #BEBEBE;
  }
  .ec-contactIndustry div span {
    display: inline-block;
    font-weight: normal;
    font-size: 3.4667vw;
    line-height: 2.8;
  }
  .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%;
  }
  .ec-contactConfirmRole .ec-borderedDefs {
    background-color: #fff !important;
    padding: 0 0 4vw !important;
    margin: 0 4vw 5.3333vw;
    width: auto;
  }
  .ec-contactConfirmRole .ec-borderedDefs dl dt {
    font-size: 3.4667vw;
    font-weight: bold;
    margin-bottom: 1.3333vw;
  }
  .ec-contactConfirmRole .ec-borderedDefs dl dd {
    font-size: 3.7333vw;
    font-weight: normal;
  }
  #ec-formContact {
    margin-bottom: 4vw;
  }
}
/* --------------------------------
  お届け先の新規追加
-------------------------------- */
/* PC・SP共通 */
#page_mypage_delivery_new,
#page_mypage_delivery_edit {
  /* Tab・SP共通 */
}
#page_mypage_delivery_new .ec-mainContent .no-Background,
#page_mypage_delivery_edit .ec-mainContent .no-Background {
  background-color: white !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
#page_mypage_delivery_new .ec-borderedDefs,
#page_mypage_delivery_edit .ec-borderedDefs {
  padding: 0;
}
#page_mypage_delivery_new .ec-borderedDefs dl,
#page_mypage_delivery_edit .ec-borderedDefs dl {
  padding: 20px 30px;
}
#page_mypage_delivery_new .ec-DeliveryPage,
#page_mypage_delivery_edit .ec-DeliveryPage {
  margin-top: 20px;
}
#page_mypage_delivery_new .ec-DeliveryPage .no-Background dl,
#page_mypage_delivery_edit .ec-DeliveryPage .no-Background dl {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 20px 20px;
  margin-bottom: 20px;
}
#page_mypage_delivery_new .ec-DeliveryPage .no-Background dl:last-child,
#page_mypage_delivery_edit .ec-DeliveryPage .no-Background dl:last-child {
  border-bottom: none;
}
#page_mypage_delivery_new .ec-DeliveryPage .ec-borderedDefs dt,
#page_mypage_delivery_edit .ec-DeliveryPage .ec-borderedDefs dt {
  width: 31%;
}
#page_mypage_delivery_new .ec-DeliveryPage .ec-required,
#page_mypage_delivery_edit .ec-DeliveryPage .ec-required {
  font-size: 11px;
}
#page_mypage_delivery_new .ec-DeliveryPage .ec-zipInputCustom select.p-region-id,
#page_mypage_delivery_edit .ec-DeliveryPage .ec-zipInputCustom select.p-region-id {
  width: 33.5%;
  height: 40px;
  border-radius: 5px;
}
#page_mypage_delivery_new .ec-mainContent .ec-pageHeader h1,
#page_mypage_delivery_edit .ec-mainContent .ec-pageHeader h1 {
  margin-bottom: 0;
  padding-left: 10px;
}
#page_mypage_delivery_new .ec-blockBtn--delivery,
#page_mypage_delivery_new .groupBtnCommonDeli .backgroundDrakCommon_unable,
#page_mypage_delivery_edit .ec-blockBtn--delivery,
#page_mypage_delivery_edit .groupBtnCommonDeli .backgroundDrakCommon_unable {
  margin-top: 20px;
  margin-right: unset !important;
}
@media only screen and (max-width: 1023px) {
  #page_mypage_delivery_new .ec-DeliveryPage .ec-required,
  #page_mypage_delivery_edit .ec-DeliveryPage .ec-required {
    font-size: 2.4vw;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .no-Background dl,
  #page_mypage_delivery_edit .ec-DeliveryPage .no-Background dl {
    padding: 0 0 4vw;
    margin: 0 4vw 4vw;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .ec-zipInputCustom p,
  #page_mypage_delivery_edit .ec-DeliveryPage .ec-zipInputCustom p {
    font-size: 3.2vw;
    margin-bottom: 1.5vw;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .postalCodeInfo a,
  #page_mypage_delivery_edit .ec-DeliveryPage .postalCodeInfo a {
    font-size: 3.2vw;
    font-weight: normal;
  }
  #page_mypage_delivery_new .ec-DeliveryPage input[type=text].p-postal-code,
  #page_mypage_delivery_edit .ec-DeliveryPage input[type=text].p-postal-code {
    width: 24vw !important;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .ec-zipInputCustom select.p-region-id,
  #page_mypage_delivery_edit .ec-DeliveryPage .ec-zipInputCustom select.p-region-id {
    width: 100%;
  }
  #page_mypage_delivery_new .groupBtnCommonDeli,
  #page_mypage_delivery_edit .groupBtnCommonDeli {
    margin-bottom: 5vw;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .ec-borderedDefs dl:last-child,
  #page_mypage_delivery_edit .ec-DeliveryPage .ec-borderedDefs dl:last-child {
    margin-bottom: 0;
  }
  #page_mypage_delivery_new .convert_groupBtnCommon,
  #page_mypage_delivery_edit .convert_groupBtnCommon {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }
  #page_mypage_delivery_new .ec-blockBtn--delivery,
  #page_mypage_delivery_edit .ec-blockBtn--delivery {
    margin-top: unset;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .groupBtnCommonDeli,
  #page_mypage_delivery_edit .ec-DeliveryPage .groupBtnCommonDeli {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  #page_mypage_delivery_new .ec-DeliveryPage .groupBtnCommonDeli button,
  #page_mypage_delivery_edit .ec-DeliveryPage .groupBtnCommonDeli button {
    margin-bottom: 3vw;
  }
}

/* --------------------------------
  商品変更の案内
-------------------------------- */
#page_product_information {
  /* PC・SP共通 */
  /* ラジオボタンのデザイン */
  /* PC */
  /* SP */
}
#page_product_information .productinformationBtn a {
  color: #333333;
  line-height: 1;
  display: inline-block;
  text-align: center;
}
#page_product_information .productinformationH4 {
  font-weight: bold;
  border-bottom: 2px solid #E0E0E0;
}
#page_product_information .productinformationRadiobutton {
  border-bottom: 1px solid #E0E0E0;
}
#page_product_information .productinformationBorder {
  border-bottom: 1px solid #E0E0E0;
  display: block;
}
#page_product_information .ProductstatusScheduledtobesoldout {
  background-color: #E0E0E0;
  color: #333333;
}
#page_product_information .ProductstatusSoldout {
  background-color: #333333;
  color: #fff;
}
#page_product_information .ProductstatusScheduledtobesoldout,
#page_product_information .ProductstatusSoldout {
  line-height: 1;
}
#page_product_information .productinformationProductNameBox a {
  color: #333333;
  text-decoration: underline;
}
#page_product_information .productinformationProductNameBox a:hover {
  color: #008DD8;
}
#page_product_information .productinformationPricecut,
#page_product_information .productinformationPriceincrease {
  color: #fff;
  line-height: 1;
}
#page_product_information .productinformationPricecut {
  background-color: #07569E;
}
#page_product_information .productinformationPriceincrease {
  background-color: #B12704;
}
#page_product_information .productinformationChangepointTitle {
  font-weight: bold;
}
#page_product_information .productinformationChangepoint {
  background-color: #F5F5F5;
}
#page_product_information .productinformationRelatedproducts {
  background-color: #F5F5F5;
  color: #333333;
}
#page_product_information .productinformationProductUnitBox {
  border-bottom: 1px solid #ededed;
}
#page_product_information .testBox .productinformationProductUnitBox:only-child {
  border-bottom: none;
}
#page_product_information .renewalLink a,
#page_product_information .nodatamessage,
#page_product_information .afterproductsutas,
#page_product_information .productinformationRelatedProductsLink a,
#page_product_information .productinformationRelatedProductsBox a {
  color: #333333;
}
#page_product_information .productinformationProductUnitBox li.productinformationRelatedProducts {
  background-color: #fffaf4;
}
#page_product_information .productinformationetailBox {
  border-top: 1px solid #D8D8D8;
  display: flex;
}
#page_product_information .productinformationRadiobutton input[type=radio],
#page_product_information .productinformationetailBox input[type=radio] {
  display: none;
}
#page_product_information .search_history {
  text-align: center;
  transition: all 0.2s ease;
}
#page_product_information .productinformationRadiobutton {
  display: flex;
  justify-content: space-between;
}
#page_product_information .productinformationRadiobutton label,
#page_product_information .productinformationetailBox label {
  margin-bottom: 0;
}
#page_product_information .productinformationRadiobutton .search_history:hover {
  background-color: #EADDCF;
  color: #525252;
}
#page_product_information .productinformationRadiobutton input:checked + .search_history {
  color: #fff;
  background-color: #6a6a6a;
}
#page_product_information .productinformationRadiobutton .test {
  width: 32.9%;
}
#page_product_information .productinformationRadiobutton .search_history {
  width: 100%;
  justify-content: center;
  background-color: #e8e8e8;
  font-weight: bold;
}
#page_product_information .productinformationetailBox label {
  position: relative;
  margin-bottom: 0;
}
#page_product_information .productinformationetailBox label:after,
#page_product_information .productinformationetailBox label:before {
  position: absolute;
  content: "";
  display: block;
}
#page_product_information .productinformationetailBox label:after {
  border: 1px solid #BEBEBE;
  border-radius: 50%;
}
#page_product_information .productinformationetailBox label:before {
  background: rgb(230, 95, 110);
  border-radius: 50%;
  opacity: 0;
}
#page_product_information input[type=radio]:checked + label:before {
  opacity: 1;
}
#page_product_information .productinformationBtnBox li a:after {
  content: url(/html/user_data/assets/img/common/arrow-down.svg);
  vertical-align: middle;
}
@media screen and (min-width: 964px) {
  #page_product_information .nodatamessage,
  #page_product_information .afterproductsutas {
    font-size: 14px;
    letter-spacing: 0.03em;
  }
  #page_product_information .priceChangeBox,
  #page_product_information .renewalBox,
  #page_product_information .soldoutBox {
    margin-bottom: 50px;
  }
  #page_product_information .ec-mainContent .ec-headerSearch__keyword {
    float: unset;
    margin-top: 10px;
  }
  #page_product_information .productinformationBtnBox {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
  }
  #page_product_information .productinformationBtn {
    margin-right: 40px;
  }
  #page_product_information .productinformationBtn a {
    font-size: 14px;
    letter-spacing: 0.1em;
    width: 100%;
    position: relative;
  }
  #page_product_information .productinformationBtnBox li a:after {
    padding-left: 2px;
    position: absolute;
    top: -3px;
  }
  #page_product_information #search_history label {
    display: inline-block;
    margin-right: 15px;
  }
  #page_product_information .productinformationBtn a:hover {
    text-decoration: none;
    opacity: 0.5;
  }
  #page_product_information .productinformationEcheaderSearch {
    margin-bottom: 12px;
  }
  #page_product_information .productinformationRadiobutton {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #page_product_information .productinformationetailBox {
    padding-top: 10px;
  }
  #page_product_information .productinformationRadiobutton .test,
  #page_product_information .productinformationetailBox .test {
    display: flex;
  }
  #page_product_information .productinformationRadiobutton .search_history {
    padding: 15px 0 13px;
    border-radius: 8px 8px 0 0;
  }
  #page_product_information .productinformationetailBox .test {
    margin-right: 35px;
  }
  #page_product_information .productinformationetailBox label span {
    display: block;
    margin-left: 25px;
  }
  #page_product_information .productinformationetailBox input[type=radio] {
    margin-right: 5px;
  }
  #page_product_information .productinformationetailBox label:after,
  #page_product_information .productinformationetailBox label:before {
    top: 50%;
  }
  #page_product_information .productinformationetailBox label:after {
    margin-top: -10px;
    width: 20px;
    height: 20px;
  }
  #page_product_information .productinformationetailBox label:before {
    left: 4px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
  }
  #page_product_information .productinformationH4 {
    font-size: 15px;
    letter-spacing: 0.02em;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  #page_product_information .ec-guide-title {
    margin-bottom: 20px;
  }
  #page_product_information .productinformationProductUnitBox {
    display: grid;
    grid-template-columns: 45% 10% 45% 100%;
    align-items: center;
    padding-bottom: 13px;
    margin-bottom: 13px;
  }
  #page_product_information .productinformationRelatedProducts {
    grid-column: 1/4;
  }
  #page_product_information .productinformationRelatedProductsBox {
    display: flex;
  }
  #page_product_information .productinformationRelatedProductsArea {
    justify-content: space-between;
  }
  #page_product_information .productinformationRelatedProductsNameBox {
    display: flex;
  }
  #page_product_information .productinformationRelatedProductsLink {
    font-size: 13px;
  }
  #page_product_information .relatedProductsCd {
    margin-right: 0.5em;
  }
  #page_product_information .productinformationProductNameBox {
    margin-bottom: 5px;
    align-items: center;
  }
  #page_product_information .productinformationProductUnitBoxAfter {
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  #page_product_information .productinformationProductUnitBoxBefore {
    display: flex;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  #page_product_information .productinformationAfterProductName {
    display: flex;
  }
  #page_product_information .beforeProductImg img {
    width: 100px;
    height: auto;
  }
  #page_product_information .beforeProductImg img:hover {
    opacity: 0.7;
    transition: 0.2s;
  }
  #page_product_information .beforeProductImg {
    margin-right: 10px;
  }
  #page_product_information .ProductstatusScheduledtobesoldout,
  #page_product_information .ProductstatusSoldout,
  #page_product_information .productinformationPriceincrease,
  #page_product_information .productinformationPricecut,
  #page_product_information .productinformationRelatedproducts {
    font-size: 11px;
    text-align: center;
    letter-spacing: 0.08em;
    font-weight: bold;
    margin-right: 5px;
    line-height: 1;
  }
  #page_product_information .productinformationRelatedproducts {
    margin-bottom: 3px;
  }
  #page_product_information .ProductstatusScheduledtobesoldout,
  #page_product_information .ProductstatusSoldout,
  #page_product_information .productinformationRelatedproducts {
    width: 60px;
    padding: 5px 0;
    margin-bottom: 5px;
  }
  #page_product_information .productinformationPriceincrease,
  #page_product_information .productinformationPricecut {
    width: 60px;
    padding: 5px 0;
  }
  #page_product_information .productinformationProductName {
    font-weight: bold;
  }
  #page_product_information .productinformationPriceBox {
    display: flex;
  }
  #page_product_information .productinformationChangepoint,
  #page_product_information .productinformationProductUnitBox li.productinformationRelatedProducts {
    padding: 10px 15px;
    margin-top: 10px;
    font-size: 14px;
  }
  #page_product_information .renewalLink a {
    font-size: 13px;
  }
  #page_product_information .productAfterarrow {
    text-align: center;
  }
  #page_product_information .productAfterarrow img {
    width: 11px;
    height: auto;
  }
  #page_product_information .renewalLinkArrow {
    width: 5px;
    height: auto;
    padding-bottom: 2px;
    margin-left: 3px;
    display: inline-block;
  }
}
@media screen and (max-width: 963px) {
  #page_product_information .productinformationBtnBox,
  #page_product_information .ec-headerSearch,
  #page_product_information .nodatamessage {
    padding: 0 4vw 1.33vw;
  }
  #page_product_information .productinformationBtnBox {
    display: flex;
    justify-content: flex-start;
    padding: 0;
  }
  #page_product_information .productinformationBtn {
    margin-bottom: 2vw;
  }
  #page_product_information .productinformationBtn a {
    font-size: 3vw;
    letter-spacing: 0.03em;
    position: relative;
    padding: 2.5vw 5vw 2.5vw 0;
  }
  #page_product_information .productinformationBtnBox li a:after {
    padding-left: 2px;
    vertical-align: text-top;
  }
  #page_product_information .productinformationEcheaderSearch {
    width: 100%;
    margin-bottom: 3vw;
    margin-top: 2.5vw;
  }
  #page_product_information .productinformationRadiobutton {
    align-items: center;
  }
  #page_product_information .productinformationRadiobutton .test {
    position: relative;
    width: 32.3%;
  }
  #page_product_information #search_history label {
    font-size: 3.2vw;
    margin-right: 3vw;
  }
  #page_product_information .search_history00 span {
    display: inline-block;
    margin-top: 11%;
  }
  #page_product_information .search_history01 span,
  #page_product_information .search_history02 span {
    display: inline-block;
    margin-top: 4%;
    line-height: 1.4;
  }
  #page_product_information .productinformationChangepoint {
    display: flex;
    justify-content: space-between;
  }
  #page_product_information .search_history {
    font-size: 3.1vw;
    border-radius: 5px 5px 0 0;
    height: 3.5em;
  }
  #page_product_information .productinformationetailBox label span {
    display: block;
    margin-left: 7vw;
  }
  #page_product_information .productinformationetailBox label:after,
  #page_product_information .productinformationetailBox label:before {
    top: 50%;
  }
  #page_product_information .productinformationetailBox label:after {
    margin-top: -12px;
    width: 22px;
    height: 22px;
  }
  #page_product_information .productinformationetailBox label:before {
    left: 4px;
    margin-top: -8px;
    width: 14px;
    height: 14px;
  }
  #page_product_information .productinformationetailBox {
    padding-top: 3vw;
    justify-content: flex-start;
  }
  #page_product_information .productinformationetailBox .test {
    padding-right: 7vw;
  }
  #page_product_information .productinformationH4,
  #page_product_information .productinformationProductUnitBox {
    width: 92vw;
    margin: 0 auto 3.9vw;
  }
  #page_product_information .productinformationH4 {
    font-size: 3.8vw;
    font-weight: bold;
    margin-top: 6vw;
    padding-bottom: 1.5vw;
  }
  #page_product_information .productinformationProductUnitBoxBefore {
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    font-size: 3.4vw;
  }
  #page_product_information .beforeProductImg img {
    width: 18vw;
  }
  #page_product_information .beforeProductImg {
    margin-right: 2vw;
  }
  #page_product_information .productinformationProduct {
    align-items: center;
  }
  #page_product_information .productinformationProductNameBox,
  #page_product_information .productinformationProductName {
    letter-spacing: 0.04em;
    font-weight: bold;
    font-size: 3.4vw;
  }
  #page_product_information .ProductstatusScheduledtobesoldout,
  #page_product_information .ProductstatusSoldout {
    line-height: 1;
    padding: 1vw 1.3333vw;
    font-size: 2.4vw;
    font-weight: bold;
    margin-right: 1.2vw;
    width: 14.5vw;
    text-align: center;
    margin-bottom: 1.3vw;
  }
  #page_product_information .productinformationPriceincrease,
  #page_product_information .productinformationPricecut,
  #page_product_information .productinformationRelatedproducts {
    padding: 1.4vw 1.3vw;
    font-size: 2.4vw;
    font-weight: bold;
    margin-right: 1.2vw;
    line-height: 1;
  }
  #page_product_information .productAfterarrow img {
    transform: rotateZ(90deg);
    width: 3vw;
    height: auto;
  }
  #page_product_information .productAfterarrow {
    width: 100%;
    margin: 2vw;
    text-align: left;
  }
  #page_product_information .productinformationPriceBox {
    display: flex;
  }
  #page_product_information .afterproductPrice {
    font-size: 3.4vw;
  }
  #page_product_information .productinformationProduct,
  #page_product_information .productinformationProductNameBox {
    margin-bottom: 1vw;
  }
  #page_product_information .productinformationProductUnitBox {
    padding-bottom: 3.9vw;
  }
  #page_product_information .renewalLink {
    margin-top: 2vw;
  }
  #page_product_information .renewalLink a,
  #page_product_information .productinformationRelatedProductsBox a,
  #page_product_information .productinformationRelatedProductsLink a {
    text-decoration: underline;
  }
  #page_product_information .renewalLink img,
  #page_product_information .productinformationRelatedProductsLink img {
    width: 1.2vw;
    display: inline-block;
    padding-bottom: 0.8vw;
    margin-left: 0.5vw;
  }
  #page_product_information .productinformationChangepoint,
  #page_product_information .productinformationRelatedProducts {
    display: block;
    padding: 4vw;
    font-size: 3.2vw;
    margin-top: 3vw;
    align-items: center;
  }
  #page_product_information .productinformationChangepointTitle {
    font-weight: bold;
  }
  #page_product_information .productinformationProductNameBox {
    display: flex;
  }
  #page_product_information .nodatamessage {
    font-size: 3.2vw;
    margin-bottom: 5vw;
  }
  #page_product_information .afterproductsutas {
    font-size: 3.2vw;
  }
  #page_product_information .productinformationRelatedProductsNameBox,
  #page_product_information .productinformationRelatedProductsBox {
    display: flex;
  }
  #page_product_information .productinformationRelatedProductsBox {
    margin-bottom: 2vw;
  }
  #page_product_information .RelatedProductsName {
    margin-left: 0.5em;
  }
}

/* --------------------------------
クイックオーダー
-------------------------------- */
/* PC・SP共通 */
#QuickOrder {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  table-layout: fixed;
}

#QuickOrder .colProductCode, .colProductQuantity, .colProductPrice {
  width: 15%;
  text-align: center;
}

#QuickOrder .colProductCode {
  width: 20%;
}

#QuickOrder .quickOrderTemplate {
  display: none;
}

#QuickOrder th, td {
  vertical-align: middle;
}

#QuickOrder th {
  background-color: #F4F3F0;
  padding: 10px;
  font-weight: 600;
}

#QuickOrder .productCode, .productQuantity {
  width: 90%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

#QuickOrder .productInfoArea a {
  text-decoration: underline;
}

#QuickOrder .productImage {
  max-width: 15%;
  float: left;
}

#QuickOrder .productInfo {
  float: left;
  margin-left: 10px;
}

#QuickOrder .errorMsgArea {
  clear: both;
  display: block;
}

.addToCartBtn {
  padding: 10px 0;
}

#QuickOrder .productQuantity {
  text-align: right;
}

.btn-group button {
  width: 100%;
  margin-top: 10px;
}

.quickOrderError {
  margin-top: 3px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: right;
}

/* PC */
@media only screen and (min-width: 768px) {
  .hidden-lg {
    display: none !important;
  }
  .btn-group .btn-right {
    float: right;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  #QuickOrder .colProductCode, .colProductQuantity, .colProductPrice {
    width: 25%;
    text-align: center;
  }
  #QuickOrder .colProductCode {
    width: 35%;
  }
  #QuickOrder .productImage {
    max-width: 50%;
  }
}