/* CSS Document */

@charset "UTF-8";

#pageOther.pageFair #container .bg {
	background:url(images/bg.png) repeat-y;
	max-width:960px;
	margin:0 auto;
	line-height:0;
}

#pageOther.pageFair #container h1 { margin: 0;}
#pageOther.pageFair #container h1 + .contents-menu { padding: 0; margin: -4px auto 0 auto;}

#pageOther.pageFair #container h2 {
	line-height:1.4;
	font-weight: bold;
	padding: 1em 0;
}
#pageOther.pageFair #container h2 small {
	display: block;
	position: relative;
	font-weight: normal;
	font-size: 80%;
}
#pageOther.pageFair #container div#outdoor h2 {	background:#2da8e7;}
#pageOther.pageFair #container div#handmade h2 {background:#8abf4d;}
#pageOther.pageFair #container div#gourmet h2 {	background:#f13f91;}
#pageOther.pageFair #container div#asobi h2 {	background-color:#48a148;}
#pageOther.pageFair #container div#amusement h2 {background-color:#fff500; color: #000;}
#pageOther.pageFair #container div#event h2 {	background:#f0832b;}
#pageOther.pageFair #container div#cm h2 {		background:#005ea5;}
#pageOther.pageFair #container #yoichi h2{ background-color: #1b1b67;}
#pageOther.pageFair #container #workingcar h2{ background-color: #772d19;}
#pageOther.pageFair #container #cinema h2{ background-color: #ea5520;}
#pageOther.pageFair #container #kids h2{ background-color: #8ac69d;}

#pageOther.pageFair #container .inpage-menu {
  overflow: hidden;
  padding: 1.5em 0 0.8em 0;
  background: linear-gradient(#ffe991, #ffffff);
}
#pageOther.pageFair #container .inpage-menu ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
#pageOther.pageFair #container .inpage-menu ul li {
	width:22%;
	margin:0 1% 2%;
}
#pageOther.pageFair #container .inpage-menu ul li a {
  padding: 20px 0 30px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
#pageOther.pageFair #container .inpage-menu ul li a::after {
  right:45%;
  top: auto;
  bottom: 5%;
}
#pageOther.pageFair #container .inpage-menu ul li.outdoor a {		background-color:#2da8e7;}
#pageOther.pageFair #container .inpage-menu ul li.outdoor a:hover {	background-color:#1a9de1;}
#pageOther.pageFair #container .inpage-menu ul li.asobi a {			background-color:#48a148;}
#pageOther.pageFair #container .inpage-menu ul li.asobi a:hover {	background-color:#408f40;}
#pageOther.pageFair #container .inpage-menu ul li.handmade a {		background-color:#8abf4d;}
#pageOther.pageFair #container .inpage-menu ul li.handmade a:hover {background-color:#7db240;}
#pageOther.pageFair #container .inpage-menu ul li.gourmet a {		background-color:#f13f91;}
#pageOther.pageFair #container .inpage-menu ul li.gourmet a:hover {	background-color:#d72175;}
#pageOther.pageFair #container .inpage-menu ul li.amusement a {		background-color:#fff500; color: #000;}
#pageOther.pageFair #container .inpage-menu ul li.amusement a:hover {background-color:#ffde00;}
#pageOther.pageFair #container .inpage-menu ul li.event a {			background-color:#f0832b;}
#pageOther.pageFair #container .inpage-menu ul li.event a:hover {	background-color:#de6300;}
#pageOther.pageFair #container .inpage-menu ul li.cm a {			background-color:#005ea5;}
#pageOther.pageFair #container .inpage-menu ul li.cm a:hover {		background-color:#014c85;}
#pageOther.pageFair #container .inpage-menu ul li a small {
	display: block;
	position: relative;
	margin-bottom: 3px;
	font-weight: normal;
}
#pageOther.pageFair #container .inpage-menu ul li a small::before,
#pageOther.pageFair #container h2 small::before {	content: "＼"; margin: 0 3px;}
#pageOther.pageFair #container .inpage-menu ul li a small::after,
#pageOther.pageFair #container h2 small::after  {	content: "／"; margin: 0 3px;}


#pageOther.pageFair #container div#outdoor section p,
#pageOther.pageFair #container div#asobi section p,
#pageOther.pageFair #container div#handmade section p,
#pageOther.pageFair #container div#amusement section p,
#pageOther.pageFair #container div#gourmet section p {
	line-height:0;
}
#pageOther.pageFair #container div#event section {
	padding: 0 20px 1px;
}
#pageOther.pageFair #container div#event section p {
	margin-bottom: 30px;
}
#pageOther.pageFair #container div#event section p img {
	margin-bottom: 5px;
}

#pageOther.pageFair #container .comment {
	margin: 2em 1em;
}
#pageOther.pageFair #container .comment p {
	line-height: 1.4;
	margin: 1em 0 0 0;
}
#pageOther.pageFair #container .comment p a.btnNormal {
	font-size: 110%;
}
#pageOther.pageFair #container .comment p a.btnNormal.gourmet {
	background-color: #f13f91;
}
#pageOther.pageFair #container .comment p a.btnNormal.gourmet:hover {
	background-color: #d72175;
}
#pageOther.pageFair #container .text {
	margin: 2em 0 0 0;
}
#pageOther.pageFair #container .text p {
	line-height: 1.4;
}

