@charset "UTF-8";
/***********************************************
    Theme:      HeavyMoon
    Responsive: yes
    Description:
************************************************/
/* COMMON TAG
   ==========================================================================
 */
 a {
    background-color:transparent;
    color:#F90;
}

a.keyword {
    border-bottom:1px dotted #ddd;
    color:#F90;
    text-decoration:none;
}

a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,#title a {
    color:#F90;
}

abbr[title] {
    border-bottom:none;
    text-decoration:underline dotted;
}

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

audio,video,canvas {
    display:inline-block;
}

audio:not([controls]) {
    display:none;
    height:0;
}

b,strong {
    font-weight:bolder;
}

body {
    margin:0;
}

button,input {
    overflow:visible;
}

button,input,optgroup,select,textarea {
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0;
}

button,select {
    text-transform:none;
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline:1px dotted ButtonText;
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style:none;
    padding:0;
}

dfn {
    font-style:italic;
}

fieldset {
    padding:0.35em 0.75em 0.625em;
}

figure {
    margin:1em 40px;
}

h1 {
    font-size:2em;
    margin:0.67em 0;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color:#F90;
    text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
    color:#F90;
    line-height:1.3;
}

h2 {
    background:#31332b;
    border-left:solid 5px #F90;
    color:#fff;
    padding:0.5em;
}

h3::before {
    color:#555;
    content:"### ";
}

hr {
    height:0;
    overflow:visible;
}

html {
    line-height:1.15;
}

html,body {
    background-color:#272822;
    color:#b2b2b2;
    font-family:'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic';
    line-height:1.6;
}

img {
    border-style:none;
}

legend {
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal;
}

mark {
    background-color:#ff0;
    color:#000;
}

pre,code,kbd,samp {
    font-family: "ＭＳ ゴシック", sans-serif, monospace;
    font-size:1em;
}

progress {
    display:inline-block;
    vertical-align:baseline;
}

small {
    font-size:80%;
}

sub {
    bottom:-0.25em;
}

sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}

summary {
    display:list-item;
}

sup {
    top:-0.5em;
}

svg:not(:root) {
    overflow:hidden;
}

template,[hidden] {
    display:none;
}

textarea {
    overflow:auto;
}


/* HATENA TAG
   ==========================================================================
 */
#blog-description {
    font-size:.8rem;
    font-weight:400;
    margin:1em 0 0;
}

#blog-title {
    margin:2em 0;
    text-align:center;
}

#container,#footer {
    padding-left:10px;
    padding-right:10px;
}

#content-inner,.header-image-enable #blog-title-inner {
    display:flex;
}

#footer {
    color:#999;
    font-size:.8rem;
    margin-top:2em;
    padding-bottom:2rem;
    text-align:center;
}

#footer p {
    margin:.5em auto;
}

#globalheader-container {
    background-color:#454545;
    color:#fff;
}

#title {
    font-size:2rem;
    margin:0;
}

#top-editarea,.entry-footer .social-buttons {
    margin-bottom:1em;
}

.archive-header-category {
    text-align:center;
}

.breadcrumb,.entry-content h6 {
    font-size:.9rem;
}

.categories {
    font-size:.9rem;
    margin:.5em 0;
}

.categories a {
    margin-right:.5em;
}

.comment-box {
    margin:1em 0;
}

.comment-box .comment {
    font-size:.85rem;
    line-height:1.7;
    list-style:none;
    margin:0 0 15px;
    padding:0;
}

.comment-box .entry-comment {
    border-bottom:1px solid #ddd;
    padding:10px 0 10px 60px;
    position:relative;
}

.comment-box .entry-comment:first-child {
    border-top:1px solid #ddd;
}

.comment-box .hatena-id-icon {
    height:50px !important;
    left:0;
    position:absolute;
    top:10px;
    width:50px !important;
}

.comment-box .read-more-comments {
    padding:10px 0;
}

