@charset "UTF-8";
@media print, screen and (min-width: 750px){
  input[type=password], input[type=text]{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  input[type=password], input[type=text]{
    width: 100%
  }
}

@media print, screen and (min-width: 750px){
  input[type=password]:focus, input[type=text]:focus{
    background-color: #ffffe6
  }

  input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]:-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=password]::placeholder, input[type=text]:-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=text]::placeholder{
    color: #b7b7b7
  }

  input[type=password].readonly, input[type=text].readonly{
    background-color: #eee !important
  }

  input[type=password]:required, input[type=text]:required{
    background-color: #ffd7f0 !important;
    border: 1px solid #ff5a7d !important
  }
  
  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDate {
    margin: 0 10px !important
  }

  input[type=password]:valid, input[type=text]:valid{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  input[type=password]:valid, input[type=text]:valid{
    width: 100%
  }
}

@media print, screen and (min-width: 750px){
  input[type=password]:valid:focus, input[type=text]:valid:focus{
    background-color: #ffffe6
  }

  input[type=password]:valid:-ms-input-placeholder, input[type=text]:valid:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]:valid::-ms-input-placeholder, input[type=text]:valid::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]:valid:-ms-input-placeholder, input[type=password]:valid::-ms-input-placeholder, input[type=password]:valid::placeholder, input[type=text]:valid:-ms-input-placeholder, input[type=text]:valid::-ms-input-placeholder, input[type=text]:valid::placeholder{
    color: #b7b7b7
  }

  input[type=password]:valid.readonly, input[type=text]:valid.readonly{
    background-color: #eee !important
  }

  input[type=email], input[type=tel]{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  input[type=email], input[type=tel]{
    width: 100%
  }
}

@media print, screen and (min-width: 750px){
  input[type=email]:focus, input[type=tel]:focus{
    background-color: #ffffe6
  }

  input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]:-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=email]::placeholder, input[type=tel]:-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=tel]::placeholder{
    color: #b7b7b7
  }

  input[type=email].readonly, input[type=tel].readonly{
    background-color: #eee !important
  }

  input[type=email]:invalid, input[type=tel]:invalid{
    background-color: #ffd7f0 !important;
    border: 1px solid #ff5a7d !important
  }

  input[type=email]:valid, input[type=tel]:valid{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  input[type=email]:valid, input[type=tel]:valid{
    width: 100%
  }
}

@media print, screen and (min-width: 750px){
  input[type=email]:valid:focus, input[type=tel]:valid:focus{
    background-color: #ffffe6
  }

  input[type=email]:valid:-ms-input-placeholder, input[type=tel]:valid:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]:valid::-ms-input-placeholder, input[type=tel]:valid::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]:valid:-ms-input-placeholder, input[type=email]:valid::-ms-input-placeholder, input[type=email]:valid::placeholder, input[type=tel]:valid:-ms-input-placeholder, input[type=tel]:valid::-ms-input-placeholder, input[type=tel]:valid::placeholder{
    color: #b7b7b7
  }

  input[type=email]:valid.readonly, input[type=tel]:valid.readonly{
    background-color: #eee !important
  }

  textarea{
    background-color: #fff;
    color: #000;
    font-size: 14px !important;
    line-height: 23px;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7;
    border-radius: 3px !important;
    resize: vertical
  }

  textarea:focus{
    background-color: #ffffe6
  }

  textarea:-ms-input-placeholder{
    color: #b7b7b7
  }

  textarea::-ms-input-placeholder{
    color: #b7b7b7
  }

  textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::placeholder{
    color: #b7b7b7
  }

  select{
    height: 30px
  }

  .required:after, .required_condition:after{
    line-height: 20px;
    display: inline-block;
    background: #ff5a7d !important;
    color: #fff !important;
    content: "必須" !important;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 0 auto;
    border-radius: 0;
    padding: 0 8px;
    text-align: center;
    font-family: initial
  }

  .__error{
    display: block;
    width: 100%
  }

  .__error .alertMessageContent, .__error .alertMessageContentTitle{
    margin-bottom: 0 !important
  }

  input[type=button][id*=CodeSearchButton]{
    width: 100% !important;
    width: auto !important;
    margin: 0 0 0 5px
  }

  input[type=button][id*=changeButton_], input[type=button][id*=CodeSearchButton]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    min-height: 40px !important;
    display: inline-block
  }

  input[type=button][id*=changeButton_]{
    width: 100% !important;
    margin: 0 !important
  }

  input[type=button][id*=CodeApplyButton]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 8px 10px !important;
    min-height: 40px !important;
    display: inline-block;
    width: auto !important;
    margin: 0 0 0 5px
  }

  .radiobuttonLabel {
    border: 1px solid #b7b7b7 !important;
    color: #000 !important;
    display: block;
    margin: 0 10px 0 0 !important;
    font-size: 14px;
    line-height: 23px;
    width: calc(50% - 5px);
    border-radius: 3px !important;
    padding: 7.5px 0 7.5px 15px !important;
    background-color: #fff !important;
  }
.selectedPaymentMethod_selections_itemLabel {
    margin: 0 7px 0 0px !important;
  }

  .radiobuttonLabel.readonly {
    background-color: #eee!important;
  }

  #RegularChangeCancel .radiobuttonLabel {
    border: 1px solid #b7b7b7;
    color: #000;
    display: block;
    margin: 10px 10px 0 0!important;
    font-size: 14px;
    line-height: 23px;
    border-radius: 3px!important;
    padding: 7.5px 15px 7.5px 15px!important;
    background-color: #fff;
    width: 500px!important;
  }
   #RegularChangeStop .radiobuttonLabel {
    display: inline-block;
    width: 100%!important;
  }

  #RegularChangeStop #regularStopInfoBoxTdSurround .radiobuttonLabel {
    display: inline-block;
    width: calc(33.33% - 64.0px) !important;
  }

  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem {
    width: calc(50% - 5px) !important;
    display: block !important;
    text-align: left !important;
  }

/*   .radiobuttonLabel:last-of-type{
    margin: 0 !important;
  } */

  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem {
    margin-left: 10px;
  }

  .radiobuttonLabel:last-of-type{
    margin: 0 !important
  }

  #RegularChangeCancel .radiobuttonLabel:last-of-type{
    margin: 10px 0 !important;
  }

  .radiobuttonLabel.checked, .radiobuttonLabel.forcs{
    background-color: #ffffe6 !important
  }

  .radiobuttonLabel input[type=radio]{
    margin: 0 15px 0 0;
    width: 14px;
    height: 14px
  }

  .buildingTypeTdSurround .items, .deliveryDesireTdSurround .items, .deliveryRequestTypeTdSurround .items, .destinationAlterFlgItemWrap .items, .dmExclusionReasonTypeTdSurround .items, .mailExclusionReasonTypeTdSurround .items, .orderBuildingTypeTdSurround .items, .postDeliverTypeTdSurround .items, .purposeTypeTdSurround .items, .regularStopTypeBoxTdSurround .items, .selectDeliveryTypeTdSurround .items, .selectedPaymentMethodItemWrap .items, .sexTdSurround .items, .webRegisterCustomerRadioTdSurround .items{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }

  #buttonGroup{
    margin-top: 30px;
    display: flex;
    justify-content: center;
  }

  #RegularChangeStop #buttonGroup{
    margin-top: 0 !important;
  }

  #buttonGroup div:nth-child(2){
    margin: 0 0 0 10px !important;
  }

  #RegularChangeCancel #buttonGroup div:nth-child(2){
    margin: 0 !important;
  }
  
  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem {
    display: flex !important;
    flex-wrap: wrap;
  }

  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel {
    width: calc(33.33% - 6.7px);
    margin-right: 10px;
    border: 1px solid #b7b7b7 !important;
    /* padding: 7.5px 33px 7.5px 15px !important; */
    /* line-height: 53px; */
  }

  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
  }
}

@media screen and (max-width: 750px){
  input[type=password], input[type=text]{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  input[type=password], input[type=text]{
    width: 100%
  }
}

@media screen and (max-width: 750px){
  input[type=password]:focus, input[type=text]:focus{
    background-color: #ffffe6
  }

  input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]:-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=password]::placeholder, input[type=text]:-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=text]::placeholder{
    color: #b7b7b7
  }

  input[type=password].readonly, input[type=text].readonly{
    background-color: #eee !important
  }

  input[type=password]:required, input[type=text]:required{
    background-color: #ffd7f0 !important;
    border: 1px solid #ff5a7d !important
  }

  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDate {
    margin: 0 10px !important
  }

  input[type=password]:valid, input[type=text]:valid{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  input[type=password]:valid, input[type=text]:valid{
    width: 100%
  }
}

@media screen and (max-width: 750px){
  input[type=password]:valid:focus, input[type=text]:valid:focus{
    background-color: #ffffe6
  }

  input[type=password]:valid:-ms-input-placeholder, input[type=text]:valid:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]:valid::-ms-input-placeholder, input[type=text]:valid::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=password]:valid:-ms-input-placeholder, input[type=password]:valid::-ms-input-placeholder, input[type=password]:valid::placeholder, input[type=text]:valid:-ms-input-placeholder, input[type=text]:valid::-ms-input-placeholder, input[type=text]:valid::placeholder{
    color: #b7b7b7
  }

  input[type=password]:valid.readonly, input[type=text]:valid.readonly{
    background-color: #eee !important
  }

  input[type=email], input[type=tel]{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  input[type=email], input[type=tel]{
    width: 100%
  }
}

@media screen and (max-width: 750px){
  input[type=email]:focus, input[type=tel]:focus{
    background-color: #ffffe6
  }

  input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]:-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=email]::placeholder, input[type=tel]:-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=tel]::placeholder{
    color: #b7b7b7
  }

  input[type=email].readonly, input[type=tel].readonly{
    background-color: #eee !important
  }

  input[type=email]:invalid, input[type=tel]:invalid{
    background-color: #ffd7f0 !important;
    border: 1px solid #ff5a7d !important
  }

  input[type=email]:valid, input[type=tel]:valid{
    background-color: #fff !important;
    color: #000;
    font-size: 14px !important;
    line-height: 28px;
    height: 40px !important;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  input[type=email]:valid, input[type=tel]:valid{
    width: 100%
  }
}

@media screen and (max-width: 750px){
  input[type=email]:valid:focus, input[type=tel]:valid:focus{
    background-color: #ffffe6
  }

  input[type=email]:valid:-ms-input-placeholder, input[type=tel]:valid:-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]:valid::-ms-input-placeholder, input[type=tel]:valid::-ms-input-placeholder{
    color: #b7b7b7
  }

  input[type=email]:valid:-ms-input-placeholder, input[type=email]:valid::-ms-input-placeholder, input[type=email]:valid::placeholder, input[type=tel]:valid:-ms-input-placeholder, input[type=tel]:valid::-ms-input-placeholder, input[type=tel]:valid::placeholder{
    color: #b7b7b7
  }

  input[type=email]:valid.readonly, input[type=tel]:valid.readonly{
    background-color: #eee !important
  }

  textarea{
    background-color: #fff;
    color: #000;
    font-size: 14px !important;
    line-height: 23px;
    padding: 5px 10px !important;
    border: 1px solid #b7b7b7;
    border-radius: 3px !important
  }

  textarea:focus{
    background-color: #ffffe6
  }

  textarea:-ms-input-placeholder{
    color: #b7b7b7
  }

  textarea::-ms-input-placeholder{
    color: #b7b7b7
  }

  textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::placeholder{
    color: #b7b7b7
  }

  select{
    height: 30px
  }

  div[id*=elNoItemWrap] .items{
    display: flex;
    flex-wrap: wrap
  }

  div[id*=elNoItemWrap] .items input{
    width: calc(33.33% - 13.8px) !important
  }

  div[id*=elNoItemWrap] .items .telSeparateLabel{
    display: block;
    width: 20px;
    line-height: 36px;
    text-align: center
  }

  .required:after, .required_condition:after{
    line-height: 20px;
    display: inline-block;
    background: #ff5a7d !important;
    color: #fff !important;
    content: "必須" !important;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 0 auto;
    border-radius: 0;
    padding: 0 8px;
    text-align: center;
    font-family: initial
  }

  .__error{
    display: block;
    width: 100%
  }

  .__error .alertMessageContent, .__error .alertMessageContentTitle{
    margin-bottom: 0 !important
  }

  input[type=button][id*=PostCodeSearchButton]{
    width: 100% !important;
    display: block;
    width: auto !important;
    margin: 10px auto 0
  }

  input[type=button][id*=changeButton_], input[type=button][id*=PostCodeSearchButton]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    min-height: 40px !important
  }

  input[type=button][id*=changeButton_]{
    display: inline-block;
    width: 100% !important;
    margin: 0 !important
  }

  .radiobuttonLabel{
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px !important;
    color: #000 !important;
    display: block;
    margin: 0 0 5px !important;
    padding: 7.5px 0 7.5px 15px !important;
    font-size: 14px;
    line-height: 23px;
    width: 100% !important;
    background-color: #fff !important

  }

  .radiobuttonLabel.readonly {
    background-color: #eee!important;
  }

  .radiobuttonLabel:last-of-type{
    margin: 0 !important
  }

  .radiobuttonLabel.checked, .radiobuttonLabel.forcs{
    background-color: #ffffe6 !important
  }

  .radiobuttonLabel input[type=radio]{
    margin: 0 15px 0 0;
    width: 14px;
    height: 14px
  }

  .buildingTypeTdSurround .items, .deliveryDesireTdSurround .items, .deliveryRequestTypeTdSurround .items, .destinationAlterFlgItemWrap .items, .dmExclusionReasonTypeTdSurround .items, .mailExclusionReasonTypeTdSurround .items, .orderBuildingTypeTdSurround .items, .postDeliverTypeTdSurround .items, .purposeTypeTdSurround .items, .regularStopTypeBoxTdSurround .items, .selectDeliveryTypeTdSurround .items, .selectedPaymentMethodItemWrap .items, .sexTdSurround .items, .webRegisterCustomerRadioTdSurround .items{
    justify-content: flex-start
  }

  #buttonGroup{
    margin: 30px 0 0 !important;
  }

  #RegularChangeCancel #buttonGroup{
    margin: 10px 0 0 !important;
    display:block;
  }

  #RegularChangeCancel #buttonGroup .itemWrap{
    margin: 10px 0 0 !important;
    display:block;
  }

  #RegularChangeCancel #otherArea .itemWrap{
    margin: 0 !important;
    display:inline-block !important;
  }

  #RegularChangeStop #buttonGroup{
    margin: 0 !important
  }

  #buttonGroup div:nth-child(2),#buttonGroup div:nth-child(3){
    margin: 10px 0 0 !important;
  }

  #RegularChangeCancel #buttonGroup div:nth-child(2),#buttonGroup div:nth-child(3){
    margin: 20px 0 0 !important;
  }
}

@media print, screen and (min-width: 750px){
  #CampaignList #results{
    margin-top: 10px
  }
}

@media screen and (max-width: 750px){
  #CampaignList #results{
    margin-top: 10px
  }
}

@media print, screen and (min-width: 750px){
  #mypageContents{
    padding: 20px 20px 0
  }

  #mypageContents .table > .tr .td, #mypageContents .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #mypageContents .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr > .th{
    border-bottom: none
  }
}

@media print, screen and (min-width: 750px){
  #mypageContents .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media print, screen and (min-width: 750px){
  #mypageContents table tr td, #mypageContents table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #mypageContents table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }

  #mypageContents textarea{
    resize: vertical
  }

  #mypageContents #footerGlobalNav{
    display: none !important
  }

  #mypage_title_headlink{
    text-align: right;
    margin-bottom: 5px
  }

  #mypage_title_headlink a{
    text-decoration: underline
  }

  #mypage_title_headlink *{
    margin-left: 10px;
    display: inline-block
  }

  .mypage-setting-menu{
    margin-top: 60px
  }

  .mypage-setting-menu .setting-menu-nav ul{
    display: flex;
    flex-wrap: wrap
  }

  .mypage-setting-menu .setting-menu-nav ul li{
    width: calc(33.33% - 6.7px);
    height: 60px;
    margin-right: 10px;
    margin-top: 10px
  }

  .mypage-setting-menu .setting-menu-nav ul li:nth-child(3), .mypage-setting-menu .setting-menu-nav ul li:nth-child(7){
    margin-right: 0
  }

  .mypage-setting-menu .setting-menu-nav ul li:nth-child(-n+3){
    margin-top: 0
  }

  .mypage-setting-menu .setting-menu-nav ul li a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    border: 2px solid #ff9600 !important;
    background-color: #fff !important;
    border-radius: initial !important
  }

  .mypage-setting-menu .setting-menu-nav ul li a:before{
    content: "";
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat
  }

  .mypage-setting-menu .setting-menu-nav ul li a span{
    position: absolute;
    top: 50%;
    left: calc(50% + 20px) !important;
    transform: translate(-50%, -50%);
    color: #ff9600 !important;
    width: 100%;
    word-break: keep-all;
    font-size: 14px;
    line-height: 20px
  }

  .mypage-setting-menu .setting-menu-nav ul li a span br{
    display: none
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-regl a:before{
    width: 32px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_regl.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-campaign a:before{
    width: 31px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_campaign.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-point a:before{
    width: 30px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_point.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-member a:before{
    width: 25px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_member.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-address{
    display: none !important
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-address a:before{
    width: 33px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_address.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-mailmag a:before{
    width: 33px;
    height: 24px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_mailmag.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-friend a:before{
    width: 35px;
    height: 24px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_friend.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-enq a:before{
    width: 25px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_enq.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-fav a:before{
    width: 31px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_fav.png)
  }

  .mypage-purchase-history{
    margin-top: 60px
  }

  .mypage-purchase-history .purchase-history-message p{
    font-size: 14px;
    line-height: 20px
  }

  .mypage-purchase-history .purchase-history-list{
    margin-top: 15px;
    width: 100%;
  }

  .mypage-purchase-history .purchase-history-list .table > .tr .td, .mypage-purchase-history .purchase-history-list .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  .mypage-purchase-history .purchase-history-list .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center
  }
}

.mypage-purchase-history .purchase-history-list table th {
  border: 1px solid rgb(204, 204, 204) !important;
}



@media screen and (min-width: 750px) and (max-width: 750px){
  .mypage-purchase-history .purchase-history-list .table > .tr > .th{
    border-bottom: none
  }
}

@media print, screen and (min-width: 750px){
  .mypage-purchase-history .purchase-history-list .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  .mypage-purchase-history .purchase-history-list .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  .mypage-purchase-history .purchase-history-list .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  .mypage-purchase-history .purchase-history-list .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media print, screen and (min-width: 750px){
  .mypage-purchase-history .purchase-history-list table tr td, .mypage-purchase-history .purchase-history-list table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  .mypage-purchase-history .purchase-history-list table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center
  }

  .mypage-purchase-history .purchase-history-list textarea{
    resize: vertical
  }

  .mypage-purchase-history .purchase-history-list .purchase-history-head tr th{
    text-align: center !important
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList table:nth-child(n+4){
    display: none
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList table td{
    border-top: 0
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList .purchase-history-item .order-goods{
    display: flex;
    overflow: visible
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList .purchase-history-item .order-goods + div{
    margin-top: 5px
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList .purchase-history-item .order-goods .order-goods-img{
    width: 25%;
    font-variant: normal
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList .purchase-history-item .order-goods .order-goods-img img{
    width: 100%;
    height: auto
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList .purchase-history-item .order-goods .order-goods-info{
    width: 75%;
    line-height: 20px;
    text-align: left;
    float: none;
    padding: 5px 0 5px 10px
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList time{
    display: block
  }

  .mypage-purchase-history .purchase-history-list #purchaseHistoryItemList.open table:nth-child(n+4){
    display: table
  }

  .mypage-purchase-history .purchase-history-list table:first-child th{
    border-top: 1px solid #b7b7b7
  }

  .mypage-purchase-history .purchase-history-list table tr td .sp-table-heading{
    display: none
  }

  .mypage-purchase-history .purchase-history-list table tr td img{
    width: auto;
    max-height: 50px
  }

  .mypage-purchase-history .purchase-history-list table tr td button{
    padding: 5px 10px
  }

  .mypage-purchase-history .purchase-history-list table tr td, .mypage-purchase-history .purchase-history-list table tr th{
    border-top: 0
  }

  .mypage-purchase-history .purchase-history-list table tr td:first-child, .mypage-purchase-history .purchase-history-list table tr td:nth-child(2), .mypage-purchase-history .purchase-history-list table tr th:first-child, .mypage-purchase-history .purchase-history-list table tr th:nth-child(2){
    width: 12%
  }

  .mypage-purchase-history .purchase-history-list table tr td:nth-child(3), .mypage-purchase-history .purchase-history-list table tr th:nth-child(3){
    width: 20%
  }

  .mypage-purchase-history .purchase-history-list table tr td:nth-child(4), .mypage-purchase-history .purchase-history-list table tr td:nth-child(5), .mypage-purchase-history .purchase-history-list table tr td:nth-child(6), .mypage-purchase-history .purchase-history-list table tr th:nth-child(4), .mypage-purchase-history .purchase-history-list table tr th:nth-child(5), .mypage-purchase-history .purchase-history-list table tr th:nth-child(6){
    width: 12%
  }

  .mypage-purchase-history .purchase-history-list table tr td:nth-child(7), .mypage-purchase-history .purchase-history-list table tr th:nth-child(7){
    width: 8%
  }

  .mypage-purchase-history .purchase-history-list .purchase-history-btn{
    margin: 20px auto 0;
    display: block;
    width: 200px;
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
    text-align: center;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
    border-top: 1px solid #000
  }

  .mypage-status{
    margin-top: 60px
  }

  .mypage-status .inner{
    overflow: hidden
  }

  .mypage-status .inner .mypage-status-title{
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    background-color: #f2f2f2 !important;
    padding: 15px !important;
    color: #4d4d4d !important;
    border: 1px solid #b7b7b7 !important
  }

  .mypage-status .inner .link{
    margin-top: 10px;
    text-align: right;
    font-size: 14px
  }

  .mypage-status .inner .points{
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #b7b7b7 !important;
    border-top: none !important;
    padding: 10px;
    text-align: right
  }

  .mypage-status .inner .mypage-status-stage{
    width: 100%;
    margin-bottom: 20px
  }

  .mypage-status .inner .mypage-status-stage .rank{
    height: 119px;
    text-align: center;
    border: 1px solid #000;
    padding: 10px
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-img{
    display: block;
    width: 30%;
    height: 100%;
    float: left;
    background-color: #eee
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-img img{
    width: auto;
    height: 100%
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-name{
    display: block;
    width: 70%;
    height: 100%;
    float: right;
    position: relative
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-name span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
  }

  .mypage-status .inner .mypage-status-points{
    width: 100%;
    display: flex;
    flex-wrap: wrap
  }

  .mypage-status .inner .mypage-status-points .current-remaining-points{
    width: calc(50% - 5px)
  }

  .mypage-status .inner .mypage-status-points .available-points{
    margin-left: 10px;
    width: calc(50% - 5px)
  }

  .mypage-status .inner .mypage-status-points .available-points h3.mypage-status-title{
    background-color: #ccc
  }

  .mypage-status .inner .mypage-status-points .link{
    width: 100%
  }

  .pagingSetting{
    margin: 0
  }
}

@media screen and (max-width: 750px){
  #mypageContents{
    margin-bottom: 40px
  }

  #mypageContents .table > .tr .td, #mypageContents .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #mypageContents .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr > .th{
    border-bottom: none
  }

  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem {
    margin-top: 10px;
  }

  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
  }

  #RegularChangeStop .td,
  #RegularChangeStop .th,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem,
  #RegularChangeStop #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem,
  #RegularCancelConfirmLife .td,
  #RegularCancelConfirmLife .th {
    width: 100% !important;
  }
}

@media screen and (max-width: 750px){
  #mypageContents .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #mypageContents .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media screen and (max-width: 750px){
  #mypageContents table tr td, #mypageContents table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #mypageContents table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }

  #mypageContents textarea{
    resize: vertical
  }

  #mypageContents #footerGlobalNav, #mypageContents #footGlobalNav01{
    display: none !important
  }

  #orderLayoutGroup{
    margin-top: 10px
  }

  .mypage-purchase-history{
    margin-top: 40px
  }

  .mypage-purchase-history .purchase-history-message p{
    font-size: 14px;
    line-height: 20px
  }

  .mypage-purchase-history .purchase-history-list table td{
    border-top: 0
  }

  .mypage-purchase-history .purchase-history-list .purchase-history-head{
    display: none
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item:nth-child(n+2){
    margin-top: 10px
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody, .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr{
    display: block;
    width: 100%
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td{
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    border: none !important;
    padding: 0 !important
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail, .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-heading{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7;
    vertical-align: middle
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-heading{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    width: 40%;
    display: block
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail{
    width: 60%;
    display: block
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail .order-goods{
    display: flex;
    overflow: visible
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail .order-goods + div{
    margin-top: 5px
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail .order-goods .order-goods-img{
    width: 25%;
    font-variant: normal
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail .order-goods .order-goods-img img{
    width: 100%;
    height: auto
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .sp-table-detail .order-goods .order-goods-info{
    width: 75%;
    line-height: 20px;
    text-align: left;
    float: none;
    padding: 5px 0 5px 10px !important
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td .holdMessageItemWrap{
    width: 100%;
    border: 1px solid #b7b7b7;
    border-top: 0;
    font-size: 14px;
    padding: 15px;
    color: #4d4d4d
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td:not(:first-child) .sp-table-detail, .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td:not(:first-child) .sp-table-heading{
    border-top: 0 !important
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td:not(:last-child) .sp-table-detail{
    border-left: none !important
  }

  .mypage-purchase-history .purchase-history-list > div .purchase-history-item tbody tr td:last-child .sp-table-detail{
    width: 100%
  }

  .mypage-setting-menu{
    margin: 40px 0 0 !important
  }

   #RegularScheduleDetail .mypage-setting-menu,
   #RegularChangeAllInput .mypage-setting-menu{
    margin: 100px 0 0 !important
  }

  #RegularScheduleDetail #footGlobalNav01,
  #RegularCancelConfirmLife #footerGlobalNav {
    margin: 100px 0 0 !important
  }

  .mypage-setting-menu .setting-menu-nav ul{
    border-top: none !important
  }

  .mypage-setting-menu .setting-menu-nav ul li{
    height: 60px;
    position: relative
  }

  .mypage-setting-menu .setting-menu-nav ul li a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #ff9600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #ff9600 !important;
    background-color: #fff
  }

  .mypage-setting-menu .setting-menu-nav ul li a:before{
    content: "";
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat
  }

  .mypage-setting-menu .setting-menu-nav ul li a:after{
    display: none
  }

  .mypage-setting-menu .setting-menu-nav ul li a span{
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 20px;
    transform: translate(-50%, -50%);
    color: #ff9600 !important
  }
}

@media screen and (max-width: 750px) and (min-width: 425px){
  .mypage-setting-menu .setting-menu-nav ul li{
    width: calc(50% - 5px) !important
  }

  .mypage-setting-menu .setting-menu-nav ul li:nth-child(2), .mypage-setting-menu .setting-menu-nav ul li:nth-child(4), .mypage-setting-menu .setting-menu-nav ul li:nth-child(7){
    margin-left: 10px !important
  }

  .mypage-setting-menu .setting-menu-nav ul li:nth-child(n+3){
    margin-top: 10px !important
  }

  .mypage-setting-menu .setting-menu-nav ul li a span{
    padding-left: 35px
  }

  .mypage-setting-menu .setting-menu-nav ul li a:before{
    left: 25px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 424px){
  .mypage-setting-menu .setting-menu-nav ul li{
    width: 100% !important
  }

  .mypage-setting-menu .setting-menu-nav ul li:not(:first-child){
    margin-top: 10px !important
  }
}

@media screen and (max-width: 750px){
  .mypage-setting-menu .setting-menu-nav ul li.menu-regl a:before{
    width: 32px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_regl.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-campaign a:before{
    width: 31px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_campaign.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-point a:before{
    width: 30px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_point.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-member a:before{
    width: 25px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_member.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-address{
    display: none !important
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-address a:before{
    width: 33px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_address.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-mailmag a:before{
    width: 33px;
    height: 24px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_mailmag.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-friend a:before{
    width: 35px;
    height: 24px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_friend.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-enq a:before{
    width: 25px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_enq.png)
  }

  .mypage-setting-menu .setting-menu-nav ul li.menu-fav a:before{
    width: 31px;
    height: 30px;
    background-image: url(/assets/images_pc/mypage/mypage_menu_fav.png)
  }

  .mypage-status{
    margin-top: 40px
  }

  .mypage-status .inner{
    overflow: hidden
  }

  .mypage-status .inner .mypage-status-title{
    font-size: 14px;
    line-height: 14px;
    padding: 15px !important;
    text-align: left;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #b7b7b7 !important;
    border-bottom: none !important;
    color: #4d4d4d !important
  }

  .mypage-status .inner .link{
    margin-top: 10px;
    text-align: right;
    font-size: 12px
  }

  .mypage-status .inner .points{
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #b7b7b7 !important;
    padding: 15px !important;
    text-align: right;
    color: #4d4d4d
  }

  .mypage-status .inner .mypage-status-stage{
    width: 100%;
    margin-bottom: 20px
  }

  .mypage-status .inner .mypage-status-stage .rank{
    height: 99px;
    text-align: center;
    border: 1px solid #b7b7b7 !important;
    padding: 5px
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-img{
    display: block;
    width: 30%;
    height: 100%;
    float: left;
    background-color: #eee
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-img img{
    width: 100%
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-name{
    display: block;
    width: 70%;
    height: 100%;
    float: right;
    position: relative
  }

  .mypage-status .inner .mypage-status-stage .rank .rank-name span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
  }

  .mypage-status .inner .mypage-status-points{
    width: 100%
  }

  .mypage-status .inner .mypage-status-points .available-points{
    margin-top: 10px
  }

  .mypage-status .inner .mypage-status-points .available-points h3.mypage-status-title{
    background-color: #ccc
  }

  .pagingSetting{
    margin: 0
  }

  #purchaseHistoryItemList table:nth-child(n+4){
    display: none
  }

  #purchaseHistoryItemList.open table:nth-child(n+4){
    display: table
  }
}

@media print, screen and (min-width: 750px){
  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #enqueteTitleItemWrap #enqueteTitle_innerId{
    font-size: 18px;
    line-height: 30px;
    display: block
  }

  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #expItemWrap{
    margin: 0
  }

  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #periodEndItemWrap{
    margin: 20px 0 0
  }

  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #periodEndItemWrap #periodEnd_labelId{
    font-size: 18px;
    line-height: 30px;
    display: block
  }

  #EnqueteAnswerInput #enqueteArea #results, #EnqueteAnswerInput #enqueteArea #results .matrix-body .resultsRow:not(:first-child){
    margin-top: 20px
  }

  #EnqueteAnswerInput #enqueteArea #results .matrix-body .resultsRow .enqueteQuestionList{
    margin: 0
  }

  #EnqueteAnswerInput #enqueteArea #results .matrix-body .resultsRow .enqueteQuestionList dt{
    font-size: 18px;
    line-height: 30px;
    margin: 0
  }
}

@media screen and (max-width: 750px){
  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #enqueteTitleItemWrap #enqueteTitle_innerId{
    font-size: 18px;
    line-height: 30px;
    display: block
  }

  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #expItemWrap{
    margin: 0
  }

  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #periodEndItemWrap{
    margin: 20px 0 0
  }

  #EnqueteAnswerInput #enqueteArea #enqueteHeaderGroup #periodEndItemWrap #periodEnd_labelId{
    font-size: 18px;
    line-height: 30px;
    display: block
  }

  #EnqueteAnswerInput #enqueteArea #results, #EnqueteAnswerInput #enqueteArea #results .matrix-body .resultsRow:not(:first-child){
    margin-top: 20px
  }

  #EnqueteAnswerInput #enqueteArea #results .matrix-body .resultsRow .enqueteQuestionList{
    margin: 0
  }

  #EnqueteAnswerInput #enqueteArea #results .matrix-body .resultsRow .enqueteQuestionList dt{
    font-size: 18px;
    line-height: 30px;
    margin: 0
  }
}

@media screen and (max-width: 750px){
  #EnqueteList #results thead{
    display: none
  }

  #EnqueteList #results tbody tr td{
    display: block;
    width: 100%
  }

  #EnqueteList #results tbody tr td:not(:first-child){
    border-top: 0
  }
}

@media print, screen and (min-width: 750px){
  #FavoriteGoodsList #favorites .matrix-body{
    display: flex;
    flex-wrap: wrap
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem{
    padding: 10px;
    width: calc(25% - 11.3px);
    border: 1px solid #b7b7b7;
    margin-right: 15px;
    text-align: center
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem:nth-child(4n){
    margin-right: 0
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem:nth-child(n+5){
    margin-top: 15px
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteGoodsImageItemWrap{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b7b7b7
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteGoodsNameItemWrap{
    margin-bottom: 3px
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteGoodsNameItemWrap a{
    font-size: 14px;
    line-height: 23px;
    color: #000;
    display: block
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteCutPriceItemWrap, #FavoriteGoodsList #favorites .matrix-body .goodsItem .saleStatusTextItemWrap{
    display: inline-block
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .deleteButtonItemWrap{
    margin-top: 10px
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .deleteButtonItemWrap .deleteButton{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    margin: 0
  }
}

@media screen and (max-width: 750px){
  #FavoriteGoodsList #favorites .matrix-body{
    display: flex;
    flex-wrap: wrap
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem{
    padding: 10px;
    width: 100%;
    border: 1px solid #b7b7b7;
    text-align: center
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem:not(:first-child){
    margin-top: 10px
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteGoodsImageItemWrap{
    float: left;
    width: 100px
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteGoodsNameItemWrap{
    float: right;
    width: calc(100% - 100px);
    padding: 15px 10px 10px;
    border-bottom: 1px dashed #ccc;
    text-align: left
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteGoodsNameItemWrap a{
    font-size: 14px;
    line-height: 18px;
    color: #000;
    display: block
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteCutPriceItemWrap{
    float: right;
    width: calc(100% - 170px);
    padding: 10px 0 0;
    text-align: left
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .favoriteCutPriceItemWrap span{
    font-size: 12px;
    line-height: 18px;
    color: #000;
    vertical-align: middle
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .saleStatusTextItemWrap{
    float: right;
    width: 70px;
    padding: 10px 0 0;
    text-align: center
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .saleStatusTextItemWrap span{
    font-size: 12px;
    line-height: 18px;
    color: #000;
    vertical-align: middle
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .deleteButtonItemWrap{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b7b7b7
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .deleteButtonItemWrap .deleteButton{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    margin: 0
  }

  #FavoriteGoodsList #favorites .matrix-body .goodsItem .clearfix{
    clear: none
  }
}

@media print, screen and (min-width: 750px){
  #Member .mypage-heading{
    font-weight: 400;
    font-size: 22px;
    border-bottom: 2px solid #ffca7f;
    margin-bottom: 20px;
    padding: 0 !important;
    line-height: normal
  }

  #Member .mypage-message p{
    font-size: 16px;
    line-height: 22px
  }

  #Member .mypage-status:first-of-type{
    margin-top: 55px
  }

  #Member .MyPageTitleLink{
    display: none
  }

  #Member .mypage-campaign{
    margin-top: 55px
  }

  #Member .mypage-campaign .inner{
    padding: 10px;
    display: flex
  }

  #Member .mypage-campaign .inner .mypage-campaign-banner{
    width: 50%
  }

  #Member .mypage-campaign .inner .mypage-campaign-banner a{
    display: inline-block;
    text-decoration: underline
  }

  #Member .mypage-campaign .inner .mypage-campaign-banner a img{
    width: 100%;
    height: auto
  }

  #Member .mypage-campaign .inner .campaign-more-banner{
    width: 50%;
    padding: 30px 10px 10px;
    position: relative
  }

  #Member .mypage-campaign .inner .campaign-more-banner a{
    display: block;
    width: 100%;
    text-align: center
  }

  #Member #mypageInformationPartsIncludeItemWrap{
    margin: 0 !important
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation{
    padding-top: 60px;
    margin-top: 36px
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation h1{
    position: relative;
    width: 100%;
    margin-bottom: 25px;
    line-height: 32.5px;
    text-align: center;
    background-color: #f8d85b;
    font-size: 24px;
    color: #000;
    border-radius: 3px;
    font-family: BudoStd-L, sans-serif
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation h1:before{
    content: "";
    position: absolute;
    top: -68px;
    left: 20px;
    width: 354px;
    height: 69px;
    background: url(/assets/images_pc/top/bh_information_ttl.svg) no-repeat;
    background-size: contain
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap{
    padding: 0 10px;
    overflow: hidden;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box{
    flex-basis: calc(50% - 10px);
    width: calc(50% - 10px);
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box:last-child{
    margin-right: 0
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a{
    width: 100%;
    display: block
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a figure{
    width: 100%;
    border: 1px solid #bfbfbf;
    border-bottom: none
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a figure img{
    width: 100%
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a h3{
    position: relative;
    width: calc(100% - 18px);
    padding: 10px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    font-family: Shin Go Regular, Shin Go Medium, sans-serif;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    min-height: 75px;
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a h3:before{
    border-color: #ff9600 transparent transparent #ff9600;
    border-style: solid;
    border-width: 8px 9px;
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a h3:after{
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 17px;
    height: calc(100% - 15px);
    background-color: #fff;
    border-right: 1px solid #bfbfbf
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap .bh-information-box a h3 span{
    font-size: 12px;
    display: block
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoComic a h3:before{
    border-color: #91d25f transparent transparent #91d25f;
    border-style: solid;
    border-width: 8px 9px
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoComic a h3 span{
    color: #91d25f
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoStretch{
    display: none
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoStretch a h3:before{
    border-color: #00a0e9 transparent transparent #00a0e9;
    border-style: solid;
    border-width: 8px 9px
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoStretch a h3 span{
    color: #00a0e9
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoCooking a h3:before{
    border-color: #ff96af transparent transparent #ff96af;
    border-style: solid;
    border-width: 8px 9px
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoCooking a h3 span{
    color: #ff96af
  }

  .mypage-purchase-history .purchase-history-list table tr td, .mypage-purchase-history .purchase-history-list table tr th{
    border-top: 0
  }

  .mypage-purchase-history .purchase-history-list table tr td:first-child, .mypage-purchase-history .purchase-history-list table tr td:nth-child(2), .mypage-purchase-history .purchase-history-list table tr th:first-child, .mypage-purchase-history .purchase-history-list table tr th:nth-child(2){
    width: 12%
  }

  .mypage-purchase-history .purchase-history-list table tr td:nth-child(3), .mypage-purchase-history .purchase-history-list table tr th:nth-child(3){
    width: 24%
  }

  .mypage-purchase-history .purchase-history-list table tr td:nth-child(4), .mypage-purchase-history .purchase-history-list table tr td:nth-child(5), .mypage-purchase-history .purchase-history-list table tr td:nth-child(6), .mypage-purchase-history .purchase-history-list table tr th:nth-child(4), .mypage-purchase-history .purchase-history-list table tr th:nth-child(5), .mypage-purchase-history .purchase-history-list table tr th:nth-child(6){
    width: 12%
  }

  .mypage-purchase-history .purchase-history-list table tr td:nth-child(7), .mypage-purchase-history .purchase-history-list table tr th:nth-child(7){
    width: 8%
  }

  #MemberAddressBookConfirm input.btn_lg[type=button], #MemberAddressBookConfirm input.btn_lg[type=submit]{
    margin: 0 10px;
    width: 240px
  }

  #MemberOrderDetail legend, #MemberOrderDetail th{
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberOrderDetail h3.level_h3{
    margin-top: 0 !important
  }

  #MemberOrderDetail #orderLayoutGroup{
    margin-top: 15px
  }

  #MemberOrderDetail #customerInfoGroup, #MemberOrderDetail #destinationListGroup, #MemberOrderDetail #orderGroup, #MemberOrderDetail #orderSummaryGroup{
    margin-top: 60px !important
  }

  #MemberOrderDetail #paymentMethodGroup{
    margin-top: 0 !important
  }

  #MemberOrderDetail #amountInfoLayoutGroup .th{
    width: 34%
  }

  #MemberOrderDetail #destinationOptionLayoutGroup_0 .th{
    width: 32%
  }
}

@media screen and (max-width: 750px){
  #wrap #mypageContents{
    margin-top: 20px
  }

  #wrap #mypageContents .mypage-message{
    margin-top: 0
  }

  #wrap #mypageContents .mypage-message p{
    font-size: 14px;
    line-height: 20px
  }

  #wrap #mypageContents .mypage-campaign{
    margin-top: 40px
  }

  #wrap #mypageContents .mypage-campaign .inner .mypage-campaign-banner{
    width: 100%
  }

  #wrap #mypageContents .mypage-campaign .inner .mypage-campaign-banner a{
    display: block
  }

  #wrap #mypageContents .mypage-campaign .inner .mypage-campaign-banner a img{
    width: 100%;
    height: auto
  }

  #wrap #mypageContents .mypage-campaign .inner .campaign-more-banner{
    width: 100%;
    padding: 20px 10px 0;
    position: relative
  }

  #wrap #mypageContents .mypage-campaign .inner .campaign-more-banner a{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px
  }

  #wrap #mypageContents #purchaseHistoryBtn{
    display: block;
    position: relative;
    margin: 20px auto 0;
    width: 100%;
    max-width: 350px;
    height: 50px;
    line-height: 50px;
    font-size: 1.2em;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    color: #fff;
    background-color: #ff9600;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    border: none
  }

  #wrap #mypageContents #purchaseHistoryBtn:before{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(/assets/images_pc/common/white_arrow.svg) no-repeat;
    background-size: 6px 9px
  }

  #wrap #mypageContents .alertMessageContent, #wrap #mypageContents .alertMessageContentTitle{
    display: block
  }

  #Member .MyPageTitleLink{
    display: none
  }

  #Member #mypageContents #purchaseHistoryBtn{
    margin-top: 30px
  }

  #Member #mypageContents #mypage_title_headlink{
    text-align: right;
    margin-bottom: 10px
  }

  #Member #mypageContents #mypage_title_headlink a{
    text-decoration: underline;
    color: #ff9600
  }

  #Member #mypageContents #mypage_title_headlink *{
    margin-left: 10px;
    display: inline-block
  }

  #Member #mypageInformationPartsIncludeItemWrap{
    margin: 0 !important
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation{
    margin: 0 !important;
    padding: 50px 0 0
  }

  #Member #mypageInformationPartsIncludeItemWrap #BHInformation #BHInformationWrap #BHInfoComic{
    display: block !important
  }

  #Member #footerGlobalNav{
    display: none !important
  }

  #introduceUrlItemWrap{
    border: none
  }

  #introduceUrlItemWrap #introduceUrlTdSurround{
    border: 1px solid #ebd9c7
  }

  #MemberAddressBook #telNoItemWrap span.telSeparateLabel{
    padding: 0 2px
  }

  #MemberAddressBook #telNoItemWrap input[type=tel]{
    width: calc(33.33% - 13px)
  }
}

@media print, screen and (min-width: 750px){
  #MemberAddressBook #layoutGroup, #MemberAddressBookConfirm #layoutGroup{
    margin: 10px 0 0
  }
}

@media screen and (max-width: 750px){
  #MemberAddressBook #layoutGroup, #MemberAddressBookConfirm #layoutGroup{
    margin: 10px 0 0
  }
}

@media print, screen and (min-width: 750px){
  #MemberAddressBookList #criteriaGroup{
    margin-top: 30px
  }

  #MemberAddressBookList #criteriaGroup #purposeTypeItemWrap #purposeType{
    margin: 0 !important;
    font-size: 16px;
    height: 40px
  }

  #MemberAddressBookList #customerResults{
    margin-top: 20px
  }

  #MemberAddressBookList #customerResults tr td.customerResultsCustomerPostageAddressCol{
    background-color: #f2f2f2;
    text-align: center;
    width: 150px
  }

  #MemberAddressBookList #customerResults tr td.customerResultsCustomerPostageAddressCol span{
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberAddressBookList #customerResults tr td.customerResultsDispCustomerAddressCol{
    width: 500px
  }

  #MemberAddressBookList #customerResults tr td.customerResultsCustomerUpdateButtonCol{
    width: 80px
  }

  #MemberAddressBookList #customerResults tr td.customerResultsNotDeleteMessageCol{
    text-align: center
  }

  #MemberAddressBookList #customerResults tr td input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: inline-block;
    min-height: 40px !important;
    padding: 8px 10px !important;
    max-width: 100px !important
  }

  #MemberAddressBookList #results.memberAddressBook td{
    border-top: 0 !important
  }

  #MemberAddressBookList #results.memberAddressBook td.resultsPostageAddressCol{
    background-color: #f2f2f2;
    text-align: center;
    width: 150px
  }

  #MemberAddressBookList #results.memberAddressBook td.resultsPostageAddressCol span{
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberAddressBookList #results.memberAddressBook td.resultsDispAddressCol{
    width: 500px
  }

  #MemberAddressBookList #results.memberAddressBook td.resultsUpdateButtonCol{
    width: 80px
  }

  #MemberAddressBookList #results.memberAddressBook td.resultsDeleteButtonCol{
    text-align: center
  }

  #MemberAddressBookList #results.memberAddressBook td input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: inline-block;
    min-height: 40px !important;
    padding: 8px 10px !important;
    max-width: 100px !important
  }

  #MemberAddressBookList #results.memberAddressBook tfoot .pagingResultsShow{
    text-align: right
  }
}

