@charset "UTF-8";
/*body要素*/
body {
    font-family: 'メイリオ','Meiryo';
    font-size: small;
    color: #e0f0ff;
    background-color: #1d1f21;
}

/*本文用のdivはこ*/
.div-honbun{
    margin:2em 5% 0;
    position: relative;
    padding: 1em 2em;
    border-top: solid 2px #e0f0ff;
    border-bottom: solid 2px #e0f0ff;
}
.div-honbun:before, .div-honbun:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #e0f0ff;
}
.div-honbun:before {left: 10px;}
.div-honbun:after {right: 10px;}
.div-honbun p {
    margin: 0; 
    padding: 0;
}

/*pタグタイトル用*/
.p-title {
    margin: 1rem;
    padding:  0.5rem;
    font-size: 1.7rem;
    font-weight: bold;
    color: black;
    letter-spacing: 0.7rem;
    text-align: center;
}
/*本文中のpタグで行間と文字間を調節*/
.p-main {
    letter-spacing: 0.05em;
    line-height: 2;
}

/*文字を中央に配置*/
.p-center {
    text-align: center;
}
/*文字を右寄せで表示*/
.p-right {
    text-align: right;
}

/*span-hでタイトル用*/
.span-h {
    font-weight: bold;
    font-size: large;
    color: #e0f0ff;
}

/*span-diaで台詞色補正*/
.span-dia {
    color: #b4c0cc;
}

/*水平線をいったん定義*/
hr {
    height: 0;
    margin: 1%;
    padding: 0;
    border: 0;
}

/*<hr class="hr-hasen">というhrを水色の破線(縫い目みたいなやつ)に*/
.hr-hasen {
    border-top: 3px dashed skyblue;
}


/*アクセスしたことがないリンクはどじゃーすぶるー*/
a:link {
    color: dodgerblue;
}

/*アクセスしたことがあるリンクはぶるーばいおれっと*/
a:visited {
    color: blueviolet;
}