@charset "utf-8";
/* CSS Document */
.topinner{margin: 0 auto 0;width:100%;overflow:hidden;}
.topinner_page{  position: fixed; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin:0 auto;width:100%;background: rgba(255,255,255,1);border-bottom:2px solid #7E3C92;}
.headinner{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.gmenu_box{display:flex;flex-direction:column;margin-right:5%;}
.gmenu_tel{display:flex;align-items:center;font-size:22px;font-weight:700;color:#ea6d9f;margin-bottom:5px;justify-content:flex-end;}
.gmenu_tel img{margin-left:10px;width:354px;}
.gmenu_menu{display:flex;align-items:center;}
.gmenu_insta{width:46px;margin-right:20px;}
.gmenu_insta img{width:100%;}

.menu_logo{margin:20px 0 20px;width:340px;margin-left:5%;}
.menu_logo img{width:100%;}
.menu_tel{position:fixed;top:15%;right:0;z-index:100000;width:60px;}
.menu_tel img{width:100%;}
.sp_logo{display:none;}
#nav{background:#58a1c7;}


.gnav{
    display: flex;
justify-content:flex-end;
    margin: 0 auto;

position: relative;
z-index:100;


}





.gnav li {
  position: relative;
  display: inline-block;
  text-decoration: none;
text-align:center;
border-right:1px solid #666;
font-size:22px;
padding:0 1em;
}

.gnav li:nth-of-type(5n){border-right:none;}


.gnav li a {display:flex;align-items:center;justify-content:center;
    color: #666;
padding:0 0 0.1em 0;
    line-height:1;
    text-align: center;

}

.gnav li a::after {
  position: absolute;
 bottom: 0px;
  content: '';
  width: 80%;
  height: 3px;
    left:10%;
  background: #ea6d9f;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

.gnav li a:hover::after{ transform: scale(1, 1);}


.mainmenu_on{border-bottom:3px solid #ea6d9f;width:100%;margin:0 auto;}

/*999px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:1099px){
.tel{display:none;}
#nav{display:none;}
.topinner{display:none;}
.menu_tel{display:none;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.sp_logo{display:block;width:290px;margin:20px auto 0;}
.sp_logo img{width:100%;}
}