@charset "utf-8";

/* CSS Document */





/* =Responsive Structure

----------------------------------------------- */



@media screen and (min-width:840px) and (max-width: 1000px) {

	

	/* =Structure



----------------------------------------------- */



#page {

	margin: 0 auto;

	max-width: 840px !important;

	background-image: url(http://img.www2.gainax.co.jp/gximages/sidebarmini.png) !important;

	background-position: left top !important;

	background-repeat: repeat-y !important;

}



#main {

	clear: both;

	width:840px;

	margin:0 auto;

}



#main2{

	float:none;

	width:100% !important;

	margin: 0 auto !important;

}



.breadcrumbs{

	margin:20px 0 0 0;

}



#secondary {

	background:none;

}





.abc {

	clear: both;

	padding:0;

	width:840px;

	margin:0 auto;

}



.def {

	clear: both;

	padding:0;

	width:100%;

	margin:0 auto;

}

	

}

	

@media (max-width: 839px) {



#branding {

	margin:0 auto !important;

	min-height:100px;

	width:100%;

	padding:10px 10px 0 10px !important;

}



#page {

	margin:0 !important;

	width: 100%;

	background-image: none !important;

}



#mainmenu{

	margin:0 10px 0 0;

}



#main{

	width:100%;

	margin: 0 auto !important;

	padding:0;

}



#main2{

	float:none;

	margin: 0 auto !important;

	padding:0;

	width:80% !important;

}



#primary{

	float:none;

	margin:0 !important;

	padding:0 !important;

}



#main2 #content{

	width:auto;

	margin:0 !important;

	padding:0 !important;

}



#main #secondary {

	clear:both;

	width:100%;

	background-image: url(http://img.www2.gainax.co.jp/gximages/sidebar.png) !important;

	background-repeat:repeat;

	padding:20px 0;

}



.sideworks,

.linkul,

.sidebanner,

.sideblog,

.seaech-sidebar,

.sidebarh3,

.linkul2,

.backtohome{

	padding:0 20px;

}



.tpg{

	width:100%;

	text-align:center;

	margin:0 !important;

}



.tpgimg{

	width: 100%;

	max-width: 597px; /* 最大幅 */

	min-width: auto; /* 最小幅 */

}



.sf100k{

	float:none;

	width:100%;

	height:100%;

	margin:0 0 15px 0;

}



.sf100ktext{

	position:absolute;

	left:25%;

	top:25%;

}





.abc{

	width:80%;

	}	



.def{

	float:none;

	width:100%;

	margin: 0 auto !important;

}



.sidebartext1{

	display:none;

}



.sidebartext2{

	display:none;

}



.recommend{

	display:none;

}



.mobilesite{

	float:none;

	width:100%;

}



.flogo{

	float:none;

	width:auto;

	margin: 0 auto !important;

	text-align:left;

	padding:20px 0 -10px 3%;



}



.fmap{

	float:none;

	width:auto;

	margin: 0 auto !important;

	padding:0;



}



.footeralfa{

	clear:both;

	float:none;

	width:auto;

	text-align:left;

	padding:10px 0 10px 3%;

}



.footer2han{

	float:none;

	width:auto;

	text-align:left;

	padding:0 0 7px 3%;

}



.footerEA{

	float:none;

	width:auto;

	text-align:left;

	padding:0 0 10px 3%;

}

.footergainaxsiater{
	float:none;
	width:auto;
	text-align:left;
	padding:0 0 20px 3%;
}

.twitterxyz1{

	margin:-4px 10px 10px 0;

}



.twitterxyz2{

	margin:-4px 0 10px 0;

}



.twitterxyz3{

	margin:-4px 10px 10px 0;

}



.twitterxyz4{

	margin:-4px 0 10px 0;

}



.twitterxyz5{

	margin:-4px 10px 10px 0;

}



.twitterxyz6{

	margin:-4px 0 30px 0;

}



.textcom{

	float:none;

	width:100%;

	margin:0 auto;



}



.chuou{

	float:none;

	width:100%;

	text-align:left;

}



.annaiimg{

	text-align:left;

	margin:0 5px 5px 0;

	vertical-align: top;

}



	/* Simplify the showcase template */

	.page-template-showcase-php .featured-posts {

		min-height: 280px;

	}

	.featured-posts section.featured-post {

		height: auto;

	}

	.page-template-showcase-php section.recent-posts {

		float: none;

		margin: 0;

		width: 100%;

	}

	.page-template-showcase-php #main .widget-area {

		float: none;

		margin: 0;

		width: auto;

	}

	.page-template-showcase-php .other-recent-posts {

		border-bottom: 1px solid #ddd;

	}

	/* Simplify the showcase template when small feature */

	section.featured-post .attachment-small-feature,

	.one-column section.featured-post .attachment-small-feature {

		border: none;

		display: block;

		float: left;

		height: auto;

		margin: 0.625em auto 1.025em;

		max-width: 30%;

		position: static;

	}

	article.feature-image.small {

		float: right;

		margin: 0 0 1.625em;

		width: 64%;

	}

	.one-column article.feature-image.small .entry-summary {

		height: auto;

	}

	article.feature-image.small .entry-summary p a {

		left: 0;

		padding-left: 20px;

		padding-right: 20px;

		width: auto;

	}

	/* Remove the margin on singular articles */

	.singular .entry-header,

	.singular .entry-content,

	.singular footer.entry-meta,

	.singular #comments-title {

		width: 100%;

	}

	/* Simplify the pullquotes and pull styles */

	.singular blockquote.pull {

		margin: 0 0 1.625em;

	}

	.singular .pull.alignleft {

		margin: 0 1.625em 0 0;

	}

	.singular .pull.alignright {

		margin: 0 0 0 1.625em;

	}

	.singular .entry-meta .edit-link a {

		left: 0;

		position: absolute;

		top: 40px;

	}

	.singular #author-info {

		margin: 2.2em -8.8% 0;

		padding: 20px 8.8%;

	}

	/* Make sure we have room for our comment avatars */

	.commentlist {

		width: 100%;

	}

	.commentlist > li.comment,

	.commentlist .pingback {

		margin-left: 102px;

		width: auto;

	}

	/* And a full-width comment form */

	#respond {

		width: auto;

	}

	/* No need to float footer widgets at this size */

	#colophon #supplementary .widget-area {

		float: none;

		margin-right: 0;

		width: auto;

	}

	/* No need to float 404 widgets at this size */

	.error404 #main .widget {

		float: none;

		margin-right: 0;

		width: auto;

	}

}





