body{ 
 background: url('domonken.jpg');
  background-size: cover;}

h1{color:#ffffff; font-size: 8ex; margin:0;}


murasaki{color:#884898;}

.maru{ position: relative; width:80px; height: 80px; border-radius:50%;
       background-color:#ffffff; text-align:center; float: right;
       margin-top:30px; margin-right:30px;}

.maru span {position: absolute;　display: inline-block;left: 0; top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;}

.maru2{ position: relative; width:200px; height: 200px; border-radius:50%;
       background-color:#ffffff; text-align:center; float: right; margin-left:100%;}

.maru2 span {position: absolute;　display: inline-block;left: 0; top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :200px;
  text-align:center;}



.tatesen{background-color:#ffffff; width:30px; height:100px; float: right; margin:30px 10px;}

.tate{writing-mode: vertical-rl; float: right; color:#ffffff;}

footer {position:absolute; bottom:0;}

.a{float:left;}

v{border: 3px solid #FF9933;
  border-radius: 2ex;
  background-color: #FF9933;
  color: white;
  text-align: center;
}