#header { }
.top_area_0 { border-bottom:1px solid #ddd; }
.top_area_0 .membership_menu { flex-grow:1; max-width:1200px; margin:0 auto; display:flex; justify-content:flex-end; align-items:center; height:50px; }
.top_area_0 .membership_menu ul { }
.top_area_0 .membership_menu ul li a { padding:5px 5px; display:block;  }
.top_area_0 .membership_menu ul.my_point_info { background:#f0f5f8; border:1px solid #a8c7da; border-radius:20px; padding:3px 20px;  display:flex; align-items:center; }
.top_area_0 .membership_menu ul.my_point_info li { margin-left:10px; display:flex; align-items:center;  }
.top_area_0 .membership_menu ul.my_point_info li:first-child { margin-left:0px; }
.top_area_0 .membership_menu ul.my_point_info li strong { font-weight:normal; font-size:13px; margin-right:5px; display:block; }
.top_area_0 .membership_menu ul.my_point_info li span { font-weight:normal; }
.top_area_0 .membership_menu ul.my_info_menu { flex-grow:1; display:flex; justify-content:flex-end; }

.top_area_1 { max-width:1200px; margin:0 auto; padding:40px 0; display:flex; }
.top_area_1 h1 { width:300px; }
.top_area_1 .top_menu { width:100%; }
.top_area_1 .top_menu > ul { display:flex; justify-content:flex-end; }
.top_area_1 .top_menu > ul > li { position:relative; }
.top_area_1 .top_menu > ul > li > a { font-size:20px; padding:10px 20px; display:block; }
.top_area_1 .top_menu .sub_menu { position:absolute; top:45px; left:50%; width:190px; margin-left:-95px; background:#fff; border:1px solid #aaa; border-radius:10px; padding:10px 0; display:none; }
.top_area_1 .top_menu .sub_menu a { text-align:center; display:block; padding:5px 0; }
.top_area_1 .top_menu .sub_menu a:hover { color:#999; }
.top_area_1 .top_menu > ul > li:hover .sub_menu { display:block; }
.category_icon { width:100%;  background:#f0f5f8; padding:30px 0; }
.category_icon ul { display:flex; max-width:1200px; margin:0 auto; }
.category_icon li { width:calc(100% / 13); text-align:center; padding:10px 0; }
.category_icon li a { display:block; }
.category_icon li a span { display:block; letter-spacing:-1px; font-size:14px; white-space:nowrap; }
.category_icon li img { max-width:60%; margin-bottom:5px; }
.category_icon li:hover {  background:#cce1ed; border-radius:10px; }

#search { width:100%; max-width:1200px; margin:30px auto; border:5px solid #eee; padding:10px 0; display:flex; justify-content:center; }
#search input, #search select { border:1px solid #bbb; padding:0 10px 0 5px; margin-left:10px; }
#search input, #search .search_w_btn { margin:0; }