#fair-area{
	background:#000;
	width:800px;
	padding:0 50px;
	margin:0 0 20px 0;
}

#mainVisual{
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	padding:0 0 50px 0;
}

#mainVisual ul{
	padding:45px 20px 0;
}

#mainVisual li{
	float:left;
	margin:1%;
	width:48%;
	text-align:center;
	padding-bottom: 10px;
}

.main_under{
	background-size:100% auto;
	background-image:url(../images/1607currypan_LP01_s.jpg);
	background-repeat:no-repeat;
}

.chui{
	margin:0 0 2% 0;
	color:#FFF;
	padding:20px;
	font-size:70%;
	clear:both;
}

#cola{
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	background:#000;
	padding:0 0 25px 0;
}

#cola .mamechishiki{
	position:relative;
}

#cola div.chishiki{
	position:absolute;
	top:60px;
	margin-left:0;	
	width:700px;
	padding:4% 50px;
}

#cola div.chishiki ul li img{
	width:80%;
	height:80%;
	-moz-transition: -moz-transform 0.05s linear;
    -webkit-transition: -webkit-transform 0.05s linear;
    -o-transition: -o-transform 0.05s linear;
    -ms-transition: -ms-transform 0.05s linear;
    transition: transform 0.05s linear;
}

#cola div.chishiki ul li img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity:1.0;
	}

#cola ul{
	position:relative;
	margin:0 18%;
}

#cola li{
	float:left;
	width:33%;
	text-align:center;
}

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#div7871,#div7872,#div7873,#div7874,#div7875,
#div7876,#div7877,#div7878,#div7879,#div7870
{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 0;
  width: 650px;
 }
 
 #div7871 img, #div7872 img, #div7873 img, #div7874 img, #div7875 img{
	width:100%;
}

 #div7871{
	 height:80vh;
	 height:85%\9;
	 overflow-y:scroll;	
	}

 #div7876{
	 height:80vh;
	 height:85%\9;
	 overflow-y:scroll;	
	 overflow-x : hidden;
}
 
 
 #div7876::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 10px;
}
 
#div7876::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
 
#div7876::-webkit-scrollbar-thumb {
 -webkit-border-radius: 4px;
 border-radius: 4px;
 background-color: rgba(100,100,100,.5);
 -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
 box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 30px;
  height: 30px; 
  background:url(../images/close.jpg);
  z-index: 999999999;
}

.kodawari img{
	width:100%;
	height:inherit!important;
}

#mv{
	position: relative;
	z-index: 0;
}


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

body{
	width:100%;
	}
	
body#pop #whBg{
	padding:1% 0 0;
}

#fair-area{
	width:100%;
	padding:0;
	overflow:hidden;
}


#mainVisual ul{
	padding:4% 2% 0;
}

#mainVisual li{
	padding:0 0 0;
}

.chui{
	padding:2%;
	margin:1% 0;
}

#cola .mamechishiki{
	position:relative;
}

#cola div.chishiki{
	width:92%;
	padding:0% 4% 4%;
	top:30%;
}	

.modal_close{ 
  position: absolute;
  top: 0px;
  right: 0px;
}

#div7876,#div7877,#div7878,#div7879,#div7870{
  width: 80%;
 }

#cola div.chishiki ul li img{
	width:100%;
}

#cola div.chishiki ul li img:hover{
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform:none;
    transform: none;
	opacity:1.0;
	}

#mv{
	margin:20px 2%;
}


}