<script src="//use.edgefonts.net/dr-sugiyama;dosis.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<style type="text/css">

body{
margin:5%;
padding:5%;
font-size: 11px;
line-height:2;
letter-spacing:2px;
font-family:dosis,'游ゴシック','YuGothic',メイリオ, sans-serif;
color:#333;
background:#fff0f5;
}

#text{
max-width:600px;
height:auto;
padding:10px;
text-align:left;
border-top:double #F4E4FF 3px;
}

.top{
width:100px;
height:100px;
overflow:hidden;
}

.top img{
-moz-transition: .6s;
-webkit-transition: .6s;
-o-transition: .6s;
-ms-transition: .6s;
transition: .6s;
}

.top img:hover{
-moz-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}

.menu a{
font-family:dr-sugiyama;
font-size:20px;
line-height:1;
}

.ma{
font-family:dr-sugiyama;
font-size:20px;
color:#C7B4FF;
}

.heart{
width:100px;
opacity:0.55;
}

.heart-s{
width:13px;
opacity:0.55;
}

.title{
font-family:dr-sugiyama;
color:#C7B4FF;
font-size:30px;
line-height:150%;
}

a{
color:#333;
padding:0px 5px 0px 5px;
text-decoration: none;
}

a:hover{
background:#F4E4FF;
color:#6756BC;
}

a:visited{color:#777;}

</style>