2024.01.23

https://bdma.jp/158/

h1: たいとるほげほげほげほげ

h2 1番目です

h3 1番目です

h3 2番目です

h2 2番目です

h3 1番目です

h3 2番目です

テキストA

explore_nearby 東京神田・秋葉原・御茶ノ水

テキストBテキストB

テキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストC

アイコン左アイコン左

ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。
ここに2行目テキストが入ります。

アイコン右アイコン右

住所：: 東京都千代田区111-111

住所：: 東京都千代田区111-111

住所：: 東京都千代田区111-111

住所：: 東京都千代田区111-111

紹介記事

おすすめ3選おすすめ3選おすすめ3選

テキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストE

文字装飾

文字の太さが変わります。

<span class="font_bold">文字の太さ</span>が変わります。

文字のサイズが1.2倍になります。

<span class="font_size120">文字のサイズが1.2倍</span>になります。

文字のサイズが1.5倍になります。

<span class="font_size150">文字のサイズが1.5倍</span>になります。

文字のサイズが2倍になります。

<span class="font_size200">文字のサイズが2倍</span>になります。

文字の色・アンダーラインが変わります。

<span class="font_link">文字の色・アンダーライン</span>が変わります。

打消し線が表示されます。

<span class="font_line-through">打消し線</span>が表示されます。

文字装飾　を閉じる文字色

文字色がblackになります。

<span class="color_black">文字色がblack</span>になります。

文字色がwhiteになります。

<span class="color_white">文字色がwhite</span>になります。

文字色がgrayになります。

<span class="color_gray">文字色がgray</span>になります。

文字色がsilverになります。

<span class="color_silver">文字色がsilver</span>になります。

文字色がredになります。

<span class="color_red">文字色がred</span>になります。

文字色がblueになります。

<span class="color_blue">文字色がblue</span>になります。

文字色がskyblueになります。

<span class="color_skyblue">文字色がskyblue</span>になります。

文字色がgreenになります。

<span class="color_blue">文字色がgreen</span>になります。

文字色　を閉じる背景色

背景色がblackになります。

<span class="background_black">背景色がblack</span>になります。

背景色がwhiteになります。

<span class="background_white">背景色がwhite</span>になります。

背景色がgrayになります。

<span class="background_gray">背景色がgray</span>になります。

背景色がsilverになります。

<span class="background_silver">背景色がsilver</span>になります。

背景色がyellowになります。

<span class="background_yellow">背景色がyellow</span>になります。

背景色　を閉じる文字アンダーライン

黒色アンダーライン

黒色の下線が引かれます。

<span class="under_black">黒色の下線</span>が引かれます。

白色アンダーライン

白色の下線が引かれます。

<span class="under_white">白色の下線</span>が引かれます。

赤色アンダーライン

赤色の下線が引かれます。

<span class="under_red">赤色の下線</span>が引かれます。

青色アンダーライン

青色の下線が引かれます。

<span class="under_blue">青色の下線</span>が引かれます。

緑色アンダーライン

緑色の下線が引かれます。

<span class="under_green">緑色の下線</span>が引かれます。

黄色アンダーライン

黄色の下線が引かれます。

<span class="under_yellow">黄色の下線</span>が引かれます。

赤色アンダーライン2

赤色の下線が引かれます。

<span class="under_re2">赤色の下線</span>が引かれます。

青色アンダーライン2

青色の下線が引かれます。

<span class="under_blue2">青色の下線</span>が引かれます。

緑色アンダーライン2

緑色の下線が引かれます。

<span class="under_green2">緑色の下線</span>が引かれます。

黄色アンダーライン2

黄色の下線が引かれます。

<span class="under_yellow2">黄色の下線</span>が引かれます。

文字アンダーライン　を閉じる表（基本）

基本

1行1列	1行2列	1行3列
2行1列	2行2列	2行3列
3行1列	3行2列	3行3列

<table class="table_01">
  <tr>
    <td>1行1列</td><td>1行2列</td><td>1行3列</td>
  </tr>
  <tr>
    <td>2行1列</td><td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
    <td>3行1列</td><td>3行2列</td><td>3行3列</td>
  </tr>
</table>

見出し付き
（見出しとするセルを『th』タグとする）

見出し	見出し	見出し
見出し	2行2列	2行3列
見出し	3行2列	3行3列

<table class="table_01">
  <tr>
    <th>見出し</th><th>見出し</th><th>見出し</th>
  </tr>
  <tr>
    <th>見出し</th><td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
    <th>見出し</th><td>3行2列</td><td>3行3列</td>
  </tr>
</table>

セルを横方向に結合
（結合するth/tdタグに『colspan="n"』を記述）

1行1列
2行1列	2行2列	2行3列
3行1列	3行2列	3行3列

<table class="table_01">
  <tr>
    <td colspan="3">1行1列</td>
  </tr>
  <tr>
    <td>2行1列</td><td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
    <td>3行1列</td><td>3行2列</td><td>3行3列</td>
  </tr>
</table>

セルを縦方向に結合
（結合するth/tdタグに『rowspan="n"』を記述）

1行1列	1行2列	1行3列
	2行2列	2行3列
	3行2列	3行3列

<table class="table_01">
  <tr>
    <td rowspan="3">1行1列</td><td>1行2列</td><td>1行3列</td>
  </tr>
  <tr>
    <td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
    <td>3行2列</td><td>3行3列</td>
  </tr>
</table>

表（基本）　を閉じる表（セルの幅）

列幅50%
（tableタグに『table-width_50』のclassを付加）

1行1列

1行2列

<table class="table_01 table-width_50">
  <tr>
    <td>1行1列</td><td>1行2列</td>
  </tr>
</table>

列幅33%
（tableタグに『table-width_33』のclassを付加）

1行1列

1行2列

1行3列

<table class="table_01 table-width_33">
  <tr>
    <td>1行1列</td><td>1行2列</td><td>1行3列</td>
  </tr>
</table>

列幅25%
（tableタグに『table-width_25』のclassを付加）

1行1列

1行2列

1行3列

1行4列

<table class="table_01 table-width_25">
  <tr>
    <td>1行1列</td><td>1行2列</td><td>1行3列</td><td>1行4列</td>
  </tr>
</table>

列幅20%
（tableタグに『table-width_20』のclassを付加）

1行1列

1行2列

1行3列

1行4列

1行5列

<table class="table_01 table-width_20">
  <tr>
    <td>1行1列</td><td>1行2列</td><td>1行3列</td><td>1行4列</td><td>1行5列</td>
  </tr>
</table>

表（セルの幅）　を閉じる表（色の変更）

文字色/背景色を変更
（tr/th/tdタグに背景色用のclass、もしくはstyleを指定）

1行1列	1行2列	1行3列
2行1列	2行2列	2行3列
3行1列	3行2列	3行3列

<table class="table_01">
  <tr class="background_silver">
    <td>1行1列</td><td>1行2列</td><td>1行3列</td>
  </tr>
  <tr>
    <td>2行1列</td><td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
  <td class="color_white background_black">3行1列</td><td>3行2列</td><td>3行3列</td>
  </tr>
</table>

奇数行にstyle指定
（例：背景色の変更）

1行1列	1行2列	1行3列
2行1列	2行2列	2行3列
3行1列	3行2列	3行3列
4行1列	4行2列	4行3列

<style>
.table_odd tr:nth-child(2n-1) {
  background: #ccc;
}
</style>

<table class="table_01 table_odd">
  <tr>
    <td>1行1列</td><td>1行2列</td><td>1行3列</td>
  </tr>
  <tr>
    <td>2行1列</td><td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
    <td>3行1列</td><td>3行2列</td><td>3行3列</td>
  </tr>
  <tr>
    <td>4行1列</td><td>4行2列</td><td>4行3列</td>
  </tr>
</table>

偶数行にstyle指定
（例：文字色と背景色の変更）

1行1列	1行2列	1行3列
2行1列	2行2列	2行3列
3行1列	3行2列	3行3列
4行1列	4行2列	4行3列

<style>
.table_even tr:nth-child(2n) {
  color: #fff;
  background: #000;
}
</style>
<table class="table_01 table_even">
  <tr>
    <td>1行1列</td><td>1行2列</td><td>1行3列</td>
  </tr>
  <tr>
    <td>2行1列</td><td>2行2列</td><td>2行3列</td>
  </tr>
  <tr>
    <td>3行1列</td><td>3行2列</td><td>3行3列</td>
  </tr>
  <tr>
    <td>4行1列</td><td>4行2列</td><td>4行3列</td>
  </tr>
</table>

表（セルの色）　を閉じる会話風 / チャット風（吹き出し）

基本

アイコン左アイコン左

アイコン右アイコン右

<div class="chat">
  <div class="chat__img__left">
    <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

<div class="chat">
  <div class="chat__img chat__img__right">
    <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

チャット形式（アニメーション_vibration）

アイコン左アイコン左

アイコン右アイコン右

<div class="chat buruburu">
  <div class="chat__box__animation">
    <div class="chat__img__left">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>
<div class="chat buruburu">
  <div class="chat__box__animation">
    <div class="chat__img chat__img__right">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

チャット形式（アニメーション_hue-img）

アイコン左アイコン左

アイコン右アイコン右

<div class="chat hue-img">
  <div class="chat__box__animation">
    <div class="chat__img__left">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>
<div class="chat hue-img">
  <div class="chat__box__animation">
    <div class="chat__img chat__img__right">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

チャット形式（アニメーション_hue-chat）

アイコン左アイコン左

アイコン右アイコン右

<div class="chat hue-chat">
  <div class="chat__box__animation">
    <div class="chat__img__left">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>
<div class="chat hue-chat">
  <div class="chat__box__animation">
    <div class="chat__img chat__img__right">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

チャット形式（アニメーション_tornado）

アイコン左アイコン左

アイコン右アイコン右

<div class="chat tornado">
  <div class="chat__box__animation">
    <div class="chat__img__left">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>
<div class="chat tornado">
  <div class="chat__box__animation">
    <div class="chat__img chat__img__right">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

チャット形式（アニメーション_bounce）

アイコン左アイコン左

アイコン右アイコン右

<div class="chat bounce">
  <div class="chat__box__animation">
    <div class="chat__img__left bounce">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>
<div class="chat bounce">
  <div class="chat__box__animation">
    <div class="chat__img chat__img__right">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

チャット形式（アニメーション複合 / 最上部のdivに対象アニメーションのclassを記述）

アイコン左アイコン左

アイコン右アイコン右

<div class="chat hue-img hue-chat tornado">
  <div class="chat__box__animation">
    <div class="chat__img__left">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__aozakura.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__left">アイコン左アイコン左</div>
  <div class="chat__box__left">
    <div class="chat__box__left__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>
<div class="chat bounce tornado">
  <div class="chat__box__animation">
    <div class="chat__img chat__img__right">
      <img src="https://websunday.net/wp-content/uploads/2020/12/eximages__global__rensai__adastra.gif" alt="画像説明">
    </div>
  </div>
  <div class="chat__name__right">アイコン右アイコン右</div>
  <div class="chat__box__right">
    <div class="chat__box__right__text">
      ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。ここに1行目テキストが入ります。<br>
      ここに2行目テキストが入ります。
    </div>
  </div>
</div>

会話風 / チャット風（吹き出し）　を閉じる webサンデー用スタイル

見出し1

★TVアニメ『よふかしのうた』

<p class="tt1">★TVアニメ『よふかしのうた』</p>

見出し2

★TVアニメ『よふかしのうた』

<p class="tt2">★TVアニメ『よふかしのうた』</p>

見出し3

★TVアニメ『よふかしのうた』

<p class="tt3">★TVアニメ『よふかしのうた』</p>

サンプル

アニメイト
ゲーマーズ
コミックZIN
コミックとらのあな
メロンブックス
八重洲ブックセンター

