<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta id="format-detection" name="format-detection" content="telephone=no">
    <meta id="site-name" name="site-name" content="{{ config('settings.site_name') }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta http-equiv="Content-Language" content="ja">
    <meta name="google-site-verification" content="" />
    <meta name="google" content="notranslate">

    <title>{{ $title }}</title>

    <meta data-vue-meta="1" data-vmid="keywords" id="keywords" name="keywords" content="{{ $keywords }}">
    <meta data-vue-meta="2" data-vmid="description" id="description" name="description" content="{{ $description }}">
    <meta data-vue-meta="3" data-vmid="image" id="image" name="image" content="{{ $image }}">

    <meta property="og:site_name" content="{{ config('settings.site_name') }}">
    <meta property="og:type" content="website">
    <meta data-vue-meta="4" data-vmid="og_url" id="og_url" property="og:url" content="{{ url()->current() }}">
    <meta data-vue-meta="5" data-vmid="og_title" id="og_title" property="og:title" content="{{ $title }}">
    <meta data-vue-meta="6" data-vmid="og_description" id="og_description" property="og:description" content="{{ $description }}">
    <meta data-vue-meta="7" data-vmid="og_image" id="og_image" property="og:image" content="{{ $image }}">

    <meta name="twitter:site" content="{{ config('settings.site_name') }}">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:creator" content="">
    <meta data-vue-meta="8" data-vmid="twitter_title" id="twitter_title" name="twitter:title" content="{{ $title }}">
    <meta data-vue-meta="9" data-vmid="twitter_description" id="twitter_description" name="twitter:description" content="{{ $description }}">
    <meta data-vue-meta="10" data-vmid="twitter_image_src" id="twitter_image_src" name="twitter:image:src" content="{{ $image }}">
    <meta http-equiv="origin-trial" content="">

    <link rel="apple-touch-icon" href="{{ url('/') }}/favicon.ico">
    {{--<link rel="apple-touch-icon" type="image/png" sizes="57x57" href="{{ url('/') }}/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="{{ url('/') }}/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" type="image/png" sizes="72x72" href="{{ url('/') }}/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="{{ url('/') }}/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" type="image/png" sizes="114x114" href="{{ url('/') }}/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="{{ url('/') }}/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" type="image/png" sizes="144x144" href="{{ url('/') }}/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" type="image/png" sizes="152x152" href="{{ url('/') }}/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="{{ url('/') }}/favicon/apple-icon-180x180.png">--}}

    <link rel="shortcut icon" href="{{ url('/') }}/favicon.ico">
    {{--<link rel="icon" type="image/png" sizes="192x192"  href="{{ url('/') }}/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ url('/') }}/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="{{ url('/') }}/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ url('/') }}/favicon/favicon-16x16.png">--}}

    {{--<link rel="manifest" href="{{ url('/') }}/favicon/manifest.json">--}}
    <meta name="msapplication-TileColor" content="#ffffff">
    {{--<meta name="msapplication-TileImage" content="{{ url('/') }}/favicon/ms-icon-144x144.png">--}}
    <meta name="theme-color" content="#ffffff">

    <style>
        #loading_first {
            display: block;
            position: relative;
            width: 80px;
            height: 80px;
            margin: 150px auto 50px;
        }
    </style>

    {{--<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>--}}

    {{--<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet preload prefetch" href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap" as="style" type="text/css" crossorigin="anonymous"/>--}}

    <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
    <script type="text/javascript" async="" src="/js/analytics.js"></script>
    <script type="text/javascript" async="" src="/js/js_bk.js"></script>
    <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/js/utils.js"></script>
    <script type="text/javascript" src="/js/calendar.js"></script>

    <script async="" src="/js/ytag.js"></script>
    <script>
        window.yjDataLayer = window.yjDataLayer || [];

        function ytag() {
            yjDataLayer.push(arguments);
        }

        ytag({"type": "ycl_cookie"});
    </script>


    <script type="text/javascript">
        var gWEBROOT = '/';
    </script>

    <script type="text/javascript">
        $('.nav a').on('click', function () {
            if (window.innerWidth <= 768) {
                $('.navbar-toggle').click();
            }
        });
    </script>

    {{--<script type="text/javascript" async="" src="/js/f.txt"></script>--}}
</head>
<body id="top">
    <div id="loading_first">Loading...</div>
    <div id="app">
        <app></app>
    </div>

    <script async src="{{ mix('js/manifest.js') }}" defer></script>
    <script async src="{{ mix('js/vendor.js') }}" defer></script>
    <script async src="{{ mix('js/app.js') }}" defer></script>

    <noscript id="deferred-styles">
        <link rel="stylesheet" href="{{ mix('css/style.css') }}" type="text/css">
    </noscript>
    <script>
        var loadDeferredStyles = function() {
            var addStylesNode = document.getElementById("deferred-styles");
            var replacement = document.createElement("div");
            replacement.innerHTML = addStylesNode.textContent;
            document.body.appendChild(replacement)
            addStylesNode.parentElement.removeChild(addStylesNode);
        };
        var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
            window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
        if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
        else window.addEventListener('load', loadDeferredStyles);
    </script>

    {{--{!! config('settings.google_analytics') !!}--}}

    <script type="text/javascript" src="/js/top.js"></script>
    <script type="text/javascript" src="/js/slick.min.js"></script>
    <script type="text/javascript" src="/js/scripts.min.js"></script>
    <script type="text/javascript" src="/js/main.min.js"></script>
    <script type="text/javascript" src="/js/custom.js"></script>
    <script type="text/javascript" src="/js/carousel.js"></script>
    <script type="text/javascript" src="/js/search_keyword.js"></script>

    {{--<script>
        function initSlider() {
            if($('.slider-top').length > 0) {
                $('.slider-top').slick({
                    autoplay: true,
                    autoplaySpeed: 5000,
                    centerMode: true,
                    centerPadding: '20%',
                    dots: false,
                    arrows: true,
                    slidesToShow: 1,
                    responsive: [
                        {
                            breakpoint: 768, //767px以下のサイズに適用
                            settings: {
                                centerPadding: '10%',
                            }
                        }
                    ]
                });
            } else {
                setTimeout(function () {
                    initSlider();
                }, 500);
            }
        }

        $(document).ready(function () {
            initSlider();
        });
    </script>--}}
</body>
</html>
