@charset "UTF-8";
/****************************** BtnPageTop  */
.el_pageTop { display: none; z-index: 1100; position: fixed; right: 25px; bottom: 50px; width: 50px; height: 50px; border-radius: 50%; background: #000000; opacity: 0.7; }

.el_pageTop a { -webkit-box-align: center; -ms-flex-align: center; display: block; position: relative; align-items: center; width: 50px; height: 50px; color: #ffffff; font-family: 'Ropa Sans', sans-serif; text-align: center; text-decoration: none; }

.el_pageTop a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0px; height: 0px; margin: auto; border-right: solid 5px transparent; border-bottom: solid 8px #ffffff; border-left: solid 5px transparent; content: ''; }

/******************************
header fixed
******************************/

/******************************
bl_breadcrumb
******************************/
.bl_breadcrumb { z-index: 100; position: relative; width: 960px; height: auto; margin: 23px auto 23px; color: #040000; font-size: 10px; font-weight: 500; }

.bl_breadcrumb ul { margin: 0 auto; margin-left: 26px; text-align: left; }

.bl_breadcrumb li { display: inline-block; }

.bl_breadcrumb li.el_pageDetail { display: none; }

.bl_breadcrumb a { position: relative; margin-right: 20px; padding-left: 6px; color: #040000; font-weight: 500; text-decoration: none; }

.bl_breadcrumb li:nth-child(2) a::before { display: block; position: absolute; top: 2px; bottom: 0; left: -1.2em; margin: auto; color: #040000; font-size: 10px; content: "＞"; }

.bl_breadcrumb span { position: relative; margin-right: 20px; padding-left: 6px; color: #040000; }

.bl_breadcrumb span::before { display: block; position: absolute; top: 2px; bottom: 0; left: -1.2em; font-size: 10px; content: "＞"; }

/******************************
js_tab2
******************************/
.js_tab2 { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 100; position: relative; justify-content: center; }

.js_tab_item2 { cursor: pointer; }

.js_panel2_item { display: none; }

.js_tab_item2.is_active { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.js_panel2_item.is_show { display: block; }

/******************************
tabs
******************************/

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

.js_filtering_item { display: none; }

.js_filtering_item.is_show { display: block; -webkit-animation-name: fade-in; animation-name: fade-in; -webkit-animation-duration: .5s; animation-duration: .5s; }

.js_filtering_section { display: none; }

.js_filtering_section.is_show { display: block; -webkit-animation-name: fade-in; animation-name: fade-in; }

@media (max-width: 639px) { .el_pageTop { right: 10px; bottom: 20px; } }

@media screen and (max-width: 750px) { .js_fixed { z-index: 100; position: fixed; top: 0; left: 0; } #tabs { margin-bottom: 66px; } }

@media screen and (min-width: 751px) { #tabs { margin-bottom: 239px; } }