@import url('https://fonts.googleapis.com/css2?family=Lato');


#wrap { width:100%; max-width:100%; position:relative; margin:0px auto 0; min-width:1420px;  padding:0; }
#container { width:100%; max-width:1700px; margin:0 auto; *zoom:1; display:flex; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }
#container:after { content:""; display:block; clear:both; }
#contents { flex-grow:1; max-width:100%; padding:0 60px; }
#header { min-width:100%; width:100%; border-bottom:1px solid #e6e6e6; }


.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }

.top_area { border-left:1px solid #ddd; border-right:1px solid #ddd; width:1700px; max-width:100%; margin:0px auto; padding:20px 30px;
height:80px; display:flex; justify-content:space-between; align-items:center; }

.top_area * { font-family:'Lato'; font-weight:400;letter-spacing:1px;  }
.top_area .top_logo { display:flex; align-items:center; margin-left:15px; }
.top_area .top_logo a { font-size:40px; color:#444; /* color:#d93838; */ font-weight:600; letter-spacing:-1px }
.top_area .top_logo img { max-height:40px; }

.top_area .membership_menu { text-align:right; position:relative; height:12px; }
.top_area .membership_menu ul { display:flex; justify-content:right; align-items:center;  }
.top_area .membership_menu li { padding:0 5px; line-height:12px; height:12px; display:flex; align-items:center; border-left:1px solid #ddd; }
.top_area .membership_menu li:first-child { border-left:0; }
.top_area .membership_menu li.cart { position:relative; padding-right:22px; }
.top_area .membership_menu li.cart img { position:absolute; width:24px; top:-5px; right:0; }
.top_area .membership_menu li a { font-size:11px; color:#000; padding:0 10px; }
.top_area .membership_menu li a:hover { color:#999; }




.left_area { width:300px; flex-shrink:0; margin:0px; border-right:1px solid #e6e6e6; padding:50px 10px 50px 50px; }
.left_area .left_category { margin-bottom:20px; }
.left_area .left_category * { font-family:'Lato'; font-weight:400;letter-spacing:1px; }
.left_area > div h3 { font-size:11px; height:25px; color:#999; }
.left_area .left_category > ul { display:flex; flex-wrap:wrap; padding:5px 0; }
.left_area .left_category > ul > li { width:100%; height:25px; position:relative;}
.left_area .left_category > ul > li > a { display:block; white-space:nowrap; font-size:11px; padding:7px 0; color:#000;  }
.left_area .left_category > ul > li a:hover { color:#999; }
.left_area .left_category > ul > li .sub_category_2 { display:none; position:absolute; left:110px; top:0; z-index:30; }
.left_area .left_category > ul > li:hover .sub_category_2 { display:block; }
.left_area .left_category > ul > li .sub_category_2 li { border:1px solid #ddd; border-top:0; border-bottom:0; padding:0px 10px; }
.left_area .left_category > ul > li .sub_category_2 li:first-child { border-top:1px solid #ddd; padding-top:10px; }
.left_area .left_category > ul > li .sub_category_2 li:last-child { border-bottom:1px solid #ddd; padding-bottom:10px; }

.left_area .left_search_box { width:200px; margin:30px 0 70px; }
.left_area .left_search_box .form_search { background:#fff; border-bottom:1px solid #e6e6e6; padding:0px; }
.left_area .left_search_box .form_search:hover { background:#fff; border-bottom:1px solid #222; padding:0px; }
.left_area .left_search_box fieldset { border:0; padding:0; display:flex; align-items:center;  justify-content:space-between; }
.left_area .left_search_box legend { display:none; }
.left_area .left_search_box #keyword  { flex-grow:1; height:30px; border:0; font-size:13px; color:#222;  background:#fff;  }
.left_area .left_search_box input[type=image] { width:14px; opacity:.6; }
.left_area .left_search_box input:focus {  outline: none;  }

.left_area .left_etc { width:200px; margin:50px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:50px 0; }
.left_area .left_etc * { font-family:'Lato'; font-weight:400;letter-spacing:1px; }
.left_area .left_etc h3 { color:#222; }
.left_area .left_etc ul { padding:5px 0; }
.left_area .left_etc ul li { font-size:11px; color:#aaa;  }

.left_area .left_etc .left_banner { padding:40px 0 0 0; width:200px;}
.left_area .left_etc .left_banner img { max-width:100%; }


.left_area .left_notice ul { margin-top:0; padding:0; }
.left_area .left_notice ul li { }
.left_area .left_notice ul li a { display:block; width:200px; height:25px; line-height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#555;  }







#footer { position:relative; border-top:1px solid #e6e6e6; }
#footer .inner { width:100%; max-width:1700px; margin:0 auto; *zoom:1; display:flex; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }

#footer .bottom_logo { border-right:1px solid #e6e6e6; width:300px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
#footer .bottom_info { flex-grow:1; text-align:right; padding:50px ; }
#footer .bottom_info .bottom_menu li {}
#footer .bottom_info ul {  margin-bottom:20px; }
#footer .bottom_info ul.bottom_menu { display:flex; justify-content:right;  flex-wrap:wrap;}
#footer .bottom_info ul li { padding:0 5px; font-size:11px; font-family:'Lato'; font-weight:400; letter-spacing:1px; display:inline-block; }
#footer .bottom_info ul li a,
#footer .bottom_info ul li span { color:#999; font-size:11px;font-family:'Lato';  margin:0 5px; }

#footer .bottom_info ul.bottom_address li { display:inline-block; }
#footer .bottom_info ul.bottom_address .address { color:#757575; line-height:24px; width:900px; }
#footer .bottom_info ul.bottom_address .address span { padding:0 10px 0 0; font-size:12px; display:inline-block; }
#footer .bottom_info ul.bottom_address .address span a { color:#757575;font-size:12px; }
#footer .bottom_info ul.bottom_address .copyright {  font-size:11px; line-height:45px; }



#footer .bottom_area_1 { }
#footer .bottom_area_1 * { font-size:14px; }
#footer .bottom_area_1 ul {}
#footer .bottom_area_1 ul li { display:inline-block; }
#footer .bottom_area_1 ul li a { display:block; border-left:1px solid #88765e; padding:0 15px; line-height:14px; font-size:16px; }
#footer .bottom_area_1 ul li a:hover { color:#777; }
#footer .bottom_area_1 ul li:first-child a { border:0; padding-left:0; }
#footer .bottom_area_1 .btn_top { position:absolute; top:0px; right:0; }
#footer .bottom_area_1 .btn_top a { border:0; display:block;width:60px; height:60px; text-align:center; background:#c5b9aa; line-height:60px; padding:0;
border-radius:30px; color:#fff; font-size:14px; }

#footer .bottom_area_2 { flex-grow:1; }
#footer .bottom_area_2 h2 { display:none; position:absolute; top:30px; left:0; }
#footer .bottom_area_2 h2 img { width:150px; }



.main_banner_area { margin:40px auto; text-align:center; width:100%; }
.main_banner_area img { max-width:100%; }