スタジオコンチーゴ株式会社WEBサイトガイドライン
レギュレーションサイト

横並びカラム

2カラム ul li

  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
<ul class="twoColumns">
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
</ul>

3カラム ul li

  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
<ul class="threeColumns">
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
</ul>

4カラム ul li(タブレット以下3カラム)

  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
<ul class="fourColumns">
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
</ul>

5カラム ul li(タブレット以下4カラム)

  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
<ul class="fiveColumns">
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像"></li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
</ul>

6カラム ul li(タブレット以下4カラム)

  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像
  • 画像
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
  • 画像画像キャプション
<ul class="sixColumns">
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像"></li>
<li><img src="/images/common/dum_02.jpg" alt="画像"></li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
<li><img src="/images/common/dum_02.jpg" alt="画像">画像キャプション</li>
</ul>

2カラム box

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

<div class="flex-container-two">
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
</div>

3カラム box

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

<div class="flex-container-three">
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
</div>

4カラム box

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

内部ページ

画像で表すHTML構造<

説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。

<div class="flex-container-four">
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>「
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>「
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
<section>
<h3>内部ページ</h3>
<div><img src="/files/page_files/regulation/regulation.jpg" width="1280" height="300" alt="画像で表すHTML構造<"></div>
<p>説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。説明文の挿入。</p>
</section>
</div>