/* header nav
----------------------------------------*/
header nav{width:100%; font-family:'Russo One', sans-serif; font-size:22px;line-height:20px;padding:15px 0; background:#a162e4;color:#AAA;}

header nav ul{position: relative;text-align:center;}
header nav li{margin-left:10px; display: inline-block; text-align:center; padding: 0 10px;}

header nav li span{font-size:11px; display:block;font-family: 'Noto Sans JP', sans-serif;}

header nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
header nav a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
header nav a:hover::after {
  transform: scale(1, 1);
}
header nav a{color:#fff;}

header #snsBtn{
    position:absolute;
  font-size: 0;
    right:0;
    top:30px;
    display:flex; flex-wrap: wrap;justify-content: center;
}
header #snsBtn li{
margin-right:10px;
}

header #snsBtn img {
  width: 50px;
  height: auto
}

#snsBtn2{
    margin-top:20px;
  font-size: 0;
    display:flex; flex-wrap: wrap;justify-content: center;
}


#snsBtn2 img {
  width: 50px;
    margin-right:10px;
  height: auto
      
}

.toggle-button {
display:none;
}  

@media screen and (max-width: 667px) {
      
.overlay {
    position: fixed;
    background-color: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    z-index: 99999;
}
    
/*----------------------------------------------------------------*/
/*#toggleをクリックで.overlayに追加するクラス*/
.nav-active {
	opacity: .96;
	visibility: visible;
	overflow: auto;
	height: 100%;/*max-height: 340px;*/
}
/*ハンバーガーメニュー*/
#navToggle {
	position: fixed;
	width: 70px;
	height: 70px;
	background: url(../../_img/nav_menu.png) no-repeat center top /100% auto;
	padding-bottom: calc(100%*434/434);
	margin: 0;
	padding: 0;
	top: 8px;
	/*fixedで親要素を起点にする場合はleftを指定しない*/
	right: 5px;
	z-index: 102;
	text-indent: -99999px;
	cursor: pointer;
}
#navToggle.toggle-active {
	background: url(../../_img/nav_menu_close.png) no-repeat center top /100% auto;
	z-index: 100000;
}
header .logo div{width:43%;height:auto; background: url(../../_img/header_sp.jpg) no-repeat center top /100% auto;	padding-top: calc(100%*45/233);margin:0 auto;} 
    
header .inner{width:100%;background: url(../../_img/bg_nav_sp.jpg) no-repeat center top /100% auto;	padding-top: calc(100%*415/640);}
    
header nav{
width:100%; height:auto; position:relative;
}
    
header nav{font-family:'Russo One', sans-serif; font-size:22px;line-height:20px;padding:0px 0; background:#FFF;border-top:1px solid #CCC;}

header nav ul{position: relative;text-align:center;}
header nav li{margin:5% 0; display:block; text-align:center; padding:0px 0 10px 0;border-bottom:1px solid #CCC;}

header nav li span{font-size:11px; display:block;font-family: 'Noto Sans JP', sans-serif;}

header nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
header nav a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFF;
}
header nav a:hover::after {
  transform: scale(1, 1);
}
header nav a{color:#a162e4;} 
    
    
header #snsBtn{
    position:static;}
    
header #snsBtn li{
  line-height: 1.83333;
  letter-spacing: 0;
  display: inline;
}
header #snsBtn li + li {
  margin-left: 0px
}
header #snsBtn img {
  width: 50px;
  height: auto
}
    


@media screen and (min-width:668px) {
/*　PC用 画面サイズが668pxからはここを読み込む　*/
.overlay {
	visibility: visible;
	position: relative;
	background: none;
	padding: 0;
	opacity: 1;
}
#navToggle {
	display: none;
}
/*--------------------------------------------------------end@media*/
}