/* =====================
  l--mypage-information
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-information{
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-information{
    margin-bottom: 60px;
  }
}


/* =====================
  l--mypage-login-point
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-login-point{
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-login-point{
    margin-bottom: 60px;
  }
}


/* =====================
  l--mypage-favorite-model
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-favorite-model{
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-favorite-model{
    margin-bottom: 60px;
  }
}


/* =====================
  l--mypage-model-list-group
===================== */

@media screen and (max-width: 767px) {
  .l--mypage-model-list-group{
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-model-list-group{
    margin-bottom: 20px;
  }
}



/* =====================
  l--mypage-tab-switching
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-tab-switching{
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-tab-switching{
    margin-bottom: 60px;
  }
}


/* =====================
  l--mypage-favorite-item
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-favorite-item{
    margin-bottom: 40px;
  }
  .l--mypage-favorite-item .row.u--container-padding-10{
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-favorite-item{
    margin-bottom: 60px;
  }
}


/* =====================
  l--mypage-favorite-item-group
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-favorite-item-group{
    margin-bottom: 30px;
  }
  .l--mypage-favorite-item-group .row{
    margin-left: 2.5px;
    margin-right: 2.5px; 
  }
  .l--mypage-favorite-item-group .row > div{
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-favorite-item-group{
    margin-bottom: 20px;
  }
}


/* =====================
  l--mypage-custodian-recommend-group
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-custodian-recommend-group{
    margin-bottom: 30px;
  }
  .l--mypage-custodian-recommend-group .row{
    margin-left: 2.5px;
    margin-right: 2.5px; 
  }
  .l--mypage-custodian-recommend-group .row > div{
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
}


/* =====================
  l--mypage-custodian-recommend
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-custodian-recommend{
    margin-bottom: 40px;
  }
  .l--mypage-custodian-recommend .row.u--container-padding-10{
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
}


/* =====================
  l--mypage-member-information
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-member-information{
    margin-bottom: 40px;
  }
  .l--mypage-member-information .c--error-message{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-member-information{
    margin-bottom: 40px;
  }
}


/* =====================
  l--mypage-sidebar-menu
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-sidebar-menu{
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-sidebar-menu{
    margin-bottom: 40px;
  }
}


/* =====================
  l--mypage-edit
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-edit{
    margin-bottom: 40px;
  }
  .l--mypage-edit .c--common-form{
    margin: 0 15px 40px;
  }
  .l--mypage-edit .c--input-confirm{
    margin: 0 15px 40px;
  }
  .l--mypage-edit .c--error-message{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-edit{
    margin-bottom: 40px;
  }
  .l--mypage-edit .c--common-form{
    margin-bottom: 40px
  }
  .l--mypage-edit .c--input-confirm{
    margin-bottom: 40px;
  }
}

/* =====================
  l--mypage-set-account
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-set-account{
    margin-bottom: 40px;
  }
  .l--mypage-set-account .c--twitter-information{
    margin: 0 15px 40px;
  }
  .l--mypage-set-account .btn-wrapper{
    margin-bottom: 40px;
  }
  .l--mypage-set-account .fin-message{
    margin: 0 15px 40px;
  }
  .l--mypage-set-account .c--error-message{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-set-account{
    margin-bottom: 40px;
  }
  .l--mypage-set-account .c--twitter-information{
    margin-bottom: 40px;
  }
  .l--mypage-set-account .fin-message{
    margin-bottom: 40px;
  }
}

/* =====================
  l--mypage-mail
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-mail{
    margin-bottom: 40px;
  }
  .l--mypage-mail .c--common-form{
    margin: 0 15px 40px;
  }
  .l--mypage-mail .c--error-message{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-mail{
    margin-bottom: 40px;
  }
  .l--mypage-mail .c--common-form{
    margin-bottom: 40px
  }
}

/* =====================
  l--mypage-mail
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-hist{
    margin-bottom: 40px;
  }
  .l--mypage-hist .table-wrapper{
    margin: 0 15px 40px;
  }
  .l--mypage-hist .c--page-nation{
    margin-bottom: 40px;
  }
  .l--mypage-hist .hist-ppv-wrapper{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-hist{
    margin-bottom: 40px;
  }
  .l--mypage-hist .table-wrapper{
    margin-bottom: 40px
  }
  .l--mypage-hist .c--page-nation{
    margin-bottom: 40px;
  }
  .l--mypage-hist .hist-ppv-wrapper{
    margin-bottom: 40px;
  }
}


/* =====================
  l--mypage-monthly
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-monthly{
    margin-bottom: 40px;
  }
  .l--mypage-monthly .table-wrapper{
    margin: 0 15px 40px;
  }

  .l--mypage-monthly .c--common-form{
    margin: 0 15px 40px;
  }
  .l--mypage-monthly .form-wrapper{
    margin: 0 15px 40px;
  }
  .l--mypage-monthly .top-message,
  .l--mypage-monthly .fin-message,
  .l--mypage-monthly .message-for-changing-card-information,
  .l--mypage-monthly .message-for-credit
  {
    margin: 0 25px 30px;
  }
  .l--mypage-monthly .bottom-message{
    margin: 0 25px 0;
  }
  .l--mypage-monthly .message-for-monthly{
    margin: 0 25px 0;
  }
  .l--mypage-monthly .message-for-changing-card-information > dl,
  .l--mypage-monthly .message-for-credit > dl{
    margin: 0 15px 30px;
  }
  .l--mypage-monthly .c--error-message{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-monthly{
    margin-bottom: 40px;
  }
  .l--mypage-monthly .table-wrapper{
    margin-bottom: 40px
  }
  .l--mypage-monthly .c--common-form{
    margin-bottom: 40px;
  }
  .l--mypage-monthly .c--common-form form{
    margin: 0;
  }

  .l--mypage-monthly .form-wrapper{
    margin-bottom: 40px;
  }
  .l--mypage-monthly .top-message,
  .l--mypage-monthly .fin-message,
  .l--mypage-monthly .message-for-changing-card-information,
  .l--mypage-monthly .message-for-credit
  {
    margin: 0 30px 40px;
  }
  .l--mypage-monthly .bottom-message{
    margin: 0 30px 0;
  }
  .l--mypage-monthly .message-for-monthly{
    margin: 0 30px 0;
  }
  .l--mypage-monthly .message-for-changing-card-information > dl,
  .l--mypage-monthly .message-for-credit > dl{
    margin: 0 30px 40px;
  }
}


/* =====================
  l--mypage-bitcash
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-bitcash{
    margin-bottom: 40px;
  }
  .l--mypage-bitcash .top-message,
  .l--mypage-bitcash .fin-message
  {
    margin: 0 25px 30px;
  }
  .l--mypage-bitcash{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-bitcash{
    margin-bottom: 40px;
  }
  .l--mypage-bitcash .top-message,
  .l--mypage-bitcash .fin-message{
    margin-bottom: 0 30px 40px;
  }
}


/* =====================
  l--mypage-point
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-point{
    margin-bottom: 40px;
  }
  .l--mypage-point .table-wrapper{
    margin: 0 15px 40px;
  }

  .l--mypage-point .c--common-form{
    margin: 0 15px 40px;
  }
  .l--mypage-point .form-wrapper{
    margin: 0 15px 40px;
  }
  .l--mypage-point .top-message,
  .l--mypage-point .fin-message,
  .l--mypage-point .message-for-description
  {
    margin: 0 25px 30px;
  }
  .l--mypage-point .bottom-message{
    margin: 0 25px 0;
  }
  .l--mypage-point .message-for-point{
    margin: 0 25px 0;
  }
  .l--mypage-point .c--error-message{
    margin: 0 15px 40px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-point{
    margin-bottom: 40px;
  }
  .l--mypage-point .table-wrapper{
    margin-bottom: 40px
  }
  .l--mypage-point .c--common-form{
    /*margin-bottom: 40px;*/
    width: 500px;
    margin: 0 auto 40px;
  }
  .l--mypage-point .c--common-form form{
    margin: 0;
  }

  .l--mypage-point .form-wrapper{
    margin-bottom: 40px;
  }
  .l--mypage-point .top-message,
  .l--mypage-point .fin-message,
  .l--mypage-point .message-for-description
  {
    margin: 0 30px 40px;
  }
  .l--mypage-point .bottom-message{
    margin: 0 30px 0;
  }
  .l--mypage-point .message-for-point{
    margin: 0 30px 0;
  }
}



