a:hover{color:rgb(173, 0, 0);}
a{color:rgb(255, 255, 255);}/*これはリンクの色を変えるやつ*/
#Shironimakenai{color: #3d6c5f;}/*これはメインのリンク文字色を変えるやつ*/
#yuuitumuni{color: white;
font-family: "Stick", sans-serif;}/*これは民尾の部屋の色を変えるやつ*/
#iriguti{color: #3d6c5f;}/*これはメインのリンク文字色を変えるやつ*/
#botan{color: #ffffff;}

h2{color: #000;}

body{font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  text-align: center;
  font-style: normal;
  background-color: white;
  color: rgb(0, 0, 0);}/*メニューの中身の文字設定*/

header{color: #ffffff;
  background-color: #3d6c5f;}/*ヘッダーの文字色*/

main{background-color:white;
font-size: 20px;

}/*メイン部分を司るもの*/

button{
font-size: 40px;
margin-top: 10%;
border-radius: 300px;
background: #3d6c5f;}

.mannaka{display: flex;
justify-content: space-around;
}
.mannaka img{width: 200px; 
 margin-top: 60%; 
}
.sakuhinigai{text-align: center;
  margin: 15%;}

footer{position: fixed;
left: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content:space-around;
align-items: center;
background-color: #3d6c5f;
height: 8em;}/*フッターを司るもの*/

.headernaka{display: flex;
justify-content:space-around;
align-items: center;
font-family: "DotGothic16", sans-serif;
font-size: 20px;}/*ヘッダーのinfo〜を司るもの*/

.jiman{font-family: "DotGothic16", sans-serif;
      font-size: 15px;}/*ただの自慢*/

.item {writing-mode: vertical-rl;
  text-orientation: mixed;
  display: inline-block;
  text-align: center;
  display: flex;
  height: 200px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;} 
  /*入口の設定*/  

.Oshirase{
  color: black;
  text-orientation: mixed;
  display: inline-block;
  text-align: center;
  display: flex;
  width: 400px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;}/*infoの中*/

.Oshirase_main{
  color: #000;
  text-align: center;
  display: flex;
  width: fit-content;
  align-items: center;
  margin-left: auto;
  margin-right: auto;}/*お知らせの本文*/

.img-frame{
   position: relative;
   width: 70%;
   height: 300px;
   overflow: hidden;
   margin: 0 auto;
}
@media screen and (max-width: 767px){}
.img-frame{
   width: 100%;
   height: 600px;
}
.img-01, .img-02, .img-03{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.img-01{
   background-image: url('/kana-seru/no-zanho-supa-ku.png');
   animation: slide-animaition-01 15s infinite;
}
.img-02{
   background-image: url('/kana-seru/shikotuko.JPG');
   animation: slide-animation-02 15s infinite;
}
.img-03{
   background-image: url('/kana-seru/yakisakana.JPG');
   animation: slide-animation-03 15s infinite;
}
@keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
  30% {opacity: 1;}
  40% {opacity: 0; transform: scale(1.15);}
  90% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
  30% {opacity: 0; transform: scale(1.1);}
  40% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
    0% {opacity: 0;}
  60% {opacity: 0;  transform: scale(1.0);}
  70% {opacity: 1;}
  90% {opacity: 1;}
100% {opacity: 0; transform: scale(1.1);}
}

/*「民尾の部屋」制作協力者
souchi、ほのか、/、とべっち、ねむ、
ご協力いただき、ありがとうございました*/