/* ----------------------------------------
unset
---------------------------------------- */



/* ----------------------------------------
sysRequired
---------------------------------------- */
#sysMain .sysFormItem .sysRequired {
  position: absolute;
  top:1rem;
  left:auto;
  right:1.5rem
}


/* ----------------------------------------
sysErrorMessage errorMessage
---------------------------------------- */
.sysErrorMessage{
  margin: 0 1.5rem 4rem;
}


/* ----------------------------------------
新規会員
---------------------------------------- */
.sysMemberRegister .sysHeadline{
  max-width: none;
  height: 12rem;
  background-color: #fdfbf7;
  font-size: 2.4rem;
  padding: 0 1.5rem;
  margin: 0 auto 4rem !important;
}


.sysMemberRegister #sysWrap {  
  padding: 0;
  margin: 0 0 8rem 0;
}

.sysMemberRegister #sysMain{  
  max-width: none;
  width: auto !important;
  padding: 0 !important;
  margin: 0;
}

.sysMemberRegister #sysMain form,
#sysMemberRegisterConfirm #sysMain > form{
  max-width: none;
  margin: 0 1.5rem;
  padding: 0;
}

.sysMemberRegister #sysMain input[type="text"],
.sysMemberRegister #sysMain textarea {
  margin: 1rem 0 0 0;
}

.sysMemberRegister #sysMain .sysForm{
  border: none;
}

.sysMemberRegister #sysMain .sysForm .sysFormItem{
  position: relative;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: block;
}

.sysMemberRegister #sysMain .sysForm .sysFormLabel {
  width: auto;
  padding: 1rem 8rem 1rem 1.5rem;
  border-right: none;
  margin:0 0 1.5rem 0;
}

.sysMemberRegister #sysMain .sysForm .sysFormField{
  width: auto;
  padding: 0;
  margin:0 0 2rem 0;
}


.sysMemberAgreementFormLabel{
  margin: 0 1.5rem 2rem 1.5rem;
}

.sysMemberAgreement {
  padding: 1.5rem;
  margin: 0 1.5rem 3rem 1.5rem;
}

#sysMemberRegisterIndex .form__inner{
  max-width: none;
  margin: 0 1.5rem;
}

#sysMemberRegisterIndex .sysFormItem.sysName{
  border: none;
}

          /*-----sysZipcode-------*/
          #sysMemberRegisterIndex #sysMain .sysForm .sysZipcode .sysFormField{
            width: 100%;
          }

          #sysMemberRegisterIndex .sysZipcode .sysButton{
            margin: 0 auto 3rem;
          }

          /*-----sysMemberPassword-------*/
          #sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword{
            display: block;
          }
          /*#sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormField:nth-of-type(1)*/     
          #sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormField{
            position: relative;
            left: 0;
            top: 0;
          }
          /*#sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormField:nth-of-type(2)*/
          #sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormField:last-of-type{
            position: relative;
            left: 0;
            top: 0;
          }
          #sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormLabel:nth-of-type(1){
            height: auto;
          }

          /*#sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormLabel:nth-of-type(2)*/
          #sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormLabel:last-of-type{
            position: relative;
            left: 0;
            top: 0;
          }
          /*#sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormLabel:nth-of-type(2) span*/
          #sysMemberRegisterIndex #sysMain .sysForm .sysMemberPassword .sysFormLabel:last-of-type span{
            display: none;
          }

          /*-----sysFormItem sysGender-------*/
          
          #sysMemberRegisterIndex #sysMain .sysForm ul.sysFormField{
            width: auto;
            padding: 0;
          }


          #sysMemberRegisterIndex #sysMain input[type="tel"],
          #sysMemberRegisterIndex #sysMain input[type="email"],
          #sysMemberRegisterIndex #sysMain input[type="password"] {
            margin: 0;
          }


#sysMemberRegisterConfirm #sysMain h2 + div{
  margin: 0 1.5rem 4rem 1.5rem;
}

#sysMemberRegisterConfirm #sysMain .sysFormField {
  padding: 0;
  margin: 0 0 2rem 0;
}

#sysMemberRegisterConfirm label{
  margin: 0 0 1rem 0 !important;
}


/* ----------------------------------------
カート
---------------------------------------- */
#sysBasket #sysWrap {
  padding: 0;
  margin: 0 0 8rem 0;
}

