@charset "UTF-8";
/*common.cssへ記述*/
.header-wrap .header-nav{
 overflow-y: auto;
 padding-top:50px;
 padding-bottom:50px;
 padding-right:20px;
 padding-left:20px;
 position: absolute;
 top:67px;
 left:0;
 width:100%;
 box-sizing: border-box;
}
@media screen and (min-width: 960px){
 .top-nav__wrap-inner ul li{
  margin:0 3%;
 }
}
/*-------------------------------------- NEW CSS---------------------------------------*/
/*---------------------------header-sp-------------------------*/
.header-wrap .header-nav .header-nav-sp{
 margin-bottom:50px;
}
.header-wrap .header-nav .header-nav-sp h2{
 font-family: "El Messiri", sans-serif;
 font-size: 16px;
 font-weight: normal;
 margin-bottom:20px;
}
.header-wrap .header-nav .header-nav-sp h2 span{
 display: block;
 font-size: 10px;
}
.header-wrap .header-nav .service-sp ul{
 display: flex;
 flex-wrap: wrap;
 justify-content:center;
}
.header-wrap .header-nav .service-sp ul li{
 padding-right:20px;
 position: relative;
 margin-top:0px;
}
.header-wrap .header-nav .service-sp ul li:after{
 background:rgba(62,31,17,.5);
 content:"";
 display: block;
 width:1px;
 height:100%;
 position: absolute;
 top:0;
 right:10px;
}
.header-wrap .header-nav .service-sp ul li:last-child:after{
 display: none;
}
.header-wrap .header-nav .service-sp ul li:last-child{
 padding-right:0;
}
.header-wrap .header-nav .service-sp ul li a{
 display: block;
 font-family: "El Messiri", sans-serif;
 font-size: 12px;
}
.header-wrap .header-nav .category-sp ul li a img{
 box-sizing: border-box;
    max-width: 50px;
    overflow: hidden;
    height: 50px;
 padding:3px;
}
.header-wrap .header-nav .category-sp ul li a{
 padding:0;
}
.header-wrap .header-nav .category-sp ul li a div{
 align-items: center;
 display: flex;
 height: 50px;
}
.header-wrap .header-nav .category-sp ul li a span{
 font-size: 13px;
 display: inline-block;
 padding-left:10px;
}
.header-wrap .header-nav .category-sp ul li,.header-wrap .header-nav .about-sp ul li{
 text-align: left;
 margin-top:0px;
 position: relative;
}
.header-wrap .header-nav .category-sp ul li:after,.header-wrap .header-nav .about-sp ul li:after{
 background:rgba(62,31,17,.1);
 content:"";
 display: block;
 width:100%;
 height:1px;
 position: absolute;
 bottom:0;
 left:0;
}
.header-wrap .header-nav .category-sp ul li a,.header-wrap .header-nav .about-sp ul li a{
 display: block;
  font-family: "El Messiri", sans-serif;
 font-size: 13px;
 position: relative;
}
.header-wrap .header-nav .about-sp ul li a{
 padding:15px 0;
}
.header-wrap .header-nav .category-sp ul li a:after,.header-wrap .header-nav .about-sp ul li a:after{
 content:">";
 display: block;
 font-size: 11px;
 font-weight: 700;
 color:rgba(62,31,17,1);
 position: absolute;
 top:50%;
 right:10px;
 transform: translateY(-50%);
}
.header-wrap .header-nav .header-sns{
 margin-bottom: 50px;
}
.header-wrap .header-nav .header-sns ul{
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 250px;
    margin: 0 auto;
}
.header-wrap .header-nav .header-sns ul li{
 margin-top:0;
}
/*------------------------header-pc-------------------------------*/
.header-nav-under .header-nav-under-category li a{
 font-size: 14px;
}
.header-nav-pc ul li a:hover{
 text-decoration: underline;
}
.header-nav-pc > li > a{
 padding:50px 0;
}
.header-nav-pc li ul.child{
   background:#FFF;
   border-bottom: 10px solid;
    border-image-slice:49%;
    border-image-source: radial-gradient(#FFF,transparent);
    border-image-width:0 0 10px;
    display: none;
    position: fixed;
    top:90px;
    left:0;
    padding: 20px 0 50px;
    margin: 0 0 0 0;
    width: 100vw;
}
.header-nav-pc li ul.child li ul{
 flex-wrap: wrap;
 justify-content: flex-start;
 margin:0 10%;
}
.header-nav-pc li ul.child li ul li a{
 display: block;
}
.header-nav-pc li ul.child .nav-under-category{
 margin:0;
}
.header-nav-pc li ul.child .nav-under-category ul{
 max-width:1000px;
 margin:0 auto;
}
.header-nav-pc li ul.child .nav-under-category ul li{
 margin:0 10px 20px;
 width:180px;
}
.header-nav-pc li ul.child .nav-under-category a img{
  box-sizing: border-box;
  max-width: 50px;
  overflow: hidden;
  height: 50px;
 padding:3px;
}
.header-nav-pc li ul.child .nav-under-category a{
 padding:0;
}
.header-nav-pc li ul.child .nav-under-category a div{
 align-items: center;
 display: flex;
 height: 50px;
}
.header-nav-pc li ul.child .nav-under-category a span{
 font-size: 13px;
 display: inline-block;
 padding-left:10px;
}
.header-nav-pc li ul.child .nav-under-about ul{
 flex-wrap: wrap;
 justify-content: center;
 margin:0 auto;
 max-width:1000px;
}
.header-nav-pc li ul.child .nav-under-about ul li{
 position: relative;
}
.header-nav-pc li ul.child .nav-under-about ul li:after{
 background:rgba(62,31,17,.5);
 content:"";
 display: block;
 width:1px;
 height:100%;
 position: absolute;
 top:0;
 right:-28px;
}
.header-nav-pc li ul.child .nav-under-about ul li:last-child:after{
 display: none;
}
.header-nav-pc li ul.child .nav-under-about ul li a{
 font-size: 14px;
}