{{#if mydcm_auth_logout}}
{{/if}}

{{#if mydcm_auth_auto}}
{{/if}}

{{#if mydcm_auth_login}}
    {{#if b_carrier_free}}
    {{else if b_disaster_mode}}
        <div class="common-box home-data-area-box" id="mydcm_home_data-disaster">
            <div class="home-data-area-title home-data-area-title-disaster">
                <p class="box-in-title box-in-title-disaster">データ通信量</p>
            </div>
            <p class="home-data-area-disaster">災害時データ無制限モードにより<br>速度制限なし</p>
            <div class="home-data-area-btn-box-2"><a class="home-data-area-more-btn icon-24px common-grayborder-whitebk-btn common-bk-img-after" href="/mydocomo/data/" data-id="MYDClick-templates_20m4-top-home_data-0001">詳細を確認</a></div>
        </div>    
    {{else}}
        <!-- 一部情報取得エラー -->
        <div class="common-box home-data-area-box home-error" id="mydcm_home_data-error" style="display:none">
            <div class="home-data-area-title">
                <p class="box-in-title">データ通信量</p>
            </div>
            <div class="home-data-area-more-btn-box home-error">
                <a class="home-data-area-more-btn home-error icon-24px common-grayborder-whitebk-btn common-bk-img-after mydcm-ua-sp" href="https://payment2.smt.docomo.ne.jp/smph/charges/gkyap003.srv?Xitraffic=1" data-id="MYDClick-templates_20m4-top-home_data-0002-data-cfm">ご利用データの確認</a>
                <a class="home-data-area-more-btn home-error icon-24px common-grayborder-whitebk-btn common-bk-img-after mydcm-ua-pcTabAll" href="https://payment2.smt.docomo.ne.jp/pcguide/charges/gkyap001.srv?Xitraffic=1" data-id="MYDClick-templates_20m4-top-home_data-0003-data-cfm">ご利用データの確認</a>
            </div>
        </div>
        <!-- /一部情報取得エラー -->
        <div class="common-box home-data-area-box">
            <div class="home-data-area-title" id="mydcm_home_data-01">
                <p class="box-in-title">データ通信量</p>
                <p class="home-data-area-title-txt" id="mydcm_home_data-01_title"></p>
            </div>
            <div id="mydcm_home_data-02">
                <div class="home-data-area-graph">
                    <p id="mydcm_home_data-02_graph">
                        <svg></svg>
                    </p>
                </div>
                <div id="mydcm_home_data-02_baloon">
                    <div class="data-area-graph-balloon">
                        <p></p>
                    </div>
                </div>
            </div>
            
            <div id="mydcm_home_data-04">
                <div id="mydcm_home_data-04_museigen">
                    <div class="t-center">
                        <img class="home-data-area-infinity-icon" src="/mydocomo/images_20m4/common/icons/ViewSharedFileImage.png" alt="インフィニティ">
                    </div>
                    <div class="t-center fw-b fs22">
                        <p id="mydcm_home_data-04_usedgb_museigen">
                            <label id="mydcm_home_data-04_usedgb_museigen_val">---</label>
                            <span class="fs14">GB</span> ／ 無制限
                        </p>
                    </div>
                    <div class="common-btn-area pcmt16 spmt16">
                        <a class="common-btn-basic common-right-arrow" href="/mydocomo/data/" id="mydcm_home_data-04_museigen_btn">詳細を確認</a>
                    </div>
                </div>
   
                <div class="home-data-area-graph-tsukai-houdai-box" id="mydcm_home_data-04_seigen">
                    <div class="home-data-area-graph-tsukai-houdai">
                        <ul>
                            <li class="home-data-area-graph-tsukai-houdai-list-box" id="mydcm_home_data-04_remaingb">
                                <dl class="home-data-area-graph-tsukai-houdai-list">
                                    <dt class="home-data-area-graph-tsukai-houdai-list-txt">速度低下まで</dt>
                                    <dd>残り<span class="home-data-area-graph-tsukai-houdai-list-value"></span>
                                        <span class="home-data-area-graph-tsukai-houdai-list-gb">GB</span>
                                    </dd>
                                </dl>
                            </li>
                            <li class="home-data-area-graph-tsukai-houdai-list-box" id="mydcm_home_data-04_usedgb">
                                <dl class="home-data-area-graph-tsukai-houdai-list">
                                    <dt class="home-data-area-graph-tsukai-houdai-list-txt">利用済みデータ量</dt>
                                    <dd>
                                        <span class="home-data-area-graph-tsukai-houdai-list-value"></span>
                                        <span class="home-data-area-graph-tsukai-houdai-list-gb">GB</span>
                                    </dd>
                                </dl>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <dl class="home-data-area-representative-list" id="mydcm_home_data-03">
                <dt id="mydcm_home_data-03-01">
                    <p class="home-data-area-representative-list-txt">
                        <span class="home-data-area-representative-list-txt-mark">内</span>
                        <span id="mydcm_home_data-03-01_msn"></span>
                    </p>
                </dt>
                <dd class="home-data-area-representative-list-graph-box" id="mydcm_home_data-03-02">
                    <p class="home-data-area-representative-list-graph" id="mydcm_home_data-03-02_bargraph">
                        <svg></svg>
                    </p>
                </dd>
                <dd class="home-data-area-representative-list-gb" id="mydcm_home_data-03-03">
                    <p>
                        <span id="mydcm_home_data-03-03_used"></span>
                        <span class="home-data-area-representative-list-gb-txt">GB</span>
                    </p>
                </dd>
                <dd class="home-data-area-representative-list-slowing-down" id="mydcm_home_data-03-04">
                    <p>速度低下中</p>
                </dd>
            </dl>
            <div id="mydcm_home_data-05">
                <div class="home-data-area-btn-box" id="mydcm_home_data-05-01">
                    <a class="home-data-area-btn mydcm-ua-sp" href="https://payment2.smt.docomo.ne.jp/smph/charges/gkzap002.srv" data-id="MYDClick-templates_20m4-top-home_data-0004-data-cfm">1GB追加</a>
                    <a class="home-data-area-btn mydcm-ua-pcTabAll" href="https://payment2.smt.docomo.ne.jp/pcguide/charges/gkzap001.srv" data-id="MYDClick-templates_20m4-top-home_data-0005-data-cfm">1GB追加</a>
                    <a class="home-data-area-btn" href="https://application.ald.smt.docomo.ne.jp/VIEW_ESITE/est/sc/main.jsp?nid=ESG250101BJP&dcmreturl=https%3A%2F%2Fwww%2edocomo%2ene%2ejp%2Fmydocomo%2F" data-id="MYDClick-templates_20m4-top-home_data-0006-olt">スピードモードの設定</a>
                </div>
                <div class="home-data-area-btn-box" id="mydcm_home_data-05-02_ahamo">
                    <a class="home-data-area-btn mydcm-ua-sp" href="https://payment2.smt.docomo.ne.jp/smph/charges/gkzap002.srv" data-id="MYDClick-templates_20m4-top-home_data-0007-data-cfm">1GB追加</a>
                    <a class="home-data-area-btn mydcm-ua-pcTabAll" href="https://payment2.smt.docomo.ne.jp/pcguide/charges/gkzap001.srv" data-id="MYDClick-templates_20m4-top-home_data-0008-data-cfm">1GB追加</a>
                </div>
            </div>
            <div class="home-data-area-btn-box" id="mydcm_home_data-06">
                <a class="home-data-area-btn" href="https://application.ald.smt.docomo.ne.jp/VIEW_ESITE/est/sc/main.jsp?nid=ESG250101BJP&dcmreturl=https%3A%2F%2Fwww%2edocomo%2ene%2ejp%2Fmydocomo%2F" data-id="MYDClick-templates_20m4-top-home_data-0009-olt">スピードモードの設定</a>
                <a class="home-data-area-more-btn-flex icon-24px common-grayborder-whitebk-btn common-bk-img-after" href="/mydocomo/data/" data-id="MYDClick-templates_20m4-top-home_data-0010">詳細を確認</a>
            </div>
            <div class="home-data-area-btn-box" id="mydcm_home_data-07">
                <a class="home-data-area-btn home-data-area-long-btn mydcm-ua-sp" href="https://payment2.smt.docomo.ne.jp/smph/charges/gkzap002.srv" data-id="MYDClick-templates_20m4-top-home_data-0011-data-cfm">速度制限解除（2GB追加）</a>
                <a class="home-data-area-btn home-data-area-long-btn mydcm-ua-pcTabAll" href="https://payment2.smt.docomo.ne.jp/pcguide/charges/gkzap001.srv" data-id="MYDClick-templates_20m4-top-home_data-0012-data-cfm">速度制限解除（2GB追加）</a>
            </div>
            <div class="home-data-area-btn-box home-data-area-btn-box-2" id="mydcm_home_data-08">
                <a class="home-data-area-more-btn icon-24px common-grayborder-whitebk-btn common-bk-img-after" href="/mydocomo/data/" data-id="MYDClick-templates_20m4-top-home_data-0013">詳細を確認</a>
            </div>
            <div id="mydcm_home_data-09">
                <div class="usage-fee-area-morebtn-nosim-recommend-box" id="mydcm_home_data-09_gigaplan_setting">
                    <a class="usage-fee-area-morebtn-nosim-recommend icon-24px common-grayborder-whitebk-btn common-bk-img-after mydcm-ua-sp" href="https://payment2.smt.docomo.ne.jp/smph/charges/gkzdp002.srv" data-id="MYDClick-templates_20m4-top-home_data-0014-data-cfm">上限設定オプション</a>
                    <a class="usage-fee-area-morebtn-nosim-recommend icon-24px common-grayborder-whitebk-btn common-bk-img-after mydcm-ua-pcTabAll" href="https://payment2.smt.docomo.ne.jp/pcguide/charges/gkzdp002.srv" data-id="MYDClick-templates_20m4-top-home_data-0015-data-cfm">上限設定オプション</a>
                </div>
                <div class="home-data-area-btn-box home-data-area-btn-box-2">
                    <a class="home-data-area-more-btn icon-24px common-grayborder-whitebk-btn common-bk-img-after" href="/mydocomo/data/" data-id="MYDClick-templates_20m4-top-home_data-0016">詳細を確認</a>
                </div>
            </div>
        </div>
    {{/if}}
{{/if}}