<link href="/wp-content/themes/cms202008/assets/css/websunday2019/openbox.css" rel="stylesheet" type="text/css">
<script src="/wp-content/themes/cms202008/assets/js/websunday2019/openbox_min.js"></script>
<style>
.openboxbgbg {
    background-image: url(/wp-content/uploads/2021/04/global_js_openbox_img_setumei.png) !important;
    background-position: 0px -80px!important;
}
.sample li {width: 140px !important; }
</style>
<p class="sub-title">サンプル</p>
<div class="sample">
  <ul class="multi pkg">
    <li>
      <h5>アニメイト</h5>
      <div class="use_effect">
        <figure>
          <a href="（拡大画像URL）/wp-content/uploads/2022/06/0615-0801.jpg" rel="openbox[1]">
            <i class="rupe"></i>
            <img src="（縮小画像URL）/wp-content/uploads/2022/06/0615-0801t.jpg" alt="特典">
          </a>
        </figure>
      </div>
    </li>
    <li>
      <h5>ゲーマーズ</h5>
      <div class="use_effect">
        <figure style="opacity: 1;">
          <a href="/wp-content/uploads/2022/06/0615-0802.jpg" rel="openbox[1]">
            <i class="rupe"></i>
            <img src="/wp-content/uploads/2022/06/0615-0802t.jpg" alt="特典">
          </a>
        </figure>
      </div>
    </li>
    <li>
      <h5>コミックZIN</h5>
      <div class="use_effect">
        <figure>
          <a href="/wp-content/uploads/2022/06/0615-0803.jpg" rel="openbox[1]">
            <i class="rupe"></i>
            <img src="/wp-content/uploads/2022/06/0615-0803t.jpg" alt="特典">
          </a>
        </figure>
      </div>
    </li>
    <li>
      <h5>コミックとらのあな</h5>
      <div class="use_effect">
        <figure>
          <a href="/wp-content/uploads/2022/06/0615-0804.jpg" rel="openbox[1]">
            <i class="rupe"></i>
            <img src="/wp-content/uploads/2022/06/0615-0804t.jpg" alt="特典">
          </a>
        </figure>
      </div>
    </li>
    <li>
      <h5>メロンブックス</h5>
      <div class="use_effect">
        <figure>
          <a href="/wp-content/uploads/2022/06/0615-0805.jpg" rel="openbox[1]">
            <i class="rupe"></i>
            <img src="/wp-content/uploads/2022/06/0615-0805t.jpg" alt="特典">
          </a>
        </figure>
      </div>
    </li>
    <li>
      <h5>八重洲ブックセンター</h5>
      <div class="use_effect">
        <figure>
          <a href="/wp-content/uploads/2022/06/0615-0806-1.jpg" rel="openbox[1]">
            <i class="rupe"></i>
            <img src="/wp-content/uploads/2022/06/0615-0806t-1.jpg" alt="特典">
          </a>
        </figure>
      </div>
    </li>
  </ul>
</div>

ショップリスト

［名探偵コナン　ゼロの日常］[名探偵コナン警察学校編]フェア参加書店

北海道・東北
関東
中部・北陸
関西
中国・四国
九州・沖縄・国外

北海道	札幌市中央区	未来屋書店　桑園店
北海道	札幌市中央区	三省堂書店　札幌店
北海道	札幌市中央区	紀伊國屋書店　札幌本店
北海道	札幌市中央区	文教堂書店　宮の森店

北海道・東北
関東
中部・北陸
関西
中国・四国
九州・沖縄・国外

茨城県	水戸市	未来屋書店　水戸内原店
茨城県	水戸市	川又書店　県庁店

北海道・東北
関東
中部・北陸
関西
中国・四国
九州・沖縄・国外

新潟県	新潟市東区	蔦屋書店　河渡店
新潟県	新潟市東区	蔦屋書店　竹尾インター店

北海道・東北
関東
中部・北陸
関西
中国・四国
九州・沖縄・国外

滋賀県	大津市	サンミュージックハイパーブックス大津京店
滋賀県	大津市	未来屋書店　大津京店

北海道・東北
関東
中部・北陸
関西
中国・四国
九州・沖縄・国外

鳥取県	鳥取市	今井書店　吉成コミック店
鳥取県	鳥取市	今井書店　湖山メディア館

北海道・東北
関東
中部・北陸
関西
中国・四国
九州・沖縄・国外

福岡県	北九州市門司区	ブックセンタークエスト　門司大里店
福岡県	北九州市門司区	金山堂

<div class="shoplist">
  <p class="md1">［名探偵コナン　ゼロの日常］[名探偵コナン 警察学校編]フェア参加書店</p>
  <ul>
    <li><a href="#area1">北海道・東北</a></li>
    <li><a href="#area2">関東</a></li>
    <li><a href="#area3">中部・北陸</a></li>
    <li><a href="#area4">関西</a></li>
    <li><a href="#area5">中国・四国</a></li>
    <li><a href="#area6">九州・沖縄・国外</a></li>
  </ul>
  <table  id="area1">
    <tbody>
      <tr>
        <td>北海道</td>
        <td>札幌市中央区</td>
        <td>未来屋書店　桑園店</td>
      </tr>
      <tr>
        <td>北海道</td>
        <td>札幌市中央区</td>
        <td>三省堂書店　札幌店</td>
      </tr>
      <tr>
        <td>北海道</td>
        <td>札幌市中央区</td>
        <td>紀伊國屋書店　札幌本店</td>
      </tr>
      <tr>
        <td>北海道</td>
        <td>札幌市中央区</td>
        <td>文教堂書店　宮の森店</td>
      </tr>
    </tbody>
  </table>
  <ul>
    <li><a href="#area1">北海道・東北</a></li>
    <li><a href="#area2">関東</a></li>
    <li><a href="#area3">中部・北陸</a></li>
    <li><a href="#area4">関西</a></li>
    <li><a href="#area5">中国・四国</a></li>
    <li><a href="#area6">九州・沖縄・国外</a></li>
  </ul>
  <table  id="area2">
    <tbody>
      <tr>
        <td>茨城県</td>
        <td>水戸市</td>
        <td>未来屋書店　水戸内原店</td>
      </tr>
      <tr>
        <td>茨城県</td>
        <td>水戸市</td>
        <td>川又書店　県庁店</td>
      </tr>
    </tbody>
  </table>
  <ul>
    <li><a href="#area1">北海道・東北</a></li>
    <li><a href="#area2">関東</a></li>
    <li><a href="#area3">中部・北陸</a></li>
    <li><a href="#area4">関西</a></li>
    <li><a href="#area5">中国・四国</a></li>
    <li><a href="#area6">九州・沖縄・国外</a></li>
  </ul>
  <table  id="area3">
    <tbody>
      <tr>
        <td>新潟県</td>
        <td>新潟市東区</td>
        <td>蔦屋書店　河渡店</td>
      </tr>
      <tr>
        <td>新潟県</td>
        <td>新潟市東区</td>
        <td>蔦屋書店　竹尾インター店</td>
      </tr>
    </tbody>
  </table>
  <ul>
    <li><a href="#area1">北海道・東北</a></li>
    <li><a href="#area2">関東</a></li>
    <li><a href="#area3">中部・北陸</a></li>
    <li><a href="#area4">関西</a></li>
    <li><a href="#area5">中国・四国</a></li>
    <li><a href="#area6">九州・沖縄・国外</a></li>
  </ul>
  <table  id="area4">
    <tbody>
      <tr>
        <td>滋賀県</td>
        <td>大津市</td>
        <td>サンミュージックハイパーブックス大津京店</td>
      </tr>
      <tr>
        <td>滋賀県</td>
        <td>大津市</td>
        <td>未来屋書店　大津京店</td>
      </tr>
    </tbody>
  </table>
  <ul>
    <li><a href="#area1">北海道・東北</a></li>
    <li><a href="#area2">関東</a></li>
    <li><a href="#area3">中部・北陸</a></li>
    <li><a href="#area4">関西</a></li>
    <li><a href="#area5">中国・四国</a></li>
    <li><a href="#area6">九州・沖縄・国外</a></li>
  </ul>
  <table  id="area5">
    <tbody>
      <tr>
        <td>鳥取県</td>
        <td>鳥取市</td>
        <td>今井書店　吉成コミック店</td>
      </tr>
      <tr>
        <td>鳥取県</td>
        <td>鳥取市</td>
        <td>今井書店　湖山メディア館</td>
      </tr>
    </tbody>
  </table>
  <ul>
    <li><a href="#area1">北海道・東北</a></li>
    <li><a href="#area2">関東</a></li>
    <li><a href="#area3">中部・北陸</a></li>
    <li><a href="#area4">関西</a></li>
    <li><a href="#area5">中国・四国</a></li>
    <li><a href="#area6">九州・沖縄・国外</a></li>
  </ul>
  <table  id="area6">
    <tbody>
      <tr>
        <td>福岡県</td>
        <td>北九州市門司区</td>
        <td>ブックセンタークエスト　門司大里店</td>
      </tr>
      <tr>
        <td>福岡県</td>
        <td>北九州市門司区</td>
        <td>金山堂</td>
      </tr>
    </tbody>
  </table>
</div>

webサンデー用スタイル　を閉じる【無し】サンデーGX用スタイル

ここにコンテンツ

サンデーGX用スタイル　を閉じる【調整中】ゲッサン用スタイル

北海道・東北/関東/中部・北陸
 関西/中国・四国/九州・沖縄・その他

北海道・東北
北海道	ヴィレッジヴァンガード　札幌エスタ
北海道	紀伊國屋書店　札幌本店
北海道	三省堂書店　札幌店
北海道	ヴィレッジヴァンガード　イオン札幌苗穂
北海道	ヴィレッジヴァンガード　イオン札幌発寒
北海道	ＴＳＵＴＡＹＡ　札幌琴似店
北海道	紀伊國屋書店　厚別店
北海道	函館　蔦屋書店
北海道	ヴィレッジヴァンガード　小樽
北海道	喜久屋書店　小樽店
北海道	ＴＳＵＴＡＹＡ　室蘭店
北海道	岡書　西帯店
北海道	喜久屋書店　帯広店
北海道	ヴィレッジヴァンガード　イオン苫小牧
北海道	ＴＳＵＴＡＹＡ　苫小牧店
北海道	ＴＳＵＴＡＹＡ　苫小牧バイパス店
北海道	ヴィレッジヴァンガード　イオン三笠
北海道	ＴＳＵＴＡＹＡ　サーモンパーク店
北海道	ＴＳＵＴＡＹＡ　深川店
北海道	イオン　登別店
北海道	くまざわ書店　釧路店
北海道	中尾書店　（ＴＳＵＴＡＹＡ　中標津店）
青森県	ＴＳＵＴＡＹＡ　青森中央店
青森県	ブックスモア　青森中央店
青森県	ブックスモア　ベイブリッジ店
青森県	ツタヤブックストア　ヒロロ
青森県	ＴＳＵＴＡＹＡ　弘前店
青森県	ＮＥＴ２１伊吉書院類家店
青森県	ＴＳＵＴＡＹＡ　八戸ニュータウン店
青森県	ＴＳＵＴＡＹＡ　十和田元町店
青森県	ＴＳＵＴＡＹＡ　むつ店
青森県	ヴィレッジヴァンガードイオンモール下田
岩手県	ドリーム　盛岡上堂店
岩手県	蔦屋書店　盛岡店
岩手県	ジュンク堂書店　盛岡店
岩手県	さわや書店　フェザン店
岩手県	ＴＳＵＴＡＹＡ　一関中央店
岩手県	ヴィレッジヴァンガード　イオンタウン釜石
岩手県	ＷｏｎｄｅｒＧＯＯ　奥州水沢店
宮城県	丸善　仙台アエル店
宮城県	ヴィレッジヴァンガード　仙台ロフト
宮城県	ヤマト屋書店　仙台八幡店
宮城県	ＴＳＵＴＡＹＡ　仙台駅前店
宮城県	アニメイト　仙台
宮城県	喜久屋書店　仙台店
宮城県	あゆみＢｏｏｋｓ　仙台一番町店
宮城県	ＴＳＵＴＡＹＡ　仙台荒井店
宮城県	ＴＳＵＴＡＹＡ　やまとまち店
宮城県	蔦屋書店　仙台泉店
宮城県	ブックスなにわ　仙台泉店
宮城県	ヤマト屋書店　中里店
宮城県	ＴＳＵＴＡＹＡ　仙台南店
宮城県	ＴＳＵＴＡＹＡ　岩沼店
宮城県	ブックＴＯＷＮ　角田店
宮城県	宮脇書店　佐沼店
宮城県	ＴＳＵＴＡＹＡ　古川バイパス店
宮城県	宮脇書店　鹿島台店
宮城県	ＴＳＵＴＡＹＡ　富谷大清水店
宮城県	未来屋書店　新利府南館店
宮城県	ヴィレッジヴァンガード　イオン新利府北館
宮城県	ＴＳＵＴＡＹＡ　涌谷店
秋田県	ヴィレッジヴァンガード　秋田ＯＰＡ店
秋田県	加賀谷書店　茨島店
秋田県	ＴＳＵＴＡＹＡ　能代店
秋田県	ＴＳＵＴＡＹＡ　大館店
秋田県	ブックスモア　湯沢店
秋田県	ミライア　本荘店
秋田県	ブックスモア　大曲店
山形県	八文字屋　北店
山形県	こまつ書店　鈴川店
山形県	松田書店　コム店
山形県	ヴィレッジヴァンガード　イオンモール天童
山形県	ブックユニオンたかはた
山形県	ヴィレッジヴァンガード　イオンモール三川
福島県	みどり書房　福島南店
福島県	岩瀬書店　八木田店プラスゲオ
福島県	ブックスなにわ　会津若松店
福島県	ヴィレッジヴァンガード　ブーフ郡山
福島県	みどり書房　イオンタウン郡山店
福島県	みどり書房　桑野店
福島県	岩瀬書店　富久山店プラスゲオ
福島県	ヤマニ書房　エブリア店
福島県	ブックエース　イオンモールいわき小名浜店
福島県	ブックエース　上荒川店
福島県	ＷｏｎｄｅｒＧＯＯ　いわき鹿島店
福島県	みどり書房　白河店
福島県	レオクラブＴＳＵＴＡＹＡ　須賀川東店
福島県	みどり書房　二本松店
福島県	小町書房

