# サムネイル

## 角丸

    <img src="" alt="" class="acms-img-rounded">

## シャドウ

    <img src="" alt="" class="acms-img-shadow">

## 枠

    <img src="" alt="" class="acms-img-bordered">

## キャプション

キャプション

    <div class="acms-img-captionBox">
    <img src="" alt="">
    <div class="acms-img-caption">キャプション</div>
    </div>

## acms-img-roundedと合わせると

キャプション

    <div class="acms-img-captionBox acms-img-rounded">
    <img src="" alt="">
    <div class="acms-img-caption">キャプション</div>
    </div>

## acms-img-borderedと合わせると

キャプション

    <div class="acms-img-captionBox">
    <img src="" alt="" class="acms-img-bordered">
    <div class="acms-img-caption">キャプション</div>
    </div>

## hoverしたらキャプションが見える

キャプション

    <a class="acms-img-captionBox">
    <img src="" alt="">
    <p class="acms-img-caption acms-img-hover">キャプション</p>
    </a>

## 全部合わせると

キャプション

    <a class="acms-img-captionBox acms-img-rounded">
    <img src="" alt="" class="acms-img-bordered acms-img-shadow">
    <p class="acms-img-caption acms-img-hover">キャプション</p>
    </a>

## 文章付き

サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。

サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。

サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。

    <a class="acms-thumbnail">
    <img src="" alt="">
    <p>サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。サムネイルのサンプルテキスト。</p>
    </a>