@charset "utf-8";

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

html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #333;
}

.pc {
	display: none !important;
}
img { width:100%; height:auto; }


/* -----------------------------------------------------------------------------

	Header
  
----------------------------------------------------------------------------- */
#headerArea {
	position:relative;
	height:55px;
	z-index:30;
}
#headerArea .logo01 {
	position:relative;
	width:170px;
	z-index:15;
}
#headerArea #headerMenu {
	display:none;
}
#headerArea #headerMenuSP {
	position:absolute;
	top:0;
	width:100%;
	font-size:14px;
	font-weight:bold;
	z-index:10;
}
#headerArea #headerMenuSP dt {
	float:right;
	display:table;
	width:115px;
	height:55px;
	background-color:#2aade9;
	box-sizing:border-box;
}
#headerArea #headerMenuSP dt a {
	display:table-cell;
	width:115px;
	height:55px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
#headerArea #headerMenuSP dt a span {
	padding:0 24px 0 10px;
	background:transparent url("../img/icon_head.png") 100% 50% no-repeat;
	background-size:14px auto;
}
#headerArea #headerMenuSP dt.active a span {
	background:transparent url("../img/icon_head_up.png") 100% 50% no-repeat;
	background-size:14px auto;
}
#headerArea #headerMenuSP dd {
	display:none;
	clear:both;
	width:100%;
	background-color:#f9f9f9;
}
#headerArea #headerMenuSP li {
	border-bottom:1px solid #dfdfdf;
}
#headerArea #headerMenuSP li:last-child {
	border-bottom:none;
}
#headerArea #headerMenuSP li a {
	padding:20px;
	display:block;
	color:#666;
	background-color:#f9f9f9;
}


/* Pagetop
---------------------------------------------*/
.pageTop {
	display:none;
	position:relative;
	max-width:100%;
	height:0;
	margin:0 auto;
	text-align:right;
}
.pageTop a {
	position: relative;
	padding-right:10px;
	bottom: 0;
	left:auto;
	display: inline-block;
	z-index:9999;
}
.pageTop a img {
	width:50px;
}
.pageTop a.fixed {
	position: fixed;
	bottom: 25px;
	right:0;
}

/* -----------------------------------------------------------------------------

	Footer
  
----------------------------------------------------------------------------- */
#footer {
	padding-top:75px;
}
#footer .footerinn {
	border-top:2px solid #30afea;
	background-color:#f7f7f7;
	padding-bottom:12px;
}
#footer .footerinn .logo {
	padding:12px 0;
	text-align:center;
}
#footer .footerinn .logo img {
	width:123px;
}
#footer .footerinn .addressArea {
	padding:12px 0;
	font-size:12px;
	line-height:1.6;
	color:#717171;
	text-align:center;
	border-top:1px solid #d1d1d1;
}
#footer .footerinn .addressArea address {
	font-style:normal;
}
#footer .footerinn .addressArea .bold {
	font-weight:bold;
}
#footer .footerinn .addressArea a {
	color:#717171;
}
#footer .footerinn .addressArea .mail {
	margin-top:10px;
}
#footer .footerinn .copyright {
	padding-top:12px;
	line-height:1.6;
	color:#717171;
	text-align:center;
	border-top:1px solid #d1d1d1;
}
#footer .footerinn .copyright small {
	font-size:12px;
}

}