div.footer {
	margin:  0px auto;
	padding: 0px 0px 0px 0px;
/*	background-color: #eee;  */ /* この設定だけでは、スマートフォンで背景が塗りつぶされない不具合あり */
}


/*===============================================
● 画面の横幅が375px以下
===============================================*/
@media screen and (max-width: 375px) {
div.footer-body {
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	background-color: #fff;  /* 親要素だけでは、スマートフォンで背景が塗りつぶされない不具合回避 */
	width: 375px;
	color: #333;
	font-size: 17px;
	text-align: center;
	line-height: 1.4em;
}

div.footer-menu {
	margin:  30px auto 50px auto;
	padding:  0px  0px  0px  0px;
/*	background-color: #ff9;  */
	background-color: #fff;
	width: 375px;
	text-align: center;
}

ul.footer-menu {
	margin:   0px;
	padding:  0px 0px 0px 0px;
/*	background-color: #f3f;  */
	background-color: #fff;
	width: 375px;
	list-style: none;
	text-align: center;
}

ul.footer-menu li {
	margin:  10px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	color: #333;
	font-size: 17px;
	text-align: center;
	line-height: 1.2em;
}

ul.footer-menu li a {
	color: #333;
	text-decoration: none;
}

ul.footer-menu li a:hover {
	text-decoration: underline;
}




/* フッターコメント・アドレス・QRコード */
div.footer-comment-address-qr {
	margin:  0px;
	padding: 0px;
}

/* フッターコメント */
div.footer-comment {
	display: none;
}

/* フッターアドレス・QRコード */
div.footer-address-qr {
	margin:  10px auto 10px auto;
	padding:  0px  0px  0px  0px;
	width: 310px;
	color: #333;
	font-size: 15px;
	text-align: left;
}

/* フッターアドレス */
address {
	margin:  0px  0px  0px 0px;
	padding: 0px  0px 10px 0px;
	line-height: 1.5em;
	font-style: normal;
}

/* 電話をかけるリンクは、色を変更しない */
a.phone-number { color: #333 }

/* フッターQRコード */
img.qr {
	display: none;
}

div.footer-copyright {
	margin:  30px auto 10px auto;
	padding:  0px;
	color: #333;
	font-size: 15px;
	text-align: center;
}
}






/*===============================================
● 画面の横幅が376px以上かつ画面の横幅が480以下
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {
div.footer-body {
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	background-color: #fff;  /* 親要素だけでは、スマートフォンで背景が塗りつぶされない不具合回避 */
	width: 100%;
	color: #333;
	font-size: 17px;
	text-align: center;
	line-height: 1.4em;
}

div.footer-menu {
	margin:  30px auto 50px auto;
	padding:  0px 2%  0px 2%;
/*	background-color: #ff9;  */
	background-color: #fff;
	width: 96%;
	text-align: center;
}

ul.footer-menu {
	margin:   0px;
	padding:  0px 0px 0px 0px;
/*	background-color: #f3f;  */
	background-color: #fff;
	width: 96%;
	list-style: none;
	text-align: center;
}

ul.footer-menu li {
	margin:  10px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	color: #333;
	font-size: 17px;
	text-align: center;
	line-height: 1.2em;
}

ul.footer-menu li a {
	color: #333;
	text-decoration: none;
}

ul.footer-menu li a:hover {
	text-decoration: underline;
}




/* フッターコメント・アドレス・QRコード */
div.footer-comment-address-qr {
	margin:  0px;
	padding: 0px;
}

/* フッターコメント */
div.footer-comment {
	display: none;
}

/* フッターアドレス・QRコード */
div.footer-address-qr {
	margin:  10px auto 10px auto;
	padding:  0px  0px  0px  0px;
	width: 310px;
	color: #333;
	font-size: 15px;
	text-align: left;
}

/* フッターアドレス */
address {
	margin:  0px  0px  0px 0px;
	padding: 0px  0px 10px 0px;
	line-height: 1.5em;
	font-style: normal;
}

/* 電話をかけるリンクは、色を変更しない */
a.phone-number { color: #333 }

/* フッターQRコード */
img.qr {
	display: none;
}

div.footer-copyright {
	margin:  30px auto 10px auto;
	padding:  0px;
	color: #333;
	font-size: 15px;
	text-align: center;
}
}






/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
div.footer-body {
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	background-color: #fff;  /* 親要素だけでは、スマートフォンで背景が塗りつぶされない不具合回避 */
	width: 960px;
	color: #333;
	font-size: 13px;
	text-align: center;
	line-height: 1.4em;
}

div.footer-menu {
	margin:  20px auto;
	padding:  0px 0px  0px 0px;
/*	background-color: #ff9;  */
	background-color: #fff;
	width: 720px;
	text-align: center;
}

ul.footer-menu {
	margin:   0px;
	padding:  0px auto 0px auto;
/*	background-color: #f3f;  */
	background-color: #fff;
	list-style: none;
	overflow: hidden;  /* float 解除 */
}

ul.footer-menu li {
	margin:   5px 40px  5px  0px;
	padding:  0px  0px  0px  0px;
	color: #333;
	font-size: 15px;
	line-height: 1.2em;
	float: left;
}

ul.footer-menu li:last-child {
	margin-right: 0px;
}

ul.footer-menu li a {
	color: #333;
	text-decoration: none;
}

ul.footer-menu li a:hover {
	text-decoration: underline;
}




/* フッターコメント・アドレス・QRコード */
div.footer-comment-address-qr {
	margin:  0px;
	padding: 0px;
	overflow: hidden;  /* float 解除 */
}

/* フッターコメント */
div.footer-comment {
	margin:  10px  0px 10px 80px;
	padding:  0px  0px  0px  0px;
/*	background-color: #eee; */
	width: 400px;
	color: #333;
	font-size: 13px;
	line-height: 1.5em;
	text-align: left;
	float: left;
}

/* フッターアドレス・QRコード */
div.footer-address-qr {
	margin:  10px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd; */
	width: 480px;
	color: #333;
	font-size: 13px;
	text-align: left;
	float: left;
	overflow: hidden;  /* float 解除 */
}

/* フッターアドレス */
address {
	margin:   0px 40px  0px  0px;
	padding:  0px  0px  0px  0px;
	line-height: 1.5em;
	font-style: normal;
	float: left;
}

/* 電話をかけるリンクは、色を変更しない */
a.phone-number { color: #333 }

/* フッターQRコード */
img.qr {
	margin: 0px 0px 0px 0px;
	border:  1px solid #ccc;
	float: left;
}

div.footer-copyright {
	margin:  30px auto 10px auto;
	padding:  0px;
	color: #333;
	font-size: 13px;
	text-align: center;
}
}