@charset "UTF-8";

@media screen and (min-width:768px){
    header .logo{width:112px; position: relative; top:10px;}
    header .item.mypage a,
    header .item.cart a{position: relative; top: -4px; color:#152a3b;}
    header .item .mypageMenu a{color:#152a3b; top:0;}
    header .fa-user:before,
    header .fa-shopping-cart:before{content:''; width:20px; height:20px; display: block; position: relative; top: 4px;}
    header .fa-user:before{background: url(../images/header_new/icon_mypage.webp) 0 0/100% auto no-repeat;}
    header .fa-shopping-cart:before{background: url(../images/header_new/icon_cart.webp) 0 0/100% auto no-repeat;}
    header .search{top:1px!important;}
    header .search,
    header .search .search_input{width:114px!important;}
    header .search .search_btn{top:-3px!important;}
    header .search input[type=text]{line-height: normal!important; padding-bottom: 0px!important;}
    header .search_btn img{width: 12px!important;}

    header .header_content .nav_wrap{padding-left: 0;}
    header .nav .nav_item a{color:#152a3b;}
    header .nav .nav_item.mail a{background: #e9f1f8 url(../images/header_new/icon_mail_pc.webp) 15px 50%/12px auto no-repeat; padding: 5px 15px 5px 35px; border-radius: 13px;}

    header .main_menu_list{}
    header .main_menu_item > a{color:#152a3b; padding:0 12px 15px 12px!important;}
    header .main_menu_item > a:after{display: none;}
    header .header_content{padding-top: 5px;}

    header .header_content .nav_wrap .icon{padding-right: 12px!important;}

    header .submenu_item .title,
    header .submenu_item .description{letter-spacing: 0!important;}

}

@media screen and (min-width: 768px){
 header .header_content .main_menu .main_menu_item .submenu.series .submenu_item {
    width:20%!important;
 }
}

@media screen and (max-width:1040px) and (min-width: 768px){
    header .nav .nav_item{margin-left: 5px!important; font-size: 1.1rem;}
    header .main_menu_item > a{padding:0 8px 15px 8px!important; font-size: 1.2rem;}

    header .header_content .nav_wrap .icon{padding-right: 8px!important;}
}

@media screen and (max-width:900px) and (min-width: 768px){
    header .nav .nav_item{margin-left: 2px!important; font-size: .9rem;}
    header .main_menu_item > a{padding:0 4px 15px 4px!important; font-size: 1.0rem;}
    header .nav .nav_item.mail a{background: #e9f1f8 url(../images/header_new/icon_mail_pc.webp) 5px 50%/8px auto no-repeat; padding: 5px 5px 5px 20px;}
    header .header_content .nav_wrap .search{margin:0 10px;}

    header .header_content .nav_wrap .icon{padding-right: 4px!important;}
}

@media screen and (max-width:767px){
    body.archive,
    body.post-template-default,
    body.seminar-template-default,
    .fs-l-page{padding-top: 28px!important;/*padding-top: 56px!important;*/}
    .dl-menuwrapper .burger.dl-active::after{top: 56px!important; height: calc(100vh - 56px)!important;}
    header .sp_menu .icon{top:10px!important;}
    header .mypageMenuSp:before,
    header .mypageMenuSp:after{right:26px!important;}

    header .burger{left:10px; height: 56px!important;}
    header .burger-lines,
    header .burger-lines:after,
    header .burger-lines:before{height: 2px!important; max-width: 24px;}
    header .burger-lines:after{top: -.5em!important;}
    header .burger-lines:before{top: .5em!important;}
    header .dl-active .burger-lines:after,
    header .dl-active .burger-lines:before{top: 0!important;}
    header .logo_sp{width:60px!important; margin-left: -30px!important; top:13px!important;}
    header .fa-user{margin-right: 0!important;}
    header .fa-user:before,
    header .fa-shopping-cart:before{content:''; width:24px; height:24px; display: block;}
    header .fa-user:before{background: url(../images/header_new/icon_mypage.webp) 0 0/100% auto no-repeat;}
    header .fa-shopping-cart:before{background: url(../images/header_new/icon_cart.webp) 0 0/100% auto no-repeat;}
    header .burger.dl-active::after{background: #fff!important;}

    header .dl-menu{border-top:1px #d9d9d9 solid;}
    header .dl-menu li{border-bottom:1px #d9d9d9 solid;}
    header .dl-menuwrapper li a{color:#152a3b; background: url(../images/header_new/icon_r_b.webp) calc(100% - 10px) 50%/auto 8px no-repeat; font-weight: 500;}
    header .dl-menuwrapper li > a:after,
    header .dl-menuwrapper li.dl-back:after{display: none!important;}
    .dl-menuwrapper li.dl-back > a{/*color:#fff;*/ color:#152a3b; background: url(../images/header_new/icon_l.webp) #e9f1f8 10px 50%/auto 12px no-repeat; padding: 14px 20px 14px 30px;}
    header .dl-menu li.menu01{background: url(../images/header_new/icon_menu01.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu02{background: url(../images/header_new/icon_menu02.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu03{background: url(../images/header_new/icon_menu03.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu04{background: url(../images/header_new/icon_menu04.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu05{background: url(../images/header_new/icon_menu05.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu06{background: url(../images/header_new/icon_menu06.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu07{background: url(../images/header_new/icon_menu07.webp) 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menu li.menu08{background: url(../images/header_new/icon_menu08.webp) #e9f1f8 10px 50%/auto 44px no-repeat; height: 56px;}
    header .dl-menuwrapper li a.menu01,
    header .dl-menuwrapper li a.menu04,
    header .dl-menuwrapper li a.menu05{background: url(../images/header_new/icon_plus.webp) calc(100% - 10px) 50%/auto 18px no-repeat; padding: 18px 20px 18px 70px;}
    header .dl-menuwrapper li a.menu02,
    header .dl-menuwrapper li a.menu03,
    header .dl-menuwrapper li a.menu06,
    header .dl-menuwrapper li a.menu07{padding: 18px 20px 18px 70px;}
    header .dl-menuwrapper li a.menu08{padding: 8px 20px 8px 70px;}
    header .dl-submenu li{border-bottom: none!important;}

}