吐息の音楽

自動改行”しない”で作成しています。
背景画像はtextearさまの、theme > ファンタジートラベリングよりお借りしております。

HEAD

@import url('https://fonts.googleapis.com/css?family=Rubik');

@font-face
{
font-family:"ロゴたいぷゴシック-コンデンスド" ;
src: url('https://cdn.leafscape.be/LogoTypeGothicCondense/07LogoTypeGothic-Condense_web.woff')
     format("woff");
}

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

@media screen and (min-width:701px){

body{
background-image:url(##画像URL##); 
background-position:center center; 
background-repeat:no-repeat;
background-attachment:fixed;
background-size:50%;}

.wrp{
width:500px;
margin:0 auto;}

}

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

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

.con{
margin:50px 20px 20px;
padding:0 15px 15px;
background: rgba(255,255,255,0.4);
border:1px solid #4a488e;
text-align:center;
}

.top{
height:30px;
width:60px;
border-radius: 0 0 90px 90px;
-moz-border-radius: 0 0 90px 90px;
-webkit-border-radius: 0 0 90px 90px;
background:#fdeff2;
opacity:0.5;
margin:0 auto;
box-shadow:0 5px 15px #fdeff2;}

.menu{margin:20px;}

.menu a{
margin:0 5px;
padding:1px 5px;
background:#4a488e;
border:1px solid #4a488e;
color:#fff;}

.menu a:hover{
margin:0 5px;
padding:1px 5px;
background:none;
border:none;
color:#fff;
text-shadow:0 0 3px #4a488e,0 0 5px #4a488e,0 0 10px #4a488e,0 0 10px #4a488e,0 0 15px #4a488e,0 0 15px #4a488e;}

.info{
border:solid 1px #fff;
background:rgba(255,255,255,.5);
margin:10px;
padding:10px;
text-align:left;}

strong{
color:#000;
background:#dda0dd;
font-weight:normal;
margin:0 1px;
padding:0 2px;}

.ft{
text-align:right;
border-top:1px solid #4a488e;
padding:10px 10px 0;
margin:15px 0 0;}

h1{
font-size:30px;
font-weight:normal;
font-family:ロゴたいぷゴシック-コンデンスド, sans-serif;
color:#4a488e;
margin:0;
padding:0;
text-align:center;
position:relative;
bottom:10px;
}

h2{
font-size:15px;
font-weight:normal;
font-family:ロゴたいぷゴシック-コンデンスド, sans-serif;
color:#4a488e;
margin:10px 0;
padding:1px 5px;
border-bottom:solid 2px #4a488e;
width:50%;}

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

a:hover{background:none;}

</style>

BODY

見出し２