/*
Theme Name: Writer
Theme URI: http://blog.hatena.ne.jp/-/store/theme/11696248318752473050
Description: 美しい日本語を意識して作った縦書きのテーマです。物書きの方はもちろん、日常のことなど文章を中心に書かれる方におすすめします。* 背景画像・色を変更するこのテーマは専門的な知識を必要とせず背景画像や背景色を変更することができます。管理 > デザイン > カスタマイズ から以下の画面を開いて、お好きな背景をお選びください。f:id:nitro_idiot:20130423220133p:image背景を変えると雰囲気ががらりと変わります。f:id:nitro_idiot:20130423220210p:image* (上級者向け) CSSで細かくデザインを指定管理 > デザイン > カスタマイズ > デザインCSS にCSSを追記することで細かなカスタマイズが可能です。f:id:nitro_idiot:20130416234539p:imageたとえば、以下のCSSを追記すると、ブログタイトルの横に自分のプロフィールアイコンを出すことができます。>|css|#title a:before {    content: url("http://www.hatena.ne.jp/users/{自分のはてなID}/profile.gif");}||<* 非公式テーマ置き場からご利用中の方へ[http://theme.hatenablog.com/:title=非公式テーマ置き場]での公開当時から本テーマをお使いの方は、現在の設定で今後も引き続き同じテーマをご利用いただけます。もしこのページから再インストールをご希望の方は、現在のカスタマイズ設定などが上書きされてしまいます。それらも合わせて移行される場合、デザインCSSの<code>@import</code>で始まる行以外をテキストファイルなどに一時保存していただき、インストール後に再度デザインCSSの欄に追記してください。>|css|削除: この行は使いません@import "http://dl.dropbox.com/u/170442/hatenablog/writer.css";↓ ここから下の行はインストール後に再度追記が必要です↓#title a:before {    content: url("http://www.hatena.ne.jp/users/nitro_idiot/profile.gif");}||<* 対応ブラウザ最新のGoogle Chrome、Safari、Firefox、IE9、Operaで縦書きで表示され、Firefox 42以前、IE8以前では横書きで表示されます。また、スマートフォンビューには対応しておらず、スマートフォンでは標準の横書き表示になります。※Firefoxはver. 43から実験的な縦書き表示がサポートされました。※OS X上のGoogle Chromeでは縦書き表示に不具合があります。現在[https://code.google.com/p/chromium/issues/detail?id=523691:title=Chromium開発チームの対応待ち]で、それまでの間OS XのChromeでは横書き表示を行っています。* 不具合を見つけたときこのテーマの不具合を見つけた方は以下のいずれかの方法で報告してください。出来る限り対応します。** ・GitHubで報告GitHubアカウントをお持ちの方は以下のURLから報告してください。　[http://bit.ly/hatenablog-theme-writer-report:title=GitHubで不具合やデザイン崩れを報告する]** ・Twitterで報告[https://twitter.com/nitro_idiot:title=@nitro_idiot] に不具合の内容をmentionしてください。** ・Eメールで報告e.arrows@gmail.com に不具合の内容をメールしてください。* 変更履歴<b>2015/09/24</b>・OS XのGoogle Chromeでは横書き表示にする<b>2015/09/05</b>・引用の内容が表示されない問題を修正。<b>2015/04/10</b>・「購読する」ボタンのグローバルヘッダ表示をやめる[https://github.com/fukamachi/hatenablog-theme-writer/commits/master:title=GitHubで変更履歴をすべて見る]* 開発者向け本ブログテーマは[https://github.com/fukamachi/hatenablog-theme-writer:title=GitHubで公開]されています。
Author: nitro_idiot
Author URI: http://blog.hatena.ne.jp/nitro_idiot/
*/

/* Responsive: yes */

@import "http://blog.hatena.ne.jp/css/theme/alpha2/alpha2.css";
@charset "UTF-8";
body {
/*  background: #fff
*//*
  background: linear-gradient(
  to left,
  #ccc 0%,
  #fff 70%
)*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

#globalheader-container {
  background: rgba(255, 255, 255, 0.3)
}

.globalheader-fadein 0% {
  display: none;
  opacity: 0
}

.globalheader-fadein 60% {
  display: block;
  opacity: 0
}

.globalheader-fadein 100% {
  display: block;
  opacity: 1
}

@-webkit-keyframes globalheader-fadein {
  0% {
    display: none;
    opacity: 0
  }
  60% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

@-moz-keyframes globalheader-fadein {
  0% {
    display: none;
    opacity: 0
  }
  60% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

@-ms-keyframes globalheader-fadein {
  0% {
    display: none;
    opacity: 0
  }
  60% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

@-o-keyframes globalheader-fadein {
  0% {
    display: none;
    opacity: 0
  }
  60% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

@keyframes globalheader-fadein {
  0% {
    display: none;
    opacity: 0
  }
  60% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

#globalheader-container, .btn-subscribe {
  -webkit-animation-name: globalheader-fadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1
}

#container {
  width: auto;
  width: 840px;
/*  margin: 20px auto;*/
  margin: 0 auto;
  /*background: rgba(255, 255, 255, 0.8)*/
}

