@charset "utf-8";

/* SmartPhone　*/

@media only screen and (max-width:1140px){
	

	
	header{}
	header nav{display: none; }
	
	
	/* スマホナビ （右アイコン、左側表示）*/
	#nav-content,
	#nav-drawer{
		display: block;
	}
	
	
	#nav-drawer{

		top: 10px;
		left: calc(100% - 40px);/* right が効かないのでleft指定 */
		width: 30px;
		
	}

	/*ハンバーガーアイコン*/
	#nav-open{}
	
	#nav-open span,
	#nav-open span:before,
	#nav-open span:after {
		right:0px;
		display: block;
	}
	#nav-open span:before {
		bottom: -8px;
		right:0px;
	}
	#nav-open span:after {
		bottom: -16px;
		right:0px;
	}
	
	/*中身（左配置）*/
	#nav-content{
			top: 0;
			left: 0%;
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
	}

	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	header #logo_r{ margin-right: 40px; }
	

	
	

}


@media only screen and (max-width:768px){


	header{
		margin-bottom:		1px;
	}
	header .inner,
	header nav .inner,
	h1.pagetitle,
	.btn_pagetop,
	.contact_box,
	article.wrap
	{
	  width: 100%;
	}
	#content.inner {
	  width: 100%;
	}

	header #logo{
		width:110%;
		text-align: left;
	
	}
	header #logo img{
		width: auto;
		height: 40px;
		max-width: 100%;
		vertical-align:middle;
	}
	
	header #logo h1,
	header #logo .h1{
		padding:3px;
		text-align: left;
	}
	#logo_r{
		width: 90%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
	}
	
	#tel_sps p.tel span,
	#tel_sps p.tel_uketsuke,
  #tel_sps p.fax{
  	display:none;
	}

	 #logo_r #btn_sns{
      position:static;
      /*top:5px;
      right:5px;*/
      }

	#tel_sps p.tel{ width: 26px; }
	#tel_sps p.tel img{width:26px ; }
	
	#logo_r #btn_sns span img{
		width:20px ; }
	
	
	
	h1.pagetitle{
		padding:3% 3%;
		font-size: 22px;
	}

}