@charset "UTF-8";
/* =============================================================
モバイル：body.toppage
============================================================= */
body.toppage {
  /*	main	*/
}
body.toppage main {
  clear: both;
  display: flex;
  flex-flow: column;
  margin: 0;
  padding: 0;
  /*	aside,section,article	*/
}
body.toppage main article {
  order: 1;
}
body.toppage main aside {
  order: 2;
}
body.toppage main section {
  order: 3;
}
body.toppage main aside,
body.toppage main section,
body.toppage main article {
  /*	div	*/
}
body.toppage main aside div,
body.toppage main section div,
body.toppage main article div {
  width: 158px;
  height: auto;
  text-align: center;
  list-style-type: none;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  margin: 0 0 4px 0;
  padding: 0;
}
body.toppage main aside div h3,
body.toppage main section div h3,
body.toppage main article div h3 {
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  padding: 4px 0 0 0;
  border: none;
}
body.toppage main aside div h3 span,
body.toppage main section div h3 span,
body.toppage main article div h3 span {
  font-size: 14px;
  padding: 0;
}
body.toppage main aside div a,
body.toppage main section div a,
body.toppage main article div a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
  padding: 0 0 3px 0;
}
body.toppage main aside div img,
body.toppage main section div img,
body.toppage main article div img {
  width: 150px;
  height: auto;
  margin: 4px auto 4px auto;
}
body.toppage main aside div.x2,
body.toppage main section div.x2,
body.toppage main article div.x2 {
  flex-grow: 2;
}
body.toppage main aside div.rental,
body.toppage main section div.rental,
body.toppage main article div.rental {
  height: 70px;
  margin: 0 0 4px 0;
  padding: 0;
}
body.toppage main aside div.rental h3,
body.toppage main aside div.rental span,
body.toppage main section div.rental h3,
body.toppage main section div.rental span,
body.toppage main article div.rental h3,
body.toppage main article div.rental span {
  display: none;
}
body.toppage main aside div.cafemenu,
body.toppage main section div.cafemenu,
body.toppage main article div.cafemenu {
  margin: 0 0 4px 0;
}
body.toppage main aside div.cafemenu h3, body.toppage main aside div.cafemenu span,
body.toppage main section div.cafemenu h3,
body.toppage main section div.cafemenu span,
body.toppage main article div.cafemenu h3,
body.toppage main article div.cafemenu span {
  display: none;
}
body.toppage main aside div.banner,
body.toppage main section div.banner,
body.toppage main article div.banner {
  width: 320px;
  height: 65px;
}
body.toppage main aside div.banner a,
body.toppage main section div.banner a,
body.toppage main article div.banner a {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 17px;
  text-align: left;
  vertical-align: middle;
  white-space: wrap;
  padding: 4px;
}
body.toppage main aside div.banner a h3,
body.toppage main section div.banner a h3,
body.toppage main article div.banner a h3 {
  display: none;
}
body.toppage main aside div.banner a img,
body.toppage main section div.banner a img,
body.toppage main article div.banner a img {
  float: left;
  width: 100px;
  height: auto;
  margin: 0 8px 0 0;
  padding: 0;
  border-radius: 5px;
}
body.toppage main aside div.banner a span.mobonly,
body.toppage main section div.banner a span.mobonly,
body.toppage main article div.banner a span.mobonly {
  font-size: 17px;
  text-align: left;
  line-height: 3.2em;
  margin: 0 0 5px 0;
  padding: 5px;
}
body.toppage main aside div.banner a span.small,
body.toppage main section div.banner a span.small,
body.toppage main article div.banner a span.small {
  line-height: 1em;
  white-space: wrap;
}
body.toppage main aside div.mobonly.schedule,
body.toppage main aside div.mobonly.access,
body.toppage main aside div.mobonly.profile,
body.toppage main aside div.mobonly.inquiry,
body.toppage main section div.mobonly.schedule,
body.toppage main section div.mobonly.access,
body.toppage main section div.mobonly.profile,
body.toppage main section div.mobonly.inquiry,
body.toppage main article div.mobonly.schedule,
body.toppage main article div.mobonly.access,
body.toppage main article div.mobonly.profile,
body.toppage main article div.mobonly.inquiry {
  display: flex;
  justify-content: left;
  width: 158px; /*	３分割	*/
  height: 65px;
}
body.toppage main aside div.mobonly.schedule a,
body.toppage main aside div.mobonly.access a,
body.toppage main aside div.mobonly.profile a,
body.toppage main aside div.mobonly.inquiry a,
body.toppage main section div.mobonly.schedule a,
body.toppage main section div.mobonly.access a,
body.toppage main section div.mobonly.profile a,
body.toppage main section div.mobonly.inquiry a,
body.toppage main article div.mobonly.schedule a,
body.toppage main article div.mobonly.access a,
body.toppage main article div.mobonly.profile a,
body.toppage main article div.mobonly.inquiry a {
  display: block;
  font-size: 17px;
  text-align: center;
  white-space: wrap;
  margin: 0;
  padding: 24px 4px;
  background-color: #e7c8b8;
}
body.toppage main article div.rental.mobonly,
body.toppage main article div.tsue.mobonly {
  display: block;
}
body.toppage main aside div.rental.mobonly,
body.toppage main aside div.tsue.mobonly,
body.toppage main aside div.rental.pconly,
body.toppage main aside div.tsue.pconly {
  display: none;
}

/*	body.toppage	*//*# sourceMappingURL=mob-top.css.map */