/* 共通 */
*{
  padding: 0;
  margin: 0;
  font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;

}
.content {
  padding: 30px 0;
}
i {
  color: white;
  display: block;
}

.attention p {
  color: red;
  text-align: left;
  font-size: 100%;
  font-weight: bold;
  text-decoration: underline;
  padding: 10px 0;
  margin:auto 25%;
}

.attention span {
  text-decoration: underline;

}

.attention break {
  display:inline-block;
}


h2 {
  text-align: center;
  padding: 30px 0;
}


body {
  background-color: #FFD290;
}


header {
  background-color: #07005c;
  position: fixed;
  display: block;
  width: 100%;
  z-index: 10;
}
header p {
  color: white;
  text-align: center;
  padding: 10px 0;
}

main {
  width: 70%;
  margin: auto;
}

span {
  display: inline-block;
}


.top img {
  width: 100%;
  margin: auto;
  padding:80px 0;

}
h1 {
  text-align: center;
  font-family: "YuMincho";
  padding: 50px 0;
  font-size: 250%;
}

h3 {
  text-align: center;
  font-size: 200%;
  font-weight: lighter;
}

h4 {
  text-align: center;
  padding: 10px 0;
}


.menu-list {
  display: flex;
  justify-content: space-between;
}
.menu-list-content {
}

.menu-list dl  {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.menu-list dt {
  width: 70%;
  padding: 8px 0;
}

.menu-data dd {
  width: 30%;
  padding: 8px 0;

}

.menu-data p {
  color: red;
  font-weight: bold;
  text-align: center;
}


.opening-hour-list {
  width: 50%;
  text-align: center;
  font-size: 150%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.opening-hour-list dl  {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.opening-hour-list dt {
  width: 50%;
  padding: 8px 0;
}

.opening-hour-list dd {
  width: 50%;
  padding: 8px 0;

}

.opening-hour-list p {
  color:red;
  margin:0 auto;

}

.tel {
  width:100%;
  margin : auto 0;
}



.tel a {
color: white;
text-decoration: none;
font-size: 100%;
font-weight: bold;
display: block;
background-color: #07005c;
text-align: center;
border-radius: 10px;
padding: 10px;
margin: 30px 0;
border: solid 2px #07005c;

}
.tel a:hover {
  background: white;
  color: #07005c;
  border: solid 2px #07005c;
}


small {
  font-size: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
}

.faq-list {
  padding: 20px 0;
  text-align: center;
}

.faq-list dt {
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 5px;
}

.access p {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin: 50px 0;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.gallery {
  display: block;
}
.slider-wrapper {
  width: 100%;
  margin: auto;
}

.slider-wrapper ol {
  scroll-snap-type: x mandatory;
  white-space: nowrap;
  overflow: auto;
}

.slider-wrapper li {
  scroll-snap-align:center;
  display: inline-block;
  width: 20%;
  white-space: normal;
  margin-right: 100px;
}

.slider-wrapper img {
  width: 100%;
}


footer {
  background-color: #07005c;
  padding: 10px 0;
}

footer p {
  color: white;
  text-align: center;
}

footer a {
  text-align: center;
  color: white;
  display: block;
}