/*PCヘッダー -----------------*/

#hedmenu-top{display: flex;justify-content: center; position: fixed; top: 0; width: 100%; background: rgba(255,255,255,0.88);
 border-bottom: 3px solid;z-index: 50;border-image: linear-gradient(to right, #1682ea 0%, #5cd8d6 100%);border-image-slice: 1;
transition: .3s;
visibility: hidden;
}
.view {
visibility: visible!important;
transition: .3s;
animation: HedfadeIn1 0.4s;
}

#hedmenu{display: flex;justify-content: center; position: fixed; top: 0; width: 100%; background: rgba(255,255,255,0.88);
 border-bottom: 3px solid;z-index: 50;border-image: linear-gradient(to right, #1682ea 0%, #5cd8d6 100%);border-image-slice: 1;}

.LogoH1{ width: 17%;min-width: 190px;margin:0.6% auto;}

@keyframes HedfadeIn1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.hedOpenbtn {
    position: absolute;
    background: url(../img/common/menuBtn.png) no-repeat scroll 0 0;
    border: 0 none;
    background-size: contain;
    width: 3.4%;
    min-width: 39px;
    top: 10%;
    left: 1%;
    cursor: pointer;
}

.hedOpenbtn.close{
    background: url("../img/common/menuBtnClose.png") no-repeat scroll 0 0;background-size: contain;}

.hedmenu-open{position: fixed;z-index: 49;display: none;width: 100%;height: 85vh;padding-top: 15vh;background: url("../img/common/hedmenuBG_pc.jpg")#fff; background-position: bottom right;background-size:cover;}
.bodyoverflow{height:100%;overflow: hidden;}

.main_menu{position: relative; z-index: 45;}
.mainmenu{padding-left: 9vw;width: 40vw;}
.mainmenu li{}
.mainmenu li a{font-size: 2.4vh;color: #fff;display: block;margin: 1.4vh 0; padding: 1vh 0 1vh 2%;text-shadow: #136acb 1px 0 8px, #136acb 1px 0 8px;}
.mainmenu li a:hover{color: #fff!important; background: rgb(178,242,82); background: linear-gradient(266deg, rgba(74,159,239,0) 0%, rgba(91,181,233,1) 25%, rgba(91,181,233,1) 100%); }

.sns_x2{display: flex;align-items: center;padding-left: 9vw;width: 40vw;margin-top:40px;color: #fff;}
.sns_x2 p{font-weight: 500;font-size: 2.4vh;text-shadow: #136acb 1px 0 8px, #136acb 1px 0 8px;padding-left: 2%;}
.sns_x2 p span{}
.sns_x2 a{display: block; margin-left: 1.5%;}

.menu_chara{position: absolute;
    width: 90vh;
    bottom: -52vh;
    right:5%;
z-index: 44;}

/*SPヘッダー-----------------*/
@media screen and (max-width:1024px) {
    .menu_chara {
           right: -10%;
        width: 61vh;
    bottom: 0;}
    .mainmenu{width: unset;}
    .sns_x2{width: unset;}
}

/*SPヘッダー-----------------*/
@media screen and (max-width:767px) {
    
    .hedmenu-open{height: 92%;padding-top: 20%;background: url("../img/common/hedmenuBG_sp.jpg")#fff; background-size:cover;}
    
    .menu_chara {right: -32vw;
        width: 61vh;}
    
    .LogoH1 {
    width: 55%;
    margin: 2% auto;
}
    
    .mainmenu{width: unset;}
    .sns_x2{width: unset;}
    
    .hedOpenbtn {
    width: 11%;
    top: 14.2%;
    left: 3%;
}
    
}