
/*PCƒ}ƒ“ƒKTop‰æ‘œ*/
	.Top_img_container
	{
        max-height: 400px;
        background: linear-gradient(#fff1b2, #ffe88d ,#ffd647);
        text-align: center;
        margin: 0 auto;
         display: block;
    }
    
    .Top_img_container img
    {
        max-width: 1070px;
        max-height: 400px;
    }


@media screen and (min-width:641px)
{
	.smart
	{
		display:none !important;
	}
	
	#contents
	{ 
	    position:relative;
	    top:91px;
	}


header
{
    height:45px;
    z-index:1000;
    
    position: fixed !important;
    position:absolute;
	top:-1px;
	left:0;

    
    width:100%;
    
    background-color:#FAF0DC;
    
    padding:0;
}
header nav
{
    position:absolute;
    top:100%;
    
    right:0px;
    
    top:0;
}
.header
{
    width:100%;
    height:96px;
    background-color:#FAF0DC;
    
    padding:0;
}

	.pc_header
	{
		padding:16px 0;
		background-color:#FAF0DC;
		
		width:1000px;
		margin:0 auto;
	}
	.pc_header img
	{
		width:230px;
	}
	
	.top_list
	{
		text-align:center;
		
		width:1100px;
		margin:50px auto;
	}
	.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:32px;
		line-height:48px;
		
		margin-right:25px;
	}
	.top_list_life img
	{
		margin-top:20px;
		
		width:500px;
		height:709px;
	}
	.top_list_fire
	{
		display:inline-block;
		
		font-weight:bold;
		color:#E7380E;
		
		font-size:32px;
		line-height:48px;
		
		margin-left:25px;
	}
	.top_list_fire img
	{
		margin-top:20px;
		
		width:500px;
		height:709px;
	}

	.chara_table
	{
		width:1000px;
		margin:0 auto;
		
		text-align:left;
	}
	.chara_table2
	{
		width:1000px;
		margin:0 auto;
		
		text-align:left;
	}
	.chara_box
	{
		display:inline-block;
		width:170px;
		
		font-size:16px;
		line-height:27px;
		color:#231815;
		
		vertical-align:top;
		
		text-align:left;
		
		padding:0;
		margin-right:25px;
	}
	.chara_box_last
	{
		margin-right:0px;
	}
	.chara_box b
	{
		font-size:24px;
		line-height:36px;
		font-weight:bold;
	}
	.chara_box p
	{
		
	}
	.chara_img
	{
		width:170px;
	}
	.chara_age
	{
		font-size:21px;
		line-height:30px;
	}
	.middle
	{
		vertical-align:middle !important;
	}
	.c1_title
	{
		/*padding:10px 0 10px 20px;*/
		padding:10px 0 10px 0;
		
		margin-top:90px;
		
		font-size:32px;
		line-height:51px;
		font-weight:bold;
		
		letter-spacing:2px;
		
		color:#E8380D;
	}

	.c1_index
	{
		padding:0 20px 60px 10px;
		
		font-size:14px;
		line-height:26px;
		color:#231815;
	}
	.c1_index a
	{
		color:#231815;
	}
	.c1_index span:hover > a,
	.c1_index .active a 
	{
		color:#E8380D;
		/*color: #11ABB0;*/
	}

	h2
	{
		margin:40px 0 30px 0;
		
		/*
		font-size:20px !important;
		line-height:30px !important;
		
		padding-bottom:10px !important;
		padding-top:10px !important;
		*/
	}

	.comics_footer
	{
		border-top:1px solid #999;
		border-bottom:5px solid #E8380D;
		padding:40px 0 20px 0;
	}
	.copyright2
	{
		text-align:right;
		width:1000px;
		
		margin:0 auto;
		
		/*border:1px solid #FF0000;*/
		
		color:#333;
		/*font-size:14px;*/
		font-size:0.9em;
	}

	#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:12px 0px 11px 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;
	}
	.nav_txt
	{
		/*
	    position:relative;
	    top: -7px;
		*/
	}
	.overlay_menu {
		display: none;
		
	    z-index:1200;
	    
	    position:absolute;
		right:10px;
		top:8px;
	}
	.space_xl
	{
		height:80px;
	}
	
	
	ul#nav2 {
	   min-height: 54px;
	   width: auto;

	   text-align: left;
	   /*background: url(../images/k-opacity-70.png);*/
	   
	   background-color:#fff;
	   color:#333;
	   
	   font-size:14px;
	   font-weight:bold;
	   
	}
	ul#nav2 li {
		position: relative;
		list-style: none;
	   height: 54px;

	   display: inline-block;
	}
	ul#nav2 > li.active a {
	   background: #11ABB0;
	   color: #fff !important;
	}

	ul#nav2 li a {
	   display: block;
	   
	   padding: 0 50px;
	   /*padding: 0 66px;*/
	   /*padding: 0 99px;*/
	   /*padding: 0 17px;*/
	   
	   
	   line-height: 54px;
		text-decoration: none;
	   text-align: left;
	   color: #333;

		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}

	#nav-wrap
	{
		width:100%;
		background-color:#FFF;
		
		/*border:1px solid #FF0000;*/
	}
	ul#nav2 li a:active { background-color: transparent !important; }
	ul#nav2 li:hover > a,
	ul#nav2 li.active a 
	{
		color:#E8380D;
		/*color: #11ABB0;*/
	}
	
	.nav2_box
	{
		width:1000px;
		margin:0 auto;
		padding:0;
		
		text-align:left;
	}
	
	.pc_index
	{
	    position:relative;
	    top:-56px;
	    left:130px;
	
		font-size:18px;
		line-height:36px;
		color:#231815;
		
		letter-spacing:1px;
	}
	

    
	.top_title
	{
		background-color:#E7380E;
		color:#fff;
		
		width:1070px;
		margin-right:auto;
		margin-left:auto;
		
		font-weight:bold;
		font-size:44px;
		line-height:44px;
		letter-spacing:10px;
		padding:10px 25px;
		margin-top:80px;
		/*border:1px solid #000000;*/
		
		/*
		font-weight:bold;
		font-size:15px;
		letter-spacing:1px;
		
		padding:10px 16px;
		
		margin-top:20px;
		
		margin-bottom:10px;
		*/
	}
	.top_title img
	{
		margin:0px 6px 0px 2px;
		vertical-align:middle;
		
		position:relative;
		top:-1px;
	}
	.top_title span
	{
		vertical-align:middle;
	}
	
	.h2{
	    padding-left: 20px;
	    /*padding-left: 8px;*/
	    
	    border-left: solid 8px #ffffff;
	    /*border-left: solid 5px #ffffff;*/
	    
	    display: inline-block;
	    
	    font-size:40px;
	    padding-top:6px;
	    /*font-size:18px;*/
	}
	
	
	

	#chara2,#index2
	{
	    margin-top:-91px;
	    padding-top:91px;
	}

	#services,#cap1,#cap2,#cap3,#cap4,
	#cap5,#cap6,#cap7,#cap8
	{
	    margin-top:-91px;
	    padding-top:91px;
	}

}