/* CSS Document */

/**********************************************************

  メインイメージ

**********************************************************/
.contents {
  background: #dd2426;
}
.contents .inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0 60px 0;
  position: relative;
}
.contents .inner h1 {
	color: #fff;
	font-size: 20px;
}
.contents article img {
	width: 100%;
}
.contents article .bnr img {
	width: auto;
}
.contents article .bnr img:hover {
	opacity: 0.7;
	transition: 0.3s;
}


/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
.contents .inner h1 .sp {
	display: none;
}
#pageOther.pageFair #container h1 {
	margin: 0;
}
.contents .inner {
	width: 100vw;
}
#pageOther #container section {
	margin: 0;
}
#pageOther.pageFair #container h2 {
	margin: 40px 0 20px 0;
}
.contents article .bnr img {
	width: 70%;
}
.contents article .bnr img:hover {
	opacity: 1;
}
}

/* smartPhone */
@media screen and (max-width: 640px) {
.contents .inner {
	padding: 5vw 0 10vw 0;
}
.contents .inner h1 img {
	width: 100vw;
}
.contents article .bnr img {
	width: 70%;
}
.contents article .bnr img:hover {
	opacity: 1;
}
}

#pageOther.pageFair #container h2 {
	padding: 12px 0 10px 30px;
	border-radius: 40px;
	text-align: left;
}
#pageOther.pageFair #container #fashion h2 {	background: #00b9ef;}
#pageOther.pageFair #container #gourmet h2 {	background: #f6ac19;}
#pageOther.pageFair #container #service h2 {	background: #ee87b4;}

@media screen and (max-width: 640px) {
#pageOther.pageFair #container h2 {
	margin: 0 0 15px;
	padding: 10px 0 6px 15px;
	border-radius: 40px;
}
#pageOther.pageFair #container h2 img {
	width: auto;
	height: 3vw;
}
}

#pageOther.pageFair #container section {
	padding: 0 20px;
}
#pageOther.pageFair #container section ul {
	overflow: hidden;
}
#pageOther.pageFair #container section ul li {
	float: left;
	width: 19%;
	margin: 0 0.5% 1% 0.5%;
}
@media screen and (max-width: 640px) {
#pageOther.pageFair #container section {
	padding: 0;
}
#pageOther.pageFair #container section ul li {
	width: 48%;
	margin: 0 1% 1%;
}
}