@extends('template')
@section('head')
@endsection

@section('content')
<div class="wrapper">
    <div class="two-column--area">
        <div class="two-column__side">
            @include('area/side')
        </div>
        <div class="two-column__main">
            <section class="area-main">
                <h2 class="area-main__title">
                    ●●線●●駅周辺の不動産の購入
                </h2>
                <div class="area-main__wrapper">
                    <div class="area-main__school-first">
                        <div class="area-main__images--school">
                            <img src="{{root('img/area/school.jpg')}}" alt="">
                        </div>
                        <div class="area-main__links--school">
                          <a href="" class="area-main__link">
                              <i class="fab fa-sistrix"></i><span>●●駅のすべての物件(000)</span><i class="fas fa-chevron-right"></i>
                          </a>
                            <a href="" class="area-main__link">
                                <i class="far fa-building"></i><span>●●駅の中古マンション(000)</span><i class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__link">
                                <i class="fas fa-home"></i><span>●●駅の新築一戸建て(000)</span><i class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__link">
                                <i class="fas fa-home"></i><span>●●駅の中古一戸建て(000)</span><i class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__link">
                                <i class="fas fa-street-view"></i><span>●●駅の土地(000)</span><i class="fas fa-chevron-right"></i>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="area-main__info">
                    <div class="area-main__info-title">
                        ●●線●●駅の特徴
                    </div>
                    <div class="area-main__info-text-long">
                        大東市野崎1丁目1-12
                        にあるJR学研都市線『野崎』駅は、明治時代の1899年5月15日に開設された歴史ある駅です。駅周辺は、学校が集中していて、緑風冠高校、大阪産業大学、大阪産業大学短期大学部、大阪桐蔭中学校・高校、大阪府立野崎高校があります。学校周辺は塾も多くあります。駅は学生の利用が多いため、朝は電車の本数が増え、混雑します。駅から東へ向かって徒歩10分には、のざき観音、慈眼寺があります。5月には野崎祭りが開催され、個性的な屋台が並び、多くの観光客でにぎわいます。
                        大東市野崎1丁目1-12
                        にあるJR学研都市線『野崎』駅は、明治時代の1899年5月15日に開設された歴史ある駅です。駅周辺は、学校が集中していて、緑風冠高校、大阪産業大学、大阪産業大学短期大学部、大阪桐蔭中学校・高校、大阪府立野崎高校があります。学校周辺は塾も多くあります。駅は学生の利用が多いため、朝は電車の本数が増え、混雑します。
                    </div>
<div class="area-main__info-images">

                        <img src="{{root('img/area/fam.png')}}" alt="">
                    </div>
                </div>
                <div class="area-main__wrapper">
                    <div class="area-main__details-title">
                        <i class="fas fa-subway"></i>●●線●●駅の基本情報
                    </div>
                    <div class="area-main__lists">
                        <dl class="area-main__list">
                            <dt>停車する電車</dt>
                            <dd>普通電車</dd>
                        </dl>
                        <dl class="area-main__list">
                            <dt>主要駅までの所要時間</dt>
                            <dd>「大阪」駅まで　17分（普通→「芦屋」駅で新快速に乗り換え）、「三ノ宮」駅まで　12分（普通）</dd>
                        </dl>
                        <dl class="area-main__list">
                            <dt>主要駅からの最終電車</dt>
                            <dd>「大阪」駅から　00:28（普通）、「三ノ宮」から　00:34（普通）</dd>
                        </dl>
                        <dl class="area-main__list">
                            <dt>施設</dt>
                            <dd>コンビニ（ハートイン）</dd>
                        </dl>
                    </div>
                    <div class="area-main__details-title">
                        <i class="fas fa-map-marker-alt"></i>●●線●●駅の周辺マップ
                    </div>
                    <iframe class="area-main__iframe"
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3252.463467416934!2d139.5782312508941!3d35.39376095319437!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185b325cca3545%3A0x8f0999e9e5a8ae88!2z44CSMjM0LTAwNTEg56We5aWI5bed55yM5qiq5rWc5biC5riv5Y2X5Yy65pel6YeO77yU5LiB55uu!5e0!3m2!1sja!2sjp!4v1555073235796!5m2!1sja!2sjp"
                        width="600" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>

    <div class="area-main__details">
        <div class="area-main__details-title">
            <i class="fas fa-subway"></i>横浜市港南区の駅周辺の不動産情報
        </div>
        <p class="area-main__details-paragraph">
            横浜市港南区の駅周辺の不動産情報や駅の情報について詳しくご覧いただけます。
        </p>
        @for ($k = 0; $k < 2; $k++) <div class="area-main__details-tag">
            JR〇〇線
    </div>
    <hr class="area-main__details-line">
    @for ($i = 0; $i < 2; $i++) <div class="area-main__details-links">
        @for ($j = 0; $j < 4; $j++) <div class="area-main__details-link">
            <a href="">
                <i class="fas fa-chevron-right"></i>奈良駅
            </a>
