@charset "utf-8";


/* ーーータイトル制御ーーー */
.gourmet-titile {
  margin: 15px auto 10px;
 text-align: center;
 line-height: 150%;
 font-size: 140%;
}
.itiran {
  margin-bottom: 30px;
  margin-top: 15px;
  text-align: center;
}
/* ーーータイトル制御ーーー */

/* ーーー右下ボタン制御ーーー */
.top-button{
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  background-color: rgb(247, 247, 8);
  font-size: 40px;
  padding: 10px;
}

.top-button :hover{
  background-color: black;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  font-size: 40px;
  padding: 10px;
}
/* ーーー右下ボタン制御ーーー */


/* ーーーグリッド制御ーーー */
.grid1 {
  width: 95%;
  padding: 0;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  column-gap: 30px;
  row-gap: 30px;
  line-height: 150%;
}

.dt {
  font-weight: bold;
  padding-bottom: 8px;
  text-decoration: underline;
}

.grid1 li {
  background-color: aliceblue;
}


/* ーーーグリッド制御ーーー */



/* ーーーーーーーーーーーーーー目次部分を制御ーーーーーーーーーーーーー */
.gourmet-index {
  background-color: rgb(241, 241, 229);
  margin: 15px auto 10px;
 font-size: 1.8rem;
 list-style: none;
 text-align: center;
 max-width: 45%;
 border: 0.5em outset rgb(115, 209, 240);
}

.gourmet-index a {
  display: block;
  padding: 5px;
  color: black;
  text-decoration: underline;
 
}

.gourmet-index summary {
  display: inline-flex;
  
}
.gourmet-index summary::after {
  content: "▶";
  margin-left: 5px;
  display: inline;
  transition: transform 0.2s ease;
}
/* ーーーーーーーーーーーーーー目次部分を制御おわりーーーーーーーーーーーーー */

/* ――――――――その他見出し―――― */
.gourmet-main-prefecture{
  font-weight: bold;
  font-size: 300%;
  text-align: center;
}

.gourmet-main-c {
  font-size: 270%;
  text-align: center;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 10px;
}

/* ――――――――その他見出し―――― */




@media (max-width: 800px){
  .top-button{
  position: fixed;
  bottom: 30px;
  right: 10px;
  border-radius: 50%;
  background-color: rgb(247, 247, 8);
  font-size: 20px;
  padding: 10px;
}
.grid1 {
  width: 95%;
  padding: 0;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(1,1fr);
  column-gap: 10px;
  row-gap: 10px;
  line-height: 140%;
}
.gourmet-index {
  background-color: rgb(241, 241, 229);
  margin: 15px auto 10px;
 font-size: 1.5rem;
 list-style: none;
 text-align: center;
 max-width: 75%;
}
.gourmet-titile {
  text-align: left;
 line-height: 130%;
 font-size: 120%;
}
.gourmet-main-prefecture{
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}
.gourmet-main-c {
  font-size: 120%;
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 8px;
}
.itiran {
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
}
}