@charset "utf-8";


#foot_layout {position:relative;padding: 0;background-color:#181818;height: auto;}
#foot_layout .move_top {display: block;position: absolute;right:14px;top: 54px;width: 60px;height: 60px;text-align: center;z-index: 10;}
#foot_layout .move_top a{display:block;position:relative;width:100%;height:100%;font-size:0;background-color: #960000;border-radius: 50%;box-shadow: 10px 10px 10px rgba(0,0,0,0.2);transform: rotate(90deg);-webkit-transform: rotate(90deg);}
#foot_layout .move_top a span{opacity:0.8;display:block;position:absolute;left: 31%;top: calc(50% - 11px);width: 26px;height:1px;background-color:#fff;color:transparent;}
#foot_layout .move_top a:before{content:"";display:block;position:absolute;left: calc(50% - 9px);top: calc(50% - 9px);width: 18px;height: 18px;border:1px solid #fff;border-right:none;border-top:none;box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#foot_layout .move_top a span {top: calc(67% - 11px);transition: width 0.3s ease;-webkit-transition: width 0.3s ease;}
#foot_layout .move_top a:hover span{width: 22px;}
#foot_layout .footer-info {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 114px;}
#foot_layout .footer-link{width: calc(100% - 360px);display: flex;flex-wrap: wrap;order: 1;}
#foot_layout .footer-link .item{width:25%;padding:0 35px;}
#foot_layout .footer-link .item *{font-family:'Open Sans'}
#foot_layout .footer-link .item b{color:#fff;font-size: 19px;display: block;margin-bottom: 10px;}
#foot_layout .footer-link .item ul{}
#foot_layout .footer-link .item ul > li{margin-bottom: 0;}
#foot_layout .footer-link .item ul > li > a{display: block;font-size: 16px;color: rgba(255,255,255,0.8);line-height:1.2;font-family: 'Open Sans';font-weight: 500;padding: 7px 0;position: relative;}
#foot_layout .footer-utile{width:254px;margin-right:80px;order: 2;}
#foot_layout .footer-utile .utile-link{}
#foot_layout .footer-utile .utile-link > li{display:block;margin-bottom: 15px;}
#foot_layout .footer-utile .utile-link > li .family_site{position:relative;width:100%;}
#foot_layout .footer-utile .utile-link > li .family_site .selected {display:block;position:relative;height:51px;border-bottom: 1px solid rgba(255,255,255,0.2);}
#foot_layout .footer-utile .utile-link > li .family_site .selected span {display:block; padding:15px 10px;font-size:14px; font-weight:600; color:#a6a6a6;text-align:left;}
#foot_layout .footer-utile .utile-link > li .family_site .selected:after {display:block;position:absolute;right: 15px;top: 50%;width: 5px;height: 5px;border: solid #9d9f9f;border-width: 2px 0 0 2px;content:'';-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#foot_layout .footer-utile .utile-link > li .family_site ul {display:none;}
#foot_layout .footer-utile .utile-link > li .family_site.on ul {display:block !important;height: 233px;overflow-y:scroll;background: #960000;position: absolute;bottom: 51px;width: 100%;padding: 9px;z-index: 11;}
#foot_layout .footer-utile .utile-link > li .family_site.on ul li{display:block;min-height:51px;}
#foot_layout .footer-utile .utile-link > li .family_site.on ul li a {display:block;padding:17px;background:none;color:#fff;transition: all .3s;font-size: 16px;}
#foot_layout .footer-utile .utile-link > li .family_site.on ul li a:hover{background-color:#780000}
#foot_layout .footer-utile .policy {margin:20px 0 0 10px}
#foot_layout .footer-utile .policy > a {color:#fff;line-height:1.2;display: block;font-size: 15px;}

#foot_layout .footer-utile .sns{}
#foot_layout .footer-utile .sns > a{display:inline-block;width:23px;height:23px;background: url(/common/tmpl/skinB/img/ir-sns.png);font-size:0;line-height: 0;/* border: 1px solid; */}
#foot_layout .footer-utile .sns > a.sns-1{background-position:0 0}
#foot_layout .footer-utile .sns > a.sns-2{background-position:-30px 0; margin-left:11px;}
#foot_layout .footer-utile .sns > a.sns-3{background-position:-66px 0; margin-left:11px;}
#foot_layout .footer-utile .sns > a.sns-4{background-position:-101px 0; margin-left:11px;}
#foot_layout .footer-utile .sns > a.sns-5{background-position:-137px 0; margin-left:11px;}
#foot_layout .footer-utile .sns > a.sns-6{background-position:-173px 0; margin-left:11px;}
#foot_layout .footer-utile .sns > a.sns-7{background-position:-206px 0; margin-left:11px;}
#foot_layout .footer-utile .sns > a.sns-8{background-position:-246px 0; margin-left:11px;}

