@charset "utf-8";

/** トップへ戻るボタン */
#mydcm_scroll_to_top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
/* #mydcm_scroll_to_top a {
    display: block;
} */
/** ホバーしたときの透過値 */
/* #mydcm_scroll_to_top a:hover {
    opacity: 0.5;
} */
/** 親要素のポジション */
/* .mydcm-page-top-wrapper {
    position:relative;
} */
@charset "UTF-8";
html body #mydcm_float_banner {
  position: relative; }
  html body #mydcm_float_banner .mydcm-float-bnr {
    z-index: 98;
    max-width: 444px;
    margin: auto;
    position: fixed; }
    html body #mydcm_float_banner .mydcm-float-bnr .mydcm-float-bnr-close {
      display: block;
      cursor: pointer;
      position: absolute;
      top: -7px;
      right: -14px;
      margin-right: 2%;
      width: 30px; }
    html body #mydcm_float_banner .mydcm-float-bnr .mydcm-float-bnr-close img {
      width: 100%;
      position: absolute; }

html .mydcm-modal-fixed {
  overflow: hidden;
  width: 100%; }

html .mydcm-modal-firstviewfixed {
  position: fixed;
  top: 0px; }

html .mydcm-drawer-fixed {
  overflow: hidden;
  width: 100%; }

