.gallery .images{position:relative;width:450px;padding-bottom:300px;height:0}

.gallery .images>div,.gallery .images>span{position:absolute;display:block;width:450px;height:290px}

.gallery .images>div{opacity:0;background:center no-repeat;background-size:cover;border-radius:3px;box-shadow:1px 1px 5px rgba(0,0,0,.4);-webkit-transition:all .88s ease;transition:all .88s ease}

.gallery .images>div.active{opacity:1}

.gallery .images>span{cursor:pointer;width:50px;color:#fff;text-shadow:0 0 5px #000;font-size:50px;height:100%;line-height:44px}

.gallery .images>span.right{left:90%;margin-left:-30px}

.gallery .images>span.left{padding-left:5px}

.gallery .images>span:before{margin-top:-25px;top:50%;position:absolute;bottom:0}

.gallery .images>span.left:before{content:"\00AB"}

.gallery .images>span.right:before{content:"\00BB"}

.gallery .thumbs{margin-top:5px;display:inline-block;width:800px;text-align:center;cursor:pointer}

.gallery .thumbs>div{box-sizing:border-box;background:center no-repeat;background-size:cover;display:inline-block;position:relative;margin:4px;border:3px solid transparent;width:59px;height:59px;cursor:pointer;-webkit-transition:all .88s ease;transition:all .88s ease}

@media (max-width:450px)
{.gallery .thumbs>div{width:59px;height:59px}}
.gallery .thumbs>div:before{content:'';width:0;height:0;border:solid transparent;border-width:0 5px 5px;position:absolute;left:45px;top:-8px;-webkit-transition:all .88s ease;transition:all .88s ease}

@media (max-width:450px)
{.gallery .thumbs>div:before{left:25px}}
.gallery .thumbs>div.active{border-color:silver}
.gallery .thumbs>div.active:before{border-bottom-color:silver}

body {
  background-image:url("image/ajisai27.jpg");
  background-repeat:no-repeat;
  background-position: 0% 100%;
  background-attachment: fixed; 
  color: black;
  margin-left: 2em;
  margin-right: 2em; 
}

a {
  text-decoration: none;
}

a:link {
  color: DARKBLUE;
}

a:visited {
  color: DARKGREEN;
}

p.menu {
  text-align: right;
}

p {
  text-align: center;
}

h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: center;
}


h1 {
  color: darkblue;
  line-height: 2em;
  text-align: center;
}