/*
Theme Name: 1012
Description: レスポンシブ用
*/

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
	html {*overflow-x: hidden;}
	#wrapper {min-width: 0; overflow: hidden;}
	#header-inner {width: 100%;}
	#ptitle {position: static; margin-top: 5px; text-align: center; z-index: 10}
	#h-banner{display: none;}
	#s-button {position: static; margin-top : 5px;text-align: center;}
	#gnav-btn {position: absolute; top: 55px; right: 10px; display: block; z-index: 20}
	#gnav-btn div a {display: block; width: 50px; height: 25px; line-height: 25px; color: #FFFFFF; font-size: 15px; text-align: center; vertical-align: top; text-decoration: none; -webkit-border-radius: 5px;	border-radius: 5px;}
	#gnav {margin-top: 5px;}
	#gnav nav {width: 90%;overflow: hidden; position: static;}
	#gnav nav > ul {display: none; float: none;	width: 100%; height: auto; background-color: #EFEFEF; border: 2px solid #CCCCCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	#gnav nav li {position: static; width: 100%; float: none; margin: 0; padding: 0; text-align: left;}
    #gnav nav > ul > li a {display: block; height: 30px; padding: 0 20px 0 10px; font-size: 12px;  color: #414444; background: url("http://sfxbgz.sakura.ne.jp/img/arrow_01.png") no-repeat right center;	*zoom: 1;}
    #gnav nav > ul > li > ul {position: static; top: 100%; left: 0; list-style: none; margin: 0;}
    #gnav nav > ul > li  ul li{overflow: hidden; width: 100%; height: 30px; color: #414444;}
	#gnav nav > ul > li  ul li a{display: block; height: 30px; line-height: 30px; padding: 0 20px 0 30px; background: #EFEFEF; text-align: left; font-size: 100%; font-weight: normal; background: url("http://sfxbgz.sakura.ne.jp/img/arrow_01.png") no-repeat right center; *zoom: 1;}
	#gnav nav > ul > li:hover > a{background: #CCCCCC url("http://sfxbgz.sakura.ne.jp/img/arrow_01.png") no-repeat right center;}
	#gnav nav > ul > li  ul li:hover > a{background: #CCCCCC url("http://sfxbgz.sakura.ne.jp/img/arrow_01.png") no-repeat right center;}
	#gnav nav .current-menu-item  a {background-color: #CCCCCC;}
	#gnav nav > ul > li:hover ul li{border-top: 0; height: 30px;}
	#gnav nav > ul > li:hover ul li:last-child{border-bottom: none;}
	#containar{width : 100%; position: relative; text-align: center;}
	#mainvisual {width: 100%; margin: 0 auto 15px;}
	#pickup {width: 96%; margin: 0 auto;text-align: left;}
	#pickup article{width: 48%; margin: 0 0.5%; padding: 15px 0 20px; text-align: left;}
	#contents {float: none; width: 90%; margin: 0 auto; padding: 0;}
	#plist {padding: 10px 0;}
	#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 2%; padding: 0 5px;}
	#kanren .k-post {width: 24%; margin: 5px 0.1%;}
	footer {min-width: 0; overflow: hidden;}
	#footer-inner2 {width: 90%}
	#footer-inner2 .f-left {width: 48%;}
	#footer-inner2 .f-center {width: 48%;}
	#footer-inner2 .f-right {width: 48%;}
	/* ------ ランキング------ */
	.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;}
	#mainvisual {width: 100%; margin: 0 auto 15px;}
	#pickup article img {float: none; width: 100%; margin: 0 auto; display: block;}
	.kiji-list article{float: none; width: 100%; margin:  0 0 10px;}
    .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.2%; width: 31.5%;}
	#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 {float: none; 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;}
	.post .img-set {width: 100%; margin-bottom: 10px;}
    .post .doc {margin-left: 0; width: 100%;}
}