@media screen and (max-width:782px) {
body{
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width  : 100%;
	height : 100%;
}

.area{
	width:100%;
	
}
.areaPC{
	display:none;
}
.areaSP{
	display:block;
}
a:hover  img {
-moz-opacity:1.00;
opacity:1.00;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition: none;
}
a img {
  transition: none;
}

img{
	vertical-align:bottom;
}

.header{
	min-width: 100%;
	background: rgba(255,255,255,0.9);
}
.topPan ul.menu a:hover::after {
  width: 0;
}
}
@media screen and (max-width:600px) {
.header p.sLogo{
	
	width:100px;
}
.headerArea{
	padding-top:1.4em;
	padding-left:1em;
	padding-bottom:1.4em;
}
.areaSP2{
	display:block;
}
.loader,
.loader:after {
  width: 30px;
  height: 30px;
}
/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/

.footer{

	font-size:10px;
}
.footerSns{
	text-align: center;
	margin-bottom:5em;
	padding-top:0em;
	
}

.navBtn {
	
	right:1.5em;
	top:1.2em;
	
}
.topPanArea{
	padding:7em 2em 2em 2em;
	
}
.topPan ul.menu li{
	font-size:14px;
}
.topPan ul.menu{
	margin-bottom:5em;
}
.footBana li{
	width:32%;
}
.footBana{
	padding:0 0 3em 0;
	
}
.topPan ul.menu a {
	display:block;
	
}
}