{% extends 'default_frame.twig' %}
{% block main %}
<div class="ec-ContentsRole">
<div class="breadcrumb">
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ url('homepage') }}">
<span itemprop="name">ミリオンストア・トップページ</span></a>
<meta itemprop="position" content="1" />
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ url('homepage') }}shopping-guide/">
<span itemprop="name">ご利用ガイド</span></a>
<meta itemprop="position" content="2" />
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ url('homepage') }}shopping-guide/mypage/">
<span itemprop="name">マイページ・設定方法</span></a>
<meta itemprop="position" content="3" />
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="last">
<a itemprop="item" href="{{ url('homepage') }}shopping-guide/mypage/04">
<span itemprop="name">お届け先情報追加</span></a>
<meta itemprop="position" content="4" />
</li>
</ol>
</div>
<section>
<h2 class="ttl-cmn-02">マイページ・設定方法</h2>
<nav>
<ul>
<li><a href="{{ url('homepage') }}shopping-guide/mypage">パスワード変更方法</a></li>
<li><a href="{{ url('homepage') }}shopping-guide/mypage/02">カード情報変更・登録</a></li>
<li><a href="{{ url('homepage') }}shopping-guide/mypage/03">定期コース発送日変更</a></li>
<li><a href="{{ url('homepage') }}shopping-guide/mypage/04">お届け先情報追加</a></li>
<li><a href="{{ url('homepage') }}shopping-guide/mypage/05">操作方法がわからない時は</a></li>
</ul>
</nav>
<section class="deliv">
<h3>住所登録方法</h3>
<section>
<dl>
<dt>マイページへログインし「お届け先一覧」を押します。</dt>
<dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_deliv_01.png')}}" alt="ログイン画面"></dd>
<dt>「新規お届け先を追加する」を押します。</dt>
<dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_deliv_02.png')}}" alt="マイページ・メニュー画面"></dd>
<dt>新規登録画面が出ますので登録お願いします。</dt>
<dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_deliv_03.png')}}" alt="クレジットカード変更画面"></dd>
<dt>お届け先一覧に追加されます。修正する場合には「変更」を、削除の場合は「×」を押してください。</dt>
<dd class="mb0"><img src="{{ asset('assets/img/shopping-guide/mypage/img_deliv_04.png')}}"
alt="クレジットカード再変更完了画面"></dd>
</dl>
<section class="contact">
<h3>操作方法がわからない時は</h3>
<p>■お電話によるお問い合わせ<br>
<a href="tel:0120229315"><img src="{{ asset('assets/img/common/img_tel.png') }}" alt="0120229315"
class="img_inq"></a><br>
</p>
<p>■メールでのお問い合わせ<br>
<a href="/contact"><img src="{{ asset('assets/img/common/btn_inquiry.png') }}" alt="メールでのお問い合わせはこちら"
class="img_inq"></a><br></em>
</p>
</section>
</section>
</section>
</section>
</div>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/shopping-guide-mypage.css') }}" media="all">
{% endblock %}