@media screen and (max-width: 750px){
  #MemberAddressBookList #criteriaGroup{
    margin-top: 30px
  }

  #MemberAddressBookList #criteriaGroup #purposeTypeItemWrap #purposeType{
    margin: 0 !important;
    font-size: 16px;
    height: 40px
  }

  #MemberAddressBookList #customerResults{
    margin-top: 20px
  }

  #MemberAddressBookList #customerResults tr td{
    border-top: none !important
  }

  #MemberAddressBookList #customerResults tr td.row-odd{
    display: none !important
  }

  #MemberAddressBookList #customerResults tr td.customerResultsCustomerPostageAddressCol{
    background-color: #f2f2f2;
    text-align: center
  }

  #MemberAddressBookList #customerResults tr td.customerResultsCustomerPostageAddressCol span{
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberAddressBookList #customerResults tr td input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    min-height: 40px !important;
    padding: 8px 10px !important
  }

  #MemberAddressBookList #results{
    margin-top: 10px
  }

  #MemberAddressBookList #results tr td{
    border-top: none !important
  }

  #MemberAddressBookList #results tr td.row-odd{
    display: none !important
  }

  #MemberAddressBookList #results tr td.resultsPostageAddressCol{
    background-color: #f2f2f2;
    text-align: center
  }

  #MemberAddressBookList #results tr td.resultsPostageAddressCol span{
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberAddressBookList #results tr td.resultsUpdateButtonCol{
    width: 50%;
    float: left;
    margin: 0
  }

  #MemberAddressBookList #results tr td.resultsUpdateButtonCol input[type=button]{
    margin: 0
  }

  #MemberAddressBookList #results tr td.resultsDeleteButtonCol{
    width: 50%;
    float: right;
    border-left: 0
  }

  #MemberAddressBookList #results tr td input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    min-height: 40px !important;
    padding: 8px 10px !important
  }

  #MemberAddressBookList #results tfoot{
    margin-top: 10px;
    display: block
  }

  #MemberAddressBookList #results tfoot td, #MemberAddressBookList #results tfoot tr{
    display: block;
    width: 100%
  }

  #MemberAddressBookList #results tfoot .resultsPagingResultsShow{
    text-align: right
  }

  #MemberAddressBookList #buttonGroup #newButtonItemWrap{
    margin-bottom: 10px
  }
}

@media print, screen and (min-width: 750px){
  #MemberModify #memberInfoTitleItemWrap, #MemberModifyComplete #memberInfoTitleItemWrap, #MemberModifyConfirm #memberInfoTitleItemWrap{
    margin-top: 60px
  }

  #MemberModify #layoutGroup, #MemberModifyComplete #layoutGroup, #MemberModifyConfirm #layoutGroup{
    margin: 10px 0 0
  }
}

@media screen and (max-width: 750px){
  #MemberModify #memberInfoTitleItemWrap, #MemberModifyComplete #memberInfoTitleItemWrap, #MemberModifyConfirm #memberInfoTitleItemWrap{
    margin-top: 40px
  }

  #MemberModify #layoutGroup, #MemberModifyComplete #layoutGroup, #MemberModifyConfirm #layoutGroup{
    margin: 10px 0 0
  }
}

@media print, screen and (min-width: 750px){
  #MemberOrderDetail #destinationList #destinationInfoGroup_0{
    padding: 0
  }

  #MemberOrderDetail #destinationList #destinationInfoGroup_0 fieldset > div{
    margin: 15px 0 0
  }

  #MemberOrderDetail #destinationSlipNoGroupField .deliverySlipNo{
    text-decoration: underline
  }
}

@media screen and (max-width: 750px){
  #MemberOrderDetail #destinationList #destinationInfoGroup_0{
    padding: 0
  }

  #MemberOrderDetail #destinationList #destinationInfoGroup_0 fieldset > div{
    margin: 15px 0 0
  }

  #MemberOrderDetail #destinationGoodsGroup_0, #MemberOrderDetail #orderGroup{
    margin-top: 40px
  }

  #MemberOrderDetail #destinationGoodsGroup_0 #destinationGoodsList_0 tbody tr, #MemberOrderDetail #destinationGoodsGroup_0 #orderGoodsList tbody tr, #MemberOrderDetail #orderGroup #destinationGoodsList_0 tbody tr, #MemberOrderDetail #orderGroup #orderGoodsList tbody tr{
    display: block;
    overflow: hidden;
    margin-bottom: 10px
  }

  #MemberOrderDetail #destinationGoodsGroup_0 #destinationGoodsList_0 tbody tr:last-of-type, #MemberOrderDetail #destinationGoodsGroup_0 #orderGoodsList tbody tr:last-of-type, #MemberOrderDetail #orderGroup #destinationGoodsList_0 tbody tr:last-of-type, #MemberOrderDetail #orderGroup #orderGoodsList tbody tr:last-of-type{
    margin-bottom: 0
  }

  #MemberOrderDetail #destinationGoodsGroup_0 #destinationGoodsList_0 tbody tr td, #MemberOrderDetail #destinationGoodsGroup_0 #orderGoodsList tbody tr td, #MemberOrderDetail #orderGroup #destinationGoodsList_0 tbody tr td, #MemberOrderDetail #orderGroup #orderGoodsList tbody tr td{
    width: 100%;
    float: none;
    border: 1px solid #b7b7b7;
    border-top: none;
    padding: 10px;
    text-align: right
  }

  #MemberOrderDetail #destinationGoodsGroup_0 #destinationGoodsList_0 tbody tr td:first-child, #MemberOrderDetail #destinationGoodsGroup_0 #orderGoodsList tbody tr td:first-child, #MemberOrderDetail #orderGroup #destinationGoodsList_0 tbody tr td:first-child, #MemberOrderDetail #orderGroup #orderGoodsList tbody tr td:first-child{
    border-top: 1px solid #b7b7b7
  }

  #MemberOrderDetail #destinationGoodsGroup_0 #destinationGoodsList_0 tbody tr td.orderGoodsImageCol, #MemberOrderDetail #destinationGoodsGroup_0 #orderGoodsList tbody tr td.orderGoodsImageCol, #MemberOrderDetail #orderGroup #destinationGoodsList_0 tbody tr td.orderGoodsImageCol, #MemberOrderDetail #orderGroup #orderGoodsList tbody tr td.orderGoodsImageCol{
    width: 100%;
    float: none;
    text-align: center
  }

  #MemberOrderDetail #destinationGoodsGroup_0 #destinationGoodsList_0 tbody tr td.orderGoodsImageCol img, #MemberOrderDetail #destinationGoodsGroup_0 #orderGoodsList tbody tr td.orderGoodsImageCol img, #MemberOrderDetail #orderGroup #destinationGoodsList_0 tbody tr td.orderGoodsImageCol img, #MemberOrderDetail #orderGroup #orderGoodsList tbody tr td.orderGoodsImageCol img{
    width: auto;
    height: 100px
  }

  #MemberOrderDetail #destinationSlipNoGroupField .deliverySlipNo{
    text-decoration: underline
  }
}

@media print, screen and (min-width: 750px){
  #MemberOrderList #orderList{
    margin-top: 20px
  }

  #MemberOrderList #orderList .matrix-body{
    display: flex;
    flex-wrap: wrap
  }

  #MemberOrderList #orderList .matrix-body .orderRow{
    margin: 0;
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column
  }

  #MemberOrderList #orderList .matrix-body .orderRow:nth-of-type(2n){
    margin-left: 20px
  }

  #MemberOrderList #orderList .matrix-body .orderRow:nth-of-type(n+3){
    margin-top: 20px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader{
    padding: 10px 15px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .itemWrap{
    width: 100%;
    padding: 0;
    display: flex;
    font-size: 14px;
    line-height: 28px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .orderStatus{
    padding: 3px 10px;
    line-height: 15px;
    font-size: 12px;
    display: inline-block
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .orderStatus.orderStatus1{
    border: 1px solid #19c32d;
    background-color: #fff;
    color: #19c32d
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .orderStatus.orderStatus2{
    border: 1px solid #19c32d;
    background-color: #19c32d;
    color: #fff
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup{
    margin: 0 !important;
    padding: 15px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup{
    margin: 0;
    width: 100%
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup .destinationGroupField{
    width: 100%;
    display: block
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup .destinationGroupField legend{
    font-size: 14px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup .destinationGroupField .destinationGroup{
    margin: 10px 0 0
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #b7b7b7
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow{
    display: flex
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow:not(:first-of-type){
    margin-top: 10px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsImgGroup{
    width: 25%;
    padding: 10px;
    border: 1px solid #b7b7b7
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsInfoGroup{
    width: calc(75% - 15px);
    margin-left: 15px;
    display: block;
    padding: 0;
    font-size: 14px;
    line-height: 23px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsInfoGroup .goodsButtonArea{
    margin-top: 10px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsInfoGroup .goodsButtonArea .reviewWrittenMsgItemWrap{
    margin: 0
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderFooter{
    padding: 15px;
    margin-top: auto
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderFooter .orderDetailLink{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 10px 25px 10px 10px !important;
    border-radius: 3px !important;
    color: #ff9600 !important;
    background-color: #fff !important;
    position: relative !important;
    border: 1px solid #ff9600 !important;
    text-decoration: none !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    background-image: none
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderFooter .orderDetailLink:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/orange_arrow.svg) no-repeat;
    background-size: contain
  }

  #MemberOrderList #orderList .matrix-footer{
    margin-top: 10px;
    text-align: right
  }
}

@media screen and (max-width: 750px){
  #MemberOrderList #orderList{
    margin-top: 20px
  }

  #MemberOrderList #orderList .matrix-body .orderRow{
    margin: 0;
    width: 100%
  }

  #MemberOrderList #orderList .matrix-body .orderRow:not(:first-of-type){
    margin-top: 20px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader{
    padding: 10px 15px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .itemWrap{
    width: 100%;
    padding: 0;
    display: flex;
    font-size: 14px;
    line-height: 28px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .itemWrap label{
    width: auto
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .orderStatus{
    padding: 3px 10px;
    line-height: 15px;
    font-size: 12px;
    display: inline-block
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .orderStatus.orderStatus1{
    border: 1px solid #19c32d;
    background-color: #fff;
    color: #19c32d
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderHeader .orderStatus.orderStatus2{
    border: 1px solid #19c32d;
    background-color: #19c32d;
    color: #fff
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup{
    margin: 0 !important;
    padding: 15px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup{
    margin: 0;
    width: 100%
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup .destinationGroupField{
    width: 100%;
    display: block
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup .destinationGroupField legend{
    font-size: 14px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .destinationInfoGroup .destinationGroupField .destinationGroup{
    margin: 10px 0 0
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #b7b7b7
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow{
    display: flex;
    align-items: flex-start;
    padding: 0
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow:not(:first-of-type){
    margin-top: 10px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsImgGroup{
    width: 25%;
    padding: 10px;
    border: 1px solid #b7b7b7
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsInfoGroup{
    width: calc(75% - 15px);
    margin-left: 15px;
    display: block;
    padding: 0;
    font-size: 14px;
    line-height: 23px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsInfoGroup .goodsButtonArea{
    margin-top: 10px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .destinationListGroup .orderDetailList .matrix-body .orderDetailListRow .goodsInfoGroup .goodsButtonArea .reviewWrittenMsgItemWrap{
    margin: 0
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderFooter{
    padding: 15px
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderFooter .orderDetailLink{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 10px 25px 10px 10px !important;
    border-radius: 3px !important;
    color: #ff9600 !important;
    background-color: #fff !important;
    position: relative !important;
    border: 1px solid #ff9600 !important;
    text-decoration: none !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    background-image: none
  }

  #MemberOrderList #orderList .matrix-body .orderRow .orderFooter .orderDetailLink:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/orange_arrow.svg) no-repeat;
    background-size: contain
  }

  #MemberOrderList #orderList .matrix-footer{
    margin-top: 10px;
    text-align: right
  }
}

@media print, screen and (min-width: 750px){
  #MemberPointList #pointGroup{
    margin-top: 15px !important
  }

  #MemberPointList #pointGroup .table{
    table-layout: fixed
  }

  #MemberPointList #pointGroup .table .th{
    width: 190px
  }

  #MemberPointList #pointGroup .table .td{
    text-align: right
  }

  #MemberPointList #resultsTitleItemWrap{
    margin-top: 60px
  }

  #MemberPointList #results{
    display: table !important
  }

  #MemberPointList #results thead th{
    border-bottom: 0;
    text-align: center
  }

  #MemberPointList #results tfoot td{
    border-top: 0
  }
}

@media screen and (max-width: 750px){
  #MemberPointList #pointGroup{
    margin-top: 10px !important
  }

  #MemberPointList #pointGroup .table .td{
    text-align: right
  }

  #MemberPointList #resultsTitleItemWrap{
    margin-top: 40px
  }
}

@media print, screen and (min-width: 750px){
  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h3, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap h3, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap h3, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap h3, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h3, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap h3{
    font-size: 40px;
    color: red;
    text-align: center;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h4, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap h4, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap h4, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap h4, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h4, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap h4{
    margin-top: 30px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #ff9600;
    padding: 10px 0
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap p, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap p, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap p, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap p{
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #000
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p.red, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap p.red, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap p.red, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap p.red, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p.red, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap p.red{
    color: red;
    text-decoration: underline;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap a, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap a, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap a, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap a, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap a, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap a{
    text-decoration: underline !important
  }

  #LPOrderInfoComplete #orderNoItemWrap, #LPOrderEditComplete #orderNoItemWrap, #OrderInfoComplete #orderNoItemWrap{
    display: inline-block
  }

  #LPOrderInfoComplete .emailItemWrap, #LPOrderEditComplete .emailItemWrap, #OrderInfoComplete .emailItemWrap{
    margin: 0
  }

  #LPOrderInfoComplete .customer-number-heading, #LPOrderInfoComplete .mail-number-heading, #LPOrderEditComplete .customer-number-heading, #LPOrderEditComplete .mail-number-heading, #OrderInfoComplete .customer-number-heading, #OrderInfoComplete .mail-number-heading{
    font-size: 18px;
    line-height: 28px;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    margin-top: 20px
  }

  #LPOrderInfoComplete .contact-link-image, #LPOrderEditComplete .contact-link-image, #OrderInfoComplete .contact-link-image{
    margin-top: 30px;
    text-align: center
  }

  #LPOrderInfoComplete .contact-link-image img, #LPOrderEditComplete .contact-link-image img, #OrderInfoComplete .contact-link-image img{
    max-width: 600px
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h5, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap h5, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h5{
    margin-top: 40px;
    font-size: 18px;
    line-height: 28px;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap .not-paid-text, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap .not-paid-text, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap .not-paid-text{
    margin-top: 5px;
    border-top: 2px dashed #000;
    border-bottom: 2px dashed #000;
    padding: 15px 0
  }
}

@media screen and (max-width: 750px){
  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h3, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap h3, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap h3, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap h3, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h3, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap h3{
    font-size: 20px;
    color: red;
    text-align: left;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h4, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap h4, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap h4, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap h4, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h4, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap h4{
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    background-color: #ff9600;
    padding: 5px 0
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap p, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap p, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap p, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap p{
    margin-top: 20px;
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    color: #000
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p.red, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap p.red, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap p.red, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap p.red, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap p.red, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap p.red{
    color: red;
    text-decoration: underline;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap a, #LPOrderInfoComplete #orderThanksTopPartsIncludeItemWrap a, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap a, #LPOrderEditComplete #orderThanksTopPartsIncludeItemWrap a, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap a, #OrderInfoComplete #orderThanksTopPartsIncludeItemWrap a{
    text-decoration: underline !important
  }

  #LPOrderInfoComplete #orderNoItemWrap, #LPOrderEditComplete #orderNoItemWrap, #OrderInfoComplete #orderNoItemWrap{
    display: inline-block
  }

  #LPOrderInfoComplete .emailItemWrap, #LPOrderEditComplete .emailItemWrap, #OrderInfoComplete .emailItemWrap{
    margin: 0
  }

  #LPOrderInfoComplete .customer-number-heading, #LPOrderInfoComplete .mail-number-heading, #LPOrderEditComplete .customer-number-heading, #LPOrderEditComplete .mail-number-heading, #OrderInfoComplete .customer-number-heading, #OrderInfoComplete .mail-number-heading{
    font-size: 15px;
    line-height: 26px;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    margin-top: 20px
  }

  #LPOrderInfoComplete .contact-link-image, #LPOrderEditComplete .contact-link-image, #OrderInfoComplete .contact-link-image{
    margin-top: 30px;
    text-align: center
  }

  #LPOrderInfoComplete .contact-link-image img, #LPOrderEditComplete .contact-link-image img, #OrderInfoComplete .contact-link-image img{
    max-width: 600px
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h5, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap h5, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap h5{
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LPOrderInfoComplete #orderThanksBottomPartsIncludeItemWrap .not-paid-text, #LPOrderEditComplete #orderThanksBottomPartsIncludeItemWrap .not-paid-text, #OrderInfoComplete #orderThanksBottomPartsIncludeItemWrap .not-paid-text{
    margin-top: 5px;
    border-top: 2px dashed #000;
    border-bottom: 2px dashed #000;
    padding: 15px 0
  }
}

@media screen and (max-width: 750px){
  #LPOrderInfoComplete #topGroupName, #LPOrderEditComplete #topGroupName{
    padding: 0 10px !important
  }
}

#PostCodeRefSearch{
  background: #fff
}

#PostCodeRefSearch .table > .tr .td, #PostCodeRefSearch .table > .tr > .th{
  padding: 15px;
  color: #4d4d4d;
  font-size: 14px;
  border: 1px solid #b7b7b7
}

#PostCodeRefSearch .table > .tr > .th{
  background-color: #f2f2f2;
  font-weight: 700;
  font-family: FP-HiraKakuProN-W6, sans-serif !important;
  text-align: left
}

@media screen and (max-width: 750px){
  #PostCodeRefSearch .table > .tr > .th{
    border-bottom: none
  }
}

#PostCodeRefSearch .table > .tr > .th label{
  padding: 0 !important
}

@media screen and (max-width: 750px){
  #PostCodeRefSearch .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (max-width: 750px){
  #PostCodeRefSearch .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (max-width: 750px){
  #PostCodeRefSearch .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

#PostCodeRefSearch table tr td, #PostCodeRefSearch table tr th{
  padding: 15px;
  color: #4d4d4d !important;
  font-size: 14px;
  border: 1px solid #b7b7b7
}

#PostCodeRefSearch table tr th{
  background-color: #f2f2f2;
  font-weight: 700;
  font-family: FP-HiraKakuProN-W6, sans-serif !important;
  text-align: left
}

#PostCodeRefSearch textarea{
  resize: vertical
}

#PostCodeRefSearch header{
  margin-top: 0
}

#PostCodeRefSearch header #mainHeader{
  background: #fff;
  border: none;
  position: relative;
  height: 0
}

#PostCodeRefSearch #contents{
  width: 100% !important;
  padding: 0 !important
}

#PostCodeRefSearch #contents main{
  width: 100% !important;
  max-width: 1000px;
  padding: 20px 20px 0 !important
}

#PostCodeRefSearch #contents main #topGroupName{
  width: 100%;
  max-width: 100%
}

#PostCodeRefSearch #contents main #topGroupName #criteriaGroup{
  margin-top: 60px
}

#PostCodeRefSearch #contents main #topGroupName #criteriaGroup input{
  width: 100% !important;
  font-size: 16px !important
}

#PostCodeRefSearch #contents main #topGroupName #criteriaGroup #explainItemWrap{
  margin-bottom: 20px
}

#PostCodeRefSearch #contents main #topGroupName #criteriaGroup #areaItemWrap, #PostCodeRefSearch #contents main #topGroupName #criteriaGroup #cityItemWrap{
  margin-bottom: 10px
}

#PostCodeRefSearch #contents main #topGroupName #searchButtonItemWrap{
  margin-top: 20px
}

#PostCodeRefSearch #contents main #topGroupName #searchButtonItemWrap #searchButton{
  height: auto !important;
  font-size: 14px !important;
  min-height: 45px !important;
  line-height: 23px !important;
  text-align: center !important;
  padding: 11px 10px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff !important;
  background-color: #ff9600 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  display: block;
  margin: 0 auto
}

@media print, screen and (min-width: 750px){
  #PostCodeRefSearch #contents main #topGroupName #searchButtonItemWrap #searchButton{
    width: 390px !important
  }
}

@media screen and (max-width: 750px){
  #PostCodeRefSearch #contents main #topGroupName #searchButtonItemWrap #searchButton{
    max-width: 390px !important;
    width: 100% !important
  }
}

#PostCodeRefSearch #contents main #topGroupName #results{
  margin: 40px 0 0;
  display: table
}

