@charset "UTF-8";

#LP #wrap .shinnihon {
    margin-top: 0;
}

/** LP用に画面幅制御なしにする */
#LP .topGroupName {
    width:100%;
}
#LP .beforeFormArea {
    width:100%;
    padding: 0 1.5%;
}

#__error_privacyPolicyConsent > span{
    margin-top: 45px;
    margin-left: 550px;
}

@media screen and (max-width: 641px) {
    #LP .topGroupName {
        padding: 0;
    }
    #LP .beforeFormArea {
        padding: 0 10px;
    }

    #__error_privacyPolicyConsent > span{
        margin-top: 50px;
        margin-left: 7px;
    }
}

#selectedSalesGoodsCodesTdSurround label + label {
    margin-left: 0;
}

/** 画像 */
@media screen and (max-width: 641px) {
    .htmlTextItemWrap img {
        width: 100%;
    }
}


/** ログインボタン */
#content_2 .submitArea {
    width:100%;
    margin-top: 20px;
}
#loginButtonItemWrap {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

/** ソーシャルログインボタン **/
.socialLoginButoonGroup::before {
    content: "ソーシャルサービスのアカウントでログイン";
    width: 40%;
    margin: 0 30% 15px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.socialLoginButoonGroup.socialLoginArea {
    margin: 60px 0 0;
}
.amazonLoginSubmitArea {
    text-align: center;
}
.amazonPayLoginIncludeItemWrap {
    display: inline-block;
}
#amazonPayLoginIncludeItemWrap #Logout {
    margin-top: 5px;
}
#AmazonPayButton {
    text-align: center;
    width : 250px;
    height : 45px;
}
#AmazonPayButton > img {
    width: 100%;
}
#AmazonPayButton[title="Amazonアカウントに登録されている情報を利用してお支払い"] {
    height : 60px;
}
@media screen and (max-width: 768px) {
    .socialLoginButoonGroup::before {
        width: 100%;
        margin: 0 0 15px;
    }
    #loginButtonItemWrap {
        display:block;
    }
    #loginButtonItemWrap {
        margin-bottom: 25px;
    }
}

/** フォーム */
.selectedPaymentMethodTdSurround,
.reglSecondSelectedPaymentMethodTdSurround  {
    background-color: #fff !important;
}
.selectedPaymentMethodTdSurround > div,
.reglSecondSelectedPaymentMethodTdSurround > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .selectedPaymentMethodTdSurround > div { display: block } /* IE11 */
 }
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .selectedPaymentMethodItemWrap .radiobuttonLabel { width: 48%; margin-right: 1%; } /* IE11 */
 }
.selectedPaymentMethodItemWrap .radiobuttonLabel.checked,
.reglSecondSelectedPaymentMethodItemWrap .radiobuttonLabel.checked  {
    background-color: #fbfad8;
}
.selectedPaymentMethodItemWrap .radiobuttonLabel > input[type=radio]
.reglSecondSelectedPaymentMethodItemWrap .radiobuttonLabel > input[type=radio]  {
    margin-right: 10px;
}
.radiobuttonLabel:nth-of-type(3n) {
    margin-right: 0;
}
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .radiobuttonLabel:nth-of-type(3n) { margin-right: 1%; } /* IE11 */
}
#reglSecondSelectedPaymentMethod_labelId:after {
    content: "必須";
    background: #cf646b;
    color: #fff;
    padding: 0 10px;
    margin: 0 0 0 5px;
    font-weight: normal;
    font-size: 0.9em;
    border-radius: 3px;
    float: right;
    min-width: 2em;
    text-align: center;
}

 /* クレジットカード支払い、登録済み/新しいカードの選択 */

.useCardType0_itemLabel,
.useCardType1_itemLabel {
    display: inline-block;
    width: auto;
    min-width: 220px;
    padding: 10px 5px 10px 10px;
}

/** お支払い方法 */
#paymentMethodGroup {
    margin: 8px 0;
}
#paymentMethodGroup [class*=tab_box] {
    margin: 0;
}

