@charset "utf-8";
/* CSS Document */

@media all and (min-width:1281px) and (max-width:9999px) {
	
.b_logo { display:block;}
.s_logo { display:none;}
.contents_main { min-height:600px;}
.contents { min-height:600px;}


.f_wrap { display:block;}
.f_wrap_2 { display:block;}


}


@media all and (min-width:1200px) and (max-width:1280px) {
	
.b_logo { display:block;}
.s_logo { display:none;}

.contents_main img.con_img1_1 { margin-top:-100px;}

.contents_main { min-height:600px;}
.contents { min-height:600px;}

.f_wrap { display:block;}
.f_wrap_2 { display:block;}


}


@media all and (min-width:981px) and (max-width:1200px) {
.con_wrap { padding-top:48px;}
.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:560px; max-width:1460px; margin:0 auto; padding:0 20px;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-15px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:0; top:20px; cursor:pointer;}

.header .h1_600 .mu_layer { display:none;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}


.mu_layer { width:100%;}
.mu_layer ul { width:100%;}

.b_logo { display:none;}
.s_logo { display:block; }

.contents .text_area { left:10px; bottom:50px;}

.contents_main .tit_ball {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}

.f_wrap { display:none;}
.f_wrap_2 { display:none;}


.con_bg4_add02 { background:url('../images/aboutbrand/innovation_t.jpg') no-repeat bottom center; background-size:cover; }

}

@media all and (min-width:900px) and (max-width:980px) {
.con_wrap { padding-top:48px;}
.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:560px; max-width:1460px; margin:0 auto; padding:0 20px;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-15px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:0; top:20px; cursor:pointer;}

.header .h1_600 .mu_layer { display:none;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}

.mu_layer { width:100%;}
.mu_layer ul { width:100%;}

.contents .text_area { left:10px; bottom:50px;}
.contents .tit_ball2 {  position:relative; width:280px; height:150px; padding-top:130px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg.png) no-repeat; }

.contents_main .tit_ball {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}

.b_logo { display:none;}
.s_logo { display:block; }

.f_wrap { display:none;}
.f_wrap_2 { display:none;}


.con_bg4_add02 { background:url('../images/aboutbrand/innovation_t.jpg') no-repeat bottom center; background-size:cover; }
.contents_main img.con_img1_1 { min-width:1000px; position:absolute; left:50%; margin-left:-500px;}
}


@media all and (min-width:830px) and (max-width:899px) {
.con_wrap { padding-top:48px;}

.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:560px; max-width:1460px; margin:0 auto; padding:0 20px;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-15px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:0; top:20px; cursor:pointer;}

.header .h1_600 .mu_layer { display:none;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}

.mu_layer { width:100%;}
.mu_layer ul { width:100%;}


.contents .text_area { left:10px; bottom:50px;}
.contents_main .tit_ball {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}
.contents .tit_ball2 {  position:relative; width:280px; height:150px; padding-top:130px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg.png) no-repeat; }


.b_logo { display:block;}
.s_logo { display:none;}

.b_logo { display:none;}
.s_logo { display:block; }

.contents_main img.con_img1_1 { min-width:1000px; position:absolute; left:50%; margin-left:-500px;}

.con_bg4_add02 { background:url('../images/aboutbrand/innovation_t.jpg') no-repeat bottom center; background-size:cover; }

}


@media all and (min-width:800px) and (max-width:829px) {

.con_wrap { padding-top:48px;}

.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:280px; max-width:1460px; margin:0 auto; padding:0 20px;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-15px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:0; top:20px; cursor:pointer;}

.header .h1_600 .mu_layer { display:none;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}

.mu_layer { width:100%;}

.contents { min-height:600px;}
.contents_main { min-height:600px;}
.contents .text_area { left:10px; bottom:50px;}
.contents_main .tit_ball {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}
.contents .tit_ball2 {  position:relative; width:280px; height:150px; padding-top:130px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg.png) no-repeat; }
.contents_main .tit_ball_wrap_1 { top:50%;}


.b_logo { display:none;}
.s_logo { display:block; }

.f_wrap { display:none;}
.f_wrap_2 { display:none;}

.con_bg4 { padding-bottom:60px; }


.contents_main img.con_img1_1 { min-width:1000px; position:absolute; left:50%; margin-left:-500px;}

.con_bg4_add02 { background:url('../images/aboutbrand/innovation_t.jpg') no-repeat bottom center; background-size:cover; }

}


@media all and (min-width:745px) and (max-width:799px) {

.con_wrap { padding-top:48px;}

.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:280px; max-width:1460px; margin:0 auto; padding:0 20px;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-15px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:0; top:20px; cursor:pointer;}

.header .h1_600 .mu_layer { display:none;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}

.mu_layer { width:100%;}

.contents { min-height:600px;}
.contents_main { min-height:600px;}
.contents .text_area { left:10px; bottom:50px;}
.contents_main .tit_ball {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}
.contents .tit_ball2 {  position:relative; width:280px; height:150px; padding-top:130px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg.png) no-repeat; }
.contents_main .tit_ball_wrap_1 { top:50%;}
.contents_main img.con_img1_1 { min-width:1000px; position:absolute; left:50%; margin-left:-500px;}

.b_logo { display:none;}
.s_logo { display:block; }

.f_wrap { display:none;}
.f_wrap_2 { display:none;}

/*.con_bg4 { padding-bottom:60px; }*/


.con_bg4_add02 { background:url('../images/aboutbrand/innovation_t.jpg') no-repeat bottom center; background-size:cover; }

}