#foot_layout .copyright {text-align: left;display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 43px;padding-bottom: 43px;margin-top: 60px; /* padding-bottom: 70px;*/}
#foot_layout .copyright address {color: #b1b2b8;}
#foot_layout .copyright address ul{display:flex;flex-wrap:wrap;width: 100%;margin-left:0;justify-content: flex-start;}
#foot_layout .copyright address ul > li{margin: 0 16pxcolor: rgba(255,255,255,0.82);position: relative;font-size: 14px;}
#foot_layout .copyright .copy {display:block;margin: 0;color: rgba(255,255,255,0.6);font-size:15px;/*text-transform: uppercase;*/font-size: 14px;}


@media screen and (max-width:1380px){

	#foot_layout .layout{padding: 0;}
	#foot_layout .move_top{top:-26px}
	#foot_layout .footer-utile{margin-right:0;}
	#foot_layout .footer-link{width: calc(100% - 254px);}
	#foot_layout .copyright{padding-left:40px;padding-right:40px;margin-top: 20px;}
	#foot_layout .footer-info{padding-left:40px;padding-right:40px;}
}

@media screen and (max-width:1280px){
	#foot_layout .footer-info{padding-left:30px;padding-right:30px;}
	#foot_layout .copyright{padding-left:30px;padding-right:30px;}
}
@media screen and (max-width:1023px){
	#foot_layout .footer-info{padding-top:54px;}
	#foot_layout .footer-link .item{padding:0 20px;}
	#foot_layout .footer-utile{width: 23%;}
	#foot_layout .footer-link{width: 75%;}
	#foot_layout .footer-link .item b{font-size:18px;letter-spacing: -1px;}
	#foot_layout .footer-link .item ul > li > a{font-size:15px;}

}

@media screen and (max-width:800px){
	#foot_layout .footer-info{padding-left:15px;padding-right:15px;}
	#foot_layout .copyright{padding-left:15px;padding-right:15px;}
	#foot_layout .footer-link{order:2;display:none;}
	#foot_layout .footer-utile{order:1;width:100%;}
	#foot_layout .footer-info{padding-top: 101px;}
	#foot_layout .footer-utile .sns{
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		width: 100%;
		height: 77px;
		padding: 8px 0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		z-index: 9;
	}
	#foot_layout .footer-utile .utile-link{display:flex;padding: 0 40px;}
	#foot_layout .footer-utile .utile-link > li{width:25%;order:1;margin-bottom: 0;text-align: center;/* max-width: 160px; */}
	#foot_layout .footer-utile .utile-link > li > a{padding:15px 10px}
	#foot_layout .footer-utile .utile-link > li:first-child{order:2;}
	#foot_layout .footer-utile .utile-link > li .family_site .selected{border:1px solid #ffffff}


	#foot_layout .copyright {text-align: left;display: flex;flex-wrap: wrap;flex-direction: column;/* justify-content: space-between; */border-top: 1px solid rgba(255,255,255,0.1);padding-top: 23px;margin-top: 30px;padding-bottom: 35px;text-align: center;}
	#foot_layout .copyright address {color: #b1b2b8;width: 100%;text-align: center;}
	#foot_layout .copyright address ul > li{margin: 0 16px;color: rgba(255,255,255,0.82);position: relative;font-size: 14px;}

}

@media screen and (max-width:640px){
	#foot_layout .copyright address ul{justify-content: center;margin-bottom: 10px;}
	#foot_layout .copyright address ul > li{}
	#foot_layout .copyright address ul > li:first-child{width:100%}
	#foot_layout .copyright{padding-bottom:100px;}
	#foot_layout .move_top{top: auto;right:15px;bottom: 20px;}
	#foot_layout .footer-utile .sns{text-align:center;padding: 8px 15px;}
	#foot_layout .footer-utile .utile-link{justify-content: center;}
	#foot_layout .footer-utile .utile-link > li{width: auto;}
	
	#foot_layout .footer-utile .utile-link > li .family_site{width: 152px;}
	#foot_layout .footer-utile .utile-link > li .family_site .selected{height: 44px;}
	#foot_layout .footer-utile .utile-link > li .family_site .selected span{padding: 9px 7px;}
	#foot_layout .footer-info{padding-top:85px;}
	#foot_layout .copyright{margin-top:10px;}
}