@charset "utf-8";

/**
 * yappli経由アクセス時のみ要素を表示/非表示にするユーティリティクラス
 * body.yappli-mypage が付与されるのは app/Plugin/Customer/View/Layouts/yappli.ctp のみ。
 * 5レイアウト（customer/customer_c2/dxmobile/horiemobile/yappli）すべてから読み込む。
 */
.visible-yappli { display: none !important; }
body.yappli-mypage .visible-yappli { display: block !important; }
body.yappli-mypage .hidden-yappli { display: none !important; }

.tell-no-parts {
  width: 380px;
  justify-content: space-between;
  align-items: center;
  border: solid 1px #101010;
  border-radius: 500px;
}
.tell-no-parts a {
  color: #101010;
  background-color: #f5f5f5;
  border-radius: 500px;
  border: solid #ddd 1px;
}

body.yappli-mypage .tell-no-parts {
  border: solid 1px #fff;
}

body.yappli-mypage .tell-no-parts a {
  background-color: #fff;
  border: none;
}

.packet-usage-panel {
  background-color: #fff;
  --packet-usage-frame-color: #101010;
  --packet-usage-used-color: #101010;
  --packet-usage-remaining-color: #e6e6e6;
}
body.yappli-mypage .packet-usage-panel {
  background-color: #8df701;
}