@charset "UTF-8";
/* =============================================================
モバイル：body.chapter
============================================================= */
body.chapter {
  /*	main	*/
}
body.chapter main {
  clear: both;
  display: flex;
  flex-flow: column;
  width: 320px;
  margin: 0 0 5px 0;
  /*	aside,section,article	*/
}
body.chapter main section {
  order: 1;
}
body.chapter main aside {
  order: 2;
}
body.chapter main article {
  order: 3;
}
body.chapter main aside div.rental {
  display: none;
}
body.chapter main aside,
body.chapter main section,
body.chapter main article {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  /*	div	*/
  /*	Flex Item 背景色等 設定	*/
}
body.chapter main aside h2,
body.chapter main section h2,
body.chapter main article h2 {
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 auto 4px auto;
  padding: 3px 0 0 0;
  border: none;
}
body.chapter main aside div,
body.chapter main section div,
body.chapter 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 4px;
  /*
  				&.banner	{
  					width: 320px;
  					height: 67px;
  					margin: 0 0 5px 0;
  					padding: 5px;
  					a{
  						color:#444;
  						font-size: 22px;
  						text-align: left;
  						line-height: 2.5em;
  						h3	{
  							display: none;
  						}
  						img	{
  							float: left;
  							width: 100px;
  							height: auto;
  							margin: 0 10px 0 0;
  							padding: 0;
  							border-radius: 5px;
  						}
  						span.mobonly	{
  							font-size: 17px;
  							text-align: left;
  							line-height: 3.2em;
  							margin: 0 0 5px 0;
  							padding: 5px;
  						}
  					}
  				}
  */
}
body.chapter main aside div h3,
body.chapter main section div h3,
body.chapter main article div h3 {
  width: 100%;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0 auto -3px auto;
  padding: 3px 0;
  border: none;
}
body.chapter main aside div h3 span,
body.chapter main section div h3 span,
body.chapter main article div h3 span {
  font-size: 14px;
  line-height: 1.2em;
  padding: 0;
}
body.chapter main aside div a,
body.chapter main section div a,
body.chapter main article div a {
  display: block;
  width: 100%;
  height: auto;
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
  padding: 0 0 3px 0;
}
body.chapter main aside div img,
body.chapter main section div img,
body.chapter main article div img {
  width: 150px;
  height: auto;
  margin: 4px auto 4px auto;
}
body.chapter main aside div.x2,
body.chapter main section div.x2,
body.chapter main article div.x2 {
  flex-grow: 2;
}
body.chapter main aside h2,
body.chapter main section h2,
body.chapter main article h2 {
  color: #fff;
}
body.chapter main aside h2.comingsoon, body.chapter main aside h2.schedule,
body.chapter main section h2.comingsoon,
body.chapter main section h2.schedule,
body.chapter main article h2.comingsoon,
body.chapter main article h2.schedule {
  background-color: #ff7f7f; /* m75 y40	*/
}
body.chapter main aside h2.temporary, body.chapter main aside h2.cultureschool, body.chapter main aside h2.cafemenu,
body.chapter main section h2.temporary,
body.chapter main section h2.cultureschool,
body.chapter main section h2.cafemenu,
body.chapter main article h2.temporary,
body.chapter main article h2.cultureschool,
body.chapter main article h2.cafemenu {
  background-color: #f6ad48; /* m40 y75	*/
}
body.chapter main aside div,
body.chapter main section div,
body.chapter main article div {
  color: #444;
}
body.chapter main aside div.comingsoon, body.chapter main aside div.schedule,
body.chapter main section div.comingsoon,
body.chapter main section div.schedule,
body.chapter main article div.comingsoon,
body.chapter main article div.schedule {
  background-color: #f19b9e; /* m50 y25	*/
}
body.chapter main aside div.temporary, body.chapter main aside div.cultureschool, body.chapter main aside div.cafemenu,
body.chapter main section div.temporary,
body.chapter main section div.cultureschool,
body.chapter main section div.cafemenu,
body.chapter main article div.temporary,
body.chapter main article div.cultureschool,
body.chapter main article div.cafemenu {
  background-color: #fbd7a1; /* m20 y40	*/
}
body.chapter main aside .korobanu,
body.chapter main section .korobanu,
body.chapter main article .korobanu {
  background-color: #48c5be;
}
body.chapter main aside .rental,
body.chapter main section .rental,
body.chapter main article .rental {
  background-color: #6bbb63;
}
body.chapter main aside .rental h3, body.chapter main aside .rental span,
body.chapter main section .rental h3,
body.chapter main section .rental span,
body.chapter main article .rental h3,
body.chapter main article .rental span {
  display: none;
}
body.chapter main aside .choinomi,
body.chapter main section .choinomi,
body.chapter main article .choinomi {
  background-color: #86b2df;
}

/*	body.chapter	*/
body.chapter.cultureschool .korobanu,
body.chapter.cultureschool .topic {
  display: none;
}/*# sourceMappingURL=mob-chapter.css.map */