/* font size & font family */
body                        {font-family:",l,r ,ofSfVfbfN";font-size:small;}
#banner                     {font-family:Meiryo,"メイリオ","Verdana" sans-serif;}
#banner h1 a                {font-size:24px;}
.tag-title                  {font-size:x-large;}
#banner .description        {font-size:normal;}
.sidetitle                  {font-size:20px;}
.side                       {font-size:12px;}
.syndicate                  {font-size:normal;}
.date                       {font-size:small;}
h2.title                    {font-size:23px;}
.listCategoryArticle ul li  {font-size:x-small;}
.tag-word                   {font-size:x-small;}
.posted                     {font-size:x-small;}
#calendar th                {font-size:small; _font-size:80%;}
.calendarday                {font-size:small; _font-size:80%;}
.comments-body              {font-size:x-small;}



body { text-align: center;
       margin: 0;
       padding: 0;
       color: #222;
       background: url(https://blog.seesaa.jp/img/bg/blogtheme/bg.gif) repeat-x top #003200; }
a:link { color: #2d5c9b }
a:visited { color: #2d5c9b }
a:hover { text-decoration: none }
h2,
h3 { padding: 0;
     margin: 0; }
#container {
min-width: 850px;
width:100%;
             text-align: left;
             margin: 0 auto; }
#banner { padding: 10px 0px;
          border-top: 5px solid #333;
          display: table;}
#banner h1 a { color: gold;
               text-decoration: none;
               width: 900px;
               overflow: hidden; }
#banner h1 { margin: 0;
line-height: 24px;
padding: 0 20px;
             display: table;}
#banner .description { color: #888;
                       font-weight: normal;
                       padding-left: 30px; }
.navi { text-align: center;
        padding-bottom: 5px;
color: white;
font-size: 12px; }
.navi a { text-decoration: none;
color: aqua; }
#links-left {  }
#links {width: 200px;
              float: left;
              padding: 15px 0px;
              line-height: 1.5;
              margin-left: 15px;
              margin-bottom: 10px;
              background: #f0e68c;
              -moz-border-radius: 10px;
              -webkit-border-radius: 10px;
              border-radius: 10px; }
.sidetitle { height: 25px;
             padding: 10px 15px 5px 15px;
             color: #777;
font-family:Meiryo, "メイリオ", Verdana, sans-serif;
font-weight: bold; }
.side { padding: 0 15px 15px 15px }
.side-tag { margin-top: 0px;
            padding: 0px 15px 15px 15px; }
#content {
width: 99%;
margin-right: -220px;
           float: left; }
