h1 {
	padding: .10em 0 .5em .5em;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
}


p {
   max-width: 800px;
   min-width: 500px;
   width: 70%;
   margin-left: 6px;
}


body{
	background-color: white;
	margin: 0;
	border-top: 0;
	border-right: solid 60px #f0f8ff;
	border-left: solid 60px #f0f8ff;
	border-bottom: 0;
}
/*#fff8dc*/
/*ivory fffff0 */
/* 
body{background-image: url("./img/wall1.png");}-->
*/

img {
    width: 100%;
    height: auto;
}

.img-wrap {
  overflow: hidden;
  position: relative;
}

/* 画像を左から右に表示
.img-wrap:before {
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}
*/

/*画像を真ん中から表示*/
.img-wrap {
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
  
  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}


ol li {
  padding-top:10px;
  padding-bottom:10px;
}

figure{
	margin: 0;
	padding: 0;
	}
	
nav{
     float: right;
     margin-top: 0;
     font-size: 110%;
}
     nav li{
          display: inline;
          margin-left: 20px;
     }
     nav a{
          color: #666;
          text-decoration: none;
     }
     nav a:hover{color: #69c;}	

.table1 {
  border-collapse: collapse;
  width: 1000px;
  border: 3px solid gray;
  margin: 20px 30px;
}
.table1 th, .table1 td {
  border: 2px solid gray;
}


.inline-block_test {
    display: inline-block;      /* インラインブロック要素にする */
    background-color:  #ccc;    /* 背景色指定 */
    padding: 10px;              /* 余白指定 */
    width: 200px;
    margin: 10px
}