/* <system section="theme" selected="12921228815716634118"> */
@charset "UTF-8";
/* main stylesheet */
/* colors */
/* size */
/* init config */
html, body { height: 100%; width: 100%; }

html, body, div, header, nav, ul, li, ol, p, a, footer, img, dl, dt, dd { padding: 0; margin: 0; }

/* Common */
html, body { font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif; color: #888888; background-color: #f1f1f1; }

a { color: #2ecc71; }
a:hover { color: #9baa2c; }
a:visited { color: #789dae; }

h1 a, h1 a:hover, h1 a:visited, h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited, h4 a, h4 a:hover, h4 a:visited, h5 a, h5 a:hover, h5 a:visited, h6 a, h6 a:hover, h6 a:visited { color: #666666; text-decoration: none; }

a.keyword { text-decoration: none; border-bottom: 1px dotted rgba(200, 200, 200, 0.3); color: #888888; }

/* Buttons */
.btn { padding: 4px 10px 4px; margin-bottom: 0; line-height: 18px; color: #888888; background-color: white; text-align: center; vertical-align: middle; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.2); text-decoration: none !important; }
.btn:hover { background-color: whitesmoke; text-decoration: none !important; }

.btn-small { padding: 2px 10px !important; font-size: 11px !important; }

.btn-large { padding: 13px 19px; font-size: 17px; line-height: normal; font-weight: bold; }

/* ヘッダ（グローバルヘッダ） グローバルヘッダの中はiframeですが、 #globalheader-container に背景色や文字色を指定することでirameの中にも色が反映されます。
*/
#globalheader-container { background-color: #932be1; color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; }

/* container */
#container { max-width: 100%; margin-left: auto; margin-right: auto; padding-top: 37px; }

.globalheader-off #container { padding-top: 0; }

/* 2カラムレイアウト */
/*
#main { max-width: $main_2col; float: left;
}

#box2 { max-width: $box_2col; float: right;
}
*/
/* 1カラムにしたい場合は下記のコメントアウトを外してください ---- */
#main { max-width: 700px; margin: 0 auto; float: none; }

#box2 { width: 100%; float: none; background: #fff; padding: 25px 0; }

#box2-inner { width: 700px; margin: 0 auto; overflow: hidden; *zoom: 1; overflow: hidden; }

.hatena-module { text-align: left; padding-right: 20px; width: 325px; float: left; }
.hatena-module:nth-child(2n+1) { clear: both; }

/* ---- END 1カラム */
/* header */
#blog-title { margin: 30px 0; padding: 50px 0; max-width: 700px; margin: 0 auto; }

#title { margin: 0; }
#title a { color: #888888; }

#blog-description { font-weight: normal; font-size: 80%; margin: 5px 0 0 0; }

/* ヘッダ画像を設定したとき */
.header-image-enable #title { padding-top: 70px; }
.header-image-enable #title, .header-image-enable #blog-description { padding-left: 20px; }

/* パンくず（カテゴリーページで表示されます） */
#top-box { margin: 10px auto 20px; font-size: 90%; }
#top-box .breadcrumb { border: 1px solid rgba(200, 200, 200, 0.3); padding: 10px; }

/* entry */
.entry { position: relative; margin-bottom: 100px; background: #fff; border-top: 5px solid #bdc3c7; }

.entry-header { padding: 0 0 10px 0; margin-bottom: 20px; border-bottom: 1px solid rgba(200, 200, 200, 0.3); position: relative; padding: 25px; }

.entry-title { margin: 0; line-height: 1.3; font-weight: 400; font-size: 150%; }

/* 日付 */
.date { font-weight: 200; margin-bottom: 10px; }
.date a { color: #999; text-decoration: none; font-size: 1em; }

/* カテゴリ */
.categories { margin: 15px 0 10px 0; font-size: 80%; }
.categories a { color: #fff; text-decoration: none; background: #e74c3c; padding: 5px 10px; }
.categories a:nth-child(3n+1) { background: #2ecc71; }
.categories a:nth-child(3n+2) { background: #f1c40f; }
.categories.no-categories { margin: 0; }

/* 「編集する」ボタン */
.entry-header-menu { position: absolute; bottom: 0px; left: -60px; }

/* entry-content の中の書式 */
.entry-content { font-size: 95%; line-height: 1.7; padding-bottom: 10px; border-bottom: 1px solid rgba(200, 200, 200, 0.3); padding: 25px; }
.entry-content p { margin: 0 0 1em 0; }
.entry-content img { max-width: 100%; }
.entry-content ul { padding-left: 25px; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 1.3em 0 0.8em 0; line-height: 1.5; }
.entry-content h1 { font-size: 160%; }
.entry-content h2 { font-size: 150%; }
.entry-content h3 { font-size: 140%; }
.entry-content h4 { font-size: 130%; }
.entry-content h5 { font-size: 110%; }
.entry-content h6 { font-size: 100%; }
.entry-content table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; }
.entry-content table img { max-width: none; }
.entry-content table th, .entry-content table td { border: 1px solid #ddd; padding: 5px 10px; }
.entry-content table th { background: whitesmoke; }
.entry-content blockquote { border: 1px solid rgba(200, 200, 200, 0.3); margin: 0 0 10px; padding: 20px; }
.entry-content blockquote p { margin-top: 0; margin-bottom: 0; }
.entry-content pre { border: 1px solid rgba(200, 200, 200, 0.3); margin: 0 0 10px; padding: 20px; white-space: pre; }
.entry-content pre > code { margin: 0; padding: 0; white-space: pre; border: 0; background: transparent; font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif; }
.entry-content code { font-size: 90%; margin: 0 2px; padding: 0 5px; border: 1px solid #eaeaea; background-color: #f8f8f8; border-radius: 3px; font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif; }
.entry-content .hatena-asin-detail li { line-height: 1.4; }

/* entry-footer */
.entry-footer { margin-top: 10px; padding: 25px; }

.entry-footer-section { font-size: 80%; color: #999999; }
.entry-footer-section a { color: #999999; }

.social-buttons, .entry-footer-html { margin: 10px 0; }

/* コメント */
.comment-box ul { list-style: none; margin: 0 0 15px 0; padding: 0; font-size: 95%; line-height: 1.7; }
.comment-box li { padding: 10px 0 10px 60px; border-bottom: 1px solid rgba(200, 200, 200, 0.3); position: relative; }
.comment-box li:first-child { border-top: 1px solid rgba(200, 200, 200, 0.3); }
.comment-box .read-more-comments { padding-left: 0; }
.comment-box .hatena-id-icon { position: absolute; top: 10px; left: 0; width: 50px !important; height: 50px !important; }

.comment-user-name { margin: 0 0 10px 0; font-weight: bold; }

.comment-content { font-size: 90%; margin: 0 0 10px 0; word-wrap: break-word; }
.comment-content p { margin: 0 0 10px 0; }

.comment-metadata { font-size: 80%; color: #999999; margin: 0; }
.comment-metadata a { color: #999999; }

/* sidebar */
#box2 { font-size: 85%; line-height: 1.5; }

.hatena-module { margin-bottom: 60px; }

.hatena-module-title { font-weight: bold; margin-bottom: 15px; font-size: 120%; }
.hatena-module-title a { color: #888888; text-decoration: none; }
.hatena-module-title a:hover { text-decoration: underline; }

/* Profile module */
.hatena-module-profile .profile-icon { float: left; margin: 0 10px 10px 0; }
.hatena-module-profile .id { display: block; font-weight: bold; font-size: 110%; margin-bottom: 5px; text-decoration: none; }
.hatena-module-profile .profile-description { font-size: 90%; }
.hatena-module-profile .profile-description p { margin-top: 0; }

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

/* Search module */
.hatena-module-search-box .search-form { border: 1px solid rgba(200, 200, 200, 0.3); width: 100%; position: relative; }
.hatena-module-search-box .search-module-input { padding: 5px; color: #888888; background: none; border: none; outline: none; height: 20px; width: 90%; }
.hatena-module-search-box .search-module-button { width: 20px; height: 20px; background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png) no-repeat right center; border: none; outline: none; text-indent: -9999px; position: absolute; top: 5px; right: 5px; }
.hatena-module-search-box .search-module-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

/* Pager */
.pager { margin: 20px 0 75px 0; padding: 20px 0; text-align: center; font-size: 80%; font-weight: bold; position: relative; }
.pager a { color: #888888; text-decoration: none; text-indent: -9999px; background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/kakinokex/20140115/20140115223353.png?1389792842) no-repeat; background-size: auto; width: 48px; height: 48px; display: block; }
.pager a:hover { text-decoration: underline; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.pager .pager-prev { position: absolute; left: 5%; top: -20px; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.pager .pager-next { position: absolute; right: 5%; top: -20px; }

#bottom-editarea { background: #fff; }

/* Footer */
#footer { padding: 30px 0; max-width: 100%; text-align: center; color: #999999; line-height: 1.5; font-size: 80%; background: #fff; }
#footer p { margin: 0; }
#footer a { color: #999999; }

/* About ページ */
.page-about dt { font-size: 16px; font-weight: bold; border-bottom: 1px solid #dfdfdf; margin-bottom: 5px; }
.page-about dd { margin-left: 0; margin-bottom: 30px; }

/* archive ページ */
.page-archive #main section { margin-bottom: 20px; }
.page-archive #main h1 { font-size: 100%; margin-bottom: 0; }
.page-archive .categories a { color: #fff; font-size: 70%; background: #aaa; padding: 3px 5px; border-radius: 3px; text-decoration: none; margin-right: 2px; }

/* </system> */