lead=

|photo_center
|I@001.jpg,caption|




;;link;;


<div class="article-box">
<p>
【編集部MEMO】<br>

</p>
</div>

<!-- Original start -->
画像
<!-- Original end -->

<!-- Original start -->
※映画『東京リベンジャーズ2』特集は[こちら!](https://news.mynavi.jp/feature/revengers2/)
<!-- Original end -->

<!-- Original start -->
※映画『るろうに剣心 最終章』特集は[こちら!](https://news.mynavi.jp/feature/rurounikenshin/)
<!-- Original end -->



<div align="center"></div>

<div class="article-box">
<p>背景色を変更したい場合はこちらの記述を使って下さい(div class="article-box")</p></div>


|photo_center hold
|I@002.jpg|I@003.jpg|I@004.jpg|I@005.jpg|I@006.jpg|I@007.jpg|I@008.jpg|I@009.jpg|I@010.jpg|I@011.jpg|I@012.jpg|I@013.jpg|I@014.jpg|I@015.jpg|I@016.jpg|I@017.jpg|I@018.jpg|I@019.jpg|I@020.jpg|I@021.jpg|I@022.jpg|I@023.jpg|I@024.jpg|I@025.jpg|I@026.jpg|I@027.jpg|I@028.jpg|I@029.jpg|I@030.jpg|I@031.jpg|I@032.jpg|I@033.jpg|I@034.jpg|I@035.jpg|I@036.jpg|I@037.jpg|I@038.jpg|I@039.jpg|I@040.jpg|I@041.jpg|I@042.jpg|I@043.jpg|I@044.jpg|I@045.jpg|I@046.jpg|I@047.jpg|I@048.jpg|I@049.jpg|I@050.jpg|I@051.jpg|I@052.jpg|I@053.jpg|I@054.jpg|I@055.jpg|I@056.jpg|I@057.jpg|I@058.jpg|I@059.jpg|I@060.jpg|I@061.jpg|I@062.jpg|I@063.jpg|I@064.jpg|I@065.jpg|I@066.jpg|I@067.jpg|I@068.jpg|I@069.jpg|I@070.jpg|I@071.jpg|I@072.jpg|I@073.jpg|I@074.jpg|I@075.jpg|I@076.jpg|I@077.jpg|I@078.jpg|I@079.jpg|I@080.jpg|I@081.jpg|I@082.jpg|I@083.jpg|I@084.jpg|I@085.jpg|I@086.jpg|I@087.jpg|I@088.jpg|I@089.jpg|I@090.jpg|I@091.jpg|I@092.jpg|I@093.jpg|I@094.jpg|I@091.jpg|I@092.jpg|I@093.jpg|I@094.jpg|I@095.jpg|I@096.jpg|I@097.jpg|I@098.jpg|I@099.jpg|I@100.jpg|I@101.jpg|I@102.jpg|I@103.jpg|I@104.jpg|

キャプションあり
<div class="video">
  <iframe src="https://www.youtube.com/embed/XpvWd2uSmyQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>


キャプションなし
<div class="video photo_table">
  <iframe src="URL" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
 <p class="photo_table__caption">キャプション</p>
</div>

・著者プロフィール

<div data-template="author"></div>


- 客観・公平・中立を重視し、有益で価値ある情報の提供を目指します。
- 法令や社会規範を遵守し、公正かつ適正な情報を発信していきます。
- 独自の視点を持った良質な情報の発信を通じて、豊かな社会の創造に寄与します。


改行の手前で半角スペースを2つ  
入れると改行できます。

1. 数字リスト1
1. 数字リスト2
1. 数字リスト3

> ここがBlockquoteになっています。SEOへの影響もあるので、引用の場合のみ利用可能です。

<div class="article-box">
<p>背景色を変更したい場合はこちらの記述を使って下さい(div class="article-box")</p>
</div>

 **太字**はstrongタグを使わず、マークダウンもしくは<span class="bold">こちらの記述</span>を使って下さい。



### 新しい画像入稿方法
  
|photo_center  
|I@001.jpg,caption|
  
|photo_center  
|I@001.jpg| I@002.jpg
|M@100%幅のキャプションカラムです。このキャプションはマークダウンから設定しています。|

|photo_center  
|I@001.jpg,caption| I@002.jpg,caption|I@003.jpg,caption

|photo_center  
|I@001.jpg,caption| I@002.jpg,caption|I@003.jpg,caption|I@001.jpg,このキャプションはマークダウンから設定しています。

|photo_center 
|I@001.jpg,caption| I@002.jpg,caption|I@003.jpg,caption|I@001.jpg,caption|I@002.jpg,caption


|photo_center hold
|I@001.jpg,caption| I@002.jpg,caption|I@003.jpg,caption|I@001.jpg,caption
|M@SPサイトでも横並びのままです。このキャプションはマークダウンから設定しています。|

***

### 新しい画像入稿方法(画像の右寄せ・左寄せ)

|photo_left
|I@001.jpg,短いと中央寄せ(250px固定)|

[マイナビニュース](http://news.mynavi.jp/)は、株式会社マイナビが運営するニュース・コラムサイトです。
「その先を伝える総合情報サイト」をキャッチコピーに、タイムリーな話題の提供、新しいジャンルへの展開、新技術の導入を随時進めて参ります。ぜひご利用のほどよろしくお願い申し上げます。
[マイナビニュース](http://news.mynavi.jp/)は、株式会社マイナビが運営するニュース・コラムサイトです。
「その先を伝える総合情報サイト」をキャッチコピーに、タイムリーな話題の提供、新しいジャンルへの展開、新技術の導入を随時進めて参ります。ぜひご利用のほどよろしくお願い申し上げます。

|photo_right
|I@001.jpg,長くなると自動で左寄せに長くなると自動で左寄せに|

[マイナビニュース](http://news.mynavi.jp/)は、株式会社マイナビが運営するニュース・コラムサイトです。
「その先を伝える総合情報サイト」をキャッチコピーに、タイムリーな話題の提供、新しいジャンルへの展開、新技術の導入を随時進めて参ります。ぜひご利用のほどよろしくお願い申し上げます。 
  [マイナビニュース](http://news.mynavi.jp/)は、株式会社マイナビが運営するニュース・コラムサイトです。
「その先を伝える総合情報サイト」をキャッチコピーに、タイムリーな話題の提供、新しいジャンルへの展開、新技術の導入を随時進めて参ります。ぜひご利用のほどよろしくお願い申し上げます。

|photo_right style="width: 400px"
|I@001.jpg,サイズの指定も可能です(400pxを指定)|

[マイナビニュース](http://news.mynavi.jp/)は、株式会社マイナビが運営するニュース・コラムサイトです。
「その先を伝える総合情報サイト」をキャッチコピーに、タイムリーな話題の提供、新しいジャンルへの展開、新技術の導入を随時進めて参ります。ぜひご利用のほどよろしくお願い申し上げます。
[マイナビニュース](http://news.mynavi.jp/)は、株式会社マイナビが運営するニュース・コラムサイトです。
「その先を伝える総合情報サイト」をキャッチコピーに、タイムリーな話題の提供、新しいジャンルへの展開、新技術の導入を随時進めて参ります。ぜひご利用のほどよろしくお願い申し上げます。

罫線↓

***


下記はソースコードです。各行の先頭に4つ以上のスペースを使用してください

    # Tab
    class Hoge
        def hoge
            print 'hoge'
        end
    end


関連記事はテスト環境のみ有効です。



;;link;;
/article/002-1
/article/20171018-2348

;;site;;
マイナビニュース
http://news.mynavi.jp/
ITSearch+
/itsearch/




;;page;;
title=2ページ目タイトルをここに設定します

## 大見出しになります

### 表組み:tableの組み方

|table class="Table1" align="center"|
|*テーブルヘッダ1|*テーブルヘッダ2|
|テーブル内容1|テーブル内容2|


|table class="Table1" align="center"|
|*テーブルヘッダ1|*テーブルヘッダ2|*テーブルヘッダ3|
|テーブル内容1|テーブル内容2|テーブル内容3|
||3.テーブル内容4|

### 小見出しになりますその2

いろいろとテストしてみてください!