@media screen and (max-width: 800px) {
	.humansofcaa_banner{height: 300px;}
	.humansofcaa_inner{width:calc(100% - 20px);margin-left:10px;}
	.humansofcaadetail_area{margin-top:-250px;}
	.humansofcaadetail_area .humansname .firstname{font-size: 24px;line-height: 30px;}
	.humansofcaadetail_area .humansname .lastname{font-size: 24px;line-height: 30px;margin-left:10px;}
	.humansofcaadetail_area .featurepicturearea{margin-top:20px;}
	.humansofcaadetail_area .summaryarea{margin-top:20px;padding-bottom:20px;}
	.humansofcaadetail_area .summaryarea .summarytext{width:100%;margin-left:0px;font-size: 17px;line-height: 24px;}
	
	.temporarystyle_content_1 .alumninamebox{font-size: 24px;line-height: 30px;}
	
	.temporarystyle_content_fixed{position:relative;float:left;width:100%;}
	.temporarystyle_content_bg{position:relative;float:left;width:100%;}
	.temporarystyle_content_line_top{display:none;z-index:15;position:fixed;top:0px;width:100%;border-bottom:0px solid white;}
	.temporarystyle_content_line_bottom{display:none;z-index:15;position:fixed;bottom:0px;width:100%;border-top:0px solid white;}
	
	.temporarystyle_show .grouplist:first-child{margin-top:20px;}
	.temporarystyle_show .grouplist .sublistone img{width:50%;margin-left:4%;}
	.temporarystyle_show .grouplist .sublistone .imgfirst{margin-top:0px;}
	.temporarystyle_show .grouplist .sublistone .imgother{margin-top:20px;}
	.temporarystyle_show .grouplist .sublisttwo{}
	.temporarystyle_show .grouplist .sublisttwo img{width:50%;margin-left:46%;margin-top:20px;}
	.temporarystyle_show .grouplist .sublistthree img{width:50%;margin-left:25%;margin-top:20px;}
	
	.temporarystyle_content_1 .alumninamebox .alumninameshowarea{padding:10px 0px;}
	
}
@media screen and (min-width: 800px) and (max-width: 1100px){
	.humansofcaa_banner{height: 500px;}
	.humansofcaa_inner{width:calc(100% - 280px);margin-left:140px;}
	.humansofcaadetail_area{margin-top:-353px;}
	.humansofcaadetail_area .humansname .firstname{font-size: 80px;line-height: 94px;}
	.humansofcaadetail_area .humansname .lastname{font-size: 80px;line-height: 94px;margin-left:40px;}
	.humansofcaadetail_area .featurepicturearea{margin-top:45px;}
	.humansofcaadetail_area .summaryarea{margin-top:60px;padding-bottom:100px;}
	.humansofcaadetail_area .summaryarea .summarytext{width:660px;margin-left:calc(50% - 330px);font-size: 14px;line-height: 22px;}
	
	.temporarystyle_content_1 .alumninamebox{font-size: 120px;line-height: 160px;}
	
	.temporarystyle_content_fixed{position:fixed;z-index:20;top:0px;bottom:0px;}
	.temporarystyle_content_bg{display:none;position:fixed;top:0px;bottom:0px;float:left;width:100%;height:100%;}
	.temporarystyle_content_line_top{display:none;z-index:15;position:fixed;top:0px;width:100%;border-bottom:0px solid white;}
	.temporarystyle_content_line_bottom{display:none;z-index:15;position:fixed;bottom:0px;width:100%;border-top:0px solid white;}
	
	.temporarystyle_show .grouplist:first-child{margin-top:50px;}
	.temporarystyle_show .grouplist .sublistone img{width:20%;margin-left:4%;}
	.temporarystyle_show .grouplist .sublistone .imgfirst{margin-top:100px;}
	.temporarystyle_show .grouplist .sublistone .imgother{margin-top:-100px;}
	.temporarystyle_show .grouplist .sublisttwo{height:1px;}
	.temporarystyle_show .grouplist .sublisttwo img{float:left;width:20%;margin-left:76%;margin-top:-200px;}
	.temporarystyle_show .grouplist .sublistthree img{width:20%;margin-left:28%;}
	
	.temporarystyle_content_1 .alumninamebox .alumninameshowarea{}
	
}
@media screen and (min-width: 1100px){
	.humansofcaa_banner{height: 500px;}
	.humansofcaa_inner{width:calc(100% - 280px);margin-left:140px;}
	.humansofcaadetail_area{margin-top:-353px;}
	.humansofcaadetail_area .humansname .firstname{font-size: 80px;line-height: 94px;}
	.humansofcaadetail_area .humansname .lastname{font-size: 80px;line-height: 94px;margin-left:40px;}
	.humansofcaadetail_area .featurepicturearea{margin-top:45px;}
	.humansofcaadetail_area .summaryarea{margin-top:60px;padding-bottom:100px;}
	.humansofcaadetail_area .summaryarea .summarytext{width:660px;margin-left:calc(50% - 330px);font-size: 14px;line-height: 22px;}
	
	.temporarystyle_content_1 .alumninamebox{font-size: 120px;line-height: 160px;}
	
	.temporarystyle_content_fixed{position:fixed;z-index:20;top:0px;bottom:0px;}
	.temporarystyle_content_bg{display:none;position:fixed;top:0px;bottom:0px;float:left;width:100%;height:100%;}
	.temporarystyle_content_line_top{display:none;z-index:15;position:fixed;top:0px;width:100%;border-bottom:0px solid white;}
	.temporarystyle_content_line_bottom{display:none;z-index:15;position:fixed;bottom:0px;width:100%;border-top:0px solid white;}

	.temporarystyle_show .grouplist:first-child{margin-top:50px;}
	.temporarystyle_show .grouplist .sublistone img{width:20%;margin-left:4%;}
	.temporarystyle_show .grouplist .sublistone .imgfirst{margin-top:100px;}
	.temporarystyle_show .grouplist .sublistone .imgother{margin-top:-100px;}
	.temporarystyle_show .grouplist .sublisttwo{height:1px;}
	.temporarystyle_show .grouplist .sublisttwo img{float:left;width:20%;margin-left:76%;margin-top:-200px;}
	.temporarystyle_show .grouplist .sublistthree img{width:20%;margin-left:28%;}
	
	.temporarystyle_content_1 .alumninamebox .alumninameshowarea{}
	
}
.humansofcaa_banner{float:left;width:100%;}
.humansofcaa_inner{float:left;}
.humansofcaadetail_area{float:left;width:100%;overflow:hidden;}
.humansofcaadetail_area .humansname{float:left;width:100%;}
.humansofcaadetail_area .humansname .firstname{float:left;font-weight: 700;}
.humansofcaadetail_area .humansname .lastname{float:left;font-weight:700;}
.humansofcaadetail_area .humansedited{float:left;width:100%;margin-top:12px;}
.humansofcaadetail_area .humansedited .editedby{float:left;font-size: 14px;line-height: 16px;font-weight:400;margin-left:0px;}
.humansofcaadetail_area .humansedited .editeddate{float:left;font-size: 14px;line-height: 16px;font-weight:400;margin-left:40px;}



