@charset "UTF-8";
@charset "UTF-8";

   .site-title-img{
max-width: 700px;
height: 100%;
width: 100%;
display: block;
} body, h1, h3, h4, h5, h6, p, div, code, #footer {
font-family: “Meiryo”, sans-serif;
color:#f7f7f7 !important;
} body, h2{
font-family: “Meiryo”, sans-serif;
color:#f7f7f7 !important;
} .post-meta {
background: #333333;
} .entry-content>p {
margin: 22px 0;
}
.article {  
line-height: 180%;
} h1, h2, h3, h4, h5, h6{
line-height:130%;
color:#333;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
position:relative;
margin-top:35px;
margin-bottom:20px;
}
.article h1 {
margin-top:23px;
margin-bottom:-12px;
font-size: 26px;
line-height:117%;
}
#archive-title{
padding-bottom:20px;
font-size:26px;
}
.article h2 {
border-left:1px solid #000;
margin: 50px 0px -10px;
padding:15px 10px;
font-size:24px;	
}
.article h3{
font-size:22px;
border-bottom:2px solid #f7f7f7;
margin: 20px 0px -10px;
padding:5px 5px 10px;
}
.article h4,{
font-size:18px;
margin: 5px 5px -20px;
padding:15px 2px 1px;
}
.article  h4{
border-bottom:1px dashed #000;
}
.article h5, .article h6{
font-size:19px;
margin: 5px 0px -20px;
padding:15px 2px 12px;
}
.entry-content{
margin-bottom: 60px;
} .archive .entry-title a {
color: #f7f7f7;
} .related-entry-title .related-entry-title-link {
color: #f7f7f7;
} .entry h2 a {
color: #f7f7f7;
}
.related-entry-title a {
color: #f7f7f7;
} .entry-read a ,
.related-entry-read a {
padding: 5px 15px;
background: #333333;
border: 1px solid #000000;
border-radius: 5px;
text-decoration: none;
} .entry-read .entry-read-link {
color: #f7f7f7;
} .copy_main {
margin: 0 0 2.4em;
}
.copy_btn { padding: 15px 0;
border: solid 1px #f7f7f7; color: #f7f7f7; text-align: center;
font-size: 20px;
cursor: pointer;
background: #333333; transition: .3s;
}
.copy_btn:hover { border: solid 1px #f7f7f7; background: #555555; color: #11ebff; }
.copy_btn i:before {
display: inline-block;
margin-right: 8px;
content: '\f0c5';
font-size: 25px;
vertical-align: middle;
}
.copy_btn.copied { border: solid 1px transparent;
background: #444444; color: #000000; pointer-events: none;
}
.copy_btn.copied i:before {
content: '\f00c';
}
.copy_btn.not-copied { border: solid 1px transparent;
background: #d87f74; color: #fff; pointer-events: none;
}
.copy_btn.not-copied i:before {
content: '\f06a';
}
@media (max-width:575px) { .copy_btn span {
font-size: 16px;
}
.copy_btn.copied span {
font-size: 18px;
}
} blockquote::before,
blockquote::after {
color: #333333;
} #breadcrumb a {
color: #dddddd;
} .category-description {
background-color: #000;
}