#PostCodeRefSearch #contents main #topGroupName #results:after, #PostCodeRefSearch #contents main #topGroupName #results:before{
  display: none
}

#PostCodeRefSearch #contents main #topGroupName #results tbody, #PostCodeRefSearch #contents main #topGroupName #results tbody tr, #PostCodeRefSearch #contents main #topGroupName #results tbody tr td, #PostCodeRefSearch #contents main #topGroupName #results tbody tr th, #PostCodeRefSearch #contents main #topGroupName #results thead, #PostCodeRefSearch #contents main #topGroupName #results thead tr, #PostCodeRefSearch #contents main #topGroupName #results thead tr td, #PostCodeRefSearch #contents main #topGroupName #results thead tr th{
  width: 100%
}

#PostCodeRefSearch #contents main #topGroupName #results tfoot .pagingSetting .pageInfo .pagination{
  margin: 0 0 10px auto
}

#PostCodeRefSearch #contents main #topGroupName #results tfoot .pagingSetting .pageInfo .resultsPagingResultsShow .resultsStartNumber:after{
  content: "〜";
  padding: 0
}

#PostCodeRefSearch #contents main #topGroupName #results .resultsCol{
  vertical-align: middle
}

#PostCodeRefSearch #contents main #topGroupName #results .resultsCol a.choice{
  min-height: 45px !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 23px !important;
  text-align: center !important;
  padding: 11px 10px !important;
  border-radius: 3px !important;
  color: #fff !important;
  background-color: #b7b7b7 !important;
  text-decoration: none !important;
  border: none !important;
  font-weight: 400 !important;
  max-width: 120px !important;
  width: 100% !important;
  display: inline-block;
  margin: 0 0 0 15px !important;
  float: right
}

#PostCodeRefSearch #contents main #topGroupName #closeButtonItemWrap{
  margin-top: 20px
}

#PostCodeRefSearch #contents main #topGroupName #closeButtonItemWrap #closeButton{
  min-height: 45px !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 23px !important;
  text-align: center !important;
  padding: 11px 10px !important;
  border-radius: 3px !important;
  color: #fff !important;
  background-color: #b7b7b7 !important;
  text-decoration: none !important;
  border: none !important;
  font-weight: 400 !important;
  max-width: 390px !important;
  width: 100% !important;
  display: block;
  margin: 0 auto
}

@media print, screen and (min-width: 750px){
  #PostCodeRefSearch #areaTitleItemWrap{
    margin-top: 60px
  }
}

@media screen and (max-width: 750px){
  #PostCodeRefSearch #contents main{
    padding: 20px 10px !important
  }

  #PostCodeRefSearch #contents main #topGroupName #criteriaGroup, #PostCodeRefSearch #contents main #topGroupName #criteriaGroup #areaTitleItemWrap{
    margin-top: 40px
  }

  #PostCodeRefSearch #contents main #topGroupName #results tbody, #PostCodeRefSearch #contents main #topGroupName #results tbody tr, #PostCodeRefSearch #contents main #topGroupName #results tbody tr td, #PostCodeRefSearch #contents main #topGroupName #results tbody tr th, #PostCodeRefSearch #contents main #topGroupName #results thead, #PostCodeRefSearch #contents main #topGroupName #results thead tr, #PostCodeRefSearch #contents main #topGroupName #results thead tr td, #PostCodeRefSearch #contents main #topGroupName #results thead tr th{
    width: 100%
  }

  #PostCodeRefSearch #contents main #topGroupName #results tfoot .pagingSetting .pageInfo{
    float: none
  }

  #PostCodeRefSearch #contents main #topGroupName #results tfoot .pagingSetting .pageInfo .pagination{
    margin: 0 auto
  }

  #PostCodeRefSearch #contents main #topGroupName #results tfoot .pagingSetting .pageInfo .resultsPagingResultsShow{
    text-align: center;
    margin-top: 10px
  }

  #PostCodeRefSearch #contents main #topGroupName #results tfoot .pagingSetting .pageInfo .resultsPagingResultsShow span{
    font-size: 14px;
    line-height: 14px
  }

  #PostCodeRefSearch #contents main #topGroupName #results .resultsCol a.choice{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 70px !important;
    width: 100% !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularCancelConfirm .infoGroup, #RegularCancelQuestionnaire .infoGroup{
    padding: 0
  }

  #RegularCancelConfirm #cancelArea, #RegularCancelQuestionnaire #cancelArea{
    padding: 0;
    margin: 60px 0 0;
    border-radius: 0;
    border: 0
  }

  #RegularCancelConfirm #cancelArea #cancelTitleGroup, #RegularCancelQuestionnaire #cancelArea #cancelTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #RegularCancelConfirm #cancelArea #cancelTitleGroup, #RegularCancelQuestionnaire #cancelArea #cancelTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularCancelConfirm #questionnaireArea, #RegularCancelQuestionnaire #questionnaireArea{
    padding: 0;
    margin: 60px 0 0;
    border-radius: 0;
    border: 0
  }

  #RegularCancelConfirm #questionnaireArea #questionnaireTitleGroup, #RegularCancelQuestionnaire #questionnaireArea #questionnaireTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #RegularCancelConfirm #questionnaireArea #questionnaireTitleGroup, #RegularCancelQuestionnaire #questionnaireArea #questionnaireTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularCancelConfirm #questionnaireArea #quesList, #RegularCancelQuestionnaire #questionnaireArea #quesList{
    margin-top: 20px
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.labelWrap, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.labelWrap{
    background-color: #f2f2f2
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow:not(:first-child), #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow:not(:first-child){
    margin-top: 30px
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel{
    margin: 10px 0 0 !important
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel input[type=radio].quesListContentsRadio, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel input[type=radio].quesListContentsRadio{
    margin: 0 10px 0 0
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText_itemLabel, #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow span.quesListContentsRadio, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText_itemLabel, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow span.quesListContentsRadio{
    margin: 10px 0 0 !important;
    display: block;
    font-size: 14px;
    line-height: 23px
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText{
    margin: 10px 0 0 !important
  }
}

@media screen and (max-width: 750px){
  #RegularCancelConfirm .infoGroup, #RegularCancelQuestionnaire .infoGroup{
    padding: 0;
    font-size: 14px;
    line-height: 23px;
    text-align: left
  }

  #RegularCancelConfirm .th, #RegularCancelQuestionnaire .th{
    width: 100% !important
  }

  #RegularCancelConfirm #cancelArea, #RegularCancelQuestionnaire #cancelArea{
    padding: 0;
    margin: 40px 0 0;
    border-radius: 0;
    border: 0
  }

  #RegularCancelConfirm #cancelArea #cancelTitleGroup, #RegularCancelQuestionnaire #cancelArea #cancelTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #RegularCancelConfirm #cancelArea #cancelTitleGroup, #RegularCancelQuestionnaire #cancelArea #cancelTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media screen and (max-width: 750px){
  #RegularCancelConfirm #questionnaireArea, #RegularCancelQuestionnaire #questionnaireArea{
    padding: 0;
    margin: 40px 0 0;
    border-radius: 0;
    border: 0
  }

  #RegularCancelConfirm #questionnaireArea #questionnaireTitleGroup, #RegularCancelQuestionnaire #questionnaireArea #questionnaireTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #RegularCancelConfirm #questionnaireArea #questionnaireTitleGroup, #RegularCancelQuestionnaire #questionnaireArea #questionnaireTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media screen and (max-width: 750px){
  #RegularCancelConfirm #questionnaireArea #quesList, #RegularCancelQuestionnaire #questionnaireArea #quesList{
    display: block;
    width: 100%;
    margin-top: 10px
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td{
    display: block
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.labelWrap, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.labelWrap{
    background-color: #f2f2f2;
    border-bottom: 0
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow:not(:first-child), #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow:not(:first-child){
    margin-top: 30px
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel{
    margin: 5px 0 0 !important
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel:first-of-type, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel:first-of-type{
    margin: 10px 0 0 !important
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel input[type=radio].quesListContentsRadio, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .radiobuttonLabel input[type=radio].quesListContentsRadio{
    margin: 0 10px 0 0
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText_itemLabel, #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow span.quesListContentsRadio, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText_itemLabel, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow span.quesListContentsRadio{
    margin: 10px 0 0 !important;
    display: block;
    font-size: 14px;
    line-height: 23px
  }

  #RegularCancelConfirm #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText, #RegularCancelQuestionnaire #questionnaireArea #quesList tr td.quesListQuesItemLayoutCol .matrix-body .quesListQuestionListRow .quesListContentsText{
    margin: 10px 0 0 !important;
    width: 100% !important
  }

  #RegularCancelConfirm #cancelNextDeliveryInfoGroup, #RegularCancelQuestionnaire #cancelNextDeliveryInfoGroup{
    text-align: left
  }

  #RegularCancelConfirm #cancelNextDeliveryInfoGroup #regularCancelDateLabel_innerId, #RegularCancelQuestionnaire #cancelNextDeliveryInfoGroup #regularCancelDateLabel_innerId{
    font-size: 16px
  }

  #RegularCancelConfirm #cancelNextDeliveryInfoGroup #preparationDateLabelItemWrap, #RegularCancelQuestionnaire #cancelNextDeliveryInfoGroup #preparationDateLabelItemWrap{
    margin-top: 10px
  }

  #RegularCancelConfirm #cancelNextDeliveryInfoGroup #preparationDateLabelItemWrap #preparationDateLabel_innerId, #RegularCancelQuestionnaire #cancelNextDeliveryInfoGroup #preparationDateLabelItemWrap #preparationDateLabel_innerId{
    font-size: 14px
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeAllComplete #contents{
    padding: 20px 20px 0
  }

  #RegularChangeAllComplete #contents #layoutGroup{
    margin: 0
  }

  #RegularChangeAllComplete #footerGlobalNav{
    display: none !important
  }
}

@media screen and (max-width: 750px){
  #RegularChangeAllComplete #contents{
    padding: 20px 10px 30px
  }

  #RegularChangeAllComplete #contents #layoutGroup{
    margin: 0
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeAllConfirm .items{
    padding: 0
  }

  #RegularChangeAllConfirm div[id$=TitleItemWrap]{
    border-bottom: none;
    margin: 0
  }

  #RegularChangeAllConfirm #orderInfoArea{
    border: 0;
    padding: 0;
    margin: 0
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList thead th{
    text-align: center
  }

  #RegularChangeAllConfirm #orderInfoArea #amountInfoGroup{
    margin-top: 30px
  }

  #RegularChangeAllConfirm #deliveryMethodArea{
    margin-top: 60px;
    padding: 0;
    border: 0
  }

  #RegularChangeAllConfirm #destinationArea{
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-top: 60px
  }

  #RegularChangeAllConfirm #destinationArea #destinationSelectItemWrap #destinationSelect_labelId{
    font-size: 14px;
    color: #4d4d4d;
    background-color: #f2f2f2;
    padding: 0;
    display: inline
  }
}

@media screen and (max-width: 750px){
  #RegularChangeAllConfirm .items{
    padding: 0
  }

  #RegularChangeAllConfirm div[id$=TitleItemWrap]{
    border-bottom: none;
    margin: 0
  }

  #RegularChangeAllConfirm #orderInfoArea{
    border: 0;
    padding: 0;
    margin: 0
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList thead{
    display: none
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList tbody tr{
    display: block;
    margin: 10px 0 0
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList tbody tr:first-child{
    margin: 0
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList tbody tr td{
    text-align: left;
    display: block;
    width: 100%;
    float: none
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList tbody tr td:not(:first-of-type){
    border-top: none
  }

  #RegularChangeAllConfirm #orderInfoArea #regularGoodsList tbody tr td span{
    width: auto
  }

  #RegularChangeAllConfirm #orderInfoArea #amountInfoGroup{
    margin-top: 10px
  }

  #RegularChangeAllConfirm #orderInfoArea #amountInfoGroup #amountTotalGroup .tr:last-of-type .th{
    border: 1px solid #b7b7b7 !important
  }

  #RegularChangeAllConfirm #deliveryMethodArea{
    margin-top: 40px;
    padding: 0;
    border: 0
  }

  #RegularChangeAllConfirm #deliveryMethodArea .td, #RegularChangeAllConfirm #deliveryMethodArea .th, #RegularChangeAllConfirm #deliveryMethodArea .tr{
    display: block;
    width: 100%
  }

  #RegularChangeAllConfirm #destinationArea{
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-top: 40px
  }

  #RegularChangeAllConfirm #destinationArea .td, #RegularChangeAllConfirm #destinationArea .th, #RegularChangeAllConfirm #destinationArea .tr{
    display: block;
    width: 100%
  }

  #RegularChangeAllConfirm #destinationArea #destinationSelectItemWrap{
    display: block;
    width: 100%;
    margin: 0
  }

  #RegularChangeAllConfirm #destinationArea #destinationSelectItemWrap #destinationSelect_labelId{
    font-size: 14px;
    color: #4d4d4d;
    background-color: #f2f2f2;
    display: block;
    width: 100%;
    text-align: left
  }

  #RegularChangeAllConfirm div#nextPointUseSettingLayout div#nextPointUseSettingInputLayout{
    width: 100% !important;
    white-space: inherit !important;
    display: table !important;
    border-bottom: 1px solid #b7b7b7 !important
  }

  #RegularChangeAllConfirm div#nextPointUseSettingLayout div#nextPointUseSettingInputLayout .td{
    text-align: center
  }

  #RegularChangeAllConfirm div#nextPointUseSettingLayout div#nextPointUseSettingCautionItemWrap{
    width: 100% !important;
    margin-top: 20px;
    display: block
  }

  #RegularChangeAllConfirm div#nextPointUseSettingLayout div#nextPointUseSettingCautionItemWrap div#nextPointUseSettingCautionTdSurround{
    padding: 0 !important;
    border: none !important
  }

  #RegularChangeAllConfirm div#nextPointUseSettingLayout div#nextPointUseSettingCautionItemWrap div#nextPointUseSettingCautionTdSurround .td{
    border: none !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeAllInput .items{
    padding: 0
  }

  #RegularChangeAllInput #orderInfoArea{
    border: 0;
    padding: 0;
    margin: 0
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList thead th{
    text-align: center
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr td:not(.regularGoodsListDeleteButtonCol){
    text-align: right
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr td.regularGoodsListGoodsNameCol{
    text-align: left
  }

  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap{
    border: 0;
    padding: 0;
    margin: 30px 0 0
  }

  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items{
    display: block
  }

  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block;
    margin: 0 0 0 auto
  }
}