#content-inner {
  margin: 0 auto;
  max-width: 720px;
  letter-spacing: 1px
}

#main {
  float: none;
  padding: 0;
  width: auto;
  direction: rtl
}

#main-inner {
  width: auto;
  margin: 0 auto
}

#title a:before {
  position: relative;
  left: -13px;
  top: 15px
}

#blog-title-inner {
/*  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif*/
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif!important;

}

#blog-title h1 {
  text-shadow: none
}

#blog-description {
  margin-top: 8px
}

#box2 {
  width: 100%;
  margin-top: 50px
}

:root *>.hatena-module {
  float: left;
  width: 160px;
  padding: 10px;
  font-size: 70%
}

:root *>.hatena-module-title, :root *>.hatena-module-title a {
  font-size: /*13*/18px
}

.entry-inner header, .entry-content, .entry-inner footer {
  direction: ltr
}

.entry-inner {
  width: 620px;
  margin: /*0 auto*/0 auto 50px;
/*  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif*/
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif!important;

     background:#fff;
     padding:30px;
}

:root *>.entry-inner {
  width: 720px;
  height: 500px;
  overflow-x: auto;
  writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
}

.hatena-asin-detail p {
  text-indent: 0 !important;
  -webkit-text-fill-color: #256fba !important
}

:root *>.hatena-asin-detail {
  margin: 0
}

.hatena-asin-detail, .hatena-asin-detail x:-moz-any-link {
  margin: 1em 0
}

:root *>.hatena-asin-detail .hatena-asin-detail-image {
  margin-right: 10px;
  margin-bottom: 15px
}

.hatena-asin-detail .hatena-asin-detail-image, .hatena-asin-detail .hatena-asin-detail-image x:-moz-any-link {
  margin-bottom: 0 !important;
  margin-right: 15px !important
}

.hatena-asin-detail ul {
  margin: 0 !important
}
/*
.entry-header .date {
  width: auto;
  white-space: nowrap;
  left: 0;
  border: none;
  color: #ccc;
  position: relative;
  line-height: 140%
}

:root *>.entry-header .date {
  margin-left: 5px
}

.entry-header .date, .entry-header .date x:-moz-any-link {
  margin-left: 0 !important
}
*/
/* 日付 */
.date {
font-weight: bold;
/*background-color:#eee;*/
  background-image: linear-gradient(to bottom, #4060C0, rgb(255, 255, 255));
color: #fff;
font-size:1.5em;
font-family:sans-serif;
height:/*2em*/100%;
width:180%;
/*margin:0 0 20px 0;*/
margin:0 0 20px 10px;

line-height:0.5em;
box-shadow:none!important;
}
.date a {
  color: #fff;
  text-decoration: none;
}
.date-year {
  float:none;
  position: static!important;
  font-size:1em!important;
}
.hyphen {
  display: none/*inline*/;
  float:none;
  position: static!important;
  font-size:1em!important
}
.date-month {
  float:none;
  position: static!important;
  font-size:1em!important
}

.date-day {
  float:none;
  position: static!important;
  font-size:1em!important
}


.entry-date{
  animation-name: none;
  position:static;
}

.entry-header .entry-title {
  line-height: 30px;
/*  font-size:10em;*/

/*文字のグラデ*//*
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: white;
  background-image: linear-gradient(to bottom, #4060C0, rgb(99, 99, 99));
  display: table;
  */
}

:root *>.entry-header .entry-title {
  margin: 5px 0
}

.entry-header .entry-title, .entry-header .entry-title x:-moz-any-link {
  margin: 0 !important
}

:root *>.entry-header .entry-title a:hover {
  text-decoration: overline
}

.entry-header .entry-title a:hover, .entry-header .entry-title a:hover x:-moz-any-link {
  text-decoration: underline !important
}

:root *>.entry-header .categories {
  position: relative;
  top: 5px
}

.entry-header .categories, .entry-header .categories x:-moz-any-link {
  position: static !important
}

:root *>.entry-header .categories a {
/*  padding: 8px 5px;*/
  padding: 380px 5px 8px 5px;

  font-size:0.7em;
  color:#aaa;
}

.entry-header .categories a, .entry-header .categories a x:-moz-any-link {
  padding: 5px 8px !important
}

:root *>.entry-header .entry-header-menu {
  position: absolute;
  top: 100px;
  right: -2px
}

.entry-header .entry-header-menu, .entry-header .entry-header-menu x:-moz-any-link {
  position: static !important
}

.entry-header .entry-header-menu a {
  position: absolute;
  top: 40px;
  left: -65px;
  padding: 3px 10px;
  z-index: 1000
}

:root *>.entry-header .entry-header-menu a {
  position: static;
  display: inline-block;
  padding: 20px 1px 20px 0
}

.entry-header .entry-header-menu a, .entry-header .entry-header-menu a x:-moz-any-link {
  position: absolute !important;
  top: 40px !important;
  left: -65px !important;
  padding: 3px 10px !important
}

.entry-content {
  margin-right: 10px;
  line-height: 1.7
}

.entry-content p {
  color: #000
}

.entry-content a {
  color: #256fba}

.entry-content a:visited {
  color: #7d9ab7
}

.entry-content a:hover {
  text-decoration: none
}

.entry-content .footnote {
  text-indent: 0;
  margin-top: 3em;
  margin-right: 0
}

:root *>.entry-content .footnote {
  margin-top: 0;
  margin-right: 1em
}

.entry-content .footnote, .entry-content .footnote x:-moz-any-link {
  margin-top: 3em;
  margin-right: 0
}

.entry-footer {
  margin-top: 10px
}

:root *>.entry-footer .social-buttons {
  margin: 0;
  padding-left: 10px
}

.entry-footer .social-buttons, .entry-footer .social-buttons x:-moz-any-link {
  margin: 10px 0 15px !important;
  padding-left: 0 !important
}

.entry-footer .entry-footer-section {
  margin: 0 15px
}

:root *>.entry-footer .comment {
  margin-left: 15px
}

.entry-footer .comment, .entry-footer .comment x:-moz-any-link {
  margin-left: 0 !important
}

:root *>.entry-footer .comment .entry-comment {
  border: none;
  border-right: 1px solid #ddd;
  padding: 0 8px
}

.entry-footer .comment .entry-comment, .entry-footer .comment .entry-comment x:-moz-any-link {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  padding: 8px 0 !important
}

.entry-footer .comment .entry-comment .comment-content {
  line-height: 150%
}

div#google_afc_user ul .title a {
  text-decoration: none
}

div#google_afc_user .google_afc_image {
  writing-mode: rl;
  -ms-writing-mode: rl;
  -moz-writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  -o-writing-mode: horizontal-tb
}