▲ページTOPへ

関東
茨城県	川又書店　県庁店
茨城県	ブックエース　酒門店
茨城県	ブックエース　茨大前店
茨城県	ＷｏｎｄｅｒＧＯＯ　水戸笠原店
茨城県	ＷｏｎｄｅｒＧＯＯ　日立田尻店
茨城県	ＷｏｎｄｅｒＧＯＯ　日立中央店
茨城県	ＷｏｎｄｅｒＧＯＯ　古河店
茨城県	ＷｏｎｄｅｒＧＯＯ　石岡店
茨城県	ブックエース　結城店
茨城県	蔦屋書店　龍ケ崎店
茨城県	ブックエース　下妻店
茨城県	Ｗｏｎｄｅｒ　Ｇｏｏ　北茨城店
茨城県	ＷｏｎｄｅｒＧＯＯ　ＢＬ友部店
茨城県	ＷｏｎｄｅｒＧＯＯ　ひたち野うしく店
茨城県	ＷｏｎｄｅｒＧＯＯ　つくば店
茨城県	ブックエース　勝田東石川店
茨城県	蔦屋書店　ひたちなか店
茨城県	ＷｏｎｄｅｒＧＯＯ　ひたちなか店
茨城県	リブロ　イオンタウン守谷店
茨城県	ＷｏｎｄｅｒＧＯＯ　守谷店
茨城県	ＷｏｎｄｅｒＧＯＯ　新常陸大宮店
茨城県	ＷｏｎｄｅｒＧＯＯ　新那珂店
茨城県	ＷｏｎｄｅｒＧＯＯ　下館店
茨城県	ブックエース　坂東店
茨城県	ＷｏｎｄｅｒＧＯＯ　東店
茨城県	ＷｏｎｄｅｒＧＯＯ　千代田店
茨城県	ＴＳＵＴＡＹＡ　鹿嶋南店
茨城県	ＷｏｎｄｅｒＧＯＯ　鹿島店
茨城県	ＷｏｎｄｅｒＧＯＯ　鉾田店
茨城県	ＷｏｎｄｅｒＧＯＯ　ＢＬ石下店
茨城県	ＷｏｎｄｅｒＧＯＯ　境ＦｉＳＳ店
栃木県	ＴＳＵＴＡＹＡ　宇都宮南店
栃木県	うさぎや　宇都宮戸祭店
栃木県	ＴＳＵＴＡＹＡ　宇都宮竹林店
栃木県	うさぎや　宇都宮駅東口店
栃木県	喜久屋書店　宇都宮店
栃木県	ＷｏｎｄｅｒＧＯＯ　新足利店
栃木県	宮脇書店　イオンタウン佐野店
栃木県	ＴＳＵＴＡＹＡ佐野店
栃木県	ＴＳＵＴＡＹＡ　鹿沼店
栃木県	ＷｏｎｄｅｒＧＯＯ　鹿沼店
栃木県	ＴＳＵＴＡＹＡブックストア　おやまＨＷ
栃木県	ＴＳＵＴＡＹＡ　小山城南店
栃木県	ＷｏｎｄｅｒＧＯＯ　小山店
栃木県	ＷｏｎｄｅｒＧＯＯ　ＢＬ真岡店
栃木県	ＷｏｎｄｅｒＧＯＯ　大田原店
栃木県	ＴＳＵＴＡＹＡ　４００号西那須野店
栃木県	ビッグワンＴＳＵＴＡＹＡ　さくら店
栃木県	うさぎや　自治医大店
栃木県	ＷｏｎｄｅｒＧＯＯ　下野店
群馬県	ＴＳＵＴＡＹＡ　前橋荒牧店
群馬県	蔦屋書店　前橋みなみモール店
群馬県	ＴＳＵＴＡＹＡ　片貝店
群馬県	未来屋書店　高崎店
群馬県	ヴィレッジヴァンガードイオンモール高崎
群馬県	ＷｏｎｄｅｒＧＯＯ　新高崎店
群馬県	くまざわ書店　高崎店
群馬県	ＷｏｎｄｅｒＧＯＯ　伊勢崎店
群馬県	蔦屋書店　太田店
群馬県	ＷｏｎｄｅｒＧＯＯ　館林店
群馬県	蔦屋書店　渋川店
群馬県	ＷｏｎｄｅｒＧＯＯ　富岡店
群馬県	ＴＳＵＴＡＹＡ　大泉店
埼玉県	ヴィレッジヴァンガード　コクーンシティ
埼玉県	三省堂書店　大宮店
埼玉県	ジュンク堂書店　大宮高島屋店
埼玉県	アニメイト　大宮コミック館
埼玉県	ＴＳＵＴＡＹＡ　ハレノテラス東大宮店
埼玉県	ブックデポ書楽
埼玉県	浦和　蔦屋書店
埼玉県	須原屋　本店
埼玉県	ＴＳＵＴＡＹＡ　ＱＬｕＲｉ川越店
埼玉県	ＴＳＵＴＡＹＡ　高階店
埼玉県	戸田書店　熊谷店
埼玉県	蔦屋書店　熊谷店
埼玉県	ヴィレッジヴァンガード　イオン川口前川
埼玉県	宮脇書店　行田持田店
埼玉県	ＴＳＵＴＡＹＡ　秩父店
埼玉県	ツタヤブックストア　グランエミオ所沢
埼玉県	丸善　丸広百貨店飯能店
埼玉県	蔦屋書店　本庄早稲田店
埼玉県	ヴィレッジヴァンガードイオンモール羽生
埼玉県	リブロ　鴻巣店
埼玉県	ＴＳＵＴＡＹＡ　籠原店
埼玉県	くまざわ書店　草加ＶＡＲＩＥ店
埼玉県	ＢＯＯＫＳアイ　蒲生エキナカ店
埼玉県	ヴィレッジヴァンガードイオンレイクタウン
埼玉県	ヴィレッジヴァンガード　＋ＰＬＵＳ
埼玉県	ＷｏｎｄｅｒＧＯＯ　越谷店
埼玉県	内山書店
埼玉県	くまざわ書店　蕨錦町店
埼玉県	ＷｏｎｄｅｒＧＯＯ　入間店
埼玉県	柳瀬川書店
埼玉県	蔦屋書店　フォレオ菖蒲店
埼玉県	くまざわ書店　鷲宮店
埼玉県	リブロ　ららぽーと富士見店
埼玉県	ＴＳＵＴＡＹＡ　ふじみ野駅前店
埼玉県	ＷｏｎｄｅｒＧＯＯ　三郷店
埼玉県	文真堂書店タイムクリップ　幸手店
埼玉県	ＴＳＵＴＡＹＡ　三芳藤久保店
埼玉県	ブックエース　杉戸店
千葉県	三省堂書店　カルチャーステーション千葉
千葉県	精文館書店　花見川店
千葉県	くまざわ書店　幕張店
千葉県	ヴィレッジヴァンガード　イオンモール幕張
千葉県	幕張　蔦屋書店
千葉県	ヴィレッジヴァンガード　イオン市川妙典
千葉県	ＴＳＵＴＡＹＡ　二十世紀ケ丘店
千葉県	ブックファースト　シャポー市川店
千葉県	ＡＣＡＤＥＭＩＡくまざわ書店　津田沼Ｐ店
千葉県	ヴィレッジヴァンガード　津田沼パルコ
千葉県	ブックエキスプレス　ペリエ西船橋店
千葉県	精文館書店　木更津店
千葉県	ツタヤブックストア　テラスモール松戸
千葉県	ＴＳＵＴＡＹＡ　六高台店
千葉県	喜久屋書店　松戸店
千葉県	ＷｏｎｄｅｒＧｏｏ　野田桜の里店
千葉県	ＷｏｎｄｅｒＧＯＯ　茂原店
千葉県	蔦屋書店　茂原店
千葉県	ヴィレッジヴァンガード　イオン成田
千葉県	未来屋書店　成田店
千葉県	ＴＳＵＴＡＹＡ　佐倉店
千葉県	ＷｏｎｄｅｒＧＯＯ　東金店
千葉県	ＷｏｎｄｅｒＧＯＯ　旭店
千葉県	ＴＳＵＴＡＹＡ　津田沼店
千葉県	ヴィレッジヴァンガード　マルイ柏ＶＡＴ店
千葉県	ヴィレッジヴァンガード柏Ｓオートバックス
千葉県	ＴＳＵＴＡＹＡ　柏駅前店
千葉県	ＴＳＵＴＡＹＡ　青葉台店
千葉県	ＴＳＵＴＡＹＡ　市原五井店
千葉県	ＷｏｎｄｅｒＧＯＯ　鎌ケ谷店
千葉県	ＷｏｎｄｅｒＧＯＯ　八街店
千葉県	ヴィレッジヴァンガード　イオン千葉ＮＴ
千葉県	ＷｏｎｄｅｒＧＯＯ　千葉ニュータウン店
千葉県	ＷｏｎｄｅｒＧＯＯ　富里店
千葉県	ＴＳＵＴＡＹＡ　佐原店
千葉県	ＷｏｎｄｅｒＧＯＯ　成東店
東京都	書泉ブックタワー
東京都	三省堂書店　有楽町店
東京都	三省堂書店　神保町本店仮店舗
東京都	アニメイト　秋葉原本館
東京都	紀伊國屋書店　大手町ビル店
東京都	ゲーマーズ　秋葉原本店
東京都	書泉グランデ
東京都	三省堂書店　アトレ秋葉原１
東京都	紀伊國屋書店　新宿本店
東京都	ブルービート　ヴィレッジヴァンガード
東京都	アニメイト　新宿店
東京都	ブックファースト　新宿店
東京都	書泉芳林堂書店　高田馬場店
東京都	ツタヤブックストア　亀戸
東京都	紀伊國屋書店　イトーヨーカドー木場店
東京都	一弘堂書店
東京都	ブックスフジ　大鳥居店
東京都	ＴＳＵＴＡＹＡ　大森町駅前店
東京都	アニメイト　蒲田
東京都	田辺書店　羽田空港店
東京都	ＮＥＴ２１千歳書店
東京都	ヴィレッジヴァンガード　下北沢
東京都	ＴＳＵＴＡＹＡ　馬事公苑店
東京都	啓文堂書店　八幡山店
東京都	ＴＳＵＴＡＹＡ　三軒茶屋店
東京都	ＨＭＶ＆ＢＯＯＫＳ　ＳＨＩＢＵＹＡ
東京都	ｂｏｏｋｓｈｅｌｆ　ＮＥＷｏＭａｎ新宿店
東京都	ＭＡＲＵＺＥＮ＆ジュンク堂書店　渋谷店
東京都	ヴィレッジヴァンガード　渋谷本店
東京都	紀伊國屋書店　笹塚店
東京都	ＳＨＩＢＵＹＡ　ＴＳＵＴＡＹＡ
東京都	明屋書店　中野ブロードウェイ店
東京都	文教堂書店　中野坂上店
東京都	ブックファースト　中野店
東京都	ブックスオオトリ　高円寺店
東京都	ＮＥＴ２１秀文堂方南町店
東京都	ヴィレッジヴァンガード　高円寺店
東京都	ＮＥＴ２１今野西荻窪店
東京都	三省堂書店　池袋本店
東京都	アニメイト　池袋本店
東京都	ツタヤブックストア　ＥＱＵｉＡ池袋店
東京都	くまざわ書店　サンシャインシティアルパ店
東京都	ジュンク堂書店　池袋本店
東京都	くまざわ書店　池袋店
東京都	ジュンク堂書店　大泉学園店
東京都	くまざわ書店　エキア北千住
東京都	駅前の本屋まこと
東京都	ＴＳＵＴＡＹＡ　亀有店
東京都	蔦屋書店　八王子楢原店
東京都	くまざわ書店コミックランドビーワン八王子
東京都	ジュンク堂書店　立川高島屋店
東京都	オリオン書房　ルミネ立川店
東京都	ヴィレッジヴァンガードららぽーと立川立飛
東京都	オリオン書房　アレア店
東京都	オリオン書房　ノルテ店
東京都	ＴＳＵＴＡＹＡ　三鷹北口店
東京都	ジュンク堂書店　吉祥寺店
東京都	アニメイト　吉祥寺パルコ
東京都	啓文堂書店　吉祥寺店
東京都	啓文堂書店　府中本店
東京都	たまべ書房
東京都	くまざわ書店　昭島店
東京都	ブックコンパス　ディラ拝島店
東京都	ヴィレッジヴァンガード　町田ルミネ
東京都	くまざわ書店　武蔵小金井北口店
東京都	紀伊國屋書店　国分寺店
東京都	増田書店　北口店
東京都	ＴＳＵＴＡＹＡ　福生店
東京都	ＭＡＲＵＺＥＮ　多摩センター店
東京都	ヴィレッジヴァンガード　イオン日の出
神奈川県	ヴィレッジヴァンガード　横浜ビブレ
神奈川県	アニメイト　横浜ビブレ
神奈川県	ＴＳＵＴＡＹＡ　はまりん横浜駅店
神奈川県	ヴィレッジヴァンガード　横浜ＷＰ
神奈川県	三省堂書店　新横浜店
神奈川県	ヴィレッジヴァンガード　トレッサ横浜
神奈川県	紀伊國屋書店　西武東戸塚Ｓ．Ｃ．店
神奈川県	ＴＳＵＴＡＹＡ　鶴ヶ峰駅前店
神奈川県	ヴィレッジヴァンガード　アピタ長津田
神奈川県	精文館書店　下瀬谷店
神奈川県	有隣堂　たまプラーザテラス店
神奈川県	紀伊國屋書店　ららぽーと横浜店
神奈川県	蔦屋書店　港北ミナモ店
神奈川県	ヴィレッジヴァンガード　川崎チッタ
神奈川県	ツタヤブックストア　川崎駅前店
神奈川県	有隣堂　アトレ川崎店
神奈川県	紀伊國屋書店　武蔵小杉店
神奈川県	文教堂書店　溝ノ口本店
神奈川県	ＴＳＵＴＡＹＡ　向ヶ丘遊園店
神奈川県	くまざわ書店　相模大野店
神奈川県	文教堂　横須賀ＭＯＲＥ’Ｓ店
神奈川県	ＴＳＵＴＡＹＡ　平塚真土店
神奈川県	有隣堂　藤沢店
神奈川県	有隣堂　テラスモール湘南店
神奈川県	有隣堂　厚木店
神奈川県	三省堂書店　海老名店
神奈川県	有隣堂　ららぽーと海老名店
神奈川県	ミクニ書店

