<div class="js-ajax_upload_image_unit entryFormColumn" aria-label="ユニットの入力が始まります">
  <!-- BEGIN adminEntryColumn -->
  <div id="more">
    <div class="sorthandle">
      <i class="acms-admin-icon-sort js-sp-sort-handle" aria-hidden="true"></i>
      <div class="js-normal-delimiter {members_only}">
        <!--T-->以下のユニットが<!--/T-->
        <span class="acms-admin-hide-sp"><!--T-->一覧表示時に<!--/T--></span>
        <!--T-->「続きを読む」<!--/T-->
        <span class="acms-admin-hide-sp"><!--T-->になります<!--/T--></span>
      </div>
      <div class="js-members-only-delimiter {members_only}">
        <!--T-->以下のユニットが<!--/T-->
        <!--T-->「会員限定」<!--/T-->
        <span class="acms-admin-hide-sp"><!--T-->になります<!--/T--></span>
      </div>
    </div>
  </div>
  <!-- BEGIN column:loop -->
  <div class="js-ajax_upload_image_box entryFormColumnItem entryFormColumnItem-opened" aria-label="<!--T-->ユニットが追加されました<!--/T-->" tabindex="-1">
    <!-- .entryFormColumnHead -->
    <div class="entryFormColumnHead clearfix">
      <p class="acms-admin-hide-visually" role="status" tabindex="-1" aria-hidden="true"><!--T-->ユニットが追加されました<!--/T--></p>
      <div class="sorthandle"><i class="acms-admin-icon-sort js-sp-sort-handle" aria-hidden="true"></i></div>
      <div class="entryFormColumnHeadAction">
        <p class="label" aria-label="{clname}<!--T-->ユニットが始まります<!--/T-->">{clname}</p>
        <button type="button" class="js-add-unit-parts addunit acms-admin-hide-sp"><i class="acms-admin-icon-plus js-acms-tooltip-hover" data-acms-position="top-left" role="tooltip" data-acms-tooltip="<!--T-->このユニットの下に新規ユニットを追加する<!--/T-->"></i></button>
        <button type="button" class="togglebody acms-admin-hide-sp"><i class="acms-admin-icon-contract js-acms-tooltip-hover" data-acms-position="top-left" role="tooltip" data-acms-tooltip="<!--T-->このユニットのコンテンツ部分を閉じる<!--/T-->"></i></button>
        <button type="button" class="removethis"><i class="acms-admin-icon-cross js-acms-tooltip-hover" data-acms-position="top-left" role="tooltip" data-acms-tooltip="<!--T-->このユニットを削除する<!--/T-->"></i></button>
      </div>

      <input type="hidden" name="id[]" value="{uniqid}">
      <input type="hidden" name="type[]" value="{cltype}">
      <input type="hidden" name="clid[]" value="{clid}">

      <div class="entryFormColumnHeadLayoutBox"><!-- BEGIN sort:veil -->
        <select name="sort[]" aria-label="<!--T-->ユニットの並び順<!--/T-->"><!-- BEGIN sort:loop -->
          <option value="{value}"{selected}>{label}</option><!-- END sort:loop -->
        </select><!-- END sort:veil -->

        <label for="unit-align-" class="js-align_label entryFormColumnHeadLabel"><!--T-->配置<!--/T-->:</label>
        <select name="align[]" id="unit-align-">
          <!-- BEGIN align#liquid -->
          <option value="auto"{align:selected#auto}><!--T-->おまかせ<!--/T--></option>
          <option value="center"{align:selected#center}><!--T-->全体<!--/T--></option>
          <option value="hidden"{align:selected#hidden}><!--T-->非表示<!--/T--></option>
          <!-- END align#liquid -->
          <!-- BEGIN align#solid -->
          <option value="auto"{align:selected#auto}><!--T-->おまかせ<!--/T--></option>
          <option value="left"{align:selected#left}><!--T-->左<!--/T--></option>
          <option value="right"{align:selected#right}><!--T-->右<!--/T--></option>
          <option value="center"{align:selected#center}><!--T-->中央<!--/T--></option>
          <option value="hidden"{align:selected#hidden}><!--T-->非表示<!--/T--></option>
          <!-- END align#solid -->
          <!-- BEGIN align#etc -->
          <option value="auto"{align:selected#auto}><!--T-->おまかせ<!--/T--></option>
          <option value="hidden"{align:selected#hidden}><!--T-->非表示<!--/T--></option>
          <!-- END align#etc -->
        </select>

        <!-- BEGIN group:veil -->
        <label class="js-group_label entryFormColumnHeadLabel" for="unit-group-"><!--T-->グループ<!--/T-->:</label>
        <select id="unit-group-" name="group[]" class="entryFormSelectBottom"><!-- BEGIN group:loop -->
          <option value="{value}"{selected}>{label}</option><!-- END group:loop -->
        </select><!-- END group:veil -->

        <!-- BEGIN clattr#none -->
        <input type="hidden" name="attr[]" value=""><!-- END clattr#none --><!-- BEGIN clattr:veil -->
        <label for="unit-attr-" class="entryFormColumnHeadLabel"><!--T-->属性<!--/T-->:</label>
        <select id="unit-attr-" name="attr[]" class="entryFormSelectBottom"><!-- BEGIN clattr:loop -->
          <option value="{value}"{selected}>{label}</option><!-- END clattr:loop -->
        </select><!-- END clattr:veil -->
      </div>
    </div>
    <!-- /.entryFormColumnHead -->
    <!-- .entryFormColumnBody -->
    <div class="entryFormColumnBody">
      <!-- BEGIN text -->
      @section(admin-text-unit)
      <!--
        - テキストタグセレクトで textarea 要素を利用する値を選択した場合は通常の textarea 要素と同じで、校正オプションを適用しない
        - テキストタグセレクトで JavaScript ライブラリをを利用する値を選択した場合は、JavaScript 側でエスケープ済みのHTMLを復元するため、2重エスケープが必要。そのため raw + escape 校正オプションを適用する
        - escape 校正オプションは、グローバル変数など、a-blog cms の変数をエスケープして利用するために必要
      -->
      <textarea
        name="text_text_{id}"
        aria-label="<!--T-->テキストユニットに内容を入力する<!--/T-->"
        rows="10"
        style="width:100%;"
        class="entryFormTextarea {diff}"
      ><!-- BEGIN_IF [{selected_tag}/re/^(ul|ol|dl|pre|blockquote|none|markdown|table|template|div)]-->{text}[escvars]<!-- ELSE -->{text}[raw|escape|escvars]<!-- END_IF--></textarea>
      <div class="js-extendTagSelect">
        <select name="text_tag_{id}" aria-label="<!--T-->タグを選択する<!--/T-->"><!-- BEGIN textTag:loop -->
          <option value="{value}" {selected} data-tag_extend="{extend}">{label}</option><!-- END textTag:loop -->
        </select>
        <div class="acms-admin-extend-field-wrap">
          <label for="unit_text_extend_tag-{id}" class="acms-admin-extend-field"></label>
          <input type="text" name="text_extend_tag_{id}" value="{extend_tag}" id="unit_text_extend_tag-{id}" class="acms-admin-extend-field-input">
        </div>
      </div>
      <div class="editTextInsert">
        <span class="emoji-edit"></span><!-- BEGIN_IF [%{MEDIA_LIBRARY}/eq/on] -->
        <a href="#" class="js-media_insert" data-tab="upload"><!--T-->メディアを挿入<!--/T--></a><!-- END_IF -->
      </div>
      @endsection
      <!-- END text -->
      <!-- BEGIN table -->
      @section(admin-table-unit)
      <div class="entryFormColumnTable {diff}">
        <div class="acms-admin-table-unit-container">
          <div class="acms-admin-table-unit-wrap">
            <div class="acms-admin-table-unit-inner js-table-unit">
              <!-- BEGIN_IF [{table}[delnl]/em] -->
              <div class="js-editable-table-{id}">
                <table>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </table>
                <input type="hidden" name="table_source_{id}[]" value="{table}" class="js-editable-table-dest" />
              </div>
              <!-- ELSE -->
              <div class="js-editable-table-{id}" data-dest="table_source_{id}[]">
                {table}[raw]
                <input type="hidden" name="table_source_{id}[]" value="{table}" class="js-editable-table-dest" />
              </div>
              <!-- END_IF -->
            </div>
          </div>
        </div>
      </div>
      @endsection
      <!-- END table -->
      <!-- BEGIN image -->
      @section(admin-image-unit)
      <div class="js-img_resize">
        <div class="js-drop_area">
          <div class="acms-admin-drop-area-wrap">
            <div class="acms-admin-drop-area">
              <div class="acms-admin-drop-area-inner">
                <span class="acms-admin-icon acms-admin-icon-media acms-admin-drop-area-icon"></span>
                <p class="acms-admin-drop-area-text"><!--T-->ここにファイルをドロップ<!--/T--></p>
              </div>
            </div>
          </div>
          <table class="entryFormColumnTable {diff}">
            <tr>
              <!-- BEGIN_IF [{tiny}/nem/] -->
              <td class="entryFormFileentryFormImages">
                <a
                  href="%{HTTP_ARCHIVES_DIR}{popup}"
                  data-caption="{caption}"
                  class="js-smartphoto js-img_resize_preview_old"
                >
                  <img
                    src="%{ARCHIVES_DIR}{tiny}"
                    width="{tinyX}"
                    height="{tinyY}"
                    alt="<!--T-->プレビュー<!--/T-->"
                    class="entryFormFileImage"
                  >
                </a>
                <img src="" alt="<!--T-->プレビュー<!--/T-->" class="js-img_resize_preview entryFormFileImage" style="display:none;">
              </td>
              <!-- ELSE -->
              <td class="entryFormFileentryFormImages">
                <img src="" alt="<!--T-->プレビュー<!--/T-->" class="js-img_resize_preview entryFormFileImage" style="display:none;">
              </td>
              <!-- END_IF -->
              <td class="entryFormFileControl">
                <div class="acms-admin-form-group">
                  <input type="file" name="image_file_{id}[]" size="20" multiple="multiple" accept="image/*" id="unit-image-file-{id}" class="js-img_resize_input acms-admin-hide-visually">
                  <label for="unit-image-file-{id}" class="acms-admin-btn-admin" style="cursor:pointer;"><i class="acms-admin-icon-config_export"></i><!--T-->ファイル選択<!--/T--></label>

                  <button class="js-img_exif_add acms-admin-btn-admin acms-admin-btn-admin-info" style="display: none;"><!--T-->撮影データをキャプションに追加<!--/T--></button>
                  <input class="js-img_exif_data" type="hidden" name="image_exif_{id}[]" value="{exif}" />
                </div>
                <div class="entryFormFileControlSelects">
                  <div class="entryFormFileControlSelectsItem">
                    <select name="image_size_{id}" class="acms-admin-select-block"><!-- BEGIN size:loop -->
                      <option value="{value}:{display}"{selected}>{label}</option><!-- END size:loop -->
                    </select>
                    <input type="hidden" name="old_image_size_{id}" value="{size_old}" />
                  </div>
                  <div class="entryFormFileControlSelectsItem">
                    <select name="image_edit_{id}" class="acms-admin-select-block">
                      <option value="none"{edit:selected#none}><!--T-->編集しない<!--/T--></option>
                      <option value="deleteLarge"{edit:selected#deleteLarge}><!--T-->拡大表示させない<!--/T--></option><!-- BEGIN rotate -->
                      <option value="rotate270"{edit:selectedEditRotate270}><!--T-->時計回りで90度回転<!--/T--></option>
                      <option value="rotate90"{edit:selectedEditRotate90}><!--T-->反時計回りで90度回転<!--/T--></option>
                      <option value="rotate180"{edit:selectedEditRotate180}><!--T-->180度回転<!--/T--></option><!-- END rotate -->
                      <option value="delete"{edit:selected#delete}><!--T-->削除<!--/T--></option>
                    </select>
                  </div>
                </div>
                <table class="entryFormImageTable">
                  <tr class="detail-column-head">
                    <td colspan="2"><!-- BEGIN normal:veil -->
                      <strong>Normal </strong>({normalX} x {normalY})<!-- END normal:veil --><!-- BEGIN large:veil -->
                      <strong class="imageLargeSize">Large </strong>({largeX} x {largeY})<!-- END large:veil -->
                    </td>
                  </tr>
                  <tr class="textM detail-column-body detail-column-body--{id}">
                    <th><label for="unit-image-caption-{id}"><!--T-->キャプション<!--/T--></label></th>
                    <td>
                      <textarea name="image_caption_{id}" rows="1" id="unit-image-caption-{id}" class="js-img_exif_caption acms-admin-form-width-full">{caption}</textarea>
                      <input type="hidden" name="image_old_{id}" value="{old}">
                    </td>
                  </tr>
                  <tr class="textM detail-column-body detail-column-body--{id}">
                    <th><label for="unit-image-link-{id}"><!--T-->リンク<!--/T--></label></th>
                    <td><input type="text" name="image_link_{id}" value="{link}" id="unit-image-link-{id}" class="acms-admin-form-width-full"></td>
                  </tr>
                  <tr class="textM detail-column-body detail-column-body--{id}">
                    <th><label for="unit-image-alt-text"><!--T-->代替テキスト<!--/T--></label></th>
                    <td>
                      <textarea name="image_alt_{id}" rows="1" id="unit-image-alt-text" class="acms-admin-form-width-full">{alt}</textarea>
                    </td>
                  </tr>
                  <tr class="textM">
                    <th></th>
                    <td><!-- BEGIN primaryImage:veil -->
                      <div class="acms-admin-form-radio">
                        <input type="radio" name="primary_image" value="{primaryImageId}"{primaryImageChecked}[raw] id="input-radio-image_primary_image_{primaryImageId}">
                        <label for="input-radio-image_primary_image_{primaryImageId}"><i class="acms-admin-ico-radio"></i><!--T-->メイン画像<!--/T--></label><!-- END primaryImage:veil -->
                      </div>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </div>
      </div>
      @endsection
      <!-- END image -->
      <!-- BEGIN file -->
      @section(admin-file-unit)
      <table class="entryFormColumnTable {diff}">
        <tr>
          <td class="entryFormFilePreview">
            <!-- BEGIN icon#none -->
            <img src="%{IMAGES_DIR}default/noimage.gif" width="100" height="100" alt="<!--T-->登録されていません<!--/T-->"><!-- END icon#none --><!-- BEGIN icon:veil -->
            <a href="%{HTTP_ARCHIVES_DIR}{old}" class="entryFormFileName"><img src="%{IMAGES_DIR}fileicon/{icon}.png" class="icon" alt="{type}" width="70" height="81" alt="<!--T-->登録したファイル<!--/T-->"></a>
            <!-- END icon:veil -->
            <input type="hidden" name="file_old_{id}" value="{old}">
          </td>
          <td class="entryFormFileControl">
            <table class="entryFormColumnSettingTable">
              <tr>
                <th><label for="entry-file"><!--T-->ファイル<!--/T--></label></th>
                <td><input type="file" name="file_file_{id}[]" id="entry-file" multiple="multiple">
                <!-- BEGIN fileDelete:veil --><br>
                <div class="acms-admin-form-checkbox">
                  <input type="checkbox" name="file_edit_{deleteId}" value="delete" id="input-checkbox-file_edit_{deleteId}">
                  <label for="input-checkbox-file_edit_{deleteId}"><i class="acms-admin-ico-checkbox"></i><!--T-->削除<!--/T--></label>
                </div><!-- END fileDelete:veil -->
                </td>
              </tr>
              <!-- BEGIN fileName:veil --><tr>
                <th><!--T-->ファイル名<!--/T--></th>
                <td>
                  <p class="entryFormFileName"><a href="%{HTTP_ARCHIVES_DIR}{old}">{basename}</a></p>
                </td>
              </tr><!-- END fileName:veil -->
              <tr>
                <th><label for="unit-file-caption-{id}"><!--T-->キャプション<!--/T--></label></th>
                <td>
                  <textarea name="file_caption_{id}" rows="1" id="unit-file-caption-{id}" class="acms-admin-form-width-full">{caption}</textarea>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      @endsection
      <!-- END file -->
      <!-- BEGIN osmap -->
      @section(admin-osmap-unit)
      <table class="formColumnMap {diff} js-geo-picker">
        <tr>
          <td class="formColumnMapTd">
            <div class="acms-admin-margin-bottom-small">
              <input type="text" size="34" name="mapSearchTexts[]" value="" class="mapSearchText js-osm-search">
              <input type="button" name="mapSearchButtons[]" value="検索" class="acms-admin-btn-admin js-osm-search-btn">
            </div>
            <div class="acms-admin-osm-container">
                <div class="acms-admin-gmap-container js-open-street-map-picker"></div>
            </div>
          </td>
          <td class="entryFormFileControl">
            <table class="acms-admin-margin-bottom-small">
              <tr>
                <th><label for="unit_map_size-{id}"><!--T-->地図の大きさ<!--/T--></label></th>
                <td>
                  <div class="acms-admin-form-group acms-admin-margin-none">
                    <select name="map_size_{id}" id="unit_map_size-{id}"><!-- BEGIN size:loop -->
                      <option value="{value}:{display}"{selected}>{label}</option><!-- END size:loop -->
                    </select>
                  </div>
                </td>
              </tr>
            </table>

            <table class="entryFormImageTable">
              <tr class="textM detail-column-body detail-column-body--{id}">
                <td>
                  <dl class="acms-admin-margin-none">
                    <dt><label for="unit-map-lat-{id}">緯度</label></dt>
                    <dd><input type="text" name="map_lat_{id}" value="{lat}" size="9" id="unit-map-lat-{id}" class="acms-admin-form-width-mini js-osm-lat"></dd>
                    <dt><label for="unit-map-lng-{id}">経度</label></dt>
                    <dd><input type="text" name="map_lng_{id}" value="{lng}" size="10" id="unit-map-lng-{id}" class="acms-admin-form-width-mini js-osm-lng"></dd>
                    <dt><label for="unit-map-zoom-{id}">ズーム</label></dt>
                    <dd><input type="number" name="map_zoom_{id}" value="{zoom}" size="2" id="unit-map-zoom-{id}" class="acms-admin-form-width-mini js-osm-zoom"></dd>
                    <dt><label for="unit-map-msg-{id}">吹き出し ( HTML可 )</label></dt>
                    <dd><textarea name="map_msg_{id}" rows="9" id="unit-map-msg-{id}" class="map_msg_id js-osm-msg">{msg}</textarea></dd>
                  </dl>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      @endsection
      <!-- END osmap -->
      <!-- BEGIN map -->
      @section(admin-map-unit)
      <table class="formColumnMap {diff}">
        <tr>
          <td class="formColumnMapTd">
            <div class="acms-admin-margin-bottom-small">
              <input type="text" size="34" name="mapSearchTexts[]" value="<!--T-->検索機能は使用できません。<!--/T-->" disabled="disabled" class="mapSearchText">
              <input type="button" name="mapSearchButtons[]" value="<!--T-->検索<!--/T-->" disabled="disabled" class="acms-admin-btn-admin">
            </div>
            <div class="acms-admin-gmap-container">
              <img class="column-map" src="https://maps.google.com/maps/api/staticmap?center={lat},{lng}&zoom={zoom}&size=400x400&maptype=roadmap&markers={lat},{lng}&key=%{GOOGLE_API_KEY}" width="400" height="400">
            </div>
            <div class="acms-admin-gmap-container">
              <div class="js-map_editable-panorama" style="width: 100%; height: 600px; display: none;">
            </div>
            </div>
          </td>
          <td class="entryFormFileControl">
            <table class="acms-admin-margin-bottom-small">
              <tr>
                <th style="white-space: nowrap;"><label for="unit_map_size-{id}"><!--T-->地図の大きさ<!--/T--></label></th>
                <td>
                  <div class="acms-admin-form-group acms-admin-margin-none">
                    <select name="map_size_{id}" id="unit_map_size-{id}"><!-- BEGIN size:loop -->
                      <option value="{value}:{display}"{selected}>{label}</option><!-- END size:loop -->
                    </select>
                  </div>
                </td>
              </tr>
              <tr>
                <th>ストリートビュー</th>
                <td colspan="2">
                  <div class="acms-admin-form-checkbox">
                    <input type="checkbox" name="map_view_activate_{id}" value="true" {view_activate:checked#true} id="unit_map_view_activate_{id}" />
                    <label for="unit_map_view_activate_{id}">
                      <i class="acms-admin-ico-checkbox"></i>利用する
                    </label>
                  </div>
                </td>
              </tr>
            </table>
            <table class="entryFormImageTable js-streetview-table" <!-- BEGIN_IF [{view_activate}/em] --> style="display:none;"<!-- END_IF -->>
              <tr class="detail-column-head" id="streetview-column--{id}">
                <td>
                  <a href="#" class="toggle">
                    <span class="acms-admin-icon-arrow-small-right" aria-hidden="true"></span> <!--T-->詳細<!--/T-->
                  </a>
                </td>
              </tr>
              <tr class="textM detail-column-body streetview-column-body--{id}">
                <td>
                  <dl class="acms-admin-margin-none">
                    <dt>
                      <label for="unit-map-view-pitch-{id}"><!--T-->ピッチ<!--/T--></label>
                    </dt>
                    <dd>
                      <input type="text" name="map_view_pitch_{id}" value="{view_pitch}" size="9" id="unit-map-view-pitch-{id}" class="acms-admin-form-width-mini">
                    </dd>
                    <dt>
                      <label for="unit-map-view-zoom-{id}"><!--T-->ズーム<!--/T--></label>
                    </dt>
                    <dd>
                      <input type="text" name="map_view_zoom_{id}" value="{view_zoom}" size="9" id="unit-map-view-zoom-{id}" class="acms-admin-form-width-mini">
                    </dd>
                    <dt>
                      <label for="unit-map-heading-{id}"><!--T-->ヘディング<!--/T--></label>
                    </dt>
                    <dd>
                      <input type="text" name="map_view_heading_{id}" value="{view_heading}" size="9" id="unit-map-view-heading-{id}" class="acms-admin-form-width-mini">
                    </dd>
                  </dl>
                </td>
              </tr>
            </table>
            <table class="entryFormImageTable js-map-table" <!-- BEGIN_IF [{view_activate}/nem] --> style="display:none;"<!-- END_IF -->>
              <tr class="detail-column-head" id="detail-column--{id}">
                <td>
                  <a href="#" class="toggle"><span class="acms-admin-icon-arrow-small-right" aria-hidden="true"></span> <!--T-->詳細<!--/T--></a>
                </td>
              </tr>
              <tr class="textM detail-column-body detail-column-body--{id}">
                <td>
                  <dl class="acms-admin-margin-none">
                    <dt><label for="unit-map-lat-{id}"><!--T-->緯度<!--/T--></label></dt>
                    <dd><input type="text" name="map_lat_{id}" value="{lat}" size="9" id="unit-map-lat-{id}" class="acms-admin-form-width-mini"></dd>
                    <dt><label for="unit-map-lng-{id}"><!--T-->経度<!--/T--></label></dt>
                    <dd><input type="text" name="map_lng_{id}" value="{lng}" size="10" id="unit-map-lng-{id}" class="acms-admin-form-width-mini"></dd>
                    <dt><label for="unit-map-zoom-{id}"><!--T-->ズーム<!--/T--></label></dt>
                    <dd><input type="text" name="map_zoom_{id}" value="{zoom}" size="2" id="unit-map-zoom-{id}" class="acms-admin-form-width-mini"></dd>
                    <dt><label for="unit-map-msg-{id}"><!--T-->吹き出し ( HTML可 )<!--/T--></label></dt>
                    <dd><textarea name="map_msg_{id}" rows="9" id="unit-map-msg-{id}" class="map_msg_id">{msg}</textarea></dd>
                  </dl>
                </td>
              </tr>
            </table>
            @include("/include/gmaps-error.html")
          </td>
        </tr>
      </table>
      @endsection
      <!-- END map -->

      <!-- BEGIN youtube -->
      @section(admin-youtube-unit)
      <table class="entryFormColumnSettingTable entryFormColumnTable {diff}">
      <tr>
        <!-- BEGIN_IF [{youtubeId}/nem/] -->
        <td class="entryFormFileentryFormImages">
          <iframe width="240" height="150" src="https://www.youtube.com/embed/{youtubeId}?wmode=transparent" frameborder="0" allowfullscreen></iframe>
        </td>
        <!-- END_IF -->
        <td class="entryFormFileControl">
          <table>
          <tr>
            <th><label for="unit-youtube-id-{id}">YouTube ID</label></th>
            <td><input name="youtube_id_{id}" type="text" value="{youtubeId}" size="15" id="unit-youtube-id-{id}"></td>
          </tr>
          <tr>
            <th><label for="unit-youtube-size-{id}"><!--T-->サイズ<!--/T--></label></th>
            <td>
              <select name="youtube_size_{id}" id="unit-youtube-size-{id}"><!-- BEGIN size:loop -->
                <option value="{value}:{display}"{selected}>{label}</option><!-- END size:loop -->
              </select>
            </td>
          </tr>
          </table>
        </td>
      </tr>
      </table>
      @endsection
      <!-- END youtube -->
      <!-- BEGIN video -->
      @section(admin-video-unit)
      <table class="entryFormColumnSettingTable entryFormColumnTable {diff}">
      <tr>
        <!-- BEGIN_IF [{videoId}/nem/] -->
        <td class="entryFormFileentryFormImages">
          <iframe width="240" height="150" src="https://www.youtube.com/embed/{videoId}?wmode=transparent" frameborder="0" allowfullscreen></iframe>
        </td>
        <!-- END_IF -->
        <td class="entryFormFileControl">
          <table>
          <tr>
            <th><label for="unit-video-id-{id}">Video ID</label></th>
            <td><input name="video_id_{id}" type="text" value="{videoId}" size="15" id="unit-video-id-{id}"></td>
          </tr>
          <tr>
            <th><label for="unit-video-size-{id}"><!--T-->サイズ<!--/T--></label></th>
            <td>
              <select name="video_size_{id}" id="unit-video-size-{id}"><!-- BEGIN size:loop -->
                <option value="{value}:{display}"{selected}>{label}</option><!-- END size:loop -->
              </select>
            </td>
          </tr>
          </table>
        </td>
      </tr>
      </table>
      @endsection
      <!-- END video -->
      <!-- BEGIN eximage -->
      @section(admin-eximage-unit)
      <table class="entryFormColumnSettingTable entryFormColumnTable {diff}">
      <tr><!-- BEGIN_IF [{normal}/nem] -->
        <td class="entryFormFileentryFormImages"><!-- BEGIN preview:veil -->
          <a
            href="{normal}"
            data-caption="{caption}"
            class="js-smartphoto"
          >
            <img src="{normal}" alt="<!--T-->プレビュー<!--/T-->" class="entryFormFileImage">
          </a><!-- END preview:veil -->
        </td><!-- END_IF -->
        <td class="entryFormFileControl">
          <dl class="acms-admin-margin-none acms-admin-margin-small">
            <dt><label for="unit-eximage-normal-{id}"><!--T-->標準画像<!--/T--></label></dt>
            <dd><input type="text" name="eximage_normal_{id}" size="45" value="{normal}" id="unit-eximage-normal-{id}" class="entryFormInputText acms-admin-form-width-full" placeholder="例）https://"></dd>

            <dt><label for="unit-eximage-large-{id}"><!--T-->拡大画像<!--/T--></label></dt>
            <dd><input type="text" name="eximage_large_{id}" size="45" value="{large}" id="unit-eximage-large-{id}" class="entryFormInputText acms-admin-form-width-full" placeholder="例）https://"></dd>

            <dt><label for="unit-eximage-size-{id}"><!--T-->画像の大きさ<!--/T--></label></dt>
            <dd>
              <select name="eximage_size_{id}" id="unit-eximage-size-{id}"><!-- BEGIN size:loop -->
                <option value="{value}:{display}"{selected}>{label}</option><!-- END size:loop -->
                <option value=""{size:selected#none}><!--T-->そのまま<!--/T--></option>
              </select>
            </dd>
          </dl>

          <table class="entryFormImageTable">
            <tr class="detail-column-head" id="detail-column--{id}">
              <td colspan="2">
                <a href="#" class="toggle"><span class="acms-admin-icon-arrow-small-right" aria-hidden="true"></span> <!--T-->詳細<!--/T--></a>
              </td>
            </tr>
            <tr class="textM detail-column-body detail-column-body--{id}">
              <th><label for="unit-eximage-caption-{id}"><!--T-->キャプション<!--/T--></label></th>
              <td><textarea name="eximage_caption_{id}" rows="1" id="unit-eximage-caption-{id}" class="acms-admin-form-width-full">{caption}</textarea>
              </td>
            </tr>
            <tr class="textM detail-column-body detail-column-body--{id}">
              <th><label for="unit-eximage-link-{id}"><!--T-->リンク<!--/T--></label></th>
              <td><input type="text" name="eximage_link_{id}" value="{link}" id="unit-eximage-link-{id}" class="entryFormInputText acms-admin-form-width-full"></td>
            </tr>
            <tr class="textM detail-column-body detail-column-body--{id}">
              <th><label for="unit-eximage-alt-text-{id}"><!--T-->代替テキスト<!--/T--></label></th>
              <td><textarea name="eximage_alt_{id}" rows="1" id="unit-eximage-alt-text-{id}" class="acms-admin-form-width-full">{alt}</textarea>
              </td>
            </tr>
          </table>
        </td>
      </tr>
      </table>
      @endsection
      <!-- END eximage -->
      <!-- BEGIN media -->
      @section(admin-media-unit)
      <!--
        - escape 校正オプションは、グローバル変数など、a-blog cms の変数をエスケープして利用するために必要
      -->
      <div
        class="js-media-unit"
        data-active="%{MEDIA_LIBRARY}"
        data-thumbnail="<!-- BEGIN_IF [{type}/eq/image] -->{tiny}<!-- ELSE_IF [{type}/eq/svg] -->{path}<!-- ELSE_IF [{thumbnail}/nem/] -->{thumbnail}<!-- ELSE_IF [{icon}/nem/] -->{icon}<!-- END_IF -->"
        data-pdf="{media_pdf}"
        data-pdf-icon="{use_icon}"
        data-path="{path}"
        data-media-dir="%{HTTP_MEDIA_ARCHIVES_DIR}"
        data-mid="<!-- BEGIN_IF [{media_id}/nem] -->{media_id}<!-- END_IF -->"
        data-diff="{diff}"
        data-type="<!-- BEGIN_IF [{media_id}/nem] -->{type}<!-- END_IF -->"
        data-landscape="{landscape}"
        data-id="{id}"
        data-root-dir="%{HTTP_ROOT}"
        data-bid="%{BID}"
        data-media-sizes='[<!-- BEGIN size:loop -->{
          "value": "{value}:{display}",
          "label": "{label}",
          "selected": <!-- BEGIN_IF [{selected}/nem] -->true<!-- ELSE -->false<!-- END_IF -->
        },<!-- END size:loop -->{

        }]'
        data-enlarged="<!-- BEGIN_IF [{enlarged:checked#no}/em] -->false<!-- ELSE -->true<!-- END_IF -->"
        data-primary-image-id="{primaryImageId}"
        data-primary="<!-- BEGIN_IF [{primaryImageChecked}/nem] -->true<!-- ELSE -->false<!-- END_IF -->"
        data-link="{link}"
        data-caption="{caption}"
        data-alt="{alt}"
        data-override-link="{override-link}[escvars]"
        data-override-alt="{override-alt}"
        data-override-caption="{override-caption}"
        data-text="{title}"
        data-name="{name}"
      ></div>
      @endsection
      <!-- END media -->
      <!-- BEGIN rich-editor -->
      @section(admin-rich-editor-unit)
      <div class="js-expand js-acms-expand">
        <div class="js-acms-expand-inner">
          <button class="js-expand-btn js-acms-expand-btn" type="button">
            <i class="acms-admin-icon acms-admin-icon-expand-arrow js-expand-icon"></i>
          </button>
          <div class="js-smartblock" data-heading-start="2" data-heading-end="3">
            <div class="js-smartblock-edit"></div>
            <input class="js-smartblock-body" type="hidden" name="rich-editor_json_{id}" value="{html}" />
          </div>
        </div>
      </div>
      @endsection
      <!-- END rich-editor -->

      <!-- BEGIN quote -->
      @section(admin-quote-unit)
      <table class="entryFormColumnSettingTable entryFormColumnTable {diff}">
        <tr class="entryFormFileControl">
          <th><label for="unit-quote-link-{id}"><!--T-->引用URL<!--/T--></label></th>
          <td>
            <input
              type="text"
              name="quote_url_{id}"
              size="45"
              value="{quote_url}"
              id="unit-quote-link-{id}"
              class="entryFormInputText acms-admin-form-width-full"
            />
          </td>
        </tr>
      </table>
      @endsection
      <!-- END quote -->

      <!-- BEGIN break -->
      @section(admin-break-unit)
      <input type="text" name="break_label_{id}" value="{label}" style="width:98%" placeholder="<!--T-->例）続きをみる<!--/T-->">
      @endsection
      <!-- END break -->

      <!-- BEGIN module -->
      @section(admin-module-unit)
       <div class="acms_layout_unit acms_layout_module_unit">
        <div class="js-acms_layout_edit_box">
          <button type="button" class="js-acms_layout_select_module acms-admin-btn-admin acms-admin-btn-small"><span class="acms-admin-icon acms-admin-icon-module"></span><!--T-->モジュール<!--/T--></button>
        </div>
        <div class="js-acms_layout_contents js-acms_layout_module_box" data-col="1">
          {view}[raw|allow_dangerous_tag]
        </div>
      </div>

      <input type="hidden" name="module_mid_{id}" value="{mid}">
      <input type="hidden" name="module_tpl_{id}" value="{tpl}">
      @endsection
      <!-- END module -->

      <!-- BEGIN custom -->
      @include("/admin/entry/unit/custom.html")
      <!-- END custom -->

      @include("/admin/entry/unit/extend.html")
    </div>
    <!-- /.entryFormColumnBody -->
  </div><!-- END column:loop -->
  <!-- END adminEntryColumn -->

  <div class="formEntryActionUnit ablogcms--column-add-btn">
    <div class="sorthandle">
      <span class="adminBtn"><i class="acms-admin-icon-sort js-sp-sort-handle" aria-hidden="true"></i><!--T-->追加<!--/T--></span>
    </div>
    <span class="buttonlist"></span>
  </div>
</div>
