@charset "utf-8";

/* FOOTER
------------------------------------------------------------*/

.footer .ftbox {
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: no-wrap;
}
.footer .ftbox .ftnvitem {
	width: 20% !important;
}
.footer .ftbox .ftnvitem:first-child {
	width: 28% !important;
}
.footer .ftbox .ftnvitem.pmark {
	width: 10% !important;
	text-align: right;
}
.footer .ftbox .ftnvitem.pmark .pmarkbox {
	display: inline-block;
	width: 90%;
	max-width: 80px;
	padding: 5px;
	background: #fff;
}
.footer .ftbox .ftnvitem.pmark .pmarkbox img {
	width: 100%;
	height: auto;
}

.footer .ftbox .ftnvitem dd.pp,
.footer .ftbox .ftnvitem dd.pp a {
	padding: 10px 0 0;
	font-size: 0.9em;
}
.footer .ftbox .ftnvitem dt a:hover,
.footer .ftbox .ftnvitem dd a:hover {
	color: #b0d3e2;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
	transition: all 0.2s;
}
.copyright {
	padding: 4px 0;
	font-size: 0.7em;
	color: #fff;
	text-align: center;
	background: #000;
}

/* pageTop
------------------------------------------------------------*/


#pageTop {
	position: fixed;
	right: 6px;
	bottom: 100px;
	z-index:3;
}
#pageTop a{
	width: 60px;
	height: 60px;
	display: block;
	overflow: hidden;
}
#pageTop a img {
	width: 60px;
	height: 60px;
}


@media only screen and (max-width: 896px){
/* ------------------------------------------------------------------------------------------------------------------------ */

.fttop .box {
	width: 90% !important;
	margin: 0 5% !important;
	padding: 0 !important;
}

/* FOOTER
------------------------------------------------------------*/

.footer .ftbox {
	width: 100% !important;
	margin: 0 !important;
	display: block;
}
.footer .ftbox .ftnvitem,
.footer .ftbox .ftnvitem:first-child,
.footer .ftbox .ftnvitem.pmark {
	width: 90% !important;
	margin: 0 5% 20px !important;
	padding: 0px;
	text-align: left;
}
.footer .ftbox .ftnvitem dd.pp {
	padding: 10px 0 0 40px !important;
}

.footer .ftbox .ftnvitem.pmark {
	width: 90% !important;
	margin: 0 5% !important;
	text-align: center;
}
.footer .ftbox .ftnvitem.pmark .pmarkbox {
	display: inline-block;
	width: 100%;
	max-width: 80px;
	padding: 5px;
	background: #fff;
}
.footer .ftbox .ftnvitem.pmark .pmarkbox img {
	width: 100%;
	height: auto;
}


}

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





}


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

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






}