div.footer {
	margin:  0 auto;
	padding: 0px;
	background-color: #2b5fa8;   /* スマートフォン＆Google Chrome 不具合回避 */
	vertical-align: bottom;
}



/*===============================================
● 画面の横幅が375px以下
===============================================*/
@media screen and (max-width: 375px) {
div.footer-body {
	margin:   0px;
	padding: 20px 7.5px 20px 7.5px;
	width: 360px;
	background-color: #2b5fa8;   /* スマートフォン＆Google Chrome 不具合回避 */
	color: #fff;
}


/* フッターメニュー */
div.footer-menu {
	margin:   0 auto;
	padding: 10px 0px;
	width: 100%;
/*	background-color: #f0f;  */
	color: #fff;
	font-size: 13px;
	font-style: normal;
	text-align: center;
	line-height: 1.8em;
}

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

ul.footer-menu li {
	display: block;
	margin:   0;
	padding:  0px 20px  0px  0px;
	float: left;
}

ul.footer-menu li:last-child {
	display: block;
	margin:   0;
	padding:  0px  0px  0px  0px;
	float: left;
}

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

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



/* コメント */
div.footer-company-comment {
	margin:   0 auto;
	padding: 10px 0px;
	width: 300px;
}

p.footer-company-comment {
	margin:   0px;
	padding: 10px 0px 10px 0px;
	color: #fff;
	text-align: left;
	line-height: 1.5em;
	font-size: 13px;
	font-style: normal;
}



/* 住所・QRコード */
div.footer-address-qr {
	margin:   0px auto;
	padding:  0px 0px;
	width: 250px;
/*	background-color: #f09;  */
}

/* 住所 TEL FAX URL E-mail */
address {
	margin:   0px auto;
	padding: 15px  0px 15px  0px;
/*	background-color: #039;  */
	color: #fff;
	font-size: 13px;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
}

address a {
	color: #fff;
/*	text-decoration: none;  */
}

address a:link    { color: #fff }
address a:visited { color: #fff }

address a:hover {
	text-decoration: underline;
}

h4.address {
	margin:  10px auto;
	padding:  0px 0px;
	color: #fff;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

div.qr {
	margin:  30px auto;
	padding:  0px;
	text-align: center;
	line-height: 1em;
	font-size:   1px;
}

img.qr {
	margin: 0;
	background-color: rgba(0,0,0,0);
}



/* 著作権 */
div.copyright {
	margin:   0;
	padding: 20px 0px 0px 0px;
/*	background-color: #039;  */
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 1.3em;
}
}


/*===============================================
● 画面の横幅が376px以上かつ480px以下
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {
div.footer-body {
	margin:   0px;
	padding: 20px 7.5px 20px 7.5px;
	width: calc(100%-15px);
	background-color: #2b5fa8;   /* スマートフォン＆Google Chrome 不具合回避 */
	color: #fff;
}


/* フッターメニュー */
div.footer-menu {
	margin:   0 auto;
	padding: 10px 0px;
	width: 100%;
/*	background-color: #f0f;  */
	color: #fff;
	font-size: 13px;
	font-style: normal;
	text-align: center;
	line-height: 1.8em;
}

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

ul.footer-menu li {
	display: block;
	margin:   0;
	padding:  0px 20px  0px  0px;
	float: left;
}

ul.footer-menu li:last-child {
	display: block;
	margin:   0;
	padding:  0px  0px  0px  0px;
	float: left;
}

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

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



/* コメント */
div.footer-company-comment {
	margin:   0 auto;
	padding: 10px 0px;
	width: 300px;
}

p.footer-company-comment {
	margin:   0px;
	padding: 10px 0px 10px 0px;
	color: #fff;
	text-align: left;
	line-height: 1.5em;
	font-size: 13px;
	font-style: normal;
}



/* 住所・QRコード */
div.footer-address-qr {
	margin:   0px auto;
	padding:  0px 0px;
	width: 250px;
/*	background-color: #f09;  */
}

/* 住所 TEL FAX URL E-mail */
address {
	margin:   0px auto;
	padding: 15px  0px 15px  0px;
/*	background-color: #039;  */
	color: #fff;
	font-size: 13px;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
}

address a {
	color: #fff;
/*	text-decoration: none;  */
}

address a:link    { color: #fff }
address a:visited { color: #fff }

address a:hover {
	text-decoration: underline;
}

h4.address {
	margin:  10px auto;
	padding:  0px 0px;
	color: #fff;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

div.qr {
	margin:  30px auto;
	padding:  0px;
	text-align: center;
	line-height: 1em;
	font-size:   1px;
}

img.qr {
	margin: 0;
	background-color: rgba(0,0,0,0);
}



/* 著作権 */
div.copyright {
	margin:   0;
	padding: 20px 0px 0px 0px;
/*	background-color: #039;  */
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 1.3em;
}
}


/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media screen and (min-width: 481px) {
div.footer-body {
	margin:   0 auto;
	padding: 30px 0px 30px 0px;
	width: 960px;
	background-color: #2b5fa8;   /* スマートフォン＆Google Chrome 不具合回避 */
	color: #fff;
}


/* フッターメニュー */
div.footer-menu {
	margin:   0 auto;
	padding: 10px 80px 10px 80px;
	width: 800px;
/*	background-color: #f0f;  */
	color: #fff;
	text-align: left;
	line-height: 1.8em;
	font-size: 13px;
	font-style: normal;
}

ul.footer-menu {
	margin:   0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	list-style: none;
	overflow: hidden;  /* float 解除 */
}

ul.footer-menu li {
	display: block;
	margin:   0;
	padding:  0px 30px  0px  0px;
	float: left;
}

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

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



/* コメント */
div.footer-company-comment {
	margin:  20px  0px 20px  0px;
	padding:  0px 80px  0px 80px;
	width: 800px;
}

p.footer-company-comment {
	margin:   0px;
	padding:  0px;
	color: #fff;
	text-align: left;
	line-height: 1.4em;
	font-size: 13px;
	font-style: normal;
}



/* 住所・QRコード */
div.footer-address-qr {
	margin:  10px  0px 10px  0px;
	padding:  0px 80px  0px 80px;
	width: 800px;
/*	background-color: #f09;  */
	overflow: hidden;  /* float 解除 */
}

/* 住所 TEL FAX URL E-mail */
address {
	margin:  10px  0px 10px  0px;
	padding:  0px  0px  0px  0px;
	width: 480px;
/*	background-color: #00f;  */
	color: #fff;
	text-align: left;
	line-height: 1.3em;
	font-size: 13px;
	font-style: normal;
	float: left;
}

address a {
	color: #fff;
/*	text-decoration: none;  */
}

address a:link    { color: #fff }
address a:visited { color: #fff }

address a:hover {
	text-decoration: underline;
}

h4.address {
	margin:  10px auto;
	padding:  0px 0px;
	color: #fff;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

div.qr {
	margin:  50px 50px  0px  0px;
	padding:  0px;
	line-height: 1em;
	font-size:   1px;
	float: right;
}

img.qr {
	margin: 0;
	background-color: rgba(0,0,0,0);
}



/* 著作権 */
div.copyright {
	margin:   0px;
	padding: 20px 0px 0px 0px;
/*	background-color: #039;  */
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 1.3em;
}
}