/* <system section="theme" selected="17391345971652444401"> */
@charset "utf-8";

/*
  Theme: reclamation1
  Author: 泉杏
  Description: 幅768px以上で下のサイドバーが2段になる、レスポンシブデザインです。
  Responsive: yes
*/

body {
line-height: 1.6;
letter-spacing: 0.1em;
font-family: sans-serif;
background-color: #efefef;
}

/* 順序付きリスト・順不同リスト */
ol { list-style: decimal; }
ul { list-style: square; }

/* 定義リスト */
dt,dt a  { font-weight: bold; }

/* テーブル */
table {
border-top: solid 1px #808080;
border-left: solid 1px #808080;
}
th {
font-weight: bold;
border-bottom: solid 1px #808080;
border-right: solid 1px #808080;
padding: 4px;
}
td {
border-bottom: solid 1px #808080;
border-right: solid 1px #808080;
padding: 4px;
}

/* 引用 */
q { color: #000080; }
blockquote {
border: dashed 1px #000080;
border-radius: 4px;
margin: 1em 8px;
padding: 0 16px;
}

/* リンク */
a { text-decoration: underline; }
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #800000; }
a:active { color: #800000; }
a.keyword {
text-decoration: none;
border-bottom: solid 1px #c0c0c0;
}

/* 画像 */
.entry-thumb { margin: 8px 16px; border-radius: 4px; }
.urllist-image { border-radius: 4px; }
img.hatena-id-icon { border-radius: 2px; }
img.profile-icon { border-radius: 4px; }
img.circle-image { border-radius: 4px; }
.footer-address img { border-radius: 2px; }

/* 広告 */
.google-afc-user-container {
text-align: center;
margin: 0 auto;
}

/* ヘッダ(グローバルヘッダ) */
/* グローバルヘッダの中はiframeですが、#globalheader-container に
背景色や文字色を指定することでiframeの中にも色が反映されます。 */
#globalheader-container {
width: 100%;
color: #ffffff;
background-color: #000000;
}

#container {
background-color: #ffffff;
border-bottom: solid 1px #c0c0c0;
margin-top: 32px;
padding: 0.6em;
}

/* ブログタイトル・説明文 */
#blog-title { margin: 0 0 16px; }
h1#title {
text-align: center;
margin: 16px auto 0;
}
h1#title a {
color: #000000;
text-decoration: none;
}
#blog-description {
font-size: 110%;
font-weight: normal;
text-align: center;
margin: 16px auto;
}

/* タイトル下(ヘッダ)の文章 */
#top-editarea { margin: 0 16px 16px; }

/* パンくず(カテゴリーページで表示されます) */
#top-box { margin: 16px; }

/* 記事部分など */
.entry,
.archive-entries {
margin-bottom: 16px; 
}
.archive-heading { margin: 0 16px; }
header.entry-header,
.archive-entry-header {
border-top: solid 1px #c0c0c0;
border-right: solid 1px #808080;
border-bottom: solid 1px #808080;
border-left: solid 1px #c0c0c0;
margin: 8px 16px 0;
padding: 8px;
position : relative;
}
header.entry-header a,
.archive-entry-header a {
text-decoration: none;
}
.entry-title { margin: 4px 0 0; }
.categories { text-align: right; margin: 4px 16px; }
.entry-content,
.entry-footer,
.archive-entry-body { padding: 8px 16px; }
.entry-thumb { margin: 8px 16px; }

/* 「編集する」リンク */
header.entry-header,
.archive-entry-header {
position : relative;
}
.entry-header-menu {
position : absolute;
top: 4px;
right: 4px;
font-weight: bold;
border: dashed 1px #0000ff;
border-radius: 2px;
padding: 2px 4px;
}

/* コメント */
.comment-box ul {
list-style: none;
border-top: solid 1px #808080;
margin: 16px 0;
padding: 0;
}
.comment-box li {
border-bottom: dashed 1px #808080;
margin: 0;
padding: 0 16px;
}
li.read-more-comments {
padding-top: 16px;
padding-bottom: 16px;
}

/* Pager */
.pager{
text-align: center;
margin: 16px auto;
padding-top: 16px;
}
.pager .pager-prev { padding-right: 8px; }
.pager .pager-next { padding-left: 8px; }

/* サイドバー */
.hatena-module {
border-top: solid 1px #c0c0c0;
border-right: solid 1px #808080;
border-bottom: solid 1px #808080;
border-left: solid 1px #c0c0c0;
margin-bottom: 16px;
}
.hatena-module-title {
font-size: 110%;
font-weight: bold;
border-bottom: solid 1px #c0c0c0;
padding: 8px;
}
.hatena-module-title a { text-decoration: none; }
.hatena-module-body { padding: 8px 16px; }

