@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea{background:#000000;border-bottom: 1px solid #fff;overflow: hidden;position: sticky;top: 0;left: 0;z-index: 999;width: 100vw;}
#headerArea *{color:#fff;}
#headerAreaInner {max-width: 1200px;width: 100%;height: auto;padding: 0.8em 0.8em 0.8em;}
#headerArea .logoBox{margin: 0 auto;width: 60%;order: 2;padding-right: 2.5em;}
#headerArea .ttl {margin: 0;}
#headerArea .menuMain{width: 100%;}
#headerArea #gnav{width: 100%;}


#headerArea .navMenuBtnBox{display:block;order: 1;}
#headerArea #menuBtnBox{display:block;width: 30px;height: 20px;cursor: pointer;margin: 0 0em 0 0;/*background:#ccc;*//* position:  absolute; *//* top: 0; *//* right:  0; *//* z-index: 9999; */}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,
#headerArea #menuBtnBox .menuBtn:before,
#headerArea #menuBtnBox .menuBtn:after{content:"";display:block;width: 30px;height: 2px;background: #fff;position:absolute;right:0;border-radius: 20px;transform-origin: center;transition:all 0.5s ease;}

#headerArea #menuBtnBox .line{top: 0;}
#headerArea #menuBtnBox#menuBtnBox .menuBtn:before{top: calc(50% - 1px);}
#headerArea #menuBtnBox .menuBtn:after{bottom:0;}

#headerArea #menuBtnBox .menuBtn.open .line{top: calc(50% - 1px);transform:rotate(-45deg);}
#headerArea #menuBtnBox .menuBtn.open:before{top: calc(50% - 1px);opacity:0;}
#headerArea #menuBtnBox .menuBtn.open:after{bottom: calc(50% - 1px);transform: rotate(45deg);}

#headerArea .menuMain .listItem a{font-size: 14px;}
#headerArea .menuMain .listItem:nth-child(1) a::before{background: #b00201;border-top: 1px solid #fff;content: '';height: 100%;position: absolute;top: -1px;left: -14px;z-index: -1; width: 17%;}
#headerArea .menuMain .listItem:nth-child(3) a::before{background: #e84709;border-bottom:  1px solid #fff;content: '';height: 100%;position: absolute;bottom: -1px;right: -20px;z-index: -1; width: 17%;}

#headerArea #gnav .openBox{visibility: hidden;width: 100%;height: auto;opacity: 0;position: absolute;}
#headerArea #gnav .openBox.panelactive{position: fixed;top:0px;right: 0;max-width: 280px;visibility: visible;transition: 0.5s;opacity: 1;}
#headerArea #gnav .childList{background: #e84709;}
#headerArea #gnav .childList > li{color: #fff; text-align: center;line-height: 1.3;padding: 0em 2.5em;}
#headerArea #gnav .childList > li:last-child a{border-bottom:none;}

#headerArea #gnav .childList .titleTxt{padding: 5% 5% 5% 5%;margin: 0;font-size: 100%;color: #fff;position: relative;line-height: 1;text-align: center;border-bottom:1px solid #fff;}

#headerArea #gnav .childList > li a{width: 100%;height: 2.5em;padding: 27px 0;line-height: 1.2;color: #fff;display: flex;justify-content: center;align-items: center;text-decoration: none;text-align: center;border-bottom:1px solid #fff;}

#headerArea #gnav .childList > li.linkBtn a{cursor: pointer;}
#headerArea #gnav .childList > li.linkBtn a.pointernone{cursor: auto;color:#f3a384;}