@charset "utf-8";

#page_top a{
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 100;
}

#page_top a{
	background-image: url(../img/up_def.png);
	width: 68px;
	height: 153px;
}

#page_top a:hover{
	background-image: url(../img/up_on.png);
}

footer {
	position:relative;
	font-size:13px;
	padding:10px 0 4px;
	box-shadow:0px 0px 6px 3px #c5c5c5;
	text-align:center;
}

footer::after {
	position:absolute;
	bottom:-6px;
	left:0;
	content:"";
	width:100%;
	height:6px;
	background-color:#fff;
}

footer .tb {
	width:100%;
}

footer .tos {
	width:50%;
	padding-right:140px;
	text-align:center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;
	display:table-cell;
}

footer .tos a {
	color:#666666;
	font-size:14px;
	padding:8px 25px;
	background-color:#e8e8e8;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
	line-height:1em;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

footer .tos a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

footer .bnr {
	width:50%;
	padding-left:140px;
	text-align:center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;
	display:table-cell;
}

footer .bnr img {
	width:auto;
	height:34px;
	transition:.3s;
}

footer .logo img {
	width:auto;
	height:70px;
	transition:.3s;
}

footer .copy {
	margin-bottom: 10px;
}

/* *****************************************************************************
   PC用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 769px), print {

footer .logo {
	text-align:center;
}



}



/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 769px) {

footer .tb {
	width:100%;
}

footer .tos {
	width:112px;
	padding-left:15px;
	padding-right:0;
	text-align:left;
}

footer .tos a {
	color:#666666;
	font-size:12px;
	padding:8px 10px;
}

footer .bnr {
	padding-left:0;
	padding-right:15px;
	text-align:right;
}

footer .bnr img {
	width:auto;
	height:24px;
}


footer .logo img {
	width:auto;
	height:56px;
}

footer .copy {
	position:relative;
	top:0;
	font-size:10px;
}

#page_top{
	right: 15px;
	bottom: 10px;
}

#page_top a{
	width: 34px;
	height: 76px;
	background-size: contain;
}

#page_top a:hover{

}


}