html {
   
   color: white;
   background-color: black;
}

.container {
    width: 95%;
    max-width: 1120px;    
    margin: 0 auto;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    background-color: red;
}

/* ヘッダー */
header {
    padding: 27px 0;
}
.header_menu li {
margin-left: 40px;  

}
.header_menu li a:hover {
    color: gray;
}


/*  画像を拡大した時の線サイズ
------------------------------------------------- */
#lightbox .lb-container {
    padding: 0px;
}


/*  画像用
------------------------------------------------- */
.gazo {
     width: 100%;
     max-width: 920px;
     margin: 0 auto;
}
.resizeimage img {
    width: 100%;
    max-width: 920px;
}


/* メイン文章用
------------------------------------------------- */
.setsumei {
    width: 95%;
    max-width: 750px;
    margin: 0 auto;
}
.text {
    line-height: 1.5;
    width: 90%;
    color: white;
}


/* トップページの英語用
-------------------------------------------------- */
.text2 {
    line-height: 1.5;
    width: 90%;
    font-size:  0.7rem;
    color: gray;
}


/* 大文字の中央揃え用
----------------------------------------------------*/
.oomojicenter { 
  font-size: 50px;
  text-align: center;   
  color:red;      
}


/* 短い文字の中央揃え用
----------------------------------------------------*/
.mojicenter { 
    text-align: center;   
  color:white;      
}


/* テーブルの中央揃え・線・線の色 
----------------------------------------------------*/
table,table th,table td{
 border:5px solid black;
 border-spacing:10px;
 margin: 0 auto;
 vertical-align: bottom; 
}