@charset "utf-8";

footer {
	position: relative;
}
	footer .pcOnly {
		display: block;
	}
	footer .spOnly {
		display: none;
	}
	footer .footer__navi {
		background-color: #ebebeb;
		padding: 0 20px;
	}
	footer .footer__navi .navi__toggle {
		display: block;
	}
	footer .footer__navi .navi__table {
		display: table;
		width: 100%;
	}
	footer .footer__navi .navi__cell {
		display: table-cell;
		vertical-align: top;
		width: 25%;
	}
	footer .footer__navi .navi__cell.left {
		padding: 60px 10px 75px 0;
		width: 78%;
	}
	footer .footer__navi .navi__cell.right {
		border-left: 1px solid #d5d5d5;
		padding: 60px 0 75px 5.1%;
		width: 22%;
	}
	footer .footer__navi h4 {
		background-color: transparent;
		border-bottom: 1px solid #d5d5d5;
		height: 35px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.2;
		padding: 0 0 10px 0;
		margin: 0 25px 5px 0;
	}
	footer .footer__navi h4 a {
		background: url(/common/images/blt_arrow_03.png) left 0.14em no-repeat;
		color: #333333;
		display: block;
		padding-left: 19px;
	}
	footer .footer__navi h5 {
		border-bottom: 1px dotted #d5d5d5;
		font-weight: bold;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.2;
		margin: 0 25px 5px 0;
		padding: 10px 0 15px 0;
	}
		footer .footer__navi h5 a {
			color: #333333;
			display: block;
		}
	footer .footer__navi ul {
		margin-right: 25px;
	}
	footer .footer__navi li {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.2;
		padding-top: 10px;
	}
	footer .footer__navi li.line {
		border-bottom: 1px solid #d5d5d5;
		margin-bottom: 5px;
		padding: 0 0 15px 0;
	}
	footer .footer__navi li.dotline {
		border-top: 1px dotted #d5d5d5;
		margin-top: 15px;
		padding-top: 15px;
	}

	footer .footer__navi li a,
	footer .footer__navi li > div {
		background: url(/common/images/blt_arrow_04.png) left 0.34em no-repeat;
		display: block;
		padding-left: 10px;
	}
	footer .footer__navi li a .mdl__icon_zip {
		margin: 0 1px 0 6px; 
	}
	footer .footer__copy {
		background-color: #616161;
		padding: 15px 20px;
	}
	footer .footer__copy ul {
		display: none;
	}
	footer .footer__copy dl {
		display: table;
		width: 100%;
	}
	footer .footer__copy dt {
		display: table-cell;
		vertical-align: middle;
	}
	footer .footer__copy dt a {
		background: url(/common/images/blt_arrow_01.png) left 0.585em no-repeat;
		color: #ffffff;
		display: block;
		padding-left: 12px;
	}
	footer .footer__copy dt a:hover {
		color: #ffffff;
	}
	footer .footer__copy dd {
		color: #ffffff;
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

/* ****************************
	@media
**************************** */
@media (min-width: 768px) {















}
@media (max-width: 767px) {
footer {
	background-color: #ebebeb;
	position: relative;
	padding-top: 0;
}
	footer .pcOnly {
		display: none;
	}
	footer .spOnly {
		display: block;
	}
	footer .footer__navi {
		background-color: #ebebeb;
		padding: 25px 20px 55px 20px;
	}
		footer .footer__navi .navi__toggle {
			display: none;
		}
		footer .footer__navi .navi__table {
			display: block;
			width: auto;
		}
		footer .footer__navi .navi__cell {
			display: block;
			vertical-align: top;
			width: auto;
		}
		footer .footer__navi .navi__cell.left {
			padding: 0;
			width: auto;
		}
		footer .footer__navi .navi__cell.right {
			border-left: 0px;
			padding: 0;
			width: auto;
		}
		footer .footer__navi h4 {
			background-color: transparent;
			border-bottom: 1px solid #d5d5d5;
			height:auto;
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.2;
			padding: 0;
			margin: 0;
		}
			footer .footer__navi h4 a {
				background: url(/common/images/icn_toggle_open_02_sp.png) right center no-repeat;
				background-size: 15px 10px;
				color: #333333;
				display: block;
				padding: 15px 20px 15px 0;
			}
			footer .footer__navi h4.opened a {
				background: url(/common/images/icn_toggle_close_02_sp.png) right center no-repeat;
				background-size: 15px 10px;
			}
		footer .footer__navi h5 {
			border-bottom: 1px dotted #d5d5d5;
			font-weight: bold;
			font-size: 13px;
			font-size: 1.3rem;
			line-height: 1.2;
			margin: 0;
			padding: 0;
		}
			footer .footer__navi h5 a {
				background: url(/common/images/blt_arrow_sp_02.png) right center no-repeat;
				background-size: 10px 15px;
				color: #333333;
				display: block;
				padding: 10px 20px;
			}
		footer .footer__navi ul {
			margin-right: 0;
		}
		footer .footer__navi li {
			border-bottom: 1px solid #d5d5d5;
			font-size: 13px;
			font-size: 1.3rem;
			line-height: 1.2;
			padding-top: 0;
		}
		footer .footer__navi li.line {
			border-top: 0px;
			margin-bottom: 0;
			padding: 0;
		}
		footer .footer__navi li.dotline {
			border-top: 0px;
			margin-top: 0;
			padding-top: 0;
		}
			
			footer .footer__navi li a,
			footer .footer__navi li > div {
				background: url(/common/images/blt_arrow_sp_02.png) right center no-repeat;
				background-size: 10px 15px;
				display: block;
				padding: 10px 20px;
			}

			footer .footer__navi li > div {background:none;}

			footer .footer__navi .navi__notoggle li a {
				padding: 10px 20px 10px 0;
			    font-size: 1.4rem;
			    line-height: 1.2;
			}

			footer .footer__navi li a.blank {
				background: url(/common/images/icn_blank_02.png) right center no-repeat;
				background-size: 11px 10px;
			}
				footer .footer__navi li a.blank img {
					display: none;
				}
			footer .footer__navi .right li a {
				padding: 10px 20px 10px 0;
			}
	footer .footer__copy {
		background-color: #616161;
		padding: 40px 20px;
	}
		footer .footer__copy ul {
			display: block;
		}
			footer .footer__copy ul a {
				background: url(/common/images/blt_arrow_01_sp.png) left 0.585em no-repeat;
				background-size: 7px 6px;
				color: #ffffff;
				display: block;
				padding-left: 10px;
			}
			footer .footer__copy ul span {
				background: url(/common/images/blt_arrow_08_sp.png) left 0.585em no-repeat;
				background-size: 7px 6px;
				color: #a6a6a6;
				display: block;
				padding-left: 10px;
			}
			footer .footer__copy ul a:hover {
				color: #ffffff;
			}
			footer .footer__copy ul select {
				margin: 10px 0;
				padding: 3px 0;
				width: 100%;
			}
		footer .footer__copy dl {
			display: block;
			padding-top: 25px;
			width: auto;
		}
		footer .footer__copy dt {
			display: none;
		}
		footer .footer__copy dd {
			color: #ffffff;
			display: block;
			text-align: left;
			vertical-align: middle;
		}
}


/* add 202103 */

footer .footer__navi ul{position:relative;}

footer .footer__navi li > a{}

footer .footer__navi li .dropdownsub{
	position:absolute;
	width: 180px;
	background: #565656;
	padding: 25px 20px 20px;
	z-index: 2;
	display: none;
	left: 120px;
}
footer .footer__navi li .dropdownsub.is-1-3{
	width: 200px;
}

footer .footer__navi li .dropdownsub::before{
	display:block;
	content:'';
	position:absolute;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-right:10px solid #565656;
	left:-10px;
}


footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-1{
	top: -90px;
}
footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-1::before{top:99px;}

footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-2{
	top: -5px;
}
footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-2::before{top:39px;}

footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-3{
	top: 23px;
}
footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-3::before{top:39px;}

footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-4{
	top: 58px;
}
footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-4::before{top:29px;}


footer .footer__navi li .dropdownsub-close{
	background: url('../images/icn_header_close.png') no-repeat center top;
	background-size: 100%;
	height: 15px;
	width: 15px;
	position:absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

footer .footer__navi li .dropdownsub dl{}

footer .footer__navi li .dropdownsub dl dt{
	font-size:13px;
	line-height: 1;
	padding-bottom: 8px;
	border-bottom:1px solid #666;
	margin-bottom: 15px;
	margin-top: 22px;
	color: #fff;
}

footer .footer__navi li .dropdownsub dl dt:first-child{margin-top: 0;}

footer .footer__navi li .dropdownsub dl dd{
	font-size:12px;
	line-height: 1.1;
	margin-bottom:7px;
}

footer .footer__navi li .dropdownsub dl dd a,
footer .footer__navi li .dropdownsub dl dd span{
	display: block;
	position:relative;
	border: none;
	padding: 0 0 0 10px;
	margin: 0;
	height: auto !important;
	color: #fff;
}

footer .footer__navi li .dropdownsub dl dd a::before,
footer .footer__navi li .dropdownsub dl dd span::before{
	display:block;
	content:'';
	position:absolute;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
	border-left:6px solid #fff;
	left:0px;
	top:5px;
}
footer .footer__navi .footer_comingsoon p{
	display: block;
	padding-left: 10px;
}
footer .footer__navi .footer_comingsoon small,
footer .footer__navi li .dropdownsub dl dd span small{
	display: inline-block;
	background: #cc0000;
	color: #fff;
	padding: 3px 5px;
	font-size:10px;
}
footer .footer__navi li .dropdownsub dl dd span small{margin-left: 10px;}



@media (max-width: 767px) {
	footer .footer__navi li{position:relative;}
	footer .footer__navi li .dropdownsub dl dd a,
	footer .footer__navi li .dropdownsub dl dd span{background:none;}
	footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-2{top:-28px;}
	footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-3{top:-28px;}
	footer .footer__navi .navi__cell:nth-child(1) li .dropdownsub.is-1-4{top:-20px;}

	footer .footer__navi .footer_comingsoon p{
		display: block;
		padding: 10px 20px;
	}
	footer .footer__navi .footer_comingsoon small{margin-left: 10px;}
}