/* お支払い方法入力（読み込み時は非表示しておく） */
#amazonWalletGroup,
#amazonPayGroup,
#conveniInfoGroup,
#creditCardGroup {
    display: none;
}

/* お客様情報 */
.customerInfoGroup {
    margin-top: 40px;
}
@media screen and (min-width: 750px) {
    .orderNameSeiItemWrap .orderNameSei_itemLabel  span.desc{
        font-size: 1.4rem;
    }
}


#selectedSalesGoodsCodesTdSurround label{
    display: block;
    margin-left:initial;
}

@media screen and (max-width: 641px) {
    .beforeFormArea .table.th_30 .th,
    .beforeFormArea .table.th_30 th {
        display: block;
    }
    .beforeFormArea .table.th_30 .td,
    .beforeFormArea .table.th_30 td {
        display: block;
        border: none;
    }
    /* お支払い方法 */
    .topGroupName .selectedPaymentMethodTdSurround label.selectedPaymentMethod_selections_itemLabel {
        width: 100%;
    }
    /* クレジットカード入力 */
    .creditCardGroup {
        width: 100%;
        margin-bottom: 10px;
    }
    /* コンビニ選択 */
    .conveniInfoGroup {
        width: 100%;
        margin-left: 20px;
    }

    .amazonWalletGroup {
        width : 100%;
    }
}

/** オプトイン */
#isOptin1ItemWrap .checkboxLabel > .MIXED,
#isOptin2ItemWrap .checkboxLabel > .MIXED {
    display: inline;
}
#optinGroup2 {
    margin-top:10px;
}

/* よりどり商品、選択説明文 */
.goodsSelectionNumItemWrap {
    font-size: 12px;
    margin-bottom: 20px;
}

div#goodsSelectionNum_innerId {
    display: inline;
}

/* よりどり商品、「対象商品」っていう見出し
.itemSelectionGoodsTitle {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 5px;
} */


/* よりどり商品、対象商品リスト */
#itemSelectionGoodsList {
    display: block;
}
div.matrix-body {
    display: flex;
    flex-wrap: wrap;
}

div.itemSelectionGoodsListRow{
    display: block;
    position: relative;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px;
}

div.itemSelectionGoodsListRow:after {
    content: "";
    display: block;
    clear: both;
}
div.itemSelectionGoodsListRow:before {
    content: "";
    display: block;
    clear: both;
}

.itemSelectionGoodsList div.items {
    display: block;
    background-color: transparent !important;
}
.itemSelectionGoodsList div.items a {
    float: left;
}
.itemSelectionGoodsList div.items .goodsSelectionImgThumb {
    width: 40%;
    margin-right: 10px;
}
.itemSelectionGoodsList div.items .goodsSelectionImgThumb img {
    width: 100%;
    display: block;
}
.itemSelectionGoodsList div.items .goodsName {
    width: calc(60% - 20px);
    margin-bottom: 10px;
    font-size: 14px;
    display: block;
}
#itemSelectionGoodsList  .goodsCountItemWrap {
    font-size: 14px;
}

@media screen and (max-width: 641px) {
    .itemSelectionGoodsList div.items .goodsSelectionImgThumb {
        width: 100%;
    }
    .itemSelectionGoodsList div.items .goodsName {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #itemSelectionGoodsList .goodsCountItemWrap {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
    }
}


/* よりどり商品、数量プルダウン */
.goodsCount {
    width: 60px;
    padding: 5px 10px;
    font-size: 18px;
}


/* よりどり商品、現在個数、最大個数 */
.selectedNumItemWrap {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}
.goodsSelectionNum, .selectedNum {
    font-size: 22px;
    font-weight: bold;
    color: #ff0000;
}
#goodsSelectionNumItemWrap .redBold {
    color: #ff0000;
}

#pwdDispButton_label {
    display : block;
}

#memberReminderLink_link {
    display : block;
}

