@charset "utf-8";
/* CSS Document */

#navi #logo{
	display: none;
}


@media only screen and (max-width: 980px) { 
/*----PC用調整・非表示------------------------------------------------*/
header{
	height:70px;
	background:none;
	position:relative;
}

header ul{
	display:none;
}

#navi #logo {
    display: block !important;
    text-align: left;
    margin-left: 20px;
    max-width: 75px;
}

.fixed{
	display: none; /*スマホヘッダーグレイ部分非表示*/
	/*padding: 15px 0;*/
}

/*
ハンバーガー
------------------------------------------------------------------------------------*/	  
#trigger{
  width: 10%;
  max-width:40px;
  padding: 5px;
  position:fixed;
  right:15px;
  top:7px;
  z-index:999999;
  text-align:center;
  display:block;
}
	  
.navToggle {
    display: block;
    position: fixed;
    width: 40px;
    height:40px;
  	cursor: pointer;
    z-index: 3;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;
    width: 40px;
	padding:5px 0;
    border-bottom: solid 2px #979898;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
 
.navToggle span:nth-child(1) {
    top: 0px;
}
 
.navToggle span:nth-child(2) {
    top: 12px;
}
 
.navToggle span:nth-child(3) {
    top: 24px;
}
 
.navToggle.active{
	margin-top: 12px;
} 
 
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 7px;
    left: -3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: solid 2px #fff;
}
 
.navToggle.active span:nth-child(2) {
    top: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 2px #fff;
}

.navToggle.active span:nth-child(3) {
    display:none;
}


/*
スライダー内容
------------------------------------------------------------------------------------*/
#sp_drawer{
	width:85% !important;
	background-color:#c3c3c3;
	/*left:0; 確認用終わったら消す*/
	overflow-y:auto;
	z-index:100;
}

#sp_drawer h1{
	text-align:left;
	width:25%;
	max-width:140px;
	margin:25px 0 50px 8%;
}


/*
ナビ
------------------------------------------------------------------------------------*/
#sp_drawer ul{
	width:85%;
	margin:15px auto 0;
}

#sp_drawer ul li{
	margin-bottom:20px;
	font-size:16px;
	letter-spacing:1px;
	text-align:left;
}


}