▲ページTOPへ

中部・北陸
新潟県	蔦屋書店　河渡店
新潟県	蔦屋書店　新潟万代
新潟県	紀伊國屋書店　新潟店
新潟県	蔦屋書店　新津店
新潟県	蔦屋書店　マーケットシティ白根店
新潟県	蔦屋書店　新通店
新潟県	蔦屋書店　長岡古正寺店
新潟県	蔦屋書店　長岡新保店
新潟県	蔦屋書店　新発田店
新潟県	蔦屋書店　県央店
富山県	ヴィレッジヴァンガード　ファボーレ
富山県	ヴィレッジヴァンガード　イオン高岡
富山県	喜久屋書店　高岡店
富山県	文苑堂書店　魚津サンプラザ店
富山県	明文堂書店　高岡射水店
石川県	金澤文苑堂　ＴＳＵＴＡＹＡ　鳴和店
石川県	ブック宮丸　金沢南店
石川県	明文堂書店　小松ツリーズ
石川県	ヴィレッジヴァンガード　イオンモール白山
石川県	ツタヤブックストア　イオンモール白山
福井県	ＫａＢｏＳ　ベル店
福井県	ヴィレッジヴァンガード　フェアモール福井
福井県	Ｓｕｐｅｒ　ＫａＢｏＳ　敦賀店
福井県	宮脇書店　春江店
山梨県	ジュンク堂書店　岡島甲府店
山梨県	ＢＯＯＫＳ　ＫＡＴＯＨ　富士吉田店
山梨県	ＢＯＯＫＳ　ＫＡＴＯＨ　都留店
山梨県	宮脇書店　韮崎店
山梨県	ブックジョイ　南アルプス店
山梨県	柳正堂書店　甲府昭和イトーヨーカドー店
長野県	平安堂　長野店
長野県	平安堂　若槻店
長野県	蔦屋書店　長野川中島店
長野県	宮脇書店　松本店
長野県	ＴＳＵＴＡＹＡ　東松本店
長野県	ＴＳＵＴＡＹＡ　北松本店
長野県	文教堂　ＪＯＹ松本店
長野県	ＴＳＵＴＡＹＡ　上田バイパス店
長野県	笠原書店
長野県	平安堂　諏訪店
長野県	平安堂　須坂店
長野県	蔦屋書店　佐久小諸店
長野県	ベルシャイン　駒ケ根店書籍部
長野県	蔦屋書店　中野店
長野県	蔦屋書店　佐久野沢店
岐阜県	丸善　岐阜店
岐阜県	ツタヤブックストア　カラフルタウン岐阜店
岐阜県	三省堂書店　岐阜店
岐阜県	ＴＳＵＴＡＹＡ　大垣店
岐阜県	喜久屋書店　大垣店
岐阜県	コスモブックセンター
岐阜県	三洋堂書店　みのかも店
岐阜県	三洋堂書店　土岐店
岐阜県	ヴィレッジヴァンガードイオンモール各務原
岐阜県	三洋堂書店　各務原店
岐阜県	三洋堂書店　下恵土店
岐阜県	ＴＳＵＴＡＹＡ　ブックストア　モレラ岐阜
静岡県	ヴィレッジヴァンガード　静岡パルコ
静岡県	蔦屋書店　静岡本店
静岡県	谷島屋　マークイズ静岡店
静岡県	谷島屋　流通通り店
静岡県	ＭＡＲＵＺＥＮ＆ジュンク堂書店　新静岡店
静岡県	ＴＳＵＴＡＹＡ　静岡西脇店
静岡県	谷島屋　浜松本店
静岡県	アマノ　布橋店
静岡県	アマノ　高丘店
静岡県	未来屋書店　イオン浜松市野店
静岡県	ＴＳＵＴＡＹＡ　佐鳴台店
静岡県	アマノ　三方原店
静岡県	谷島屋　サンストリート浜北店
静岡県	マルサン書店　駅北店
静岡県	谷島屋　ららぽーと沼津店
静岡県	谷島屋　富士宮店
静岡県	焼津谷島屋　アピタ島田店
静岡県	谷島屋　富士店
静岡県	精文館書店　ＴＳＵＴＡＹＡ豊田町店
静岡県	ＴＳＵＴＡＹＡ　グランリバー大井川店
静岡県	焼津谷島屋　登呂田店
静岡県	藤枝江崎書店　駅南本店
静岡県	精文館書店　ＴＳＵＴＡＹＡ御殿場店
静岡県	宮脇書店　新磐田浅羽店
静岡県	ＴＳＵＴＡＹＡ　袋井国本店
愛知県	丸善　イオンタウン千種店
愛知県	ヴィレッジヴァンガード　ナゴヤドーム前
愛知県	ツタヤブックストア　則武新町店
愛知県	ヴィレッジヴァンガード　ＭＯＺＯ店
愛知県	紀伊國屋書店　ｍｏｚｏ　ワンダーシティ店
愛知県	星野書店　近鉄パッセ店
愛知県	ＴＳＵＴＡＹＡ　名古屋駅西店
愛知県	三省堂書店　名古屋本店
愛知県	丸善　名古屋本店
愛知県	ヴィレッジヴァンガード　　アスナル金山
愛知県	ヴィレッジヴァンガード　名古屋パルコ
愛知県	ゲーマーズ　名古屋店
愛知県	三洋堂書店　新開橋店
愛知県	ＴＳＵＴＡＹＡ　バロー戸田店
愛知県	精文館書店　中島新町店
愛知県	未来屋書店　有松店
愛知県	くまざわ書店　鳴海店
愛知県	三洋堂書店　よもぎ店
愛知県	ヴィレッジヴァンガード　本店
愛知県	ヴィレッジヴァンガード　イオン豊橋南店
愛知県	精文館書店　汐田橋店
愛知県	ＴＳＵＴＡＹＡ　ウイングタウン岡崎店
愛知県	ＴＳＵＴＡＹＡ　岡崎インター店
愛知県	ヴィレッジヴァンガードイオンモール岡崎
愛知県	ヴィレッジヴァンガード　岡崎
愛知県	ヴィレッジヴァンガードイオンモール木曽川
愛知県	ＴＳＵＴＡＹＡ　瀬戸店
愛知県	三洋堂書店　乙川店
愛知県	くまざわ書店　イーアス春日井店
愛知県	ＴＳＵＴＡＹＡ　春日井店
愛知県	三洋堂書店　鳥居松店
愛知県	本の王国　豊川店
愛知県	精文館書店　一宮店
愛知県	ＴＳＵＴＡＹＡ　津島店
愛知県	三洋堂書店　碧南店
愛知県	ＴＳＵＴＡＹＡ　ＦＡＳもとまち店
愛知県	三洋堂書店　西尾店
愛知県	ヴィレッジヴァンガード　アピタ江南
愛知県	ヴィレッジヴァンガードリーフウォーク稲沢
愛知県	三洋堂書店　大田川店
愛知県	滝書店
愛知県	丸善　アピタ知立店
愛知県	ヴィレッジヴァンガード　豊明ポルト
愛知県	ヴィレッジヴァンガードららぽーと愛知東郷
愛知県	ヴィレッジヴァンガードエアポートウォーク
愛知県	紀伊國屋書店　名古屋空港店
愛知県	ヴィレッジヴァンガード　イオン扶桑
愛知県	ヴィレッジヴァンガード　アピタ阿久比
愛知県	精文館書店　幸田店
三重県	別所書店　津駅店
三重県	ヴィレッジヴァンガード　イオンモール津南
三重県	ヴィレッジヴァンガード　イオン津城山
三重県	ＢＰ　ｍｉｙｏｋｋａ！？　四日市泊店
三重県	ＴＳＵＴＡＹＡ　ミタス伊勢店
三重県	ＴＳＵＴＡＹＡ　伊勢上地店
三重県	ＴＳＵＴＡＹＡ　鈴鹿中央通店
三重県	三洋堂書店　名張店

▲ページTOPへ

