@charset "utf-8";
/***************************************************
information
  filename : app_myp_dez.css;
***************************************************/

/****************** マイページ指定 ******************/

/* ** myp_navi start ** */
/*** マイページナビ ***/
:root {
  --app-mypagenav-rod: 0.2em; /* 角丸 */

  --app-mypagenav-txt: #171717; /* テキスト色 */
  --app-mypagenav-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypagenav-brd-l: 4px solid #171717; /* 見出しボーダー指定 */
  --app-mypagenav-bg: #fff; /* 背景色 */
  --app-mypagenav-bga: #ece8ca; /* カレント背景色 */
  --app-mypagenav-sd: 0 0 0.5rem #f0f0f0; /* 背景影色 */

  --app-mypagenav-w-txt: #fff; /* テキスト色 */
  --app-mypagenav-w-brd: 1px solid #fff; /* ボーダー指定 */
  --app-mypagenav-w-brd-l: 4px solid #fff; /* 見出しボーダー指定 */
  --app-mypagenav-w-bg: #000; /* 背景色 */
  --app-mypagenav-w-bga: #fbb100; /* カレント背景色 */
  --app-mypagenav-w-sd: 0 0 0.5rem #fff; /* 背景影色 */

/* マイページナビ第2階層指定 */
  --app-mypagenav-sec-bg: #f5f5f5; /* 背景色 */
  --app-mypagenav-sec-bga: #ece8ca; /* カレント背景色 */
  --app-mypagenav-sec-brd: 1px solid #cdcdcd; /* ボーダー指定 */
}
/* ** myp_navi end ** */

/* ** myp_navi_bt start ** */
/*** マイページナビボタンアイコン指定 ***/
:root {
  --app-mypagenavBt-rod: 0.2em; /* 角丸 */
  --app-mypagenavBt-txt: #171717; /* テキスト色 */
  --app-mypagenavBt-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypagenavBt-bg: #fff; /* 背景色 */
  --app-mypagenavBt-sd: 0 0 0.5rem #d1d1d1; /* 背景影色 */

  --app-mypagenavBt-w-txt: #fff; /* テキスト色 */
  --app-mypagenavBt-w-brd: 1px solid #fff; /* ボーダー指定 */
  --app-mypagenavBt-w-bg: #000; /* 背景色 */
  --app-mypagenavBt-w-sd: 0 0 0.5rem #fff; /* 背景影色 */
}
/* ** myp_navi_bt end ** */

/* ** myp_navi_operation_bt start ** */
/* 各種操作用ボタン */
:root {
  --app-mypageOprBtArea-rod: 0.3em; /* 角丸 */
  --app-mypageOprBtArea-txt: #171717; /* テキスト色 */
  --app-mypageOprBtArea-cr: #fff; /* 背景色 */
  --app-mypageOprBtArea-brd: 1px solid #cdcdcd; /* ボーダー指定 */
}
/* ** myp_navi_operation_bt end ** */

/* ** myp_prof start ** */
/*** マイページナビ(プロフ写真エリア) ***/
:root {
/*** マイページ(プロフ写真エリア) ***/
  --app-myPhoto-rod: 0.2em; /* 角丸 */
  --app-myPhoto-pd: 1.0em; /* パディング */
  --app-myPhoto-txt: #171717; /* テキスト色 */
  --app-myPhoto-bg: #f7f7f7; /* 背景色 */
  --app-myPhoto-brd: 1px solid #dedede; /* ボーダー指定 */
  --font-myPhotoName: 1.6rem; /* フォントサイズ */

/* マイページ写真単体 */
  --app-photoArea-bg: #f7f7f7; /* 背景色 */
  --app-photoArea-brd: 1px solid #dedede; /* ボーダー指定 */
  --app-photoArea-size: 180px; /* 写真大きさ(横) */
  --app-photoAreah-size: 180px; /* 写真大きさ(縦) */
  --app-photoArea-sizeS: 100px; /* 写真大きさ(横) */
  --app-photoAreah-sizeS: 100px; /* 写真大きさ(縦) */
}
@media screen and (max-width: 600px) {
	:root {
	  --app-photoArea-sizeS: 60px; /* 写真大きさ(横) */
	  --app-photoAreah-sizeS: 60px; /* 写真大きさ(縦) */
	}
}
/* ** myp_prof end ** */

/* ** myp_prof_photo start ** */

