/* <system section="theme" selected="8454420450091363061"> */
@import url(https://centeroftheearth.github.io/css/webfont.css);
@import url(https://centeroftheearth.github.io/css/8454420450091363061.min.css);
/* </system> */

/* <system section="background" selected="undefined"> */
body{background:rgba(231,189,44,0.95);}
/* </system> */

/* Responsive: Yes */


.archive-entries .entry-description {
display:none;
}

.archive-entries {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.archive-entries .archive-entry {
width: 47%;
padding-bottom: 15px;
}
.archive-entries .archive-entry {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.archive-entries .entry-thumb {
width: 180px;
height: 180px;
margin-left: calc(50% - 90px);
margin-top: 32px;
margin-bottom:32px;
background-size: cover;
background-position: 50% 50%;
border-radius: 6em;
border: 0px solid #e4e4e4;
}
.page-archive .entry-thumb {
    width: 180px;
    height: 180px;
}
.page-archive .archive-entry-header {
order: 1;
}
.archive-entries .entry-thumb-link {
background-color:#f8f8f8;
}

.entry-footer-section{
display: none;
}

.page-index .pager .pager-next :before {
  content: "オートで、"; 
}
.page-entry .pager .pager-prev,
.page-entry .pager .pager-next {
  background: #eaf3ff;
  border-bottom: solid 3px #516ab6;
  width:100%;
  text-align:left;
  margin-bottom:0.5em;
  }
.page-entry .pager .pager-prev span,
.page-entry .pager .pager-next span {
  padding:0.5em;
}
* html .page-entry .pager .pager-prev span,
* html .page-entry .pager .pager-next span {
  display: inline;
  zoom: 1;
}
*:first-child+html .page-entry .pager .pager-prev span,
*:first-child+html .page-entry .pager .pager-next span {
  display: inline;
  zoom: 1;
}
.page-entry .pager img {
  width               : 60px;
  height              : 60px;
  border-radius: 2em;
  object-fit          : cover;
  vertical-align: middle;
}
.page-entry .pager .pager-prev a,
.page-entry .pager .pager-next a {
  color: blue;
  text-decoration:none;
}
.page-entry .pager .pager-prev a:before {
  color: #555;
  vertical-align: middle;
  padding:0.5em;
}
.page-entry .pager .pager-prev a:hover {
  color: #00aaff;
}

.page-entry .pager .pager-next a:before {
  color: #555;
  vertical-align: middle;
  padding:0.5em;
}
.page-entry .pager .pager-next a:hover {
  color: #00aaff;
}

@media screen and (max-width: 767px) {
.archive-entries .archive-entry {
width: 45%;
}
.archive-entries .entry-thumb {
width: 90px;
height: 90px;
margin-left: calc(50% - 45px);
margin-top: 26px;
margin-bottom:22px;
border-radius: 4em;
border: 0px solid #e4e4e4;
}
.page-archive .entry-thumb {
    width: 90px;
    height: 90px;
}
.page-archive .archive-entry {
padding-bottom: 3px;
}
.entry-title {
    font-size: 1.10em;
}
body {
    font-size: 16px;
    line-height: 180%;
    font-feature-settings: "palt";
}
}

.breadcrumb {

}
.page-entry .breadcrumb {
margin-bottom:0em;
}

.entry-content {
line-height: 2.2em;
font-size: 18px;
}

.entry-content a {
color:blue;
text-decoration: none;
}
.entry-content a:hover {
color:#28aae1;
}

.date {
color:#74bead;
}
.date::after {
	span.entry-footer-time {display:inline;}
}

.categories {
display:none;
}
.page-index .categories {
display:none;
}
.page-archive .categories {
display:none;
}

.archive-entries .entry-title {
word-break: break-all;
}
.archive-entries .entry-description {
font-size: 0.9em;
word-break: break-all;
}

.hatena-module-title {
font-size: 18px;
}
.hatena-module-body {
font-size: 17px;
line-height: 200%;
font-feature-settings: "palt";
}

.hatena-module-related-entries .hatena-module-title {
    font-size:0;
    margin-top: 46px;
}
.hatena-module-related-entries .hatena-module-title::before {
    content:'関連記事なので～あります。';
    font-size: 18px;
}
.hatena-module-related-entries .related-entries-entry-body {
display: none;
}
.hatena-module-related-entries .urllist-image {
width: 110px;
height: 110px;
}

.entry-footer-modules {
display: none;
}

.star-container {
display:none;
}

.entry-footer-time {
display:none;
}

.urllist-date-link {
display:none;
}

::-webkit-input-placeholder {
   font-size: 12px;
}

.customized-footer{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.adbox{
width:100%;
margin-top:26px;
margin-bottom:56px;
}
.adsense-left{
width: 50%;
padding:0px;
display: inline-block;
}
.adsense-right{
width: 50%;
float:right;
padding:0px;
display: inline-block;
margin-bottom:56px;
}
.adsense-footer{
width: 35%;
display: block;
margin: 10px auto;
}

@media screen and (max-width:959px){
.adsense-left{
display:none;
}
.adsense-right{
width:100%;
}
.adsense-footer{
width: 70%;
display: block;
margin: 10px auto;
}
}

.adbox-infeed{
margin: 30px 0 30px 0;
padding-top: 45px;
border-top: 1px solid #e4e4e4;
}

.sns-share{
 display:table;
 width:100%;
 text-align:center;
 margin:8px 0 24px;
}

.sns-share a {
 display:table-cell;
 vertical-align:middle;
 height:35px;
 width:95px;
 font-size:18px;
 text-decoration:none;
 color: #ffffff;
}

.sns-share .sns-name{
 font-size:18px;
 padding-left:0.5em;
}

.sns-share .hatena-bookmark-button{
 position:relative;
 background:#3b94c5;
 transition:1s ease;
}

.sns-share .facebook-button{
 position:relative;
 background:#2371a1;
 transition: 1s ease;
}

.sns-share .twitter-button{
 position:relative;
 background:#000000;
 transition:1s ease;
}

.sns-share .pocket-button{
 position;relative;
 background:#db5369;
 transition:1s ease;
}

.sns-share .line-button{
 position:relative;
 background:#00C300;
 transition:1s ease;
}

.sns-share .hatena-bookmark-button:hover{
 background:#008fde;
}

.sns-share .facebook-button:hover{
 background:#315096;
}

.sns-share .twitter-button:hover{
 background:#313131;
}

.sns-share .pocket-button:hover{
 background:#ec3653;
}

.sns-share .line-button:hover{
background:#2bd92b;
}

.fixed-share-buttons{
text-align: left;
position:fixed;
left:5px;
bottom:4px;
z-index: 100;
display: none; 
}

.fixed-share-buttons a {
position: relative;
display: inline-block; 
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
border-radius:50%;
font-size: 16px;
color: #ffffff; 
text-decoration: none;
border: 2px solid #77CBD8;
padding: 0;
margin:5px;
opacity:0.5;
}

.fixed-share-buttons .hatena-bookmark{
background: #008fde;
}

#pagetop {
    position: fixed;
    bottom:20px;
    right:20px;
    display: inline-block; 
    width: 36px;
    height: 36px;
    color: #353535;
    font-size:16px;
    text-align:center;
    text-decoration:none;
    background: linear-gradient(
    -45deg,
    #fff 25%,
    #f4f4ed 25%, #f4f4ed 50%,
    #fff 50%, #fff 75%,
    #f4f4ed 75%, #f4f4ed
    );
    background-size: 4px 4px; 
    border: 2px solid #e4e4e4;
    border-radius: 50%; 
    opacity: 0.6;
    z-index: 99;
}

#pagetop a:hover {
    color: #ffffff; 
    background:#c9c19f;
}

.boxWrap{
  display:table;
  padding: 10px;
}
.boxCh{
  display:table-cell;
  text-align: center;
}

.about-subscription-count {
display:none;
}

.badge-type-pro {display: none;}
span.id:after {
    content: "人生これまたエンヤコラ";
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height:1;
    border: solid 1px;
    border-radius: 5px;
    padding: 3px 5px;
    margin-left: 10px;
}

.hatena-follow-button:hover {
overflow: visible;
width: auto !important;
}
.subscription-count-box {
display:none !important;
}

.urllist-image{
width: 110px; 
height: 110px;
border-radius: 4em;
}

#menu{
    width: 100%;
    margin: 0px auto;
    background: #e7ba2c;
}
#menu-inner{
    width: 1000px;
    height: 33px;
    margin: 0 auto;
    background: #e7ba2c;
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
}
#menu-content > li{
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 33px;
    background: #e7ba2c;
    color: #fff;
    font-size: 70%;
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #555;
    color: #fff;
}
#menu-content > li > a > .blogicon-chevron-down{}

