@charset "utf-8";

/* ----------------------------------------------------
		追加
---------------------------------------------------- */

/* 共通 */
.message.error {
    color: red;
}

.error input,
.error select,
.error textarea {
    border: 1px solid #d80012 !important;
    background-color: #fdf2f3 !important;
}

a.form-btn,
a.form-btn-03 {
    display: block;
    text-decoration: none;
}

.userguide_detail {
    background-color: #fff;
}

.shopping-err-box {
    padding: 50px 40px 0;
    background-color: #fff;
}

.bg-load-overlay {
    background: rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    position: fixed;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    opacity: 1;
  }

#gmo-description {
    border-top: 1px solid #edeff4;
    margin-top: 25px;
    padding-top: 25px;
    font-size: 1.6rem;
}

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

.ec-orderPayment .ec-rectHeading h2 {
    margin-bottom: 20px;
    padding: 8px 15px;
    background-color: #edeff4;
    font-size: 1.6rem;
    font-weight: bold;
}

.ec-orderPayment p {
    font-size: 1.6rem;
}

.ec-inlineBtn {
    padding: 8px;
    background-color: #999db1;
    color: #fff;
    text-align: center;
    line-height: 1;
    min-width: 86px;
}

.ec-orderDelivery__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #edeff4;
}

#shopping #nonmember_company {
    display: none;
}

#shopping .userinfo-con {
    padding: 0;
}

#shopping .userinfo-con dl dt {
    width: 12em;
}

#shopping .userinfo-con input {
    width: 100%;
}

#shopping .userinfo-con .ec-halfInput input {
    width: 49%;
}

#shopping .userinfo-con .customer-postal_code input {
    width: 12rem;
}

#shopping .userinfo-con .customer-phone_number input {
    width: 20rem;
}

#shopping #shopping_order_use_point {
    padding: 5px;
    border: 1px solid #999db1;
    width: 160px;
    border-radius: 5px;
    margin-right: 10px;
}

.ec-error {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 880px;
    margin: 0 auto;
    padding: 15px;
    border: 1px solid #d80012;
    color: #d80012;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    background-color: #fff;
}

._change input ~ span, .ec-form input ~ span {
    margin-left: 0.5em;
    font-size: 1.4rem;
}

._change input ~ p, .ec-form input ~ p {
    margin-top: 3px;
    font-size: 1.4rem;
}

.ec-form dd label {
    margin-right: 0.5em;
    vertical-align: middle;
}

.form-btn-03 {
    width: 100%;
    padding: 20px 10px;
    background-color: #535a60;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: all .6s;
}

.userinfo-con .userinfo-terms {
    max-width: 285px;
    margin: 0 auto 40px;
    font-size: 1.4rem;
    text-align: center;
}

.userinfo-con .userinfo-terms a {
    color: #d80012;
}

._process .process-main .process-box._pro-delivery .delivery-box .delivery-method dd {
    max-width: max-content !important;
}

.ec-orderPayment .error {
    color: #d80012;
    margin-top: 10px;
    font-size: 1.6rem;
}

.store_description {
    font-size: 1.4rem;
    padding-left: 2em;
    margin-top: 20px;
}

.userinfo-con dl dd .wid-ss { width: 25%; }
.userinfo-con dl dd .wid-ss:nth-child(2) { margin-left: 0.5em; }
@media screen and (max-width: 750px) { 
  .userinfo-con dl dd .wid-ss { width: 100%; }
  .userinfo-con dl dd .wid-ss:nth-child(2) { margin-top: 5px; margin-left: 0; } 
}

.login-caution {
    text-align: center;
    font-size: 1.4rem;
    color: #d80012;
    margin-top: 20px;
}

/* 製品詳細 */
@media screen and (max-width: 750px) { 
  .topicpath_first { line-height: 2.3; }
}

.coupon-con .error-txt { font-size: 1.4rem; color: #d80012; }
#coupon_use_coupon_cd.is-invalid { background: #fdf2f3 url("/assets/img/common/ico_withdraw02.svg") no-repeat right 10px center !important; background-size: 18px auto !important; }
#coupon_use_coupon_cd.is-invalid { border: 1px solid #d80012 !important; }
#coupon_use_coupon_use { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
@media screen and (max-width: 750px) { #coupon_use_coupon_use { display: block; } }
#coupon_use_coupon_use div { margin-right: 4em; font-size: 1.6rem; }
@media screen and (max-width: 750px) { #coupon_use_coupon_use div { margin-right: 0; margin-bottom: 40px; } }
#coupon_use_coupon_use div:last-child { margin-right: 0; }
#coupon_use_coupon_use input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; margin: auto 5px auto 0; padding: 0; border: none; border-radius: 0; background: none; outline: none; line-height: 1; vertical-align: middle; border: 1px solid #cacaca; border-radius: 50%; background: #fff; }
#coupon_use_coupon_use input[type="radio"]:checked::after { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 14px; height: 14px; margin: -7px 0 0 2px; background: #d80012; border-radius: 30px; }
.coupon-code a { width: 100%; padding: 5px; border: 1px solid #999db1; font-size: 1.6rem; border-radius: 5px; display: inline-block; text-decoration: none; text-align: center; }
.coupon-txt .ec-color-red { color: #d80012; }

/* 特集・ブログ・キャンペーン */
.feature .feature-list li .feature-list-cate.feature-list-cate-03 span {
    background-color: #8a9308;
}

/* 製品詳細 */
.en .detail .detailitem-sec._wide .cmn-morebtn02 div::after {
  content: 'See more';
}

.en .detail .detailitem-sec._wide.is-open .cmn-morebtn02 div::after {
  content: 'Close';
}

/* 製品詳細 返品について */
#customize-detail-add {
    display: flex;
    flex-wrap:wrap;
}
#customize-detail-add li{
    margin-left: 1rem;
}