@charset "UTF-8";

/* グローバル設定 */

body	{
	margin:0;
	padding:0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background-color:#FFF;
	color:#666;
	font-size:small;
}


header	{
	width:100%;
	min-width:320px!important;
	margin:0 0 20px;
	padding:0;
	border-bottom:1px solid #CCC;
	display: block;
}

.sitelogo {
	display: block;
	width:100%;
	color:#FFF;
	text-decoration: none;
	margin-left:0;
	}
	

.sitelogo h1	{
	margin:0;
	padding:0;
	width:100%;
	height:3em;
	text-align: left;
	margin-left:1em;
}

header	nav	{
	width:100%;
	margin:0;
	padding:0;
	background-color: #333;
}

header	nav ul {
	margin:0;
	padding:5px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	min-width:100%!important;
}

header	nav ul li {
	display:block;
	flex-basis: calc(100%/6);
}

header	nav ul li a	{
	position:relative;
	display:inline-block;
	padding-top:50%;
	width:100%;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:xx-small;
	font-family: 'Comfortaa', cursive;
	background-repeat:no-repeat;
	background-size:40%;
	background-position: center top;
}

header	nav ul li:nth-child(1) a{
	background-image:url("../ui/icon/home.svg");
}
header	nav ul li:nth-child(2) a{
	background-image:url("../ui/icon/newspaper.svg");
}
header	nav ul li:nth-child(3) a{
	background-image:url("../ui/icon/images.svg");
}
header	nav ul li:nth-child(4) a{
	background-image:url("../ui/icon/pencil2.svg");
}
header	nav ul li:nth-child(5) a{
	background-image:url("../ui/icon/book.svg");
}
header	nav ul li:nth-child(6) a{
	background-image:url("../ui/icon/cart.svg");
}

footer	{
	min-width: 320px;
}


aside	{
display:none;
}

.sns_pc {
	display:none;
}

.sns_mobile {
	display:flex;
}

.sns_mobile img{
	width:40px;
	height:40px;
}


main a, .info a	{
	color:#999;
	}
	
main a:hover, .info a:hover	{
	color:#AAA;
}




img	{
	max-width:100%;
	height:auto;
}

iframe	{
	max-width:100%;
}


/* トップページ設定 */
main	{
	width:90%!important;
	margin:0 auto;
	padding:0 2.5%;
}

main.home {
	width:95%!important;
	padding:0;
}

.slideshow	{
	width:95%;
	margin:auto;
}

.info	{
	width:93%;
	margin:10px auto 20px;
	padding:10px 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
    box-shadow:1px 2px 3px #CCC;
}

.info ul	{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

.info ul li	{
	display:inline-block;
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:none;
}

.info ul li:nth-child(2)	{
	border:none;
}

.topics {
	display: flex;
	flex-wrap: wrap;
	width:100%;
}

.topics	section	{
	flex-basis:100%;
	background-color: #333;
	margin-bottom:20px;
}

.topics h3	{
	font-size:medium;
	font-weight:normal;
	line-height:1em;
	color:#FFF;
	margin:10px;
}

.topics img {
	margin:0;
	width:100%;
	height:320px;
	object-fit: cover;
}
.topics img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  }
  .topics img:hover {
	opacity: .5;
  }


.topicspage  {
	width:95%;
	margin:0 auto 80px;
	padding:0;
}

.topicspage  p {
	margin:0 1em;
}


.topicspage article img {
	max-width:100%;
	margin:1em auto;
}

.topicspage article {
	display:block!important;
}

.topic_content {
	margin-left:0;
}

time	{
	font-size:small;
	font-weight:normal;
}

.single article {
	margin-left:0;
}

/* Gallery設定*/

main.gallery	{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.gallery_list img {
	width:160px;
}


/* Works設定 */

.works_list	{
	margin:10px 0;
	padding:0;
	list-style-type:none;
	font-size:0.85em;
}


#game li, #books li,#anime_music li {
	width:40%;
	height:300px;
	display:block;
	margin:5%;
	float:left;
}

#related_books li, #application li {
	width:40%;
	height:300px;
	display:block;
	margin:5%;
	float:left;
}


#freepaper li {
	width:40%;
	height:300px;
	display:block;
	margin:5%;
	float:left;
}

#goods ul, #cardgame ul, #etc ul	{
	list-style:none;
	line-height:1.5em;
}

.goods li	{
	width:40%;
	height:200px;
	display:block;
	margin:5%;
	float:left;
}



/* 同人誌個別ページ設定 */
.doujinshi	article	{
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}


.doujin_cover	{
	width:100%;
	padding:30px 0;
	float:none;
}
.doujin_cover	img{
	width:100%;
	margin:auto;
}

.doujin_detail	{
	width:100%;
}


.doujinshi	section p	{
	margin:10px 0;
	padding:10px;
	border-bottom:1px solid #CCC;

}

.doujinshi	section p:nth-child(n+4)	{
	border:none;
	line-height:0.8em;
}

.doujinshi	section p:nth-child(n+4) img	{
	border:none;
	margin-right:10px;
}

.doujin_sample	{
	width:32%;
	margin-right:1%;
}

main.doujin 	{
	width:100%;
	margin:1em 0;
}

#doujin_list	h3	{
  margin-left:1em;
}

#doujin_list	ul	{
	list-style:none;
	margin:0;
	padding:0;
}

#doujin_list	ul li	{
	flex-basis:40%;
	margin:10px 5%;
}

/*ブログ*/

.blog article	{
	margin:30px 0;
	border-bottom:1px solid #CCC;
	
}


/*ブログアーカイブ*/
.blog_archive ul	{
	width:200px;
	margin:0 auto;
	padding:0;
}

.blog_archive ul li a	{
	display:inline;
	color:#666;
	text-decoration:underline;
	border:none;
}
.blog_archive ul li a:hover	{
	background-color:transparent;
	color:#CCC;
}

.blog_monthly	{
	list-style:none;
	min-height:400px;
}
.blog_pages	{
	text-align:center;
}

.blog_pages	span	{
	display:inline-block;
	width:30px;
}