@media print, screen and (min-width: 750px) and (min-width: 750px){
  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton{
    width: 240px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton{
    max-width: 240px !important;
    width: 100% !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeAllInput #orderInfoArea #amountInfoGroup{
    margin-top: 30px
  }

  #RegularChangeAllInput #deliveryMethodArea{
    margin-top: 60px;
    padding: 0;
    border: 0
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_selectedPaymentMethod{
    margin: 0 !important;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_selectedPaymentMethod .radiobuttonLabel{
    width: calc(32.33% - 6.7px)
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput{
    margin-top: 15px;
    padding: 15px;
    background-color: #f7f7f7
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput div:not(:first-of-type){
    margin: 10px 0 0 !important
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardNo, #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardOwner{
    display: flex !important
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardNo span, #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardOwner span{
    padding: 0;
    line-height: 40px;
    width: 75px
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardNo input[type=text], #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardOwner input[type=text]{
    margin-left: 10px;
    width: 300px
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm{
    display: flex !important
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableMonthPreLabel{
    padding: 0;
    line-height: 27px;
    width: 75px
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableMonth{
    margin: 0 0 0 10px;
    width: 142px
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableYearPreLabel{
    padding: 0;
    margin: 0 5px;
    line-height: 27px
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableYear{
    width: 142px
  }

  #RegularChangeAllInput #deliveryMethodArea #appointedDeliveryDateItemWrap #appointedDeliveryDateTdSurround #appointedDeliveryTime{
    display: block;
    margin-top: 10px
  }

  #RegularChangeAllInput #deliveryMethodArea #appointedDeliveryDateItemWrap #appointedDeliveryDateTdSurround #appointedDeliveryDateCaution_innerId{
    margin-top: 10px;
    display: inline-block
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate{
    margin: 15px 0 0;
    display: block
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div{
    width: 100%;
    margin: 15px 0 0
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div div{
    width: 100%
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div #deliveryDesireCommentPreLabel{
    margin: 0;
    width: auto;
    text-align: left
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div #deliveryDesireComment{
    width: 100%;
    margin: 5px 0 0
  }

  #RegularChangeAllInput #destinationArea{
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-top: 60px
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap{
    display: table;
    width: 100%;
    border: 1px solid #b7b7b7;
    margin: 0
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap #destinationSelect_labelId{
    font-size: 14px;
    border-right: 1px solid #b7b7b7;
    color: #4d4d4d;
    padding: 15px;
    background-color: #f2f2f2;
    text-align: left;
    display: table-cell
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap .items{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap .items .radiobuttonLabel{
    width: calc(33.33% - 6.7px)
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup{
    margin-top: 10px
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround .preLabel:not(#destPostCodePreLabel){
    margin-top: 15px;
    line-height: 30px
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #item_destPostCode #destPostCodePreLabel{
    display: inline-block;
    margin-right: 5px
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #destAreaCodePreLabel{
    display: inline-block
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #destBuildingType_0_label{
    margin: 0 5px 0 0 !important
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #destBuildingType_1_label{
    margin-top: 5px !important
  }

  #RegularChangeAllInput #destinationArea #destinationSelectInputGroup{
    margin-top: 10px
  }

  #RegularChangeAllInput .goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogTableContents{
    max-height: calc(80vh - 100px)
  }
}

@media screen and (max-width: 750px){
  #RegularChangeAllInput .items{
    padding: 0
  }

  #RegularChangeAllInput #orderInfoArea{
    border: 0;
    padding: 0;
    margin: 0
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList thead{
    display: none
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr{
    display: block;
    margin: 10px 0 0
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr:first-child{
    margin: 0
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr td{
    display: block;
    width: 100%;
    float: none;
    text-align: left
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr td:not(:first-of-type){
    border-top: none
  }

  #RegularChangeAllInput #orderInfoArea #regularGoodsList tbody tr td span{
    width: auto
  }

  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap{
    border: 0;
    padding: 0;
    margin: 30px 0 0
  }

  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items{
    display: block
  }

  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block;
    margin: 0 auto
  }
}

@media screen and (max-width: 750px) and (min-width: 750px){
  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton{
    width: 240px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton{
    max-width: 240px !important;
    width: 100% !important
  }
}

@media screen and (max-width: 750px){
  #RegularChangeAllInput #orderInfoArea #amountInfoGroup{
    margin-top: 30px
  }

  #RegularChangeAllInput #orderInfoArea #amountInfoGroup #amountTotalGroup .tr:last-of-type .th{
    border: 1px solid #b7b7b7 !important
  }

  #RegularChangeAllInput #deliveryMethodArea{
    margin-top: 40px;
    padding: 0;
    border: 0
  }

  #RegularChangeAllInput #deliveryMethodArea .td, #RegularChangeAllInput #deliveryMethodArea .th, #RegularChangeAllInput #deliveryMethodArea .tr{
    display: block;
    width: 100%
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_selectedPaymentMethod{
    margin: 0 !important;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_selectedPaymentMethod .radiobuttonLabel{
    width: calc(33.33% - 6.7px)
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput{
    margin-top: 15px;
    padding: 15px;
    background-color: #f7f7f7
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput div:not(:first-of-type){
    margin: 10px 0 0 !important
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardNo, #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardOwner{
    display: block !important
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardNo span, #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardOwner span{
    padding: 0;
    line-height: 30px;
    width: 100%;
    display: block
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardNo input[type=text], #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_creditCardOwner input[type=text]{
    width: 100%
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm{
    display: block !important
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableMonthPreLabel{
    padding: 0;
    line-height: 30px;
    display: block
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableMonth{
    width: calc(50% - 9px)
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableYearPreLabel{
    padding: 0;
    margin: 0 5px;
    line-height: 27px
  }

  #RegularChangeAllInput #deliveryMethodArea #paymentMethodItemWrap #paymentMethodTdSurround #item_cardInput #item_enableYm #enableYear{
    width: calc(50% - 9px)
  }

  #RegularChangeAllInput #deliveryMethodArea #appointedDeliveryDateItemWrap #appointedDeliveryDateTdSurround #appointedDeliveryTime{
    display: block;
    margin-top: 10px
  }

  #RegularChangeAllInput #deliveryMethodArea #appointedDeliveryDateItemWrap #appointedDeliveryDateTdSurround #appointedDeliveryDateCaution_innerId{
    margin-top: 10px;
    display: inline-block
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate{
    margin: 15px 0 0;
    display: block
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div{
    width: 100%;
    margin: 15px 0 0
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div div{
    width: 100%
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div #deliveryDesireCommentPreLabel{
    margin: 0;
    width: auto;
    text-align: left
  }

  #RegularChangeAllInput #deliveryMethodArea #deliveryDesireItemWrap #deliveryDesireTdSurround #deliveryDesireTemplate + div #deliveryDesireComment{
    width: 100%;
    margin: 5px 0 0
  }

  #RegularChangeAllInput #destinationArea{
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-top: 40px
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap{
    display: block;
    width: 100%;
    border: 1px solid #b7b7b7;
    margin: 0
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap #destinationSelect_labelId{
    font-size: 14px;
    border-bottom: 1px solid #b7b7b7;
    color: #4d4d4d;
    padding: 15px;
    background-color: #f2f2f2;
    text-align: left;
    display: block;
    width: 100%
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap .items{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px
  }

  #RegularChangeAllInput #destinationArea #destinationSelectItemWrap .items .radiobuttonLabel{
    width: calc(33.33% - 6.7px)
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup{
    margin-top: 10px
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup .td, #RegularChangeAllInput #destinationArea #destinationItemInputGroup .th, #RegularChangeAllInput #destinationArea #destinationItemInputGroup .tr{
    display: block;
    width: 100%
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround .preLabel:not(#destPostCodePreLabel){
    margin-top: 15px;
    line-height: 30px
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #item_destPostCode #destPostCodePreLabel{
    display: inline-block;
    margin-right: 5px
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #item_destPostCode #destPostCode{
    width: calc(100% - 19px)
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #destAreaCodePreLabel{
    display: inline-block
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #destBuildingType_0_label{
    margin: 0 5px 0 0 !important
  }

  #RegularChangeAllInput #destinationArea #destinationItemInputGroup #destPostCodeItemWrap #destPostCodeTdSurround #destBuildingType_1_label{
    margin-top: 5px !important
  }

  #RegularChangeAllInput #destinationArea #destinationSelectInputGroup{
    margin-top: 10px
  }

  #RegularChangeAllInput #destinationArea input#destAddress3Dummy, #RegularChangeAllInput #destinationArea input[id^=destAddress]{
    width: 100%
  }

  #RegularChangeAllInput .goodsDialog table tr td, #RegularChangeAllInput .goodsDialog table tr th{
    padding: 5px;
    font-size: 12px
  }

  #RegularChangeAllInput .goodsDialog table tr td[class*=ImageCol], #RegularChangeAllInput .goodsDialog table tr th[class*=ImageTitle]{
    display: none
  }

  #RegularChangeAllInput .goodsDialog .goodsListGoodsListSelectButtonCol{
    width: auto
  }

  #RegularChangeAllInput .goodsDialog .goodsListGoodsListSelectButtonCol input[type=button]{
    font-size: 10px;
    width: 30px;
    padding: 5px 0;
    text-align: center
  }

  #RegularChangeAllInput .goodsDialog .goodsListGoodsListPriceCol{
    width: 40%
  }

  #RegularChangeAllInput .goodsDialog label[id^=accordionRow_][id$=_icon]{
    width: auto;
    padding: 0
  }

  #RegularChangeAllInput .goodsDialog .goodsDialogButtonGroup input[type=button]{
    font-size: 12px;
    line-height: 16px
  }

  #RegularChangeAllInput .goodsDialog .goodsDialogWaku{
    margin: 10px auto 0
  }

  #RegularChangeAllInput .goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogTableContents{
    min-width: auto;
    min-height: auto;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 200px)
  }

  #RegularChangeAllInput div#nextPointUseSettingLayout div#nextPointUseSettingInputLayout{
    width: 100% !important;
    white-space: inherit !important;
    display: table !important;
    border-bottom: 1px solid #b7b7b7 !important
  }

  #RegularChangeAllInput div#nextPointUseSettingLayout div#nextPointUseSettingInputLayout .td{
    text-align: center
  }

  #RegularChangeAllInput div#nextPointUseSettingLayout div#nextPointUseSettingCautionItemWrap{
    width: 100% !important;
    margin-top: 20px;
    display: block
  }

  #RegularChangeAllInput div#nextPointUseSettingLayout div#nextPointUseSettingCautionItemWrap div#nextPointUseSettingCautionTdSurround{
    padding: 0 !important;
    border: none !important
  }

  #RegularChangeAllInput div#nextPointUseSettingLayout div#nextPointUseSettingCautionItemWrap div#nextPointUseSettingCautionTdSurround .td{
    border: none !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeResign [class^=mb], #RegularStopConfirm [class^=mb]{
    margin: 0 !important
  }

  #RegularChangeResign .dispGroup, #RegularStopConfirm .dispGroup{
    margin: 0
  }

  #RegularChangeResign #stopArea, #RegularStopConfirm #stopArea{
    margin: 60px 0 0;
    border: 0;
    padding: 0
  }

  #RegularChangeResign #stopArea #include2ItemWrap, #RegularStopConfirm #stopArea #include2ItemWrap{
    margin: 0 0 30px
  }

  #RegularChangeResign #stopArea #include2ItemWrap h2, #RegularStopConfirm #stopArea #include2ItemWrap h2{
    background-color: #ed8562 !important;
    color: #fff !important;
    margin: 0 0 10px;
    padding: 10px;
    font-size: 18px
  }

  #RegularChangeResign #stopArea #stopTitleGroup, #RegularStopConfirm #stopArea #stopTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #RegularChangeResign #stopArea #stopTitleGroup, #RegularStopConfirm #stopArea #stopTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeResign #stopArea #stopDisplayGroup, #RegularStopConfirm #stopArea #stopDisplayGroup{
    margin-top: 20px
  }

  #RegularChangeResign #stopArea #stopInputGroup, #RegularStopConfirm #stopArea #stopInputGroup{
    margin-top: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem, #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem{
    width: calc(50% - 5px) !important;
    display: block !important;
    text-align: left !important
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem pre, #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem pre, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem pre, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem pre{
    width: 100% !important;
    white-space: nowrap
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem{
    margin-left: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem, #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem{
    width: 100% !important;
    display: block !important;
    text-align: left !important
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem{
    display: flex !important;
    flex-wrap: wrap
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel{
    width: calc(33.33% - 6.7px);
    margin-right: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel:last-of-type, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel:last-of-type{
    margin: 0
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #b7b7b7
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDate, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDate{
    margin: 0 10px !important
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap{
    padding: 0 !important;
    margin-top: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap pre, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap pre{
    white-space: nowrap
  }

  #RegularChangeResign #stopArea #include6ItemWrap, #RegularStopConfirm #stopArea #include6ItemWrap{
    margin-top: 20px
  }

  #RegularChangeResign #stopArea #include6ItemWrap .cancel_under_review_box > h2, #RegularStopConfirm #stopArea #include6ItemWrap .cancel_under_review_box > h2{
    background-color: #ed8562 !important;
    color: #fff !important;
    margin: 0 0 10px;
    padding: 10px;
    font-size: 18px
  }

  #RegularChangeResign #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head, #RegularStopConfirm #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head{
    margin-bottom: 30px
  }

  #RegularChangeResign #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head p:not(:first-child), #RegularStopConfirm #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head p:not(:first-child){
    margin-top: 10px
  }

  #RegularChangeResign #stopArea .infoGroup, #RegularStopConfirm #stopArea .infoGroup{
    padding: 0;
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box > p a, #RegularStopConfirm .cancel_under_review_box > p a{
    text-decoration: underline
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit{
    margin-top: 30px;
    padding: 25px 20px;
    background-color: #ffeacc;
    border: 1px solid #ffca7f
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit h1, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit h1{
    margin: 0 !important;
    background-color: #ff9600;
    position: relative;
    border-radius: 15px;
    width: 100%;
    left: 0;
    font-size: 24px;
    line-height: 25px;
    text-align: center !important;
    color: #fff;
    padding: 12.5px 0;
    z-index: 1
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents{
    overflow: hidden;
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box{
    float: left;
    width: calc(50% - 10px);
    border: 1px solid #ffca7f;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    border-radius: 15px;
    height: 140px
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box:nth-child(2n), #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box:nth-child(2n){
    margin-left: 20px
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box h2, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box h2{
    background-color: transparent;
    color: #ff9600;
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 15px;
    border: none;
    border-bottom: 1px solid #ffca7f;
    text-align: center;
    margin: 0 0 15px
  }

  #RegularChangeResign .cancel_under_review_box .regular_retire_box, #RegularStopConfirm .cancel_under_review_box .regular_retire_box{
    margin-top: 30px
  }

  #RegularChangeResign .cancel_under_review_box .regular_retire_box div, #RegularStopConfirm .cancel_under_review_box .regular_retire_box div{
    text-align: center;
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .regular_retire_box div .btn_back01, #RegularStopConfirm .cancel_under_review_box .regular_retire_box div .btn_back01{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 430px !important;
    width: 100% !important;
    display: inline-block
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list{
    position: relative;
    border-radius: 6px;
    border: 1px solid #f7ccd3;
    margin-top: 50px;
    padding: 25px 20px;
    z-index: 1
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 4px;
    background-image: linear-gradient(0, #fff 52%, #fee8dc 99%);
    z-index: -1
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list h1{
    margin: 0;
    text-align: center;
    color: #693634;
    font-size: 26px;
    line-height: 26px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul{
    margin-top: 25px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li{
    position: relative;
    border-radius: 10px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li:before{
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 1;
    pointer-events: none
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li a, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li a{
    padding: 0 0 0 90px;
    line-height: 45px;
    display: block;
    font-size: 17px;
    color: #fff;
    position: relative;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li a:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li a:before{
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translateY(-50%)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link:before{
    background-image: url(../images_pc/mypage/customer_trouble_01_icon.png);
    left: 20px;
    bottom: 0;
    width: 51px;
    height: 63px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link a:after{
    border-top: 4px solid transparent;
    border-left: 6px solid #ed8562;
    border-bottom: 4px solid transparent
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link{
    margin-top: 15px;
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link:before{
    background-image: url(../images_pc/mypage/customer_trouble_02_icon.png);
    left: 20px;
    bottom: 0;
    width: 52px;
    height: 57px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link a:after{
    border-top: 4px solid transparent;
    border-left: 6px solid #ed8562;
    border-bottom: 4px solid transparent
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link{
    margin-top: 15px;
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link:before{
    background-image: url(../images_pc/mypage/customer_trouble_03_icon.png);
    left: 23px;
    bottom: 4px;
    width: 54px;
    height: 36px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link a:after{
    border-top: 4px solid transparent;
    border-left: 6px solid #ed8562;
    border-bottom: 4px solid transparent
  }

  #RegularChangeResign .cancel_under_review_box .trouble_shooting_arrow, #RegularStopConfirm .cancel_under_review_box .trouble_shooting_arrow{
    text-align: center;
    margin-top: 30px
  }

  #RegularChangeResign .cancel_under_review_box .trouble_shooting_arrow img, #RegularStopConfirm .cancel_under_review_box .trouble_shooting_arrow img{
    width: 400px;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box #customerTrouble02 a, #RegularChangeResign .cancel_under_review_box #customerTrouble03 a, #RegularStopConfirm .cancel_under_review_box #customerTrouble02 a, #RegularStopConfirm .cancel_under_review_box #customerTrouble03 a{
    text-decoration: underline
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box{
    margin-top: 30px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box h1{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    margin: 0;
    text-align: left;
    padding-left: 20px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner{
    padding: 20px 15px 30px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail{
    overflow: hidden
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_text, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_text{
    float: left
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_image{
    float: right
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2{
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 28px;
    background-color: transparent;
    bottom: 0;
    border: none;
    color: #ef7979
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2 + p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2 + p{
    margin-top: 15px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text p + p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text p + p{
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact{
    margin-top: 25px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl{
    border-radius: 10px;
    padding: 13px 20px;
    background-color: #fee8dc
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dd, #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dt, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dd, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dt{
    font-size: 16px;
    line-height: 26px;
    color: #693634;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p{
    margin-top: 30px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p + p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p + p{
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 h1{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner{
    border: 2px solid #f5bba7;
    border-top: 0
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text{
    width: calc(100% - 90px)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image{
    width: 90px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img{
    width: inherit;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .btn_send01, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .btn_send01{
    margin-top: 20px;
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 530 !important;
    width: 100% !important;
    background: #b7b7b7 !important;
    box-shadow: none !important;
    max-width: 530px !important
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 h1{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner{
    border: 2px solid #f5bba7;
    border-top: 0
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text{
    width: calc(100% - 100px)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image{
    width: 100px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img{
    width: inherit;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 h1{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner{
    border: 2px solid #f5bba7;
    border-top: 0
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image{
    margin: 30px 0;
    text-align: center
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image img, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image img{
    width: 600px;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .cancel_box, #RegularStopConfirm .cancel_under_review_box .cancel_box{
    margin-top: 30px;
    text-align: center
  }

  #RegularChangeResign .cancel_under_review_box .cancel_box a.btn_inactive01, #RegularStopConfirm .cancel_under_review_box .cancel_box a.btn_inactive01{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 530 !important;
    width: 100% !important;
    background: #b7b7b7 !important;
    box-shadow: none !important;
    max-width: 530px !important;
    margin-top: 30px !important
  }

  #RegularChangeResign .cancel_under_review_box .cancel_box a.btn_inactive01 br, #RegularStopConfirm .cancel_under_review_box .cancel_box a.btn_inactive01 br{
    display: none
  }

  #RegularChangeResign #cancelArea, #RegularStopConfirm #cancelArea{
    border: 0;
    padding: 0;
    margin: 60px 0 0;
    display: none
  }

  #RegularChangeResign #cancelArea.open, #RegularStopConfirm #cancelArea.open{
    display: block
  }

  #RegularChangeResign #cancelArea #cancelTitleGroup, #RegularStopConfirm #cancelArea #cancelTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #RegularChangeResign #cancelArea #cancelTitleGroup, #RegularStopConfirm #cancelArea #cancelTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeResign #cancelArea #cancelInputGroup, #RegularStopConfirm #cancelArea #cancelInputGroup{
    margin-top: 10px
  }

  #RegularChangeResign #unkerbtn, #RegularStopConfirm #unkerbtn{
    margin-bottom: 60px
  }

  #RegularChangeResign #unkerbtn .cancel_box, #RegularStopConfirm #unkerbtn .cancel_box{
    margin-top: 0
  }

  #RegularChangeResign #unkerbtn .cancel_box a, #RegularStopConfirm #unkerbtn .cancel_box a{
    margin-top: 0 !important
  }
}

@media screen and (max-width: 750px){
  #RegularChangeResign [class^=mb], #RegularStopConfirm [class^=mb]{
    margin: 0 !important
  }

  #RegularChangeResign .td, #RegularChangeResign .th, #RegularStopConfirm .td, #RegularStopConfirm .th{
    width: 100% !important
  }

  #RegularChangeResign .dispGroup, #RegularStopConfirm .dispGroup{
    margin: 0
  }

  #RegularChangeResign .infoGroup, #RegularStopConfirm .infoGroup{
    font-size: 16px;
    text-align: left
  }

  #RegularChangeResign #stopArea, #RegularStopConfirm #stopArea{
    margin: 40px 0 0;
    border: 0;
    padding: 0
  }

  #RegularChangeResign #stopArea #include2ItemWrap, #RegularStopConfirm #stopArea #include2ItemWrap{
    margin: 0 0 40px
  }

  #RegularChangeResign #stopArea #include2ItemWrap h2, #RegularStopConfirm #stopArea #include2ItemWrap h2{
    background-color: #ed8562 !important;
    color: #fff !important;
    margin: 0 0 10px;
    padding: 10px;
    font-size: 18px
  }

  #RegularChangeResign #stopArea #stopTitleGroup, #RegularStopConfirm #stopArea #stopTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #RegularChangeResign #stopArea #stopTitleGroup, #RegularStopConfirm #stopArea #stopTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media screen and (max-width: 750px){
  #RegularChangeResign #stopArea #stopDisplayGroup, #RegularStopConfirm #stopArea #stopDisplayGroup{
    margin-top: 20px
  }

  #RegularChangeResign #stopArea #stopInputGroup, #RegularStopConfirm #stopArea #stopInputGroup{
    margin-top: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem, #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem{
    width: 100% !important;
    display: block !important;
    text-align: left !important
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem pre, #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem pre, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .leftItem pre, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem pre{
    width: 100% !important;
    white-space: nowrap
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopTypeBoxTdSurround .rightItem{
    margin-top: 5px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem, #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem{
    width: 100% !important;
    display: block !important;
    text-align: left !important
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem{
    display: flex !important;
    flex-wrap: wrap
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel{
    width: calc(33.33% - 6.7px);
    margin-right: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel:last-of-type, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .leftItem .radiobuttonLabel:last-of-type{
    margin: 0
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #b7b7b7
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDate, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDate{
    margin: 0 10px !important
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap{
    padding: 0 !important;
    margin-top: 10px
  }

  #RegularChangeResign #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap pre, #RegularStopConfirm #stopArea #stopInputGroup #regularStopInfoBoxTdSurround .rightItem #regularStopDateCautionWrap pre{
    white-space: normal
  }

  #RegularChangeResign #stopArea #include6ItemWrap, #RegularStopConfirm #stopArea #include6ItemWrap{
    margin-top: 20px
  }

  #RegularChangeResign #stopArea #include6ItemWrap .cancel_under_review_box > h2, #RegularStopConfirm #stopArea #include6ItemWrap .cancel_under_review_box > h2{
    background-color: #ed8562 !important;
    color: #fff !important;
    margin: 0 0 10px;
    padding: 10px;
    font-size: 18px
  }

  #RegularChangeResign #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head, #RegularStopConfirm #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head{
    margin-bottom: 20px
  }

  #RegularChangeResign #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head p:not(:first-child), #RegularStopConfirm #stopArea #include6ItemWrap .cancel_under_review_box .cancel_under_review_box_head p:not(:first-child){
    margin-top: 10px
  }

  #RegularChangeResign #stopArea .infoGroup, #RegularStopConfirm #stopArea .infoGroup{
    padding: 0;
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box > p a, #RegularStopConfirm .cancel_under_review_box > p a{
    text-decoration: underline
  }

  #RegularChangeResign .cancel_under_review_box > h2, #RegularStopConfirm .cancel_under_review_box > h2{
    margin-top: 0 !important;
    background-color: #ed8562 !important;
    color: #fff !important
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit{
    margin-top: 20px;
    padding: 10px;
    background-color: #ffeacc;
    border: 1px solid #ffca7f
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit h1, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit h1{
    width: 100%;
    background-color: #ff9600;
    border-radius: 10px;
    margin: 0 !important;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 10px 6px;
    color: #fff;
    display: inline-block;
    text-align: center
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents{
    overflow: hidden;
    margin-top: 10px
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box{
    width: 100%;
    border: 1px solid #ffca7f;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box:nth-child(n+2), #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box:nth-child(n+2){
    margin-top: 10px
  }

  #RegularChangeResign .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box h2, #RegularStopConfirm .cancel_under_review_box .regular_purchase_merit .regular_purchase_merit_contents .regular_purchase_merit_box h2{
    background-color: transparent;
    color: #ff9600;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 5px;
    border: none;
    border-bottom: 1px solid #ffca7f;
    text-align: center;
    margin: 0 0 10px
  }

  #RegularChangeResign .cancel_under_review_box .regular_retire_box, #RegularStopConfirm .cancel_under_review_box .regular_retire_box{
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .regular_retire_box div, #RegularStopConfirm .cancel_under_review_box .regular_retire_box div{
    margin-top: 20px;
    text-align: center
  }

  #RegularChangeResign .cancel_under_review_box .regular_retire_box div .btn_back01, #RegularStopConfirm .cancel_under_review_box .regular_retire_box div .btn_back01{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    width: 100% !important;
    display: inline-block;
    width: calc(100% - 5px) !important;
    max-width: 100% !important;
    word-break: keep-all
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list{
    position: relative;
    border-radius: 6px;
    border: 1px solid #f7ccd3;
    margin-top: 30px;
    padding: 15px;
    z-index: 1
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 4px;
    background-image: linear-gradient(90deg, #fff 52%, #fee8dc 99%);
    z-index: -1
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list h1{
    margin: 0;
    color: #693634;
    font-size: 16px;
    line-height: 26px;
    text-align: center
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul{
    margin-top: 10px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li{
    position: relative;
    border-radius: 5px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li:before{
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 1;
    pointer-events: none
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li a, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li a{
    padding: 5px 30px 5px 55px;
    line-height: 18px;
    display: block;
    font-size: 12px;
    color: #fff;
    position: relative;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li a:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li a:before{
    content: "";
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link:before{
    background-image: url(../images_sp/mypage/customer_trouble_01_icon.png);
    left: 8px;
    bottom: 0;
    width: 35px;
    height: 43px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_01_link a:after{
    border-top: 3px solid transparent;
    border-left: 5px solid #ed8562;
    border-bottom: 3px solid transparent
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link{
    margin-top: 10px;
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link:before{
    background-image: url(../images_sp/mypage/customer_trouble_02_icon.png);
    left: 10px;
    bottom: 0;
    width: 35px;
    height: 37px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_02_link a:after{
    border-top: 3px solid transparent;
    border-left: 5px solid #ed8562;
    border-bottom: 3px solid transparent
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link{
    margin-top: 10px;
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link:before, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link:before{
    background-image: url(../images_sp/mypage/customer_trouble_03_icon.png);
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 24px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link a:after, #RegularStopConfirm .cancel_under_review_box .customer_trouble_list ul li.customer_trouble_03_link a:after{
    border-left: 5px solid #ed8562;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent
  }

  #RegularChangeResign .cancel_under_review_box .trouble_shooting_arrow, #RegularStopConfirm .cancel_under_review_box .trouble_shooting_arrow{
    text-align: center;
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .trouble_shooting_arrow img, #RegularStopConfirm .cancel_under_review_box .trouble_shooting_arrow img{
    width: 80%;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box{
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box h1{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    text-align: left;
    padding: 7.5px 10px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner{
    padding: 15px 10px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail{
    overflow: hidden
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_text, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_text{
    float: left
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_detail .customer_trouble_image{
    float: right
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2{
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    background-color: transparent;
    bottom: 0;
    border: none;
    color: #ef7979
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2 + p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text h2 + p{
    margin-top: 10px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text p + p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_text p + p{
    margin-top: 15px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact{
    margin-top: 25px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl{
    border-radius: 10px;
    padding: 10px 15px;
    background-color: #fee8dc
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dd, #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dt, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dd, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact dl dt{
    font-size: 14px;
    line-height: 20px;
    color: #693634;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p{
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p + p, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box .customer_trouble_inner .customer_trouble_contact p + p{
    margin-top: 15px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 h1{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner{
    border: 2px solid #f5bba7;
    border-top: 0
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text{
    width: calc(100% - 60px)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image{
    width: 50px;
    margin-left: 10px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img{
    width: inherit;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .btn_send01, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_01 .customer_trouble_inner .btn_send01{
    margin-top: 20px;
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 390 !important;
    width: 100% !important;
    background: #b7b7b7 !important;
    box-shadow: none !important
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 h1{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner{
    border: 2px solid #f5bba7;
    border-top: 0
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_text{
    width: calc(100% - 60px)
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image{
    width: 50px;
    margin-left: 10px
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_02 .customer_trouble_inner .customer_trouble_detail .customer_trouble_image img{
    width: inherit;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 h1, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 h1{
    background-color: #ed8562
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner{
    border: 2px solid #f5bba7;
    border-top: 0
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image{
    margin: 30px 0;
    text-align: center
  }

  #RegularChangeResign .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image img, #RegularStopConfirm .cancel_under_review_box .customer_trouble_box.customer_trouble_03 .customer_trouble_inner .customer_trouble_image img{
    width: 80%;
    height: auto
  }

  #RegularChangeResign .cancel_under_review_box .cancel_box, #RegularStopConfirm .cancel_under_review_box .cancel_box{
    margin-top: 20px
  }

  #RegularChangeResign .cancel_under_review_box .cancel_box a.btn_inactive01, #RegularStopConfirm .cancel_under_review_box .cancel_box a.btn_inactive01{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 390 !important;
    width: 100% !important;
    background: #b7b7b7 !important;
    box-shadow: none !important;
    max-width: 390px !important;
    padding: 10px !important;
    margin: 30px auto 0;
    display: block
  }

  #RegularChangeResign #cancelArea, #RegularStopConfirm #cancelArea{
    border: 0;
    padding: 0;
    margin: 60px 0 0;
    display: none
  }

  #RegularChangeResign #cancelArea.open, #RegularStopConfirm #cancelArea.open{
    display: block
  }

  #RegularChangeResign #cancelArea #cancelTitleGroup, #RegularStopConfirm #cancelArea #cancelTitleGroup{
    color: #000 !important;
    font-weight: 400 !important;
    margin: 0 0 20px !important;
    font-size: 22px !important;
    border: none !important;
    border-bottom: 2px solid #ffca7f !important;
    line-height: normal !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    position: relative !important;
    display: block !important;
    text-align: left
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #RegularChangeResign #cancelArea #cancelTitleGroup, #RegularStopConfirm #cancelArea #cancelTitleGroup{
    font-size: 18px !important;
    line-height: 30px !important;
    white-space: normal !important
  }
}

@media screen and (max-width: 750px){
  #RegularChangeResign #cancelArea #cancelInputGroup, #RegularStopConfirm #cancelArea #cancelInputGroup{
    margin-top: 10px
  }

  #RegularChangeResign #otherArea, #RegularStopConfirm #otherArea{
    margin: 0
  }

  #RegularChangeResign #stopNextDeliveryInfoGroup, #RegularStopConfirm #stopNextDeliveryInfoGroup{
    text-align: left !important
  }

  #RegularChangeResign #stopNextDeliveryInfoGroup #regularStopDateLabel_innerId, #RegularStopConfirm #stopNextDeliveryInfoGroup #regularStopDateLabel_innerId{
    text-align: left;
    font-size: 16px
  }

  #RegularChangeResign #stopNextDeliveryInfoGroup #preparationDateLabelItemWrap, #RegularStopConfirm #stopNextDeliveryInfoGroup #preparationDateLabelItemWrap{
    margin-top: 10px
  }

  #RegularChangeResign #stopNextDeliveryInfoGroup #preparationDateLabelItemWrap #preparationDateLabel_innerId, #RegularStopConfirm #stopNextDeliveryInfoGroup #preparationDateLabelItemWrap #preparationDateLabel_innerId{
    font-size: 14px
  }

  #RegularChangeResign #unkerbtn, #RegularStopConfirm #unkerbtn{
    margin-bottom: 40px
  }

  #RegularChangeResign #unkerbtn .cancel_box, #RegularStopConfirm #unkerbtn .cancel_box{
    margin-top: 0
  }

  #RegularChangeResign #unkerbtn .cancel_box a, #RegularStopConfirm #unkerbtn .cancel_box a{
    margin-top: 0 !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeResignComplete #completeMessageItemWrap{
    margin-top: 60px
  }
}

@media screen and (max-width: 750px){
  #RegularChangeResignComplete #completeMessageItemWrap{
    margin-top: 40px
  }
}

@media print, screen and (min-width: 750px){
  #RegularSchedule #pagePartsHtmlText_RegularScheduleNothing_innerId{
    text-align: center
  }

  #RegularSchedule #pagePartsHtmlText_RegularScheduleNothing_innerId h3{
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    margin-bottom: 10px
  }

  #RegularSchedule #pagePartsHtmlText_RegularScheduleNothing_innerId p:last-of-type{
    margin-top: 30px
  }

  #RegularSchedule #pagePartsHtmlText_RegularScheduleNothing_innerId p:last-of-type img{
    width: auto
  }

  #RegularSchedule .mypage-purchase-history table tr th{
    text-align: center
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table:first-child th{
    border-top: 1px solid #b7b7b7
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td, #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th{
    border-top: 0
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:first-child, #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(2), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:first-child, #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(2){
    width: 12%
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(3), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(3){
    width: 18%
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(4), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(4){
    width: 12%
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(5), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(5){
    width: 11%
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(6), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(6){
    width: 8%;
    display: none
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(7), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(7){
    width: 12%
  }

  #RegularSchedule .mypage-purchase-history .purchase-history-list table tr td:nth-child(8), #RegularSchedule .mypage-purchase-history .purchase-history-list table tr th:nth-child(8){
    width: 8%
  }

  #RegularSchedule #reglScheduleList .mypage-purchase-history table{
    table-layout: fixed
  }

  #RegularSchedule #reglScheduleList .mypage-purchase-history table tr td:first-child, #RegularSchedule #reglScheduleList .mypage-purchase-history table tr th:first-child{
    width: 46% !important
  }

  #RegularSchedule #reglScheduleList .mypage-purchase-history table tr td:last-child, #RegularSchedule #reglScheduleList .mypage-purchase-history table tr td:nth-child(2), #RegularSchedule #reglScheduleList .mypage-purchase-history table tr td:nth-child(3), #RegularSchedule #reglScheduleList .mypage-purchase-history table tr th:last-child, #RegularSchedule #reglScheduleList .mypage-purchase-history table tr th:nth-child(2), #RegularSchedule #reglScheduleList .mypage-purchase-history table tr th:nth-child(3){
    width: 18% !important
  }

  #RegularSchedule #matomeOrderGroup #matomeOrderGoodsList tbody .matomeOrderGoodsListRow td, #RegularSchedule #matomeOrderGroup #matomeOrderGoodsList th{
    text-align: center
  }

  #RegularSchedule #amountInfoLayoutGroup .th{
    text-align: left
  }

  #RegularSchedule #amountInfoLayoutGroup .td{
    width: 56% !important;
    text-align: left
  }

  #RegularSchedule #matomeOrderLayoutGroup, #RegularSchedule #matomeOrderLayoutGroup2{
    table-layout: fixed
  }

  #RegularSchedule #matomeOrderLayoutGroup2 .th, #RegularSchedule #matomeOrderLayoutGroup .th{
    width: 190px !important
  }
}

@media screen and (max-width: 750px){
  #RegularSchedule #matomeOrderGroup, #RegularSchedule #matomeOrderGroup #matomeOrderPremiumGroup{
    margin-top: 40px
  }

  #RegularSchedule #reglScheduleList .mypage-purchase-history .purchase-history-list .purchase-history-item .order-goods .order-goods-info, #RegularSchedule .purchase-history-item .order-goods .order-goods-info, #OrderInfoInput .purchase-history-item .order-goods .order-goods-info{
    text-align: center;
    width: 100%;
    padding: 0 !important
  }

  #RegularSchedule .purchase-history-item tr td:nth-child(6){
    display: none
  }
}

#RegularScheduleDetail .set-group .titleItemWrap .level_h2,
#RegularChangeAllInput .set-group .titleItemWrap .level_h2,
#RegularChangeStop .set-group .titleItemWrap .level_h2,
#RegularChangeCancel .set-group .titleItemWrap .level_h2,
#RegularCancelConfirmLife .set-group .titleItemWrap .level_h2 {
 font-weight: bold !important;
}

@media print, screen and (min-width: 750px){
  #RegularScheduleDetail #deliveryDateItemWrap{
    padding: 0;
    border: 0
  }

  #RegularScheduleDetail #nextNextArea{
    margin-top: 60px
  }

  #RegularScheduleDetail #nextNextArea #deliveryDate2ItemWrap{
    padding: 0;
    margin: 0;
    border: 0
  }

  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap{
    margin-top: 30px
  }

  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block;
    margin: 0 auto;
    transition: color .3s, background-color .3s;
  }
}

#RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton:hover {
  background-color: #ff0000!important;
  color: #ffff!important;
  opacity: 1!important;

}

@media print, screen and (min-width: 750px) and (min-width: 750px){
  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton{
    width: 390px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton{
    max-width: 390px !important;
    width: 100% !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularScheduleDetail .deliveryDateLayout, #RegularScheduleDetail .deliveryDateLayout2{
    display: block !important
  }

  #RegularScheduleDetail .deliveryDateLayout2 p, #RegularScheduleDetail .deliveryDateLayout p{
    display: block;
    margin-bottom: 20px
  }

  #RegularScheduleDetail .deliveryDateLayout2 .th, #RegularScheduleDetail .deliveryDateLayout .th{
    width: 308px
  }

  #RegularScheduleDetail #changeAllButtonItemWrap, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap{
    margin-top: 30px;
    text-align: center
  }

  #RegularScheduleDetail #changeAllButtonItemWrap #upperNotChangeBtn, #RegularScheduleDetail #changeAllButtonItemWrap .notChangeBtn, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap #upperNotChangeBtn, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap .notChangeBtn{
    display: inline-block;
    border-radius: 3px;
    background-color: #333;
    width: 390px;
    color: #fff !important;
    max-width: 390px;
    margin: 0;
    padding: 12px 10px
  }

  #RegularScheduleDetail #changeAllButtonItemWrap #upperNotChangeBtn:hover, #RegularScheduleDetail #changeAllButtonItemWrap .notChangeBtn:hover, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap #upperNotChangeBtn:hover, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap .notChangeBtn:hover{
    cursor: not-allowed
  }

  #RegularScheduleDetail #buttonGroup{
    margin-top: 60px
  }
}

@media screen and (max-width: 750px){
  #RegularScheduleDetail #deliveryDateItemWrap{
    padding: 0;
    border: 0
  }

  #RegularScheduleDetail #nextNextArea{
    margin-top: 40px
  }

  #RegularScheduleDetail #nextNextArea #deliveryDate2ItemWrap{
    padding: 0;
    margin: 0;
    border: 0
  }

  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap{
    margin-top: 10px
  }

  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block;
    margin: 0 auto
  }
}

@media screen and (max-width: 750px) and (min-width: 750px){
  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton{
    width: 390px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #RegularScheduleDetail #nextNextArea #nextNextChangeAllButtonItemWrap #nextNextChangeAllButton{
    max-width: 390px !important;
    width: 100% !important
  }
}

@media screen and (max-width: 750px){
  #RegularScheduleDetail .deliveryDateLayout2 p, #RegularScheduleDetail .deliveryDateLayout p{
    display: block;
    margin-bottom: 20px
  }

  #RegularScheduleDetail #changeAllButtonItemWrap, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap{
    margin-top: 10px;
    text-align: center
  }

  #RegularScheduleDetail #changeAllButtonItemWrap #upperNotChangeBtn, #RegularScheduleDetail #changeAllButtonItemWrap .notChangeBtn, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap #upperNotChangeBtn, #RegularScheduleDetail #nextNextChangeAllButtonItemWrap .notChangeBtn{
    display: inline-block;
    border-radius: 3px;
    background-color: #333;
    color: #fff !important;
    margin: 0;
    padding: 12px 10px;
    max-width: 390px !important;
    width: 100% !important
  }

  #RegularScheduleDetail #buttonGroup{
    height: auto
  }

  #RegularScheduleDetail #buttonGroup #cancelButton{
    min-width: inherit;
    max-width: 390px !important;
    width: 100% !important
  }
}

@media print, screen and (min-width: 750px){
  #RegularChangeResignComplete form[name=formMain], #RegularStopComplete form[name=formMain]{
    padding: 20px 20px 0
  }

  #RegularChangeResignComplete #layoutGroup, #RegularStopComplete #layoutGroup{
    margin: 0 !important
  }

  #RegularChangeResignComplete #completeMessageItemWrap, #RegularStopComplete #completeMessageItemWrap{
    margin-top: 60px
  }
}

@media screen and (max-width: 750px){
  #RegularChangeResignComplete form[name=formMain], #RegularStopComplete form[name=formMain]{
    padding: 20px 0 50px
  }

  #RegularChangeResignComplete #layoutGroup, #RegularStopComplete #layoutGroup{
    margin: 0 !important
  }

  #RegularChangeResignComplete #completeMessageItemWrap, #RegularStopComplete #completeMessageItemWrap{
    margin-top: 40px
  }
}

@media print, screen and (min-width: 750px){
  #ReminderPasswordInput #memberInfoTitleItemWrap{
    margin-top: 60px
  }
}

@media screen and (max-width: 750px){
  #ReminderPasswordInput #memberInfoTitleItemWrap{
    margin-top: 40px
  }
}

@media print, screen and (min-width: 750px){
  #Cart form[name=formMain], #LP form[name=formMain], #LPOrderInfoComplete form[name=formMain], #LPOrderInfoConfirm form[name=formMain], #LPOrderEditComplete form[name=formMain], #LPOrderEditConfirm form[name=formMain], #OrderInfoComplete form[name=formMain], #OrderInfoConfirm form[name=formMain], #OrderInfoInput form[name=formMain]{
    padding: 20px 20px 0
  }

  #Cart .table > .tr .td, #Cart .table > .tr > .th, #LP .table > .tr .td, #LP .table > .tr > .th, #LPOrderInfoComplete .table > .tr .td, #LPOrderInfoComplete .table > .tr > .th, #LPOrderInfoConfirm .table > .tr .td, #LPOrderInfoConfirm .table > .tr > .th, #LPOrderEditComplete .table > .tr .td, #LPOrderEditComplete .table > .tr > .th, #LPOrderEditConfirm .table > .tr .td, #LPOrderEditConfirm .table > .tr > .th, #OrderInfoComplete .table > .tr .td, #OrderInfoComplete .table > .tr > .th, #OrderInfoConfirm .table > .tr .td, #OrderInfoConfirm .table > .tr > .th, #OrderInfoInput .table > .tr .td, #OrderInfoInput .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #Cart .table > .tr > .th, #LP .table > .tr > .th, #LPOrderInfoComplete .table > .tr > .th, #LPOrderInfoConfirm .table > .tr > .th, #LPOrderEditComplete .table > .tr > .th, #LPOrderEditConfirm .table > .tr > .th, #OrderInfoComplete .table > .tr > .th, #OrderInfoConfirm .table > .tr > .th, #OrderInfoInput .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #Cart .table > .tr > .th, #LP .table > .tr > .th, #LPOrderInfoComplete .table > .tr > .th, #LPOrderInfoConfirm .table > .tr > .th, #LPOrderEditComplete .table > .tr > .th, #LPOrderEditConfirm .table > .tr > .th, #OrderInfoComplete .table > .tr > .th, #OrderInfoConfirm .table > .tr > .th, #OrderInfoInput .table > .tr > .th{
    border-bottom: none
  }
}

@media print, screen and (min-width: 750px){
  #Cart .table > .tr > .th label, #LP .table > .tr > .th label, #LPOrderInfoComplete .table > .tr > .th label, #LPOrderInfoConfirm .table > .tr > .th label, #LPOrderEditComplete .table > .tr > .th label, #LPOrderEditConfirm .table > .tr > .th label, #OrderInfoComplete .table > .tr > .th label, #OrderInfoConfirm .table > .tr > .th label, #OrderInfoInput .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #Cart .table > .tr > .td, #LP .table > .tr > .td, #LPOrderInfoComplete .table > .tr > .td, #LPOrderInfoConfirm .table > .tr > .td, #LPOrderEditComplete .table > .tr > .td, #LPOrderEditConfirm .table > .tr > .td, #OrderInfoComplete .table > .tr > .td, #OrderInfoConfirm .table > .tr > .td, #OrderInfoInput .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #Cart .table > .tr:last-of-type, #LP .table > .tr:last-of-type, #LPOrderInfoComplete .table > .tr:last-of-type, #LPOrderInfoConfirm .table > .tr:last-of-type, #LPOrderEditComplete .table > .tr:last-of-type, #LPOrderEditConfirm .table > .tr:last-of-type, #OrderInfoComplete .table > .tr:last-of-type, #OrderInfoConfirm .table > .tr:last-of-type, #OrderInfoInput .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #Cart .table > .tr:last-of-type > .td:last-of-type, #LP .table > .tr:last-of-type > .td:last-of-type, #LPOrderInfoComplete .table > .tr:last-of-type > .td:last-of-type, #LPOrderInfoConfirm .table > .tr:last-of-type > .td:last-of-type, #LPOrderEditComplete .table > .tr:last-of-type > .td:last-of-type, #LPOrderEditConfirm .table > .tr:last-of-type > .td:last-of-type, #OrderInfoComplete .table > .tr:last-of-type > .td:last-of-type, #OrderInfoConfirm .table > .tr:last-of-type > .td:last-of-type, #OrderInfoInput .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media print, screen and (min-width: 750px){
  #Cart table tr td, #Cart table tr th, #LPOrderInfoComplete table tr td, #LPOrderInfoComplete table tr th, #LPOrderInfoConfirm table tr td, #LPOrderInfoConfirm table tr th, #LP table tr td, #LPOrderEditComplete table tr td, #LPOrderEditComplete table tr th, #LPOrderEditConfirm table tr td, #LPOrderEditConfirm table tr th, #LP table tr td, #LP table tr th, #OrderInfoComplete table tr td, #OrderInfoComplete table tr th, #OrderInfoConfirm table tr td, #OrderInfoConfirm table tr th, #OrderInfoInput table tr td, #OrderInfoInput table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #Cart table tr th, #LPOrderInfoComplete table tr th, #LPOrderInfoConfirm table tr th, #LPOrderEditComplete table tr th, #LPOrderEditConfirm table tr th, #LP table tr th, #OrderInfoComplete table tr th, #OrderInfoConfirm table tr th, #OrderInfoInput table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center
  }

  #Cart textarea, #LPOrderInfoComplete textarea, #LPOrderInfoConfirm textarea, #LPOrderEditComplete textarea, #LPOrderEditConfirm textarea, #LP textarea, #OrderInfoComplete textarea, #OrderInfoConfirm textarea, #OrderInfoInput textarea{
    resize: vertical
  }

  #Cart #includeStepItemWrap, #LP #includeStepItemWrap, #LPOrderInfoComplete #includeStepItemWrap, #LPOrderInfoConfirm #includeStepItemWrap, #LPOrderEditComplete #includeStepItemWrap, #LPOrderEditConfirm #includeStepItemWrap, #OrderInfoComplete #includeStepItemWrap, #OrderInfoConfirm #includeStepItemWrap, #OrderInfoInput #includeStepItemWrap{
    margin-bottom: 20px
  }

  #Cart #includeStepItemWrap .cartStepImg img, #LP #includeStepItemWrap .cartStepImg img, #LPOrderInfoComplete #includeStepItemWrap .cartStepImg img, #LPOrderInfoConfirm #includeStepItemWrap .cartStepImg img, #LPOrderEditComplete #includeStepItemWrap .cartStepImg img, #LPOrderEditConfirm #includeStepItemWrap .cartStepImg img, #OrderInfoComplete #includeStepItemWrap .cartStepImg img, #OrderInfoConfirm #includeStepItemWrap .cartStepImg img, #OrderInfoInput #includeStepItemWrap .cartStepImg img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
  }

  #Cart .radiobuttonLabel, #LP .radiobuttonLabel, #LPOrderInfoComplete .radiobuttonLabel, #LPOrderInfoConfirm .radiobuttonLabel, #LPOrderEditComplete .radiobuttonLabel, #LPOrderEditConfirm .radiobuttonLabel, #OrderInfoComplete .radiobuttonLabel, #OrderInfoConfirm .radiobuttonLabel, #OrderInfoInput .radiobuttonLabel{
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    color: #000;
    display: block;
    margin: 0;
    padding: 7.5px 0 7.5px 15px;
    font-size: 14px;
    line-height: 23px;
    width: calc(50% - 5px)
  }

  #Cart .radiobuttonLabel.checked, #Cart .radiobuttonLabel.forcs, #LP .radiobuttonLabel.checked, #LP .radiobuttonLabel.forcs, #LPOrderInfoComplete .radiobuttonLabel.checked, #LPOrderInfoComplete .radiobuttonLabel.forcs, #LPOrderInfoConfirm .radiobuttonLabel.checked, #LPOrderInfoConfirm .radiobuttonLabel.forcs, #LPOrderEditComplete .radiobuttonLabel.checked, #LPOrderEditComplete .radiobuttonLabel.forcs, #LPOrderEditConfirm .radiobuttonLabel.checked, #LPOrderEditConfirm .radiobuttonLabel.forcs, #OrderInfoComplete .radiobuttonLabel.checked, #OrderInfoComplete .radiobuttonLabel.forcs, #OrderInfoConfirm .radiobuttonLabel.checked, #OrderInfoConfirm .radiobuttonLabel.forcs, #OrderInfoInput .radiobuttonLabel.checked, #OrderInfoInput .radiobuttonLabel.forcs{
    background-color: #ffffe6
  }

  #Cart .radiobuttonLabel + label, #LP .radiobuttonLabel + label, #LPOrderInfoComplete .radiobuttonLabel + label, #LPOrderInfoConfirm .radiobuttonLabel + label, #LPOrderEditComplete .radiobuttonLabel + label, #LPOrderEditConfirm .radiobuttonLabel + label, #OrderInfoComplete .radiobuttonLabel + label, #OrderInfoConfirm .radiobuttonLabel + label, #OrderInfoInput .radiobuttonLabel + label{
    margin-left: 10px
  }

  #Cart .radiobuttonLabel input[type=radio], #LP .radiobuttonLabel input[type=radio], #LPOrderInfoComplete .radiobuttonLabel input[type=radio], #LPOrderInfoConfirm .radiobuttonLabel input[type=radio], #LPOrderEditComplete .radiobuttonLabel input[type=radio], #LPOrderEditConfirm .radiobuttonLabel input[type=radio], #OrderInfoComplete .radiobuttonLabel input[type=radio], #OrderInfoConfirm .radiobuttonLabel input[type=radio], #OrderInfoInput .radiobuttonLabel input[type=radio]{
    margin: 0 10px 0 0;
    width: 14px;
    height: 14px
  }

  #Cart .buildingTypeTdSurround .items, #Cart .deliveryRequestTypeTdSurround .items, #Cart .destinationAlterFlgItemWrap .items, #Cart .orderBuildingTypeTdSurround .items, #Cart .selectDeliveryTypeTdSurround .items, #Cart .selectedPaymentMethodItemWrap .items, #Cart .sexTdSurround .items, #Cart .webRegisterCustomerRadioTdSurround .items, #LP .buildingTypeTdSurround .items, #LP .deliveryRequestTypeTdSurround .items, #LP .destinationAlterFlgItemWrap .items, #LP .orderBuildingTypeTdSurround .items, #LP .selectDeliveryTypeTdSurround .items, #LP .selectedPaymentMethodItemWrap .items, #LP .sexTdSurround .items, #LP .webRegisterCustomerRadioTdSurround .items, #LPOrderInfoComplete .buildingTypeTdSurround .items, #LPOrderInfoComplete .deliveryRequestTypeTdSurround .items, #LPOrderInfoComplete .destinationAlterFlgItemWrap .items, #LPOrderInfoComplete .orderBuildingTypeTdSurround .items, #LPOrderInfoComplete .selectDeliveryTypeTdSurround .items, #LPOrderInfoComplete .selectedPaymentMethodItemWrap .items, #LPOrderInfoComplete .sexTdSurround .items, #LPOrderInfoComplete .webRegisterCustomerRadioTdSurround .items, #LPOrderInfoConfirm .buildingTypeTdSurround .items, #LPOrderInfoConfirm .deliveryRequestTypeTdSurround .items, #LPOrderInfoConfirm .destinationAlterFlgItemWrap .items, #LPOrderInfoConfirm .orderBuildingTypeTdSurround .items, #LPOrderInfoConfirm .selectDeliveryTypeTdSurround .items, #LPOrderInfoConfirm .selectedPaymentMethodItemWrap .items, #LPOrderInfoConfirm .sexTdSurround .items, #LPOrderInfoConfirm .webRegisterCustomerRadioTdSurround .items, #LPOrderEditComplete .buildingTypeTdSurround .items, #LPOrderEditComplete .deliveryRequestTypeTdSurround .items, #LPOrderEditComplete .destinationAlterFlgItemWrap .items, #LPOrderEditComplete .orderBuildingTypeTdSurround .items, #LPOrderEditComplete .selectDeliveryTypeTdSurround .items, #LPOrderEditComplete .selectedPaymentMethodItemWrap .items, #LPOrderEditComplete .sexTdSurround .items, #LPOrderEditComplete .webRegisterCustomerRadioTdSurround .items, #LPOrderEditConfirm .buildingTypeTdSurround .items, #LPOrderEditConfirm .deliveryRequestTypeTdSurround .items, #LPOrderEditConfirm .destinationAlterFlgItemWrap .items, #LPOrderEditConfirm .orderBuildingTypeTdSurround .items, #LPOrderEditConfirm .selectDeliveryTypeTdSurround .items, #LPOrderEditConfirm .selectedPaymentMethodItemWrap .items, #LPOrderEditConfirm .sexTdSurround .items, #LPOrderEditConfirm .webRegisterCustomerRadioTdSurround .items, #OrderInfoComplete .buildingTypeTdSurround .items, #OrderInfoComplete .deliveryRequestTypeTdSurround .items, #OrderInfoComplete .destinationAlterFlgItemWrap .items, #OrderInfoComplete .orderBuildingTypeTdSurround .items, #OrderInfoComplete .selectDeliveryTypeTdSurround .items, #OrderInfoComplete .selectedPaymentMethodItemWrap .items, #OrderInfoComplete .sexTdSurround .items, #OrderInfoComplete .webRegisterCustomerRadioTdSurround .items, #OrderInfoConfirm .buildingTypeTdSurround .items, #OrderInfoConfirm .deliveryRequestTypeTdSurround .items, #OrderInfoConfirm .destinationAlterFlgItemWrap .items, #OrderInfoConfirm .orderBuildingTypeTdSurround .items, #OrderInfoConfirm .selectDeliveryTypeTdSurround .items, #OrderInfoConfirm .selectedPaymentMethodItemWrap .items, #OrderInfoConfirm .sexTdSurround .items, #OrderInfoConfirm .webRegisterCustomerRadioTdSurround .items, #OrderInfoInput .buildingTypeTdSurround .items, #OrderInfoInput .deliveryRequestTypeTdSurround .items, #OrderInfoInput .destinationAlterFlgItemWrap .items, #OrderInfoInput .orderBuildingTypeTdSurround .items, #OrderInfoInput .selectDeliveryTypeTdSurround .items, #OrderInfoInput .selectedPaymentMethodItemWrap .items, #OrderInfoInput .sexTdSurround .items, #OrderInfoInput .webRegisterCustomerRadioTdSurround .items{
    display: flex;
    justify-content: flex-start
  }

  #Cart .deliveryRequestTypeTdSurround .radiobuttonLabel, #Cart .selectedPaymentMethodItemWrap .radiobuttonLabel, #LP .deliveryRequestTypeTdSurround .radiobuttonLabel, #LP .selectedPaymentMethodItemWrap .radiobuttonLabel, #LPOrderInfoComplete .deliveryRequestTypeTdSurround .radiobuttonLabel, #LPOrderInfoComplete .selectedPaymentMethodItemWrap .radiobuttonLabel, #LPOrderInfoConfirm .deliveryRequestTypeTdSurround .radiobuttonLabel, #LPOrderInfoConfirm .selectedPaymentMethodItemWrap .radiobuttonLabel, #LPOrderEditComplete .deliveryRequestTypeTdSurround .radiobuttonLabel, #LPOrderEditComplete .selectedPaymentMethodItemWrap .radiobuttonLabel, #LPOrderEditConfirm .deliveryRequestTypeTdSurround .radiobuttonLabel, #LPOrderEditConfirm .selectedPaymentMethodItemWrap .radiobuttonLabel, #OrderInfoComplete .deliveryRequestTypeTdSurround .radiobuttonLabel, #OrderInfoComplete .selectedPaymentMethodItemWrap .radiobuttonLabel, #OrderInfoConfirm .deliveryRequestTypeTdSurround .radiobuttonLabel, #OrderInfoConfirm .selectedPaymentMethodItemWrap .radiobuttonLabel, #OrderInfoInput .deliveryRequestTypeTdSurround .radiobuttonLabel, #OrderInfoInput .selectedPaymentMethodItemWrap .radiobuttonLabel{
    width: calc(33% - 4.6px)
  }

  #Cart h3.level_h3, #Cart h3.level_h4, #LP h3.level_h3, #LP h3.level_h4, #LPOrderInfoComplete h3.level_h3, #LPOrderInfoComplete h3.level_h4, #LPOrderInfoConfirm h3.level_h3, #LPOrderInfoConfirm h3.level_h4, #LPOrderEditComplete h3.level_h3, #LPOrderEditComplete h3.level_h4, #LPOrderEditConfirm h3.level_h3, #LPOrderEditConfirm h3.level_h4, #OrderInfoComplete h3.level_h3, #OrderInfoComplete h3.level_h4, #OrderInfoConfirm h3.level_h3, #OrderInfoConfirm h3.level_h4, #OrderInfoInput h3.level_h3, #OrderInfoInput h3.level_h4{
    margin-top: 0 !important
  }

  #Cart .requiredTitle:after, #LP .requiredTitle:after, #LPOrderInfoComplete .requiredTitle:after, #LPOrderInfoConfirm .requiredTitle:after, #LPOrderEditComplete .requiredTitle:after, #LPOrderEditConfirm .requiredTitle:after, #OrderInfoComplete .requiredTitle:after, #OrderInfoConfirm .requiredTitle:after, #OrderInfoInput .requiredTitle:after{
    line-height: 20px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    transform: translateY(-50%);
    background: #ff5a7d;
    color: #fff;
    content: "必須";
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 0 20px;
    border-radius: 0;
    padding: 0 8px;
    text-align: center
  }

  #Cart header #mainHeader #contactBtn, #LP header #mainHeader #contactBtn, #LPOrderInfoComplete header #mainHeader #contactBtn, #LPOrderInfoConfirm header #mainHeader #contactBtn, #LPOrderEditComplete header #mainHeader #contactBtn, #LPOrderEditConfirm header #mainHeader #contactBtn, #OrderInfoComplete header #mainHeader #contactBtn, #OrderInfoConfirm header #mainHeader #contactBtn, #OrderInfoInput header #mainHeader #contactBtn{
    float: right;
    padding: 15px 0;
    margin-right: 10px
  }

  #Cart header #mainHeader #contactBtn a.green-btn, #LP header #mainHeader #contactBtn a.green-btn, #LPOrderInfoComplete header #mainHeader #contactBtn a.green-btn, #LPOrderInfoConfirm header #mainHeader #contactBtn a.green-btn, #LPOrderEditComplete header #mainHeader #contactBtn a.green-btn, #LPOrderEditConfirm header #mainHeader #contactBtn a.green-btn, #OrderInfoComplete header #mainHeader #contactBtn a.green-btn, #OrderInfoConfirm header #mainHeader #contactBtn a.green-btn, #OrderInfoInput header #mainHeader #contactBtn a.green-btn{
    display: block;
    position: relative;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background-color: #ff9600;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    border-radius: 3px;
    float: left;
    padding-right: 5px;
    text-decoration: none
  }

  #Cart header #mainHeader #contactBtn a.green-btn:before, #LP header #mainHeader #contactBtn a.green-btn:before, #LPOrderInfoComplete header #mainHeader #contactBtn a.green-btn:before, #LPOrderInfoConfirm header #mainHeader #contactBtn a.green-btn:before, #LPOrderEditComplete header #mainHeader #contactBtn a.green-btn:before, #LPOrderEditConfirm header #mainHeader #contactBtn a.green-btn:before, #OrderInfoComplete header #mainHeader #contactBtn a.green-btn:before, #OrderInfoConfirm header #mainHeader #contactBtn a.green-btn:before, #OrderInfoInput header #mainHeader #contactBtn a.green-btn:before{
    right: 10px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/white_arrow.svg) no-repeat;
    background-size: 6px 9px
  }

  #Cart .mb15, #Cart .mt15, #Cart .mt30, #LP .mb15, #LP .mt15, #LP .mt30, #LPOrderInfoComplete .mb15, #LPOrderInfoComplete .mt15, #LPOrderInfoComplete .mt30, #LPOrderInfoConfirm .mb15, #LPOrderInfoConfirm .mt15, #LPOrderInfoConfirm .mt30, #LPOrderEditComplete .mb15, #LPOrderEditComplete .mt15, #LPOrderEditComplete .mt30, #LPOrderEditConfirm .mb15, #LPOrderEditConfirm .mt15, #LPOrderEditConfirm .mt30, #OrderInfoComplete .mb15, #OrderInfoComplete .mt15, #OrderInfoComplete .mt30, #OrderInfoConfirm .mb15, #OrderInfoConfirm .mt15, #OrderInfoConfirm .mt30, #OrderInfoInput .mb15, #OrderInfoInput .mt15, #OrderInfoInput .mt30{
    margin: 0
  }

  #Cart #toGoodsList_link{
    margin: 10px auto 0 !important
  }

  #cartArea{
    margin-top: 20px
  }

  #orderListGroup{
    margin-top: 60px
  }

  #cartOrderList table tbody tr, #orderListGroup table tbody tr{
    border: none
  }

  #cartOrderList table tbody tr td, #orderListGroup table tbody tr td{
    text-align: center
  }

  #cartOrderList table tbody tr td.resultsDummyCol, #cartOrderList table tbody tr td.resultsUpsellImgLinkCol, #cartOrderList table tbody tr td .sp-table-heading, #orderListGroup table tbody tr td.resultsDummyCol, #orderListGroup table tbody tr td.resultsUpsellImgLinkCol, #orderListGroup table tbody tr td .sp-table-heading{
    display: none
  }

  #cartOrderList table tbody tr td.orderGoodsDeleteLinkCol input, #orderListGroup table tbody tr td.orderGoodsDeleteLinkCol input{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 60px !important;
    width: 100% !important;
    display: block
  }

  #cartOrderList table tbody tr td .cart-btn, #orderListGroup table tbody tr td .cart-btn{
    width: auto;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #5fa976;
    cursor: pointer;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    display: inline-block;
    border-radius: 3px;
    margin: 10px 0 0;
    background: #5fa976
  }

  #cartOrderList table tbody tr td .reglTerm, #orderListGroup table tbody tr td .reglTerm{
    margin-top: 10px
  }

  #cartSummaryGroup{
    margin-top: 20px
  }

  #orderSummaryGroup{
    margin-top: 60px
  }

  #cartSummaryGroup, #orderSummaryGroup{
    display: flex;
    flex-direction: row-reverse
  }

  #cartSummaryGroup > div, #orderSummaryGroup > div{
    width: calc(50% - 10px)
  }

  #cartSummaryGroup #promotionArea div#promotionResults, #orderSummaryGroup #promotionArea div#promotionResults{
    margin: 0;
    padding: 0 10px
  }

  #cartSummaryGroup #promotionArea div#promotionResults ul, #orderSummaryGroup #promotionArea div#promotionResults ul{
    margin: 0
  }

  #cartSummaryGroup #promotionArea div#promotionResults ul li, #orderSummaryGroup #promotionArea div#promotionResults ul li{
    font-size: 14px;
    line-height: 23px
  }

  #cartSummaryGroup #amountInfoGroup, #orderSummaryGroup #amountInfoGroup{
    margin: 0 0 0 20px
  }

  #LPOrderInfoConfirm #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup,
  #LPOrderInfoConfirm #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup,
  #LPOrderEditConfirm #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup,
  #LPOrderEditConfirm #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup {
      margin: 0 auto 0em auto;
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup:not(:first-child), #cartSummaryGroup #amountInfoGroup .totalLayoutGroup:not(:first-child), #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup:not(:first-child), #orderSummaryGroup #amountInfoGroup .totalLayoutGroup:not(:first-child){
    margin-top: 10px
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .th, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .th, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .th, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .th, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup .th, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownList .th, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownListGroup .th, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownList .th, #orderSummaryGroup #amountInfoGroup .diffAmountItemWrap .th{
    width: 200px
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .td, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .td, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .td, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .td, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup .td, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownList .td, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownListGroup .td, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownList .td, #orderSummaryGroup #amountInfoGroup .diffAmountItemWrap .td{
    width: calc(100% - 200px)
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup label, #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup span, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup label, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup span, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup label, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup span, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup label, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup span, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup label, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownList label, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup span, #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownList span, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownListGroup label, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownList label, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownListGroup span, #orderSummaryGroup #amountInfoGroup .totalAmountBreakdownList span{
    font-size: 14px;
    line-height: 23px
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap{
    border: none
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td{
    background-color: #fff
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td .totalAmt2, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td .totalAmt2, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td .totalAmt2, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td .totalAmt2{
    color: #4d4d4d
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .ttotalPrice, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .ttotalPrice, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .ttotalPrice, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .ttotalPrice{
    font-size: 18px
  }

  #cartInfoGroup{
    margin: 50px 0
  }

  #cartInfoGroup .cart-Info-banner{
    margin-bottom: 10px;
    padding: 8px 10px;
    overflow: hidden
  }

  #cartInfoGroup .cart-Info-banner.banner-other-item{
    border: 2px solid #d67915
  }

  #cartInfoGroup .cart-Info-banner.banner-other-item .divWrap .postageMsg{
    color: #d67915
  }

  #cartInfoGroup .cart-Info-banner.banner-other-item .linkWrap .postageMsgLink{
    background: linear-gradient(#ccc, #ccc)
  }

  #cartInfoGroup .cart-Info-banner.banner-target-item{
    border: 2px solid #ef454a
  }

  #cartInfoGroup .cart-Info-banner.banner-target-item .divWrap .postageMsg{
    color: #ef454a
  }

  #cartInfoGroup .cart-Info-banner.banner-target-item .linkWrap .postageMsgLink{
    background: linear-gradient(#ccc, #ccc)
  }

  #cartInfoGroup .cart-Info-banner:last-child{
    margin-bottom: 0
  }

  #cartInfoGroup .cart-Info-banner .divWrap{
    width: calc(100% - 220px);
    float: left
  }

  #cartInfoGroup .cart-Info-banner .divWrap .items{
    line-height: 30px
  }

  #cartInfoGroup .cart-Info-banner .linkWrap{
    width: 200px;
    margin-left: 20px;
    float: right
  }

  #cartInfoGroup .cart-Info-banner .linkWrap .postageMsgLink{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0;
    font-size: 14px;
    line-height: 14px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    padding: 7.5px
  }

  #recommend h2{
    display: none
  }

  #recommend #recommendList .recommend-item{
    width: 25%;
    padding: 10px;
    border: 1px solid #eee;
    border-left: 0;
    float: left
  }

  #recommend #recommendList .recommend-item:first-child{
    border-left: 1px solid #eee
  }

  #recommend #recommendList .recommend-item .recommend-item-img{
    text-align: center
  }

  #recommend #recommendList .recommend-item .recommend-item-img img{
    width: 80%;
    height: auto
  }

  #recommend #recommendList .recommend-item .recommend-item-info{
    text-align: center
  }

  #recommend #recommendList .recommend-item .recommend-item-info dt a{
    font-size: 12px
  }

  #recommend #recommendList .recommend-item .recommend-item-info dd{
    font-size: 12px;
    line-height: 18px
  }

  #recommend #recommendList .recommend-item .add-cart-btn{
    display: block;
    width: 100%;
    margin-top: 5px;
    border-radius: 4px;
    text-align: center;
    background-color: #ccc;
    padding: 8px 0;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    color: #fff
  }

  #LoginForm{
    margin-top: 50px;
    display: flex
  }

  #LoginForm .login-box{
    width: calc(50% - 10px)
  }

  #LoginForm .login-box:nth-child(2){
    margin-left: 20px
  }

  #LoginForm .login-box h3{
    font-size: 14px;
    line-height: 14px;
    padding: 14px 0;
    width: 100%;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center;
    color: #fff
  }

  #LoginForm .login-box .login-box-wrapper{
    padding: 15px
  }

  #LoginForm .login-box .login-box-wrapper a:link{
    text-decoration: underline
  }

  #LoginForm .login-box .login-box-wrapper .login-box-head p{
    font-size: 14px;
    line-height: 24px
  }

  #LoginForm .login-box .login-box-wrapper .login-box-head .radio-button-box{
    font-size: 14px;
    line-height: 30px
  }

  #LoginForm .login-box .login-box-wrapper .login-box-head #pagePartsHtmlText_LoginExpLogin_innerId{
    margin-bottom: 44px
  }

  #LoginForm .login-box .login-box-wrapper .login-form{
    margin-top: 15px
  }

  #LoginForm .login-box .login-box-wrapper .login-form dl:nth-child(-n+2){
    margin-top: 10px
  }

  #LoginForm .login-box .login-box-wrapper .login-form dl dt label{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LoginForm .login-box .login-box-wrapper .login-form dl dd input{
    width: 100%
  }

  #LoginForm .login-box .login-box-wrapper .login-box-foot{
    margin-top: 15px
  }

  #LoginForm .login-box .login-box-wrapper .login-box-foot p{
    font-size: 14px;
    line-height: 14px;
    text-align: center
  }

  #LoginForm .login-box#loginMember{
    border: 1px solid #ff9600
  }

  #LoginForm .login-box#loginMember h3{
    background-color: #ff9600
  }

  #LoginForm .login-box#loginMember input[type=submit]{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block;
    margin: 20px 0 0
  }
}

