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

/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
	body {background-image: none; }
	header { position: static; width: 100%; margin: 0 auto; padding: 10px 0; background-color: #FFFFFF; }
    #header-inner {text-align: center;}
	#ptitle{ margin: 0; padding: 8px 0;text-align: center;}
    #h-widget {display: none;}
	#containar {min-height: 0; min-width: 0; margin: 0; padding: 10px 0;}
	#grid-contents {width: 96%; margin: 0 auto ; padding: 0; text-align: center;}
	#contents {width: 90%; margin: 0 auto ; padding: 0;}
	#gnav-btn {display: block; position: absolute; top: 8px; right: 10px;}
	#gnav-btn 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-btn a {background-color: #B90B50;}
	#gnav-btn a:hover {background-color: #EC525F;}
	#gnav {margin-top: 5px;}
	#gnav nav {width: 90%;overflow: hidden; position: static;}
	#gnav nav ul {display: none; width: 100%; height: auto;}
	#gnav nav li {position: static; width: 100%; margin: 0; padding: 0;text-align: left;}
    #gnav nav ul li a {display: block; height: 35px;line-height: 35px; padding: 0 20px 0 15px; font-size: 12px;*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; margin: 0; height: 35px; width: 100%; transition: none;}
	#gnav nav ul li ul li a {margin: 0; display: block; padding: 0 20px 0 30px; text-align: left; font-size: 12px; font-weight: normal; *zoom: 1;}
	#gnav nav ul li:hover > a {background: #CCCCCC}
	#gnav nav ul li  ul li:hover > a {background: #CCCCCC;}
	#gnav nav .current-menu-item {background: #EFEFEF; color: #333333;}
	#gnav nav ul li:hover ul li{height: 35px;}
	.arrow {position: absolute; top : 0; right: 10px;}
	#grid-contents {width: 96%; margin: 0 auto ; padding: 0; text-align: center;}
	#gnav nav ul li ul li .arrow {display: inline-block;}
	#plist .plist-inner {width: 90%;}
	#footer-inner, #footer-inner2 {width: 96%; margin: 0 auto;padding: 10px 0; font-weight: normal;}
}


/* ------ ～ 800px ------ */
@media screen and (max-width: 800px) {
	#header-inner {width: 100%;}
	#contents {width: 90%;}
	.doc{padding: 10px 0;}
	.doc img {float: none;}
	#kanren .k-post {margin: 5px 0.12% ; width: 24%; line-height: 1.3em; overflow: hidden;}
	#footer-inner2{width: 90%;}
	#footer-inner2 .f-left {width: 48%;}
	#footer-inner2 .f-center {width: 48%;}
	#footer-inner2 .f-right {width: 48%;}
	/* ------ 比較表 ------ */
	table.hikaku{display: block; position: relative; width: 100%;}
	table.hikaku tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
	table.h02{display: block; position: relative; width: 100%;}
	table.h02 tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
	.item { width: 250px; }
    .item.w2 {width: 500px; }
    .item.r2 {width: 250px; }
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
    .alignleft, .alignright {float: none; text-align: center;}
	#kiji-list article img{max-width: 100%;}
	#kanren {margin: 0; padding: 10px 0;}
	#kanren .k-post {margin: 5px 0.5%; width: 48%; height: auto; }
	footer.type01 {padding: 0;}
	#footer-inner {width: 100% ;margin: 0 ;padding: 0;}
	#footer-inner nav{width: 100% ; margin: 0; padding: 0;}
	#footer-inner nav ul li {width: 100%; text-align: left; display: block; border: none;*zoom: 1;}
	#footer-inner nav ul li a{display: block; padding: 10px 20px 10px 10px; line-height: 1.5em; font-size: 100%; text-decoration: none;}
	#footer-inner nav ul li a:hover{text-decoration: none;}
	#footer-inner nav 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;}
	.item {width: 316px; }
    .item.w2 {width: 316px;}
    .item.r2 {width: 316px;}
	.ranklbox {float: none; margin: 5px;width: 100%;text-align: center;}
	.rankrbox {float: none; margin: 0;width: 100%;}
	table.tblrank{border-left: none; border-top: solid 1px #CCCCCC; border-collapse: collapse;}
	.r01_box .psize{margin-left: 0; width: 100%;}
}