/* ------ �� 767px ------ */
@media screen and (max-width: 767px) {
	#wrapper {min-width: 0; overflow: hidden;}
	#header-inner {width: 100%; height: 50px;}
	#gnav {padding: 5px 0 0 0; width:100%; margin: 0; background: none;}
	#gnav-btn {display: block;
		width: 100px;
		margin:0 auto;
		background: #333;
	}
	#gnav-btn a {display: block;height: 25px;line-height: 25px;color: #FFFFFF;font-size: 100%; text-align: center;vertical-align: top;text-decoration: none;}
		
	#gnav-btn a:link,#gnav-btn a:visited {
		}
	#gnav-btn a:hover,#gnav-btn a:active,#gnav-btn .current-menu-item a {
		}
	#gnav nav {width: 100%;overflow: hidden; margin: 0 0 0px 0;}
	#gnav nav ul {display: none;float: none;width: 100%;border-left: none;border-right: none;border-top: solid 1px #CCCCCC; background: #333;}
	#gnav nav ul li {float: none;width: 100%; text-align: left; border: none; margin: 0; padding: 0;}
	#gnav nav ul li a {display: block;padding: 10px 0; font-size: 1em; border-left: none;border-right: none;*zoom: 1;}
	#gnav nav ul li a:hover,#gnav nav ul li.current-menu-item a{color: #333333 ; background: #E9E9E9;}
	#containar{width : 98%; 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%;}
	#cat_contents #contents {width: 100%;}
	#promotion #inner {width: 100%;	margin: 0 auto;}
	#header-inner #logo{ width: 100%; margin: 0 auto;}
	#header-inner #logo1 { float: left; margin-top: 5px; margin-left: 5px;}
	#header-inner #logo2 { float: right; margin-top: 10px; margin-right:5px;}
	#header-inner #logo1 img{ width:120px;}
	#header-inner #logo2 img{ width:80px;}
	#gnav nav ul li span {	display: block;}
	#gnav nav ul li img {	display: none;}
	#gnav nav ul li  { text-align: center; width:100%;}
	/*霑ｽ蜉�*/
	#page_title {
		width: 90%;
		margin: 0 auto 20px auto;
		font-weight: normal;
		font-size: 1em;
		text-align: center;
	}
	footer #footer-link{ margin-bottom: 50px;}
	footer #footer-link li {	font-size: 0.9em;	}
	#copyright p{ font-size: 0.8em;}
	#bangumimail {	display: none;	}
	#bangumimail_sp{ display:block; text-align: center; margin: 0 auto; margin-top: 10px; width:90%;}
	.cont_right {
		float: none;
		width: 100%;
	}
	
	#kiji-list > article {padding: 10px; border: 10px solid #cbfbff; box-sizing: border-box; border-radius: 10px; width: 95%; margin: 30px auto 0px auto; box-shadow: 10px 10px 0px  rgba(0, 0, 0, 0.2);}
	#kiji-list > article > .alignleft{ width: 100%; margin: 0 auto; padding: 0; text-align: center;}
	#kiji-list > article h4 { margin: 1em 0 0.5em 0; font-size: 1.1em; line-height: 1.2;}
	#kiji-list > article h4 a{}
	.hd_sitename{ display: none;}	


}

/* ------ ��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;}
	#cat_contents #contents {width: 100%;}
	#footer-banner li img { width: 90%;}
}