@media print, screen and (min-width: 750px) and (min-width: 750px){
  #LoginForm .login-box#loginMember input[type=submit]{
    width: 100% !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #LoginForm .login-box#loginMember input[type=submit]{
    max-width: 100% !important;
    width: 100% !important
  }
}

@media print, screen and (min-width: 750px){
  #LoginForm .login-box#loginNoMember{
    border: 1px solid #81de8c
  }

  #LoginForm .login-box#loginNoMember h3{
    background-color: #81de8c
  }

  #LoginForm .login-box#loginNoMember .login-box-head .radio-button-box{
    display: flex;
    flex-wrap: wrap
  }

  #LoginForm .login-box#loginNoMember .login-box-head .OrderLoginExpGuest{
    margin-top: 10px
  }

  #LoginForm .login-box#loginNoMember input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: #81de8c !important;
    display: block;
    margin-top: 20px
  }

  #LoginForm .login-box.disabled .login-box-foot, #LoginForm .login-box.disabled .login-form{
    opacity: .5
  }

  #LoginForm .login-box.disabled .login-box-foot a{
    pointer-events: none
  }

  .CartBottomInclude{
    width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important
  }

  .CartBottomInclude span{
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  .CartBottomInclude p{
    font-size: 12px;
    line-height: 18px
  }

  .CartBottomInclude a:link{
    text-decoration: underline
  }

  #reglScheduleList{
    margin-top: 20px
  }

  #reglScheduleList .mypage-purchase-history, #reglScheduleList .mypage-purchase-history .purchase-history-list{
    margin-top: 0
  }

  #reglScheduleList .mypage-purchase-history .purchase-history-list #purchaseHistoryItemListRegl tr td{
    border-top: 0
  }

  #deliveryTypeGroup, #paymentMethodGroup{
    margin-top: 60px !important
  }

  #destinationOptionGroup .appointedDeliveryDateItemWrap > .td, #destinationOptionGroup .appointedDeliveryDateItemWrap > .th{
    border-top: none !important
  }

  #destinationOptionGroup .appointedDeliveryDatePartsIncludeItemWrap, #destinationOptionGroup .deliveryRequestTypePartsIncludeItemWrap{
    margin-top: 10px;
    display: block;
    width: 100%
  }

  #destinationOptionGroup .appointedDeliveryDatePartsIncludeItemWrap > div, #destinationOptionGroup .deliveryRequestTypePartsIncludeItemWrap > div{
    border: none !important;
    background-color: #f7f7f7
  }

  #destinationOptionGroup .deliveryRequestCombobox, #destinationOptionGroup .deliveryRequestText{
    margin-top: 10px
  }

  #customerInfoGroup{
    margin-top: 60px !important
  }

  #customerInfoGroup .orderNamePartsIncludeItemWrap{
    margin-top: 10px;
    display: block;
    width: 100%
  }

  #customerInfoGroup .orderNamePartsIncludeItemWrap > div{
    border: none !important;
    background-color: #f7f7f7
  }

  #creditCardGroup{
    margin-top: 20px
  }

  #creditCardGroup .creditCardIncludeArea{
    padding: 0
  }

  #creditCardGroup .creditCardIncludeArea h3 span{
    display: inline-block;
    font-size: 20px;
    line-height: 44px
  }

  #creditCardGroup .creditCardIncludeArea p{
    padding: 0;
    margin-top: 10px
  }

  #creditCardGroup .useCardType1ItemWrap{
    margin-top: 20px
  }

  #creditCardGroup .cardInfo{
    margin-top: 10px
  }

  #creditCardGroup .cardInfo .creditCardNoDescription{
    margin-top: 5px
  }

  #creditCardGroup .cardInfo .OrderInfoInputSecurityCode{
    display: table-row;
    border-left: 1px solid #b7b7b7 !important;
    border-bottom: 1px solid #b7b7b7 !important;
    background-color: #f2f2f2
  }

  #creditCardGroup .cardInfo .securityCodeArea{
    overflow: hidden;
    display: table-cell;
    padding: 10px;
    border-left: 1px solid #b7b7b7 !important;
    border-right: 1px solid #b7b7b7 !important;
    background-color: #fff
  }

  #creditCardGroup .cardInfo .securityCodeArea > div{
    width: calc(50% - 5px);
    display: block;
    float: left
  }

  #creditCardGroup .cardInfo .securityCodeArea > div:nth-child(2){
    margin-left: 10px
  }

  #creditCardGroup .cardInfo .securityCodeArea > div .securityCodeExp{
    margin-top: 5px
  }

  #creditCardGroup .cardInfo .entryCardItemWrap #entry_label{
    margin-bottom: 5px
  }

  #creditCardGroup #creditCardPartsItemWrap{
    margin-bottom: 20px
  }

  #creditCardGroup #useCardType_labelId{
    display: block;
    margin-bottom: 5px
  }

  #webRegisterCustomerLayoutGroup{
    margin-top: 20px
  }

  #orderEmailTdSurround .items > p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #666
  }

  #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordItemWrap .td, #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordItemWrap .th{
    border-top: 0
  }

  #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordItemWrap #webRegisterCustomerPasswordTdSurround .items #webRegisterCustomerPasswordPartsIncludeItemWrap #webRegisterCustomerPasswordPartsIncludeTdSurround{
    border: none;
    background-color: #f7f7f7
  }

  #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordItemWrap #webRegisterCustomerPasswordTdSurround .items #webRegisterCustomerPassword{
    margin-top: 15px
  }

  #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordItemWrap #webRegisterCustomerPasswordTdSurround .items > p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #666
  }

  #destinationSelectGroup{
    margin-top: 60px !important
  }

  #destinationSelectGroup .destinationAlterLayoutGroup{
    margin-top: 10px
  }

  .destinationGroup{
    margin-top: 30px
  }

  .destinationGroup .addressBookListItemWrap{
    margin: 0;
    display: flex
  }

  #usableCouponGroup, #useAgreementGroup{
    margin-top: 60px !important
  }

  #useAgreementGroup .isUseAgreementFlgItemWrap{
    margin-bottom: 0
  }

  #customerConfirmGroup, #customerInfoGroup, #deliveryTypeGroup, #destinationInfoGroup, #destinationSelectGroup, #loginTitleIncludeItemWrap, #paymentGroup, #paymentMethodGroup, #pointGroup{
    margin-top: 60px !important
  }

  #LP #content_2, #LPOrderInfoConfirm #content_2, #LPOrderEditConfirm #content_2{
    margin-bottom: 0
  }

  #LP .contents, #LPOrderInfoConfirm .contents, #LPOrderEditConfirm .contents{
    padding: 20px 20px 50px;
    margin-bottom: 60px
  }

  #LP .contents h3:after, #LPOrderInfoConfirm .contents h3:after, #LPOrderEditConfirm .contents h3:after{
    display: none !important
  }

  #LP .contents select, #LPOrderInfoConfirm .contents select, #LPOrderEditConfirm .contents select{
    width: auto
  }

  #LP .contents #cardInfo, #LPOrderInfoConfirm .contents #cardInfo, #LPOrderEditConfirm .contents #cardInfo{
    width: 930px;
    overflow: hidden
  }

  #LP .contents #cardInfo .th, #LPOrderInfoConfirm .contents #cardInfo .th, #LPOrderEditConfirm .contents #cardInfo .th{
    width: 297px
  }

  #LP .contents #cardInfo .td, #LPOrderInfoConfirm .contents #cardInfo .td, #LPOrderEditConfirm .contents #cardInfo .td{
    width: 631px
  }

  #LP .contents #destinationLayoutGroup, #LPOrderInfoConfirm .contents #destinationLayoutGroup, #LPOrderEditConfirm .contents #destinationLayoutGroup{
    margin-top: 20px
  }

  #LP .contents #orderInfoInputDeliveryOptionPartsIncludeItemWrap, #LP .contents #pagePartsHtmlText_OrderInfoInputCustomer_innerId, #LPOrderInfoConfirm .contents #orderInfoInputDeliveryOptionPartsIncludeItemWrap, #LPOrderInfoConfirm .contents #pagePartsHtmlText_OrderInfoInputCustomer_innerId, #LPOrderEditConfirm .contents #orderInfoInputDeliveryOptionPartsIncludeItemWrap, #LPOrderEditConfirm .contents #pagePartsHtmlText_OrderInfoInputCustomer_innerId{
    display: none
  }

  #LP .contents #isOptin1IncludeItemWrap .items, #LPOrderInfoConfirm .contents #isOptin1IncludeItemWrap .items, #LPOrderEditConfirm .contents #isOptin1IncludeItemWrap .items{
    margin-top: 20px;
    text-align: center
  }

  #LP .contents #isOptin1IncludeItemWrap .items a, #LPOrderInfoConfirm .contents #isOptin1IncludeItemWrap .items a, #LPOrderEditConfirm .contents #isOptin1IncludeItemWrap .items a{
    text-decoration: underline
  }

  #LP .contents #customerInfoInputLayout, #LPOrderInfoConfirm .contents #customerInfoInputLayout, #LPOrderEditConfirm .contents #customerInfoInputLayout{
    margin-top: 10px
  }

  #LP .contents #guestTabGuide_innerId, #LPOrderInfoConfirm .contents #guestTabGuide_innerId, #LPOrderEditConfirm .contents #guestTabGuide_innerId{
    margin-top: 20px
  }

  #LP .contents #webRegisterCustomerLayoutGroup, #LPOrderInfoConfirm .contents #webRegisterCustomerLayoutGroup, #LPOrderEditConfirm .contents #webRegisterCustomerLayoutGroup{
    margin-bottom: 0
  }

  #LP .contents #addressBookList_labelId, #LPOrderInfoConfirm .contents #addressBookList_labelId, #LPOrderEditConfirm .contents #addressBookList_labelId{
    margin-right: 10px
  }

  #LP .contents .table.th_30 .td, #LP .contents .table.th_30 td, #LPOrderInfoConfirm .contents .table.th_30 .td, #LPOrderInfoConfirm .contents .table.th_30 td, #LPOrderEditConfirm .contents .table.th_30 .td, #LPOrderEditConfirm .contents .table.th_30 td{
    max-width: 652px !important
  }

  #LP #footer, #LPOrderInfoConfirm #footer, #LPOrderEditConfirm #footer, #BonusItemSelect #footer{
    text-align: center;
    padding: 6px 0;
    font-size: 13px;
    line-height: 15px;
    color: #000;
    background-color: #ccc;
    width: 100%;
    position: relative;
    margin-top: 160px
  }

  #LP #footer:before, #LPOrderInfoConfirm #footer:before, #LPOrderEditConfirm #footer:before, #BonusItemSelect #footer:before{
    left: 0;
    top: -160px;
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-bottom: 40px;
    background: url(/assets/images_pc/common/bg_footer.png) repeat-x;
    background-size: contain
  }

  #LPOrderInfoConfirm span#orderAddress3_span, #LPOrderEditConfirm span#orderAddress3_span, #LP span#orderAddress3_span{
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: red
  }

  #LP .level_h3, #LPOrderInfoConfirm .level_h3, #LPOrderEditConfirm .level_h3{
    padding-bottom: 10px !important
  }

  #LP .th, #LPOrderInfoConfirm .th, #LPOrderEditConfirm .th{
    text-align: left !important
  }

  #LPOrderInfoConfirm .orderRegisterConfirmTotalAmountBreakdownThSurround, #LPOrderEditConfirm .orderRegisterConfirmTotalAmountBreakdownThSurround {
    text-align: center !important;
  }

  #LP .required, #LP .required_condition, #LPOrderInfoConfirm .required, #LPOrderInfoConfirm .required_condition, #LPOrderEditConfirm .required, #LPOrderEditConfirm .required_condition{
    background: none
  }

  #LP .required:after, #LP .required_condition:after, #LPOrderInfoConfirm .required:after, #LPOrderInfoConfirm .required_condition:after, #LPOrderEditConfirm .required:after, #LPOrderEditConfirm .required_condition:after{
    float: none;
    margin-left: 10px;
    font-family: sans-serif !important;
    font-weight: 100
  }

  #LP input.TEL_1, #LP input.TEL_2, #LP input.TEL_3, #LPOrderInfoConfirm input.TEL_1, #LPOrderInfoConfirm input.TEL_2, #LPOrderInfoConfirm input.TEL_3, #LPOrderEditConfirm input.TEL_1, #LPOrderEditConfirm input.TEL_2, #LPOrderEditConfirm input.TEL_3{
    width: 97px
  }

  #LP #destinationAlterLayoutGroup, #LP #paymentLayoutGroup, #LP #ttotalPriceItemWrap, #LPOrderInfoConfirm #destinationAlterLayoutGroup, #LPOrderInfoConfirm #paymentLayoutGroup, #LPOrderInfoConfirm #ttotalPriceItemWrap, #LPOrderEditConfirm #destinationAlterLayoutGroup, #LPOrderEditConfirm #paymentLayoutGroup, #LPOrderEditConfirm #ttotalPriceItemWrap{
    display: table;
    width: 100%
  }

  #LP #destinationAlterLayoutGroup .td, #LP #destinationAlterLayoutGroup .th, #LP #paymentLayoutGroup .td, #LP #paymentLayoutGroup .th, #LP #ttotalPriceItemWrap .td, #LP #ttotalPriceItemWrap .th, #LPOrderInfoConfirm #destinationAlterLayoutGroup .td, #LPOrderInfoConfirm #destinationAlterLayoutGroup .th, #LPOrderInfoConfirm #paymentLayoutGroup .td, #LPOrderInfoConfirm #paymentLayoutGroup .th, #LPOrderInfoConfirm #ttotalPriceItemWrap .td, #LPOrderInfoConfirm #ttotalPriceItemWrap .th, #LPOrderEditConfirm #destinationAlterLayoutGroup .td, #LPOrderEditConfirm #destinationAlterLayoutGroup .th, #LPOrderEditConfirm #paymentLayoutGroup .td, #LPOrderEditConfirm #paymentLayoutGroup .th, #LPOrderEditConfirm #ttotalPriceItemWrap .td, #LPOrderEditConfirm #ttotalPriceItemWrap .th{
    border: 1px solid #b7b7b7;
    padding: 15px
  }

  #LP #destinationAlterLayoutGroup .th, #LP #paymentLayoutGroup .th, #LP #ttotalPriceItemWrap .th, #LPOrderInfoConfirm #destinationAlterLayoutGroup .th, #LPOrderInfoConfirm #paymentLayoutGroup .th, #LPOrderInfoConfirm #ttotalPriceItemWrap .th, #LPOrderEditConfirm #destinationAlterLayoutGroup .th, #LPOrderEditConfirm #paymentLayoutGroup .th, #LPOrderEditConfirm #ttotalPriceItemWrap .th{
    width: 32%;
    border-right: none;
    background-color: #f2f2f2;
    text-align: center
  }

  #LP #destinationAlterLayoutGroup .th label, #LP #paymentLayoutGroup .th label, #LP #ttotalPriceItemWrap .th label, #LPOrderInfoConfirm #destinationAlterLayoutGroup .th label, #LPOrderInfoConfirm #paymentLayoutGroup .th label, #LPOrderInfoConfirm #ttotalPriceItemWrap .th label, #LPOrderEditConfirm #destinationAlterLayoutGroup .th label, #LPOrderEditConfirm #paymentLayoutGroup .th label, #LPOrderEditConfirm #ttotalPriceItemWrap .th label{
    font-size: 14px;
    color: #4d4d4d;
    line-height: 23px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LP #ttotalPriceItemWrap, #LPOrderInfoConfirm #ttotalPriceItemWrap, #LPOrderEditConfirm #ttotalPriceItemWrap{
    display: table-row;
    margin-bottom: 20px
  }

  #LP #ttotalPriceItemWrap .th, #LPOrderInfoConfirm #ttotalPriceItemWrap .th, #LPOrderEditConfirm #ttotalPriceItemWrap .th{
    width: 200px
  }

  #LP #ttotalPriceItemWrap .td, #LPOrderInfoConfirm #ttotalPriceItemWrap .td, #LPOrderEditConfirm #ttotalPriceItemWrap .td{
    width: 270px;
    color: #4d4d4d
  }

  #LP #customerInfoGroup, #LPOrderInfoConfirm #customerInfoGroup, #LPOrderEditConfirm #customerInfoGroup{
    margin-top: 0 !important
  }

  #LP input.orderNameMei, #LP input.orderNameMeiKana, #LP input.orderNameSei, #LP input.orderNameSeiKana, #LPOrderInfoConfirm input.orderNameMei, #LPOrderInfoConfirm input.orderNameMeiKana, #LPOrderInfoConfirm input.orderNameSei, #LPOrderInfoConfirm input.orderNameSeiKana, #LPOrderEditConfirm input.orderNameMei, #LPOrderEditConfirm input.orderNameMeiKana, #LPOrderEditConfirm input.orderNameSei, #LPOrderEditConfirm input.orderNameSeiKana{
    width: 147px
  }

  #LP #tdiscountPromoBeforetaxTdSurround, #LP #ttotalPriceTdSurround, #LPOrderInfoConfirm #tdiscountPromoBeforetaxTdSurround, #LPOrderInfoConfirm #ttotalPriceTdSurround, #LPOrderEditConfirm #tdiscountPromoBeforetaxTdSurround, #LPOrderEditConfirm #ttotalPriceTdSurround{
    color: red !important
  }

  #LP #loginButton, #LP #memberSaveButton, #LPOrderInfoConfirm #loginButton, #LPOrderInfoConfirm #memberSaveButton, #LPOrderEditConfirm #loginButton, #LPOrderEditConfirm #memberSaveButton{
    background: #2fa700 !important
  }

  #LP #loginLayoutGroup, #LPOrderInfoConfirm #loginLayoutGroup, #LPOrderEditConfirm #loginLayoutGroup{
    display: block
  }

  #LP #loginLayoutGroup p, #LPOrderInfoConfirm #loginLayoutGroup p, #LPOrderEditConfirm #loginLayoutGroup p{
    margin-bottom: 10px
  }

  #LP #loginLayoutGroup .th, #LPOrderInfoConfirm #loginLayoutGroup .th, #LPOrderEditConfirm #loginLayoutGroup .th{
    width: 307px
  }

  #LP #loginLayoutGroup .td, #LPOrderInfoConfirm #loginLayoutGroup .td, #LPOrderEditConfirm #loginLayoutGroup .td{
    width: 655px
  }

  #LPOrderInfoConfirm td.orderListGoodsName2Col, #LPOrderInfoConfirm th#orderListGoodsName2Title, #LPOrderEditConfirm td.orderListGoodsName2Col, #LPOrderEditConfirm th#orderListGoodsName2Title, #LP td.orderListGoodsName2Col, #LP th#orderListGoodsName2Title{
    display: none !important
  }

  #LP #amountInfoGroup #breakdown, #LPOrderInfoConfirm #amountInfoGroup #breakdown, #LPOrderEditConfirm #amountInfoGroup #breakdown{
    display: block;
    margin-top: 20px
  }

  #LPOrderInfoConfirm form[name=formMain], #LPOrderEditConfirm form[name=formMain]{
    padding: 0
  }

  #LPOrderInfoConfirm #footer, #LPOrderEditConfirm #footer{
    margin-top: 200px
  }

  #LPOrderInfoConfirm #lpReturnButton, #LPOrderEditConfirm #lpReturnButton{
    min-height: 45px;
    height: auto;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    border: 2px solid #b7b7b7;
    color: #b7b7b7 !important;
    background-color: #fff;
    position: relative;
    text-decoration: none;
    max-width: 240px !important;
    width: 100% !important;
    margin: 0
  }

  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    display: block;
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    margin: 0
  }
}

