/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
	html {*overflow-x: hidden;}
	#wrapper {min-width: 0; overflow: hidden;}
	#header-inner {width: 100%;}
	#ptitle {position: static; height: 30px; text-align: center; line-height: 30px; z-index: 10}
	#h-banner{display: none;}
	#s-button {position: static; margin-top : 5px;text-align: center;}
	#gnav-btn {position: absolute; top: 0px; left: 0; display: block; padding: 3px 0 3px;	 z-index: 20}
	#gnav-btn div {margin-left: 10px;}
	#gnav-btn div a {line-height: 25px; font-size: 22px; text-decoration: none; }
	#gnav {position: absolute;width: 250px; height: 200%; top: 0;left: -250px; border: none; background: #D9D9D9;}
	#gnav nav {width: 100%;	margin: 0;  padding: 0; border: 0;border-top: solid 1px #666666; position: static;}	
	#gnav nav > ul {float: none;	width: 100%; height: auto; border-left: none;border-right: none; background-color: #555555;}
    #gnav nav li {position: static; width: 100%; float: none; margin: 0; padding: 0; text-align: left; border-left: none;}
	#gnav nav > ul > li a {height: auto; display: block; padding: 1em 20px 1em 10px; color: #FFFFFF; font-size: 92%; line-height: 1.2em; text-align: left; border-left: none;border-right: none;border-bottom: solid 1px #666666; background: #555555 url("img/arrow_03.png") no-repeat right center;	*zoom: 1;}
	#gnav nav > ul > li:hover > a{background: #333333 url("img/arrow_03.png") no-repeat right center; color: #FFFFFF;}
	#containar{width : 100%; position: relative; text-align: center;}
	#contents {float: none; width: 90%; margin: 0 auto; padding: 0;}
	#plist {padding: 5px 0;}
	#plist .plist-inner {width: 90%; font-size: 84%;}
	.kiji-list > article{width: 47.5%; margin: 0 0.8%;}
	#sidebar {float: none; width: 90%;	margin: 0 auto;	*margin: 0 auto 20px; padding: 20px 0 0 0; border: none; overflow: hidden;*zoom: 1;}
	.parts ul {padding: 0;}
	.doc {padding: 0;}
	article p {padding: 0;}
	#social{margin: 20px 0;}
	#kanren {margin: 10px 0; padding: 0 5px;}
	footer {min-width: 0; overflow: hidden;}
	#footer-inner {width: 90%}
	#footer-inner2 {width: 90%}
	#footer-inner2 .f-left {width: 48%;}
	#footer-inner2 .f-center {width: 48%;}
	#footer-inner2 .f-right {width: 48%;}
	/* ------ アドセンス属性 ------ */  
	.ads_left {margin: 0}
	.ads_rigjt{margin: 0}
	/* ------ ランキング------ */
	.sidebar-wrapper .rank {width: 32%; margin: 15px 0 15px 1% ; float: left;}
}

/* ------ ～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-cat > article img {width: 100%;}
    .main-title {font-size: 147%;}
    .contents-title{font-size: 120%;}
    .posts-title{font-size: 107%;}
	#kanren {margin: 0; padding: 10px 0;}
	#kanren .k-post {margin: 5px 0.5%; width: 47%;}
	#footer-inner {width: 100% ;margin: 0 ;padding: 0;}
	#footer-inner nav{width: 100% ; margin: 0; padding: 0;}
	#footer-inner ul li {width: 100%; text-align: left; display: block; border: none;*zoom: 1;}
	#footer-inner ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; text-decoration: none;}
	#footer-inner ul li a:hover{text-decoration: none; filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80;}
	#footer-inner ul li:last-child {border-bottom: none;}
	#footer-inner2 .f-left { margin: 0; width: 100%; float: none;}
	#footer-inner2 .f-center {margin: 0; width: 100%; float: none;}
	#footer-inner2 .f-right {margin: 0; width: 100%; float: none;}
	.ads_left {float: none; display: none;}
	.ads_rigjt{float: none; margin: 0 auto; display: block;}
	.lenth{width: 100%;}
	/* ------ ランキング------ */
	.rank {margin: 15px auto; padding: 0; width: 100%;}
	.sidebar-wrapper .rank  {float: none; margin: 15px auto; padding: 0; width: 100%;}
	.rank .rankinner .b_link img {max-width: 100%; margin: 0 auto; display: block;}
	.rank092 {margin: 10px 0; width: 100%; padding: 0;}

}