/* 雨宮しんご ブログ作成ツール：写真の幅クラス
   管理画面のプレビュー（iframe内）と公開ページの両方で読み込む。
   全幅（figure.full）はテーマの sub.css が担当しているため、ここには書かない。 */

.blog_single_con .con figure.is-w20,
.blog_single_con .con figure.is-w25,
.blog_single_con .con figure.is-w30,
.blog_single_con .con figure.is-w35,
.blog_single_con .con figure.is-w40,
.blog_single_con .con figure.is-w45,
.blog_single_con .con figure.is-w50,
.blog_single_con .con figure.is-w55,
.blog_single_con .con figure.is-w60,
.blog_single_con .con figure.is-w65,
.blog_single_con .con figure.is-w70,
.blog_single_con .con figure.is-w75,
.blog_single_con .con figure.is-w80,
.blog_single_con .con figure.is-w85,
.blog_single_con .con figure.is-w90,
.blog_single_con .con figure.is-w95 {
  margin-left: auto;
  margin-right: auto;
}

.blog_single_con .con figure.is-w20 { width: 20%; }
.blog_single_con .con figure.is-w25 { width: 25%; }
.blog_single_con .con figure.is-w30 { width: 30%; }
.blog_single_con .con figure.is-w35 { width: 35%; }
.blog_single_con .con figure.is-w40 { width: 40%; }
.blog_single_con .con figure.is-w45 { width: 45%; }
.blog_single_con .con figure.is-w50 { width: 50%; }
.blog_single_con .con figure.is-w55 { width: 55%; }
.blog_single_con .con figure.is-w60 { width: 60%; }
.blog_single_con .con figure.is-w65 { width: 65%; }
.blog_single_con .con figure.is-w70 { width: 70%; }
.blog_single_con .con figure.is-w75 { width: 75%; }
.blog_single_con .con figure.is-w80 { width: 80%; }
.blog_single_con .con figure.is-w85 { width: 85%; }
.blog_single_con .con figure.is-w90 { width: 90%; }
.blog_single_con .con figure.is-w95 { width: 95%; }

/* メディアクエリは後述のスマートフォン用上書きが効くように、ファイルの最後に配置している */
/* スマートフォンでは小さい幅クラス（20%〜45%）を50%に引き上げる */
@media screen and (max-width: 768px) {
  .blog_single_con .con figure.is-w20,
  .blog_single_con .con figure.is-w25,
  .blog_single_con .con figure.is-w30,
  .blog_single_con .con figure.is-w35,
  .blog_single_con .con figure.is-w40,
  .blog_single_con .con figure.is-w45 {
    width: 50%;
  }
}