@extends('layout.admin.main')
@push('css')
    <link rel="stylesheet" href="/css/admin/step_add_bot.css?v={{config('sns-line.version')}}">
    <style>
        div button {
            display: block;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            padding: 10px 10px;
            font-size: 85%;
            background: #4A96B2;
            color: #fff;
            margin-top: 5px;
            border: 0;
            width: 50%;
            cursor: pointer;

        }

        .center {
            text-align: center;
        }

        .center input, .center button {
            width: 5%;
            margin: 20px auto;
            font-size: 100%;
            text-align: center;
            border-radius: 20px;
        }

        .change-bot-new {
            width: 14%;
            position: absolute;
            right: 30px;
            bottom: 30px;
        }

        /*#liff_app_id {*/
        /*    border: 1px solid #bbb*/
        /*}*/

        #base_url {
            border: 1px solid #bbb
        }

        .StripeElement--focus {
            border-color: #80BDFF;
        }
        /* Can't see what I type without this */
        #card-number.form-control,
        #card-cvc.form-control,
        #card-exp.form-control {
            display:block;
        }
        .row-base{
            background: #fff;
            display: flex;
            align-items: center;
            margin: 8px 0px 22px 0px;
            border-radius: 5px 0 0 5px;


        }
        .box-content{
            background-color: rgba(229,229,229,1);
            padding: 30px;
            border-radius: 5px;

        }
        .row-base .title{
            background-color: rgba(8,191,90,1);
            color: #fff;
            padding: 16px;
            border-radius: 5px;
        }

        .sub-title{
            font-size: 18px !important;
        }
        .mt-3{
            margin-top: 30px;
        }
        .ml-3{
            margin-left: 30px;
        }
        .mt-2{
            margin-top: 20px;
        }
        .content .glyphicon{
            margin-left: 20px;
            cursor: pointer;
            color: rgba(112,112,112,1);;
        }
        #step2_form input[type="text"]{
            height: auto;
        }
        #changeImg{
            height: 27px;
            margin-left: 23px;
            margin-bottom: 5px;
            width: 47px;
            background: rgba(165,165,165,1);
        }
        .title-step-add
        {
            padding: 11px;
            font-size: 20px;
            font-weight: bold;
            background-color: #f4f4f4;
            border-left: 9px solid #08bf5a;
            margin-top: 45px;
            margin-bottom: 11px;
        }
        .copy-notification {
            color: #ffffff;
            background-color: rgba(0,0,0,0.8);
            padding: 20px;
            border-radius: 30px;
            position: fixed;
            top: 50%;
            left: 50%;
            width: 250px;
            margin-top: -30px;
            margin-left: -85px;
            display: none;
            text-align:center;
        }
        .copy-text:hover{
            cursor: pointer;
        }

        .step4 .text-left {
            color: #2C2C2C !important;
            background: white !important;
            border-bottom: 2px solid #CCCCCC;
        }

        .step4 .row-item .col-xs-3{
            padding: 2px;
        }

        .step4 .row-item .col-xs-6{
            padding: 2px;
        }

        .step4 .row-item .col-xs-3 .column {
            background-color: #EFF7ED;
            text-align: center;
            font-size: 16px;
            color: #08BF5A;
            padding: 10px;
        }

        .step4 .row-item .col-xs-6 .column {
            background-color: #FFE8D5;
            text-align: center;
            font-size: 16px;
            color: #FE7500;
            padding: 10px;
        }

    </style>
@endpush
@section('content')
    <article class="sub">
        <section class="step2" >
            <h2 style="font-size: 23px; color: #51595C; font-weight: bold; padding: 10px 10px 10px 0; margin: 0">
                LINE公式アカウント新規接続</h2>
            <br>
            <a target="_blank" href="https://go.lmes.jp/landing-qr/1656886828-yoaLLZlp?uLand=80rzHq" style="font-weight: bold; font-size: 18px;text-decoration: underline">
                LINE公式アカウントの仕様変更により現在新規接続操作ができない状況となっています。<br/><br/>

                2022年9月22日（木）正午頃までにシステムアップデートが完了する予定となっております。<br/><br/>

                ご迷惑おかけ致しまして誠に申し訳御座いませんが、アップデート完了まで今しばらくお待ちください。<br/><br/>

                アップデート完了後、サポートLINEにてご案内します。
            </a>
        </section>
    </article>
@endsection
@push('script')

@endpush