@media print, screen and (min-width: 750px) and (min-width: 750px){
  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    width: 240px !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    max-width: 240px !important;
    width: 100% !important
  }
}

@media print, screen and (min-width: 750px){
  #LPOrderInfoConfirm #buttonGroup .buttonWrap, #LPOrderEditConfirm #buttonGroup .buttonWrap{
    position: relative
  }

  #LPOrderInfoConfirm #buttonGroup .buttonWrap:before, #LPOrderEditConfirm #buttonGroup .buttonWrap:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/gray_arrow.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%) rotate(180deg);
    z-index: 1
  }

  #LPOrderInfoConfirm #buttonGroup .buttonWrap, #LPOrderInfoConfirm #buttonGroup .imglinkWrap, #LPOrderEditConfirm #buttonGroup .buttonWrap, #LPOrderEditConfirm #buttonGroup .imglinkWrap{
    width: 240px;
    margin: 0 10px
  }

  #LPOrderInfoConfirm span#orderAddress3_span, #LPOrderEditConfirm span#orderAddress3_span{
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: red
  }

  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    background: #2fa700 !important
  }
}

@media screen and (max-width: 750px){
  #Cart form[name=formMain], #LP form[name=formMain], #LPOrderInfoComplete form[name=formMain], #LPOrderInfoConfirm form[name=formMain], #LPOrderEditComplete form[name=formMain], #LPOrderEditConfirm form[name=formMain], #OrderInfoComplete form[name=formMain], #OrderInfoConfirm form[name=formMain], #OrderInfoInput form[name=formMain]{
    padding: 10px 0 30px
  }

  #Cart .table > .tr .td, #Cart .table > .tr > .th, #LP .table > .tr .td, #LP .table > .tr > .th, #LPOrderInfoComplete .table > .tr .td, #LPOrderInfoComplete .table > .tr > .th, #LPOrderInfoConfirm .table > .tr .td, #LPOrderInfoConfirm .table > .tr > .th, #LPOrderEditComplete .table > .tr .td, #LPOrderEditComplete .table > .tr > .th, #LPOrderEditConfirm .table > .tr .td, #LPOrderEditConfirm .table > .tr > .th, #OrderInfoComplete .table > .tr .td, #OrderInfoComplete .table > .tr > .th, #OrderInfoConfirm .table > .tr .td, #OrderInfoConfirm .table > .tr > .th, #OrderInfoInput .table > .tr .td, #OrderInfoInput .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #Cart .table > .tr > .th, #LP .table > .tr > .th, #LPOrderInfoComplete .table > .tr > .th, #LPOrderInfoConfirm .table > .tr > .th, #LPOrderEditComplete .table > .tr > .th, #LPOrderEditConfirm .table > .tr > .th, #OrderInfoComplete .table > .tr > .th, #OrderInfoConfirm .table > .tr > .th, #OrderInfoInput .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #Cart .table > .tr > .th, #LP .table > .tr > .th, #LPOrderInfoComplete .table > .tr > .th, #LPOrderInfoConfirm .table > .tr > .th, #LPOrderEditComplete .table > .tr > .th, #LPOrderEditConfirm .table > .tr > .th, #OrderInfoComplete .table > .tr > .th, #OrderInfoConfirm .table > .tr > .th, #OrderInfoInput .table > .tr > .th{
    border-bottom: none
  }
}

@media screen and (max-width: 750px){
  #Cart .table > .tr > .th label, #LP .table > .tr > .th label, #LPOrderInfoComplete .table > .tr > .th label, #LPOrderInfoConfirm .table > .tr > .th label, #LPOrderEditComplete .table > .tr > .th label, #LPOrderEditConfirm .table > .tr > .th label, #OrderInfoComplete .table > .tr > .th label, #OrderInfoConfirm .table > .tr > .th label, #OrderInfoInput .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #Cart .table > .tr > .td, #LP .table > .tr > .td, #LPOrderInfoComplete .table > .tr > .td, #LPOrderInfoConfirm .table > .tr > .td, #LPOrderEditComplete .table > .tr > .td, #LPOrderEditConfirm .table > .tr > .td, #OrderInfoComplete .table > .tr > .td, #OrderInfoConfirm .table > .tr > .td, #OrderInfoInput .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #Cart .table > .tr:last-of-type, #LP .table > .tr:last-of-type, #LPOrderInfoComplete .table > .tr:last-of-type, #LPOrderInfoConfirm .table > .tr:last-of-type, #LPOrderEditComplete .table > .tr:last-of-type, #LPOrderEditConfirm .table > .tr:last-of-type, #OrderInfoComplete .table > .tr:last-of-type, #OrderInfoConfirm .table > .tr:last-of-type, #OrderInfoInput .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #Cart .table > .tr:last-of-type > .td:last-of-type, #LP .table > .tr:last-of-type > .td:last-of-type, #LPOrderInfoComplete .table > .tr:last-of-type > .td:last-of-type, #LPOrderInfoConfirm .table > .tr:last-of-type > .td:last-of-type, #LPOrderEditComplete .table > .tr:last-of-type > .td:last-of-type, #LPOrderEditConfirm .table > .tr:last-of-type > .td:last-of-type, #OrderInfoComplete .table > .tr:last-of-type > .td:last-of-type, #OrderInfoConfirm .table > .tr:last-of-type > .td:last-of-type, #OrderInfoInput .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media screen and (max-width: 750px){
  #Cart table tr td, #Cart table tr th, #LPOrderInfoComplete table tr td, #LPOrderInfoComplete table tr th, #LPOrderInfoConfirm table tr td, #LPOrderInfoConfirm table tr th, #LPOrderEditComplete table tr td, #LPOrderEditComplete table tr th, #LPOrderEditConfirm table tr td, #LPOrderEditConfirm table tr th, #LP table tr td, #LP table tr th, #OrderInfoComplete table tr td, #OrderInfoComplete table tr th, #OrderInfoConfirm table tr td, #OrderInfoConfirm table tr th, #OrderInfoInput table tr td, #OrderInfoInput table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #Cart table tr th, #LPOrderInfoComplete table tr th, #LPOrderInfoConfirm table tr th, #LPOrderEditComplete table tr th, #LPOrderEditConfirm table tr th, #LP table tr th, #OrderInfoComplete table tr th, #OrderInfoConfirm table tr th, #OrderInfoInput table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center
  }

  #Cart textarea, #LPOrderInfoComplete textarea, #LPOrderInfoConfirm textarea, #LPOrderEditComplete textarea, #LPOrderEditConfirm textarea, #LP textarea, #OrderInfoComplete textarea, #OrderInfoConfirm textarea, #OrderInfoInput textarea{
    resize: vertical
  }

  #Cart .requiredTitle:after, #LP .requiredTitle:after, #LPOrderInfoComplete .requiredTitle:after, #LPOrderInfoConfirm .requiredTitle:after, #LPOrderEditComplete .requiredTitle:after, #LPOrderEditConfirm .requiredTitle:after, #OrderInfoComplete .requiredTitle:after, #OrderInfoConfirm .requiredTitle:after, #OrderInfoInput .requiredTitle:after{
    line-height: 19px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 3px);
    transform: translateY(-50%);
    background: #ff5a7d;
    color: #fff;
    content: "必須";
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 0 20px;
    border-radius: 0;
    padding: 0 8px;
    text-align: center
  }

  #Cart header #mainHeader #contactBtn, #LP header #mainHeader #contactBtn, #LPOrderInfoComplete header #mainHeader #contactBtn, #LPOrderInfoConfirm header #mainHeader #contactBtn, #LPOrderEditComplete header #mainHeader #contactBtn, #LPOrderEditConfirm header #mainHeader #contactBtn, #OrderInfoComplete header #mainHeader #contactBtn, #OrderInfoConfirm header #mainHeader #contactBtn, #OrderInfoInput header #mainHeader #contactBtn{
    margin-left: auto;
    padding: 3.2vw 0;
    margin-right: 10px
  }

  #Cart header #mainHeader #contactBtn a.green-btn, #LP header #mainHeader #contactBtn a.green-btn, #LPOrderInfoComplete header #mainHeader #contactBtn a.green-btn, #LPOrderInfoConfirm header #mainHeader #contactBtn a.green-btn, #LPOrderEditComplete header #mainHeader #contactBtn a.green-btn, #LPOrderEditConfirm header #mainHeader #contactBtn a.green-btn, #OrderInfoComplete header #mainHeader #contactBtn a.green-btn, #OrderInfoConfirm header #mainHeader #contactBtn a.green-btn, #OrderInfoInput header #mainHeader #contactBtn a.green-btn{
    display: block;
    position: relative;
    width: 120px;
    height: 9vw;
    line-height: 9vw;
    background-color: #ff9600;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    border-radius: 3px;
    float: left;
    padding-right: 5px;
    text-decoration: none
  }

  #Cart header #mainHeader #contactBtn a.green-btn:before, #LP header #mainHeader #contactBtn a.green-btn:before, #LPOrderInfoComplete header #mainHeader #contactBtn a.green-btn:before, #LPOrderInfoConfirm header #mainHeader #contactBtn a.green-btn:before, #LPOrderEditComplete header #mainHeader #contactBtn a.green-btn:before, #LPOrderEditConfirm header #mainHeader #contactBtn a.green-btn:before, #OrderInfoComplete header #mainHeader #contactBtn a.green-btn:before, #OrderInfoConfirm header #mainHeader #contactBtn a.green-btn:before, #OrderInfoInput header #mainHeader #contactBtn a.green-btn:before{
    right: 10px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/white_arrow.svg) no-repeat;
    background-size: 6px 9px
  }

  #Cart .mb15, #Cart .mt15, #LP .mb15, #LP .mt15, #LPOrderInfoComplete .mb15, #LPOrderInfoComplete .mt15, #LPOrderInfoConfirm .mb15, #LPOrderInfoConfirm .mt15, #LPOrderEditComplete .mb15, #LPOrderEditComplete .mt15, #LPOrderEditConfirm .mb15, #LPOrderEditConfirm .mt15, #OrderInfoComplete .mb15, #OrderInfoComplete .mt15, #OrderInfoConfirm .mb15, #OrderInfoConfirm .mt15, #OrderInfoInput .mb15, #OrderInfoInput .mt15{
    margin: 0 !important
  }

  #Cart #isMemberAgreementFlgItemWrap, #Cart #isUseAgreementFlgItemWrap, #LP #isMemberAgreementFlgItemWrap, #LP #isUseAgreementFlgItemWrap, #LPOrderInfoComplete #isMemberAgreementFlgItemWrap, #LPOrderInfoComplete #isUseAgreementFlgItemWrap, #LPOrderInfoConfirm #isMemberAgreementFlgItemWrap, #LPOrderInfoConfirm #isUseAgreementFlgItemWrap, #LPOrderEditComplete #isMemberAgreementFlgItemWrap, #LPOrderEditComplete #isUseAgreementFlgItemWrap, #LPOrderEditConfirm #isMemberAgreementFlgItemWrap, #LPOrderEditConfirm #isUseAgreementFlgItemWrap, #OrderInfoComplete #isMemberAgreementFlgItemWrap, #OrderInfoComplete #isUseAgreementFlgItemWrap, #OrderInfoConfirm #isMemberAgreementFlgItemWrap, #OrderInfoConfirm #isUseAgreementFlgItemWrap, #OrderInfoInput #isMemberAgreementFlgItemWrap, #OrderInfoInput #isUseAgreementFlgItemWrap{
    padding: 10px;
    text-align: left
  }

  #Cart #loginNoMember #dummyButton, #LP #loginNoMember #dummyButton, #LPOrderInfoComplete #loginNoMember #dummyButton, #LPOrderInfoConfirm #loginNoMember #dummyButton, #LPOrderEditComplete #loginNoMember #dummyButton, #LPOrderEditConfirm #loginNoMember #dummyButton, #OrderInfoComplete #loginNoMember #dummyButton, #OrderInfoConfirm #loginNoMember #dummyButton, #OrderInfoInput #loginNoMember #dummyButton{
    padding-left: 40px !important
  }

  #Cart #loginNoMember #wakaba, #LP #loginNoMember #wakaba, #LPOrderInfoComplete #loginNoMember #wakaba, #LPOrderInfoConfirm #loginNoMember #wakaba, #LPOrderEditComplete #loginNoMember #wakaba, #LPOrderEditConfirm #loginNoMember #wakaba, #OrderInfoComplete #loginNoMember #wakaba, #OrderInfoConfirm #loginNoMember #wakaba, #OrderInfoInput #loginNoMember #wakaba{
    margin-top: -70px;
    margin-left: calc(50% - 55px)
  }

  #Cart #titleItemWrap .heading-red-line{
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 22px;
    border: none;
    border-bottom: 2px solid #ffca7f;
    line-height: normal;
    padding: initial;
    box-shadow: none;
    background-color: initial;
    border-radius: initial
  }

  #Cart #titleItemWrap .heading-red-line:before{
    display: none
  }

  #Cart #toGoodsList_link{
    margin: 10px auto 0 !important
  }

  #cartArea{
    margin-bottom: 50px
  }

  #OrderInfoInput #buttonGroup{
    margin: 30px auto
  }

  #OrderInfoInput #reglScheduleList .mypage-purchase-history .purchase-history-list #purchaseHistoryItemListRegl .purchase-history-item tbody tr td:first-child .sp-table-detail{
    border-top: 1px solid #b7b7b7 !important
  }

  #cartOrderList{
    width: 100%
  }

  #cartOrderList table thead{
    display: none
  }

  #cartOrderList table tbody tr{
    border: none
  }

  #cartOrderList table tbody tr:not(:first-child){
    margin-top: 20px
  }

  #cartOrderList table tbody tr.resultsRow{
    display: none
  }

  #cartOrderList table tbody tr[id^="resultsRow_0_"] {
    display: block
  }

  #cartOrderList table tbody tr td{
    float: none;
    width: 100%;
    display: table;
    padding: 0;
    border: none
  }

  #cartOrderList table tbody tr td:not(:first-child) .sp-table-detail, #cartOrderList table tbody tr td:not(:first-child) .sp-table-heading{
    border-top: none
  }

  #cartOrderList table tbody tr td.resultsDeleteLinkPCCol{
    display: none
  }

  #cartOrderList table tbody tr td.resultsDeleteLinkSPCol{
    width: 100%;
    text-align: center;
    padding: 10px !important;
    border: 1px solid #b7b7b7;
    border-top: none;
    display: block
  }

  #cartOrderList table tbody tr td.resultsDeleteLinkSPCol input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 80px !important;
    width: 100% !important;
    display: inline-block
  }

  #cartOrderList table tbody tr td .sp-table-heading{
    width: 120px;
    vertical-align: middle;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    background-color: #f2f2f2
  }

  #cartOrderList table tbody tr td .sp-table-detail, #cartOrderList table tbody tr td .sp-table-heading{
    font-size: 14px;
    display: table-cell;
    padding: 10px;
    text-align: center;
    border: 1px solid #b7b7b7;
    color: #4d4d4d
  }

  #cartOrderList table tbody tr td .sp-table-detail.detailsImg{
    text-align: center
  }

  #cartOrderList table tbody tr td .sp-table-detail.detailsImg img{
    max-width: 150px
  }

  #cartOrderList table tbody tr td .sp-table-detail .special-GoodsTotalPrice{
    margin-top: 5px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #cartOrderList table tbody tr td .sp-table-detail .reglTerm{
    margin-top: 5px
  }

  #cartOrderList table tbody tr td .sp-table-detail .cart-btn{
    display: inline-block;
    background: #5fa976;
    color: #fff !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    padding: 5px 10px;
    text-align: center;
    max-width: 180px;
    margin: 5px auto 0;
    font-size: 14px;
    line-height: 15px
  }

  #cartOrderList table tbody tr td .sp-table-detail span.orderNumPreLabel:first-child{
    display: none
  }

  #orderListGroup{
    margin-top: 40px
  }

  #orderListGroup #orderList tbody tr{
    display: block;
    overflow: hidden;
    margin-bottom: 10px
  }

  #orderListGroup #orderList tbody tr:last-of-type{
    margin-bottom: 0
  }

  #orderListGroup #orderList tbody tr td{
    width: 100%;
    float: none;
    border: 1px solid #b7b7b7;
    border-top: none;
    padding: 10px;
    text-align: right
  }

  #orderListGroup #orderList tbody tr td:first-child{
    border-top: 1px solid #b7b7b7
  }

  #orderListGroup #orderList tbody tr td.orderGoodsImageCol{
    width: 100%;
    float: none;
    text-align: center
  }

  #orderListGroup #orderList tbody tr td.orderGoodsImageCol img{
    width: auto;
    height: 100px
  }

  #reglScheduleList .mypage-purchase-history{
    margin-top: 20px
  }

  #reglScheduleList .mypage-purchase-history .purchase-history-list .purchase-history-head{
    display: none
  }

  #reglScheduleList .mypage-purchase-history .purchase-history-list #purchaseHistoryItemListRegl .purchase-history-item tbody tr td .sp-table-detail{
    width: 100%;
    border: 1px solid #b7b7b7 !important;
    border-top: none !important
  }

  #reglScheduleList .mypage-purchase-history .purchase-history-list #purchaseHistoryItemListRegl .purchase-history-item tbody tr td > div{
    width: 100%
  }

  #reglScheduleList .mypage-purchase-history .purchase-history-list #purchaseHistoryItemListRegl .purchase-history-item tbody tr td > div > dl{
    width: 100%;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding: 15px;
    font-size: 14px
  }

  #cartSummaryGroup, #orderSummaryGroup{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
  }

  #cartSummaryGroup #promotionArea, #orderSummaryGroup #promotionArea{
    margin-top: 40px
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup:not(:first-child), #cartSummaryGroup #amountInfoGroup .totalLayoutGroup:not(:first-child), #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup:not(:first-child), #orderSummaryGroup #amountInfoGroup .totalLayoutGroup:not(:first-child){
    margin-top: 10px
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap{
    display: table;
    width: 100%
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:first-child .td, #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:first-child .th, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:first-child .td, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:first-child .th, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:first-child .td, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:first-child .th, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:first-child .td, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:first-child .th{
    border-bottom: 0
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:last-child .td, #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:last-child .th, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:last-child .td, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:last-child .th, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:last-child .td, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap:last-child .th, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:last-child .td, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap:last-child .th{
    border: 1px solid #b7b7b7
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap .th, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap .th, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap .th, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap .th{
    display: table-cell;
    width: 175px;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    text-align: center
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap .td, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap .td, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .itemWrap .td, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .itemWrap .td{
    display: table-cell;
    width: calc(100% - 175px);
    border: 1px solid #b7b7b7;
    border-bottom: none
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap{
    border: none
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td{
    background-color: #fff
  }

  #cartSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td .totalAmt2, #cartSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td .totalAmt2, #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup .totalAmt2ItemWrap .td .totalAmt2, #orderSummaryGroup #amountInfoGroup .totalLayoutGroup .totalAmt2ItemWrap .td .totalAmt2{
    color: #4d4d4d
  }

  #cartSummaryGroup #matomeOrderPremiumGroup, #cartSummaryGroup #orderPremiumGroup, #orderSummaryGroup #matomeOrderPremiumGroup, #orderSummaryGroup #orderPremiumGroup{
    order: 1
  }

  #cartInfoGroup{
    margin: 20px 0 40px
  }

  #cartInfoGroup .cart-Info-banner{
    padding: 10px
  }

  #cartInfoGroup .cart-Info-banner:nth-child(n+3){
    margin-top: 10px
  }

  #cartInfoGroup .cart-Info-banner .linkWrap .postageMsgLink{
    background: linear-gradient(#ccc, #ccc);
    display: block;
    width: 200px;
    margin: 5px auto 0;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    padding: 6px
  }

  #cartInfoGroup .banner-other-item{
    border: 2px solid #d67915
  }

  #cartInfoGroup .banner-other-item span.postageMsg{
    display: block;
    color: #d67915
  }

  #cartInfoGroup .banner-target-item{
    border: 2px solid #ef454a
  }

  #cartInfoGroup .banner-target-item span.postageMsg{
    display: block;
    color: #ef454a
  }

  .CartBottomInclude{
    width: 100% !important
  }

  #toGoodsList_link{
    max-width: 350px;
    margin: 10px auto 0
  }

  #LoginForm{
    margin-top: 40px
  }

  #LoginForm .login-box{
    width: 100%
  }

  #LoginForm .login-box:nth-child(2){
    margin-top: 20px
  }

  #LoginForm .login-box a:link, #LoginForm .login-box a:visited{
    color: #ff9600;
    text-decoration: underline
  }

  #LoginForm .login-box h3{
    font-size: 14px;
    line-height: 22px;
    padding: 8px 5px;
    width: 100%;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: center;
    color: #fff
  }

  #LoginForm .login-box .login-box-wrapper{
    padding: 10px
  }

  #LoginForm .login-box .login-box-wrapper .login-box-head p{
    font-size: 14px;
    line-height: 24px
  }

  #LoginForm .login-box .login-box-wrapper .login-box-head .radio-button-box{
    font-size: 14px;
    line-height: 30px
  }

  #LoginForm .login-box .login-box-wrapper .login-form{
    margin-top: 15px
  }

  #LoginForm .login-box .login-box-wrapper .login-form dl:nth-child(-n+2){
    margin-top: 10px
  }

  #LoginForm .login-box .login-box-wrapper .login-form dl dt label{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LoginForm .login-box .login-box-wrapper .login-form dl dd input{
    width: 100%
  }

  #LoginForm .login-box .login-box-wrapper .login-box-foot{
    margin-top: 15px
  }

  #LoginForm .login-box .login-box-wrapper .login-box-foot p{
    font-size: 14px;
    line-height: 14px;
    text-align: center
  }

  #LoginForm .login-box#loginMember{
    border: 1px solid #ff9600
  }

  #LoginForm .login-box#loginMember h3{
    background-color: #ff9600
  }

  #LoginForm .login-box#loginMember input[type=submit]{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block;
    margin: 20px 0 0
  }
}

@media screen and (max-width: 750px) and (min-width: 750px){
  #LoginForm .login-box#loginMember input[type=submit]{
    width: 100% !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #LoginForm .login-box#loginMember input[type=submit]{
    max-width: 100% !important;
    width: 100% !important
  }
}

@media screen and (max-width: 750px){
  #LoginForm .login-box#loginNoMember{
    border: 1px solid #81de8c
  }

  #LoginForm .login-box#loginNoMember h3{
    background-color: #81de8c
  }

  #LoginForm .login-box#loginNoMember input[type=button]{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #b7b7b7 !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: #81de8c !important;
    display: block;
    margin-top: 20px
  }

  #LoginForm .login-box#loginNoMember .login-box-head .radio-button-box{
    display: flex;
    flex-wrap: wrap
  }

  #LoginForm .login-box#loginNoMember .login-box-head .OrderLoginExpGuest{
    margin-top: 10px
  }

  #LoginForm .login-box.disabled .login-box-foot, #LoginForm .login-box.disabled .login-form{
    opacity: .5
  }

  #LoginForm .login-box.disabled .login-box-foot a{
    pointer-events: none
  }

  #deliveryTypeGroup{
    margin-top: 40px !important
  }

  #deliveryTypeGroup .table:last-of-type .tr:last-of-type .td{
    border-bottom: none !important
  }

  #destinationOptionGroup .appointedDeliveryDatePartsIncludeItemWrap, #destinationOptionGroup .deliveryRequestTypePartsIncludeItemWrap{
    margin-top: 10px;
    display: block;
    width: 100%
  }

  #destinationOptionGroup .appointedDeliveryDatePartsIncludeItemWrap > div, #destinationOptionGroup .deliveryRequestTypePartsIncludeItemWrap > div{
    border: none !important;
    background-color: #f7f7f7
  }

  #destinationOptionGroup .deliveryRequestCombobox, #destinationOptionGroup .deliveryRequestText{
    margin-top: 10px
  }

  #customerInfoGroup{
    margin-top: 40px !important
  }

  #customerInfoGroup #customerInfoInputLayout{
    margin-top: 10px
  }

  #customerInfoGroup #customerInfoInputLayout .orderNamePartsIncludeItemWrap{
    margin-top: 10px;
    display: block;
    width: 100%
  }

  #customerInfoGroup #customerInfoInputLayout .orderNamePartsIncludeItemWrap > div{
    border: none !important;
    background-color: #f7f7f7
  }

  #destNameSeiItemWrap .td .items, #destNameSeiKanaItemWrap .td .items, #orderNameSeiItemWrap .td .items, #orderNameSeiKanaItemWrap .td .items{
    display: flex;
    flex-wrap: wrap
  }

  #destNameSeiItemWrap .td .items > span[class*=PreLabel], #destNameSeiKanaItemWrap .td .items > span[class*=PreLabel], #orderNameSeiItemWrap .td .items > span[class*=PreLabel], #orderNameSeiKanaItemWrap .td .items > span[class*=PreLabel]{
    width: 20px;
    line-height: 40px;
    margin-right: 5px
  }

  #destNameSeiItemWrap .td .items input, #destNameSeiKanaItemWrap .td .items input, #orderNameSeiItemWrap .td .items input, #orderNameSeiKanaItemWrap .td .items input{
    width: calc(100% - 25px)
  }

  #birthdayYearItemWrap #birthdayYearTdSurround .items{
    display: flex;
    flex-wrap: wrap
  }

  #birthdayYearItemWrap #birthdayYearTdSurround .items #birthdayYear{
    width: 100%;
    margin-bottom: 10px
  }

  #birthdayYearItemWrap #birthdayYearTdSurround .items #birthdayDay, #birthdayYearItemWrap #birthdayYearTdSurround .items #birthdayMonth{
    width: calc(50% - 30px);
    margin: 0
  }

  #birthdayYearItemWrap #birthdayYearTdSurround .items span.suffixLabel{
    width: 30px;
    text-align: center;
    display: block;
    line-height: 38px
  }

  #orderEmailItemWrap .items > p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #666
  }

  #destinationSelectGroup{
    margin: 40px 0 0 !important
  }

  #destinationSelectGroup #destinationAlterLayoutGroup{
    margin-top: 10px
  }

  #destinationGroup{
    margin-top: 40px
  }

  #creditCardGroup{
    margin-top: 10px
  }

  #creditCardGroup .creditCardIncludeArea{
    padding: 0;
    margin-bottom: 10px
  }

  #creditCardGroup .creditCardIncludeArea h3{
    padding: 0 0 10px;
    margin-bottom: 10px
  }

  #creditCardGroup .creditCardIncludeArea h3 span{
    font-size: 18px;
    line-height: 40px
  }

  #creditCardGroup .creditCardIncludeArea p{
    padding: 0
  }

  #creditCardGroup #cardInfo{
    margin-top: 10px
  }

  #creditCardGroup #cardInfo #creditCardNoItemWrap .creditCardNoDescription{
    margin-top: 5px;
    font-size: 14px;
    line-height: 23px
  }

  #creditCardGroup #cardInfo .OrderInfoInputSecurityCode{
    border: 1px solid #b7b7b7;
    border-top: none;
    border-bottom: none;
    background-color: #fff
  }

  #creditCardGroup #cardInfo .OrderInfoInputSecurityCode .securityCodeArea{
    padding: 0 10px
  }

  #creditCardGroup #cardInfo .OrderInfoInputSecurityCode .securityCodeArea .securityCodeTitle + p{
    margin: 5px 0
  }

  #creditCardGroup #useCardTypeItemWrap label{
    margin-bottom: 5px;
    display: block
  }

  #usableCouponGroup{
    margin-top: 40px !important
  }

  #usableCouponGroup #mediaCouponLayoutGroup #couponCodeTdSurround .items{
    display: flex;
    flex-wrap: wrap
  }

  #usableCouponGroup #mediaCouponLayoutGroup #couponCodeTdSurround .items #couponCode{
    width: calc(100% - 55px)
  }

  #usableCouponGroup #mediaCouponLayoutGroup #couponCodeTdSurround .items #couponCodeApplyButton{
    width: 50px;
    margin: 0 0 0 5px
  }

  #useAgreementGroup{
    margin-top: 40px !important
  }

  #dispLastGroup .OrderInfoConfirmLast{
    text-align: left
  }

  #customerConfirmGroup, #destinationInfoGroup, #loginTitleIncludeItemWrap, #orderPremiumGroup, #paymentGroup, #paymentMethodGroup{
    margin-top: 40px !important
  }

  #loginLayoutGroup{
    margin: 20px 0 0
  }

  #LPOrderInfoConfirm span, #LPOrderEditConfirm span, #LP span{
    vertical-align: baseline
  }

  #LP .radiobuttonLabel.readonly, #LPOrderInfoConfirm .radiobuttonLabel.readonly, #LPOrderEditConfirm .radiobuttonLabel.readonly{
    background-color: #fff
  }

  #LP .contents, #LPOrderInfoConfirm .contents, #LPOrderEditConfirm .contents{
    padding: 0 10px
  }

  #LP .contents h3:after, #LPOrderInfoConfirm .contents h3:after, #LPOrderEditConfirm .contents h3:after{
    display: none !important
  }

  #LP .contents #orderListGroup select, #LPOrderInfoConfirm .contents #orderListGroup select, #LPOrderEditConfirm .contents #orderListGroup select{
    width: auto
  }

  #LP .contents #destinationLayoutGroup, #LP .contents #guestTabGuide_innerId, #LPOrderInfoConfirm .contents #destinationLayoutGroup, #LPOrderInfoConfirm .contents #guestTabGuide_innerId, #LPOrderEditConfirm .contents #destinationLayoutGroup, #LPOrderEditConfirm .contents #guestTabGuide_innerId{
    margin-top: 20px
  }

  #LP .contents #orderInfoInputDeliveryOptionPartsIncludeItemWrap, #LP .contents #pagePartsHtmlText_OrderInfoInputCustomer_innerId, #LPOrderInfoConfirm .contents #orderInfoInputDeliveryOptionPartsIncludeItemWrap, #LPOrderInfoConfirm .contents #pagePartsHtmlText_OrderInfoInputCustomer_innerId, #LPOrderEditConfirm .contents #orderInfoInputDeliveryOptionPartsIncludeItemWrap, #LPOrderEditConfirm .contents #pagePartsHtmlText_OrderInfoInputCustomer_innerId{
    display: none
  }

  #LP .contents #creditCardPartsItemWrap img, #LPOrderInfoConfirm .contents #creditCardPartsItemWrap img, #LPOrderEditConfirm .contents #creditCardPartsItemWrap img{
    width: 100%
  }

  #LP .contents #isOptin1IncludeItemWrap .items, #LPOrderInfoConfirm .contents #isOptin1IncludeItemWrap .items, #LPOrderEditConfirm .contents #isOptin1IncludeItemWrap .items{
    margin-top: 20px;
    text-align: center
  }

  #LP .contents #isOptin1IncludeItemWrap .items a, #LPOrderInfoConfirm .contents #isOptin1IncludeItemWrap .items a, #LPOrderEditConfirm .contents #isOptin1IncludeItemWrap .items a{
    text-decoration: underline
  }

  #LP #footer, #LPOrderInfoConfirm #footer, #LPOrderEditConfirm #footer, #BonusItemSelect #footer{
    text-align: center;
    padding: 8px 0;
    font-size: 13px;
    line-height: 22px;
    color: #000;
    background-color: #e5e5e5;
    width: 100%;
    margin-top: 160px;
    position: relative
  }

  #LP #footer:before, #LPOrderInfoConfirm #footer:before, #LPOrderEditConfirm #footer:before, #BonusItemSelect #footer:before{
    left: 0;
    top: -135px;
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-bottom: 15px;
    background: url(/assets/images_pc/common/bg_footer.png) repeat-x;
    background-size: contain
  }

  #LPOrderInfoConfirm textarea, #LPOrderEditConfirm textarea, #LP textarea{
    resize: vertical
  }

  #LP input.btn_1, #LPOrderInfoConfirm input.btn_1, #LPOrderEditConfirm input.btn_1{
    background: #2fa700 !important;
    border-color: #2fa700 !important
  }

  #LPOrderInfoConfirm span#orderAddress3_span, #LPOrderEditConfirm span#orderAddress3_span, #LP span#orderAddress3_span{
    display: inline-block;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 5px;
    color: red;
    text-align: center;
    letter-spacing: -1px
  }
}

