/*
Theme Name: 四角と線
Theme URI: http://blog.hatena.ne.jp/-/store/theme/17391345971645925085
Description: 幅960px以上で2カラムになる、レスポンシブデザインです。また幅は1200px以上広がらないようにしています。幅を狭くしてサイドバーを右から左にしたい場合は、 https://an705fgp.hateblo.jp/entry/css/sikakutosen2 を参照して下さい。*注意事項-ブログタイトル下の説明文のみ、フォントサイズを指定しています(120%)。-タイトル画像を使う事を考えて作られていません。-何かおかしな所等ありましたら、連絡してもらえると助かります。*更新履歴(新しい順)**2018年7月12日-記事一覧ページに表示される記事画像の位置を微調整。**2018年6月26日-行間を1.5から1.6に変更。**2018年5月25日-ログインしてない時にフッターに表示される「○○さんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか？」の部分のCSS追加。**2018年5月22日-テーブル微調整。
Author: an705fgp
Author URI: http://blog.hatena.ne.jp/an705fgp/
*/
@charset "utf-8";

/*
  Theme: 四角と線
  Author: 泉杏
  Description: 幅960px以上で2カラムになります
  Responsive: yes
*/

body {
line-height: 1.6;
letter-spacing: 0.1em;
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/* 順序付きリスト・順不同リスト */
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;
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;
}

/* 広告 */
.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: solid 1px #808080;
margin: 16px 16px 0;
}

/* ブログタイトル・説明文 */
#blog-title {
border-bottom: solid 2px #808080;
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: 120%;
font-weight: normal;
text-align: center;
margin: 16px auto;
}

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

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

/* 記事部分など */
.entry,
.archive-entries {
margin: 0 16px 16px;
}
.archive-heading { margin: 0 16px; }
header.entry-header,
.archive-entry-header {
border-top: double 3px #808080;
border-bottom: double 3px #808080;
margin-top: 8px;
padding: 8px 16px 0;
position : relative;
}
header.entry-header a,
.archive-entry-header a {
text-decoration: none;
}
.entry-title { margin: 4px 0 0; }
.categories { margin: 4px 0; }
.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: solid 1px #0000ff;
padding: 2px 4px;
}

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

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

/* サイドバー */
.hatena-module  {
border: solid 1px #808080;
margin: 0 16px 16px;
}
.hatena-module-title {
font-weight: bold;
border-top: dashed 1px #808080;
border-bottom: dashed 1px #808080;
margin: 8px 0;
padding: 4px 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 #c0c0c0; padding: 4px 0; }
.hatena-urllist li a { text-decoration: none; }

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

/* フッター */
#footer {
background-color: #ffffff;
border: solid 1px #808080;
margin: 0 16px 16px;
}
.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;
padding: 0 16px;
}

/* 960px以上 */
@media (min-width: 960px) {
#content:after { content: ""; display: block; clear: both; }
#wrapper { float: left; width: 71%; }
#box2 { float: left; width: 29%; }
}

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