題名

memo novel mail
rank rank rank

---

PCはリンクにカーソルを乗せると、ふんわりピンクに色が変わります。
サイトタイトルは漢字じゃなくても良いけど、あんまり長いととても見づらくなるので、２，３文字がオススメ。

HTML
<center><div class="waku"> <center> <h1><a href="">題名</a></h1><br> <br> <a href="">memo</a> <a href="">novel</a> <a href=""> mail</a><br> <a href="">rank</a> <a href="">rank</a> <a href="">rank</a> </center> </div></center>
CSS
<style type="text/css"> <!-- body{ font-family:はれのそら明朝,STHeitiSC-Light; line-height:2em; letter-spacing:1px; font-size:15px; background:linear-gradient(#bddefe,#fff); background-repeat:no-repeat; background-attachment:fixed; } br{ letter-spacing:0; } a{ text-decoration:none; padding:3px; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover{ color:#e198b4; text-decoration:none; } .waku { width:<pc>500</pc><nopc>300</nopc>px; margin:50px auto 10px; padding:15px; } h1{ font-size:200%; font-weight:normal; display:inline; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; } @font-face { font-family:はれのそら明朝; src: url("https://cdn.leafscape.be/Harenosora/harenosora_web.woff2") format("woff2"); } /*------------------------------------------------- このフォントはIPAフォントライセンスv1.0の下で提供されています。 http://ipafont.ipa.go.jp/ipa_font_license_v1.html オリジナルのフォントは以下から取得できます。 http://ipafont.ipa.go.jp/ <blockquote data-secret="uoFEK7mhQX" class="wp-embedded-content"><a href="http://fontopo.com/?p=377">はれのそら明朝</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="http://fontopo.com/?p=377&embed=true#?secret=uoFEK7mhQX" data-secret="uoFEK7mhQX" width="500" height="282" title="埋め込まれた WordPress の投稿" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> -------------------------------------------------*/ --></style>