/* ** myp_prof_photo end ** */

/* ** myp_basic start ** */
/*** マイページ表示枠 ***/
:root {
/* 充実度ボックス設定 */
  --app-FulfillmentBox-txt: #1c1c1c; /* テキスト色 */
  --app-FulfillmentBox-brd: inhelit; /* 外枠ボーダー指定 */
  --app-FulfillmentBox-bg: #eee; /* 外枠背景色 */
  --app-FulfillmentBox-sd: inhelit; /* 外枠背景影色 */
}
/* ** myp_basic end ** */

/* ** myp_order start ** */
/* 購入履歴基本設定 */
:root {
  --app-mypageOrdBox-rod: 0.2rem; /* 角丸 */
  --app-mypageOrdBox-txt: #171717; /* テキスト色 */
  --app-mypageOrdBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-mypageOrdBox-sd: inhelit; /* 外枠背景影色 */
  --app-mypageOrdBox-bg: #fff; /* 外枠背景色 */

  --app-mypageOrdBoxInn-brd: 1px solid #e8e8e8; /* 内枠ボーダー指定 */
  --app-mypageOrdBoxInn-sd: inhelit; /* 内枠背景影色 */
  --app-mypageOrdBoxInn-bg: #fcfcf7; /* 内枠背景色 */

  --app-mypageOrdBasic-brd: inhelit; /* 外枠ボーダー指定 */
  --app-mypageOrdBasic-sd: inhelit; /* 外枠背景影色 */
  --app-mypageOrdBasic-bg: #fff; /* 外枠背景色 */

  --app-mypageDetail-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-mypageDetail-sd: inhelit; /* 内枠背景影色 */
  --app-mypageDetail-bg: #fff; /* 内枠背景色 */

/* キャンセルや解約等の状態設定 */
  --app-mypageOrdSituation-rod: 0.2rem; /* 角丸 */
  --app-mypageOrdSituation-txt: #171717; /* テキスト色 */
  --app-mypageOrdSituation-brd: 1px solid #cedee3; /* ボーダー指定 */
  --app-mypageOrdSituation-sd: inhelit; /* 背景影色 */
  --app-mypageOrdSituation-bg: #f3f6f7; /* 背景色 */

/* 購入済み表示枠指定 */
  --app-planPurchTi-txt: #171717; /* テキスト色 */
  --app-planPurchTi-brd: inhelit; /* ボーダー指定 */
  --app-planPurchTi-bg: #f3f6f7; /* 背景色 */

/* 購入履歴タブメニュー */
  --tab-munu-mypOrd-rod: 0; /* 角丸 */
  --tab-munu-inn-mypOrd-rod: 0; /* 角丸 */
  --tab-munu-mypOrd-txt: #171717; /* テキスト色 */
  --tab-munu-mypOrd-bg: #fff; /* 背景色 */
  --tab-munu-mypOrd-brd: #b8b8b8; /* ボーダー指定 */
}
/* ** myp_order end ** */

/* ** myp_post start ** */
/****** 写真付きリスト表示 ******/
:root {
/* 基本枠 */
  --app-postList-rod: 0.2em; /* 角丸 */
  --app-postList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-postList-txt: #171717; /* テキスト色 */
  --app-postList-bg: #fff; /* 背景色 */
  --app-postList-bbg: inhelit; /* 背景影色 */
  --app-postList-li-brd: 1px dotted #8e8e8e; /* ボーダー指定 */

/* 投稿コメント表示タイトル */
  --app-postBodyTi-txt: #666; /* テキスト色 */
}
/* ** myp_post end ** */

