body{
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;
}


div.quads-location {
    margin-top: 2em!important;
    margin-bottom: 2em!important;
}

.content h2 {
    background: #63acb7;
    color:white;
    padding: .75em .5em;
    border-left:10px solid #456775;
}
.content h2:first-letter{
    color:inherit;
    font-size:inherit;
    border:none;
}


.content h3 {
    border: none;
    border-bottom: 3px solid #63acb7;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 20px;
    margin-bottom: 35px;
}
.content h4:before{
    content:"●";
    color:#63acb7;
    margin-right:.4em;
}

section.content ul li, .content ol li {
    /* font-size: 1.5rem; */
    font-size: 1.55rem;
    font-size: 1.54rem;
}
section.content > ul:not(#sitemap_list), 
section.content > ol{
    border: 1px solid #bca5a5;
    background: #fefdfa;
    padding: 1em 2em 1.5em 0;
    margin-top: 1.5em;
    margin-bottom: 1.75em;
    color:#5f4535;
    display: table;
}

section.content > ul > li,
section.content > ol > li{
    /* margin-bottom: .75em; */
    list-style-type:disc;
}
section.content > ul > li:last-child,
section.content > ol > li:last-child{
    margin-bottom:.0em;
}

section.content > ul ul,
section.content > ol ul{
    padding-left:2em;
    margin-left:0;
}
section.content > ul ul li,
section.content > ol ul li{
    color:#6a6b6c;
    font-size:95%;
}

.content ul li:before {
    content: initial;
}

section.content > h2:last-of-type{
    background: #62a781;
    border-color: #3f7b5b;
    color: #ffffff;
}
section.content > h2:last-of-type ~ ul{
    padding-left:1em!important;
}
section.content > h2:last-of-type ~ ul > li{
    list-style:none;
}
section.content > h2:last-of-type ~ ul > li:before {
    content: "●";
    color: rgba(102, 62, 50, 0.71);
    float:left;
}


ul.wpp-list.wpp-list-with-thumbnails {
    background: #fafafa;
    padding: 10px;
}
ul.wpp-list.wpp-list-with-thumbnails li {
    padding-left: 0;
}

ul.wpp-list.wpp-list-with-thumbnails li:before {
    content: "";
}

ul.wpp-list.wpp-list-with-thumbnails li a img {
    float: none;
    /* width: 100%; */
}

ul.wpp-list.wpp-list-with-thumbnails li a.wpp-post-title {
    display: block;
    color: #457f9c;
    font-weight: bold;
    font-size: 115%;
}
ul.wpp-list.wpp-list-with-thumbnails li a.wpp-post-title:hover {
    color: #bf0000;
}

ul.wpp-list.wpp-list-with-thumbnails li span.wpp-excerpt {
    color: #3a3a3a;
}

ul.wpp-list.wpp-list-with-thumbnails {
    counter-reset: wpp-ranking;
}
ul.wpp-list.wpp-list-with-thumbnails li {
    position:relative;
}
ul.wpp-list.wpp-list-with-thumbnails li:before {
    counter-increment: wpp-ranking;
    content: "Rank " counter(wpp-ranking);
    background: rgba(105, 74, 20, 0.54);
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding: 5px 7px;
    position: absolute;
    z-index: 1;
    border-radius: 2px;
    font-family: Arial;
    text-align: center;
}