html body {
  /* データ量シェアエリアの利用済みデータ量桁あふれ */
  /* グラフ */
  /* payment_detailのhtmlテンプレート非表示 */
  /* paymentのmodal非表示 */
  /* 料金選択エリアの吸着 */
  /* ローディング中 */
  /* 背景グレーのローディング */
  /* TB用 */
  /* 検索結果のアイコンなしメニュータイトル */
  /* ボタンの余白調整 */
  /* チャットボット閉じる動き */ }
  html body [id^="mydcm_page_"],
  html body [id*=" mydcm_page_"] {
    display: none; }
  html body .mydcm-auth-logout, html body .mydcm-auth-auto, html body .mydcm-auth-login {
    display: none; }
  html body #mydcm_loading {
    display: none; }
  html body #mydcm_status_bar {
    display: none; }
  html body #mydcm_scroll_to_top {
    display: none;
    z-index: 99; }
  html body #mydcm_error-01 section {
    padding-bottom: 16px; }
  html body #mydcm_error-01.mydcm_payment_error {
    width: 100%; }
  html body #mydcm_error-01.mydcm_payment_error .common-box {
    margin: 0px; }
  html body .mydcm_common_search {
    z-index: 1094; }
  @media screen and (max-width: 767px) {
    html body .mydcm_common_search .suggest-area-txt-inner {
      position: relative; } }
  html body .mydcm_fixed_header {
    z-index: 1093; }
  html body .suggest-area-error {
    font-size: 14px;
    color: #CF1131;
    line-height: 18px;
    padding-bottom: 8px;
    cursor: auto;
    font-weight: bold; }
  html body .suggest-area-error:hover {
    background-color: #FFFFFF; }
  html body .ui-helper-hidden-accessible {
    display: none; }
  html body #mydcm_modal-01 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999; }
  html body .charge-modal-bg {
    height: 100%; }
  html body #mydcm_drawer .dheader-drawer {
    position: fixed;
    overflow-y: auto; }
  html body .mydcm-dheader-drawer-cf {
    display: none; }
  html body .mydcm-drw-area-closed {
    display: none; }
  html body .drw-bg {
    background-color: transparent; }
  html body #mydcm_recommend_upper {
    display: none; }
  html body #mydcm_footer_area {
    display: none; }
  html body .mydcm_share_list_used_over {
    font-size: 15px; }
  html body #mydcm_payment_amount-01_graph {
    border: none; }
    html body #mydcm_payment_amount-01_graph svg {
      width: 100%;
      height: 100%; }
      html body #mydcm_payment_amount-01_graph svg .tick line {
        opacity: 0.2; }
      html body #mydcm_payment_amount-01_graph svg .text-disabled {
        font-weight: normal;
        opacity: 0.5; }
      html body #mydcm_payment_amount-01_graph svg .text-link {
        opacity: 0.5; }
      html body #mydcm_payment_amount-01_graph svg .svg-bar-disabled {
        opacity: 1.0; }
      html body #mydcm_payment_amount-01_graph svg .svg-bar-selected {
        opacity: 1.0; }
      html body #mydcm_payment_amount-01_graph svg .svg-bar-clear {
        fill: rgba(248, 59, 255, 0);
        cursor: pointer; }
      html body #mydcm_payment_amount-01_graph svg .svg-outer-border-disabled {
        display: none; }
      html body #mydcm_payment_amount-01_graph svg text {
        font-size: 16px;
        font-weight: bold; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-title-left path {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-title-left text {
        opacity: 0.5; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-title-left-yen path {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-title-left-yen text {
        font-size: 12px;
        opacity: 0.5; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-title-bottom-month line {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-title-bottom-month path {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-bottom-left text {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-bottom-left path {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-bottom-bar line {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-bottom-bar path {
        opacity: 0; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-top-bar .domain {
        display: none; }
      html body #mydcm_payment_amount-01_graph svg .mydcm_payment_amount-01_graph-top-bar .tick line {
        display: none; }
  html body .sp #mydcm_payment_amount-01_graph {
    height: auto; }
    html body .sp #mydcm_payment_amount-01_graph svg text {
      font-size: 21px;
      font-weight: bold; }
    html body .sp #mydcm_payment_amount-01_graph svg .text-disabled {
      font-weight: normal; }
  html body #mydcm_home_data-02_graph {
    border: none; }
    html body #mydcm_home_data-02_graph svg {
      width: 100%;
      height: 100%; }
      html body #mydcm_home_data-02_graph svg .tick line {
        opacity: 0.2; }
      html body #mydcm_home_data-02_graph svg .text-disabled {
        font-weight: normal; }
      html body #mydcm_home_data-02_graph svg .text-link {
        fill: #0070c9; }
      html body #mydcm_home_data-02_graph svg .svg-bar-available {
        fill: #cccccc; }
      html body #mydcm_home_data-02_graph svg .svg-bar-selected {
        fill: #fdd000; }
      html body #mydcm_home_data-02_graph svg .svg-bar-usednormal {
        fill: #0080ff; }
      html body #mydcm_home_data-02_graph svg .svg-bar-usedslight {
        fill: #ff9900; }
      html body #mydcm_home_data-02_graph svg .svg-bar-usedslow {
        fill: #cc0033; }
      html body #mydcm_home_data-02_graph svg .svg-bar-clear {
        fill: rgba(248, 59, 255, 0);
        cursor: pointer; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-left text {
        opacity: 0; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-left path {
        opacity: 0; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-left .tick line {
        stroke-width: 1.3px; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-left .tick .tickline2, html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-left .tick .tickline4 {
        stroke-width: 2.6px; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-bar line {
        opacity: 0; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-bottom-bar path {
        stroke-width: 2px; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-top-bar .domain {
        display: none; }
      html body #mydcm_home_data-02_graph svg .mydcm_home_data-02_graph-top-bar .tick line {
        display: none; }
  html body #mydcm_home_data-03-02_bargraph svg {
    min-width: 78px;
    vertical-align: text-bottom;
    width: 0px;
    margin-bottom: 3px; }
  html body .mydcm_home_data-02_graph-labels-fee,
  html body .mydcm_home_data-02_graph-labels-yen,
  html body .mydcm_home_data-02_graph-labels-rangemark,
  html body .mydcm_home_data-02_graph-labels-stepgb,
  html body .mydcm_home_data-02_graph-labels-gb {
    fill: #8D959F; }
  html body .svg_text_step_now {
    fill: #31353A; }
  html body .mydcm_home_data-02_graph-limitedarea {
    opacity: 0.65; }
  html body #mydcm_data_3day-02_graph {
    border: none; }
    html body #mydcm_data_3day-02_graph svg {
      width: 100%;
      height: 100%; }
      html body #mydcm_data_3day-02_graph svg .back-border .tick line {
        opacity: 0.2; }
  html body #mydcm_data_3day-02_graph .bottom-bar-val line {
    opacity: 0; }
  html body #mydcm_data_3day-02_graph .bottom-bar-val path {
    opacity: 0; }
  html body #mydcm_data_3day-02_graph .bottom-bar-val text {
    font-size: 22px;
    font-weight: bold; }
  html body #mydcm_data_3day-02_graph .bottom-bar-day line {
    opacity: 0; }
  html body #mydcm_data_3day-02_graph .bottom-bar-day path {
    opacity: 0; }
  html body #mydcm_data_3day-02_graph .bottom-bar-day text {
    font-size: 16px; }
  html body #mydcm_data_3day-02_graph .back-border path {
    opacity: 0; }
  html body #mydcm_data_3day-02_graph .back-border text {
    opacity: 0; }
  html body #mydcm_data_3day-02_unit {
    position: relative;
    bottom: 38px;
    margin-right: 2%;
    float: right; }
  html body #mydcm_data_month-02_graph {
    border: none; }
    html body #mydcm_data_month-02_graph svg {
      width: 100%;
      height: 100%; }
      html body #mydcm_data_month-02_graph svg .back-border .tick line {
        opacity: 0.2; }
  html body #mydcm_data_month-02_graph .bottom-bar-val line {
    opacity: 0; }
  html body #mydcm_data_month-02_graph .bottom-bar-val path {
    opacity: 0; }
  html body #mydcm_data_month-02_graph .bottom-bar-val text {
    font-size: 22px;
    font-weight: bold; }
  html body #mydcm_data_month-02_graph .bottom-bar-day line {
    opacity: 0; }
  html body #mydcm_data_month-02_graph .bottom-bar-day path {
    opacity: 0; }
  html body #mydcm_data_month-02_graph .bottom-bar-day text {
    font-size: 16px; }
  html body #mydcm_data_month-02_graph .back-border path {
    opacity: 0; }
  html body #mydcm_data_month-02_graph .back-border text {
    opacity: 0; }
  html body #mydcm_data_month-02_unit {
    position: relative;
    bottom: 38px;
    margin-right: 20px;
    float: right; }
  html body #mydcm_home_data-02 {
    width: 100%; }
  html body #mydcm_home_data-02_baloon {
    width: 65%;
    padding: 10px;
    position: relative; }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon {
    position: absolute;
    padding: 10px 10px;
    text-align: center;
    z-index: 0;
    border-radius: 5px 5px 5px 5px;
    max-height: 60%;
    font-weight: bold;
    margin: auto;
    top: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center; }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon p {
    color: #000;
    display: block; }
  @media screen and (max-width: 370px) {
    html body #mydcm_home_data-02_baloon .data-area-graph-balloon {
      max-height: 80%; } }
  @media screen and (min-width: 460px) {
    html body #mydcm_home_data-02_baloon .data-area-graph-balloon {
      max-height: 40%; } }
  @media screen and (min-width: 980px) {
    html body #mydcm_home_data-02_baloon .data-area-graph-balloon {
      max-height: 50%; } }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon:before {
    border-style: solid;
    border-width: 10px 10px 10px 0;
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -9px;
    display: block;
    width: 0px;
    height: 0px;
    z-index: 0; }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon.speed_usual {
    background: rgba(0, 176, 243, 0.2); }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon.speed_usual:before {
    border-color: transparent #00B0F3 transparent transparent;
    opacity: 0.2; }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon.speed_10per {
    background: rgba(255, 204, 0, 0.24); }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon.speed_10per:before {
    border-color: transparent #FFCC00 transparent transparent;
    opacity: 0.24; }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon.speed_limited {
    background: rgba(239, 64, 80, 0.2); }
  html body #mydcm_home_data-02_baloon .data-area-graph-balloon.speed_limited:before {
    border-color: transparent #EF4050 transparent transparent;
    opacity: 0.2; }
  html body #mydcm_home_data-02_graph-line {
    fill: none;
    opacity: 0.25;
    stroke: black;
    height: 10px; }
    html body #mydcm_home_data-02_graph-line svg {
      max-width: 100%; }
  @media screen and (max-width: 960px) {
    html body .sp #mydcm_home_data-02_graph {
      height: auto; } }
  html body .sp #mydcm_home_data-02_graph {
    height: auto; }
    html body .sp #mydcm_home_data-02_graph svg text {
      font-size: 21px;
      font-weight: bold; }
    html body .sp #mydcm_home_data-02_graph svg .text-disabled {
      font-weight: normal; }
  html body #mydcm_payment_amount-01_graph-line {
    fill: none;
    opacity: 0.25;
    stroke: black;
    height: 10px; }
    html body #mydcm_payment_amount-01_graph-line svg {
      max-width: 100%; }
  html body #mydcm_home_data-03-02_bargraph {
    text-align: center; }
  @media all and (-ms-high-contrast: none) {
    html body #mydcm_payment_amount-01_graph svg {
      height: 250px; }
    html body #mydcm_home_data-02_graph svg {
      height: 198px; }
    html body #mydcm_home_data-02_graph svg.append_infobar {
      height: 238px; }
    html body #mydcm_data_3day-02_graph svg {
      height: 250px; }
    html body #mydcm_data_month-02_graph svg {
      height: 250px; } }
  html body #mydcm_payment_detail .mydcm_payment_detail-disabled {
    display: none; }
  html body .mydcm_payment_line-modal_wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999; }
  html body .mydcm-payment-header-fixed-pctab {
    position: fixed;
    width: 100%;
    background-color: #eef1f4;
    z-index: 1000;
    left: 0px; }
  html body .mydcm-payment-header-fixed-pctab div:first-child {
    margin-top: 8px;
    margin-bottom: 8px; }
  html body .mydcm-payment-header-fixed-pctab .common-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 11px; }
  html body .mydcm-payment-header-fixed-sp {
    z-index: 1000;
    height: auto; }
  html body body.mydcm-body-fixed {
    position: fixed;
    width: 100%; }
  html body .mydcm-load {
    width: 100%;
    top: 0;
    /* top: 239px; */
    background: #fff;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
  html body .mydcm-load-backcolor-sub {
    background: #eef1f4 !important; }
  html body .mydcm-load-auto {
    top: auto; }
  html body .mydcm-load img {
    width: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22.5px 0px 0px -22.5px; }
  html body .load-img {
    height: 100%;
    position: relative; }
  @media screen and (min-width: 768px) {
    html body .mydcm-load img {
      width: 60px;
      margin: -30px 0px 0px -30px; } }
  html body .mydcm-search-result-title-no-icon {
    padding: 0 0 0 0; }
  html body #mydcm_home_data-05-02_ahamo a,
  html body #mydcm_home_data-07 a,
  html body #mydcm_home_data-09_gigaplan_setting a {
    margin: 0px; }
  html body #mydcm_data_condition-01-02_ahamo a,
  html body #mydcm_data_condition-02-02 a,
  html body #mydcm_data_condition-02-03_ahamo a,
  html body #mydcm_data_condition-04_btn a,
  html body #mydcm_data_condition-05_btn a,
  html body #mydcm_data_data-04_gigaplan_btn a,
  html body #mydcm_data_data-04_old_btn a,
  html body #mydcm_data_data-04_ahamo_btn a {
    margin: 0px; }
  html body .floatbnr-area {
    position: fixed;
    bottom: 24vh;
    right: 0px;
    z-index: 9; }
  @media (orientation: landscape) and (max-width: 960px) {
    html body .floatbnr-area {
      bottom: 38vh; } }
  html body .mydcm_chatbot_floatbnr_area {
    bottom: 24vh;
    z-index: 100; }
  @media (orientation: landscape) and (max-width: 960px) {
    html body .mydcm_chatbot_floatbnr_area {
      bottom: 38vh; } }
  @media (orientation: portrait) {
    html body .floatbnr-area {
      bottom: calc(35% - 48px); }
    html body .mydcm_chatbot_floatbnr_area {
      bottom: 24vh; } }
  @media screen and (max-width: 979px) {
    html body .mydcm_chatbot_floatbnr_area {
      transition: all 300ms ease 0s; } }
  html body .floatbnr-link img {
    width: 40px;
    max-width: 100%; }
  html body .floatbnr-close {
    position: absolute;
    top: -15px;
    left: -15px;
    overflow: hidden;
    cursor: pointer; }
  html body .floatbnr-close img {
    width: 27px;
    height: 27px; }
  html body .floatbnr-css-close .floatbnr-contents #floatbnr-close-checkbox {
    display: none; }
  html body .floatbnr-css-close .floatbnr-contents #floatbnr-close-checkbox:checked ~ .floatbnr-close {
    display: none; }
  html body .floatbnr-css-close .floatbnr-contents #floatbnr-close-checkbox:checked ~ .floatbnr-close-contents {
    display: none; }