/* =====================
  l--mypage-leave
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-leave{
    margin-bottom: 40px;
  }
  .l--mypage-leave .top-message,
  .l--mypage-leave .message{
    margin: 0 25px 30px;
  }
  .l--mypage-leave .message-for-question{
    margin: 0 0 30px;
  }
  .l--mypage-leave .c--common-form,
  .l--mypage-leave .c--input-confirm{
    margin: 0 15px 40px;
  }
  .l--mypage-leave .c--common-form form textarea{
    height: 100px;
  }
}
@media screen and (min-width: 768px) {
  .l--mypage-leave{
    margin-bottom: 40px;
  }
  .l--mypage-leave .top-message,
  .l--mypage-leave .message{
    margin: 0 30px 40px;
  }
  .l--mypage-leave .message-for-question{
    margin: 0 0 40px;
  }
  .l--mypage-leave .c--common-form,
  .l--mypage-leave .c--input-confirm{
    margin-bottom: 40px
  }
  .l--mypage-leave .c--common-form form textarea{
    height: 100px;
  }
}


/* =====================
  l--cart-item-list > l--total-number
===================== */
@media screen and (max-width: 767px) {
  .l--cart-item-list{
    margin-bottom: 40px;
  }
  .l--cart-item-list > .l--total-number{
    margin-bottom: 5px;
  }
  .l--cart-item-list > .l--total-number span{
    margin-bottom: 5px;
  }
  .l--cart-item-list > .l--cart-item-list-group{
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .l--cart-item-list > .l--total-number{
    margin-bottom: 5px;
  }
  .l--cart-item-list > .l--cart-item-list-group{
    margin-bottom: 30px;
  }
}


/* =====================
  l--cart-item-list-group
===================== */
@media screen and (max-width: 767px) {
  .l--cart-item-list-group{
    margin: 0 10px;
  }
}

/* =====================
  l--mypage-leave
===================== */
@media screen and (max-width: 767px) {
  .l--mypage-leave .c--error-message{
    margin: 0 15px 40px;
  }
}