#pageOther.pageFair #container .btnNormal {
	padding-left: 2em;
	max-width: 460px;
	display: inline-block;
	font-size: 110%;
}


@media screen and (min-width: 961px) {
#pageOther.pageFair #container #cm .movie {
  max-width: 760px;
  margin: 0 auto;
}
#pageOther.pageFair #container h2 small {
	display: inline-block;
	padding-right: 0.5em;
}
#pageOther.pageFair #container div#outdoor section,
#pageOther.pageFair #container div#asobi section,
#pageOther.pageFair #container div#handmade section,
#pageOther.pageFair #container div#amusement section,
#pageOther.pageFair #container div#event section,
#pageOther.pageFair #container div#gourmet section {
	margin:-20px auto 0 auto;
}
#pageOther.pageFair #container .comment {
	margin: 3em 0;
}
#pageOther.pageFair #container .comment p {
	font-size: 110%;
}
#pageOther.pageFair #container .text p {
	font-size: 110%;
}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
#pageOther.pageFair #container h1 {
	margin:-3vw -3vw 0 -3vw;
}

#pageOther #container section {
    margin: 3vw;
}
.contents-menu {
    margin: 5vw 0 -5vw 0vw;
    text-align: left;
}
#pageOther.pageFair #container .inpage-menu {
  margin: auto -3vw;
}

}

@media only screen and (min-width: 641px) and (max-width: 769px) {
#pageOther.pageFair #container h1 {
	margin:-5vw -5vw 0 -5vw;
}
#pageOther.pageFair #container h2 {
  font-size: 150%;
  margin: 5vw -5vw 2vw -5vw;
}
#pageOther.pageFair #container .contents-menu {
	margin:8vw -5vw 5vw -5vw;
	overflow:hidden;
}
#pageOther.pageFair #container h1 + .contents-menu {
	margin:-4px -5vw 0 -5vw;
}
#pageOther.pageFair #container .inpage-menu {
  margin: auto 0;
  padding: 2vw 0 0 1vw;
}
#pageOther.pageFair #container .inpage-menu ul li {
	width:31%;
}
#pageOther.pageFair #container .inpage-menu ul li a {
  font-size: 13px;
}
#pageOther.pageFair #container .inpage-menu ul li a::after {
  right: 50% !important;
}
#pageOther.pageFair #container div#outdoor section,
#pageOther.pageFair #container div#asobi section,
#pageOther.pageFair #container div#handmade section,
#pageOther.pageFair #container div#amusement section,
#pageOther.pageFair #container div#event section,
#pageOther.pageFair #container div#gourmet section {
	margin:-20px auto 0 auto;
}
#pageOther.pageFair #container #outdoor .sp,
#pageOther.pageFair #container #asobi .sp,
#pageOther.pageFair #container #handmade .sp,
#pageOther.pageFair #container #amusement .sp,
#pageOther.pageFair #container #event .sp,
#pageOther.pageFair #container #gourmet .sp {
  display: none;
}
}


@media all and (max-width: 640px) {
#pageOther.pageFair #container h1 {
	margin:-5vw -5vw 0 -5vw;
}
#pageOther.pageFair #container .contents-menu {
	margin:8vw -5vw 5vw -5vw;
	overflow:hidden;
}
#pageOther.pageFair #container h1 + .contents-menu {
	margin:-4px -5vw 0 -5vw;
}
#pageOther.pageFair #container .inpage-menu {
  margin: auto 0;
  padding: 2vw 0 0 0;
}
#pageOther.pageFair #container .inpage-menu ul li {
	width:47%;
	font-size:84%;
}
#pageOther #container #outdoor section,
#pageOther #container #asobi section,
#pageOther #container #handmade section,
#pageOther #container #amusement section,
#pageOther #container #event section,
#pageOther #container #gourmet section {
  margin: 0;
  }
}

@media all and (max-width: 414px) {
#pageOther.pageFair #container section a.btnNormal,
#pageOther.pageFair #container .comment p a.btnNormal {
  font-size: 100%;
  width: 100%;
  padding-right: 2.5em;
}
#pageOther.pageFair #container .inpage-menu ul li a {
  font-size:100%;
}
#pageOther.pageFair #container .inpage-menu ul li a small {
  font-size:88%;
}
#pageOther.pageFair #container .contents-menu ul li a::after {
    font-size: 100%;
}
}

@media all and (max-width: 360px) {
#pageOther.pageFair #container .inpage-menu ul li {
  font-size: 75%;
}
#pageOther.pageFair #container .inpage-menu ul li a {
  height: 5.4em;
  font-size: 100%;
}
}


#pageOther.pageFair #container #kodomo h2{ background-color: #1b1b67;}