/* ------ �� 767px ------ */
@media screen and (max-width: 767px) {
	#wrapper {min-width: 0; overflow: hidden;}
	#header-inner {width: 100%; height:40px}
	#gnav {padding-top: 5px; width:100%; background: none;}
	#gnav-btn {display: block;
		/*width: 100px;*/
        width: 100%;
		margin: 0 5px 5px 0px;
		float: right;
		-webkit-border-radius: 5px;
		background: #fff;
		border-radius: 5px;
        text-align: center;
	}
	#gnav-btn a {display: block;height: 25px;line-height: 25px;color: #333;font-size: 100%; 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 nav ul li a{  background: none;  color: #000; border: none; border-radius:0; display: block; padding:0px; box-sizing: border-box;box-shadow: none; margin: 0;}
    
	#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;}
	#gnav nav ul {display: none;float: none;width: 100%;border-left: none;border-right: none;}
	#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-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 : 96%; margin: -10px auto 10px auto; font-size: 0.9em; padding: 10px;}
	#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 ;}
	#header-inner #logo{ width: 100%; margin: 0;}
	#header-inner #logo1 { float: left; margin-top: 0px; margin-left: 0px;}
	#header-inner #logo2 { float: right; margin-top: 10px; margin-right:5px;}
	#header-inner #logo1 img{ width:100px; height:auto;}
	#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: 100%;
		margin: 0 auto;
		margin-top: 20px;
		font-weight: normal;
		font-size: 1.2em;
		line-height: 1.4em;
		text-align: left;		
		/*background: url(img/hd_bg1.png) no-repeat 10px center;
		background-size: 10%;
		*/
		/*padding: 20px 20px 20px 15%;*/
	}
	.main-title {
		font-size: 1.2em;
		margin-top: 1em;
	}
	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 p{ font-size:0.8em;}
	
	.top_content { margin-top: 0;}
	#sp_side_mw_web { 
		display: block;
		text-align: center;
		margin: 20px 0 20px 0;
	
	}
	#side_mw_web { display: none;}
	
	#kiji-list article{float: none; width: 100%; margin: 0 auto 40px 0;}
	
	#main {
	float: none;
	width: 100%;
	}
	
	#side {
		float: none;
		width: 100%;
	}
	
	#sp_vernal {
		display: block;
		text-align: center;
	}

	#side_vernal {
		display: none;
	}
	
	h2{ font-size:1.2em;}

.hd_back_home{ float: right;}
.hd_back_home a {
	text-align: center;
	background:#6FD6E1;
	color:#fff;
	text-decoration: none;
	font-size:0.6em;
	position:relative;
	letter-spacing:2px;
	font-weight: bold;
	border-radius: 4px;	
	padding: 5px 20px 5px 5px;
	box-shadow: 0 3px 0 #218F9C;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	text-decoration: none;
}

.hd_back_home a:hover{ background:#97B436; box-shadow: 0 3px 0 #667924;}
.hd_back_home a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}


.searchBox section.wordBox{ text-align: center;}
.searchBox section.wordBox input[type="submit"]{ margin: 10px 0 0 0;}

.contact table{}
.contact table th,
.contact table td{display: block; border: none; padding: 0;}
.contact table th{ background: #f7f7f7; text-align: center; padding: 0.5em;}
.contact table td{margin: 0 0 2em 0;}

}




/* ------ ��479px ------ */
@media screen and (max-width: 479px) {
	.alignleft, .alignright{float: none; margin: 5px auto; display: block;}
    #kiji-list > article img {margin: 0 auto; display: block;}
	
    /*
	#kiji-list article .cont_left{ float:none; width:100%; margin: 0 0 20px 0;}
	#kiji-list article .cont_right{ float:none; width:100%;}
	*/
    
    #kiji-list article .cont_left { /*width:30%; float: left;*/}
    #kiji-list article .cont_right { /*width:65%; float: right;*/}
    
	#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%;}
}