@charset "utf-8";

div.message{
  text-align: center;
  margin: 0 0 30px 0;
}
div.message p{
  line-height: 1.8em;
}
div.message p.newsiteurl{
  font-size: 26px;
}
div.message p.newsiteurl a{
  color: #3375D7;
  text-decoration: underline;
}
/**********************************
00, reset
01, base
02, layout
03, header
04, top-contents
05, footer
06, singlepage-contents
07, categorypage
**********************************/

/*******************
00, reset
*******************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* remember to define focus styles! */
:focus {
  outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*******************
01, base
*******************/
body{
  color: #111;
  font-size: 16px;
  font-family: "Noto Sans Japanese", Meiryo, serif;
}
a{
  color: #111;
  text-decoration: none;
}
.comment-box{
  display: none;
}
.hatena-module-related-entries {
  display: none;
}
/*******************
02, layout
*******************/
#content{
  width: 1200px;
  margin: 0 auto 50px;
}
.entry-content .txt_C{
  text-align: center;
}
/*******************
03, header
*******************/
#blog-title{
  width: 1200px;
  margin: 0 auto 50px;
}
#globalheader-container{
  background: #fff;
}
#blog-title-content{
  text-align: center;
}
#blog-title-content #title{
    font-size: 40px;
    font-weight: normal;
    line-height: 1.7em;
    font-family: "Sawarabi Mincho", Meiryo, serif;
}
#blog-title-content #blog-description{
  color: #777;
  font-family: "Sawarabi Mincho", Meiryo, serif;
}
#top-editarea{
  /*
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  */
  padding: 15px 0;
}
#top-editarea .navi{
  width: 1200px;
  margin:0 auto;
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  padding: 30px 0;
}
#top-editarea .navi ul {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content： space-between;
}
#top-editarea .navi ul.menu li {
  float: left;
  position: relative;
  display: block;
  width: 25%;
  text-align: center;
  font-size: 14px;
  color: #666;
}
#top-editarea .navi ul.menu li a{
  display: block;
  color: #666;
}
#top-editarea .navi ul.sub {
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  padding: 15px 0 0 0;
}
#top-editarea .navi ul.sub li{
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: solid 1px #ddd;
  line-height: 1.5em;
  padding: 8px;
}
#top-editarea .navi ul.sub li:first-child{
  border-top: solid 1px #ddd;
}
#top-editarea .navi ul.sub li a {
  display: block;
  color: #666;
}
/*******************
04, top-contents
*******************/
.entry-inner{
  padding: 30px 0 0 0;
}
article.entry:after{
    content: '―';
    font-size: 30px;
    position: relative;
    left: 48.5%;
    color: #ddd;
    height: 1px;
}
.entry-header{
  text-align: center;
}
.entry-date{
  margin: 0 0 15px 0;
}
.entry-date a{
    color: #ba9e30;
    font-weight: normal;
}
h1.entry-title{
    font-weight: normal;
    font-size: 30px;
    margin: 0 0 20px 0;
}
.entry-categories{
  margin: 0 0 40px 0;
}
.entry-categories a{
  color: #999;
  font-family: "Sawarabi Mincho", Meiryo, serif;
  font-size: 13px;
  margin: 0 10px 20px 10px;
  display: inline-block;
}
/*
.entry-categories a:before{
  content: "CATEGORY："
}
*/
.entry-content{
  width: 800px;
  margin: 0 auto;
}
.entry-footer{
  width: 800px;
  margin: 0 auto;
}
.entry-see-more {
    display: block;
    width: 200px;
    color: #777;
    padding: 15px 20px;
    margin: 20px auto;
    text-align: center;
    font-size: 13px;
    border:#777 solid 1px; 
}
.entry-footer-section{
  display: none;
  /*
  font-size: 13px;
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
  padding: 10px 0;
  color: #777;
  */
}
/*
.entry-footer-section a{
  color: #777;
}
*/
/*******************
05, footer
*******************/
aside#box2{
  border-top: #ddd solid 1px;
  padding: 30px 0;
}
footer#footer{
  border-top: #ddd solid 1px;
  clear: both;
  text-align: center;
  font-family: "Sawarabi Mincho", Meiryo, serif;
  font-size: 14px;
  color: #777;
  padding: 40px 0;
}
address{
  margin: 0 0 15px 0;
}
.hatena-module-profile,
.hatena-module-html{
  float: left;
  width: 200px;
  padding-right: 40px;
}
.hatena-module-recent-entries,
.hatena-module-entries-access-ranking{
  float: left;
  width: 300px;
  padding-right: 40px;
  margin-bottom: 40px;
}
.hatena-module-category{
  float: left;
  width: 280px;
  margin-bottom: 40px;
}
.profile-icon-link{
  text-align: center;
  display: block;
}
#profileimg{
  text-align: center;
  margin-bottom: 15px;
}
#profileimg img{
  border-radius: 85px;
  height: 170px;
  width: 170px;
}
#profiletext{
  color: #555;
  font-size: 13px;
  margin-bottom: 15px;
  line-height: 1.4em;
}
.hatena-module-recent-entries .hatena-module-title,
.hatena-module-category .hatena-module-title,
.hatena-module-entries-access-ranking .hatena-module-title,
#relateArticle .hatena-module-title{
  margin-bottom: 20px;
}
.urllist-date-link{
  margin-bottom: 10px;
}
a.urllist-title-link{
  font-size: 14px;
  line-height: 1.3em;
}
.hatena-module-category .hatena-urllist li{
  margin-bottom: 10px;
  border-bottom: #eee solid 1px;
  padding-bottom: 10px;
  font-size: 14px;
}
.hatena-module-category .hatena-urllist li a{
  color: #555;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #ddd;
    text-decoration: none;
    color: #555;
    text-align: center;
    display: block;
    border-radius: 40px;
    width: 80px;
    height: 45px;
    padding-top: 35px;
}
#page-top a:hover {
    text-decoration: none;
    background: #eee;
}

