薄氷の靴 - 朝の病

自動改行“しない”で作成しています。
背景画像はパブリックドメインのものを使用していますので、こちらからどうぞ。

HEAD

@import url('https://fonts.googleapis.com/css?family=Slabo+27px');

@font-face
{
font-family:"こころ明朝" ;
src: url('https://cdn.leafscape.be/kokoro/Kokoro_web.woff')
     format("woff");
}

body{
font-family:"Slabo 27px","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#fff;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width:601px){
.wrp{
width:520px;
margin:0 auto;}
}

@media screen and (max-width: 600px){
.wrp{
width:100%;
margin:0 auto;}
}

.bk{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
background:url(##画像URL##) center/cover no-repeat;
-webkit-background-size:cover;
}

.con{
background:rgba(0,0,0,.5);
margin:80px 20px 20px;
padding:15px;}

.con a:hover{
color:#fff;
background:none;}

strong{
color:#000;
background:rgba(173,216,230,.7);
font-weight:normal;
margin:0 1px;
padding:0 2px;}

.ft{
border-top:solid 1px #ccc;
padding:10px 10px 0;
margin:15px 0 0;}

h1{
font-size:13px;
font-family:こころ明朝, sans-serif;
color:#add8e6;
margin:0 5px 0 0;
padding:0;
display:inline-block;
}

a{
color:#274a78;
background:rgba(255,255,255,.7);
text-decoration:none;
padding:0 3px;
transition:0.5s;
}

a:hover{color:#000;}

</style>

BODY