#sysBasket #sysMain {
  width: 100% !important;
  max-width: none;
  padding: 0 !important;
  margin: 0 auto;
}


#sysBasket .sysHeadline{
  max-width: none;
  height: 12rem;
  background-color: #fdfbf7;
  font-size: 2.4rem;
  padding: 0 1.5rem;
  margin: 0 auto 4rem !important;
}

#sysBasket .sysItemListArea{
  margin: 0 1.5rem 0;
}

#sysBasket .sysItemListArea .sysCartTitle{
  font-size: 1.9rem;
}

#sysBasket .sysItemListArea .sysBox{
  text-align: left;
  margin: 0 0 2rem 0;
  padding: 1.5rem;
}

#sysBasket .sysTotal{
  margin: 0 1.5rem 4rem;
}

#sysBasket .sysTotal .sysBox{
  padding: 2rem;
}




#sysBasket .sysItemListArea .nav .sysBox{
  padding: 3rem 1.5rem;
}

#sysBasket .sysItemListArea .nav .sysBox .sysProductImg{
  width: 12rem;
  height: auto;
  margin:0 1.5rem 0 0;
}

#sysBasket .sysItemListArea .nav .sysBox .sysProduct {
  width: calc(100% - 12rem - 1.5rem);
}

#sysBasket .sysItemListArea .nav .sysBox .sysProduct .sysItemName a{
  font-size: 1.4rem !important;
}

#sysBasket .sysItemListArea .nav .sysBox .sysProduct .sysItemRetailPrice{
  font-size: 1.4rem;
}

#sysBasket .sysItemListArea .nav .sysBox .sysSubTotalArea .sysCartInForm{
  padding: 1.5rem;
  margin: 0 0 2rem 0;
}

#sysBasket #sysSelections select,
#sysBasket #sysSelections input{
  display: block;
  width: 100%;
  min-width: 100%;
}




/* ----------------------------------------
ログイン
---------------------------------------- */
#sysRegi div#sysWrap {
  padding: 0;
  margin: 4rem 0 8rem 0;
}

#sysRegi #sysMain {
  width: 100% !important;
  max-width: none;
  padding: 0 !important;
  margin: 0 auto;
}

#sysRegi #sysPurchaseAuthMember{
  margin: 0 1.5rem;
}

#sysRegi #sysPurchaseAuthMember .sysCartTitle{
  font-size: 1.9rem;
}
#sysRegi #sysPurchaseAuthMember .sysBox{
  margin: 0 auto 4rem;
  padding: 3rem 1.5rem;
}

#sysRegi #sysPurchaseAuthMember .sysBox .sysForm{
  width: auto;
}

#sysRegi #sysRegisterForm{
  margin: 0 1.5rem;
}

#sysRegi #sysRegisterForm .sysCartTitle{
  font-size: 1.9rem;
}

#sysRegi #sysRegisterForm .sysBox{
  margin: 0 auto 4rem;
  padding: 3rem 1.5rem;
}

#sysRegi #sysRegisterForm .sysBox p{
  line-height: 2;
  margin: 0 0 2rem 0;
}

/* ----------------------------------------
お届け
---------------------------------------- */
.sysOpcBody div#sysWrap {
  padding: 0;
  margin: 4rem 0 0 0;
}

.sysOpcBody #sysMain {  
  width: 100% !important;
  max-width: none;
  padding: 0 !important;
  margin: 0 auto;
}

.sysOpcBody #sysMain #sysOpc{
  margin: 0 1.5rem;
}

.opcDeliveryMethod_edit{
  border: none;
  padding: 0;
}
.opcDeliveryMethod_deliveryMethodListGroup_edit{
  width: auto;
  margin: 0 auto;
  padding: 0;
  border: none;
}

.opcDeliveryMethodTitle{
  font-size: 1.9rem;
  font-weight: bold;
  margin: 0 0 4rem 0;
}

.opcDeliveryMethod_hopeDeliveryTimeLabel_edit{
  display: block;
  margin: 0 0 1rem 0;
}
.opcDeliveryMethod_hopeDeliveryTime_edit{
  width: 100%;
  margin: 0 !important;
}


