@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=IBM+Plex+Sans+JP&family=Tenor+Sans&display=swap');
h1.sitename a {
/*  font-family: "IBM Plex Sans JP", sans-serif;*/
 font-family: "Dela Gothic One", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
    color: #001d4d;
    font-size: 2.3rem;
}
div#headbox-bg {
    background: #ffffe7;
}
div#headbox {
    padding-top: 10px;
    margin: 0px auto 0;
    display: block;
}
#content {
    max-width: 1080px;
    display: block;
}
p.writter img {
    display: none;
}
body {
    background-color: #fff;
}
p.descr {
    font-size: 14px;
}
.st-pagelink .page-numbers{
    height: auto;
}
.wpsm-show a, .wpsm-show:active, .wpsm-show:visited { cursor: pointer; text-decoration: none; }
.wpsm-show:hover { cursor: pointer; text-decoration: underline; }
.wpsm-hide a, .wpsm-hide:active, .wpsm-hide:visited { cursor: pointer; text-decoration: none; }
.wpsm-hide:hover { cursor: pointer; text-decoration: underline; }
.wpsm-content-hide { display: none; }
@media print, screen and (max-width: 768px){
header {
        padding-top: 0px !important;
    }
    div#headbox-bg {
/*        overflow: hidden !important;*/
        position: relative !important;
/*        background: #050059;*/
    }
    #header-l {
        position: relative !important;
        top: 0 !important;
        width: auto !important;
    }
p.descr {
    font-size: 14px;
    display: none;
}
div#headbox {
margin: 5px auto 0;
        padding-bottom: 0;
        display: block;
}
h1.sitename a {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
    font-style: normal;
/*        color: #ffffff;*/
    font-size: 1.5rem;
    vertical-align: middle;
display: flex;
        /* vertical-align: middle; */
        align-content: center;
        align-items: center;
}
h1.sitename a img{
    width: 50px;
    padding-bottom: 7px;
}
li.list-box {
    display: flex;
    flex-wrap: wrap;
        justify-content: space-between;
}
.list-text {
    width: calc(100% - 110px);
}
.list-img {
    width: 100px;
}
header,
div#headbox-bg,
header .sitetitle,
#wrapper,
div#headbox-bg .clearfix{
    overflow: auto;
    }
    #page-top a{
        padding: 0;
    }
    header {
position: inherit!important;
    }
header nav {
    text-align: left;
}
    }