/*
XXXX
  This css file is for individual users to restyle items for their personal site,
  or for the implementation of features specifically for their site. Anything that
  is an official part of the theme (ex. Pull Requests) should be included in main.css
  and follow the formatting and style given.
*/

/*
cite, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, input, label, li, ol, p, span, td, th, ul {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #262626;
}
:root {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #262626;
}
*/

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
}

.content {
    margin-top: 2.0rem;
}

.content h2 {
   margin-top: 3.5rem;
}


.sticky-toc ul {
    font-size: 0.9rem;
    padding-left: 0.5rem;
    list-style-type: disc;
}

.sticky-toc ul {
    font-size: 0.9rem;
    padding-left: 0.5rem;
    list-style-type: disc;
}

.sticky-toc ul li ul {
    font-size: 0.9rem;
    padding-left: 0.5rem;
    list-style-type: none;
}

.sticky-toc ul li {
    margin-top: 0.5rem;
}


.memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff9e5;
    color: #545454;
    margin-top: 1.5em;
}

.memo_ttl {
    margin-bottom: 5px;
    color: #ffb36b;
    font-size: 1.2em;
    font-weight: 700;
}

.memo_ttl:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #ffb36b;
    color: #fff;
    font-family: FontAwesome;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    content: "\f040";
}

.fa5 .memo_ttl:before {
    content: "\f303";
    font-size: 17px;
}

.memo_text p{
  font-size: 0.95em; 
}

.content code {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
}