body {
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: white;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

body::before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat: no-repeat,no-repeat;
    background-position: top left,center;
    background-image:url(../img/bg/02.png) , url(../img/bg/01.png);
    background-size: auto,cover;
}

a:link {
    text-decoration: none;
}

.headline {
    margin: 0 auto;
}

.headline > h2 {
    display: block;
    color: #fff;
    background: linear-gradient(135deg, rgba(0,93,85,.8) 0%,rgba(0,0,0,.8) 70%);
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    text-align: center;
    padding: 10px;
    margin: 0 auto 20px;
    text-shadow: 3px 3px 1px rgba(0,0,0,.6);
}

.box_main {
    padding: 10px 0px 10px 0px;
    font: 13px;
}

.main {
    margin: 0 auto;
}

.box {
    overflow: hidden;
    border: solid 1px black;
    padding: 3px 1px 3px 1px;
    background-color: black;
    border-radius: 6px;
}

@media screen and (max-width: 420px) {
    .box {
        margin: auto 5px 10px 5px;
    }
}

.note_small  {
    display: inline-block;
    color: white;
    font-size: small;
    text-align: left;
    padding: 2px;
    margin: 5px 20px;
}

/*
=========================
リスト
=========================
*/
ul.ast{line-height:180%; margin:10px auto;padding-inline-start: 0px;}
li,ul.ast > li,ul.num > li,ul.dia > li,span.ast{display:block; position:relative; padding-left:14px;}
ul.ast > li::before,
span.ast::before{display:block; position:absolute; top:0; left:0;}
ul.ast > li::before,span.ast::before{content:"※";}