@media screen and (max-width: 750px) and (max-width: 320px){
  #LPOrderInfoConfirm span#orderAddress3_span, #LPOrderEditConfirm span#orderAddress3_span, #LP span#orderAddress3_span{
    font-size: 10px;
    letter-spacing: -1.2px
  }
}

@media screen and (max-width: 750px){
  #LP #orderPostCodeTdSurround input[type=tel]:valid, #LPOrderInfoConfirm #orderPostCodeTdSurround input[type=tel]:valid, #LPOrderEditConfirm #orderPostCodeTdSurround input[type=tel]:valid{
    width: calc(100% - 110px);
    display: inline-block
  }

  #LP #orderPostCodeTdSurround input[type=button].orderPostCodeSearchButton, #LPOrderInfoConfirm #orderPostCodeTdSurround input[type=button].orderPostCodeSearchButton, #LPOrderEditConfirm #orderPostCodeTdSurround input[type=button].orderPostCodeSearchButton{
    display: inline-block;
    margin: 0
  }

  #LP #customerInfoTitleItemWrap, #LPOrderInfoConfirm #customerInfoTitleItemWrap, #LPOrderEditConfirm #customerInfoTitleItemWrap{
    margin-top: 40px !important
  }

  #LP #orderListGroup, #LPOrderInfoConfirm #orderListGroup, #LPOrderEditConfirm #orderListGroup{
    margin-top: 20px
  }

  #LP #htmlText_innerId div, #LPOrderInfoConfirm #htmlText_innerId div, #LPOrderEditConfirm #htmlText_innerId div{
    width: 100% !important
  }

  #LP .level_h3, #LPOrderInfoConfirm .level_h3, #LPOrderEditConfirm .level_h3{
    padding-bottom: 10px !important
  }

  #LPOrderInfoConfirm .clearfix .orderRegisterConfirmTotalAmountBreakdownListGroup .orderRegisterConfirmTotalAmountBreakdownThSurround, #LPOrderEditConfirm .clearfix .orderRegisterConfirmTotalAmountBreakdownListGroup .orderRegisterConfirmTotalAmountBreakdownThSurround {
    text-align: center !important;
  }

  #LP .table .th, #LPOrderInfoConfirm .table .th, #LPOrderEditConfirm .table .th{
    text-align: left !important
  }

  #LP .table .td, #LP .table .th, #LP .table td, #LP .table th, #LPOrderInfoConfirm .table .td, #LPOrderInfoConfirm .table .th, #LPOrderInfoConfirm .table td, #LPOrderInfoConfirm .table th, #LPOrderEditConfirm .table .td, #LPOrderEditConfirm .table .th, #LPOrderEditConfirm .table td, #LPOrderEditConfirm .table th{
    padding: 5px !important
  }

  #LP .table .td label, #LP .table .th label, #LP .table td label, #LP .table th label, #LPOrderInfoConfirm .table .td label, #LPOrderInfoConfirm .table .th label, #LPOrderInfoConfirm .table td label, #LPOrderInfoConfirm .table th label, #LPOrderEditConfirm .table .td label, #LPOrderEditConfirm .table .th label, #LPOrderEditConfirm .table td label, #LPOrderEditConfirm .table th label{
    font-size: 90%
  }

  #LP .required, #LP .required_condition, #LPOrderInfoConfirm .required, #LPOrderInfoConfirm .required_condition, #LPOrderEditConfirm .required, #LPOrderEditConfirm .required_condition{
    background: none
  }

  #LP .required:after, #LP .required_condition:after, #LPOrderInfoConfirm .required:after, #LPOrderInfoConfirm .required_condition:after, #LPOrderEditConfirm .required:after, #LPOrderEditConfirm .required_condition:after{
    float: none;
    margin-left: 10px;
    font-size: 11px;
    padding: 0 5px;
    line-height: 17px
  }

  #LP #orderListGroup #orderList, #LPOrderInfoConfirm #orderListGroup #orderList, #LPOrderEditConfirm #orderListGroup #orderList{
    margin-bottom: 0
  }

  #LP #orderListGroup #orderList tbody tr, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr, #LPOrderEditConfirm #orderListGroup #orderList tbody tr{
    overflow: hidden
  }

  #LP #orderListGroup #orderList tbody tr .td, #LP #orderListGroup #orderList tbody tr .th, #LP #orderListGroup #orderList tbody tr td, #LP #orderListGroup #orderList tbody tr th, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .td, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .th, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr td, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr th, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .td, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .th, #LPOrderEditConfirm #orderListGroup #orderList tbody tr td, #LPOrderEditConfirm #orderListGroup #orderList tbody tr th{
    border: none !important;
    padding: 0 !important
  }

  #LP #orderListGroup #orderList tbody tr .orderListGoodsName2Col, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListGoodsName2Col, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListGoodsName2Col{
    display: block;
    text-align: left
  }

  #LP #orderListGroup #orderList tbody tr .orderGoodsImageCol, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderGoodsImageCol, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderGoodsImageCol{
    display: block;
    width: 100px;
    float: left
  }

  #LP #orderListGroup #orderList tbody tr .orderListGoodsNameCol, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListGoodsNameCol, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListGoodsNameCol{
    display: none
  }

  #LP #orderListGroup #orderList tbody tr .orderListDispCancelLinedPriceNotInTaxCol, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListDispCancelLinedPriceNotInTaxCol, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListDispCancelLinedPriceNotInTaxCol{
    display: block;
    float: right;
    width: calc(100% - 110px);
    margin-top: 15px;
    margin-bottom: 10px;
    overflow: hidden
  }

  #LP #orderListGroup #orderList tbody tr .orderListDispCancelLinedPriceNotInTaxCol .orderListDispPriceNotInTaxTitle, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListDispCancelLinedPriceNotInTaxCol .orderListDispPriceNotInTaxTitle, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListDispCancelLinedPriceNotInTaxCol .orderListDispPriceNotInTaxTitle{
    display: block;
    float: left
  }

  #LP #orderListGroup #orderList tbody tr .orderListSaleClassifyCol, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListSaleClassifyCol, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListSaleClassifyCol{
    display: block;
    float: right;
    width: calc(100% - 110px);
    margin-bottom: 10px
  }

  #LP #orderListGroup #orderList tbody tr .orderListSaleClassifyCol select, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListSaleClassifyCol select, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListSaleClassifyCol select{
    width: 100%
  }

  #LP #orderListGroup #orderList tbody tr .orderListGoodsAmountCol, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListGoodsAmountCol, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListGoodsAmountCol{
    display: block;
    float: right;
    width: calc(100% - 110px)
  }

  #LP #orderListGroup #orderList tbody tr .orderListGoodsAmountCol .goodsAmount, #LPOrderInfoConfirm #orderListGroup #orderList tbody tr .orderListGoodsAmountCol .goodsAmount, #LPOrderEditConfirm #orderListGroup #orderList tbody tr .orderListGoodsAmountCol .goodsAmount{
    width: calc(100% - 47px)
  }

  #LP #ttotalPriceItemWrap, #LPOrderInfoConfirm #ttotalPriceItemWrap, #LPOrderEditConfirm #ttotalPriceItemWrap{
    display: table;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px
  }

  #LP #ttotalPriceItemWrap .th, #LPOrderInfoConfirm #ttotalPriceItemWrap .th, #LPOrderEditConfirm #ttotalPriceItemWrap .th{
    text-align: left
  }

  #LP #ttotalPriceItemWrap .td, #LPOrderInfoConfirm #ttotalPriceItemWrap .td, #LPOrderEditConfirm #ttotalPriceItemWrap .td{
    color: red
  }

  #LP #ttotalPriceItemWrap .td, #LP #ttotalPriceItemWrap .th, #LPOrderInfoConfirm #ttotalPriceItemWrap .td, #LPOrderInfoConfirm #ttotalPriceItemWrap .th, #LPOrderEditConfirm #ttotalPriceItemWrap .td, #LPOrderEditConfirm #ttotalPriceItemWrap .th{
    display: table-cell;
    border: none;
    background: none;
    padding: 5px
  }

  #LP #amountInfoLayoutGroup, #LPOrderInfoConfirm #amountInfoLayoutGroup, #LPOrderEditConfirm #amountInfoLayoutGroup{
    margin-top: 0;
    display: flex;
    flex-wrap: wrap
  }

  #LP #amountInfoLayoutGroup #ttotalPriceItemWrap, #LPOrderInfoConfirm #amountInfoLayoutGroup #ttotalPriceItemWrap #LPOrderEditConfirm #amountInfoLayoutGroup #ttotalPriceItemWrap{
    margin-bottom: 20px
  }

  #LP #amountInfoLayoutGroup #temporaryPointItemWrap, #LPOrderInfoConfirm #amountInfoLayoutGroup #temporaryPointItemWrap, #LPOrderEditConfirm #amountInfoLayoutGroup #temporaryPointItemWrap{
    order: 1
  }

  #LP #amountInfoLayoutGroup #dispCancelLineTPriceSumBeforetaxItemWrap, #LPOrderInfoConfirm #amountInfoLayoutGroup #dispCancelLineTPriceSumBeforetaxItemWrap, #LPOrderEditConfirm #amountInfoLayoutGroup #dispCancelLineTPriceSumBeforetaxItemWrap{
    order: 2
  }

  #LP #amountInfoLayoutGroup #tpostageItemWrap, #LPOrderInfoConfirm #amountInfoLayoutGroup #tpostageItemWrap, #LPOrderEditConfirm #amountInfoLayoutGroup #tpostageItemWrap{
    order: 3
  }

  #LP #amountInfoLayoutGroup #taxItemWrap, #LPOrderInfoConfirm #amountInfoLayoutGroup #taxItemWrap, #LPOrderEditConfirm #amountInfoLayoutGroup #taxItemWrap{
    order: 4
  }

  #LP #amountInfoLayoutGroup #tdiscountPromoBeforetaxItemWrap, #LPOrderInfoConfirm #amountInfoLayoutGroup #tdiscountPromoBeforetaxItemWrap, #LPOrderEditConfirm #amountInfoLayoutGroup #tdiscountPromoBeforetaxItemWrap{
    order: 5
  }

  #LP #amountInfoLayoutGroup .itemWrap .th, #LPOrderInfoConfirm #amountInfoLayoutGroup .itemWrap .th, #LPOrderEditConfirm #amountInfoLayoutGroup .itemWrap .th{
    text-align: left !important;
    background: none
  }

  #LP #amountInfoLayoutGroup .itemWrap .td, #LP #amountInfoLayoutGroup .itemWrap .th, #LPOrderInfoConfirm #amountInfoLayoutGroup .itemWrap .td, #LPOrderInfoConfirm #amountInfoLayoutGroup .itemWrap .th, #LPOrderEditConfirm #amountInfoLayoutGroup .itemWrap .td, #LPOrderEditConfirm #amountInfoLayoutGroup .itemWrap .th{
    padding: 10px 0;
    background: none;
    border: none !important;
    border-bottom: 1px solid #b7b7b7 !important
  }

  #LP #dispCancelLineTPriceSumBeforetaxTdSurround, #LP #dispCancelLineTPriceSumBeforetaxThSurround, #LPOrderInfoConfirm #dispCancelLineTPriceSumBeforetaxTdSurround, #LPOrderInfoConfirm #dispCancelLineTPriceSumBeforetaxThSurround, #LPOrderEditConfirm #dispCancelLineTPriceSumBeforetaxTdSurround, #LPOrderEditConfirm #dispCancelLineTPriceSumBeforetaxThSurround{
    padding-top: 10px !important
  }

  #LP #customerInfoGroup, #LPOrderInfoConfirm #customerInfoGroup, #LPOrderEditConfirm #customerInfoGroup{
    margin-top: 0 !important
  }

  #LP #orderNameSeiItemWrap .td .items, #LP #orderNameSeiKanaItemWrap .td .items, #LPOrderInfoConfirm #orderNameSeiItemWrap .td .items, #LPOrderInfoConfirm #orderNameSeiKanaItemWrap .td .items, #LPOrderEditConfirm #orderNameSeiItemWrap .td .items, #LPOrderEditConfirm #orderNameSeiKanaItemWrap .td .items{
    justify-content: space-between
  }

  #LP #orderNameSeiItemWrap .td .items input, #LP #orderNameSeiKanaItemWrap .td .items input, #LPOrderInfoConfirm #orderNameSeiItemWrap .td .items input, #LPOrderInfoConfirm #orderNameSeiKanaItemWrap .td .items input, #LPOrderEditConfirm #orderNameSeiItemWrap .td .items input, #LPOrderEditConfirm #orderNameSeiKanaItemWrap .td .items input{
    width: calc(50% - 5px);
    margin-bottom: 0
  }

  #LP #orderNameSeiItemWrap .td .items input:last-child, #LP #orderNameSeiKanaItemWrap .td .items input:last-child, #LPOrderInfoConfirm #orderNameSeiItemWrap .td .items input:last-child, #LPOrderInfoConfirm #orderNameSeiKanaItemWrap .td .items input:last-child, #LPOrderEditConfirm #orderNameSeiItemWrap .td .items input:last-child, #LPOrderEditConfirm #orderNameSeiKanaItemWrap .td .items input:last-child{
    margin-left: 5px
  }

  #LP #orderPostCodeTdSurround .items, #LPOrderInfoConfirm #orderPostCodeTdSurround .items, #LPOrderEditConfirm #orderPostCodeTdSurround .items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #LP #orderPostCodeTdSurround .items input[type=tel]:valid, #LPOrderInfoConfirm #orderPostCodeTdSurround .items input[type=tel]:valid, #LPOrderEditConfirm #orderPostCodeTdSurround .items input[type=tel]:valid{
    width: calc(100% - 114px);
    display: inline-block
  }

  #LP #destinationAlterLayoutGroup, #LP #paymentLayoutGroup, #LPOrderInfoConfirm #destinationAlterLayoutGroup, #LPOrderInfoConfirm #paymentLayoutGroup, #LPOrderEditConfirm #destinationAlterLayoutGroup, #LPOrderEditConfirm #paymentLayoutGroup{
    display: table;
    width: 100%
  }

  #LP #destinationAlterLayoutGroup .td, #LP #destinationAlterLayoutGroup .th, #LP #paymentLayoutGroup .td, #LP #paymentLayoutGroup .th, #LPOrderInfoConfirm #destinationAlterLayoutGroup .td, #LPOrderInfoConfirm #destinationAlterLayoutGroup .th, #LPOrderInfoConfirm #paymentLayoutGroup .td, #LPOrderInfoConfirm #paymentLayoutGroup .th, #LPOrderEditConfirm #destinationAlterLayoutGroup .td, #LPOrderEditConfirm #destinationAlterLayoutGroup .th, #LPOrderEditConfirm #paymentLayoutGroup .td, #LPOrderEditConfirm #paymentLayoutGroup .th{
    border: 1px solid #b7b7b7;
    padding: 10px
  }

  #LP #destinationAlterLayoutGroup .th, #LP #paymentLayoutGroup .th, #LPOrderInfoConfirm #destinationAlterLayoutGroup .th, #LPOrderInfoConfirm #paymentLayoutGroup .th, #LPOrderEditConfirm #destinationAlterLayoutGroup .th, #LPOrderEditConfirm #paymentLayoutGroup .th{
    color: #4d4d4d;
    font-size: 14px;
    border-bottom: none !important;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #LP #birthdayYearTdSurround .items, #LP #orderTelNoTdSurround .items, #LPOrderInfoConfirm #birthdayYearTdSurround .items, #LPOrderInfoConfirm #orderTelNoTdSurround .items, #LPOrderEditConfirm #birthdayYearTdSurround .items, #LPOrderEditConfirm #orderTelNoTdSurround .items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #LP #birthdayYearTdSurround .items input, #LP #birthdayYearTdSurround .items select, #LP #orderTelNoTdSurround .items input, #LP #orderTelNoTdSurround .items select, #LPOrderInfoConfirm #birthdayYearTdSurround .items input, #LPOrderInfoConfirm #birthdayYearTdSurround .items select, #LPOrderInfoConfirm #orderTelNoTdSurround .items input, #LPOrderInfoConfirm #orderTelNoTdSurround .items select, #LPOrderEditConfirm #birthdayYearTdSurround .items input, #LPOrderEditConfirm #birthdayYearTdSurround .items select, #LPOrderEditConfirm #orderTelNoTdSurround .items input, #LPOrderEditConfirm #orderTelNoTdSurround .items select{
    width: calc(33.33% - 7px) !important;
    margin-bottom: 0 !important
  }

  #LP #birthdayYearTdSurround .items .alertMessageContent, #LPOrderInfoConfirm #birthdayYearTdSurround .items .alertMessageContent #LPOrderEditConfirm #birthdayYearTdSurround .items .alertMessageContent{
    padding: 10px;
    width: 100%
  }

  #LP #loginNote_innerId, #LPOrderInfoConfirm #loginNote_innerId #LPOrderEditConfirm #loginNote_innerId{
    margin-bottom: 10px
  }

  #LP #destinationAlterLayoutGroup .th, #LP #paymentLayoutGroup .th, #LPOrderInfoConfirm #destinationAlterLayoutGroup .th, #LPOrderInfoConfirm #paymentLayoutGroup .th, #LPOrderEditConfirm #destinationAlterLayoutGroup .th, #LPOrderEditConfirm #paymentLayoutGroup .th{
    display: none
  }

  #LP #destinationAlterLayoutGroup .td, #LP #paymentLayoutGroup .td, #LPOrderInfoConfirm #destinationAlterLayoutGroup .td, #LPOrderInfoConfirm #paymentLayoutGroup .td, #LPOrderEditConfirm #destinationAlterLayoutGroup .td, #LPOrderEditConfirm #paymentLayoutGroup .td{
    padding: 0 !important;
    border: none !important
  }

  #LP #customerInfoTitleItemWrap, #LP #deliveryTypeGroup, #LP #destinationSelectGroup, #LP #orderPremiumGroup, #LP #orderSummaryGroup, #LP #paymentMethodGroup, #LP #useAgreementGroup, #LPOrderInfoConfirm #customerInfoTitleItemWrap, #LPOrderInfoConfirm #deliveryTypeGroup, #LPOrderInfoConfirm #destinationSelectGroup, #LPOrderInfoConfirm #orderPremiumGroup, #LPOrderInfoConfirm #orderSummaryGroup, #LPOrderInfoConfirm #paymentMethodGroup, #LPOrderInfoConfirm #useAgreementGroup, #LPOrderEditConfirm #customerInfoTitleItemWrap, #LPOrderEditConfirm #deliveryTypeGroup, #LPOrderEditConfirm #destinationSelectGroup, #LPOrderEditConfirm #orderPremiumGroup, #LPOrderEditConfirm #orderSummaryGroup, #LPOrderEditConfirm #paymentMethodGroup, #LPOrderEditConfirm #useAgreementGroup{
    margin-top: 20px !important
  }

  #LPOrderInfoConfirm #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup,
  #LPOrderInfoConfirm #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup,
  #LPOrderEditConfirm #orderSummaryGroup #amountInfoGroup .amountInfoLayoutGroup,
  #LPOrderEditConfirm #orderSummaryGroup #amountInfoGroup .orderRegisterConfirmTotalAmountBreakdownListGroup {
    margin: 0 auto 0em auto;
  }

  #LP #memberInputButtonGroup #memberSaveButton, #LP #submitArea #loginButtonItemWrap #loginButton, #LPOrderInfoConfirm #memberInputButtonGroup #memberSaveButton, #LPOrderInfoConfirm #submitArea #loginButtonItemWrap #loginButton{ #LPOrderEditConfirm #memberInputButtonGroup #memberSaveButton, #LPOrderEditConfirm #submitArea #loginButtonItemWrap #loginButton
    max-width: 100% !important;
    min-height: 60px !important;
    line-height: 60px !important;
    padding: 0 !important;
    font-size: 18px !important;
    background-color: #2fa700 !important
  }

  #LP #dispCancelLineTPriceSumBeforetax_innerId, #LPOrderInfoConfirm #dispCancelLineTPriceSumBeforetax_innerId, #LPOrderEditConfirm #dispCancelLineTPriceSumBeforetax_innerId{
    text-decoration: none
  }

  #LP #tdiscountPromoBeforetaxTdSurround span, #LPOrderInfoConfirm #tdiscountPromoBeforetaxTdSurround span, #LPOrderEditConfirm #tdiscountPromoBeforetaxTdSurround span{
    color: red !important
  }

  #LPOrderInfoConfirm #lpReturnButton, #LPOrderEditConfirm #lpReturnButton{
    min-height: 45px;
    height: auto;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    border: 2px solid #b7b7b7;
    color: #b7b7b7 !important;
    background-color: #fff;
    position: relative;
    text-decoration: none;
    max-width: 240px !important;
    width: 100% !important;
    margin: 0
  }

  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    display: block;
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    margin: 0
  }
}

@media screen and (max-width: 750px) and (min-width: 750px){
  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    width: 240px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    max-width: 240px !important;
    width: 100% !important
  }
}

@media screen and (max-width: 750px){
  #LPOrderInfoConfirm #buttonGroup .buttonWrap, #LPOrderEditConfirm #buttonGroup .buttonWrap{
    position: relative
  }

  #LPOrderInfoConfirm #buttonGroup .buttonWrap:before, #LPOrderEditConfirm #buttonGroup .buttonWrap:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/gray_arrow.svg) no-repeat;
    background-size: contain;
    transform: translateY(-50%) rotate(180deg);
    z-index: 1
  }

  #LPOrderInfoConfirm #buttonGroup .imglinkWrap, #LPOrderEditConfirm #buttonGroup .imglinkWrap{
    margin-bottom: 10px
  }

  #LPOrderInfoConfirm #buttonGroup .buttonWrap, #LPOrderInfoConfirm #buttonGroup .imglinkWrap, #LPOrderEditConfirm #buttonGroup .buttonWrap, #LPOrderEditConfirm #buttonGroup .imglinkWrap{
    width: 240px
  }

  #LPOrderInfoConfirm span#orderAddress3_span, #LPOrderEditConfirm span#orderAddress3_span{
    display: inline-block;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 5px;
    color: red;
    text-align: center;
    letter-spacing: -1px
  }
}

@media screen and (max-width: 750px) and (max-width: 320px){
  #LPOrderInfoConfirm span#orderAddress3_span, #LPOrderEditConfirm span#orderAddress3_span{
    font-size: 10px;
    letter-spacing: -1.2px
  }
}

@media screen and (max-width: 750px){
  #LPOrderInfoConfirm #completeButton_link, #LPOrderEditConfirm #completeButton_link{
    max-width: 100% !important;
    min-height: 60px !important;
    line-height: 60px !important;
    padding: 0 !important;
    font-size: 18px !important;
    background-color: #2fa700 !important
  }
}

@media print, screen and (min-width: 750px){
  #loginLayoutGroup{
    margin: 10px 0 0
  }

  #loginLayoutGroup .th{
    text-align: left !important
  }

  #loginLayoutGroup #loginIdItemWrap #loginIdTdSurround .items input[type=email]{
    width: 100%
  }

  #loginLayoutGroup #passwordItemWrap #passwordTdSurround .items .memberReminderLink{
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline
  }

  #webRegisterCustomerGroup{
    margin-top: 60px !important
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround .items #webRegisterCustomerExpPartsIncludeItemWrap{
    margin-top: 10px;
    display: block !important;
    width: 100%
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround .items #webRegisterCustomerExpPartsIncludeItemWrap #webRegisterCustomerExpPartsIncludeTdSurround{
    border: none !important;
    background: #f7f7f7
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround .items #webRegisterCustomerExpPartsIncludeItemWrap #webRegisterCustomerExpPartsIncludeTdSurround a{
    text-decoration: underline
  }

  #OrderInfoInput #regular_ttl_txt p.red{
    margin: 20px 0 4px;
    font-size: 20px;
    line-height: normal;
    padding: 0;
    display: block;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }
}

@media screen and (max-width: 750px){
  #loginLayoutGroup #passwordItemWrap #passwordTdSurround .items .memberReminderLink{
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline
  }

  #webRegisterCustomerGroup{
    margin-top: 40px !important
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup{
    margin: 0 !important
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround{
    border-bottom: 1px solid #b7b7b7
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround .items #webRegisterCustomerExpPartsIncludeItemWrap{
    margin-top: 10px;
    display: block !important;
    width: 100%
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround .items #webRegisterCustomerExpPartsIncludeItemWrap #webRegisterCustomerExpPartsIncludeTdSurround{
    border: none !important;
    background: #f7f7f7
  }

  #webRegisterCustomerGroup #webRegisterCustomerLayoutGroup #webRegisterCustomerRadioItemWrap #webRegisterCustomerRadioTdSurround .items #webRegisterCustomerExpPartsIncludeItemWrap #webRegisterCustomerExpPartsIncludeTdSurround a{
    text-decoration: underline
  }

  #webRegisterCustomerGroup #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordItemWrap #webRegisterCustomerPasswordThSurround{
    border-top: none !important
  }

  #webRegisterCustomerGroup #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordPartsIncludeItemWrap{
    display: block;
    width: 100%
  }

  #webRegisterCustomerGroup #webRegisterCustomerPasswordLayoutGroup #webRegisterCustomerPasswordPartsIncludeItemWrap > div{
    border: none !important;
    background-color: #f7f7f7
  }

  #webRegisterCustomerGroup #webRegisterCustomerPasswordLayoutGroup .items #webRegisterCustomerPassword{
    margin-top: 15px
  }

  #webRegisterCustomerGroup #webRegisterCustomerPasswordLayoutGroup .items > p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #666
  }

  #submitArea{
    margin: 20px auto 0 !important
  }

  #submitArea #loginButtonItemWrap{
    padding: 0 !important;
    margin: 0 !important
  }

  #submitArea #loginButtonItemWrap #loginButton{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    margin: 0;
    display: block
  }
}

@media screen and (max-width: 750px) and (min-width: 750px){
  #submitArea #loginButtonItemWrap #loginButton{
    width: 100% !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #submitArea #loginButtonItemWrap #loginButton{
    max-width: 100% !important;
    width: 100% !important
  }
}

@media screen and (max-width: 750px){
  #submitArea #amazonPayLoginIncludeItemWrap{
    margin: 0 !important
  }

  #OrderInfoInput #regular_ttl_txt p .red{
    margin: 20px 0 4px;
    font-size: 20px;
    line-height: normal;
    padding: 0;
    display: block;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important
  }

  #memberInputButtonGroup{
    margin: 20px 0 0 !important;
    text-align: center
  }

  #memberInputButtonGroup #memberSaveButton{
    height: auto !important;
    font-size: 14px !important;
    min-height: 45px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    margin: 0;
    display: inline-block
  }
}

@media screen and (max-width: 750px) and (min-width: 750px){
  #memberInputButtonGroup #memberSaveButton{
    width: 240px !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #memberInputButtonGroup #memberSaveButton{
    max-width: 240px !important;
    width: 100% !important
  }
}

@media screen and (max-width: 750px){
  #content_2{
    margin-bottom: 0 !important
  }

  #optinGroup2{
    margin-top: 0 !important
  }

  .tr:last-of-type{
    border-bottom: none !important
  }
}

@media print, screen and (min-width: 750px){
  #LoginFront form[name=formMain], #MemberExistCheck form[name=formMain], #ReminderPasswordComplete form[name=formMain], #ReminderPasswordInput form[name=formMain], #ReminderPasswordModComplete form[name=formMain], #ReminderPasswordModInput form[name=formMain]{
    padding: 20px 20px 0
  }

  #LoginFront .table > .tr .td, #LoginFront .table > .tr > .th, #MemberExistCheck .table > .tr .td, #MemberExistCheck .table > .tr > .th, #ReminderPasswordComplete .table > .tr .td, #ReminderPasswordComplete .table > .tr > .th, #ReminderPasswordInput .table > .tr .td, #ReminderPasswordInput .table > .tr > .th, #ReminderPasswordModComplete .table > .tr .td, #ReminderPasswordModComplete .table > .tr > .th, #ReminderPasswordModInput .table > .tr .td, #ReminderPasswordModInput .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #LoginFront .table > .tr > .th, #MemberExistCheck .table > .tr > .th, #ReminderPasswordComplete .table > .tr > .th, #ReminderPasswordInput .table > .tr > .th, #ReminderPasswordModComplete .table > .tr > .th, #ReminderPasswordModInput .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr > .th, #MemberExistCheck .table > .tr > .th, #ReminderPasswordComplete .table > .tr > .th, #ReminderPasswordInput .table > .tr > .th, #ReminderPasswordModComplete .table > .tr > .th, #ReminderPasswordModInput .table > .tr > .th{
    border-bottom: none
  }
}

