@charset "UTF-8";

/*-----------------------------------------------------
brand_top_header.css
update 2017年2月10日
-------------------------------------------------------*/

/*brand_top*/
#brand_top_header{
	height: 71px;
}
#brand_top_header .header_inner {
    border-bottom:1px solid #ededed;
    min-width: 1060px;
	height: 70px;
    width:100%;
    position: relative;
    background: #fff;
}
    #brand_top_header .header_inner.pos_fixed{
        position:fixed;
        top:0;
        left: 0;
        z-index: 1000;
    }


    #brand_top_header #brand_title_box {
        width: 1060px;
        margin: 0 auto;
        position: relative;
        height: 70px;
        overflow: visible;
    }
    #brand_top_header #brand_header_menu{
        position: absolute;
        top:0;
        left: 0;
        z-index: 2;
    }
        #brand_top_header #brand_header_menu #brand_header_menu__btn{
            cursor: pointer;
            width:100px;
            height: 70px;
            background: url(../images/header/icon-brandmenu.png) 0 50% no-repeat;
			background-size: 100px auto;
        }
        #brand_top_header #brand_header_menu #brand_header_menu__btn.clicked{
            background: url(../images/header/icon-brandmenu-close.png) 0 50% no-repeat;
			background-size: 100px auto;
        }
            #brand_top_header #brand_header_menu #brand_header_menu__btn span{
                visibility: hidden;
				background: url(../images/header/icon-brandmenu-close.png) 0 50% no-repeat;
				background-size: 100px auto
            }
        #brand_top_header #brand_header_menu #brand_header_menu__inner{
            position:absolute;
            top:70px;
            left: 0;
            z-index: 10000;
            background: #f0f0f0;
            padding:30px 40px;
            width:1060px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;

            /**/
            display: none;
        }
        #brand_top_header #brand_header_menu #brand_header_menu__inner.clicked{
            display: block;
        }
/*
						#brand_top_header #brand_header_menu #brand_header_menu__inner dl{
                width:207px;
                float:left;
                margin-right: 40px;
            }
						*/
						#brand_top_header #brand_header_menu #brand_header_menu__inner dl{
                width:200px;
                margin-right: 40px;
								display: inline-block;
								vertical-align: top;
            }
                #brand_top_header #brand_header_menu #brand_header_menu__inner dl dt{
                    font-size:15px;
                    padding-bottom:10px;
                    border-bottom:1px solid #555555;
                    margin-bottom: 15px;
                    line-height: 1.2;
                }
                    #brand_top_header #brand_header_menu #brand_header_menu__inner dl dd li{
                        font-size:13px;
                        margin-bottom: 10px;
                    }

    #brand_top_header #brand_header_search{
        position: absolute;
        top:0;
        left: 100px;
        z-index: 2;
    }
        #brand_top_header #brand_header_search #brand_header_search__btn{
            cursor: pointer;
            width:80px;
            height: 70px;
            background: url(../images/header/icon-search.png) 0 50% no-repeat;
			background-size: 90px auto;
        }
            #brand_top_header #brand_header_search #brand_header_search__btn:hover{
                background-color: #f1f1f1;
            }
            #brand_top_header #brand_header_search #brand_header_search__btn span{
                visibility: hidden;
            }
        #brand_top_header #brand_header_search #brand_header_search__inner{
            position:absolute;
            top:70px;
            left: 0;
            z-index: 10000;
            padding:20px;
            background: #fff;
            /**/
            display: none;
        }
        #brand_top_header #brand_header_search #brand_header_search__inner.clicked{
            display: block;
        }
        #brand_top_header #brand_header_search #brand_header_search__inner .tit{
            padding-top: 15px;
            font-size:12px;
        }


    #brand_top_header #brand_title_box #brand_top_header__logo {
        display: table;
        width: 100%;
        margin: 0 auto;
        height: 70px;
    }
        #brand_top_header #brand_title_box #brand_top_header__logo span{
            display:table-cell;
            width: 100%;
            vertical-align: middle;
            text-align: center;
            height: 70px;
        }

    #brand_top_header #brand_title_box #brand_top_header__list{
        position: absolute;
        top:0;
        right: 0;
        z-index: 2;
        overflow: hidden;
        width:162px;
    }
    #brand_top_header #brand_title_box #brand_top_header__list li{
        float: left;
        margin: 0px 0px 0 0px;
    }
        #brand_top_header #brand_title_box #brand_top_header__list li a{
            display: block;
            width:81px;
            height: 70px;
        }
            #brand_top_header #brand_title_box #brand_top_header__list li a:hover{
                background-color: #f1f1f1;
            }
            #brand_top_header #brand_title_box #brand_top_header__list li#ico_catalog a{
                background-image: url(../images/header/icon-catalog.png);
                background-position:  50% 50%;
                background-repeat:  no-repeat;
                background-size: 55px 52px;
            }
            #brand_top_header #brand_title_box #brand_top_header__list li#ico_shoplist a{
                background-image: url(../images/header/icon-shoplist.png);
                background-position:  50% 50%;
                background-repeat:  no-repeat;
                background-size: 55px 52px;
            }
            #brand_top_header #brand_title_box #brand_top_header__list li#ico_blog a{
                background-image: url(../images/header/icon-blog.png);
                background-position:  50% 50%;
                background-repeat:  no-repeat;
                background-size: 55px 52px;
            }
            #brand_top_header #brand_title_box #brand_top_header__list li#ico_styling a{
                background-image: url(../images/header/icon-styling.png);
                background-position:  50% 50%;
                background-repeat:  no-repeat;
                background-size: 55px 52px;
            }

            #brand_top_header #brand_title_box #brand_top_header__list li a span{
                visibility: hidden;
            }


#image-bloc {
    height: 500px;
    overflow: hidden;
    margin: 0px auto 0;
}

#brand_mv .bx-wrapper {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    *zoom: 1;
}

#brand_mv .bx-viewport {
    overflow: visible!important;
    width: 920px!important;
}

#brand_mv .main-container {
    overflow: hidden;
    padding-bottom: 150px;
}

#brand_mv .slider {
    list-style: none;
    margin: 0;
    padding: 0;
}

#brand_mv .slider li {
    width: 900px!important;
    margin: 0;
    padding: 0;
}

#brand_mv #image-bloc .bx-wrapper .bx-pager {
    bottom: -10px;
}

#brand_mv #image-bloc .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border: 1px solid #AAAAAA;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#brand_mv #image-bloc .bx-wrapper .bx-pager.bx-default-pager a:hover,
#brand_mv #image-bloc .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
    border: 1px solid #000;
}

#brand_mv #image-bloc .bx-wrapper .bx-prev {
    left: -4%;
    background: url(../images/brand/left.png) no-repeat;
    width: 60px;
    height: 60px;
}

#brand_mv #image-bloc .bx-wrapper .bx-next {
    right: -4%;
    background: url(../images/brand/right.png) no-repeat;
    width: 60px;
    height: 60px;
}

.loading_img {
    text-align: center;
}

.view_timer_start{
    display:none;
}