@media all and (min-width:601px) and (max-width:744px) {

.con_wrap { padding-top:48px;}


.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:280px; max-width:1460px; margin:0 auto; padding:0 20px;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-15px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:0; top:20px; cursor:pointer;}

.header .h1_600 .mu_layer { display:none;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}

.mu_layer { width:100%;}

.contents { min-height:600px;}
.contents_main { min-height:600px;}
.contents .text_area { left:10px; bottom:50px;}
.contents_main .tit_ball {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}
.contents .tit_ball2 {  position:relative; width:220px; height:120px; padding-top:100px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_600.png) no-repeat; }
.contents_main .tit_ball_wrap_1 { top:50%;}
.contents_main img.con_img1_1 { min-width:800px; position:absolute; left:50%; margin-left:-400px;}
/*.con_bg4 { padding-bottom:60px; }*/

.b_logo { display:none;}
.s_logo { display:block; }

.f_wrap { display:none;}
.f_wrap_2 { display:none;}

.con_bg4_add02 { background:url('../images/aboutbrand/innovation_t.jpg') no-repeat bottom center; background-size:cover; }

}


@media all and (min-width:5px) and (max-width:600px) {

.con_wrap { padding-top:48px;}

.h_wrap { float:left; width:100%; top:0px; z-index:1000; background:#222222;}
.header { width:100%; min-width:280px; max-width:1460px; margin:0 auto;}
.header h1 { display:none;}
.header .h1_600 { display:block; position:relative; padding:0 20px;}
.header .h1_600 ul { display:block; float:right;}
.header .h1_600 .h_lan { position:absolute; right:-35px; top:5px;}
.header h1.h1_2 { display:block;} 
.header h1.h1_2 img { margin-top:5px;}
.header h1.h1_2 img.fl { float:left; position:absolute; left:10px; top:20px; cursor:pointer;}
.header ul { display:none;}
.header .h1_2 { display:block; float:none; background:#222222; height:48px; position:relative; text-align:center;}
.header .mn_btn { display:block; position:absolute; z-index:20; left:20px; top:20px; cursor:pointer;}


.header .h1_600 .mu_layer { display:none; left:0;}

.header .lan { display:block;}
.header .lan_a { display:block; height:38px;}
.header .h1_600 ul .lan_sel2 { display:none; width:150px; background:#222; position:absolute; right:-20px; top:41px; margin:0; text-align:center; opacity:0.8; -ms-filter:alpha(opacity=80); -moz-filter:alpha(opacity=80); -o-filter:alpha(opacity=80); filter:alpha(opacity=80); padding-top:10px;}
.header .h1_600 ul .lan_sel2 li { width:36px; height:15px; padding-bottom:10px; margin-left:11px;}


.contents_main img.con_img1_1 { position:absolute; margin-left:-287px; left:50%; bottom:35%; min-width:565px;}

.contents { min-height:370px;}
.contents_main { min-height:370px;}
.contents .text_area { left:10px; bottom:50px;}
.contents_main .tit_ball { position:relative; width:180px; height:100px; padding-top:80px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_320.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}
.contents .tit_ball2 { position:relative; width:180px; height:120px; padding-top:80px; margin:auto; text-align:center; vertical-align:middle; background:url(../images/common/tit_ball_bg_320.png) no-repeat; z-index:100; behavior:url('http://www.mandofootloose.com/en/web/css/web/PIE/PIE.htc');}
.contents .tit_ball2 p { font-size:28px;}
.contents_main .tit_ball_wrap_1 { top:50%;}



.contents .text_area h2 { font-size:22px;}
.contents .text_area h3 { font-size:15px; margin-bottom:12px;}
.contents .text_area p { font-size:11px;}
.contents .text_area p.tp1 { display:none;}
.contents .text_area p.tp2 { display:block; font-size:11px;}

.contents .tit_ball_wrap_1 { width:100%; position:absolute; left:0; top:50%; margin-top:-120px; z-index:100;}
.contents .tit_ball_wrap_2 { width:100%; position:absolute; left:0; top:50%; margin-top:-150px; z-index:100;}
.contents .tit_ball_wrap_3 { width:100%; position:absolute; left:0; top:50%; margin-top:-150px; z-index:100;}
.contents .tit_ball_wrap_4 { width:100%; position:absolute; left:0; top:50%; margin-top:-150px; z-index:100;}


.b_logo { display:none;}
.s_logo { display:block; }
.con_bg { background:url('../images/aboutbrand/con_bg_2014_2.png') no-repeat center center;}

.page_btn { display:none;}

.f_wrap { display:none;}
.f_wrap_2 { display:none;}


.life_h3 { width:200px;}
.con_bg4_add01 { background:url('../images/aboutbrand/inspiration_m.jpg') no-repeat bottom center; background-size:cover; background:url('../images/aboutbrand/inspiration_ie8_m.jpg') no-repeat center center\0/IE8; background-size:100%\0/IE8; }
.con_bg4_add02 { background:url('../images/aboutbrand/innovation_ie8_m.jpg') no-repeat center center\0/IE8; background-size:100%\0/IE8; }
.con_bg4_add03 { background:url('../images/aboutbrand/lifestyle_m.jpg') no-repeat bottom center; background-size:cover; background:url('../images/aboutbrand/lifestyle_ie8_m.jpg') no-repeat center center\0/IE8; background-size:100%\0/IE8; }

.contents .tit_ball2 p.np { font-size:28px;}

/*
.con_bg2 { background:url('../images/aboutbrand/smart_600.jpg') no-repeat center center; }
.con_bg3 { background:url('../images/aboutbrand/simple_600.jpg') no-repeat center center; }
.con_bg4 { background:url('../images/aboutbrand/stylish_test.jpg') no-repeat center center; }*/