@charset "UTF-8";




body{
  font-family: serif;
}
h1{
  margin: 5%;
  font-size: 30px;
  text-align: center;
  text-decoration: underline;
}
.theme{
  display: flex;
  justify-content: center; /* 水平方向の中央 */
  align-items: center;     /* 垂直方向の中央 */
  height: 250vh;           /* 画面の高さいっぱい */
  overflow: hidden;
}

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

.topTalk{
  margin-top: 20px;
  width: 90%;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}

.title{
  font-size: 60px;
}
.noricon{
  display: flex;
  flex-direction: row;
  text-align: center;
  width: 100%;
}

.Nori{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border: 2px solid black;
  margin-top: 5%;
}

.noriimg{
  width: 40%;
  height: auto;
}

.name{
  font-size: 40px;
  text-align: center;
  width: 60%;
}

.margin{
  width: auto;
  height: 50vh;
}

.menuForAllbox{
  position: fixed;
 bottom: 0;
 z-index: 99999;
}
.menuForAll{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    z-index: 99999;
   
}
.first{
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: 1;
}
.aa{
   text-decoration: none;
     clip-path: polygon(
    30% 0%, 70% 0%, 
    100% 30%, 100% 70%, 
    70% 100%, 30% 100%, 
    0% 70%, 0% 30%
  );
   background-color: rgb(231, 153, 20);
   width: 100%;
   height: 100%;
  display: flex;              /* 子要素を中央寄せするため */
  justify-content: center;    /* 横方向中央 */
  align-items: center;        /* 縦方向中央 */
 color: white;
  align-self: end;            /* Gridのセル内で下揃えしたいなら残す */
  text-align: center;   
  filter: drop-shadow(0 0 0 black); 
  font-size: 2.5vw;     /* 複数行テキストにも対応 */
}

.ii{
    font-size: 3vw;
   text-decoration: none;
     clip-path: polygon(
    30% 0%, 70% 0%, 
    100% 30%, 100% 70%, 
    70% 100%, 30% 100%, 
    0% 70%, 0% 30%
  );
   background-color: rgb(81, 178, 206);
   width: 100%;
   height: 100%;
  display: flex;              /* 子要素を中央寄せするため */
  justify-content: center;    /* 横方向中央 */
  align-items: center;        /* 縦方向中央 */
 color: white;
  align-self: end;            /* Gridのセル内で下揃えしたいなら残す */
  text-align: center;   
  filter: drop-shadow(0 0 0 black);      /* 複数行テキストにも対応 */
}