/* urllist module */
/* リンク・最新記事・最近のコメント・月別アーカイブ・カテゴリモジュールは
.hatena-urllist という共通の class が振られます */
.hatena-urllist { list-style: none; margin: 0; padding: 0; }
.hatena-urllist li { border-bottom: dashed 1px #808080; padding: 4px 0; }
.hatena-urllist li a { text-decoration: none; }

/* フッタの文章 */
#bottom-editarea { margin: 16px 16px 0; }

/* フッター */
#footer {
background-color: #ffffff;
border-top: solid 1px #c0c0c0;
margin-bottom: 32px;
padding: 0.6em;
}
.footer-address {
text-align: center;
margin: 16px auto 0;
}
p.services {
text-align: center;
margin: 16px auto;
}
.guest-footer-content {
text-align: center;
border-bottom: dashed 1px #808080;
margin: 16px auto;
}

/* 600px以上 */
@media (min-width: 600px) {
#container,#footer { width: 88%; margin-left: auto; margin-right: auto; }
}

/* 768px以上 */
@media (min-width: 768px) {
#box2 .hatena-module { margin: 0 8px 16px; float: left; width: 47%; }
#box2 .hatena-module:nth-child(3) { clear: both; }
#box2 .hatena-module:nth-child(5) { clear: both; }
#box2 .hatena-module:nth-child(7) { clear: both; }
#box2 .hatena-module:nth-child(9) { clear: both; }
#box2 .hatena-module:nth-child(11) { clear: both; }
#box2 .hatena-module:nth-child(13) { clear: both; }
#box2 .hatena-module:nth-child(15) { clear: both; }
#box2-inner:after { content: ""; display: block; clear: both; }
}
/* </system> */
/* ｲﾝｽﾄｰﾙﾃｰﾏ "reclamation1" ◆ ｺｺﾏﾃﾞ */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

/* 600px以上▼ */
@media (min-width: 600px) {
#container,#footer { width: 97%; margin-left: auto; margin-right: auto; }
}
@media (min-width: 610px) { #container,#footer { width: 96%;} }
@media (min-width: 620px) { #container,#footer { width: 95%;} }
@media (min-width: 630px) { #container,#footer { width: 94%;} }
@media (min-width: 640px) { #container,#footer { width: 93%;} }
@media (min-width: 650px) { #container,#footer { width: 92%;} }
@media (min-width: 660px) { #container,#footer { width: 91%;} }
@media (min-width: 670px) { #container,#footer { width: 90%;} }
@media (min-width: 680px) { #container,#footer { width: 89%;} }

@media (min-width: 600px) {
#container,#footer {  margin-left: auto; margin-right: auto;
  width: calc(100vw - 100vw * 0.001 * (100vw - 570px)); }
}
@media (min-width: 690px) { #container,#footer { width: 88%;} }
/*
  97% ﾉ 3% ﾊ padding ﾌﾞﾝﾀﾞﾛｹﾄﾞ数値ﾉｺﾝｷｮﾜｽﾚﾀｗ 目分量? (ﾟ∀ﾟ)
  600px * 97% = 582px | 690px * 88% = 607.2px
  X = 100vw - 100vw * 0.001 * (100vw - 570px)
  X = ((690px - 100vw) * 0.1 + 88) * 0.01 * 100vw
  ｢長さ * 長さ｣(不可) と解釈される？
  ｢割り出した px を % に変換する｣のはダメか？
*/
/* 九百六十px以上 */
@media (min-width: 960px) {
#container,#footer { max-width: 1300px; }
#content:after { content: ""; display: block; clear: both; }
#wrapper { float: left; width: 71%; }
#box2 { float: left; width: 29%; }
#box2 .hatena-module { margin: 0 0px 16px; float: none; width: 100%; }
}
/* ▲Epicﾃﾞﾊ削除 */


em, strong {  color: #ff4b00;}
strong {  font-weight: bold;}
strong em {  font-size: 1.2em;}
strong strong {  font-size: 1.4em;}


hr {
  width: 60%; 
  margin-letf: auto;  margin-right: auto;
}


.entry-content h2,h3,h4,h5,h6 { margin-top: 2em;}

h1:before {
  content: "";
  display: inline-block;
  background-color: #84919e;
  width: 0.77em;
  height: 0.77em;
  margin-right: 0.2em;
}
h1#title:before,
h1.entry-title:before { content: "";  display: none;}

h2:before {
  content: "";
  display: inline-block;
  background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hoofbeat/20200420/20200420183641.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 0.77em;
  height: 0.77em;
  margin-right: 0.2em;
}
h2#blog-description:before { content: "";  display: none;}

h3:before {
  content: "▶";
  color: #84919e;
  margin-right: 0.2em;
}
h4:before {
  content: "❖";
  /* 装飾記号 U+2756 */
  color: #84919e;
  margin-right: 0.2em;
}
h5:before {
  content: "⬟";
  /* その他の記号と矢印 U+2B1F */
  color: #84919e;
  margin-right: 0.2em;
}
h6:before {
  content: "";
  display: inline-block;
  background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hoofbeat/20200420/20200420224837.gif);
  background-repeat: no-repeat;
  background-position: left;
  width: 18px;
  height: 0.77em;
  margin-right: 0.2em;
}


/* 白背景に対し形が不明瞭になる画像に付与 */
/* 手動 */
.img-MeltsWhite { border: solid 1px #c8c8cb;}


/* jam-pack すし詰め */
.jam-pack,
.jam-pack th,
.jam-pack td {
  line-height: 1;
  letter-spacing: normal;
  padding: 0;
}

/* ■ */