.blog {
margin-right: 220px;
margin-left: 25px;
 padding: 15px;
        margin-bottom: 15px;
        background: #f4fbf7;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px; }
.date { font-weight: normal;
        background-repeat: no-repeat;
        background-position: top left;
        padding: 0px;
        font-size: 12px;
        color: #583822; }
.blogbody { margin-bottom: 0px }
h2.title { margin: 0 0px 10px;
           padding: 0px 0px 3px 0px;
           line-height: 1.5;
           color: #2d5c9b;
           font-weight: bold; }
a.title { text-decoration: none;
          color: inherit; }
.text:after { content: ".";
              display: block;
              clear: both;
              height: 0;
              visibility: hidden; }
.text { margin: 0 0 0 0px;
        color: inherit;
        padding: 0px 0px 10px 0px;
        line-height: 1.5;
        font-weight: normal;
        background-color: #f4fbf7;
        min-height: 1px; }
* html .text { height: 1px;
               _height: 100%;
               /*\*//*/: ;
               height: auto;
               overflow: hidden;
               /**/: ; }
.text blockquote { font-size: 80%;
                   margin: 1em 2em 0;
                   padding: 1em 2em;
                   color: inherit;
                   border: solid 1px brown;
                   -webkit-border-radius: 10px;
                   -moz-border-radius: 10px;
                   border-radius: 10px;
                   background-color: ivory; }
.tag-word { margin: 0px 0px 0px 0px;
            line-height: 1.4em;
            text-align: right; }
.tag-word a { color: #E7142D }
.bookmark { margin: 0px 0px 10px; }
.bookmark iframe { width: 120px !important; }
.posted { text-align: right;
          margin-bottom: 0px;
          color: inherit; }
.posted a { color: #2d5c9b }
#footer { clear: both }
.powered { padding: 20px 0px 20px 0px;
           text-align: center; }
.powered table { margin: 0px auto }
.syndicate { margin-right: 10px;
             text-align: center; }
#calendar { text-align: center;
            padding: 15px;}
#calendar table { width: 100%;
                  _width: 90%;
                  margin: 0px auto; }
.calendarhead { color: inherit;
                text-align: center;
                padding: 10px 0px 5px 0px;
                margin-bottom: 0px;
                font-weight: bold; }
.calendarhead a { text-decoration: none;
                  color: inherit; }
.calendarhead .calendarday a { text-decoration: none;
                               display: inline;
                               color: #E7142D; }
#calendar th { color: #C7DC68 }
.calendarday { padding: 0px 0px 5px;
               color: inherit;
               text-align: center; }
.calendarday a { font-weight: bold;
                 display: block;
                 text-decoration: underline;
                 padding: 0px 0;
                 color: #E95295; }
input { max-width: 200px }
#comments .input-submit { background: url(https://blog.seesaa.jp/img/bg/super_simple/btn_bg.jpg) no-repeat;
                          width: 69px;
                          height: 29px;
                          border: 0;
                          color: #fff;
                          font-weight: bold;
                          cursor: pointer;
                          margin-right: 5px; }
#comments { padding: 15px 15px 15px 15px;
            margin-top: 25px;
            margin-left: 25px;
            margin-right: 220px;
            background: #fff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            margin-bottom: 20px; }
#comments form { margin: 0px;
                 padding: 0px 10px; }
textarea { width: 95%;
           margin-bottom: 5px; }
.comments-head { margin: 0 0px 10px;
                 padding: 0px 0px 3px 0px;
                 line-height: 1.5;
                 font-size: 14px;
                 background-repeat: repeat-x;
                 background-position: bottom center;
                 color: #E7142D;
                 font-weight: bold;
                 border-bottom: dotted 1px #333; }
.comments-body { margin: 0px;
                 padding: 0px; }
.comments-body .text { border: 1px solid #f8f8f8;
                       margin: 0px;
                       padding: 8px 12px;
                       color: inherit;
                       border: solid 1px #f8f8f8;
                       -webkit-border-radius: 10px;
                       -moz-border-radius: 10px;
                       border-radius: 10px;
                       background-color: #f8f8f8; }
.comments-post { padding: 5px 10px;
                 text-align: right;
                 margin-bottom: 25px;
                 color: #888; }
#trackback { padding: 15px 15px 15px 15px;
             margin-top: 25px;
             margin-left: 25px;
             margin-right: 220px;
             background: #fff;
             -webkit-border-radius: 10px;
             -moz-border-radius: 10px; }
.copyright { text-align: center }
.diet-content { padding-left: 10px }
#diet-foods { padding-left: 10px }
.food-title { width: 20%;
              clear: left;
              float: left; }
.food-content { width: 75%;
                padding-top: 10px; }
#diet-container { border: 1px solid #999;
                  padding: 5px;
                  margin-bottom: 5px; }
.diet-title { padding: 2px 10px 2px 5px;
              margin-top: 5px; }
.diet-content { padding-left: 10px }
#diet-foods { padding-left: 10px }
.food-title { width: 20%;
              clear: left;
              float: left; }
.food-content { width: 75%;
                padding-top: 10px; }
.tag { margin-top: 0px;
       padding: 10px;
       margin-left: 25px;
margin-right: 220px;
       background: #fff;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px; }
#tag_cloud { border: 1px solid #CCC;
             padding: 10px;
             text-align: left;
             position: relative; }
#tag_cloud a { padding: 2px }
.tag-title { font-weight: bold;
             text-align: left; }
.tag-body { margin: 10px 0px;
            padding: 10px 0px 0px 0px;
            position: relative; }
.tag-service { text-align: left;
               font-weight: bold;
               border-bottom: 1px solid #CCC;
               padding: 0px 0px 5px 0px;
               clear: left;
               position: relative; }
.tag-search { text-align: right;
              padding: 5px 0px;
              margin-bottom: 10px;
              font-weight: bold;
              position: relative; }
.tag-article { padding: 0px 10px 10px 10px;
               text-align: left;
               position: relative; }
.tag-article-title { text-align: left;
                     padding: 0px 0px 5px 0px;
                     font-weight: bold;
                     position: relative; }
.tag-article-posted { font-weight: normal;
                      position: relative; }
.tag-article-summary { padding: 0px 10px;
                       line-height: 1.4em;
                       position: relative; }
.tag-more { text-align: right;
            margin: 10px 0px;
            clear: left;
            position: relative; }
.tag-photos { float: left;
              margin: 10px 5px;
              position: relative;
              width: 140px;
              height: 200px; }
.tag-photos-title { line-height: 1.4em;
                    padding: 5px 0px;
                    text-align: left;
                    position: relative; }
.tag-audios { margin: 5px;
              position: relative; }
.tag-audios-title { text-align: left;
                    font-weight: bold;
                    padding: 0px 0px 5px 0px;
                    position: relative; }
.tag-audios-posted { font-weight: normal;
                     position: relative; }
.tag-videos { float: left;
              margin: 10px 5px;
              position: relative; }
.tag-videos-title { line-height: 1.4em;
                    padding: 5px 0px;
                    text-align: left;
                    position: relative; }
.tag-navi { clear: left;
            text-align: center;
            margin: 10px 0px;
            position: relative; }
.listCategoryArticle { margin-top: 5px;
                       padding: 5px;
                       border: solid 1px #FFE2E2; }
.listCategoryArticle ul { list-style: none;
                          padding: 0;
                          margin: 0 0 0 10px;
                          text-align: left;
                          list-style-position: outside; }
.listCategoryArticle ul li { margin: 0;
                             background: url(https://blog.seesaa.jp/img/listCategoryArticle.gif) no-repeat 0 2px;
                             padding-left: 12px;
                             line-height: 1.4; }
#links,
#links-left,
.side,
#content,
.blog,
.blogbody,
.text { overflow: hidden; }
.seesaaArticleSearch { width: 100% }
/* twitter quote */
.tweetBlockQuote { margin-bottom: 10px;
                   overflow: hidden;
                   width: 98%; }
.tweetBlockQuote img { border: 0 }
.tweetBlockQuote .tweetImg { padding: 0px;
                             width: 53px;
                             text-align: left;
                             overflow: hidden;
                             vertical-align: top;
                             float: left;
                             margin-right: 7px; }
.tweetBlockQuote .tweetMain { padding: 5px;
                              border: solid 1px #ddd;
                              background: #fff;
                              color: #000;
                              overflow: hidden;
                              vertical-align: top;
                              float: left;
                              width: 70%; }
.tweetBlockQuote .tweetMain a.tweetOwner { color: #E86390;
                                           font-weight: bold;
                                           text-decoration: none; }
.tweetBlockQuote .tweetMain a.tweetFriends { font-weight: bold;
                                             color: #26A6DC;
                                             text-decoration: none; }
.tweetBlockQuote .tweetMain .tweetText { color: #000 }
.tweetBlockQuote .tweetMain .tweetText a { color: #000;
                                           text-decoration: underline; }
.tweetBlockQuote .tweetMain .tweetDate { color: #9C9C9C }
.tweetBlockQuote .tweetBoth { clear: both }
/* twitter quote */

#iphone-link { display: none !important; }

@font-face {
  font-family: "kouzangyousho";
  src: url("https://tyana.halfmoon.jp/a/font/kouzangyousho.woff2") format('woff2'),
       url("https://tyana.halfmoon.jp/a/font/kouzangyousho.woff")  format('woff');
}

.tate1{
  -webkit-text-size-adjust: 200%;
font-size: 20px;
padding:0px;
margin:0px 0px 1em;
overflow:auto;
writing-mode:tb-rl;
-webkit-writing-mode:vertical-rl;
writing-mode:vertical-rl;
width:100%;
min-height:500px;
max-height:900px;
height: 75%;
}

.tate2{
font-size: 20px;
width:99%;
margin:0px;
padding:0px 0px 1em;
overflow:auto;
overflow-y:hidden;
text-underline-position: above;
font-family: Meiryo,"メイリオ","IPAゴシック","ＭＳ ゴシック",monospace;
}

.tate2 p {
line-break: strict;
text-justify: inter-ideograph;
text-align: justify;
text-indent: 1.2em;
line-height: 2em;
margin: 1em;
font-family: "UD デジタル 教科書体 N","NfMotoyaAporo W1 mono","NFモトヤアポロ1等幅","IPA明朝","HG明朝B","ＤＦ細楷書体Ｊ","游明朝","Hagoromo-B","MS Mincho","ＭＳ 明朝",serif;
}

p.indent0{
text-indent: 0;
}

.tate2 h3{
margin-right:3em;
}

ruby, a, u, b, strong {
vertical-align: baseline;
}

strong {
font-family: Meiryo,"メイリオ","HGGothicE","IPAゴシック","MS Gothic","ＭＳ ゴシック",sans-serif;
}

em {
  font-family: "MS Gothic","ＭＳ ゴシック",sans-serif;
}

em, strong {
margin: 0.1em;
padding:0.1em;
}

small {font-size: 70%;}

.eisu {
font-family: "Times New Roman",Times,serif;
text-underline-position: below;
}

.kinsei {
font-family: "IPA P明朝","HGP明朝B","ＤＦＧ細楷書体Ｊ","MS PMincho","ＭＳ Ｐ明朝","Hagoromo-B",serif;
letter-spacing:0.1em;
margin: 0.2em;
vertical-align: baseline;
}

.lrtb {
writing-mode: lr-tb;
-webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
width: 1em;
text-indent: 0px;
line-height: 1em;
vertical-align: baseline;
letter-spacing: 0px;
text-align: center;
padding-top: 0.2em;
}

.eott {
width: 50%;
height: 6em;
text-align: right;
color: #f4fbf7;
filter: dropshadow(color=#f4fbf7,offx=1,offy=1,positive=1);
}

p.imgbook {
text-align: center;
}

p.img480 {
text-indent: 0;
margin: 0;
padding: 0;
text-align: center;
}

div.humming p {
font-size: 24px;
text-indent: 0;
font-family: "ＤＦフリー流線W3","あずきフォントL","あずきフォント","HG行書体","衡山毛筆フォント行書","みかちゃん",kouzangyousho,Meiryo,"メイリオ","ＭＳ ゴシック",cursive;
font-weight: bold;
}

.kakomi {
border: gray 1px solid;
background-color: #e6e6ff;
margin: 1em 2em;
padding: 0 1em;
color: black;
font-size: 90%;
}
.kakomi p {
  font-family: IPA明朝,"HG明朝B","ＤＦ細楷書体Ｊ","游明朝","MS Mincho","ＭＳ 明朝",serif;
}

.kouzangyousho p{
  font-family: kouzangyousho,"NfMotoyaAporo W1 mono","NFモトヤアポロ1等幅","IPA明朝","HG明朝B","ＤＦ細楷書体Ｊ","游明朝","MS Mincho","ＭＳ 明朝",serif;
  font-size: 120%;
}

@media print{
.tate1 {
writing-mode:lr-tb;
-webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
height:auto !important;
}
.tate2 {
text-underline-position: below;
margin-left: 1%;
overflow:visible;
}
p.img480 img {
width:100%;
}
}