@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 ** */
/*** マイページナビボタンアイコン指定 ***/
  --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_edit_bt start ** */
/*** 各種マイページ操作用ボタン設定 ***/

/* 画面遷移（編集・確認）ボタン */
  --app-mypEditBtArea-rod: 0.2em; /* 角丸 */
  --app-mypEditBtArea-txt: #171717; /* テキスト色 */
  --app-mypEditBtArea-cr: #fff; /* 背景色 */
  --app-mypEditBtArea-cr-crt: #ffcc00; /* カレント背景色 */
  --app-mypEditBtArea-brd: inhelit; /* ボーダー指定 */

/* ** myp_navi_edit_bt end ** */

/* ** myp_navi_operation_bt start ** */
/* 各種操作用ボタン */
  --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 dotted #8e8e8e; /* ボーダー指定 */
  --font-myPhotoName: 1.6rem; /* フォントサイズ */

/* マイページ写真単体 */
  --app-photoArea-bg: #f7f7f7; /* 背景色 */
  --app-photoArea-brd: 1px solid #171717; /* ボーダー指定 */
  --app-photoArea-size: 110px; /* 写真大きさ */

/* 申込プラン表示 */
  --app-planOrd-rod: 0.3em; /* 角丸 */
  --app-planOrdF-bg: #545454; /* フリープラン */
  --app-planOrdA-bg: #ff9d00; /* プランA */
  --app-planOrdB-bg: #3babe5; /* プランB */
  --app-planOrdC-bg: #6aba63; /* プランC */
  --app-planOrdD-bg: #6aba63; /* プランD */
  --app-planOrdE-bg: #6aba63; /* プランE */
}
/* ** myp_prof end ** */

/* ** myp_prof_photo start ** */

/* ** myp_prof_photo end ** */

/* ** myp_basic start ** */
/*** マイページ表示枠 ***/
:root {

/* 枠ボックス基本設定 */
  --mypageBox-rod: 0.2em; /* 角丸 */

/* 基本設定 */
  --app-mypageBoxDet-rod: 0.2rem; /* 角丸 */
  --app-mypageBoxDet-txt: #171717; /* テキスト色 */
  --app-mypageBoxDet-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-mypageBoxDet-sd: 0 0 0.4rem #f0f0f0; /* 外枠背景影色 */
  --app-mypageBoxDet-bg: #fff; /* 外枠背景色 */

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

/* データ表示設定(DLタグ要素の共通設定) */
  --app-mypageBoxDet-brd-dl: 1px dotted #cdcdcd; /* 仕切りボーダー指定 */

/* ** myp_basic end ** */

/* ** myp_order start ** */
/* 購入履歴基本設定 */
  --app-mypageOrdBox-rod: 0.2rem; /* 角丸 */
  --app-mypageOrdBox-txt: #171717; /* テキスト色 */
  --app-mypageOrdBox-brd: 1px solid #adadad; /* 外枠ボーダー指定 */
  --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: 1px solid #e8e8e8; /* 外枠ボーダー指定 */
  --app-mypageOrdBasic-sd: inhelit; /* 外枠背景影色 */
  --app-mypageOrdBasic-bg: #fff; /* 外枠背景色 */

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

/* サービスプラン変更設定 */
  --app-planChangeBoxInn-rod: 0.2rem; /* 角丸 */

  --app-chgBefore-txt: #171717; /* 変更前テキスト色 */
  --app-chgBefore-brd: 1px solid #e0e0e0; /* 変更前ボーダー指定 */
  --app-chgBefore-bg: #f2f2f2; /* 変更前背景色 */

  --app-chgAfter-txt: #171717; /* 変更前テキスト色 */
  --app-chgAfter-brd: 1px solid #d8e0b8; /* 変更前ボーダー指定 */
  --app-chgAfter-bg: #f7fdde; /* 変更前背景色 */

/* ** myp_order end ** */

/* ** myp_post start ** */
/****** 写真付きリスト表示 ******/
/* 基本枠 */
  --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-tabele-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; /* 背景色(色に変化をつける場合) */
}
/* ** 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 ** */