/*文字関係*/
.moji {
font-family:serif;
 }
.size_test {
    font-size:  60px;    /* 文字サイズ指定 */
}

/*段落*/
p {
   margin: 0.7em 0px;   /* 上下に1em・左右に0px */
}

/*画像*/

figure{
margin: 0;
padding: 0;
 width: 100%;
  position: relative;
}

figure img
 {
  width: 95%;
  vertical-align: top;
}

figure figcaption {
  font-size: 20px;
  color: #4C444D;
  position: absolute;
  top: 70%;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

.decorator {
  background-color: rgba(255,255,255,5);
}

/*リンク*/
a:link { 
color: #4C444D; 
}
a:visited {
 color: #4C444D; 
}
a:hover {
 color: #D3C6A6; 
}
a:active { 
color: #ffffff;  
}


/*線*/
hr {
    height: 0.8px;
    width: 50%;
    background-color: #4C444D;
    border: none;
}

h2 { 
    font-size : 100% ;
    background : #4C444D ;
    padding : 4em 4em ;
　　border : solid 1px #4C444D ; 
}

/*スクロール*/
.container {
  overflow: auto;
  scroll-snap-type: y mandatory;
  height: 100vh;
}
.area {
  scroll-snap-align: start;
  height: 100vh;
}