</div>
@endfor
</div>
@endfor
@endfor
</div>
                    <div class="area-main__details">
                        <div class="area-main__details-title">
                            <i class="fas fa-school"></i>横浜市港南区の学校周辺の不動産情報
                        </div>
                        <p class="area-main__details-paragraph">
                            横浜市港南区の学校の特徴や通学区域、周辺の不動産の情報などを詳しくご覧いただけます。
                        </p>
                        <div class="area-main__details-tag">
                            小学校
                    </div>
                    <hr class="area-main__details-line">
                    @for ($i = 0; $i < 2; $i++) <div class="area-main__details-links">
                        @for ($j = 0; $j < 4; $j++) <div class="area-main__details-link">
                            <a href="">
                                <i class="fas fa-chevron-right"></i>●●小学校
                            </a>
                </div>
                @endfor
        </div>
        @endfor
                        <div class="area-main__details-tag">
                            中学校
                    </div>
                    <hr class="area-main__details-line">
                    @for ($i = 0; $i < 2; $i++) <div class="area-main__details-links">
                        @for ($j = 0; $j < 4; $j++) <div class="area-main__details-link">
                            <a href="">
                                <i class="fas fa-chevron-right"></i>●●中学校
                            </a>
                </div>
                @endfor
        </div>
        @endfor
    </div>

</div>
</section>
<section class="area-new">
    <div class="area-new__title">
        〇〇駅周辺の物件情報
    </div>
    <div class="area-new__links">
        @for ($i = 0; $i < 3; $i++)
        <a href="" class="area-new__link">
            <div class="area-new__image">
                <figure>
                <img src="{{root('img/top/bukken.jpg')}}" alt="">
                <figcaption><i class="fas fa-chevron-right"></i></figcaption></figure>
                <div class="area-new__tag-mansion">
                    マンション
                </div>
            </div>
            <div class="area-new__infos">
            <div class="area-new__name">
                あたり。物件名。あたり。
            </div>
            <div class="area-new__price">
                    <i class="fas fa-yen-sign"></i><span>0,000</span>万円（税込）
            </div>
            <div class="area-new__info">
                    <i class="fas fa-map-marker-alt"></i>神奈川県横浜市南区
            </div>
            <div class="area-new__info">
                    <i class="fas fa-subway"></i>京急本線/弘明寺 徒歩22分
            </div>
        </div>
        </a>
        @endfor
    </div>
     <div class="area-new__links">
        @for ($i = 0; $i < 3; $i++)
        <a href="" class="area-new__link">
            <div class="area-new__image">
                <figure>
                <img src="{{root('img/top/bukken.jpg')}}" alt="">
                <figcaption><i class="fas fa-chevron-right"></i></figcaption></figure>
                <div class="area-new__tag-mansion">
                    マンション
                </div>
            </div>
            <div class="area-new__infos">
            <div class="area-new__name">
                あたり。物件名。あたり。
            </div>
            <div class="area-new__price">
                    <i class="fas fa-yen-sign"></i><span>0,000</span>万円（税込）
            </div>
            <div class="area-new__info">
                    <i class="fas fa-map-marker-alt"></i>神奈川県横浜市南区
            </div>
            <div class="area-new__info">
                    <i class="fas fa-subway"></i>京急本線/弘明寺 徒歩22分
            </div>
        </div>
        </a>
        @endfor
    </div>
    <a href="/buy/bukkenlist" class="reform-overviews__link">
                     〇〇駅周辺の物件一覧<i class="fas fa-chevron-right"></i>
                 </a>
</section>
@include('area/shop')
@include('area/info')
</div>
</div>
</div>
@include('area/footer')
@endsection