#customerInfoInputLayout,
#customerInfoDispLayout,
#passwordLayoutGroup {
    margin-bottom: 3em;
}

#LP #__error_birthdayYear.movedError span {
    display: block;
}

.appointedDeliveryDate {
    display: block;
}
.appointedDeliveryDateSp {
    display: none;
}

@media screen and (max-width: 641px) {
    #destinationOptionSelectGroup {
        margin-bottom: 30px;
    }
    .appointedDeliveryDateSp {
        display: block;
    }
    #appointedDeliveryDate {
        display: none;
    }
}

/* デザイン調整 */
@media screen and (min-width: 750px) {
    .contents {
        width: 1200px;
    }
}

#content_1,
#loginArea,
#errorGroup {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#memberOrderLogin #lineLogin {
    width: auto;
    height: auto;
    background-color: transparent;
    margin: 0;
}

#memberOrderLogin #lineLogin a::before {
    content: none;
}
#memberOrderLogin #lineLogin::after {
    content: none;
}
#memberOrderLogin #lineLogin .btnSnsLine {
  background: #06c755 url("../../contents/img/common/LINE_Brand_icon_min.png") 0.5em center no-repeat;
  background-size: contain;
}

.layoutGroup .required:after {
    content: none;
}

.checkMark > label::before,
.checkMark > label::after {
    content: none;
}

.loginKeepTdSurround {
    widows: 100%;
}

#LP #topGroupName .level_h3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.destinationOptionGroup .tableBox {
    margin-left: 0;
    margin-right: 0;
}

input[type=text].postCode {
    display: inline-block;
}

#salesGoodsGroup {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#salesGoodsGroup .required:after {
    content: "必須";
    margin: 0;
}

/* モーダルのボタン */
.cartBtn input {
  display: block;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  border: none;
  border-radius: 3px;
  padding: 0.8em 0 1.0em 0;
  position: relative;
  width: 100%;
  max-width: 234px;
  margin-right: 0;
  margin-left: auto;
}

#destinationWrapLayoutGroup {
    margin-bottom: 3em;
}
#destinationOptionSelectGroup {
    margin-bottom: 3em;
}
.layoutGroup.table .tr .td.enableMonthTdSurround > *,
.layoutGroup.table .tr .td.enableMonthTdSurround .suffixLabel {
    margin: 0 1% 0 0;
}
#buttonGroup .submitWrap:after {
    content: none;
}

@media only screen and (max-width: 749px){
    #nextRegularDeliveryTitleItemWrap h3 {
        font-size: 1.8rem;
        font-weight: bold;
        margin: 20px 0 10px;
    }
    .layoutGroup.table .tr .td.enableMonthTdSurround .items,
    .layoutGroup.table .tr .td.enableMonthTdSurround .items {
        width: auto;
    }
}

#customerInfoInputLayout span.required::after,
#passwordLayoutGroup span.required::after,
#mailMagazineLayoutGroup span.required::after,
#loginKeepInfoGroup span.required::after {
    content: "必須";
}

/* ラジオボタン */
#LP .tab_btn_wrap label.radiobuttonLabel input {
  display: inline-block;
  width: 0;
}

/* 同意する */
.privacyPolicyConsentItemWrap {
    text-align: center;
}

/* 職業 */
#jobItemWrap {
    display: none;
}

/* 配達前連絡希望 */
#beforeDeliveryCallFlgLabelItemWrap{
    display: none;
}

/* 宅配ボックス */
#deliveryBoxItemWrap {
    display: none;
}

/* お届希望日 */
#selectedDelivery1ItemWrap,
#destinationOptionLayoutGroup,
#orderInfoInputDeliveryOptionPartsIncludeItemWrap .OrderInfoInputDeliveryOption,
#destinationOptionSelectGroup {
    display: none;
}

/* 最初は非表示 JavaScriptで表示制御する */
#creditCardMessage3Group,
#gmoDeferredGroup {
    display: none;
}