body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}#wrapper {
	width: 850px;
	margin: 0 auto;
font-size: 0.8em;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
background-color:rgba(255,255,255,0.6);
    border: solid 1px #000;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
padding : 0.5em ; 
    line-height: 1;
    font-size: 19px;
background-color:rgba(255,255,255,1.0);
    color:#000 ;
    font-weight: bold;
    border-radius: 8px;
    border: solid 1px #000;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

body::before {
	background-image:url(https://alicex.jp/data/gem/img/gem_upld_3.png),
					 url(https://alicex.jp/data/gem/img/gem_upld_4.png),
					 url(https://alicex.jp/data/gem/img/gem_upld_2.jpg);
	background-repeat:no-repeat,
					  no-repeat,
					  repeat;
	background-position:left top,
						right bottom;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  content: "";
  z-index: -1;
}   a {
color:#000;
  padding: 0 .3em;
  transition: all .3s;
text-decoration: none;
}
a:hover {
  color: #fff;
  background-color: #000;
}