#menu-content > li > ul.second-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 33px;
    z-index: 3;
    transition: all .1s linear;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 200px;
    height: 32px;
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 33px;
    background: #e7ba2c;
    color: #fff;
    font-size: 70%;
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #555;
    color: #fff;
}

@media screen and (max-width:960px){
#menu-inner{
    width: 100%;
    height: auto;
}
#btn-content{text-align: right;}
#menu-btn{
    display: inline-block;
    padding: 8px 8px;
    margin: 0px;
    cursor: pointer;
    background: #e7ba2c;
    color: #fff;
    font-size: 70%;
}
#menu-content{
    display: none;
    width: 100%;
}
#menu-content > li{
    width: 100%;
    height: 33px;
    float: none;
}
#menu-content > li > a{
    width: 100%;
    line-height: 33px;
    padding: 0;
    text-decoration: none;
}
}

.hatena-module-related-entries .hatena-module-title {
    margin-top: 0px;
    margin-bottom:0px;
}

.hatena-module-category .hatena-module-title {
    margin-top: 0px;
}

ul.cateli {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 0 1em;
    padding: 0;
}
ul.cateli li {
    border: 1px solid #aaa;
    border-radius: 8%;
    line-height: 110%;
    margin: 0.2em;
    padding: 0.5em;
    text-align: center;
}

.codoc-support {
    max-width: 100% !important;
    background: #f8f9fa !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    margin: 24px 0 0 !important;
    padding: 16px 16px 5px !important;
}
.codoc-support .codoc-support-title {
    margin-bottom: 8px !important;
    color: #a09ccc !important;
}
.codoc-bottom {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.codoc-like-wrap {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}
.codoc-copyright {
    margin: 0 0 24px !important;
    background: #f8f9fa;
    border-radius: 0 0 10px 10px;
    padding: 0 0 16px;
    font-size: 10px !important;
    color: #aaa !important;
}

div.hatena-module-category div.hatena-module-body ul li {
    display: inline-block;
    border-radius:10px;
    line-height: 10px;
    transition: none;
    margin-top: 0.5em;
} 