@media screen and (max-width:750px){
#wrapper {
	width: 100%;
	max-height: 100%;
}
body{
	-webkit-text-size-adjust:100%;
}
img {
	max-width : 100% ;
	height : auto ;
}
.width_50{
	width: 50%;
}
/* スマホ以外を非表示 */
.hidden_pc{	display:none;}
.hidden_sp{	display:block;}
/***********************/
/* 共通                */
/***********************/
.pc_left,
.pc_right{
	float:none;
}
.sp_left{
	float:left;
}
.sp_right{
	float:right;
}
/* 矢印画像の大きさ　*/
.arrow-size{
	height:12px;
}
hr{
	margin:0 0.5em;
}
.h3_hr{
	margin-right:0.5em;
}

p,.staff{
	font-size: 80%;
}
h1{
	font-size: 100%;
	text-align: center;
}
h2{
	text-align: left;
	color: #000;
	margin-left: 0.5em;
}
h3 {
	font-size:90%;
	text-align: left;
}

/***********************/
/* ヘッダー            */
/***********************/
/***********************/
/* メイン部            */
/***********************/
/* 掲示板風背景            */
div#main_contents_L.Bdesign {
	width: 95%;
	padding: 0.2em;
	margin: 0.3em;
}
div#main_contents_R.Bdesign {
	width: 95%;
	padding: 0.2em;
	margin: 0.3em;
}

/***********************/
/* 中央コンテンツ　*/
/***********************/
#contents {
	width:100%;
}
#main_contents{
	width:100%;
}
#main_contents_L,
#main_contents_R{
	text-align:center;
	width:100%;
	margin: 0;
}
#main_contents_R{
	margin: 0;
}

#main_contents_L img,
#main_contents_R img{
	width:100%;
}
#main_contents_L1{
	width:100%;
	clear: both;
	padding-right: 0;
}
#main_contents_L2{
	width:100%;
	clear: both;
}
#main_contents_L_access{
	width:100%;
	clear: both;
}
#main_contents_R_access{
	width:100%;
	clear: both;
}
#main_contents_L1 img,
#main_contents_L2 img {
    width: 100%;
}
#main_contents_LS{
	width:47.5%;
	margin-left: 0.3em;
}
#main_contents_RS{
	width:47.5%;
	margin-right: 0.3em;
}

/***********************/
/* 　製品の紹介　*/
/***********************/
.sp_width95{
	width: 95%;
	margin: 0 .3em ;
}
/***********************/
/* 　フッター　*/
/***********************/
footer{
	height: 6em;
	text-align: center;
}
footer p{
	font-size: 80%;
}
footer div#main_contents_R a img{
	margin:0 0.2em;
}

/***********************/
/* メニュー*/
/***********************/
body,
	ul,
	li {
		margin: 0;
		padding: 0;
	}

	.wrapper {
		box-sizing: border-box;
		padding: 0 15px;
		margin-top: 56px;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	header {
	}

	/*nabi開閉部分*/
	nav{
		height: 0;
		background-image: none;
		padding-top: .2rem;
	}
	.nav-wrap{
			box-sizing: border-box;
			position: fixed;
			top: 0;
			width: 100%;
			left: 0;
	}
	.gnav {
		list-style-type: none;
		background-image: url(../images/menu-bg.jpg);
		width: 100%;
		/*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
		z-index: 99;
	}

	.gnav li {
		border-bottom: 1px solid #333;
	}

	.gnav li a {
		display: block;
		text-decoration: none;
		/* (44-16)/2=14px */
		padding: .875rem 1rem;
	}
	/*ハンバーガーボタン*/
	.icon-animation {
		width: 3.5rem;
		height: 3rem;
		display: block;
		cursor: pointer;
		float: right;
		position: absolute;
		right: 0.2rem;
		text-align: center;
		top: 0.1rem;
		opacity: 0.7;
	}

	.icon-animation span {
		width: 39px;
		height: 2px;
		display: block;
		background: black;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -21px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.icon-animation .top {
		-webkit-transform: translateY(-13px);
		-ms-transform: translateY(-13px);
		transform: translateY(-13px);
	}

	.icon-animation .bottom {
		-webkit-transform: translateY(13px);
		-ms-transform: translateY(13px);
		transform: translateY(13px);
	}

	.is-open .middle {
		background: rgba(51, 51, 51, 0);
	}

	.is-open .top {
		-webkit-transform: rotate(-45deg) translateY(0px);
		-ms-transform: rotate(-45deg) translateY(0px);
		transform: rotate(-45deg) translateY(0px);
	}

	.is-open .bottom {
		-webkit-transform: rotate(45deg) translateY(0px);
		-ms-transform: rotate(45deg) translateY(0px);
		transform: rotate(45deg) translateY(0px);
	}
}