.footer {
}
.footer div.footer-inner {
	text-align:left;
}
.footer-lef > aside {
	background-color:#000;
}
.footer .footer-lef > aside > section > div > div {
	background-color:#fff;
}
.footer .footer-lef > aside > section h2 a,
.footer .footer-lef > aside > section h2 a:after,
.footer .footer-lef > aside > section h2 a span {
	display:block;
}
.footer-lef > aside > section h2,
.footer-lef > aside > section h2 a span {
	background-repeat:no-repeat;
}
.footer .footer-lef > aside > section h2 {
	background-position:left top;
}
.footer .footer-lef > aside > section h2 a {
	position:relative;
	text-decoration:none;
}
.footer .footer-lef > aside > section h2 a span,
.footer .footer-rig > div.bn-insta a span {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.footer .footer-lef > aside > section h2 a:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	background-image:url(../img/sns_logos.svg);
	background-repeat:no-repeat;
}
.footer .footer-lef > aside.tw-outer > section h2 a:after {
	background-position:left top;
}
.footer .footer-lef > aside.fb-outer > section h2 a:after {
	background-position:right top;
}
.footer .footer-rig > div.bn-insta a, .footer .footer-rig > div.bn-insta a span {
	display:block;
}
.footer .footer-rig > div.bn-insta a {
	background-image:url(../img/cmn_footer_btn_ig.png);
	background-size:contain;
}
.footer .footer-rig > div.bn-insta a span {
	height:120px;
}
@media all and (min-width: 768px) {
.footer {
	padding: 30px 0 0;
}
.footer .footer-inner {
	width:980px;
	margin:0 auto;
}
.footer-lef, .footer-lef aside.tw-outer {
	float:left;
}
.footer-rig, .footer-lef aside.fb-outer {
	float:right;
}
.footer-lef {
	width: 670px;
}
.footer-rig {
	width: 310px;
	box-sizing: border-box;
}
.footer-lef > aside {
	width:328px;
}
.footer-lef > aside > section {
	padding:0 12px 12px;
}
.footer-lef > aside > section h2,
.footer-lef > aside > section h2 a span {
	background-image:url(../img/sns_h2_pc.png);
}
.footer-lef > aside > section h2 a span {
	height:70px;
}
.footer-lef > aside.tw-outer > section h2 a span {
	background-position:0 -70px;
}
.footer-lef > aside.fb-outer > section h2 a span {
	background-position:0 -140px;
}
.footer .footer-lef > aside > section h2 a:after {
	width:70px;
	height:70px;
	background-size:140px 140px;
}
}
@media all and (max-width: 767px) {
.footer-lef > aside > section {
	padding:0 24px 10px;
}
.footer-lef > aside > section h2,
.footer-lef > aside > section h2 a span {
	background-image:url(../img/sns_h2_smp.png);
	background-size:200px 250px;
}
.footer-lef > aside > section h2 a span {
	height:50px;
}
.footer-lef > aside > section h2 {
}
.footer-lef > aside.tw-outer > section h2 a span {
	background-position:0 -50px;
}
.footer-lef > aside.fb-outer > section h2 a span {
	background-position:0 -100px;
}
.footer .footer-lef > aside > section h2 a:after {
	width:50px;
	height:50px;
	background-size:100px 100px;
}
div.fb-timeline {
    max-width:500px;
    margin:0 auto;
}
.footer .footer-rig > div.bn-insta {
	width:300px;
	margin:20px auto 10px;
}
}
.sns_button ul {
	/* display: flex; */
	/* justify-content: space-between; */
}
#line a {
	background-image: url(../img/top/snsttl_ln_smp.png);
}
#ig a {
	background-image: url(../img/top/snsttl_ig_smp.png);
}
#fb a {
	background-image: url(../img/top/snsttl_fb_smp.png);
}
#line h3 a, #ig h3 a, #fb h3 a {
	white-space: nowrap;
	overflow: hidden;
	text-indent: 110%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	height: 0;
}
#line h3 a, #ig h3 a, #fb h3 a {
}
#twTL h3 a span,
#fbTL h3 a span,
#line h3 a span,
#ig h3 a span
#fb h3 a span {
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#ig, #line ,#fb {
	width: 49%;
	float: left;
	height: auto;
}
#line {
	/* margin-right: 2.5%; */
}
@media all and (min-width: 768px) {
	#twTL, #fbTL {
		width: 310px;
		margin-right: 25px;
	}
	.sns_button {
		width: 310px;
		padding: 0;
		background-color: unset;
	}
	#ig {
		margin-right: 2%;
		margin-bottom: 2px;
	}
	#twTL h3 a,
	#fbTL h3 a {
		padding-top: 12.6436781609195%;
		position: relative;
		height: auto;
		width: auto;
		background-size: cover;
	}
	#twTL h3,
	#fbTL h3 {
		padding: 0.8% 0;
	}
}
@media all and (max-width: 479px) {
	.footer div.footer-inner {
		padding: 3%;
	}
	#ig, #line {
		width: 49%;
		float: none;
	}
}
#line h3 a, #ig h3 a {
	padding-top: 35%;
	background-size: 21%;
}
div.recta {
	width: 300px;
	margin: 0 auto;
}