/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
	#wrapper {min-width: 0; overflow: hidden;}
	#header-inner {width: 100%;}
	#gnav {padding-top: 5px;}
	#gnav-btn {display: block;width: 100px;margin: 0 0 4px 15px;border-bottom: solid 1px #055E6E;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
	#gnav-btn a {display: block;height: 25px;line-height: 25px;color: #FFFFFF;font-size: 100%; border: solid 1px #055E6E;text-align: center;vertical-align: top;text-decoration: none;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-text-shadow: 0px -1px 0px #288596;
		text-shadow: 0px -1px 0px #111;}
	#gnav-btn a:link,#gnav-btn a:visited {
		background-color: #008CA5;
  		background: -moz-linear-gradient(top, #0FB0CE, #055E6E);
  		background: -webkit-gradient(linear, left top, left bottom, from(#0FB0CE), to(#055E6E));
  		background: -webkit-linear-gradient(top, #0FB0CE, #055E6E);
  		background: -o-linear-gradient(top, #0FB0CE, #055E6E);
  		background: linear-gradient(to bottom, #0FB0CE, #055E6E);}
	#gnav-btn a:hover,#gnav-btn a:active,#gnav-btn .current-menu-item a {
		background-color: #43bbd0;
		background: -moz-linear-gradient(top, #28bcd8, #288596);
		background: -webkit-gradient(linear, left top, left bottom, from(#28bcd8), to(#288596));
		background: -webkit-linear-gradient(top, #28bcd8, #288596);
		background: -o-linear-gradient(top, #28bcd8, #288596);
		background: linear-gradient(to bottom, #28bcd8, #288596);}
	#gnav nav {width: 100%;overflow: hidden;border-top: solid 1px #CCCCCC;}
	#gnav nav ul {display: none;float: none;width: 100%;border-left: none;border-right: none;border-top: solid 1px #CCCCCC;}
	#gnav nav ul li {float: none;width: 100%; text-align: left;}
	#gnav nav ul li a {display: block;padding: 10px 5% 8px;font-size: 100%; border-left: none;border-right: none;border-bottom: solid 1px #CCCCCC;border-top: solid 1px #EFEFEF;*zoom: 1;}
	#gnav nav ul li a:hover,#gnav nav ul li.current-menu-item a{color: #333333 ; background: #E9E9E9;}
	#containar{width : 94%; margin: 0 auto;}
	#contents {float: none; width: 100%; margin: 0 auto ; padding: 0;}
	#contents .kanren{width: 100%;}
	#contents .doc{padding: 10px 0;}
	#sidebar {float: none;	width: 100%; margin: 0 auto;	*margin: 0 auto 20px;overflow: hidden;*zoom: 1;}
	#footer-inner {width: 100%;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
	.alignleft, .alignright{float: none; margin: 5px auto; display: block;}
    .kiji-list article{float: none; width: 100%; margin:  0 0 10px;}
    #kiji-list > article img {margin: 0 auto; display: block;}
	#sidebar {*margin-bottom: 0;}
	#sidebar-inner {width: 100%;}
	#sidebar .btn {height: 40px;margin: 10px auto 0;border-radius: 25px;font-size: 100%;}
	#sidebar .btn a {height: 40px;	line-height: 40px;border-radius: 20px;}
	#sidebar .ad {margin-right: 0;	padding: 10px 10px 0;}
.pc3sp1 {
text-align: center;
}
.pc3sp1 img {
margin: 12px 0;
}
}

