/* 基本的に、PC、Tablet、SmartPhone(Landscape)の3種類を定義 */
/* *{color:xxx;}はあくまでもサンプルなので消してください */


/* for PC --------------------------------------------------------------------*/



/* 表示 */
.forpc{
	display:block;
}

.forpctab{
	display:block;
}

.fortabsp{
	display:none;
}

.forsp{
	display:none;
}

/* navi */



/* main */

#main_title{
	width:100%;
}


#main_img{
	width:100%;
}


/* Sample Device Width / Height *********
iPhone   320 /  480
iPhone5  320 /  568
Android  320 /  533
         320 /  569
         360 /  640 etc...
-------------------
iPad     768 / 1024
Android  800 / 1280 etc...
*****************************************/

@media (min-width: 0px) and (max-width: 800px){ /* 50em */
	/* for Tablet Portrait --------------------------------------------------------------------*/
	
	
	
	/* 表示 */
	.forpc{
		display:none;
	}
	
	.forpctab{
		display:block;
	}
	
	.fortabsp{
		display:block;
	}
	
	/* main */
	#wrapper{
		width:100%;
	}
	
	#main_title{
		width:100%;
	}
	
	
	.top_back{
		width:100%;
	}
	
	#main_img{
		width:100%;
	}

}
	/* class */




@media (min-width: 0px) and (max-width: 640px){ /* 40em */
	/* for SmartPhone Landscape --------------------------------------------------------------------*/
	
	
	body{
		font-size:14px;
	}
	
	
	/* 表示 */
	.forpc{
		display:none;
	}
	
	.forpctab{
		display:none;
	}
	
	.fortabsp{
		display:block;
	}

	.forsp{
		display:block;
	}
	
	/* navi */
	.navi{
		width:100%;
		position: static;
		padding:0%;
		margin:0%;
	}

	.navi li{
		width:50%;
		float:left;
	}

	.navi_main{
		width:100%;
	}

	.navi_main li{
		width:50%;
		float:left;
	}

	/* main */
	#main_title{
		height:96px;
	}
	
	.mainlogo{
		height:96px;
		width:235px;
		float:left;
	}
	

	.top_back{
		width:100%;
		height:auto;
		background: transparent !important;
	}
	
	#main_img{
		width:100%;
		height:auto;
		background-image:url();
		background-repeat:no-repeat;
		background-size:contain;
	}
	
	#contents{
		width:100%;
		clear:both;
		margin:0px;
		padding-top:20px;
		padding-left:5px;
		padding-right:5px;
	}

.nowrap{
	white-space:normal;
}

	/* foot */
	.spfoot{
		width:100%;
		position: absolute;top:870px;
	}
	
	#foot{
		width:100%;
	}
}

/* 以下細かい調整が必要な場合 */
@media (min-width: 361px) and (max-width: 480px){ /* 30em */
	/* for iPhone < 5 Landscape */

	/* main */
	#main_title{
		height:72px;
	}
	
	.mainlogo{
		height:72px;
		width:176px;
	}

	.bunyahead{
		width:25%;
	}

	.bunya{
		width:25%;
	}
	
	.tlnamehead{
		width:45%;
	}

	.tlname{
		width:45%;
	}

.tlthesishead{
	width:15%;
}

.tlthesis{
	width:15%;
}

}

@media (min-width: 0px) and (max-width: 360px){ /* 22.5em */
	/* for SmartPhone Portrait */
	
	body{
		font-size:13px;
	}
		/* main */
	#main_title{
		height:54px;
	}
	
	.mainlogo{
		width:132px;
		height:54px;
	}
	
	.bunyahead{
		width:25%;
	}

	.bunya{
		width:25%;
	}
	
	.tlnamehead{
		width:45%;
	}

	.tlname{
		width:45%;
	}
	
.tlthesishead{
	width:15%;
}

.tlthesis{
	width:15%;
}
	
	
}