.comment-content {
    color:#454545;
    font-size:.85rem;
    margin:0 0 .4em;
}

.comment-content p {
    margin:0 0 .6em;
}

.comment-metadata {
    color:#999;
    font-size:.8rem;
    margin:0;
}

.comment-user-name {
    font-weight:700;
    margin:0 0 .4em;
}

.date {
    font-size:.9rem;
    margin-bottom:.5em;
}

.date a {
    color:#999;
    text-decoration:none;
}

.date a:hover,.hatena-module-title a:hover,.hatena-urllist li a:hover {
    text-decoration:underline;
}

.entry {
    margin-bottom:4em;
    position:relative;
}

.entry-content .table-of-contents {
    border:1px solid #ddd;
    margin:1em 0;
    padding:1em 1em 1em 2em;
}

.entry-content blockquote {
    border:1px solid #ddd;
    margin:0 0 10px;
    padding:20px;
}

.entry-content blockquote p:first-child,.hatena-module-profile .profile-description p {
    margin-top:0;
}

.entry-content code {
    background-color:#f5f5f5;
    font-size:90%;
    margin:0 2px;
    padding:0 5px;
}

.entry-content h1 {
    font-size:1.5rem;
}

.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {
    margin:1em 0 0.8em;
}

.entry-content h2 {
    font-size:1.4rem;
}

.entry-content h3 {
    font-size:1.2rem;
}

.entry-content h4 {
    font-size:1.1rem;
}

.entry-content h5 {
    font-size:1rem;
}

.entry-content hr {
    border:none;
    border-top:1px solid #ddd;
    margin:2em auto;
    width:50%;
}

.entry-content img,.entry-content video {
    height:auto;
    max-width:100%;
}

.entry-content pre,.entry-content code {
    background:rgba(0,0,0,.25);
    border:none;
    line-height:1.3;
    padding:10px;
    white-space:pre;
    font-family: monospace;
}

.entry-content pre > code {
    background-color:transparent;
    border:none;
    font-family: monospace;
    margin:0;
    padding:0;
    white-space:pre;
}

.entry-content table {
    border-bottom:1em;
    border-collapse:collapse;
    border-spacing:0;
    display:block;
    font-size:.8rem;
    margin-bottom:1em;
    overflow:auto;
    width:100%;
}

.entry-content table th {
    background:#f5f5f5;
    color: #31332b;
}

.entry-content table th,.entry-content table td {
    border:1px solid #ddd;
    padding:5px 10px;
}

.entry-content ul li ul,.entry-content ul li ol,.entry-content ol li ul,.entry-content ol li ol,.entry-content dd li ul,.entry-content dd li ol,.entry-content blockquote p:last-child {
    margin-bottom:0;
}

.entry-content ul,.entry-content ol,.entry-content dd {
    margin:0 0 1em 1.5em;
    padding:0;
}

.entry-footer-section {
    color:#999;
    font-size:.9rem;
}

.entry-footer-section a,.comment-metadata a,.hatena-urllist .urllist-date-link a,#footer a {
    color:#999;
}

.entry-header {
    border-bottom:1px solid #ddd;
    margin-bottom:2em;
    padding-bottom:1em;
    position:relative;
}

.entry-header-menu {
    position:absolute;
    right:0;
    top:0;
}

.entry-title {
    font-size:1.5rem;
    margin:0 0 .3em;
}

.hatena-module {
    font-size:.85rem;
    margin-bottom:3em;
}

.hatena-module-profile .id {
    display:block;
    font-weight:700;
    margin-bottom:.5em;
}

.hatena-module-profile .profile-icon {
    float:left;
    margin:0 10px 10px 0;
}

.hatena-module-search-box .search-form {
    border:1px solid #ddd;
    display:flex;
    width:100%;
}

.hatena-module-search-box .search-module-button {
    background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;
    border:none;
    color:transparent;
    cursor:pointer;
    height:24px;
    margin-right:5px;
    outline:none;
    overflow:hidden;
    width:24px;
}