:root *>div#google_afc_user {
  margin: 0 1em 0 2em !important
}

div#google_afc_user, div#google_afc_user x:-moz-any-link {
  margin: 0 !important
}

.permalink.pager {
  display: block;
  text-align: center
}

.entry-inner::-webkit-scrollbar {
  width: 6px;
  height: 8px
}

.entry-inner::-webkit-scrollbar-track {
  display: none
}

.entry-inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.archive-entry {
  direction: ltr;
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, Times, "Times New Roman", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif
}

:root *>.hatena-star-container {
  margin-top: 0 !important;
  margin-left: 10px !important
}

.hatena-star-container, .hatena-star-container x:-moz-any-link {
  margin-top: 10px !important
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  border: none;
  margin-top: 0
}

.entry-content p {
/*  text-indent: 1em;*/
  margin: 0
}

.entry-content img {
  display: block;
  max-width: 100%;
  max-height: 100%
}

.entry-content img.profile-icon {
  display: inline
}

.entry-content .hatenablog-circle img {
  display: inline
}

.entry-content a.keyword {
  border: 0;
/*  border-right: 1px dotted #bbb;*/
  color: #000;

  text-decoration:none !important;
}

.entry-content pre.code {
  writing-mode: rl;
  -ms-writing-mode: rl;
  -moz-writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  -o-writing-mode: horizontal-tb;
  font-size: 11px;
  max-width: 40em
}

.entry-content pre.code, .entry-content blockquote {
  margin: 1em
}

.entry-content blockquote {
  margin: 1em 0;
  border-radius: 0;
  border: 1px solid #ccc
}

.entry-content blockquote p {
  margin: 0;
  text-indent: 0
}

:root *>.entry-content blockquote {
  margin: 0 auto 0 1em
}

:root *>.entry-content p {
  padding: 0 .4em
}

.entry-content p, .entry-content p x:-moz-any-link {
  padding: .4em 0 !important
}

:root *>.entry-content ul, :root *>.entry-content ol {
  margin-top: 1em
}

.entry-content ul, .entry-content ol, .entry-content ul x:-moz-any-link, .entry-content ol x:-moz-any-link {
  margin-top: 0 !important
}


@media screen and (max-width: 480px){

.header-image-only #blog-title #title a{
  width:100% !important;
}
.entry-inner {
/*  background:orange;*/
  font-size: 100%;

}

}