@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; /* 背景影色 */
/* マイページナビ第2階層指定 */
--app-mypagenav-sec-bg: #f5f5f5; /* 背景色 */
--app-mypagenav-sec-bga: #ece8ca; /* カレント背景色 */
--app-mypagenav-sec-brd: 1px solid #cdcdcd; /* ボーダー指定 */
/* マイページナビアイコン指定 */
--app-mypagetop-ico: url('data:image/svg+xml;utf8,'); /* マイページトップ */
--app-mypageprof-ico: url('data:image/svg+xml;utf8,'); /* 基本情報の編集 */
--app-mypagepassword-ico: url('data:image/svg+xml;utf8,'); /* パスワード変更 */
--app-mypageinfo-ico: url('data:image/svg+xml;utf8,'); /* お知らせ */
--app-mypageservice-ico: url('data:image/svg+xml;utf8,'); /* サービス購入履歴 */
--app-mypageseminar-ico: url('data:image/svg+xml;utf8,'); /* セミナー申込履歴 */
--app-mypageproduct-ico: url('data:image/svg+xml;utf8,'); /* 商品購入履歴 */
--app-mypagecart-ico: url('data:image/svg+xml;utf8,'); /* カート */
--app-mypagecontact-ico: url('data:image/svg+xml;utf8,'); /* お問合せ履歴 */
--app-mypagework-ico: url('data:image/svg+xml;utf8,'); /* 採点フォーム回答履歴 */
--app-mypagepush-ico: url('data:image/svg+xml;utf8,'); /* 通知一覧 */
--app-mypageconpost-ico: url('data:image/svg+xml;utf8,'); /* コンテンツいいね・投稿履歴 */
--app-mypageprdpost-ico: url('data:image/svg+xml;utf8,'); /* 商品いいね・投稿履歴 */
--app-mypagebbspost-ico: url('data:image/svg+xml;utf8,'); /* 掲示板いいね・投稿履歴 */
--app-mypagefavorite-ico: url('data:image/svg+xml;utf8,'); /* お気に入り一覧 */
--app-mypagebenefits-ico: url('data:image/svg+xml;utf8,'); /* 会員特典 */
--app-mypageaffiliate-ico: url('data:image/svg+xml;utf8,'); /* 紹介制度 */
--app-mypagesignage-ico: url('data:image/svg+xml;utf8,'); /* サイネージ管理 */
/* マイページナビボタンアイコン指定 */
--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-mypageBtprof-ico: url('data:image/svg+xml;utf8,'); /* 基本情報の編集 */
--app-mypagepBtassword-ico: url('data:image/svg+xml;utf8,'); /* パスワード変更 */
--app-mypageBtservice-ico: url('data:image/svg+xml;utf8,'); /* サービス購入履歴 */
--app-mypageBtseminar-ico: url('data:image/svg+xml;utf8,'); /* セミナー申込履歴 */
--app-mypageBtproduct-ico: url('data:image/svg+xml;utf8,'); /* 商品購入履歴 */
--app-mypageBtcart-ico: url('data:image/svg+xml;utf8,'); /* カート */
--app-mypageBtcontact-ico: url('data:image/svg+xml;utf8,'); /* お問合せ履歴 */
--app-mypageBtwork-ico: url('data:image/svg+xml;utf8,'); /* 採点フォーム回答履歴 */
--app-mypageBtpush-ico: url('data:image/svg+xml;utf8,'); /* 通知一覧 */
--app-mypageBtconpost-ico: url('data:image/svg+xml;utf8,'); /* コンテンツいいね・投稿履歴 */
--app-mypageBtprdpost-ico: url('data:image/svg+xml;utf8,'); /* 商品いいね・投稿履歴 */
--app-mypageBtbbspost-ico: url('data:image/svg+xml;utf8,'); /* 掲示板いいね・投稿履歴 */
--app-mypageBtfavorite-ico: url('data:image/svg+xml;utf8,'); /* お気に入り一覧 */
--app-mypageBtsignage-ico: url('data:image/svg+xml;utf8,'); /* お気に入り一覧 */
}
/* ** myp_navi 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: 180px; /* 写真大きさ */
/* 申込プラン表示 */
--app-planOrd-rod: 0.3em; /* 角丸 */
}
/* ** myp_prof end ** */
/* ** myp_basic start ** */
/*** マイページ表示枠 ***/
:root {
/* 基本設定 */
--app-mypageTitle-rod: 0.2rem; /* 角丸 */
--app-mypageTitle-txt: #171717; /* テキスト色 */
--app-mypageTitle-bg: #f4f4f4; /* 背景色 */
--app-mypageTitle-brd: inhelit; /* ボーダー指定 */
/* 基本設定 */
--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; /* 内枠背景色 */
/* 購入履歴基本設定 */
--app-mypageOrdBox-rod: 0.2rem; /* 角丸 */
--app-mypageOrdBox-txt: #171717; /* テキスト色 */
--app-mypageOrdBox-brd: 8px solid #f3f3f3; /* 外枠ボーダー指定 */
--app-mypageOrdBox-sd: 0 0 0.4rem #878787; /* 外枠背景影色 */
--app-mypageOrdBox-bg: #fff; /* 外枠背景色 */
--app-mypageOrdBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
--app-mypageOrdBoxInn-sd: inhelit; /* 内枠背景影色 */
--app-mypageOrdBoxInn-bg: #f4f5e4; /* 内枠背景色 */
/* サービスプラン変更設定 */
--app-planChangeBox-rod: 0.2rem; /* 角丸 */
--app-planChangeBox-txt: #171717; /* テキスト色 */
--app-planChangeBox-brd: 8px solid #f3f3f3; /* 外枠ボーダー指定 */
--app-planChangeBox-sd: 0 0 0.4rem #878787; /* 外枠背景影色 */
--app-planChangeBox-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; /* 背景色 */
/* データ表示設定(DLタグ要素の共通設定) */
--app-mypageBoxDet-dt-size: 150px; /* DTサイズ */
--app-mypageBoxDet-dt-pd: 0.5rem; /* DTパディング */
--app-mypageBoxDet-dd-pd: 0.5rem; /* DDパディング */
--app-mypageBoxDet-brd-dl: 1px dotted #cdcdcd; /* 仕切りボーダー指定 */
/****** 写真付きリスト表示 ******/
/* 基本枠 */
--app-postList-rod: 0.2em; /* 角丸 */
--app-postList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
--app-postList-txt: #171717; /* テキスト色 */
--app-postList-bg: #fff; /* 背景色 */
--app-postList-bbg: 0 0 0.5rem #cdcdcd; /* 背景影色 */
--app-postList-li-brd: 1px dotted #8e8e8e; /* ボーダー指定 */
/* 投稿コメント表示タイトル */
--app-postBodyTi-txt: #666; /* テキスト色 */}
/* ** myp_basic end ** */
/* ** myp_pay start ** */
/*** マイページ領収書（請求書）表示枠 ***/
:root {
/* 基本枠 */
--app-invoice-rod: 0.2em; /* 角丸 */
--app-invoice-brd: #c5c5c5; /* ボーダーカラー */
--app-invoice-bg: #f7f7f7; /* 背景色 */
/* テーブル枠 */
--app-invoice-tabele-brd: #c5c5c5; /* ボーダーカラー */
--app-invoice-th-txt: #000; /* テキスト色 */
--app-invoice-th-bg: #f7f7f7; /* 背景色 */
--app-invoice-td-txt: #000; /* テキスト色 */
--app-invoice-td-bg: #fff; /* 背景色 */
}
/* ** myp_pay end ** */
/* ** myp_order 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 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 ** */