@charset "utf-8";

/* !footer
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#footer,
#footer.footer-wide,
#footer.footer-wide2 {
	min-width: 320px;
	background-color: #e5e5e5;
}
	#footerSitemap {
		display: none;
	}
	#footerContent {
	}
		#footerContent #footerLinks {
			margin: 0 auto;
		}
			#footerLinks ul {
				padding: 16px 0 17px;
				width: 686px;
			}
			.footer-wide2 #footerLinks ul {
				width: 100%;
			}
			#footerLinks.footerLinks-wide ul {
				width: 686px;
			}
			.footer-wide2 #footerLinks.footerLinks-wide ul {
				width: 100%;
				padding-right: 10px;
				padding-left: 10px;
				box-sizing: border-box;
			}
				#footerLinks li {
					font-size: 85.71%;
				}
			@media (-webkit-min-device-pixel-ratio: 2) {
				#footerLinks li {
					background-image: url(/common/images/footer/ico_footer_arrow01_2x.png);
					background-size: 6px 10px;
				}
			}
}
@media screen and (max-width: 979px) {/* max-width を 767 -> 979 へ変更  */
	#footerContent {
	}
		#footerContent #footerLinks {
		}
			#footerLinks ul {
				width: 100%;
				padding: 0;
				border-top: 1px solid #444;
				border-left: 1px solid #444;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			#footerLinks.footerLinks-wide ul {
				width: 100%;
			}
			.footer-wide2 #footerLinks.footerLinks-wide ul {
				padding: 0;
			}
				#footerLinks li {
					display: table;
					margin: 0;
					padding: 0;
					width: 50%;
					height: 45px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-right: 1px solid #444;
					border-bottom: 1px solid #444;
					background: none;
				}
					#footerLinks li a {
						display: table-cell;
						padding: 0 10px 0 20px;
						vertical-align: middle;
						background-position: 9px center;
						background: url(/common/images/footer/ico_footer_arrow01_2x.png) no-repeat 8px center;
						background-size: 6px 10px;
					}
					#footerLinks li a:focus,
					#footerLinks li a:hover {
						text-decoration: none;
					}
}

@media screen and (max-width: 979px) {
#copyright {
}
	#copyright .logo {
		margin-bottom: 21px;
	}
}
@media screen and (max-width: 767px) {
#copyright {
	padding: 20px 0;
}
	#copyright .logo {
		margin-bottom: 7px;
	}
		#copyright .logo img {
			width: 33px;
			height: auto;
		}
}

/* !footerBannerArea
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
.footerBannerArea {}
	.footerBannerAreaIn {
	  width: 650px;
		padding: 70px 0 60px;
	}
	.footer-wide2 .footerBannerAreaIn {
	  width: 100%;
	}
	.footerBannerAreaIn.footerBannerAreaIn-wide {
	  width: 650px;
	}
	.footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
	  width: calc(100% - 10%);
	  padding-right: 10px;
	  padding-left: 10px;
	}
	.listFooterBanner.col4 > li {
		width: 147px;
		margin-left: 20px;
	}
	.listFooterBanner.listFooterBanner-wide.col4 > li {
		width: 147px;
	}
}
@media screen and (max-width: 767px) {
.footerBannerArea {}
	.footerBannerAreaIn {
	  width: 100%;
		padding: 0;
	}
	.footerBannerAreaIn.footerBannerAreaIn-wide {
	  width: 100%;
	}
	.footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
	  width: 100%;
	  padding: 0;
	}
	.listFooterBanner.listFooterBanner-wide.col4 > li {
		width: 100%;
	}
}

@media screen and (max-width: 979px) {
	.listFooterBanner {
	}
	.footer-wide2 .listFooterBanner {
		flex-wrap: wrap;
		margin-top: -5vw;
	}
	.footer-wide2 .listFooterBanner.listFooterBanner-wide {
		margin: -5vw 0 0 -5vw;
	}

	.listFooterBanner > li {
	}
		.listFooterBanner.col4 > li {
			width: 147px;
		  margin-left: 20px;
		}
		.listFooterBanner > li .inner .indexBox01 {
			padding: 8px 10px;
		}
			.listFooterBanner > li .indexBox01 .h4_arrow01 {
				padding-left: 14px;
				font-size: 85.71%;
			}
}

@media screen and (max-width: 979px) {
	.footer-wide2 .listFooterBanner > li {
		width: calc(100% / 2 - 5vw);
		margin-top: 5vw;
		margin-left: 5vw;
	}
		.footer-wide2 .listFooterBanner.listFooterBanner-wide > li {
			margin-left: 5vw;
		}
}
@media screen and (max-width: 767px) {
	.footer-wide2 .listFooterBanner.listFooterBanner-wide {
		padding: 35px 0 23px;
		margin: 0;
	}
		.footer-wide2 .listFooterBanner.listFooterBanner-wide > li {
			margin: 0 5px 12px;
		}
}

@media screen and (max-width: 767px) {
.listFooterBanner {
}
	.listFooterBanner > li {
		float: none;
	}
	.footer-wide2 .listFooterBanner > li {
		width: calc(100% / 2 - 10px);
		margin-top: 10px;
		margin-left: 10px;
	}
	.listFooterBanner.col4 > li {
		width: 100%;
		margin: 0;
		display: block;
    padding: 10px 25px 10px 10px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    position: relative;
	}
.listFooterBanner > li .inner {
    display: table;
    width: 100%;
}
	.listFooterBanner > li .inner .img {
	  display: table-cell;
	  width: 70px;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  background-color: transparent;
	}
	.listFooterBanner > li .inner .indexBox01 {
	    display: table-cell;
	    vertical-align: middle;
			background-color: #e5e5e5;
	    padding: 0 10px;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    border: none;
	}
}

/* !関連ブログ記事表示
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #footerRecommendBlog {
    padding: 30px 15px 0;
  }
  #footerRecommendBlog .whatsnew__title {
    margin-bottom: 25px;
    font-size: 120%;
  }
  #footerRecommendBlog .whatsnew__footer {
    margin-top: 10px;
  }
  #footerRecommendBlog .articleList__item {
    width: calc(50% - 7px);
    margin-bottom: 15px;
  }
  #footerRecommendBlog .articleList__img a,
  #footerRecommendBlog.footerRecommendBlog-wide .articleList__img a {
    height: 32vw;
  }

  #footerRecommendBlog .readmore a {
  	max-width: none;
  }
}