@media screen and (max-width:640px)
{
	.pc
	{
		display:none;
	}
	





header
{
    height:45px;
    z-index:1000;
    
    position: fixed !important;
    position:absolute;
    
    top:0;
    
    width:100%;
    
    background-color:#FAF0DC;
}
header nav
{
    position:absolute;
    top:100%;
    
    right:0px;
    
    top:45px;
}



	.top_list
	{
		margin:10px 10px 20px 10px;
		text-align:center;
	}
	.top_list a
	{
		text-decoration:none;
	}
	.top_list img
	{
		box-shadow:rgb(179, 182, 186) 3px 2px 6px 0px;
		-webkit-box-shadow:rgb(179, 182, 186) 3px 2px 6px 0px;
		-moz-box-shadow:rgb(179, 182, 186) 3px 2px 6px 0px;
		
		margin:10px 6px;
	}

	.top_list_life
	{
		display:inline-block;
		
		font-weight:bold;
		color:#E7380E;
		
		font-size:16px;
		line-height:24px;
	}
	.top_list_fire
	{
		display:inline-block;
		
		font-weight:bold;
		color:#E7380E;
		
		font-size:16px;
		line-height:24px;
	}

	.chara_table
	{
		width:302px;
		/*width:306px;*/
		
		/*background-color:#000;*/
		letter-spacing:-0.4em;
		
		margin:0 auto;
		padding:0 auto;
	}
	.chara_table2
	{
		width:302px;
		/*width:306px;*/
		
		/*background-color:#000;*/
		/*letter-spacing:-0.4em;*/
		
		margin:0 auto;
		/*padding:0 auto;*/
	}
	.chara_box
	{
		display:inline-block;
		width:150px;
		
		letter-spacing:normal;
		
		font-size:12px;
		line-height:18px;
		color:#231815;
		
		vertical-align:top;
		
		text-align:left;
		
		padding:0 10px;
	}
	.chara_box b
	{
		font-size:16px;
		line-height:24px;
		font-weight:bold;
	}
	.chara_box p
	{
		
	}
	.chara_age
	{
		font-size:14px;
		line-height:21px;
	}
	.middle
	{
		vertical-align:middle !important;
	}
	.c1_title
	{
		/*padding:10px 0 10px 20px;*/
		padding:10px 0 10px 10px;
		
		font-size:20px;
		line-height:30px;
		font-weight:bold;
		
		letter-spacing:1px;
		
		color:#E8380D;
	}

	.c1_index
	{
		padding:0 20px 60px 10px;
		
		font-size:14px;
		line-height:26px;
		color:#231815;
	}
	.c1_index a
	{
		color:#231815;
	}

	h2
	{
		font-size:20px !important;
		line-height:30px !important;
		
		padding-bottom:10px !important;
		padding-top:10px !important;
	}

	.comics_footer
	{
		border-top:1px solid #999;
		padding:10px 0;
	}
	.copyright2
	{
		text-align:center;
		color:#444;
		font-size:10px;
	}

	#pageTop
	{
		position: fixed;
		bottom: 14px;
		right: 10px;
	}

	.nav
	{
		display:none;
		
		z-index:1000;
		
		width:190px;
		/*box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.2);*/
		
		background-color:#4C4E5A;
		
	    position:absolute;
		right:10px;
		top:38px;
	}
	.nav li
	{
		/*border:1px solid #000000;*/
		/*height:36px;*/
		
		list-style:none;
		display:block;
		
		margin:0 10px;
		padding:6px 0px 6px 8px;
		
		
		letter-spacing:1px;
		
		background-color:#4C4E5A;
		
		background-image:url("../../img/null.png");
		/*
		background-image:url("../img/nav_icon.png");
		background-repeat:no-repeat;
		background-position:center right;
		background-size:25px 12px;
		*/
		
	}
	.nav li+li{
		border-top:2px dotted #FFF;
	}
	.nav a
	{
		/*padding:0px 0px 0px 30px;*/
		text-decoration:none;
		
		color:#FFF !important;
		font-weight:bold;
		/*font-size:16px;*/
		
		font-size:12px !important;
	}
	.nav_txt
	{
		/*
	    position:relative;
	    top: -7px;
		*/
	}
	.overlay_menu {
		display: none;
		
	    z-index:1200;
	    
	    position:absolute;
		right:10px;
		top:8px;
	}
	.space_xl
	{
		height:80px;
	}
	
	


	#services,#cap1,#cap2,#cap3,#cap4,
	#cap5,#cap6,#cap7,#cap8
	{
	    margin-top:-45px;
	    padding-top:45px;
	}
	
	.menu_on
	{
		position:relative;
		top:3px;
		left:0px;
	}
	



	.section-head h2
	{
		font-family:'ヒラギノ角ゴ Pro W3','Osaka','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	}


.top_title
{
	background-color:#E8380D;
	/*background-color:#EE7800;*/
	color:#fff;
	
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
	
	padding:10px 16px;
	
	margin-top:20px;
	
	margin-bottom:18px;
}
.top_title span
{
	vertical-align:middle;
}





}