@charset "UTF-8";






@media only screen and (max-width: 768px) {

/* ===============================================
  * 共通設定 *
=============================================== */



/* Side Area
------------------------------------------------ */


/* ページャー
------------------------------------------------ */







/* ===============================================
  * マイページ *
=============================================== */




/* ------ マイページ ------ */


/* ------ マイページログアウト ------ */


/* ------ マイページポイント ------ */



/* ------ マイページメニュー ------ */








/* ===============================================
  * 購入履歴 *
=============================================== */





/* ===============================================
  * 配送先の登録・編集（入力） *
=============================================== */

.dvUserShippingInfo.input_form{
    margin-bottom: calc(25 * (100vw / 375));
}



/* ===============================================
  * 配送先の登録・編集（確認） *
=============================================== */

.shipping_confirm .shipping_list__name {
  margin-bottom: 0;
}

.txt_info--shipping-confirm {
  margin-bottom: 22px;
}

.shipping_confirm .confirm_form__table {
  border-top: none;
  border-bottom: none;
}
.usercontents_main .input_form input[type="text"].nameShipping {
    width: 100%;
}



/* ===============================================
  * ポイント履歴一覧 *
=============================================== */


.point_list__table {
  margin-top: 0;
}

.point_list__table tr.point_list__table_head,
.point_list__table tr .point_list__date{
    display: none;
}

.point_list__table tr.point_list__table_cont{
    display: flex;
    flex-direction: column;
}

.point_list__date,
.point_list__num,
.point_list__txt {
  width: 100%;
}

.ph__mypage_point {
  font-size: calc(15 * (100vw / 375));
}

.ph__mypage_point__cont strong {
  font-size: calc(20 * (100vw / 375));
}



/* ===============================================
  * 入荷お知らせメール情報 *
=============================================== */


/* ===============================================
  * フォローリスト *
=============================================== */

.follow_list .user_ttl-sub--obi {
  margin-bottom: 20px;
}



/* ===============================================
  * メールマガジン登録 *
=============================================== */

.mailmagazine_confirm .txt_info {
  margin-bottom: 25px;
}

.mailmagazine_cancell {
    padding: calc(40 * (100vw / 375)) 0 0;
}

/* ===============================================
  * 購入履歴 *
=============================================== */

/* ------ 履歴一覧 ------ */


/* -- 注文内容 -- */



/* -- 履歴詳細 -- */


/* ---------- ご注文情報 ---------- */

/* ---------- 合計 ---------- */


/* ===============================================
  * クレジットカード履歴 *
=============================================== */

.credit_card__detail-ttl {
  float: inherit;
  width: inherit;
  margin-top: calc(20 * (100vw / 375));
  font-size: calc(15 * (100vw / 375));
}

.credit_card__detail-cont {
  padding-left: inherit;
  margin-top: calc(6 * (100vw / 375));
}

.credit_card__name,
.credit_card__num {
  width: inherit;
}

.credit_card__delete {
  width: inherit;
}

.credit_card__table th,
.credit_card__table td {
  vertical-align: middle;
}

.input_re tr{
  width: 100%;
}

.credit_card__table_head,
.credit_card__table_cont .credit_card__card-name{
  display: none;
}

.credit_card__table_cont{
  display: flex;
  flex-direction: column;
}

.credit_card__table_cont:not(:last-child){
  margin-bottom: calc(40 * (100vw / 375));
}

.credit_card__table_cont th.user_ttl-sub--obi{
  margin-top: 0;
}

.form_security_code {
    width: inherit;
}

}