関西
滋賀県	サンミュージックハイパーブックス大津京店
滋賀県	大垣書店　フォレオ大津一里山店
滋賀県	サンミュージック　ハイパーブックス彦根
滋賀県	サンミュージック　長浜店
滋賀県	サンミュージック　ハイパーブックス長浜
滋賀県	くまざわ書店　長浜店
滋賀県	サンミュージック　近江八幡店
滋賀県	喜久屋書店　草津店
滋賀県	サンミュージックＨＢ　かがやき通り店
滋賀県	サンミュージックハイパーブックス駒井沢
滋賀県	サンミュージック　守山店
滋賀県	サンミュージック　ハイパーブックス水口店
滋賀県	平和書店　石部店
滋賀県	平和書店　ＴＳＵＴＡＹＡあどがわ店
滋賀県	サンミュージックハイパーブックス八日市店
京都府	ふたば書房　紫野店
京都府	平和書店　ＴＳＵＴＡＹＡ松ヶ崎店
京都府	丸善　京都本店
京都府	アニメイト　京都
京都府	大垣書店　イオンモール京都桂川店
京都府	ヴィレッジヴァンガード　イオン京都
京都府	ヴィレッジヴァンガード　アルプラザ城陽
京都府	ヴィレッジヴァンガード　イオン久御山
大阪府	中川修文堂
大阪府	紀伊國屋書店　天王寺ミオ店
大阪府	アニメイト　大阪日本橋店
大阪府	ゲーマーズ　なんば店
大阪府	ジュンク堂書店　難波店
大阪府	わんだーらんど　なんば店
大阪府	花谷書店
大阪府	ジュンク堂書店　近鉄あべのハルカス店
大阪府	喜久屋書店　漫画館阿倍野店
大阪府	ＴＳＵＴＡＹＡ　あべの橋店
大阪府	ＴＳＵＴＡＹＡ　長居駅前店
大阪府	ブックスタジオ　アルデ新大阪店
大阪府	ヴィレッジヴァンガード　イオンＭ鶴見緑地
大阪府	ヴィレッジヴァンガード　イオン喜連瓜破
大阪府	ＭＡＲＵＺＥＮ＆ジュンク堂書店　梅田店
大阪府	ジュンク堂書店　大阪本店
大阪府	ブックスタジオ　大阪店
大阪府	アニメイト　梅田
大阪府	紀伊國屋書店　梅田本店
大阪府	ＮＥＴ２１清風堂書店　梅田店
大阪府	梅田　蔦屋書店
大阪府	紀伊國屋書店　グランフロント大阪店
大阪府	丸善　高島屋大阪店
大阪府	旭屋書店　なんばＣＩＴＹ店
大阪府	ジュンク堂書店　天満橋店
大阪府	大垣書店　イオンモール堺鉄砲町店
大阪府	丸善　高島屋堺店
大阪府	ＴＳＵＴＡＹＡ　堺プラットプラット店
大阪府	ＴＳＵＴＡＹＡ　堺南店
大阪府	ＴＳＵＴＡＹＡ　府大前店
大阪府	紀伊國屋書店　堺北花田店
大阪府	ブックス　ファミリア　堺店
大阪府	木下書店　下松店
大阪府	ブックファースト　曽根店
大阪府	田村書店　千里中央店
大阪府	ＴＳＵＴＡＹＡららぽーとＥＸＰＯＣＩＴＹ
大阪府	大垣書店　高槻店
大阪府	ＢＯＯＫＳ　ふかだ　守口店
大阪府	ヴィレッジヴァンガードイオンモール大日店
大阪府	未来屋書店　大日店
大阪府	枚方　蔦屋書店
大阪府	ふたば書房　茨木店
大阪府	ヴィレッジヴァンガード　アリオ八尾店
大阪府	ＴＳＵＴＡＹＡ　リノアス八尾店
大阪府	丸善　八尾アリオ店
大阪府	文教堂書店　住道店
大阪府	紀伊國屋書店　大阪産業大学ブックセンター
大阪府	ＴＳＵＴＡＹＡ　和泉２６号線店
大阪府	郡山書店
大阪府	ツタヤブックストア　アプラたかいし
大阪府	アバンティブックセンター　藤井寺店
大阪府	コミックランド　ヒバリヤ
大阪府	未来屋書店　りんくう泉南店
兵庫県	ジュンク堂書店　舞子店
兵庫県	ＴＳＵＴＡＹＡ　西鈴蘭台店
兵庫県	丸善　神戸学院大学ＫＰＣ　Ｄ号館
兵庫県	ジュンク堂書店　三宮店
兵庫県	アニメイト　三宮
兵庫県	ジュンク堂書店　三宮駅前店
兵庫県	喜久屋書店　神戸学園都市店
兵庫県	喜久屋書店　花田店
兵庫県	ジュンク堂書店　姫路店
兵庫県	ヴィレッジヴァンガードイオンＭ姫路ＲＣ店
兵庫県	ＴＳＵＴＡＹＡ　姫路飾磨店
兵庫県	ＴＳＵＴＡＹＡ　姫路広峰店
兵庫県	ヴィレッジヴァンガード尼崎キューズモール
兵庫県	ヴィレッジヴァンガード　つかしん
兵庫県	ＷＡＹ書店　ＴＳＵＴＡＹＡ西明石店
兵庫県	ジュンク堂書店　明石店
兵庫県	ヴィレッジヴァンガード　ＩＹ明石
兵庫県	ブックファースト　阪急西宮ガーデンズ店
兵庫県	ジュンク堂書店　西宮店
兵庫県	喜久屋書店　西宮東店
兵庫県	ＴＳＵＴＡＹＡ　ＡＶＩＸ　豊岡店
兵庫県	ＴＢＳ　加古川ミーツテラス
兵庫県	ブックファースト　宝塚店
兵庫県	ＴＳＵＴＡＹＡ　宝塚店
兵庫県	ＴＳＵＴＡＹＡ　高砂米田店
兵庫県	喜久屋書店　柏原店
奈良県	三洋堂書店　大安寺店
奈良県	ヴィレッジヴァンガード　イオン大和郡山
奈良県	喜久屋書店　大和郡山店
和歌山県	多屋孫書店

▲ページTOPへ

中国・四国
鳥取県	今井書店　吉成コミック店
鳥取県	ヴィレッジヴァンガード　イオン米子駅前
鳥取県	ＴＳＵＴＡＹＡ　弓ヶ浜店
鳥取県	ＴＳＵＴＡＹＡ　角盤町店
鳥取県	今井書店　錦町店
鳥取県	ＴＳＵＴＡＹＡ　倉吉店
島根県	ヴィレッジヴァンガード　イオン松江店
島根県	今井書店　グループセンター店
島根県	宮脇書店　イオンモール出雲店
島根県	今井書店　出雲店
岡山県	ヴィレッジヴァンガード　イオンモール岡山
岡山県	ツタヤブックストア　岡山駅前
岡山県	ＴＳＵＴＡＹＡ　津島モール店
岡山県	ＴＳＵＴＡＹＡ　十日市店
岡山県	アニメイト　岡山
岡山県	ＴＳＵＴＡＹＡ　高屋店
岡山県	ＴＳＵＴＡＹＡ　ＡＺ岡南店
岡山県	宮脇書店　笹沖店
岡山県	ＴＳＵＴＡＹＡ　ＡＺ玉島店
岡山県	ＴＳＵＴＡＹＡ　水島店
岡山県	ＴＳＵＴＡＹＡ　中庄店
岡山県	喜久屋書店　倉敷店
岡山県	ブックフォーラム喜久屋書店　津山店
岡山県	ＴＳＵＴＡＹＡ　Ｊ　山陽店
広島県	ＭＡＲＵＺＥＮ　広島店
広島県	紀伊國屋書店　広島店
広島県	廣文館　新幹線店
広島県	ジュンク堂書店　広島駅前店
広島県	フタバ図書ツタヤ　アルティアルパーク北棟
広島県	広島　蔦屋書店
広島県	フタバ図書　ツタヤ　ＧＩＧＡ祗園店
広島県	フタバ図書　ツタヤ　ＭＥＧＡ中筋店
広島県	ＴＳＵＴＡＹＡ　フジグラン緑井店
広島県	ヴィレッジヴァンガード　フジグラン神辺
広島県	ＴＳＵＴＡＹＡ　新松永店
広島県	フタバ図書　ツタヤ　アルティ福山店
広島県	ＴＳＵＴＡＹＡ　東広島店
広島県	フタバ図書　ツタヤ　ＴＥＲＡ広島府中店
広島県	フタバ図書　ＴＳＵＴＡＹＡ　海田店
山口県	宮脇書店　宇部店
山口県	ＴＳＵＴＡＹＡ　山口葵店
山口県	フタバ図書　ツタヤ　ＧＩＧＡ防府店
山口県	フタバ図書ＴＳＵＴＡＹＡＧＩＧＡフレスタモール岩国
徳島県	ＢｏｏｋＣｉｔｙ平惣　徳島店
徳島県	ヴィレッジヴァンガード　フジグラン北島
香川県	宮脇書店　総本店
香川県	ヴィレッジヴァンガード　ゆめタウン丸亀
香川県	宮脇書店　三豊店
香川県	ＴＳＵＴＡＹＡ　宇多津店
愛媛県	ジュンク堂書店　松山三越店
愛媛県	ＴＳＵＴＡＹＡ　エミフルＭＡＳＡＫＩ店
高知県	ヴィレッジヴァンガードイオンモール高知
高知県	ＴＳＵＴＡＹＡ　土佐道路店
高知県	ＴＳＵＴＡＹＡ　高岡店
高知県	ＴＳＵＴＡＹＡ　須崎店

▲ページTOPへ

九州・沖縄・その他
福岡県	ＴＳＵＴＡＹＡ　サンリブきふね店
福岡県	未来屋書店　八幡東店
福岡県	ＴＳＵＴＡＹＡ　共立大前店
福岡県	未来屋書店　黒崎店
福岡県	ＴＳＵＴＡＹＡ　和白店
福岡県	紀伊國屋書店　ゆめタウン博多店
福岡県	ＨＭＶ＆ＢＯＯＫＳ　ＨＡＫＡＴＡ
福岡県	蔦屋書店　コマーシャルモール博多
福岡県	紀伊國屋書店　福岡本店
福岡県	丸善　博多店
福岡県	ヴィレッジヴァンガード　福岡パルコ
福岡県	ツタヤブックストアマークイズ福岡ももち店
福岡県	ＴＳＵＴＡＹＡ積文館書店　薬院店
福岡県	六本松　蔦屋書店
福岡県	アニメイト　福岡パルコ店
福岡県	ジュンク堂書店　福岡店
福岡県	文久
福岡県	ＴＳＵＴＡＹＡ　老司店
福岡県	福家書店　福岡木の葉モール橋本店
福岡県	ヴィレッジヴァンガード　イオン福岡伊都
福岡県	ＴＳＵＴＡＹＡ　ＡＶクラブ　次郎丸店
福岡県	ＴＳＵＴＡＹＡ積文館書店ゆめタウン大牟田
福岡県	ＴＳＵＴＡＹＡ　合川店
福岡県	ＴＳＵＴＡＹＡ　上津店
福岡県	Ａ’ＢＯＯＫ　飯塚店
福岡県	Ａ’ＢＯＯＫ　穂波店
福岡県	ＴＳＵＴＡＹＡ積文館書店　八女店
福岡県	蔦屋書店　イオンモール筑紫野
福岡県	フタバ図書　ツタヤ　ＧＩＧＡ福岡春日店
福岡県	ヴィレッジヴァンガード　イオン大野城
福岡県	福岡金文堂　ビバモール赤間店
福岡県	ＴＳＵＴＡＹＡ　ＡＶクラブ　太宰府店
福岡県	ＴＳＵＴＡＹＡ　ブックガレージ福岡志免店
福岡県	フタバ図書　ツタヤ　ＴＥＲＡイオン福岡店
佐賀県	ヴィレッジヴァンガード　モラージュ佐賀
佐賀県	ＴＳＵＴＡＹＡ　兵庫町店
佐賀県	ＴＳＵＴＡＹＡ　唐津店
佐賀県	ＴＳＵＴＡＹＡ　武雄店
長崎県	ＴＳＵＴＡＹＡ　長崎ＣＯＣＯＷＡＬＫ
長崎県	ヴィレッジヴァンガード　イオン大塔
長崎県	ヴィレッジヴァンガード　させぼ五番街
長崎県	ツタヤ　ブックストア　させぼ五番街店
長崎県	オックスフォード　貝津店
熊本県	蔦屋書店　熊本三年坂
熊本県	明林堂書店　長嶺店
熊本県	メトロ書店　熊本本店
熊本県	ヴィレッジヴァンガードゆめタウンはません
熊本県	ＴＳＵＴＡＹＡ　ＡＶクラブ　浜線店
熊本県	ヴィレッジヴァンガード　イオン八代
熊本県	明林堂書店　ゆめタウン八代店
熊本県	ＴＳＵＴＡＹＡ　ＡＶクラブ　菊池店
熊本県	ＴＳＵＴＡＹＡ　天草店
熊本県	ツタヤブックストア　菊陽店
熊本県	ヴィレッジヴァンガード　イオンモール熊本
熊本県	蔦屋書店　嘉島
大分県	くまざわ書店　大分明野店
大分県	ヴィレッジヴァンガードパークプレイス大分
大分県	ＴＳＵＴＡＹＡ　森町店
大分県	ＴＳＵＴＡＹＡ　賀来店
大分県	ＴＳＵＴＡＹＡ　別府上人ヶ浜店
宮崎県	ＴＳＵＴＡＹＡ　ＡＶクラブ　大塚台店
宮崎県	明林堂書店　小林店
宮崎県	ＴＳＵＴＡＹＡ　たかなべ店
鹿児島県	ヴィレッジヴァンガード　センテラス天文館
鹿児島県	ＭＡＲＵＺＥＮ　天文館店
鹿児島県	紀伊國屋書店　鹿児島店
鹿児島県	ＴＳＵＴＡＹＡ　ＢＯＯＫＳＴＯＲＥ　霧島
沖縄県	ジュンク堂書店　那覇店
沖縄県	ＴＳＵＴＡＹＡ　那覇新都心店
沖縄県	球陽堂書房　那覇メインプレイス店
沖縄県	ヴィレッジヴァンガード具志川メインシティ
沖縄県	ＢＯＯＫＳきょうはん　宮古南店
沖縄県	ヴィレッジヴァンガード　イオン北谷
沖縄県	ヴィレッジヴァンガード　イオン南風原