.snsbtns{
text-align:center;
}
.snsbtns a{
display:inline-block;
margin:0 5px;
}
/*******************
06, singlepage-contents
*******************/
.breadcrumb{
  width: 800px;
  margin: 0 auto;
  font-size: 13px; 
  text-align: center;
  color: #555;
  padding-top: 15px;
}
.breadcrumb a{
  color: #555;
}
.entry-content{

}
.entry-content .mainimg{
  text-align: center;
}
.entry-content p{
  font-family: "Noto Sans Japanese", Meiryo, serif;
  line-height: 1.8em;
  color: #333;
  font-size: 15px;
  margin-bottom: 20px;
}
.entry-content h3{
    font-size: 28px;
    margin-bottom: 0.75em;
    margin-top: 2em;
}
.entry-content h4{
    font-size: 23px;
    margin-bottom: 1em;
    margin-top: 2em;  
}
.entry-content h5{
    font-size: 18px;
    margin-bottom: 1em;
    margin-top: 2em;
}
.table-of-contents{
  width: 700px;
  margin: 0 auto;
  border: #ddd solid 1px;
  padding: 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.table-of-contents:before{
  content: "Index";
}
.table-of-contents li{
margin-top:10px;
font-size:100%;
line-height: 1.3em;
}
.table-of-contents li a{
color:#555;
}
.table-of-contents li a:hover{
color:#888;
}
.table-of-contents li ul{
  margin-left: 15px;
}
.table-of-contents li ul li{
margin-top:5px;
font-size:90%;
}
.pager{
  margin-bottom: 20px;
}
.pager .pager-prev{
float: left;
font-size: 13px;
}
.pager .pager-next{
  float: right;
  font-size: 13px;
}
.pager:before,
.pager:after,
.related-entries:before,
.related-entries:after{
    content: " ";
    display: table;
}

.pager:after,
.related-entries:after{
    clear: both;
}

.pager,
.related-entries{
    *zoom: 1;
}
.related-entries li{
width:380px;
float:left;
padding:0 10px;
}

pre{
background:#222 !important;
color:#fff !important;
line-height:1.4em !important;
}

/*******************
07, categorypage
*******************/
h2.archive-heading{
  font-size: 28px !important;
  padding: 30px 0 40px;
}
.archive-header-category{
  width: 800px;
  margin: 0 auto;
}
.archive-entries{
  width: 800px;
  margin: 0 auto;
}
.archive-entry{
  margin-bottom: 40px;
}
.archive-entry .entry-title{
  font-size: 24px;
}
.archive-entry .date{
  margin-bottom: 10px;
  font-size: 15px;
  color: #555;
}
.archive-entry .categories{
  display: none;
}
.archive-entry .entry-thumb{
  width: 150px;
  height: 150px;
  background-size:100% 100%;
  background-repeat: no-repeat !important;
}
.entry-description{
  line-height: 1.5em;
  color: #555;
  font-size: 15px;
  margin-bottom: 10px;
}