body{
	font-family: Verdana, Geneva, "sans-serif";
	font-size: x-small;
	line-height: 200%;
	color: #333; 
}

header{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding: 50px;
}

a{
	color:#000000; 
	text-decoration: none;
	text-align: left;
}

a:hover, .active{
  background:#f26011; color:#000000;
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}

/* ヘッダー
------------------------------------------------------------*/
#mainnav a{
	color: #000;
	font-family: Verdana, Geneva, "sans-serif";
}


/* フッター
------------------------------------------------------------*/
#copyright {
	font-size: 10px;
	text-decoration: none;
	align-content: center;
}

#footer {
	clear: both;
	font-size: x-small;
	text-decoration: none;
    position: fixed;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}

.fixed_btn {
  position:fixed; /*固定*/
  bottom:10px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0); /*以下、デザインはご自由に！！*/
  color:rgba(0,0,0,0);
  font-size:11px;
  width:50px;
  height:20px;
  padding-top:0px;
  border-color:rgba(0,0,0,0); 
}

/* 共通
------------------------------------------------------------*/

img{
   width: 60%;
   max-width: 100%;
   height: auto;
   margin: 0px 35px 100px 0px;
   margin-bottom: 150px;
}

img2{
   width: 60%;
   max-width: 100%;
   height: auto;
   margin: 0px 135px 100px 0px;
   margin-bottom: 150px;
}


section{
  clear: both;
}

.innerS{
	width: 80%;
	height: auto;
	margin: auto;
}

#inner1 {
	
	margin: 300px 0 300px 30px;
}

#inner2 {
	
	margin: 300px 0 300px 70px;
}

li{
	list-style-type: square;
	padding-bottom: 15px;
	line-height: 19px;
}


	
/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 1024px){
	body{
		font-size:12px;
	}
	
	img{
   width: 60%;
   max-width: 100%;
   height: auto;
   float: left;
   margin: 0px 45px 100px 0px;
   margin-bottom: 150px;
}

	
	#wrapper{
		width: 100%;
	}
	
	#content{
		width: 80%;
	}
	
	#sidebar{
		width: 22%;
		position: fixed;
		top: 50px;
		right: 4%;
		background: transparent;
	}
	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}
	
	#sidebar h1{
		padding: 30px 0;
	}

	#mainnav li{
		color: #555;
		font-size: 10px;
		padding: 10px 0;
	}
}

@media only screen and (min-width: 320px) and (max-width:768px){
	body{
		font-size:xx-small;
	}
	header{
		font-size: xx-small;
		padding-bottom: 20px;
		padding-top: 50px;
	}
	
	img{
   width: 100%;
   max-width: 100%;
   height: auto;
   margin-bottom: 10px;
}
	
	.innerS{
	width: 80%;
	height: auto;
	margin-bottom: 100px;
}
	
	#wrapper{
		width: 100%;
	}
	
	#content{
		width: 100%;
	}
	
	#sidebar{
		display: none;
		width: 32%;
		position: fixed;
		top: 30px;
		right: 0%;
	}
	
	a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}
	
	#mainnav li{
		color: #555;
		text-align: left;
		padding: 30 0;
	}
}

@media only screen and (min-width:768px) and ( max-width:1024px){
	body{
		font-size:xx-small;
	}
	header{
		font-size: small
	}
	
	img{
   width: 80%;
   max-width: 100%;
   height: auto;
   margin-bottom: 10px;
}
	
	.innerS{
	width: 80%;
	height: auto;
	margin-bottom: 100px;
}
	
	#wrapper{
		width: 100%;
	}
	
	#content{
		width: 70%;
	}
	
	#sidebar{
		width: 32%;
		position: fixed;
		top: 30px;
		right: 0%;
	}
	
	a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}
	
	#mainnav li{
		color: #555;
		padding: 30 0;
	}
	
}.footer {
}