<style type="text/css">

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

sl{font-size : 10px; line-height:12px;}
mm{font-size : 18px; line-height:20px;}
bg{font-size : 28px; line-height:28px;}

tt{
writing-mode: vertical-rl;
font-family: 'Handlee', cursive , "Sawarabi Mincho";
}

.cg {
display : inline-block;
font-size : 18px;
text-align : left;
line-height:18px;
font-family: 'Handlee', cursive , "Sawarabi Mincho";}
.cg:first-letter {
font-size : 1.8em;
padding : -2px;
color : #66c2ff;}

a{
background-color: #fff;
text-decoration:none;
padding: 2px 8px 0px 8px;
border-width: 2px;
border-color: #66c2ff;
border-style: solid;
color: #595857;
}

div.box{
background-color: rgba(255,255,255,0.9);
padding: 1em 0.5em 0.5em 0.5em;
margin: 0.5em;
border-width: 2px;
border-color: #66c2ff;
border-style: solid;
width: <pc_only>500px;</pc_only><mobile>90%;</mobile>
font-size : 14px; line-height:16px;
text-align: left;
}

.sima{
width: <pc_only>510px;</pc_only><mobile>90%;</mobile>
height:50px;
background-color: #66c2ff;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #ccebff ), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #ccebff 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #ccebff 50%, transparent 50%, transparent);
background-image: linear-gradient(left, #ccebff 50%, transparent 50%, transparent);
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}

body{
background-color: #e6fff6;
color: #595857;
font-family: 'Handlee', cursive , "Sawarabi Mincho";
}

</style>

<center><div class="sima"></div><bg><tt>サイト名</tt></bg>


<mm><a>Main</a>　<a>Memo</a>　<a>Clap</a></mm><sl>

</sl><div class="box"><span class="cg">はじめに。</span>
　こちらは、非公式■■サイトです。
　Bookmarkはこのページにてお願いします。
　サイトの説明など、お好きに…！

<span class="cg">管理人</span><sl> <a>twi</a> <a>Mail</a> <a>;Re</a></sl>
　<mm>:)Name</mm>/ルーフ(♀)
　主に建物の上部を覆う構造物である。
　外の天候の変化、たとえば雨や雪、強風や太陽の強い日差し、気温の変化、工場のばい煙や大気中の粉塵を防ぐなどの役割を行う。(by wiki)

<span class="cg">Link</span>
　(アン)リンクフリー。
　報告いただけると、盆踊りしながら参ります。</div><a>Rank</a>　<a>Rank</a>　<a>Rank</a></center>