#body .bx-wrapper { height:100%; margin:0; }
#body .bx-viewport { height:100% !important; background:transparent; }

#body .m_slide { display:block; width:100%; height:100%; }
#body .m_slide > li { position:relative; height:100%; }

#body .s_slide_up { display:block; width:100%; height:100%; }
#body .s_slide_up > li { position:relative; height:100%; }

#body .s_slide_down { display:block; width:100%; height:100%; }
#body .s_slide_down > li { position:relative; height:100%; }

#body li > .empty_block {
	position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; filter:alpha(opacity=0); z-index:11;
	transition:all .5s ease-in-out .1s;
}
#body .visual_txt { position:absolute; display:block; right:6%; top:15%; width:100%; text-align:right; z-index:12;}
#body .visual_txt_shad_1 { text-shadow:1px 1px 2px rgba(0,0,0,1); }
#body .visual_txt_shad_2 { text-shadow:1px 1px 1px rgba(255,255,255,1); }
#body .visual_txt .big_txt   {
	margin-left:-50%; margin-bottom:16px; font-size:3.125em; color:#fff; line-height:1; opacity:0; filter:alpha(opacity=0);
	transition : all .5s ease .1s;
}
#body .visual_txt .big_txt.on {
	margin-left:0; opacity:1; filter:alpha(opacity=100);
	transition : all .5s ease .1s;
}
#body .visual_txt .small_txt {
	width:40%; margin:0 10% 0 auto; font-size:1em; color:#fff; line-height:1.8; word-break:keep-all; box-sizing:border-box; opacity:0; filter:alpha(opacity=0);
	transition : all .5s ease .1s;
}
#body .visual_txt .small_txt.on {
	margin:0 0 0 auto; opacity:1; filter:alpha(opacity=100);
	transition : all .5s ease .1s;
}

#body .m_slide > li:nth-child(3) .visual_txt .small_txt {width:35%;}

#body .txt_vari .big_txt { color:#333; }
#body .txt_vari .small_txt { color:#666; }

#body .thumb_txt { position:absolute; display:block; left:10%; bottom:10%; z-index:12; }
#body .thumb_txt .big_txt   {
	margin-left:50px; font-size:26px; color:#fff; line-height:1; opacity:0; filter:alpha(opacity=0);
	transition: all .5s ease-in-out .1s;
}

#body li:hover { cursor:pointer; }
#body li:hover .empty_block {
	opacity:.5; filter:alpha(opacity=50);
	transition:all .5s ease .1s;
}
#body li:hover .thumb_txt .big_txt   {
	margin-left:0; opacity:1; filter:alpha(opacity=100);
	transition: all .5s ease .1s;
}

@media all and (max-width:1024px){
	#body > .body_left       { float:none; width:100%; height:65%; background:#fff; }
	#body > .body_right_up   { float:left; width:50%; height:35%; }
	#body > .body_right_down { float:left; width:50%; height:35%; }
}
@media all and (max-width:768px){}
@media all and (max-width:640px){
	#body .m_slide > li:nth-child(3) .visual_txt .small_txt { width:auto;}
	#body .visual_txt .big_txt { margin-left:-50%; margin-bottom:16px; font-size:2.8em; letter-spacing:-0.02em; }
	#body .visual_txt .small_txt { width:60% !important; margin:0 10% 0 auto; font-size:1em; }
}
@media all and (max-width:480px){
	#body > .body_left       { float:none; width:100%; height:40%; padding-top:50px; }
	#body > .body_right_up   { float:none; width:100%; height:30%; }
	#body > .body_right_down { float:none; width:100%; height:30%; }

	#body .m_slide > li:nth-child(3) .visual_txt .small_txt { width:auto;}
	#body .visual_txt .big_txt { font-size:1.5em; }
	#body .visual_txt .small_txt { width:60% !important; font-size:0.875em; }

	#body .thumb_txt { left:50%; bottom:0; width:100%; padding:15px 10px; text-align:center; background:rgba(0,0,0,0.5); box-sizing:border-box; transform:translateX(-50%); }
	#body .thumb_txt .big_txt { margin-left:0; font-size:1.2em; color:#fff; opacity:1; filter:alpha(opacity=100); }
}
@media all and (max-width:360px){}