/* ** myp_pay start ** */
/*** 領収書（請求書）帳票表示枠 ***/
:root {
/* 基本枠 */
  --app-invoice-rod: 0.2em; /* 角丸 */
  --app-invoice-brd: #c4c4c4; /* ボーダーカラー */
  --app-invoice-bg: #f8f8f8; /* 背景色 */
  --app-invoice-sizeT: 794px; /* A4縦サイズ */
  --app-invoice-sizeY: 1122px; /* A4横サイズ */

/* テーブル枠 */
  --app-invoice-table-brd: #c4c4c4; /* ボーダーカラー */
  --app-invoice-th-txt: #000; /* テキスト色 */
  --app-invoice-th-bg: #f8f8f8; /* 背景色 */
  --app-invoice-td-txt: #000; /* テキスト色 */
  --app-invoice-td-bg: #fff; /* 背景色 */
  --app-invoice-td-bg-oth: #fcfbe7; /* 背景色(色に変化をつける場合) */

/* カラーバリエーション */
  --app-invoice-th-txt-w: #fff; /* テキスト色(反転) */

/* カラーパターン_kd */
  --app-invoice-th-bg-01: #303030; /* 背景色 */
  --app-invoice-table-brd-01: #757575; /* ボーダーカラー */

/* カラーパターン_kb */
  --app-invoice-th-bg-02: #222a5b; /* 背景色 */
  --app-invoice-table-brd-02: #6b6d7c; /* ボーダーカラー */

/* カラーパターン_kr */
  --app-invoice-th-bg-03: #591818; /* 背景色 */
  --app-invoice-table-brd-03: #7b6868; /* ボーダーカラー */

/* カラーパターン_kg */
  --app-invoice-th-bg-04: #295b53; /* 背景色 */
  --app-invoice-table-brd-04: #6b7977; /* ボーダーカラー */

/* カラーパターン_ky */
  --app-invoice-th-bg-05: #5c6219; /* 背景色 */
  --app-invoice-table-brd-05: #7b7d68; /* ボーダーカラー */

/* カラーパターン_ud */
  --app-invoice-th-bg-06: #e8e8e8; /* 背景色 */
  --app-invoice-table-brd-06: #b5b5b5; /* ボーダーカラー */

/* カラーパターン_ub */
  --app-invoice-th-bg-07: #c7dee3; /* 背景色 */
  --app-invoice-table-brd-07: #aab3b5; /* ボーダーカラー */

/* カラーパターン_ur */
  --app-invoice-th-bg-08: #f0e1e0; /* 背景色 */
  --app-invoice-table-brd-08: #988c8b; /* ボーダーカラー */

/* カラーパターン_ug */
  --app-invoice-th-bg-09: #d6e4d5; /* 背景色 */
  --app-invoice-table-brd-09: #889687; /* ボーダーカラー */

/* カラーパターン_uy */
  --app-invoice-th-bg-10: #eeeccb; /* 背景色 */
  --app-invoice-table-brd-10: #afae96; /* ボーダーカラー */

}
/* ** myp_pay end ** */

/* ** myp_order_meisai start ** */
/*** マイページ購入商品詳細表示枠 ***/
:root {
/*** マイページ購入商品注文履歴表示 ***/
  --td-Tanka-bg: #f8f8f8; /* 商品単価 */
  --td-Quantity-bg: #fff; /* 商品個数 */
  --td-Subtotal-bg: #f8f7ed; /* 小計 */
  --td-Producttotal-bg: #e8f3e8; /* 商品合計 */
  --td-Postage-bg: #fff; /* 送料 */
  --td-Total-bg: #edf2f5; /* 合計金額 */
  --td-Adjustment-bg: #fff; /* 調整金額 */
  --td-Tax-bg: #fff; /* 税金 */
}
/* ** myp_order_meisai end ** */

/* ** myp_push start ** */
/*** マイページ通知一覧表示枠 ***/
:root {
/* 基本枠 */
  --app-pushList-rod: 0.2em; /* 角丸 */
  --app-pushList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-pushList-txt: #171717; /* テキスト色 */
  --app-pushList-bg: #fff; /* 背景色 */
  --app-pushList-bbg: 0 0 0.5rem #cdcdcd; /* 背景影色 */

/* 項目枠 */
  --app-pushList-li-mg: 0 auto; /* マージン */
  --app-pushList-li-pd: 2.0rem 1.0rem; /* パディング */
  --app-pushList-li-brd: 1px dotted #8e8e8e; /* ボーダー指定 */

/* リンク制御 */
  --app-pushList-a-bg: #f2f4d0; /* 背景色 */
}
/* ** myp_push end ** */

/* ** myp_contact start ** */
/*** お問い合わせ履歴表示設定 ***/
:root {
  --app-mypageContactDet-rod: 0.2rem; /* 角丸 */
  --app-mypageContactDet-brd: 1px solid #e8e8e8; /* ボーダー指定 */
  --app-mypageContactDet-sd: inhelit; /* 背景影色 */
  --app-mypageContactDet-bg: #fcfcf7; /* 背景色 */
}
/* ** myp_contact end ** */