@charset "utf-8";
/* ===== スマホ向け ===== */
@media (max-width: 767px) {
	body{
		/*background: #FFF;*/
	}
	/*h1,h2{text-align: center;}*/
	h1{
		font-size: 16px;
		margin-top: 5px;
		}
	h1 span{
		border-bottom: 2px dotted #000;
		padding-bottom: 2px;
	}
	article#main.index h1{
		display: block;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	article#main.index h1 br{
	display: block;
	}
	h2{
		margin: 10px 0;
	}
	article#main.index h2,
	article#about h2,
	article#main.offline h2
	{
		font-size: 18px;
	}

	#wrapper{
		width: 100%;
	}
	.fixed {
		top: 70px!important;
	}

	
	/* ==========================================
		header ヘッダー
	============================================ */
	/* ===== 広告周り（怒）===== */
	/*広告余白*/
	#adspace{
		display: block;
		/*height: 70px;*/
	}

	/*下のコンテンツを隠す*/
	#hyde{
		/* 広告が上に出て邪魔ならdisplayをblockに */
		display: none;
		position: fixed;
		top: 0;
		width: 100%;
		background: #FFF;
		height: 70px;
		z-index: 999;
	}


	/* ===== HEADER ===== */
	header#logo{
		padding-bottom: 0;
		padding-top: 5px;
		text-indent: 1em;
	}
	header#logo img{
		height: 40px;
	}
	/*サイト説明文*/
	#caption{
		padding: 0 5%;	
	}


	/* ===== NAV ===== */
	nav#pcNavi{
		display: none;
	}

	/*メニュー*/
	nav#spNavi{
		display: block;
		font-family: 'Candal', sans-serif;
		/*background-color:rgba(0,0,0,0.5);*/
		width: 100%;
		text-align: center;
		z-index: 9999;
		
		position: fixed;
		top: 0;
		right: 0;
	}
	
	/*広告が上にあるとき*/
	.adTOP{top: 130px!important;}
	/*広告が下にあるとき*/
	.adBottom{top: 0!important;}
	
	/*MENUボタン*/
	nav#spNavi #menutitle{
		color: #FFF;
		height: 50px;
		width: 50px;
		line-height: 44px;
		font-size: 1.5em;
		text-align: center;
		position: relative;
		background: url(../img/site/bg01.png);
	}
	/* 開く 三 */
	nav#spNavi #menutitle.open:after{
		font-family: "FontAwesome";
		content: "\f0c9";
		position: absolute;
		right: 15px;
		top: 2px;
	}
	/* 閉じる X */
	nav#spNavi #menutitle.close:after{
		font-family: "FontAwesome";
		content: "\f00d";
		position: absolute;
		right: 15px;
		top: 2px;
	}

	nav#spNavi ul{
		height:0px;
		display:none;
		background: url(../img/site/bg01.png);
	}
	nav#spNavi li{
		/*padding:10px 0;*/
		height: 50px;
		line-height: 50px;
		color: #fff;
		text-align: center;
    	border-top: 1px dashed rgba(255,255,255,0.3);
	}
	nav#spNavi li:first-child{
		border-top: 1px dotted rgba(255,255,255,1);
	}
	nav#spNavi li a{
		display: block;
		width: 100%;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		/*position: relative;*/
	}
	nav#spNavi li a:after{
		font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		right: 15px;
	}
	nav#spNavi li.blank a:after{
		content: "\f2d2"!important;
	}

	/* ===========================================
		メイン
	============================================ */
	article#main{
		padding: 0 5%;
	}

	/* ==========================================
		index
	============================================ */

	/* ===== マンガサムネ ===== */
	article#main.index section.thum ul{
		width: 100%;
		margin: auto;
	}
	article#main.index section.thum ul li{
		/*float: none;*/
		margin-right: 3%;
		width: 46%;
		margin-bottom: 20px;
		border: 3px solid #e2e2e2;
		height: 150px;
		overflow: hidden;
		position: relative;
	}
	article#main.index section.thum ul li:nth-of-type(even){
		margin-right: 0;
	}
	article#main.index section.thum ul li img{
		width: 100%;
		position: absolute;	
	}
	/* サムネ位置調整 */
	article#main.index section.thum ul li#top01 img{
		/*top: -100px;*/
	}
	article#main.index section.thum ul li#top02 img{
		/*top: -120px;*/
	}


	/*　もっと見るボタン */
	.moreBtn{
		display: none;
	}

	/* イラストサムネ */
	article#main.index section.illustIndex,
	#onlySP{
		display: block;
	}
	article#main.index .illustIndex li{
		/*margin-right: 0;*/
		width: 100%;
		margin-bottom: 20px;
		border: 3px solid #e2e2e2;
		height: 100px;
		overflow: hidden;
		position: relative;
	}
	article#main.index .illustIndex li img{
		width: 100%;
	}

	/* ===== お知らせ ===== */
	article#main.index section#info p:first-of-type{
		border-top: 1px dashed #ccc;
	}
	article#main.index section#info p{
		border-bottom: 1px dashed #ccc;
		padding: 10px 0;
		margin-bottom: 0;
		font-size: 15px;
	}
	article#main.index section#info p span{
		padding: 0;
		border-bottom: none;
	}
	article#main.index section#info{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	/*　過去の漫画　*/
	#oldComics.index{
		display: block;
	}

	/* ===========================================
		about　アバウト
	============================================ */
	article#about{
		word-wrap: break-word;
	}
	article#about section{
		padding: 3% 5% 5% 5%;
	}
	article#about section p{
		text-align: left;
	}
	article#about section:nth-of-type(even){
		background: #f3f3f3;
	}
	article#about section#search{
		text-align: left;
	}


	/* ===========================================
		offline　オフライン
	============================================ */
	article#main.offline{
		width: auto;
		margin: auto;
	}


	/* ===========================================
		character キャラクター
	============================================ */
	/*アコーディオン*/
	.accordion2 {
		width: 100%;
	}
	.accordion2 label {
		/*margin-top: 90px;*/
	}
	/*名前*/
	.accordion2 h2{
		margin: 15px 0;
	}

	/* サークル型に変更 */
	article.character{
		width: 90%;
	}
	article.character ul.thumChr li{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	ul.thumIllust li{
		margin-bottom: 5px;
	}
	article.chrProfile section{
		background: #f3f3f3;
		-webkit-border-radius: 10px;
		        border-radius: 10px;
	}
	.overlay img{
		width: 90%;
		height: 90%;
	}

	/* ===========================================
		illust イラスト
	============================================ */
	article#main.illust{
		width: auto;
		margin: auto;
	}


	/* ===========================================
		comic マンガ
	============================================ */
	#comicSpace{
		width: 100%;
		margin: 0;	
	}
	#imageCOMIC img,#comment img{
		width: 100%;
	}
	/*===== 次のページボタン =====*/
	#nextPage a{
		width: 70%;
	}


	/* ===== ページャー =====*/
	#pager section{
		width: 100%;
		margin: 0;
	}
	#pager div{
	}
	/*前*/
	#pager div#prevComic{
	}
	/*次*/
	#pager div#nextComic{
	}
	#pager div a{
	}


	/* ===== 過去の漫画 ===== */
	#oldComics{
	}
	#oldComics header{
	}
	#oldComics header h3{
	}
	#oldComics section{	
		width: 90%;
		height: 230px;
		-webkit-overflow-scrolling: touch;
	}
	#oldComics section ul{
	}
	#oldComics section li{
		/*border-bottom: 1px dashed #ccc;*/
	}
	#oldComics section li:last-child{
		/*border-bottom: none;*/
	}
	#oldComics section a{
		/*display: block;
		padding: 10px 0;
		text-indent: 1em;
		color: #000;
		text-decoration: none;*/
	}


	/* ===== 漫画リストページ ===== */
	#oldComics.comiclist{
		width: 100%;
		margin: 15px 0 0 0;
	}
	#oldComics.comiclist section{
		margin-top: 0;
	}

	/* ===========================================
		レスポンス
	============================================ */
	#responce{
		width: 100%;
		margin:15px auto;
	}
	#responce a#btnTw,#responce a#btnClap{
		width: 41%;
		/*padding: 0 5%;*/
		height: 30px;
		line-height: 30px;
	}
	#responce a#btnTw{
		margin-right: 3%;
	}
	#responce a#btnClap img{
		vertical-align: -0.3em;
		margin-right: 7px;
	}
	/*マンガページ下部*/
	#responce.comicRes{
		margin: 15px auto;
	}
	#responce.comicRes a#btnTw,#responce.comicRes a#btnClap{
		width: 30px!important;
	}
	#responce.comicRes a#btnTw:before{
		margin-right: 0!important;
	}
	#responce.comicRes a#btnClap:before{
		margin-right: 0!important;
	}

	/* ===========================================
		footer フッター
	============================================ */
	footer{
		padding:0 0 50px 0;
	}

}