.humansofcaadetail_area .sharearea{float:left;width:100%;margin-top:11px;}
.humansofcaadetail_area .sharearea .sharetext{float:left;font-size: 14px;line-height: 24px;font-weight: 400;}
.humansofcaadetail_area .sharearea .btn_facebook{float:left;width:24px;height:24px;margin-left:22px;}
.humansofcaadetail_area .sharearea .btn_facebook img{float:left;width:100%;height:100%;}
.humansofcaadetail_area .sharearea .btn_twitter{float:left;width:24px;height:24px;margin-left:33px;}
.humansofcaadetail_area .sharearea .btn_twitter img{float:left;width:100%;height:100%;}
.humansofcaadetail_area .sharearea .btn_linkedin{float:left;width:24px;height:24px;margin-left:33px;}
.humansofcaadetail_area .sharearea .btn_linkedin img{float:left;width:100%;height:100%;}
.humansofcaadetail_area .sharearea .btn_wechat{position:relative;float:left;width:24px;height:24px;margin-left:33px;}
.humansofcaadetail_area .sharearea .btn_weibo{float:left;width:24px;height:24px;margin-left:33px;}
.humansofcaadetail_area .sharearea .btn_weibo img{float:left;width:100%;height:100%;}


.humansofcaadetail_area .featurepicturearea{float:left;width:100%;height:0px;padding-bottom:56%;}
.humansofcaadetail_area .featurepicturememo{float:left;width:100%;margin-top:24px;padding-bottom:24px;border-bottom:1px solid #D52D27;color: #888888;font-size: 14px;line-height: 20px;font-weight: 400;text-align:center;}
.humansofcaadetail_area .summaryarea{float:left;width:100%;}
.humansofcaadetail_area .summaryarea .summarytext{float:left;font-weight: 400;}

.temporarystyle_content_box{position:relative;float:left;width:100%;}
.temporarystyle_content_1{float:left;width:100%;height:100%;}
.temporarystyle_content_1 .alumninamebox{display:flex;flex-direction: row;justify-content: center;align-items: center;float:left;width:100%;height:100%;}
.temporarystyle_content_1 .alumninamebox .floatpercent100{float:left;width:100%;}
.temporarystyle_content_1 .alumninamebox .alumninameshowarea{display:flex;justify-content:center;float:left;width:100%;}
.temporarystyle_content_1 .alumninamebox .alumninameshowarea .temporary_firstname{position:relative;float:left;z-index:11;}
.temporarystyle_content_1 .alumninamebox .alumninameshowarea .temporary_lastname{position:relative;float:left;z-index:11;}

.temporarystyle_show{position:relative;z-index:10;float:left;width:100%;}
.temporarystyle_show .grouplist{float:left;width:100%;margin-top:0px;}
.temporarystyle_show .grouplist .sublistone{float:left;width:100%;}
.temporarystyle_show .grouplist .sublistone img{float:left;}
.temporarystyle_show .grouplist .sublisttwo{float:left;width:100%;}
.temporarystyle_show .grouplist .sublisttwo img{float:left;}
.temporarystyle_show .grouplist .sublistthree{float:left;width:100%;}
.temporarystyle_show .grouplist .sublistthree img{float:left;}
.temporarystyle_show .grouplist .sublistfour{float:left;width:100%;}
.temporarystyle_show .grouplist .sublistfour img{float:left;width:20%;margin-left:52%;margin-top:-100px;}

.temporarystyle_bottomheight{float:left;width:100%;height:180px;}