/* @import url('https://fonts.googleapis.com/earlyaccess/hannari.css'); */
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho");

/* .wf-sawarabimincho {
  font-family: "Sawarabi Mincho";
  color: white;
} */


html {
  scroll-padding-top: 100px; /* 固定ヘッダの高さ分 */
}
  
.site-header{
    width: 100%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    position: fixed;
    top: 0;
    z-index: 10;
}


.image-trim {
  position: relative;
  overflow: hidden;
  padding-top: 60%; /* 比率 */
}
.image-trim img {
  width: 100%;

  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}


/* header {
  background: rgba(0, 0, 0, 0.8);
  margin: 0;
  padding: 2px;
  position: fixed;
  width: 100%;
  z-index: 9999;
  margin-top: -59px;
} */

    /* すべての線を表示 */
.tr-css { 
  border: 1px solid #9c9c9c; 
}