@media print, screen and (min-width: 750px){
  #LoginFront .table > .tr > .th label, #MemberExistCheck .table > .tr > .th label, #ReminderPasswordComplete .table > .tr > .th label, #ReminderPasswordInput .table > .tr > .th label, #ReminderPasswordModComplete .table > .tr > .th label, #ReminderPasswordModInput .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr > .td, #MemberExistCheck .table > .tr > .td, #ReminderPasswordComplete .table > .tr > .td, #ReminderPasswordInput .table > .tr > .td, #ReminderPasswordModComplete .table > .tr > .td, #ReminderPasswordModInput .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr:last-of-type, #MemberExistCheck .table > .tr:last-of-type, #ReminderPasswordComplete .table > .tr:last-of-type, #ReminderPasswordInput .table > .tr:last-of-type, #ReminderPasswordModComplete .table > .tr:last-of-type, #ReminderPasswordModInput .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (min-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr:last-of-type > .td:last-of-type, #MemberExistCheck .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordComplete .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordInput .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordModComplete .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordModInput .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media print, screen and (min-width: 750px){
  #LoginFront table tr td, #LoginFront table tr th, #MemberExistCheck table tr td, #MemberExistCheck table tr th, #ReminderPasswordComplete table tr td, #ReminderPasswordComplete table tr th, #ReminderPasswordInput table tr td, #ReminderPasswordInput table tr th, #ReminderPasswordModComplete table tr td, #ReminderPasswordModComplete table tr th, #ReminderPasswordModInput table tr td, #ReminderPasswordModInput table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #LoginFront table tr th, #MemberExistCheck table tr th, #ReminderPasswordComplete table tr th, #ReminderPasswordInput table tr th, #ReminderPasswordModComplete table tr th, #ReminderPasswordModInput table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }

  #LoginFront textarea, #MemberExistCheck textarea, #ReminderPasswordComplete textarea, #ReminderPasswordInput textarea, #ReminderPasswordModComplete textarea, #ReminderPasswordModInput textarea{
    resize: vertical
  }

  #LoginFront a{
    text-decoration: underline
  }

  #LoginFront #layoutGroup{
    margin: 0
  }

  #LoginFront #layoutGroup #loginIdItemWrap input, #LoginFront #layoutGroup #passwordItemWrap input{
    width: 100%
  }

  #LoginFront #saveLoginIdGroup{
    margin-top: 10px
  }

  #LoginFront #saveLoginIdGroup #saveLoginId_label{
    margin: 0
  }

  #LoginFront #saveLoginIdGroup #saveLoginId_label input[type=checkbox]{
    margin: 0 5px 0 0
  }

  #LoginFront #loginButtonGroup{
    margin-top: 30px
  }

  #LoginFront #loginButtonGroup .facebookLoginIncludeItemWrap, #LoginFront #loginButtonGroup .googleLoginIncludeItemWrap, #LoginFront #loginButtonGroup .lineLoginIncludeItemWrap, #LoginFront #loginButtonGroup .yahooLoginIncludeItemWrap{
    margin: 0
  }

  #LoginFront #memberReminderGroup{
    margin-top: 10px
  }

  #LoginFront #memberReminderGroup #memberReminderLink_link{
    margin: 0
  }

  #LoginFront #netMemberAddButtonGroup{
    margin-top: 30px
  }

  #LoginFront #netMemberAddButtonGroup .netMemberAddButton{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 10px 25px 10px 10px !important;
    border-radius: 3px !important;
    color: #ff9600 !important;
    background-color: #fff !important;
    position: relative !important;
    border: 1px solid #ff9600 !important;
    text-decoration: none !important;
    max-width: 390px !important;
    width: 100% !important;
    display: block;
    margin: 0 auto
  }

  #LoginFront #netMemberAddButtonGroup .netMemberAddButton:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/orange_arrow.svg) no-repeat;
    background-size: contain
  }

  #MemberExistCheck #pagePartsHtmlText_MemberNetRegisterCheck_innerId p a{
    font-size: 14px !important;
    min-height: 45px !important;
    height: auto !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 25px 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    position: relative !important;
    text-decoration: none !important;
    border: none !important;
    max-width: 390px !important;
    width: 100% !important;
    display: block;
    margin: 0 auto
  }

  #MemberExistCheck #pagePartsHtmlText_MemberNetRegisterCheck_innerId p a:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 9px;
    transform: translateY(-50%);
    background: url(../images_pc/common/white_arrow.svg) no-repeat;
    background-size: contain
  }

  #MemberExistCheck #buttonGroup{
    display: flex;
    justify-content: center
  }

  #MemberExistCheck #buttonGroup #returnButtonItemWrap{
    margin-right: 10px;
    min-width: 240px
  }
}

@media screen and (max-width: 750px){
  #LoginFront form[name=formMain], #MemberExistCheck form[name=formMain], #ReminderPasswordComplete form[name=formMain], #ReminderPasswordInput form[name=formMain], #ReminderPasswordModComplete form[name=formMain], #ReminderPasswordModInput form[name=formMain]{
    padding: 20px 0 50px
  }

  #LoginFront .table > .tr .td, #LoginFront .table > .tr > .th, #MemberExistCheck .table > .tr .td, #MemberExistCheck .table > .tr > .th, #ReminderPasswordComplete .table > .tr .td, #ReminderPasswordComplete .table > .tr > .th, #ReminderPasswordInput .table > .tr .td, #ReminderPasswordInput .table > .tr > .th, #ReminderPasswordModComplete .table > .tr .td, #ReminderPasswordModComplete .table > .tr > .th, #ReminderPasswordModInput .table > .tr .td, #ReminderPasswordModInput .table > .tr > .th{
    padding: 15px;
    color: #4d4d4d;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #LoginFront .table > .tr > .th, #MemberExistCheck .table > .tr > .th, #ReminderPasswordComplete .table > .tr > .th, #ReminderPasswordInput .table > .tr > .th, #ReminderPasswordModComplete .table > .tr > .th, #ReminderPasswordModInput .table > .tr > .th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr > .th, #MemberExistCheck .table > .tr > .th, #ReminderPasswordComplete .table > .tr > .th, #ReminderPasswordInput .table > .tr > .th, #ReminderPasswordModComplete .table > .tr > .th, #ReminderPasswordModInput .table > .tr > .th{
    border-bottom: none
  }
}

@media screen and (max-width: 750px){
  #LoginFront .table > .tr > .th label, #MemberExistCheck .table > .tr > .th label, #ReminderPasswordComplete .table > .tr > .th label, #ReminderPasswordInput .table > .tr > .th label, #ReminderPasswordModComplete .table > .tr > .th label, #ReminderPasswordModInput .table > .tr > .th label{
    padding: 0 !important
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr > .td, #MemberExistCheck .table > .tr > .td, #ReminderPasswordComplete .table > .tr > .td, #ReminderPasswordInput .table > .tr > .td, #ReminderPasswordModComplete .table > .tr > .td, #ReminderPasswordModInput .table > .tr > .td{
    border-bottom: none
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr:last-of-type, #MemberExistCheck .table > .tr:last-of-type, #ReminderPasswordComplete .table > .tr:last-of-type, #ReminderPasswordInput .table > .tr:last-of-type, #ReminderPasswordModComplete .table > .tr:last-of-type, #ReminderPasswordModInput .table > .tr:last-of-type{
    border: none
  }
}

@media screen and (max-width: 750px) and (max-width: 750px){
  #LoginFront .table > .tr:last-of-type > .td:last-of-type, #MemberExistCheck .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordComplete .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordInput .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordModComplete .table > .tr:last-of-type > .td:last-of-type, #ReminderPasswordModInput .table > .tr:last-of-type > .td:last-of-type{
    border: 1px solid #b7b7b7 !important
  }
}

@media screen and (max-width: 750px){
  #LoginFront table tr td, #LoginFront table tr th, #MemberExistCheck table tr td, #MemberExistCheck table tr th, #ReminderPasswordComplete table tr td, #ReminderPasswordComplete table tr th, #ReminderPasswordInput table tr td, #ReminderPasswordInput table tr th, #ReminderPasswordModComplete table tr td, #ReminderPasswordModComplete table tr th, #ReminderPasswordModInput table tr td, #ReminderPasswordModInput table tr th{
    padding: 15px;
    color: #4d4d4d !important;
    font-size: 14px;
    border: 1px solid #b7b7b7
  }

  #LoginFront table tr th, #MemberExistCheck table tr th, #ReminderPasswordComplete table tr th, #ReminderPasswordInput table tr th, #ReminderPasswordModComplete table tr th, #ReminderPasswordModInput table tr th{
    background-color: #f2f2f2;
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    text-align: left
  }

  #LoginFront textarea, #MemberExistCheck textarea, #ReminderPasswordComplete textarea, #ReminderPasswordInput textarea, #ReminderPasswordModComplete textarea, #ReminderPasswordModInput textarea{
    resize: vertical
  }

  #LoginFront a{
    text-decoration: underline
  }

  #LoginFront #dispInfoItemWrap p.t_center.mb15{
    margin: 0 !important;
    text-align: left !important
  }

  #LoginFront #loginInputGroup{
    margin-top: 30px
  }

  #LoginFront #loginInputGroup #layoutGroup{
    margin: 0
  }

  #LoginFront #loginInputGroup #layoutGroup #loginIdItemWrap input, #LoginFront #loginInputGroup #layoutGroup #passwordItemWrap input{
    width: 100%
  }

  #LoginFront #loginInputGroup #saveLoginIdGroup{
    margin-top: 10px
  }

  #LoginFront #loginInputGroup #saveLoginIdGroup #saveLoginId_label{
    margin: 0
  }

  #LoginFront #loginInputGroup #saveLoginIdGroup #saveLoginId_label input[type=checkbox]{
    margin: 0 5px 0 0
  }

  #LoginFront #loginInputGroup #loginButtonGroup{
    margin-top: 30px
  }

  #LoginFront #loginInputGroup #loginButtonGroup .facebookLoginIncludeItemWrap, #LoginFront #loginInputGroup #loginButtonGroup .googleLoginIncludeItemWrap, #LoginFront #loginInputGroup #loginButtonGroup .lineLoginIncludeItemWrap, #LoginFront #loginInputGroup #loginButtonGroup .yahooLoginIncludeItemWrap{
    margin: 0
  }

  #LoginFront #loginInputGroup #memberReminderGroup{
    margin-top: 10px
  }

  #LoginFront #loginInputGroup #memberReminderGroup #memberReminderLink_link{
    margin: 0
  }

  #LoginFront #netMemberAddButtonGroup{
    margin-top: 30px
  }

  #LoginFront #netMemberAddButtonGroup .netMemberAddButton{
    min-height: 45px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 10px 25px 10px 10px !important;
    border-radius: 3px !important;
    color: #ff9600 !important;
    background-color: #fff !important;
    position: relative !important;
    border: 1px solid #ff9600 !important;
    text-decoration: none !important;
    max-width: 390px !important;
    width: 100% !important;
    display: block;
    margin: 0 auto
  }

  #LoginFront #netMemberAddButtonGroup .netMemberAddButton:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 6px;
    height: 9px;
    background: url(../images_pc/common/orange_arrow.svg) no-repeat;
    background-size: contain
  }

  #LoginFront #bottomGroup .text{
    width: 100%
  }

  #LoginFront #bottomGroup #contact_call{
    margin-top: 10px !important;
    width: 100%
  }

  #MemberExistCheck #pagePartsHtmlText_MemberNetRegisterCheck_innerId p{
    text-align: left !important
  }

  #MemberExistCheck #pagePartsHtmlText_MemberNetRegisterCheck_innerId p br{
    display: none
  }

  #MemberExistCheck #pagePartsHtmlText_MemberNetRegisterCheck_innerId p a{
    font-size: 14px !important;
    min-height: 45px !important;
    height: auto !important;
    line-height: 23px !important;
    text-align: center !important;
    padding: 11px 25px 11px 10px !important;
    border-radius: 3px !important;
    color: #fff !important;
    background-color: #ff9600 !important;
    position: relative !important;
    text-decoration: none !important;
    border: none !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block
  }

  #MemberExistCheck #pagePartsHtmlText_MemberNetRegisterCheck_innerId p a:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 9px;
    transform: translateY(-50%);
    background: url(../images_pc/common/white_arrow.svg) no-repeat;
    background-size: contain
  }

  #MemberExistCheck #telNo1TdSurround .items input{
    width: calc(33% - 8.7px)
  }

  #ReminderPasswordInput #nameMeiKanaPreLabel, #ReminderPasswordInput #nameSeiKanaPreLabel{
    display: block;
    width: 100%;
    text-align: left
  }
}

@media screen and (max-width: 750px){
  #ReminderPasswordInput form[name=formMain]{
    padding: 20px 0 50px
  }

  #ReminderPasswordInput #layoutGroup{
    margin: 0 !important
  }
}

@media screen and (max-width: 750px){
  #LP .table > .tr:last-of-type > .td:last-of-type.transporterCodeTdSurround.only_1column{
    border-bottom: 1px solid #b7b7b7 !important
  }
}




@media print, screen and (min-width: 750px) {
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price {
    width: 100%;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    align-items: flex-start!important;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .tag {
    border: 1px solid #ff0000;
    color: #ff0000;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 1px 5px;
    align-self: flex-start;
    font-weight: bold;
    font-family: "A1 Gothic M", sans-serif;
    margin-bottom: 8px;
    margin-right: 5px;
    margin-top: 2px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price {
    color: #ff0000;
    font-size: 32px;
    font-weight: bold;
    line-height: 24px;
    font-family: "FP-HiraKakuProN-W6", sans-serif !important;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price span {
    font-size: 16px;
    font-weight: normal;
    color: #000;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price span.ennStyle {
    color: #ff0000;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price span:not(.ennStyle) {
    display: block;
    margin-top: 4px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price span:not(.ennStyle) br {
    display: none;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .goods-quantity label{
    font-size: 15px;
    text-align: center;
    font-weight: bold;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .pink-btn {
    border: 1px solid #ff0000;
    border-radius: 3px;
    color: #ff0000;
    display: block;
    float: right;
    font-size: 15px;
    line-height: 20px;
    padding: 17px 0;
    position: relative;
    text-align: center;
    width: 173px;
    height:54px;
    font-weight: bold;
    font-family: "A1 Gothic M", sans-serif;
    background-color: #fff;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .pink-btn::before {
    background: url(/assets/images_pc/common/red_cart_icon.svg) no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: top;
    content: "";
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-right: 7px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price a.close-btn {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #ccc;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 20px;
    margin: 10.5px 5px 10.5px 0;
    padding: 5px 0;
    pointer-events: none;
    position: relative;
    text-align: center;
    width: 160px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price {
    display: flex;
    justify-content: space-between;
    align-items: flex-start!important;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .tag {
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 1px 5px;
    align-self: flex-start;
    font-weight: bold;
    font-family: "A1 Gothic M", sans-serif;
    margin-bottom: 8px;
    margin-right: 5px;
    margin-top: 2px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .price {
    color: #000;
    font-size: 32px;
    line-height: 24px;
    font-weight: bold;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .price span {
    font-size: 16px;
    font-weight: normal;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .price span:not(.ennStyle) {
    display: block;
    margin-top: 4px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .price span:not(.ennStyle) br{
    display: none;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .goods-quantity label{
    font-size: 15px;
    text-align: center;
    font-weight: bold;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .green-btn {
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding: 17px 0;
    position: relative;
    text-align: center;
    width: 173px;
    height:54px;
    font-weight: bold;
    font-family: "A1 Gothic M", sans-serif;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .green-btn::before {
    background: url(/assets/images_pc/common/black_cart_icon.svg) no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: top;
    content: "";
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-right: 7px;
  }

  #GoodsDetailCart {
    min-height: 480px;
    padding: 60px 25px;
    background-size: 100% auto;
    background-position: center left;
    background-repeat: no-repeat;
  }
  #GoodsDetailCart .goods-detail-cart-box {
    width: 500px;
    padding: 15px;
    background-color: #fff;
    margin-left: auto;
  }
  #GoodsDetailCart .goods-detail-cart-box .top {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
    padding-left: 5px;
    overflow: hidden;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 {
    font-size: 22px;
    line-height: 23px;
    font-weight: normal;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 .deals-balloon {
    display: inline-block;
    margin-left: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4.5px 12px;
    color: #000;
    background-color: #fff000;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    vertical-align: text-bottom;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 .deals-balloon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 17px solid #fff000;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 .deals-balloon span {
    color: #ff0000;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm {
    padding-left: 5px;
    margin-top: 10px;
    display: flex;
    align-items: flex-end;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span {
    display: block;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span:first-child {
    font-size: 14px;
    line-height: 14px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span:nth-child(2) {
    margin-top: 7px;
    font-size: 29px;
    line-height: 29px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span:nth-child(2) span {
    vertical-align: text-top;
    /* display: inline-block; */
    font-size: 16px;
    line-height: 29px;
    margin: 0 -4px 0;
    color: #000;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity {
    float: left;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity label {
    display: block;
    font-size: 14px;
    line-height: 14px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity select {
    border-color: #b2b2b2;
    background-color: #fff;
    margin-top: 5px;
    width: 65px;
    height: 33px;
    font-size: 16px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .cart-button {
    margin: 12px 0 0 8px;
    float: right;
    display: block;
    max-width: 219px;
    flex: 1;
    line-height: 19px;
    font-size: 18px;
    color: #fff;
    padding: 9px 0 11px 35px;
    position: relative;
    background-color: #000;
    text-align: center;
    border-radius: 4px;
    font-family: "Shin Go Regular", "Shin Go Medium", sans-serif;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .cart-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 21px;
    height: 20px;
  }
  #GoodsDetailCart .subscriptions {
    border: 1px solid #ff5a7d;
  }
  #GoodsDetailCart .subscriptions .top h3 {
    color: #ff5a7d;
  }
  #GoodsDetailCart .subscriptions .botttm .goods-price span:nth-child(2) {
    font-weight: bold;
    color: #ff5a7d;
    letter-spacing: -0.02em;
    font-family: "FP-HiraKakuProN-W6", sans-serif !important;
  }
  #GoodsDetailCart .subscriptions .botttm .goods-price span:nth-child(2) span {
    font-weight: normal;
  }
  #GoodsDetailCart .subscriptions .botttm .cart-button {
    background-color: #ff5a7d;
  }
  #GoodsDetailCart .subscriptions .botttm .cart-button::before {
    background: url(../images_pc/common/cart2.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #GoodsDetailCart .regular-purchase {
    margin-top: 15px;
    border: 1px solid #d9d9d9;
  }
  #GoodsDetailCart .regular-purchase .botttm .cart-button {
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #fff;
  }
  #GoodsDetailCart .regular-purchase .botttm .cart-button::before {
    background: url(../images_pc/common/pink_cart_icon.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
@media screen and (max-width: 750px) {
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price {
    width: 100%;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price {
    margin-bottom: 15px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price::after {
    clear: both;
    content: "";
    display: table;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail {
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .tag {
    border: 1px solid #ff0000;
    color: #ff0000;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding: 1px 5px;
    width: 56px;
    align-self: flex-start;
    margin-right: 10px;
    margin-bottom: 7px;
    margin-top: 2px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price {
    color: #ff0000;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    font-family: "FP-HiraKakuProN-W6", sans-serif !important;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price span {
    font-size: 13px;
    font-weight: normal;
    color: #000;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .price-detail .price span.ennStyle {
    color: #ff0000;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .goods-quantity label{
    margin: 0;
    text-align: center;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .pink-btn {
    border: 1px solid #ff0000;
    border-radius: 3px;
    color: #ff0000;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 10px;
    padding: 16px 0;
    position: relative;
    text-align: center;
    width: 130px!important;
    margin-left: 10px;
    height: 47px;
    font-weight: bold;
    font-family: "A1 Gothic M", sans-serif;
    background-color: #fff;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .pink-btn::before {
    background: url(/assets/images_pc/common/red_cart_icon.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 13px;
    width: 14px;
    display: inline-block;
    margin-right: 5px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .close-btn {
    background-color: #ccc;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: right;
    font-size: 10px;
    line-height: 13px;
    margin: 8.5px 0;
    padding: 5px 0 5px 20px;
    pointer-events: none;
    position: relative;
    text-align: center;
    width: 125px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .regularly-price .close-btn::before {
    background: url(/assets/images_pc/common/cart2.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: "";
    height: 13px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price::after {
    clear: both;
    content: "";
    display: table;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail {
    float: left;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .tag {
    border: 1px solid #000;
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding: 1px 5px;
    width: 56px;
    align-self: flex-start;
    margin-right: 10px;
    margin-bottom: 7px;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .price {
    color: #000;
    font-size: 24px;
    line-height: 18px;
    font-family: "FP-HiraKakuProN-W6", sans-serif !important;
    font-weight: bold;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .price-detail .price span {
    font-size: 13px;
    font-weight: normal;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .goods-quantity label{
    margin: 0;
    text-align: center;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .green-btn {
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 3px;
    color: #000;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 10px;
    padding: 16px 0;
    position: relative;
    text-align: center;
    width: 130px!important;
    margin-left: 10px;
    height: 47px;
    font-weight: bold;
    font-family: "A1 Gothic M", sans-serif;
  }
  #AllItemList #AllItemListWrap .all-item-list-container .item-list-box .item-list-price .normal-price .green-btn::before {
    background: url(/assets/images_pc/common/black_cart_icon.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 13px;
    width: 14px;
    display: inline-block;
    margin-right: 5px;
  }

  #GoodsDetailCart {
    padding: 10px;
    background-image: none !important;
  }
  #GoodsDetailCart .goods-detail-cart-box {
    width: 100%;
    padding: 10px;
    background-color: #fff;
  }
  #GoodsDetailCart .goods-detail-cart-box .top {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 {
    font-size: 22px;
    line-height: 32px;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 .deals-balloon {
    display: inline-block;
    border-radius: 3px;
    padding: 5px 12px 4px;
    background-color: #fff000;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    color: #000;
    float: right;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 .deals-balloon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 17px solid #fff000;
  }
  #GoodsDetailCart .goods-detail-cart-box .top h3 .deals-balloon span {
    color: #ff0000;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm {
    margin-top: 10px;
    overflow: hidden;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price {
    float: left;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span {
    display: block;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span:first-child {
    font-size: 14px;
    line-height: 14px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span:nth-child(2) {
    margin-top: 27px;
    font-size: 25px;
    line-height: 25px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price .includeOrderPrice {
    margin-top: 27px !important;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-price span:nth-child(2) span {
    /* vertical-align: text-top; */
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin: 0 -5px 0;
    color: #000;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity {
    float: right;
    margin-left: 10px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity label {
    display: block;
    font-size: 14px;
    line-height: 14px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity select {
    border-color: #b2b2b2;
    background-color: #fff;
    margin-top: 5px;
    width: 65px;
    height: 33px;
    font-size: 16px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity .includeOrderNum,
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity .includeOrderNum2,
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity .includeOrderNum3,
  #GoodsDetailCart .goods-detail-cart-box .botttm .goods-quantity .includeOrderNum4 {
    border-color: #b2b2b2;
    background-color: #fff;
    margin-top: 5px;
    width: 90px;
    height: 33px;
    font-size: 16px;
  }
  #fixedCartForm .goods-detail-cart-box .botttm .goods-quantity select {
    border-color: #b2b2b2;
    background-color: #fff;
    margin-top: 5px;
    width: 65px;
    height: 33px;
    font-size: 16px;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .cart-button {
    margin: 12px 0 0 0;
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    padding-left: 35px;
    position: relative;
    background-color: #000;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: "Shin Go Regular", "Shin Go Medium", sans-serif;
  }
  #GoodsDetailCart .goods-detail-cart-box .botttm .cart-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    width: 21px;
    height: 20px;
    background: url(../images_pc/common/cart2.svg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #GoodsDetailCart .subscriptions {
    border: 1px solid #ff5a7d;
  }
  #GoodsDetailCart .subscriptions .top h3 {
    color: #ff5a7d;
  }
  #GoodsDetailCart .subscriptions .botttm .goods-price span:nth-child(2) {
    font-weight: bold;
    font-family: "FP-HiraKakuProN-W6", sans-serif !important;
    color: #ff5a7d;
    letter-spacing: -0.02em;
  }
  #GoodsDetailCart .subscriptions .botttm .goods-price span:nth-child(2) span {
    font-weight: normal;
  }
  #GoodsDetailCart .subscriptions .botttm .cart-button {
    background-color: #ff5a7d;
  }
  #GoodsDetailCart .regular-purchase {
    margin-top: 15px;
    border: 1px solid #d9d9d9;
  }
  #GoodsDetailCart .regular-purchase .botttm .cart-button {
    background-color: #fff;
    color: #ff5a7d;
    border: 1px solid #ff5a7d;
  }
  #GoodsDetailCart .regular-purchase .botttm .cart-button::before {
    content: "";
    background: url(../images_pc/common/pink_cart_icon.svg) no-repeat;
  }
}
@media screen and (max-width: 750px){
  #fixedCartForm .subscriptions .botttm .goods-price span:nth-child(2){
    font-weight: 700;
    font-family: FP-HiraKakuProN-W6, sans-serif !important;
    color: #ff5a7d;
    letter-spacing: -.02em
  }
  #fixedCartForm .goods-detail-cart-box .botttm .goods-price span:nth-child(2){
    margin-top: 27px;
    font-size: 25px;
    line-height: 25px
  }
  #fixedCartForm .goods-detail-cart-box .botttm .goods-price span:nth-child(2) span{
    /* vertical-align: text-top; */
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin: 0 -5px;
    color: #000;
  }
  #fixedCartForm .subscriptions .botttm .goods-price span:nth-child(2) span{
    font-weight: 400
  }
  #fixedCartForm .goods-detail-cart-box .botttm .goods-price{
    float: left
  }
  #fixedCartForm .goods-detail-cart-box .botttm{
    margin-top: 10px;
    overflow: hidden
  }
}


#BHInformation .pink{
  color: #f19dc1;
}

#BHInformation .orenge{
  color: #ff9600;
}

#BHInformation .green{
  color: #91d25f;
}

body#RegularScheduleDetail #cancel2ButtonItemWrap #cancel2Button {
  font-size: 14px!important;
  border-radius: 3px!important;
  font-weight: 400!important;
  height: auto!important;
  line-height: 23px!important;
  min-height: 45px!important;
  padding: 11px 10px!important;
  text-align: center!important;
  text-decoration: none!important;

}

body#RegularScheduleDetail #buttonGroup #returnButton {
  border-width: 1px;
  padding: 11px;
}

/* purple button */

body#RegularScheduleDetail #buttonGroup #stopButtonItemWrap #stopButton,
body#RegularScheduleDetail #cancel2ButtonItemWrap #cancel2Button,
body#RegularChangeCancel #cancelArea #stopButtonGroup #stopButtonItemWrap #stopButton,
body#RegularChangeCancel #wrap #topGroupName #cancelArea #cancelChangeInfomationLink2ItemWrap a,
body#RegularChangeCancel #cancelArea #cancelButtonGroup #cancelButtonGroup #cancelConfirmButtonItemWrap #cancelConfirmButton,
body#RegularCancelConfirmLife #otherArea #buttonGroup #stopButtonItemWrap #stopButton,
body#RegularChangeAllInput #buttonGroup #confirmButtonItemWrap #confirmButton,
#RegularSchedule .purchase-history-item.reglList a.reglOrderDetailLink {
  background-color: #ffffff !important;
  border: 1px solid #7487d6 !important;
  color: #7487d6 !important;
  transition: background-color 0.3s, color 0.3s;
}

body#RegularScheduleDetail #buttonGroup #stopButtonItemWrap #stopButton:hover,
body#RegularScheduleDetail #cancel2ButtonItemWrap #cancel2Button:hover,
body#RegularChangeCancel #cancelArea #stopButtonGroup #stopButtonItemWrap #stopButton:hover,
body#RegularChangeCancel #wrap #topGroupName #cancelArea #cancelChangeInfomationLink2ItemWrap a:hover,
body#RegularChangeCancel #cancelArea #cancelButtonGroup #cancelButtonGroup #cancelConfirmButtonItemWrap #cancelConfirmButton:hover,
body#RegularCancelConfirmLife #otherArea #buttonGroup #stopButtonItemWrap #stopButton:hover,
body#RegularChangeAllInput #buttonGroup #confirmButtonItemWrap #confirmButton:hover,
#RegularSchedule .purchase-history-item.reglList a.reglOrderDetailLink:hover {
  background-color: #7487d6!important;
  color: #fff!important;
  opacity: 1;
}


/* red button */

.regularGoodsList td.buttonWrap input.changeButton,
#RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton,
#pagePartsHtmlText_RegularChangeAllPointInfomation_innerId input[type="button"],
body#RegularChangeCancel #wrap #topGroupName #cancelArea #cancelChangeInfomationGroup .heading a,
body#RegularChangeCancel #topGroupName #cancelArea #replyButtonGroup #replyButtonItemWrap #replyButton,
body#RegularCancelConfirmLife #otherArea #buttonGroup #cancelButtonItemWrap #cancelButton {
  background-color: #fff!important;
  color: #ff0000!important;
  border: 1px solid #ff0000!important;
  transition: color .3s, background-color .3s!important;
}

.regularGoodsList td.buttonWrap input.changeButton:hover,
#RegularChangeAllInput #orderInfoArea #addReglGoodsButtonItemWrap .items #addReglGoodsButton:hover,
#pagePartsHtmlText_RegularChangeAllPointInfomation_innerId input[type="button"]:hover,
body#RegularChangeCancel #wrap #topGroupName #cancelArea #cancelChangeInfomationGroup .heading a:hover,
body#RegularChangeCancel #topGroupName #cancelArea #replyButtonGroup #replyButtonItemWrap #replyButton:hover,
body#RegularCancelConfirmLife #otherArea #buttonGroup #cancelButtonItemWrap #cancelButton:hover {
  background-color: #ff0000!important;
  color: #ffffff!important;
  opacity: 1!important;
}

a.reglOrderDetailLink {
  background: #2fa700 !important;
  border-color: #2fa700 !important;
  color: #fff !important;
}

a.reglOrderDetailLink:hover {
  background-color: #fff!important;
  color: #2fa700 !important;
}

@media print, screen and (min-width: 750px){
  #RegularChangeAllConfirm #buttonGroup #changeButtonItemWrap{
    order: 1;
    margin-left: 10px;
  }
}

#OrderInfoInput #saveButton {
  transition: opacity .3s!important;
}

#OrderInfoInput #saveButton:hover {
  background-color: #ff0000!important;
  color: #ffffff!important;
  opacity: 0.5!important;
}

.goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogTableContents .goodsList td.goodsListGoodsListSelectButtonCol input[type="button"]{
  appearance: none;
  background-color: #fff!important;
  border: 1px solid #7487d6!important;
  border-radius: 3px!important;
  color: #7487d6!important;
  font-size: 14px!important;
  font-weight: 400!important;
  height: auto!important;
  line-height: 23px!important;
  max-width: 100%!important;
  min-height: 45px!important;
  padding: 11px 10px!important;
  text-align: center!important;
  text-decoration: none!important;
  width: 100%!important;
  transition: background-color .3s,color .3s!important;
  display: block!important;
  margin: 0 auto!important;
  min-width: 100%!important;
}

.goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogTableContents .goodsList td.goodsListGoodsListSelectButtonCol input[type="button"]:hover {
  background-color: #7487d6!important;
  color: #ffffff!important;
  opacity: 1!important;
}

.goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogButtonGroup #goodsListCancelButtonItemWrap input[type="button"] {
  appearance: none;
  background-color: #fff!important;
  border: 1px solid #ff0000!important;
  border-radius: 3px!important;
  color: #ff0000!important;
  font-size: 14px!important;
  font-weight: 400!important;
  height: auto!important;
  line-height: 23px!important;
  max-width: 100%!important;
  min-height: 45px!important;
  padding: 11px 10px!important;
  text-align: center!important;
  text-decoration: none!important;
  width: 100%!important;
  transition: background-color .3s,color .3s!important;
  display: block!important;
  margin: 0 auto!important;
  min-width: 100%!important;
}

.goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogButtonGroup #goodsListCancelButtonItemWrap input[type="button"]:hover {
  background-color: #ff0000!important;
  color: #ffffff!important;
  opacity: 1!important;
}

@media print, screen and (min-width: 750px){
  #Member #topGroupName {
    padding-top: 40px!important;
  }
}

@media print, screen and (max-width: 749px){
  #Member #topGroupName {
    padding-top: 20px!important;
  }


  #RegularScheduleDetail #buttonGroup {
    padding-bottom: 67px;
  }

  #RegularScheduleDetail #buttonGroup .returnButtonItemWrap {
    bottom: 0;
  }
}

#RegularChangeAllInput #buttonGroup.set-group {
  padding: 75px 0 50px !important;
  margin: 0 !important;
  position: relative;
}

.ui-dialog {
  position: fixed!important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}