@charset "utf-8";

.wrap {max-width: 1200px; margin: 0 auto; width: 100%;}
header {width: 100%;height: auto;background-color: #fff;margin: 0 auto;}

header .top-line {width: 100%;border-bottom: 4px solid #fdf099;padding: 7px 0 7px;font-size: .8em; position:fixed; background:#ffffff; z-index:999999; top:0 }
header .top-box {display: flex;align-items: center; justify-content: space-between;}
header .top-box .left-box{ }
header .top-box .middle-box{width: 45%; text-align:center; }
header .top-box .middle-box img {    max-width: 115px; width: 50%; }
header .top-box .right-box{ }

header .header_wrap { margin-top: 57px !important; }

@media screen and (max-width:500px){
    .wrap{ padding: 0 2%;}
    header .top-box .left-box{width: 50%;padding: 2%;}
    header .top-box .middle-box{order: 3;width: 100%;padding: 15px 0;}
    header .top-box .right-box{width: 50%;padding: 2%;}
}


header .top-menu {display: flex; align-items: center; justify-content: space-between;}
header .top-menu a {font-size: 1.4em;font-weight: 600;margin: 0 .1em;}
header .top-menu a:hover {color:#a8a8a8; }
header .top-menu a:before {content: "|";position: relative;top: -0.1em;margin: 0 8px;font-size: 0.8em;opacity: .6;display: none;}
header .top-menu a:first-of-type:before { display: none; }

header .header-box {padding: 20px 0;}
header .menu-box {display: flex;justify-content: center;}
header nav .menu-box { flex-direction: column;}
header .menu-box .logo{}
header .menu-box .menu-list{display: flex;align-items: center;justify-content: space-between;}
header .menu-box .menu-item{
    margin: 0 30px;
}
header .menu-box .menu-item>a{}
header .menu-box .sub-list{}
header .menu-box .sub-item{}

header .menu-box .search-box{
    display: none;
}

header .Sns_btn>a{width: 35px;margin: 0 12px;opacity:.7;}
header .Sns_btn>a:before{display: none;}
header .Sns_btn>a>img{width:100%;}
header .logo_line{padding-top: 30px;height: 130px;align-items: flex-start;}

header .search_keyword {max-width: 500px; width: 80%; display: flex; align-items: center; margin: 0 auto; border-radius: 8px; padding-top: 0.3em; letter-spacing: -.01em; flex-direction: row; flex-wrap: wrap;}
header .search_keyword>li {margin: 0 10px;}
header .search_keyword>li>a {font-size: 0.8em;color: #999999;font-weight: 900;}


@media screen and (max-width:1200px){
    body { padding: 0 1%;}
}