記事タイトル

「.c-article_body」の中身に以下のタグ（+クラス名）を入れることで、該当のあしらい、レイアウトになります。

見出しレベル2

見出しレベル3

見出しレベル4

段落
段落段落
「target="_blank"」のaタグには外部リンクマークが付きます。

text-align: left;

text-align: center;

text-align: right;

キャプション用。※画像キャプションなどでご利用ください。

リスト表示
リスト表示
リスト表示

先頭にドット付きのリスト表示
先頭にドット付きのリスト表示
先頭にドット付きのリスト表示

先頭に連番付きのリスト表示
先頭に連番付きのリスト表示
先頭に連番付きのリスト表示

基本のテーブル
th	td
th	td

幅指定クラスを付与したテーブル（SP表示時では幅指定は機能しません）
th.w15	th.w25	th.w60
td	td	td

定義・説明リスト: 定義・説明リスト内容

背景色ありのブロック

記事のカテゴリに応じた背景色が付きます。
※どのカテゴリの記事かは、「article.c-article」に付与されている、「is-【サブサイトのパス】」のクラス名で判断します。

Trends in Japan = 「is-trends」
Kids Web Japan = 「is-kidsweb」

ボーダーありのブロック

↑矢印付きリンクは、記事サブサイトに応じた矢印の色になります。
※どのサブサイトの記事かは、「article.c-article」に付与されている、「is-【サブサイトのパス】」のクラス名で判断します。

画像 / モーダル表示

imgタグに**「.full」**を付与すると、ブロックに対しての画像幅が100%表示になります。

外側が**「.box-image」**の場合、SP表示時に左右余白が追加されます。

画像モーダル表示
※Javascriptをoffにした環境では機能しません。

幅指定（PC表示時のみ有効）

幅指定のクラスは、10〜90%まで5%刻みで用意しています。

w10

w90

w15

w85

w20

w80

w25

w75

w30

w70

w35

w65

w40

w60

w45

w55

w50

w30

w25

w50

カラムレイアウト

「.box」>「.columns」>「.column」+「.w30」
PC表示時に横並び+幅30%。SP表示時は縦積み。

Colorful origami paper With so many different colors, you will not know which one to choose

Origami paper decorated with traditional Japanese patterns. These patterns incorporate flowers, water, and other things from nature

「.box-image」>「.columns」>「.column」+「.w50」
PC表示時に横並び+幅50%。SP表示時は縦積み。「.box-image」バージョン。
画像表示100％「img.full」も同時に指定しています。

「.box-image」>「.columns」>「.column」+「.w40/.w30/.w25」
PC表示時に横並び。

“*Fugaku Sanjurokkei: Gaifu Kaisei*” (Thirty-six Views of Mount Fuji: Fine Wind, Clear Morning) is one of *Katsushika Hokusai*

「.box」>「.columns」>「.column」+「.w20 / .w80」
PC表示時に横並び。

●Name: Ruby
●Jewelry name: Ruby
●Breed: Japanese Rabbit
●Male or female: Female
●Power of Jewelry: Boosts luck and helps you to overcome difficulties.

●Name: Sapphie
●Jewelry name: Sapphire
●Breed: Cavalier
●Male or female: Female
●Power of Jewelry: Luck with friendship. Brings wisdom and cool-headedness. Increases your sense of beauty.

「.box-bg」>「.columns」>「.column」×3
PC表示時に横並び。幅指定なし。

A tap that serves the area's specialty orange juice

フロートレイアウト

「.box」>「.fl-left」+「.w25」
フロートするアイテムに対して「.w25」で幅も同時に指定しています。
SP表示時はフロートせず、縦積み、幅狭めになります。

Taps serving crab soup stock (courtesy of Yonago Airport Building)

Tottori Prefecture is known as the best area in Japan for catching crabs and here, at Yonago Kitaro Airport, you could sample a delicious warm soup full of crab extract, free of charge. In 2018, "crab soup taps” were set up, for the winter season only, and attracted crowds of tourists both from Japan and from abroad.

There are "apple juice taps" in Aomori Prefecture - an area well known for producing apples. And in Kagawa Prefecture, which is well known for traditional Sanuki Udon noodles, there are taps that serve warm udon soup stock. You can find these taps all over the place - in airports, in shopping centers and at events etc.

※アラビア語サイトでは左右逆の配置になります。

「.box」>「.fl-right」+「.w60」
フロートするアイテムに対して「.w60」で幅も同時に指定しています。
SP表示時はフロートせず、縦積み、幅狭めになります。
※画像表示100％「img.full」も同時に指定しています。

An autonomous vehicle during an experiment on a highway. The computer locates highway entrances and exits, switches on the turn indicator when it approaches its destination and heads for the exit. The developer sitting in the driving seat is not touching the steering wheel. © Kyodo News Service.

　One of the world's leading car manufacturers aims to launch a computer-operated car by 2020. Currently, research into avoiding obstacles on roads is ongoing, with the use of test courses. Even when rain or snow causes visibility to be poor, millimeter-wave radar, which can accurately measure the distance between the car and objects around it, can locate obstacles 200 meters ahead. The experimental car has four to six cameras attached. Camera images of obstacles located by the millimeter-wave radar are analyzed by a computer which makes judgments on what they are. If the obstacle is a pedestrian, the computer will reduce the car’s speed and pass safely, and if the obstacle is a large stone, the computer will operate the steering wheel to avoid it. The reflected rays of the laser continually observe the surroundings, not only in front of the car but also to the side and rear, for obstacles such as other cars and bicycles.

「.box」>「.fl-left」+「.w20」
フロートするアイテムに対して「.w20」で幅も同時に指定しています。
SP表示時はフロートせず、縦積み、幅狭めになります。