▲ページTOPへ

ゲッサン用スタイル　を閉じるビッグコミック用スタイル

文字色

全10種！あなたの推しキャラをゲットしよう！

  <span style="color: #c71585;">全10種！ あなたの推しキャラをゲットしよう！</span>

＜参加者＞

<span style="color: #4169e1;">＜参加者＞</span>

テキスト

<span style="color: #ff00ff;">テキスト</span>

◾️『アオアシ』のリアルに４人が共感

<span style="color: #008000;">◾️『アオアシ』のリアルに４人が共感</span>

※B6サイズのビッグコミックス版と漫画の内容は同じです。

<span style="color: #ffa500;">※B6サイズのビッグコミックス版と漫画の内容は同じです。</span>

ビッグコミック用スタイル　を閉じる【無し】プチコミック用スタイル

ここにコンテンツ

プチコミック用スタイル　を閉じるベツコミ用スタイル

文字色

髙橋海人先生の連載作品『ジャニーズと僕』!!

<p><strong class="mk1">髙橋海人先生の連載作品『ジャニーズと僕』!!</strong></p>

髙橋海人先生の連載作品『ジャニーズと僕』!!

<p><strong class="mk2">髙橋海人先生の連載作品『ジャニーズと僕』!!</strong></p>

髙橋海人先生の連載作品『ジャニーズと僕』!!

<p><strong class="mk3">髙橋海人先生の連載作品『ジャニーズと僕』!!</strong></p>

ベツコミ用スタイル　を閉じるチーズ！用スタイル

見出し

テキスト

  <span style="color:#ff0077;font-weight:bold;">テキスト</span>

文字色

テキスト

<span style="color:#07b3de";>テキスト</span>

テキスト

<span style="color:#00c96f";>テキスト</span>

テキスト

<span style="color:#ff0000";>テキスト</span>

テキスト

<span style="color:#3366ff";>テキスト</span>

テキスト

<span style="color:#ff9900";>テキスト</span>

テキスト

<span style="color:#d96111";>テキスト</span>

テキスト

<span style="color:#339966";>テキスト</span>

リンク色

リンク

<span style="color:#ff6600";>リンク</span>

チーズ！用スタイル　を閉じるちゃお用スタイル

文字装飾

テキスト

<span class="chao-mk1">テキスト</span>

テキスト

<span class="chao-mark">テキスト</span>

テキスト

<span style="color: #ff6600;"><strong>テキスト</strong></span>

テキスト

<span style="color: #ff9900;"><strong>テキスト</strong></span>

テキスト

<span style="color: #33cccc;"><strong>テキスト</strong></span>

テキスト

<span style="color: #99ccff;">テキスト</span>

発言

●●●

発言者：

テキストテキストテキスト

<div class="Topics__topicsSectionItem Topics__topicsAuthor">
  <p class="Topics__topicsAuthorPhoto">
    <img src="画像URL" alt="●●●" width="150" height="150">
  </p>
  <div class="Topics__topicsAuthorTextBox">
    <p class="Topics__topicsAuthorText">発言者：</p>
    <p class="Topics__topicsAuthorText">テキストテキストテキスト</p>
  </div>
</div>

ちゃお用スタイル　を閉じる【無し】Sho-Comi用スタイル

ここにコンテンツ

Sho-Comi用スタイル　を閉じる他WPテーマのスタイル

リストボックス

リストタイトル

リスト1
リスト2
リスト3

<div class="box1-yellow">
  <div class="box-title">リストタイトル</div>
  <ul class="list-3">
    <li>リスト1</li>
    <li>リスト2</li>
    <li>リスト3</li>
  </ul>
</div>

テキストボックス

テキストタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

<div class="box3-yellow">
  <p class="box-title">テキストタイトル</p>
  <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>

box01

インフォメーション

<div class="box__info box01__common">インフォメーション</div>

アラート

<div class="box__alert box01__common">アラート</div>

クエスチョン

<div class="box__question box01__common">クエスチョン</div>

メモ

<div class="box__memo box01__common">メモ</div>

<div class="box__comment box01__common">コメント</div>

<div class="box__ok box01__common">OK</div>

<div class="box__ng box01__common">NG</div>

good

<div class="box__good box01__common">good</div>

bad

<div class="box__bad box01__common">bad</div>

プロフィール

<div class="box__profile box01__common">プロフィール</div>

ボックス02

ボックス（チェック）

<p class="box__check box02__common"><span class="bb-label"></span>ボックス（チェック）</p>

ボックス（ピックアップ）

<p class="box__pick box02__common"><span class="bb-label"></span>ボックス（ピックアップ）</p>

ボックス03

灰色

<p class="box__sticky__gray box03__common">灰色</p>

黄色

<p class="box__sticky__yellow box03__common">黄色</p>

見出しh1～6
（要設定：共通CMS必須設定　の『h1～h3 タイプ』を「選択なし」に）

h1

<h1 class="ex-h1">h1</h1>

h2

<h2 class="ex-h2">h2</h2>

h3

<h3 class="ex-h3">h3</h3>

h4

<h4 class="ex-h4">h4</h4>

h5

<h5 class="ex-h5">h5</h5>

h6

<h6 class="ex-h6">h6</h6>

他WPテーマのスタイル　を閉じるスライドに掲載のスタイル

対象のスライド
https://docs.google.com/presentation/d/1Qi-Vk0vVkfq5T-ZBOhUJPIjFiTTBJCeH0Pktqq2WMvQ/edit#slide=id.g124c2a7c29f_0_0

<div class="toc__container01">
  <p class="toc__title">目次</p>
  <ul class="toc__list">
    <li>
      <a href="#">
        <span class="toc__number">1</span>テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01</a>
      <ul>
        <li>
          <a href="#">
            <span class="toc__number">1.1</span>テキスト02テキスト02テキスト02テキスト02テキスト02テキスト02</a>
        </li>
        <li>
          <a href="#">
            <span class="toc__number">1.2</span>テキスト03</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">
        <span class="toc__number">2</span>テキスト04</a>
      <ul>
        <li>
          <a href="#">
            <span class="toc__number">2.1</span>テキスト05</a>
        </li>
        <li>
          <a href="#">
            <span class="toc__number">2.2</span>テキスト06</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">
        <span class="toc__number">3</span>まとめ</a>
    </li>
  </ul>
</div>

<div class="toc__container02">
  <div class="toc__title">
    <span>目次</span>
  </div>
  <ol class="level-1">
    <li>
      <a href="#">テキスト0101010101010101テキストテキストテキストテキストテキストテキストテキストテキスト</a>
    </li>
    <li>
      <a href="#">テキスト0202020202020202</a>
      <ul class="level-2">
        <li>
          <a href="#">テキスト030303030303テキストテキストテキストテキストテキストテキストテキストテキストテキスト</a>
        </li>
        <li>
          <a href="#">テキスト04040404040404</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">テキスト050505050505</a>
      <ul class="level-2">
        <li>
          <a href="#">テキスト060606060606</a>
        </li>
        <li>
          <a href="#">テキスト07070707070707</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">テキスト080808080808</a>
      <ul class="level-2">
        <li>
          <a href="#">テキスト0909090909</a>
        </li>
        <li>
          <a href="#">テキスト1010101010101010</a>
        </li>
        <li>
          <a href="#">テキスト1111111111111111</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">まとめ：12121212121212</a>
    </li>
  </ol>
</div>

【メモ】li::beforeのcounter名を変更する際
ttp://creatornote.nakweb.com/%E3%80%90css%E3%80%91counter%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F%E8%87%AA%E5%8B%95%E3%83%8A%E3%83%B3%E3%83%90%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C/

●●●のポイント

<div class="toc__container03">
  <p class="toc__title">●●●のポイント</p>
  <ul class="toc__list">
    <li class="new">
      <a href="#">テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01テキスト01</a>
      <ul>
        <li>
          <a href="#">テキスト01-01テキスト01-01テキスト01-01テキスト01-01テキスト01-01テキスト01-01テキスト01-01テキスト01-01テキスト01-01</a>
        </li>
        <li>
          <a href="#">テキスト01-02</a>
        </li>
      </ul>
    </li>
    <li class="new">
      <a href="#1043">テキスト02</a>
      <ul>
        <li>
          <a href="#">テキスト02-01</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#1044">テキスト03テキスト03テキスト03テキスト03テキスト03テキスト03テキスト03テキスト03</a>
    </li>
    <li>
      <a href="#1042">テキスト04</a>
      <ul>
        <li>
          <a href="#">テキスト04-01</a>
        </li>
      </ul>
    </li>
  </ul>
</div>

テキストボックス

<div class="box__text01__common box__trivia">
  テキストボックス
</div>

テキストボックス

<div class="box__text01__common box__attention">
  テキストボックス
</div>

タイトル

テキストボックス
テキストボックス
テキストボックス

<div class="box__pointing">
  <p class="box__pointing__title">タイトル</p>
  テキストボックス<br>
  テキストボックス<br>
  テキストボックス
</div>

リンクボックス01

<a class="box__reference01" href="">
  リンクボックス01
</a>

リンクボックス02

<a class="box__reference02" href="">
  <div class="box__reference02__img"><img src="https://websunday.net/wp-content/uploads/2022/07/vol32c87sktri.png" alt=""></div>
  <div class="box__reference02__text">リンクボックス02</div>
</a>

世界ランキング	検索エンジン	世界シェア率（%）	日本国内シェア率（％）	日本国内ランキング
1	Google	92.03	75.75	1
2	Bing	2.48	3.8	3
3	Yahoo!	1.5	20.03	2
4	Baidu	1.4	0.11	5
5	YANDEX	1.2	–	–
6	DuckDuckGo	0.63	0.2	4
7	Naver	0.12	0.01	7
8	Ecosia	0.11	0.02	6
9	Seznam	0.05	–	–
10	CocCoc	0.04	0.02	6

<div class="table__wrap">
  <div class="table-scroll">
    <table>
      <tbody>
        <tr>
          <td>世界ランキング</td>
          <td>検索エンジン</td>
          <td>世界シェア率（%）</td>
          <td>日本国内シェア率（％）</td>
          <td>日本国内ランキング</td>
        </tr>
        <tr>
          <td>1</td>
          <td>Google</td>
          <td>92.03</td>
          <td>75.75</td>
          <td>1</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Bing</td>
          <td>2.48</td>
          <td>3.8</td>
          <td>3</td>
        </tr>
        <tr>
          <td>3</td>
          <td>Yahoo!</td>
          <td>1.5</td>
          <td>20.03</td>
          <td>2</td>
        </tr>
        <tr>
          <td>4</td>
          <td>Baidu</td>
          <td>1.4</td>
          <td>0.11</td>
          <td>5</td>
        </tr>
        <tr>
          <td>5</td>
          <td>YANDEX</td>
          <td>1.2</td>
          <td>–</td>
          <td>–</td>
        </tr>
        <tr>
          <td>6</td>
          <td>DuckDuckGo</td>
          <td>0.63</td>
          <td>0.2</td>
          <td>4</td>
        </tr>
        <tr>
          <td>7</td>
          <td>Naver</td>
          <td>0.12</td>
          <td>0.01</td>
          <td>7</td>
        </tr>
        <tr>
          <td>8</td>
          <td>Ecosia</td>
          <td>0.11</td>
          <td>0.02</td>
          <td>6</td>
        </tr>
        <tr>
          <td>9</td>
          <td>Seznam</td>
          <td>0.05</td>
          <td>–</td>
          <td>–</td>
        </tr>
        <tr>
          <td>10</td>
          <td>CocCoc</td>
          <td>0.04</td>
          <td>0.02</td>
          <td>6</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

テーブルタイトル

リスト01リスト01リスト01リスト01リスト01リスト01リスト01リスト01リスト01リスト01
リスト02
リスト03

<div class="box__ol01">
  <p>テーブルタイトル</p>
  <ol>
    <li>リスト01リスト01リスト01リスト01リスト01リスト01リスト01リスト01リスト01リスト01</li>
    <li>リスト02</li>
    <li>リスト03</li>
  </ol>
