/* 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;
	background:#824221;
}
#pageOther.pageFair #container h2 small {
	display: block;
	position: relative;
	font-weight: normal;
	font-size: 80%;
}
#pageOther.pageFair #container div#zakka h2 {	background:#73b800;}
#pageOther.pageFair #container div#gourmet h2 {	background:#f13f91;}
#pageOther.pageFair #container div#asobi h2 {	background-color:#fff500; color: #000;}
#pageOther.pageFair #container section#point h2 {	background:#fff100; color :#000;}
#pageOther.pageFair #container div#cm h2 {		background:#824221;}
#pageOther.pageFair #container #yoichi h2{ background-color: #1b1b67;}
#pageOther.pageFair #container #workingcar h2{ background-color: #e54f00;}

#pageOther.pageFair #container h2 small::before {	content: "＼"; margin: 0 3px;}
#pageOther.pageFair #container h2 small::after  {	content: "／"; margin: 0 3px;}

.contentsBtn-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

#pageOther.pageFair #container section#goods,
#pageOther.pageFair #container section#point,
#pageOther.pageFair #container section#fashion,
#pageOther.pageFair #container section#gourmet,
#pageOther.pageFair #container section#emifulls {
	line-height:0;
	margin: 0 auto;
}

#pageOther.pageFair #container .comment {
	margin: 3em;
}
#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 .text {
	margin: 2em 0;
}
#pageOther.pageFair #container .text p {
	line-height: 1.4;
	margin-top: 2em;
}
#pageOther.pageFair #container .text p img {
	max-width: 100%;
}

#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.fashion a {		background-color:#30693C;}
#pageOther.pageFair #container .inpage-menu ul li.fashion a:hover {		background-color:#123719;}
#pageOther.pageFair #container .inpage-menu ul li.emifulls a {		background-color:#A9002B;}
#pageOther.pageFair #container .inpage-menu ul li.emifulls a:hover {		background-color:#7c0020;}
#pageOther.pageFair #container .inpage-menu ul li.goods a {		background-color:#DA8648;}
#pageOther.pageFair #container .inpage-menu ul li.goods a:hover {		background-color:#a3571f;}
#pageOther.pageFair #container .inpage-menu ul li.point a {		background-color:#fff100;}
#pageOther.pageFair #container .inpage-menu ul li.point a:hover {		background-color:#dace00;}
#pageOther.pageFair #container .inpage-menu ul li.point a {		color:#000;}
#pageOther.pageFair #container .inpage-menu ul li.movie a {		background-color:#f99c1c;}
#pageOther.pageFair #container .inpage-menu ul li.movie a:hover {		background-color:#c97a0d;}


#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;}


@media screen and (min-width: 961px) {
.contentsBtn-menu ul li {
	width: 24%;
}

#pageOther.pageFair #container section#fashion {
	margin-top: -40px;
}


#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 .comment {
	margin: 3em 0;
}
#pageOther.pageFair #container .comment p {
	font-size: 110%;
}
#pageOther.pageFair #container .text p {
	font-size: 110%;
}
}

@media screen and (max-width: 960px) {

.contentsBtn-menu ul li {
	width: 48%;
}
}


@media screen and (min-width: 961px) {
.contents-menu {
    margin-bottom: 80px;
}
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
#pageOther.pageFair #container h1 {
	margin:-3vw -3vw 0 -3vw;
}
#pageOther.pageFair #container h2 {
  font-size: 150%;
}

#pageOther #container section#main {
	margin: 3vw;
}
.contents-menu {
    margin: 5vw 3vw 80px 3vw;
    text-align: left;
}
.indexPoint p {
	margin: auto 3vw;
}
#pageOther.pageFair #container .btnNormal {
    width: 460px;
    margin: 0 auto;
}
}

@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 section#fashion,
#pageOther.pageFair #container section#goods,
#pageOther.pageFair #container section#point,
#pageOther.pageFair #container section#gourmet,
#pageOther.pageFair #container section#emifulls {
	margin:0vw auto 0 auto;
}
}

@media only screen and (min-width: 641px) {
#pageOther.pageFair div.contents .sp {
  display: none;
}
}

@media all and (max-width: 660px) {
.contentsBtn-menu {
	padding: 9% 13% 0;
}
}

@media all and (max-width: 640px) {
    #pageOther.pageFair #container .inpage-menu {
        margin: auto 0;
        padding: 2vw 0 0 0;
    }
    #pageOther.pageFair #container .contents-menu {
        margin: 8vw -5vw 5vw -5vw;
        overflow: hidden;
    }
        #pageOther.pageFair #container .inpage-menu ul li {
        width: 47%;
        font-size: 84%;
    }


#pageOther.pageFair #container h1 {
	margin:-5vw -5vw 0 -5vw;
}
#pageOther #container section#fashion,
#pageOther #container section#goods,
#pageOther #container section#gourmet,
#pageOther #container section#emifulls {
  margin: 0;
}
#pageOther #container section#point {
  margin: 0 2vw;
  }
}

@media all and (max-width: 414px) {
#pageOther.pageFair #container section a.btnNormal {
  font-size: 100%;
}
}

@media all and (max-width: 360px) {
}