.hatena-module-search-box .search-module-input {
    background:none;
    border:none;
    color:#454545;
    height:20px;
    outline:none;
    padding:5px;
}

.hatena-module-title {
    border-bottom:1px solid #ddd;
    font-size:1rem;
    font-weight:700;
    margin-bottom:.6em;
    padding-bottom:.2em;
}

.hatena-module-title a {
    color:#b2b2b2;
    text-decoration:none;
}

.hatena-urllist {
    list-style:none;
    margin:0;
    padding:0;
}

.hatena-urllist .urllist-category-link {
    font-size:.7rem;
    padding:.1em .3em;
}

.hatena-urllist .urllist-entry-body {
    margin-top:.3em;
}

.hatena-urllist li {
    padding:.5em 0;
}

.hatena-urllist li a {
    text-decoration:none;
}

.hatena-urllist li:last-child {
    padding-bottom:0;
}

.header-image-enable #blog-title {
    margin:0 0 2em;
}

.header-image-enable #blog-title-content {
    margin-left:10px;
    margin-right:10px;
}title

.leave-comment-title {
    border:1px solid #ddd;
    font-size:.85rem;
    padding:.6em 1em;
}

.page-about .entry-content dd {
    margin-bottom:2em;
    margin-left:0;
}

.page-about .entry-content dt {
    border-bottom:1px solid #ddd;
    font-weight:700;
    margin-bottom:.5em;
}

.page-archive .archive-entry {
    line-height:1.3;
    margin-bottom:3em;
    margin-left:auto;
    margin-right:auto;
}

.page-archive .entry-description {
    font-size:.85rem;
    margin:0;
}

.page-archive .entry-thumb {
    height:80px;
    width:80px;
}

.page-archive .entry-title {
    margin:.3em auto;
}

.page-archive .social-buttons {
    display:block;
    margin-top:.3em;
}

.pager {
    display:flex;
    margin:2em 0;
}

::-webkit-file-upload-button {
    font:inherit;
}

[type="checkbox"],[type="radio"] {
    padding:0;
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height:auto;
}


/* RESPONSIVE
   ==========================================================================
 */
#content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media (min-width: 720px) {
    #container,#footer {
        width:720px;
    }
    #wrapper {
        padding-right: 40px;
        width:480px;
    }
    #box2 {
        width:200px;
    }
    #content-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}

@media (min-width: 940px) {
    #container,#footer {
        width:940px;
    }
    #wrapper {
        padding: auto;
        width:600px;
    }
    #box2 {
        width:300px;
    }
}

@media (min-width: 1240px) {
    #container,#footer {
        width:1240px;
    }
    #wrapper {
        padding-right: 40px;
        width:900px;
    }
    #box2 {
        width:300px;
    }
}

@media (min-width: 1360px) {
    #container,#footer {
        width:1360px;
    }
    #wrapper {
        padding-right: 40px;
        width:1020px;
    }
    #box2 {
        width:300px;
    }
}

@media (min-width: 1560px) {
    #container,#footer {
        width:1560px;
    }
    #wrapper {
        padding-right: 40px;
        width:1220px;
    }
    #box2 {
        width:300px;
    }
}

@media (min-width: 1880px) {
    #container,#footer {
        width:1880px;
    }
    #wrapper {
        padding-right: 40px;
        width:1540px;
    }
    #box2 {
        width:300px;
    }
}

@media (min-width: 2028px) {
    #container,#footer {
        width:2028px;
    }
    #wrapper {
        padding-right: 40px;
        width:1688px;
    }
    #box2 {
        width:300px;
    }
}

@media (min-width: 2529px) {
    #container,#footer {
        width:2529px;
    }
    #wrapper {
        padding-right: 40px;
        width:2489px;
    }
    #box2 {
        width:300px;
    }
}