@media (max-width: 680px) {



#branding{

	height:130px;

}

	

.mininavi{

	float:left;

	display: block;

	font-size:9pt;

	padding:10px 0 10px 5px;

}



#mainmenu{

	clear:both;

	float:left;

	padding:0 0 10px 10px;

	margin:0;

}

	

	#content .gallery-columns-2 .gallery-item {

		width: 45%;

		padding-right: 4%;

	}

	#content .gallery-columns-2 .gallery-item img {

		width: 100%;

		height: auto;

	}

	.tpg{

	margin:-3px 0 0 0;

}



.sf100k{

	width:100%;

}



.sf100ktext{

	position:absolute;

	left:15%;

	top:25%;

}



}



@media (max-width: 480px) {

	

#branding {

	margin:0 auto !important;

	min-height:100px;

	width:100%;

	padding:10px 0 0 10px !important;

}



#page {

	margin:0 !important;

	width: 100%;

	background-image: none !important;

}



#main{

	width:100%;

	margin: 0 auto !important;

	padding:0;

}



#main2{

	float:none;

	margin: 0 auto !important;

	padding:0;

	width:90% !important;

}



.abc{

	width:90%;

	}	



.sf100ktext{

	position:absolute;

	left:5%;

	top:20%;

}



}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

#branding {

	width:100%;

}

.tpg{

	margin:-3px 0 0 0;

}



}



/* =Print

----------------------------------------------- */



@media print {

	body {

		background: none !important;

		font-size: 10pt;

	}

	footer.entry-meta a[rel=bookmark]:link:after,

	footer.entry-meta a[rel=bookmark]:visited:after {

		content: " [" attr(href) "] "; /* Show URLs */

	}

	#page {

		clear: both !important;

		display: block !important;

		float: none !important;

		max-width: 100%;

		position: relative !important;

	}

	#branding {

		border-top: none !important;

		padding: 0;

	}

	#branding hgroup {

		margin: 0;

	}

	#site-title a {

		font-size: 21pt;

	}

	#site-description {

		font-size: 10pt;

	}

	#branding #searchform {

		display: none;

	}

	#branding img {

		display: none;

	}

	#access {

		display: none;

	}

	#main {

		border-top: none;

		box-shadow: none;

	}

	#primary {

		float: left;

		margin: 0;

		width: 100%;

	}

	#content {

		margin: 0;

		width: auto;

	}

	.singular #content {

		margin: 0;

		width: 100%;

	}

	.singular .entry-header .entry-meta {

		position: static;

	}

	.entry-meta .edit-link a {

		display: none;

	}

	#content nav {

		display: none;

	}

	.singular .entry-header,

	.singular .entry-content,

	.singular footer.entry-meta,

	.singular #comments-title {

		margin: 0;

		width: 100%;

	}

	.singular .hentry {

		padding: 0;

	}

	.entry-title,

	.singular .entry-title {

		font-size: 21pt;

	}

	.entry-meta {

		font-size: 10pt;

	}

	.entry-header .comments-link {

		display: none;

	}

	.page-link {

		display: none;

	}

	.singular #author-info {

		background: none;

		border-bottom: none;

		border-top: none;

		margin: 2.2em 0 0;

		padding: 0;

	}

	#respond {

		display: none;

	}

	.widget-area {

		display: none;

	}

	#colophon {

		display: none;

	}



	/* Comments */

	.commentlist > li.comment {

		background: none;

		border: 1px solid #ddd;

		-moz-border-radius: 3px 3px 3px 3px;

		border-radius: 3px 3px 3px 3px;

		margin: 0 auto 1.625em;

		padding: 1.625em;

		position: relative;

		width: auto;

	}

	.commentlist .avatar {

		height: 39px;

		left: 2.2em;

		top: 2.2em;

		width: 39px;

	}

	.commentlist li.comment .comment-meta {

		line-height: 1.625em;

		margin-left: 50px;

	}

	.commentlist li.comment .fn {

		display: block;

	}

	.commentlist li.comment .comment-content {

		margin: 1.625em 0 0;

	}

	.commentlist .comment-edit-link {

		display: none;

	}

	.commentlist > li::before,

	.commentlist > li.bypostauthor::before {

		content: '';

	}

	.commentlist .reply {

		display: none;

	}



	/* Post author highlighting */

	.commentlist > li.bypostauthor {

		color: #444;

	}

	.commentlist > li.bypostauthor .comment-meta {

		color: #666;

	}

	.commentlist > li.bypostauthor:before {

		content: none;

	}



	/* Post Author threaded comments */

	.commentlist .children > li.bypostauthor {

		background: #fff;

		border-color: #ddd;

	}

	.commentlist .children > li.bypostauthor > article,

	.commentlist .children > li.bypostauthor > article .comment-meta {

		color: #666;

	}



}