</div>

ヘッダー1	ヘッダー2
左テキスト_01	右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01
左テキスト_02左テキスト_02左テキスト_02	右テキスト_02
左テキスト_03	右テキスト_03

<table class="table02">
  <tr>
    <th>ヘッダー1</th>
    <th>ヘッダー2</th>
  </tr>
  <tr>
    <th>左テキスト_01</th>
    <td>右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01右テキスト_01</td>
  </tr>
  <tr>
    <th>左テキスト_02左テキスト_02左テキスト_02</th>
    <td>右テキスト_02</td>
  </tr>
  <tr>
    <th>左テキスト_03</th>
    <td>右テキスト_03</td>
  </tr>
</table>

スライドに掲載のスタイル　を閉じる外部サイト『aumo』掲載のスタイル

テキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストA

explore_nearby

1,326件のスポット

article

75件の記事

更新日：2024年02月01日

info

本サービス内ではアフィリエイト広告を利用しています

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />


<style>
.c19-01 {
  max-width: 1080px;
  min-height: 100px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,.06);
  padding: 24px;
}
.c19-01__about {
  font-size: 1.4rem;
  line-height: 2.0rem;
  margin-bottom: 14px;
}
.c19-01__wrapper {
  display: flex;
  margin-bottom: 4px;
}
.c19-01__item {
  display: flex;
}
.c19-01__box {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.c19-01__box--img {
  display: flex;
  font-size: 1.6rem;
  vertical-align: bottom;
}
.c19-01__box--text {
  font-size: 1.2rem;
  padding-left: 4px;
}
.c19-01__box__right {
  margin-left: auto;
}
.c19-01__box__bottom {
  display: inline-flex;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 2px 4px;
}
.c19-01__box__bottom .c19-01__box--text {
  color: #aaa;
}
@media screen and (max-width: 768px) {
  .c19-01 {
    padding: 0;
  }
  .c19-01__about {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-bottom: 12px;
  }
  .c19-01__box {
    margin-right: 8px;
  }
  .c19-01__box__right {
    display: none;
  }
}
</style>
  
<div class="c19-01">
  <p class="c19-01__about">
    テキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストAテキストA
  </p>
  <div class="c19-01__wrapper">
    <div class="c19-01__item">
      <div class="c19-01__box">
        <!-- <img src="/wp-content/uploads/2024/02/c19-01__01.png" alt="アイコン" class="c19-01__box--img"> -->
        <span class="c19-01__box--img material-symbols-outlined">explore_nearby</span>
        <p class="c19-01__box--text">1,326件のスポット</p>
      </div>
      <div class="c19-01__box">
        <!-- <img src="/wp-content/uploads/2024/02/c19-01__02.png" alt="アイコン" class="c19-01__box--img"> -->
        <span class="c19-01__box--img material-symbols-outlined">article</span>
        <p class="c19-01__box--text"> 75件の記事</p>
      </div>
    </div>
    <div class="c19-01__box__right">
      <p class="c19-01__box--text">更新日：2024年02月01日</p>
    </div>
  </div>

  <div class="c19-01__box__bottom">
    <!-- <img src="/wp-content/uploads/2024/02/c19-01__03.png" alt="アイコン" class="c19-01__box--img"> -->
    <span class="c19-01__box--img material-symbols-outlined">info</span>
    <p class="c19-01__box--text">本サービス内ではアフィリエイト広告を利用しています</p>
  </div>
</div>

【2024最新】神保町のおすすめ人気スポットに関するQ＆A

神保町周辺でおすすめのスポットは？: 神保町周辺のおすすめスポットは、うどん丸香（まるか）や欧風カレーボンディ神保町本店（Bondy）、カリーライス専門店エチオピア本店などです。
神保町周辺でおすすめのスポットは？: 神保町周辺のおすすめスポットは、うどん丸香（まるか）や欧風カレーボンディ神保町本店（Bondy）、カリーライス専門店エチオピア本店などです。
神保町周辺でおすすめのスポットは？: 神保町周辺のおすすめスポットは、うどん丸香（まるか）や欧風カレーボンディ神保町本店（Bondy）、カリーライス専門店エチオピア本店などです。
神保町周辺でおすすめのスポットは？: 神保町周辺のおすすめスポットは、うどん丸香（まるか）や欧風カレーボンディ神保町本店（Bondy）、カリーライス専門店エチオピア本店などです。

<style>  
.c19-02 {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.06);
}
.c19-02__title {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.c19-02__faq {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
}
.c19-02__faq__text--01,
.c19-02__faq__text--02 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  position: relative;
}
.c19-02__faq__text--01 {
  font-weight: bold;
  padding: 16px 0 8px 32px;
}
.c19-02__faq__text--01:first-of-type {
  padding: 0 0 8px 32px;
}
.c19-02__faq__text--01::before {
  position: absolute;
  top: 16px;
  left: 0;
  content: "Q.";
  width: 24px;
  display: inline-block;
  color: #20c98b;
  font-weight: bold;
}
.c19-02__faq__text--01:first-of-type::before {
  top: 0;
}

.c19-02__faq__text--02 {
  padding: 0 0 16px 32px;
  border-bottom: 1px solid #ddd;
}
.c19-02__faq__text--02::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "A.";
  width: 24px;
  display: inline-block;
  font-weight: bold;
}
.c19-02__faq a {
  color: #3d74c8;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .c19-02__faq {
    padding: 0 16px 16px;
  }
  .c19-02__title {
    font-size: 1.6rem;
    margin-bottom: 28px;
  }
  .c19-02__faq__text--01,
  .c19-02__faq__text--02 {
    font-size: 1.4rem;
    line-height: 2.0rem;
  }
}
</style>

<div class="c19-02">
  <p class="c19-02__title">【2024最新】神保町のおすすめ人気スポットに関するQ＆A</p>
  <dl class="c19-02__faq">
    <dt class="c19-02__faq__text--01">神保町周辺でおすすめのスポットは？</dt>
    <dd class="c19-02__faq__text--02">神保町周辺のおすすめスポットは、<a href="#">うどん 丸香（まるか）</a>や<a href="#">欧風カレー ボンディ 神保町本店（Bondy）</a>、<a href="#">カリーライス専門店エチオピア 本店</a>などです。</dd>

    <dt class="c19-02__faq__text--01">神保町周辺でおすすめのスポットは？</dt>
    <dd class="c19-02__faq__text--02">神保町周辺のおすすめスポットは、<a href="#">うどん 丸香（まるか）</a>や<a href="#">欧風カレー ボンディ 神保町本店（Bondy）</a>、<a href="#">カリーライス専門店エチオピア 本店</a>などです。</dd>

    <dt class="c19-02__faq__text--01">神保町周辺でおすすめのスポットは？</dt>
    <dd class="c19-02__faq__text--02">神保町周辺のおすすめスポットは、<a href="#">うどん 丸香（まるか）</a>や<a href="#">欧風カレー ボンディ 神保町本店（Bondy）</a>、<a href="#">カリーライス専門店エチオピア 本店</a>などです。</dd>

    <dt class="c19-02__faq__text--01">神保町周辺でおすすめのスポットは？</dt>
    <dd class="c19-02__faq__text--02">神保町周辺のおすすめスポットは、<a href="#">うどん 丸香（まるか）</a>や<a href="#">欧風カレー ボンディ 神保町本店（Bondy）</a>、<a href="#">カリーライス専門店エチオピア 本店</a>などです。</dd>
  
  </dl>
</div>

military_tech

人気

grade star_rate star star

4.36

chat

16件

image

82件

light_mode

¥ 1,000～

nightlight

¥ 1,000～

テキストBテキストB

利用シーン

ランチディナーリーズナブル夏冬カウンター席がある禁煙一軒家ランチディナーリーズナブル夏冬カウンター席がある禁煙一軒家

住所：: 東京都千代田区111-111

TOPユーザー東京都500投稿

ユーザー名

テキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストD

投稿日：2023年4月7日

TOPユーザー東京都500投稿

ユーザー名

投稿日：2023年4月7日

TOPユーザー東京都500投稿

ユーザー名

投稿日：2023年4月7日

外部サイトで見る

詳細を見る

紹介記事

おすすめ3選おすすめ3選おすすめ3選

グルメ・レストラン和食そば・うどん・麺類うどん

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

