#logo {
    width: 100px;
    height: 70px;
}
body {
    background-color: #E8F5E9;
    font-family: "Kokoro",'Sacramento', cursive;
}
#logo {
    width: 60px;
    height: 60px;
    color: #ffffff;
    background-color: #2779bd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 20px;
}
 .hai { 
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    width: 100%;
    height: 950px;
    position: relative;
    bottom: 40px;
} 
.naga {
    position: absolute;
    top: 350px;
    color: #ff1f1f;
    margin : 0 auto 40px;  
    font-size : 150px; 
    text-align : center;
    overflow : hidden; 
    margin:0;
    display : inline-block;
    padding-left: 100%;
    white-space : nowrap;  
    line-height : 1em;
    animation : scrollSample01 20s linear infinite;
    z-index: 100;
}
@keyframes scrollSample01{
    0% { transform: translateX(0)}
    100% { transform: translateX(-100%)}
}

@font-face {
    font-family: 'Sacramento';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sacramento/v13/buEzpo6gcdjy0EiZMBUG4CMf_f5Iai0Ycw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

.naga {
  font-family: 'Sacramento', cursive;
}
#Gourmand {
    color: #ffa000;
    font-family: 'Sacramento', cursive;
    font-size: 50px;
    text-align: center;
}
.container {
	position: relative;
	width: 500px;
	max-width: 100%;
	height: 400px;
}
.fa {
    width:350px;
    height:350px;
    border-radius:50%;
    padding-bottom: 20px;
}
.su2  {
    width:350px;
    height:350px;
    border-radius:50%;
    padding-top: 20px;
}
.yokona {
    display: flex;
    text-align: center;
    padding-top: 50px;
}
.aa {
    font-size: 25px;
    font-family: 'Sacramento';
}
.ha {
  line-height: 55px;
  width: 100%;
}
.main2 {
    height: 900px;
    margin-top: 150px;
    background-color: #ffffff;
}
/*フォント */
.aa {
     font-family: "Kokoro",'Sacramento', cursive;  
}
/*フォント */
#Spot {
    color: #ffa000;
    font-family: 'Sacramento', cursive;
    font-size: 80px;
    text-align: center;
    padding-top: 55px;
    margin-bottom: 40px;
}
/* スライド */
.container {
    width: 48%;
    height: 500px;
    overflow: hidden;
    border-radius:25%;
    margin-left: 50px;
  }
  
  /* imgのみ */
   .image {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite;
  }
  
  .image:nth-of-type(2) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
  }
  
  .image:nth-of-type(3) {
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
  }
  .image {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite;
  }
  
  .image:nth-of-type(2) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
  }
  
  .image:nth-of-type(3) {
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
  }
  
  /* ふわっとアニメーション */
  @keyframes anime {
    0% {
      opacity: 0;
    }
    30% {
      opacity: 1;
    }
    35% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      z-index: 9;
    }
    100% {
      opacity: 0;
    }
  }
  
  @-webkit-keyframes anime {
    0% {
      opacity: 0;
    }
    30% {
      opacity: 1;
    }
    35% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      z-index: 9;
    }
    100% {
      opacity: 0;
    }
  }
/* スライド終わり */
.migi {
    display: flex;
    text-align: center;
}
.mida {
    font-family: 'Sacramento', cursive;
    padding-left: 50px;
    font-size: 40px;
}
.bou {
    font-family: "Kokoro",'Sacramento', cursive; 
    font-size: 20px;
    text-align: center;
    line-height: 350%;
    font-size: 25px;
    padding: 20px;
}
.haike1 {
    background-color: #E8F5E9;
    border-radius:30%;
    background-size: 150px;
    width: 90%;
    margin-left: 40px;
}
#City {
    font-family: "Kokoro",'Sacramento', cursive; 
    color: #ffa000;
    font-size: 80px;
    text-align: center;
    margin-top: 100px;
    padding-bottom: 40px;
    width: 100%;
}
.toronto {
    font-family: "Kokoro",'Sacramento', cursive;
    margin-left: 20px;
}
.onta {
    border-radius:30%;
    width: 90%;
    height: 300px;
}
.tia {
  line-height: 30px;
    margin-left: 20px;
    font-family: "Kokoro",'Sacramento', cursive;
}
.iti {
    width: 100%;
    margin-left: 30px;
}
.otawa {
    font-family: "Kokoro",'Sacramento', cursive;
    margin-left: 20px;
}
.ota {
    border-radius:30%;
    width: 90%;
    height: 300px;
}
.calgary {
    font-family: "Kokoro",'Sacramento', cursive;
    margin-left: 20px;
}
.cal {
    border-radius:30%;
    width: 90%;
    height: 300px;
}
#city1 {
    display: flex;
}
.ni {
    width: 100%;
}
.san {
  width: 100%;
}
.bac2 {
  background-color: #ffffff;
  height: 200px;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.toppage {
  text-align: center;
  padding-top: 135px;
  font-size: 100px;
}
.toppage a {
  text-decoration: none;
  color: #E8F5E9;
}

.logo {
  width: 80px;
  height: 80px;
  color: #ffffff;
  background-color: #2779bd;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  margin: 60px 0 0 10px;
}
#list {
  display: flex;
  list-style: none;
  font-size: 40px;
  color: #E8F5E9;
  width: 100%;
  justify-content: center;
  

}
.Gourmand1 a{
  text-decoration: none;
  color: #E8F5E9;
}
.Gourmand1 {
  margin-top: 75px;
  margin-right: 25%;
  margin-left: 25%;
} 
footer {
  margin-top: 60px;
}
.list ul li a {
  text-decoration: none;
  color: black;
}