@charset "UTF-8";

/* フッター固定用 */
.contents_base {
	width: 100%;
	position: relative;
	/* footer height */
	/* padding-bottom: 181px; */
	padding-bottom: 260px;
}

/* footer
--------------------------------------------------------- */
footer {
	/* フッター固定用 */
	position: absolute;
	bottom: 0;
	width: 100%;

	margin-top: 32px;
	background: #444;
}
	footer .container {
		position: relative;
		padding: 32px 0;
	}
		footer .container .page_top {
			position: fixed;
			bottom: 12px;
			right: 8px;
			background: #F3F3F3;
			border-radius: 50%;
			height: 60px;
			width: 60px;
			padding: 14px 0;
			text-align: center;
			cursor: pointer;
			z-index: 200;
		}
		footer .container .footer_logo_area {
			padding: 0 16px 16px 16px;
		}
		footer .container .footer_nav {
			margin: 0 32px;
		}
			footer .container .footer_nav a {
				color: #F3F3F3;
				font-size: 0.9em;
				margin: 4px;
			}

/* copyright
--------------------------------------------------------- */
footer .copyright {
	position: relative;
	background: #ef6a32;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	padding: 8px;
	margin: 0;
}
	footer .display_size {
		position: absolute;
		bottom: 4px;
		right: 8px;
	}
	footer .display_size span {
		color: #fff;
		float: right;
		opacity: 0.2;
	}


/* レスポンシブ
----------------------------------------------- */
/* モバイル（xs） iPhone6 Plus 縦 */
@media (max-width: 479px) {
	/* フッター固定用 */
	.contents_base {
		padding-bottom: 398px;	/* footer height */
	}
}
/* モバイル（sm） iPhone6 Plus 横 */
@media (min-width: 480px) and (max-width: 767px) {
	/* フッター固定用 */
	.contents_base {
		padding-bottom: 350px;	/* footer height */
	}
}
/* モバイル（md）iPad mini 縦 */
@media (min-width: 768px) and (max-width: 991px) {
}
/* タブレット（lg） iPad mini 横 */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* PC（xl） */
@media (min-width: 1200px) {
}