@charset "utf-8";

ul#menu{
text-align: center;
padding: 0.8em 0;
background-color: #2e8b57;
font-family: 'Zen Antique', serif;
color: #fff;
}
ul#menu li{
  display: inline;
  font-size: 1.2em;
  padding: 0.5em 1em;
}
ul#menu li a:hover{
  color: #fff;
}
ul#menu a{
    text-decoration: none;
    color: #000;
}

section#main{
  margin: 1em 0;
}
section#top{
  text-align: center;
  line-height: 2em;
  background-color: #fff799;
  padding: 1em;
  width: 80%;
  margin: 0 auto;
}
h2{
  line-height: 1.5em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1.5em;
    color: #223a70;
    border-bottom:  lightblue 1px solid;
        font-family: 'Zen Antique', serif;
  }
section#aisatsu h2{
    text-align: center;;
    border: none;

  }
section#aisatsu p{
  width: 80%;
  margin: 0 auto;
}
span.red{
  color:#ea5532;
}
.big{
  font-size: 1.5em;
  font-weight: bold;
}
body{
  width:80%;
  margin:0 auto;
  font-size: 18px;
  line-height: 2em;
}
img{
  width: 100%;
}

h2.insta{
  margin-bottom:40px;
}
h3{
  background:#223a70;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 10px;
  margin: 2em 0 1em 0;
  display: block;
}
section.shops{
    display: flex;
      justify-content:flex-end;
}
section.shops a{
  text-decoration: underline;
  color: #008db7;
}
p.desc{
  width:60%;
  margin:0 5% 0 0;

}
p.photo{
  width: 35%;
}
address{
  text-align: right;
  font-size: 80%;
  color: #cccccc;
}
.sat{
  color: #1e90ff;
}
.sun{
    color: #ff4500;
}
p.btn a{
	width: 300px;
display:block;
background:orange;
color:#fff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,1);
border-radius: 5px;
padding: 0.5em;
text-align: center;
text-decoration:none;
font-weight:bold;
margin: 1em auto;
}
p.btn a:hover{
  background: #ffd700;
}
div.kyousan p{
  display: inline;
  font-size: 1.2em;
  line-height: 2.5em;
  padding: 0 1em 0 0;

}
div.kyousan a{
text-decoration:underline;
color: #008db7
}
/*ギャラリーのスタイル*/
.gallery{
  margin:10px 50px;
  text-align: center;
}
.gallery img{
  width:300px;
  height: 200px;
  object-fit: cover;
  padding: 10px;
  transition: 0.7s;
}
.gallery img:hover{
  transform: scale(1.1);
}
p.ta-r{
  text-align: right;
}
#saiji a{
  text-decoration: underline;
}
@media screen and (max-width: 1000px) {
    ul#menu li {
    display: block;
    width: 100%;
    border-top:1px dotted #fff;
    }
    ul#menu li:first-child{
    border-top:none;
    }
    th,td{
    display: block;
    width: 100%;
    }
}
.taiken{
  font-weight: bold;
  color:#ff4500;
}


/*スライドショーの設定*/
/* ↓ スライドの外枠 */
.slide-wrapper {
  width: 80%;
  height: auto;
  position: relative;
  overflow: hidden; /* はみ出したスライドを隠す */
  margin: 0 auto;
}
/* ↓ 左右のボタン */
.next {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  bottom: 50%;
  z-index: 10;
  cursor: pointer;
    border-top: solid 5px #fff;
    border-right: solid 5px #fff;
    -webkit-transform: rotate(45deg) translateY(50%);
    transform: rotate(45deg) translateY(50%);
  }
  .prev {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 25px;
    bottom: 50%;
    z-index: 10;
    cursor: pointer;
    border-top: solid 5px #fff;
    border-right: solid 5px #fff;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}
/* ↓ インジケーター */
.indicator {
  width: 100%;
  position: absolute;
  bottom: 20px;
  display: flex;
  column-gap: 18px;
  z-index: 10;
  justify-content: center;
  align-items: center;
}
.indicator li {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  list-style: none;
  background-color: #fff;
  border: 2px #000 solid;
  cursor: pointer;
}
.indicator li:first-of-type {
  background-color: #000;
}
.slide{
  width: 2400%;
  height: 100%;
  display: flex;
  transition: all 0.3s;
}
.slide div{
  width: 4.17%;
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.slide img{
  width: 100%;
  height: auto;
}
.slide1{
  transform: translateX(0);
}
.slide2{
  transform: translateX(-4.17%);
}
.slide3{
  transform: translateX(-8.33%);
}
.slide4{
  transform: translateX(-12.50%);
}
.slide5{
  transform: translateX(-16.67%);
}
.slide6{
  transform: translateX(-20.83%);
}
.slide7{
  transform: translateX(-25%);
}
.slide8{
  transform: translateX(-29.17%);
}
.slide9{
  transform: translateX(-33.33%);
}
.slide10{
  transform: translateX(-37.50%);
}
.slide11{
  transform: translateX(-41.67%);
}
.slide12{
  transform: translateX(-45.83%);
}
.slide13{
  transform: translateX(-50%);
}
.slide14{
  transform: translateX(-54.17%);
}
.slide15{
  transform: translateX(-58.33%);
}
.slide16{
  transform: translateX(-62.5%);
}
.slide17{
  transform: translateX(-66.67%);
}
.slide18{
  transform: translateX(-70.83%);
}
.slide19{
  transform: translateX(-75%);
}
.slide20{
  transform: translateX(-79.17%);
}
.slide21{
  transform: translateX(-83.33%);
}
.slide22{
  transform: translateX(-87.5%);
}
.slide23{
  transform: translateX(-91.67%);
}
.slide24{
  transform: translateX(-95.83%);
}