/* ----------------------------------------
お支払い
---------------------------------------- */
.opcPaymentMethodTitle{
  font-size: 1.9rem !important;
  font-weight: bold;
  margin: 0 0 4rem 0;
}

.opcPaymentMethodList{
  border: none;
  padding: 0;
}

.opcPaymentMethod_paymentMethodDetailGroup_edit{
  padding: 1.5rem;
}

/* ----------------------------------------
ご注文者情報
---------------------------------------- */
.opcBillingAddressTitle{
  font-size: 1.9rem !important;
  font-weight: bold;
  margin: 0 0 4rem 0;
}

.opcBillingAddress_edit{
  border: none;
  padding: 0;
}

.opcBillingAddress_edit div > span{
  margin: 0 0 1.5rem 0;
  padding: 1rem 8rem 1rem 1.5rem;
  background-color: #f5f5f5;
}

.opcCommonEditLabel{
  position: relative;
  height: 4.4rem;
}

.opcCommonRequireLabel{
  position: absolute;
  top: 1rem;
  left: auto;
  right: 1.5rem;
}

          /*-----sysZipcode-------*/
          .opcBillingAddress_zipCode_edit[type="tel"]{
            width: 100%;
          }

          .opcBillingAddress_zipCodeSearchButton_edit{
            margin: 2rem 0 1rem 0;
          }


/* ----------------------------------------
お届け先情報
---------------------------------------- */
.opcDeliveryAddressTitle{
  font-size: 1.9rem !important;
  font-weight: bold;
  margin: 0 0 4rem 0;
}

.opcDeliveryAddress_edit{
  border: none;
  padding: 0;
}

.opcDeliveryAddress_edit div .opcCommonEditLabel{
  margin: 0 0 1.5rem 0;
  padding: 1rem 8rem 1rem 1.5rem;
  background-color: #f5f5f5;
}

.opcCommonEditLabel{
  position: relative;
  height: 4.4rem;
}

.opcCommonRequireLabel{
  position: absolute;
  top: 1rem;
  left: auto;
  right: 1.5rem;
}

          /*-----sysZipcode-------*/
          .opcDeliveryAddress_zipCode_edit[type="tel"]{
            width: 100%;
          }

          .opcDeliveryAddress_zipCodeSearchButton_edit{
            margin: 2rem 0 1rem 0;
          }


/* ----------------------------------------
注文確認画面
---------------------------------------- */
.opcOrderSummaryTitle,
.opcItemTitle,
.opcRemarksTitle{
  font-size: 1.9rem !important;
  font-weight: bold;
  margin: 0 0 2rem 0;
}

#sysOpc .opcBillingAddressTitle,
#sysOpc .opcDeliveryAddressTitle,
#sysOpc .opcDeliveryMethodTitle,
#sysOpc .opcPaymentMethodTitle{
  margin: 0 0 2rem 0;
}

.opcOrderSummary{
  padding: 1.5rem;
  margin: 0 0 3rem 0;
}

.opcBillingAddress,
.opcDeliveryAddress,
.opcDeliveryMethod,
.opcItem,
.opcPaymentMethod,
.opcRemarks_edit{
  padding: 1.5rem;
  margin: 0 0 3rem 0;
}

.opcOrderSummary_totalPriceLabel,
.opcOrderSummary_totalPricesAndLabelGroup,
.opcOrderSummary_totalPricesGroup{
  font-size: 1.6rem !important;
}

.opcItem_rentalSchedulesGroup{
  font-size:1.4rem;
  padding: 1rem 1.5rem;
  margin: 0 0 1rem 0;
}

.opcItem_itemOptionGroup_edit{
  background-color: #f5f5f5;
  padding: 1.5rem;
  margin: 0 0 3rem 0;
}

.opcItem_itemSummary{
  width: calc(100% - 13.5rem);
  padding: 0;
}

.opcItem_itemImage{
  width: 12rem;
  height: auto;
  margin: 0 1.5rem 0 0;
}

.opcItem_itemAndLabelGroup{
  margin-bottom: 3rem;
}

.opcItem_rentalSchedulesGroup{
  border: 4px solid #e8e5e2;
  padding: 1rem 1.5rem;
  margin: 0 0 2rem 0;
}

.opcItem_itemNameGroup{
  line-height: 1.5;
}