<style>
.c19-03 {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.07);
  border-radius: 8px;
  padding: 24px;
}
.c19-03__summary {
  display: flex;
  margin-bottom: 16px;
}
.c19-03__summary__rank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  color: #e7c613;
  border-right: 1px solid #ddd;
  padding-right: 16px;
  margin-right: 16px;
}
.c19-03__summary__rank__1st {
  width: 40px;
  color: #fff;
  line-height: 40px;
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
  background: #e7c613;
  border-radius: 50%;
}
.c19-03__summary__group__tag {
  display: flex;
}
.c19-03__summary__group__popular {
  font-size: 1.0rem;
  color: #fff;
  background: #e7c613;
  border-radius: 4px;
  padding: 0 4px;
  margin: 0 4px 4px 0;
}
.c19-03__summary__group__category {
  font-size: 1.0rem;
  color: #444;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 0 4px;
  margin: 0 4px 4px 0;
}
.c19-03__summary__group__title {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 2px;
}
.c19-03__summary__group__area {
  display: flex;
  align-items: center;
}
.c19-03__summary__group__area a {
  position: relative;
  padding-right: 10px;
  margin-left: 10px;
}
.c19-03__summary__group__area a:first-of-type {
  margin-left: 0;
}
.c19-03__summary__group__area a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  transform: rotate(45deg) translateY(-50%);
}
.c19-03__summary__group__area a:last-of-type::after {
  display: none;
}
.c19-03__summary__group__area--icon {
  font-size: 1.6rem;
  padding-right: 5px;
}
.c19-03__summary__group__area--01,
.c19-03__summary__group__area--02 {
  font-size: 1.2rem;
}
.c19-03__images {
  display: flex;
  overflow-x: scroll;
  padding-bottom: 16px;;
  margin-bottom: 16px;
}
.c19-03__images__item {
  min-width: 244px;
  margin-right: 12px;
}
.c19-03__images__item img {
  width: 244px;
  height: 244px;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  object-fit: cover;
}
.c19-03__meta__group {
  display: flex;
  font-size: 1.2rem;
  margin-bottom: 16px;
}
.c19-03__meta__group__item {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.c19-03__meta__group__item p {
  padding: 0 2px;
}
.c19-03__meta__group__item span {
  font-size: 1.4rem;
}
.c19-03__meta__group--popular {
  background: #f5f5f5;
  padding: 0 3px;
}
.c19-03__meta__group--popular span,
.c19-03__meta__group--score span {
  color: #fad300;
}
.c19-03__meta__group--score span {
  padding-bottom: 5px;
}
.c19-03__meta__group--daytime span {
  color: #faa300;
}
.c19-03__meta__group--night span {
  color: #3da6c8;
}
.c19-03__meta__catchcopy {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.c19-03__meta__description {
  font-size: 1.4rem;
  line-height: 2.0rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 16px;
}
.c19-03__meta__scene {
  font-size: 1.2rem;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}
.c19-03__meta__scene__text {
  font-weight: bold;
  margin-bottom: 8px;
}
.c19-03__meta__scene__group {
  display: flex;
  overflow-x: scroll;
}
.c19-03__meta__scene__item {
  display: inline-block;
  min-width: auto;
  background: #f5f5f5;
  border-radius: 8px;
  line-height: 1.2rem;
  white-space: nowrap;
  padding: 6px 8px;
  margin: 0 8px 0 0;
}
.c19-03__meta__area {
  display: flex;
  font-size: 1.2rem;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.c19-03__meta__area--text01 {
  width: 50px;
}
.c19-03__review__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.c19-03__review {
  padding: 16px 0;
}
.c19-03__review__header--title,
.c19-03__review__header--icon {
  font-size: 1.4rem;
}
.c19-03__review__header--title {
  font-weight: bold;
}
.c19-03__review__item {
  display: flex;
  margin-bottom: 8px;
}
.c19-03__review__img {
  width: 52px;
  margin-right: 8px;
}
.c19-03__review__img img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.c19-03__review__text {
  width: calc(100% - 52px);
}
.c19-03__review__text__tag {
  display: flex;
  font-size: 1.0rem;
  margin-bottom: 5px;
}
.c19-03__review__text__tag a {
  color: #fff;
  border-radius: 4px;
  padding: 0 4px;
  margin-right: 4px;
}
.c19-03__review__text__tag--top {
  background: #E7C613;
}
.c19-03__review__text__tag--tokyo500 {
  background: #FAA300;
}
.c19-03__review__text__name {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.c19-03__review__text__user {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 8px;
}
.c19-03__review__text__user__comment {
  font-size: 1.4rem;
  line-height: 2.0rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c19-03__review__text__user__date {
  font-size: 1.2rem;
}
.c19-03__link {
  margin-bottom: 18px;
}
.c19-03__link__text {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 4px;
}
.c19-03__link__banner {
  display: flex;
  flex-wrap: wrap;
}
.c19-03__link__banner__item {
  display: block;
  max-width: 180px;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  margin: 0 12px 12px 0;
}
.c19-03__link__banner__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.c19-03__link__detail {
  display: none;
}
.c19-03__recommend {
  margin-bottom: 16px;
}
.c19-03__recommend__item {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  padding: 16px;
}
.c19-03__recommend__thumbnail {
  display: flex;
  align-items: flex-start;
  margin-right: 16px;
}
.c19-03__recommend__thumbnail img {
  max-width: 128px;
  height: 96px;
  border-radius: 4px;
  object-fit: contain;
}
.c19-03__recommend__description {
  width: calc(100% - 144px);
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.c19-03__recommend__description--text01 {
  margin-bottom: 12px;
}
.c19-03__recommend__description--text02 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.c19-03__recommend__description--text03 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c19-03__genre a {
  font-size: 1.2rem;
  position: relative;
  padding-right: 8px;
  margin-left: 8px;
}
.c19-03__genre a:first-of-type {
  margin-left: 0;
}
.c19-03__genre a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  transform: rotate(45deg) translateY(-50%);
}
.c19-03__genre a:last-of-type::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .c19-03 {
    padding: 0;
  }
  .c19-03__summary {
    margin: 16px 16px 13px;
  }
  .c19-03__images {
    display: grid;
    grid-template-columns: 110px 110px 110px 110px 110px;
    grid-template-rows: 110px 110px 110px;
    grid-gap: 2px;
    gap: 2px;
    margin-right: 0;
  }
  .c19-03__images__item {
    min-width: auto;
    margin: 0;
  }
  .c19-03__images__item img {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .c19-03__images__item:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .c19-03__images__item:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .c19-03__images__item:nth-of-type(3) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .c19-03__images__item:nth-of-type(4) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .c19-03__images__item:nth-of-type(5) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .c19-03__images__item:nth-of-type(6) {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  .c19-03__images__item:nth-of-type(7) {
    grid-column: 4/6;
    grid-row: 1/2;
  }
  .c19-03__images__item:nth-of-type(8) {
    grid-column: 4/6;
    grid-row: 2/4;
  }
  .c19-03__meta {
    padding: 0 16px;
  }
  .c19-03__meta__group {
    flex-wrap: wrap;
    margin-bottom: 12px;
  }
  .c19-03__meta__description {
    margin-bottom: 12px;
  }
  .c19-03__meta__catchcopy {
    font-size: 1.4rem;
  }
  .c19-03__review {
    padding: 16px;
  }
  .c19-03__review__img {
    width: 32px;
  }
  .c19-03__review__img img {
    width: 32px;
    height: 32px;
  }
  .c19-03__link {
    padding: 0 16px;
    margin-bottom: 0;
  }
  .c19-03__link__banner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .c19-03__link__banner__item {
    width: calc(50% - 4px);
    height: 36px;
    margin: 0;
  }
  .c19-03__link__banner__item:nth-of-type(2n-1) {
    margin: 0 8px 8px 0;
  }
  .c19-03__link__detail {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    background: #f5f5f5;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 6px 0 12px;
  }
  .c19-03__recommend {
    padding: 0 16px;
  }
  .c19-03__recommend__item {
    height: 84px;
    padding: 0;
  }
  .c19-03__recommend__thumbnail {
    margin-right: 0;
  }
  .c19-03__recommend__thumbnail img {
    max-width: 84px;
    height: 84px;
  }
  .c19-03__recommend__description {
    width: calc(100% - 84px);
    padding: 12px;
  }
  .c19-03__recommend__description--text01 {
    margin-bottom: 4px!important;
  }
  .c19-03__recommend__description--text03 {
    display: none;
  }
  .c19-03__genre {
    padding: 0 16px;
  }
}
</style>

<div class="c19-03">
  <div class="c19-03__summary">
    <div class="c19-03__summary__rank">
      <span class="material-symbols-outlined">military_tech</span>
      <p class="c19-03__summary__rank__1st">1</p>
    </div>
    
    <div class="c19-03__summary__group">
      <div class="c19-03__summary__group__tag">
        <p class="c19-03__summary__group__popular">人気</p>
        <a class="c19-03__summary__group__category" href="#">うどん</a>
      </div>
      <div class="c19-03__summary__group__title">
        <a href="">テキストA</a>
      </div>
      <div class="c19-03__summary__group__area">
        <span class="c19-03__summary__group__area--icon material-symbols-outlined">explore_nearby</span>
        <a class="c19-03__summary__group__area--01" href="#">東京</a>
        <a class="c19-03__summary__group__area--02" href="#">神田・秋葉原・御茶ノ水</a>
      </div>
    </div>
  </div>

  <div class="c19-03__images">
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/3d4070/ffffff/500x500.png" alt="画像1枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/0e7757/ffffff/500x500.png" alt="画像2枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/3d4070/ffffff/500x500.png" alt="画像3枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/0e7757/ffffff/500x500.png" alt="画像4枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/3d4070/ffffff/500x500.png" alt="画像5枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/0e7757/ffffff/500x500.png" alt="画像6枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/3d4070/ffffff/500x500.png" alt="画像7枚目">
    </a>
    <a class="c19-03__images__item" href="#">
      <img src="https://placehold.jp/0e7757/ffffff/500x500.png" alt="画像8枚目">
    </a>
  </div>

  <div class="c19-03__meta">
    <div class="c19-03__meta__group">
      <div class="c19-03__meta__group__item c19-03__meta__group--popular">
        <span class="material-symbols-outlined">stars</span>
        <p>人気</p>
      </div>
      <div class="c19-03__meta__group__item c19-03__meta__group--score">
        <span class="material-symbols-outlined">
          grade
          </span>
          <span class="material-symbols-outlined">
            star_rate
            </span>
        <span class="material-symbols-outlined">star</span>
        <span class="material-symbols-outlined">star</span>
        <p>4.36</p>
      </div>
      <div class="c19-03__meta__group__item c19-03__meta__group--review">
        <span class="material-symbols-outlined">chat</span>
        <p>16件</p>
      </div>
      <div class="c19-03__meta__group__item c19-03__meta__group--images">
        <span class="material-symbols-outlined">image</span>
        <p>82件</p>
      </div>
      <div class="c19-03__meta__group__item c19-03__meta__group--daytime">
        <span class="material-symbols-outlined">light_mode</span>
        <p>¥ 1,000～</p>
      </div>
      <div class="c19-03__meta__group__item c19-03__meta__group--night">
        <span class="material-symbols-outlined">nightlight</span>
        <p>¥ 1,000～</p>
      </div>
    </div>

    <p class="c19-03__meta__catchcopy">テキストBテキストB</p>
    <p class="c19-03__meta__description">テキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストCテキストC</p>

    <div class="c19-03__meta__scene">
      <p class="c19-03__meta__scene__text">利用シーン</p>
      <div class="c19-03__meta__scene__group">
        <a class="c19-03__meta__scene__item" href="#">ランチ</a>
        <a class="c19-03__meta__scene__item" href="#">ディナー</a>
        <a class="c19-03__meta__scene__item" href="#">リーズナブル</a>
        <a class="c19-03__meta__scene__item" href="#">夏</a>
        <a class="c19-03__meta__scene__item" href="#">冬</a>
        <a class="c19-03__meta__scene__item" href="#">カウンター席がある</a>
        <a class="c19-03__meta__scene__item" href="#">禁煙</a>
        <a class="c19-03__meta__scene__item" href="#">一軒家</a>
        <a class="c19-03__meta__scene__item" href="#">ランチ</a>
        <a class="c19-03__meta__scene__item" href="#">ディナー</a>
        <a class="c19-03__meta__scene__item" href="#">リーズナブル</a>
        <a class="c19-03__meta__scene__item" href="#">夏</a>
        <a class="c19-03__meta__scene__item" href="#">冬</a>
        <a class="c19-03__meta__scene__item" href="#">カウンター席がある</a>
        <a class="c19-03__meta__scene__item" href="#">禁煙</a>
        <a class="c19-03__meta__scene__item" href="#">一軒家</a>
      </div>
    </div>

    <dl class="c19-03__meta__area">
      <dt class="c19-03__meta__area--text01">住所：</dt>
      <dd class="c19-03__meta__area--text02">東京都千代田区111-111</dd>
    </dl>

    </div>

  <div class="c19-03__review">
    <div class="c19-03__review__header">
      <p class="c19-03__review__header--title">ユーザーのレビュー</p>
      <span class="c19-03__review__header--icon material-symbols-outlined">info</span>
    </div>
    
    <div class="c19-03__review__item">
      <div class="c19-03__review__img">
        <img src="https://placehold.jp/f58484/ffffff/150x150.png" alt="">
      </div>
      <div class="c19-03__review__text">
        <div class="c19-03__review__text__tag">
          <a class="c19-03__review__text__tag--top">TOPユーザー</a>
          <a class="c19-03__review__text__tag--tokyo500">東京都500投稿</a>
        </div>
        <p class="c19-03__review__text__name">ユーザー名</p>
        <div class="c19-03__review__text__user">
          <p class="c19-03__review__text__user__comment">テキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストD</p>
          <p class="c19-03__review__text__user__date">投稿日：2023年4月7日</p>
        </div>
      </div>
    </div>

    <div class="c19-03__review__item">
      <div class="c19-03__review__img">
        <img src="https://placehold.jp/f58484/ffffff/150x150.png" alt="">
      </div>
      <div class="c19-03__review__text">
        <div class="c19-03__review__text__tag">
          <a class="c19-03__review__text__tag--top">TOPユーザー</a>
          <a class="c19-03__review__text__tag--tokyo500">東京都500投稿</a>
        </div>
        <p class="c19-03__review__text__name">ユーザー名</p>
        <div class="c19-03__review__text__user">
          <p class="c19-03__review__text__user__comment">テキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストD</p>
          <p class="c19-03__review__text__user__date">投稿日：2023年4月7日</p>
        </div>
      </div>
    </div>

    <div class="c19-03__review__item">
      <div class="c19-03__review__img">
        <img src="https://placehold.jp/f58484/ffffff/150x150.png" alt="">
      </div>
      <div class="c19-03__review__text">
        <div class="c19-03__review__text__tag">
          <a class="c19-03__review__text__tag--top">TOPユーザー</a>
          <a class="c19-03__review__text__tag--tokyo500">東京都500投稿</a>
        </div>
        <p class="c19-03__review__text__name">ユーザー名</p>
        <div class="c19-03__review__text__user">
          <p class="c19-03__review__text__user__comment">テキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストDテキストD</p>
          <p class="c19-03__review__text__user__date">投稿日：2023年4月7日</p>
        </div>
      </div>
    </div>

  </div>


  <div class="c19-03__link">
    <p class="c19-03__link__text">外部サイトで見る</p>
    <div class="c19-03__link__banner">
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/300x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/500x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/800x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/500x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/500x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/500x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/500x150.png"></a>
      <a class="c19-03__link__banner__item" href="#"><img src="https://placehold.jp/1b6ebb/ffffff/500x150.png"></a>
    </div>
    <div class="c19-03__link__detail">
      <a href="#">詳細を見る</a>
    </div>
  </div>
  
  <div class="c19-03__recommend">
    <a class="c19-03__recommend__item" href="">
      <div class="c19-03__recommend__thumbnail">
        <img src="https://placehold.jp/1b6ebb/ffffff/500x500.png">
      </div>
      <div class="c19-03__recommend__description">
        <p class="c19-03__recommend__description--text01">紹介記事</p>
        <p class="c19-03__recommend__description--text02">おすすめ3選おすすめ3選おすすめ3選</p>
        <p class="c19-03__recommend__description--text03">テキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストEテキストE</p>
      </div>
    </a>
  </div>

  <div class="c19-03__genre">
    <a href="#">グルメ・レストラン</a>
    <a href="#">和食</a>
    <a href="#">そば・うどん・麺類</a>
    <a href="#">うどん</a>
  </div>

</div>

外部サイト『aumo』掲載のスタイル　を閉じる