@charset "utf-8";

#footer {
	text-align: center;
	margin-top: 20px;
	width: 100%;
	padding: 0 1%;
	background: #dddddd;
}

.columns {
	width: 33%;
	text-align: left;
}

.columns2 {
	width: 33%;
	text-align: center;
	vertical-align: bottom;
}

.columns p {
	margin: 10px;
}

.columns p a {
	font-weight: bold;
	color: #ffffff;
}

.payment_logo {
	width: 300px;
}

#copyright {
	font-size: 0.6em;
}

/* フッターナビ全体 */
#footer_navi {
	bottom: 0;
	position: fixed;
	z-index: 5000;
	width: 100%;
}

/* 各ナビボタン */
.navi_element {
	/* 古いIE用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#333333', endColorstr='#000000');
	-ms-filter: "" progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#333333', endColorstr='#000000')"";

	/* 各ブラウザ向けグラデーション */
	background-image: -moz-linear-gradient(left, #333333, #000000);
	/* Firefox */
	background-image: -webkit-linear-gradient(left, #333333, #000000);
	/* Chrome/Safari */
	background-image: -ms-linear-gradient(left, #333333, #000000);
	/* IE10+ */
	background-image: linear-gradient(to right, #333333, #000000);
	/* 標準構文 */

	background-color: #000000;
	/* フォールバック */
	color: #ffffff;
	text-align: center;
	width: 25%;
	height: 50px;
}

/* タッチ時のビジュアルフィードバック */
.navi_element.touchstart {
	background: #999999;
}

/* ナビ内の画像（アイコン） */
.footer_navi_img {
	height: 50%;
	margin: 0 auto;
}

/* ナビテキスト */
.navi_text {
	font-size: 0.8em;
	text-align: center;
	vertical-align: top;
}

/* 特定要素の背景指定 */
#menu_element {
	background-color: #000000;
}

/* PCサイズでは非表示 */
@media all and (min-width: 1000px) {
	#footer_navi {
		display: none;
	}
}