.opcItem_itemName,
.opcItem_itemNumAndPricesAndLabelGroup{
  font-size: 1.4rem;
}


.opcItem_itemOptionGroup_edit select,
.opcItem_itemOptionGroup_edit input{
  display: block;
  width: 100%;
  min-width: 100%;
}

/*--OP--*/
.opcItem_purpose_edit {
  margin: 0 0 2rem 0;
  background-color: #f3e7de;
  padding: 1.5rem;
}

.opcItem_purposeAnditemCommonOptionGroup_edit{
  background-color: #f5f5f5;
  padding: 1.5rem;
  margin: 0 0 3rem 0;
}

.opcItem_purposeAnditemCommonOptionGroup_edit select,
.opcItem_purposeAnditemCommonOptionGroup_edit input{
  display: block;
  width: 100%;
  min-width: 100%;
}
.opcItem_itemCommonOptionAndLabelGroup_edit{
  margin-bottom: 10px;
}

.opcItem_itemCommonOptionTitleLabel_edit{
  display: none;
}




/* ----------------------------------------
完了画面
---------------------------------------- */
#sysThanks #sysWrap {
  padding: 0;
  margin: 0 0 8rem 0;
}

#sysThanks #sysMain {
  width: 100% !important;
  max-width: none;
  padding: 4rem 1.5rem 0 !important;
  margin: 0 auto;
}

  #sysThanks #sysWrap,
  #sysCartError #sysMain {
    width: 100% !important;
    margin-left: 0;
  }

#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(1){
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
  margin: 0 0 2rem 0;
}

#sysThanks .sysBox .sysCartNote{
  text-align: left;
}

#sysThanks .thanks__inner{
  padding: 3rem 0 0 0; 
}

#sysThanks .thanks__txt{
  text-align: left;
}

#sysThanks .thanks__note{
  font-size: 1.2rem; 
  padding: 1.5rem;
}


/* ----------------------------------------
エラー画面
---------------------------------------- */
#sysCartError #sysWrap {
  padding: 0;
  margin: 0 0 8rem 0;
}

#sysCartError #sysMain {
  width: 100% !important;
  max-width: none;
  padding: 4rem 0 0 0 !important;
  margin: 0 auto;
}

.sysErrorMessage.errorMessage{
  text-align: center;
}

#sysCartError .sysBox{
  padding: 0;
  margin: 0 1.5rem;
}



/* ----------------------------------------
BTN
---------------------------------------- */
#sysBasket .sysItemListArea .nav .sysBox .sysDeleteArea,
.sysOpcBody .opcBillingAddress_editButton,
.sysOpcBody .opcDeliveryAddress_editButton,
.sysOpcBody .opcDeliveryMethod_editButton,
.sysOpcBody .opcPaymentMethod_editButton,
.sysOpcBody .opcItem_addButton.opcCommonButton,
.sysOpcBody .opcItem_deleteButton_edit.opcCommonButton{
  width: 12rem;
  min-width: 12rem;
  height: 4rem;
}

#sysMemberRegisterIndex .sysNextSubmit,
#sysMemberRegisterConfirm .sysNextSubmit,
#sysBasket #sysMain .sysNextSubmitArea .sysNextSubmit,
#sysRegi #sysMain #sysPurchaseAuthMember .sysLoginButton,
#sysRegi #sysMain #sysRegisterForm .sysNextSubmitArea .sysNextSubmit,
.sysOpcBody .opcDeliveryMethod_completeButton_edit,
.sysOpcBody .opcPaymentMethod_completeButton_edit,
.sysOpcBody .opcBillingAddress_completeButton_edit,
.sysOpcBody .opcDeliveryAddress_completeButton_edit,
.sysOpcBody .opcConfirm_requestOrder,
.sysNextSubmit{
  width: 25rem !important;
  min-height: 7rem;
  font-size: 1.6rem !important;
  margin: 6rem auto 0;
}

#sysBasket #sysMain .sysNextSubmitArea .sysNextSubmit{
  margin: 0 auto 2rem !important;
}

#sysRegi #sysMain #sysPurchaseAuthMember .sysLoginButton,
.sysOpcBody .opcDeliveryMethod_completeButton_edit,
.sysOpcBody .opcPaymentMethod_completeButton_edit{
  margin: 3rem auto 3rem; 
}