@media screen and (min-width: 980px) {
  html .mydcm_not_pointuser {
    margin-left: 20px; } }

html .mydcm-optout-link {
  margin-right: 20px;
  margin-left: 0; }

html .mydcm-optout-link-pc {
  margin-right: 0;
  margin-left: 0; }

html .stage-area-bg-1st {
  background: #F4AFC2 !important; }

html .stage-area-bg-2nd {
  background: #EA86A5 !important; }

html .stage-area-bg-3rd {
  background: #EA608E !important; }

html .stage-area-bg-4th {
  background: #E5006E !important; }

html #mydcm_home_point-01-03_bm-area p {
  color: #1a1c1e; }

html .mydcm-home-point-bm-none {
  background-color: #fff; }

html .mydcm-home-point-bm-1st {
  background-color: #fff; }

html .mydcm-home-point-bm-2nd {
  background-color: #d7ebf7; }

html .mydcm-home-point-bm-3rd {
  background-color: #aed7ef; }

html .mydcm-home-point-bm-4th {
  background-color: #86c3e7; }

html .mydcm-home-point-bm-top {
  background-color: #5eafdf; }

@media screen and (min-width: 768px) {
  html .home-careerfree.dpoint-area-btn-hojin {
    margin: 0 0 0 7px; } }

@media screen and (min-width: 980px) {
  html .home-careerfree.dpoint-area-btn-hojin {
    margin: auto auto 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  html .home-careerfree.mydcm-home-point-bm-none,
  html .home-careerfree.mydcm-home-point-bm-1st,
  html .home-careerfree.mydcm-home-point-bm-2nd,
  html .home-careerfree.mydcm-home-point-bm-3rd,
  html .home-careerfree.mydcm-home-point-bm-4th,
  html .home-careerfree.mydcm-home-point-bm-top {
    background-color: #fff; }
  html .home-careerfree .stage-area-home-bpc-txt {
    padding: 0 0 0 3px;
    line-height: 24px;
    margin: 0; } }

html #mydcm_data_data-04_homerouter_btn a {
  line-height: 16px;
  height: auto; }

html #mydcm_data_data-06_gigaplan_limitedmsg {
  margin: 0 auto 0; }

html #mydcm_data_data-04_gigaplan_nextmonth {
  font-weight: normal; }

html .mydcm_suggest_close_zindex {
  z-index: 1081; }

html .suggest-area-list-wrap {
  overflow-y: auto;
  height: 80%; }

html .suggest-area-close-btn-area {
  margin: 0px auto;
  padding: 40px;
  border-bottom: none;
  cursor: default; }

html .suggest-area-close-btn-area:hover {
  background-color: #FFFFFF; }

html .mydcm_suggest_list_insert {
  padding-bottom: 4px; }

html .mydcm_suggest_list_insert ul {
  width: 97% !important;
  left: 0px !important; }

html #mydcm_contract_plan-18-01:after {
  display: none; }

@media screen and (min-width: 980px) {
  html .mydcm-home-careerfree-cancel-dpoint-member-common-box {
    max-width: 536px !important; } }

html .mydcm_stage_rate {
  cursor: inherit; }

html .mydcm_border_bottom_none {
  border-bottom: none !important; }

html .mydcm_common_tooltip_box_clear_tranx {
  left: 0px;
  transform: translateX(0%);
  -webkit-transform: translateX(0%); }

html .mydcm_f03h_suggest_margin {
  top: 0px !important; }