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



@media only screen and (max-width: 630px) { 
/*----PC用調整・非表示------------------------------------------------*/
#header{
	height:60px;
	background:rgba(255,255,255,0.5);
	position:relative;
}

#test_navi02{
	display:none;
}

.menu_right03{
	display:none;
}
	
	
	

#header #navi{
	display:none !important;
}
	
#header ul{
	display:none;
}

#main_visi{
	display:none !important;
}

.footer_kaisya{
	display:none;
}



/*
ハンバーガー
------------------------------------------------------------------------------------*/	  
#trigger{
  width: 10%;
  max-width:40px;
  padding: 5px;
  position:fixed;
  right:15px;
  top:10px;
  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;
}
 
/* 最初の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 #979898;
}
 
.navToggle.active span:nth-child(2) {
    top: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 2px #979898;
}

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

.sp_logo{
	position:fixed;
	z-index:10;
	width:43%;
}

.sp_logo img{
	width:100%;
	margin-top:20px;
	margin-left:15px;
}
	



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

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




/*
ナビ
------------------------------------------------------------------------------------*/
#sp_drawer ul{
	width:80%;
	margin-top:15px;
	list-style:none;
}

#sp_drawer ul li{
	margin-bottom:20px;
	font-size:16px;
	letter-spacing:2px;
	text-align:center;
	margin:0 auto 15px auto;
}


.me_tel{
	display:block;
	margin:0 0 3px 0;
}

.me_phone{
	/*font-weight:bold;*/
}

.small{
	display:block;
	font-size:11px;
	margin:0;
}

.last{
	/*margin:50px 0 0 0;*/
}

/*
フッター
------------------------------------------------------------------------------------*/
#footer{
	width:90%;
	padding-top:20px;
	text-align:center!important;
	margin:0 auto;
}

.footer_logo{
	width:100%;
	margin:20px auto 40px auto;
	text-align:center;
	display:block;
	}
	
.footer_logo img{
	width:38%;
	text-align:center;
	}
	
		
.sp_footer_kaisya{
	width:100%;
}
	
.sp_footer_kaisya01{
	display:block;
	line-height:1.7;
	width:100%;
	margin:15px 0 0 0;
	color:#9B308C;

}

.sp_foot_p a{
	color:#9B308C !important;
	
}


.footer_sns{
	display:block;
	width:100%;
	margin:10px auto 0 auto;
	text-align:center;
	
}

.sns_title{
	width:100%;
	display:block;
}

.follow{
	display:block;
	width:100%;
	font-size:22px;
	text-align:center;
	color:#9B308C;
	border:none !important;
	padding:0 !important;
	letter-spacing:2px;
	font-weight:bold;
	margin:10px 0;
}
	

.footer_sns .foul{
	width:90%;
	margin:15px auto 30px auto;
	list-style:none;
	display:block;
	padding-left:10%;

}

.footer_sns .foul .foli{
	display:block;
	width:23% !important;
}

.footer_sns ul li a{
	display:block;
	width:75%;
	margin-bottom:20px;
}

#copyright{
	display:block;
	color:#FFF;
	margin-top:20px;
}


}