
#top_contents {
	position: relative;
	width: 100%;
	min-height: 1000px;
	background: #000;
}
@media only screen and (min-width: 1601px) {
	#top_contents {
		width:1360px
	}
}

#top_contents img {
	width: 100%;
	height: 100%
}
#top_contents a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.top-img-content {
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.block3_2 {
	width: 100%;
	position: absolute
}
.block1_1 {
	width: 33.333%;
	position: absolute
}
.block2_1 {
	width: 66.666%;
	position: absolute
}
.block1_2 {
	width: 33.333%;
	position: absolute
}
.block2_2 {
	width: 66.666%;
	position: absolute
}
@media only screen and (max-width: 1000px) {
	.show_xl {
		display:none
	}
	.show_l {
		display: block
	}
}

@media only screen and (min-width: 1001px) {
	.show_xl {
		display:block
	}
	.show_l {
		display: none
	}
}

.noise_over {
	width: 100%;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	background: url("/global/images/noise.gif") repeat;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0)
}
a:hover .noise_over {
	opacity: .2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-webkit-animation-name: 'noiseanime';
	-moz-animation-name: 'noiseanime';
	-o-animation-name: 'noiseanime';
	-ms-animation-name: 'noiseanime';
	animation-name: 'noiseanime';
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-o-animation-duration: .3s;
	-ms-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: .1;
	-moz-animation-delay: .1;
	-o-animation-delay: .1;
	-ms-animation-delay: .1;
	animation-delay: .1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1
}
@media only screen and (max-width: 480px) {
	.block3_2 {
		width:100%
	}
	.block1_1 {
		width: 100%
	}
	.block2_1 {
		width: 100%
	}
	.block1_2 {
		width: 100%
	}
	.block2_2 {
		width: 100%
	}
}

@media only screen and (min-width: 481px) and (max-width: 1000px) {
	.block3_2 {
		width:100%
	}
	.block1_1 {
		width: 50%
	}
	.block2_1 {
		width: 100%
	}
	.block1_2 {
		width: 50%
	}
	.block2_2 {
		width: 100%
	}
}

@media only screen and (min-width: 1001px) and (max-width: 1400px) {
	.block3_2 {
		width:100%
	}
	.block1_1 {
		width: 33.333%
	}
	.block2_1 {
		width: 66.666%
	}
	.block1_2 {
		width: 33.333%
	}
	.block2_2 {
		width: 66.666%
	}
}

@media only screen and (min-width: 1401px) {
	.block3_2 {
		width:75%
	}
	.block1_1 {
		width: 25%
	}
	.block2_1 {
		width: 50%
	}
	.block1_2 {
		width: 25%
	}
	.block2_2 {
		width: 50%
	}
}

@-moz-keyframes noiseanime {
	0% {
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30)
	}
	100% {
		opacity: .2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20)
	}
}

@-webkit-keyframes noiseanime {
	0% {
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30)
	}
	100% {
		opacity: .2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20)
	}
}

@-o-keyframes noiseanime {
	0% {
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30)
	}
	100% {
		opacity: .2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20)
	}
}

@-ms-keyframes noiseanime {
	0% {
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30)
	}
	100% {
		opacity: .2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20)
	}
}

@keyframes noiseanime {
	0% {
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30)
	}
	100% {
		opacity: .2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20)
	}
}




/* home sns footer */
#main_contents #footer.footersnsfooter {
	bottom: 0px;
	height: auto;
	z-index: 99999;
}
#main_contents #footer.footersnsfooter {
	position: relative;/* sp */
}
#main_contents #footer .footersnsbar {
/*
	width: 90%;
*/
	text-align: left;
}
#main_contents .footersnslogo {
	opacity: 0.28;
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
}
#main_contents a.footersns {
	display: inline-block;
	width: 44px;
	height: 44px;
	background-size:35px 35px;
	background-color: transparent;
}
