@charset "Shift_JIS";
/* !footer
---------------------------------------------------------- */
.footer{
	border-top:4px solid #e3e3e3;
	padding:0;
	font-size: 14px;
	display:block;
	width:100%;
	margin:45px auto 0;
}
@media only screen and (max-width: 640px) {
	.footer{
		border:none;
	}
}

.footer a {
	text-decoration: none;
	color: inherit;
}
.footer_middle,
.footer_bottom p{
	display:block;
	width:990px;
	padding:0;
	margin:0 auto;
}
@media only screen and (max-width: 640px) {
	.footer_middle,
	.footer_bottom p{
		width:auto;
	}
}
/* !footer-top
---------------------------------------------------------- */
.footer-top{
	display:block;
	overflow:hidden;
	margin:0 auto;
	border-bottom:1px solid #e5e5e5;
	padding:20px 20px 15px;
}
@media only screen and (min-width: 641px) {
	.category-auto .footer .footer-top:first-child > * {
		width: 950px;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 640px) {
	.footer-top{
		padding:0;
	}
	.footer-top .icon_gray_arrow{
		display:none;
	}
}
@media only screen and (min-width: 641px) {
	.footer-logo{
		width:20%;
		float:left;
	}
	.footer-logo .logo {
		display: inline-block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 20px;
	}
	.footer-list-wrapper{
		width:80%;
		float:right;
	}
	.footer-list{
		vertical-align: top;
		display:inline-block;
		letter-spacing:-1px;
	}
	.footer-list{
		width: 30%;
		width: calc(33% - 15px);
	}
	.category-auto .footer-list,
	.category-md .footer-list,
	.category-travel .footer-list{
		width: 30%;
		width: calc(33% - 15px);
	}
	.footer-list + .footer-list{
		margin-left: 15px;
	}
	.footer-list ul{
	}
	.footer-list > li{
		margin-bottom: 30px;
	}
	.footer-list > li li{
		padding:3px 0;
	}
	.footer-list li a{
		color:#555;
	}
	.footer-list h2{
		font-size:16px;
		font-weight: bold;
	}
	.footer-list li h2 a{
		color:#000;
	}
}
.footer_middle{
	padding:15px 0;
	font-size:12px;
}
@media only screen and (max-width: 640px) {
	.footer_middle{
		border:none;
		line-height:3;
		padding:15px 20px;
	}
}
.footer_middle a{
	color:#323232;
}
.footer_bottom{
	background:#ababab;
	color:#fff;
	padding:20px;
	font-size:12px;
}
/* ---
 mod-guard...
   --- */
.footer .mod-guard {
	font-size: 12px;
}
.footer .text-description {
	font-size: 12px;
	margin: 10px auto!important;
}
.footer .footer-top .nav-site {
	margin-top: 25px;
	text-align: right;
	padding-bottom: 10px;
	font-size: 75%;
}
.footer .footer-top .nav-site a,
.footer .mod-needhelp a {
	text-decoration: underline;
	color: #00c;
}
.footer .footer-top .nav-site a:hover,
.footer .mod-needhelp a:hover {
	text-decoration: none;
}
.footer .mod-search .imageBtn {
	width: 44px;
	height: 23px;
	border: none;
	background: url(/share/image/ico_sprite01.png) no-repeat -80px -30px;
	text-indent: -9999px;
	cursor: pointer;
}

/* ---
 copyright
   --- */
.copyright{
	margin-top:0;
}
.copyright img{
	width: 400px;
}
@media only screen and (max-width: 640px) {
	.copyright img{
		max-width: 400px;
		width: 100%;
	}
}
/* ---
 arrow-list
   --- */
@media only screen and (max-width: 640px) {
	.arrow-list{
		clear:both;
		overflow:hidden;
		border-top:1px solid #e5e5e5;
		width:100%;
	}
}
.arrow-list li{
	display:inline-block;
	padding-right:10px;
}
@media only screen and (max-width: 640px) {
	.arrow-list li{
		float: left;
		width:50%;
		padding:0;
		border-right:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
	}
	.arrow-list li:nth-child(even){
		border-right:none;
	}
}
.arrow-list li a{
	color:#343434;
}
@media only screen and (max-width: 640px) {
	.arrow-list li a{
		padding:10px 15px;
		display:inline-block;
	}
}
/* ---
 btn-cp_blue
   --- */
@media only screen and (max-width: 640px) {
	.footer .btn-cp-blue{
		display:inline-flex;
		padding:10px;
		background:#334cc2;
		text-align:center;
		vertical-align:middle;
		color:#fff;
    align-items: center;
    width: 100%;
    justify-content: center;
	}
	.footer .btn-cp-blue img {
		vertical-align:middle;
		height:30px;
		margin-right:10px;
	}
}
/* ---
 btn-goto-top
   --- */
@media only screen and (max-width: 640px) {
	.goto-top-area{
		text-align:center;
		margin-bottom:20px;
		color:#000;
	}
		.btn-goto-top {
			color:#000;
		}
}