@charset "utf-8";
/* CSS Document */

body{
	margin:auto;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#454545;
	}

img {
	vertical-align: middle;
}

a:link {
	text-decoration: none!important;
}
a {
	color:#292929;
	outline: none;
}

/*========pc_style========*/
@media screen and (min-width: 751px) {
	body{
		min-width:1260px;
		max-height:100%;
		position:relative;
	}
	.wrap img{
		width:100%;
	}
	
	/*========ヘッダー========*/
	header{
		width:6.3%;
		min-height:960px;
		position:fixed;
		border-right:solid 5px #07a9fd;
		left:0px;
		margin-top:-20px;
		background-color:#fff;
		z-index:999;
	}
	header ul{
		margin-left:-40px;
		padding-top:10px;
		margin-bottom:0;
	}
	header ul .lst_logo{
		padding-left:10%;
		padding-right:8%;
		
	}
	header ul .lst_logo img{
		max-width:95px;
	}
	header ul .lst_top{
		max-width:120px;
	}
	header ul .lst_top:hover{
		-webkit-transition: 0.7s ease;
    	-moz-transition: 0.7s ease;
    	-o-transition: 0.7s ease;
    	transition: 0.7s ease;
	}
	header ul .lst_map{
		max-width:120px;
	}
	header ul .lst_leader{
		max-width:120px;
	}
	header ul .lst_plan{
		max-width:120px;
		margin-bottom:50%;
	}
	header ul .lst_access{
		max-width:120px;
		margin-bottom:0;
	}
	header ul .count #CDT{
		position:relative;
		top: -90px;
		z-index:2;
		font-size: 36px;
		color:#000;
	}

	header ul .count #CDT .day{
		position:relative;
		left: 20px;
		top: 100px;
		z-index:2;
		font-size: 30px;
		color: #000000;
	}
	header ul li span{
		display:none;
	}
	header .sns{
		min-height:660px;
		display:block;
		background-color:#9c9c9c;
		margin:auto;
		padding:30% 4% 0 28%;
	}
	header .tweet{
		padding-bottom:32%;
	}
	.tweet, .facebook img{
		max-width:68%;
	}
	
	main{
		height:100%;
		display:block;
		background-color:#f4f4f4;
	}
	
	/*========メインビジュアル========*/
	.main_visual{
		max-width:6%;
		min-width:34%;
		float:left;
		position:relative;
		left:6.5%;
		margin-top:20px;
		margin-right:20px;
	}
	.main_visual img{
		width:100%;
		height:auto;
	}
	
	/*========学院祭ブログ========*/
	.g-blog_wrap{
		width:500px;
		float:left;
		margin:20px -300px 0 6.0%;
	}
	.g-blog article{
		background:#fff;
		width:528px;
		height:138px;
		margin-top:12px;
		border:solid 1px #e0e0e0;
	}
	.blog_img{
		width:160px;
		float:left;
		padding:15px 12px 0 10px;
	}
	.news_title{
		font-size:17px;
		padding:10px 0 0 18px;
	}
	.day{
		font-size:12px;
		padding:4px 0 0 20px;
	}
	.text{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		font-size:15px;
		width:330px;
		height:40px;
		float:left;
		padding:10px 0 0px 0px;
	}
	.read_more{
		color:#ec6941;
		font-size:14px;
		text-align:right;
		padding:0 6px 6px 0;
	}
	.blog_title{
		width:530px;
		height:62px;
		background:url(../images/blog_title.jpg) no-repeat;
	}
	
	.twitter{
		width:250px;
		height:320px;
		float:left;
		margin:10px 0px 0 0;
	}
	
	.blog_wrap_min{
		width:250px;
		float:left;
		margin-right:-40px;
		margin-left:10px;
		padding-right:20px;
		margin-top:-330px;
		overflow-y:scroll;
		height:500px;
	}
	.blog_wrap_min article{
		background:#fff;
		width:250px;
		height:96px;
		margin-top:12px;
		border:solid 1px #e0e0e0;
	}
	.blog_wrap_min .title{
		font-size:17px;
		padding:6px 0 0 4px;
	}
	.blog_wrap_min .day{
		font-size:12px;
		padding:6px 0 0 4px;
	}
	.blog_min .blog_img{
		width:120px;
		float:left;
		padding:10px;
	}
	
	/*========カウント========*/
	.count{
		width:254px;
		margin-top:10px;
		margin-right:0px;
		float:left;
	}
	.count #CDT{
		position:relative;
		top: -106px;
		z-index: 2;
		font-size: 60px !important;
		color:#000;
	}
	.count #CDT .day{
		position:relative;
		left: 16px;
		top: 6px;
		font-weight:bold;
		z-index: 2;
		font-size: 32px !important;
		color: #fff;
	}
	.count #CDT .day2{
		font-size: 19px;
		margin-left:-6px;
		font-weight:bold;
		color: #fff;
	}
	/*========アオリ========*/
	.fes{
		max-width:900px;
		margin:60px 0 0 8%;
		margin:auto;
	}
	.fes h2{
	}
	.fes01{
		max-width:900px;
		float:left;
		margin:0 80px 0 0;
	}
	
		/*========会場マップ========*/
	.map_title h2{
		width:1000px;
		height:268px;
		margin-bottom:0;
		margin:auto;
	}
	.map_main_container{
		max-width:6%;
		min-width:660px;
		float:left;
		position:relative;
		left:6.5%;
		margin-top:0px;
		margin-right:20px;
	}
	.map_main_container h2{
		padding-top:0px;
	}
	.map_list{
		width:41%;
		float:left;
		margin:10px 0% 0 4.2%;
	}
	.map_main_container ul li:nth-child(1){
		top:37.9%;
		left:32.8%;
		bottom:30%;
		right:40%;
		max-width:126px;
		position:absolute;
	}
	.map_main_container ul li:nth-child(2){
		max-width:164px;
		top:10.9%;
		left:52.0%;
		bottom:30%;
		position:absolute;
	}
	.map_main_container ul li:nth-child(3){
		max-width:156px;
		top:31.8%;
		left:9.5%;
		bottom:30%;
		position:absolute;
	}
	.access{
		width:392px;
		height:140px;
	}
	
	#tab1{
		height:900px;
		overflow-y:scroll;
		padding-right:5%;
	}
	#tab1 ul h3 img{
		max-width:24%;
	}
	#tab1 ul li{
		margin-top:6%;
	}
	#tab2{
		height:900px;
		padding-right:5%;
	}
	#tab2 ul h3 img{
		max-width:36%;
	}
	#tab2 ul li{
		margin-top:6%;
	}
	#tab3{
		height:900px;
		overflow-y:scroll;
		padding-right:5%;
	}
	#tab3 ul h3 img{
		max-width:36%;
	}
	#tab3 ul li{
		margin-top:6%;
	}
	
	/*========各ブース========*/

	/*========特別企画========*/
	.aooni{
		padding-top:18px;
		margin-left:7.4%;
		max-width:60%;
		float:left;
	}
	

	/*========バナー========*/
	.banner{
		width:16%;
		float:left;
		margin-left:300px;
		margin-top:5px;
	}
	
	footer{
		max-width:100%;
		margin-top:-20px;
		bottom:-20px;
		margin-bottom:0;
	}
	footer .bn_wrap{
	}
	footer ul{
		width:82%;
		display:inline-block;
		margin-left:4.8%;
	}
	footer ul li{
		display:inline-block;
		margin-left:-0.4%;
	}
	footer ul .bn_title{
		max-width:198px;
	}
	footer ul .bn_pg img{
		max-width:118px;
	}
	footer ul .bn_pl img{
		max-width:118px;
	}
	footer ul .bn_cg img{
		max-width:118px;
	}
	footer ul .bn_chara img{
		max-width:118px;
	}
	footer ul .bn_anime img{
		max-width:118px;
	}
	footer ul .bn_comic img{
		max-width:118px;
	}
	footer ul .bn_novels img{
		max-width:118px;
	}
	footer ul .bn_voice img{
		max-width:118px;
	}
	.footer{
		margin-top:50px;
		width:100%;
		height:232px;
		margin-bottom:-30px;
		background:url(../images/f_bg.jpg) repeat-x #fff;
	}
	.footer p{
		color:#fff;
		text-align:center;
		padding-top:190px;
	}
	.sp_style{
		display:none;
	}
}

@media screen and ( max-width:750px) {
  body{
		max-width:100%;
		min-width:750px;
		position:relative;
	}
	.wrap img{
		width:100%;
	}
	header{
		width:750px;
		height:102px;
		position:fixed;
		display:block;
		top:-2px;
		background-color:#41c0ff;
		z-index:999;
	}
	header ul{
		display:inline-block;
	}
	header ul li{
		display:inline-block;
	}
	header .sp_style{
		margin-top:-14px;
	}
	header .sp_style .lst_logo{
		margin-left:-20px;
		width:124px;
	}
	header .sp_style .lst_top{
		margin-left:70px;
		width:84px;
	}
	header .sp_style .lst_map{
		margin-left:20px;
		width:72px;
	}
	header .sp_style .lst_leader{
		margin-left:20px;
	}
	header .sp_style .lst_access{
		margin-top:-4px;
		margin-left:20px;
		width:100px;
	}
	header .sp_style .lst_plan{
		margin-left:14px;
	}
	.sp_main_visual{
		margin-right:-120px;
		max-width:750px;
		margin-top:110px;
	}
	.sp_blog_title{
		max-width:750px;
		margin-right:-120px;
		margin-top:-70px;
	}
	.g-blog_wrap{
		width:750px;
		margin:auto;
	}
	
	article{
		padding:20px;
		height:auto;
		width:660px;
		margin:auto;
		margin-top:20px;
		border: solid 1px #cfcfcf;
		box-shadow:#cfcfcf;
	}
	.g-blog_wrap img{
		width:280px;
		float:left;
	}
	.news_title{
		width:360px;
		float:left;
		font-size:32px;
		margin-left:20px;
		margin-top:-6px;
	}
	.day{
		margin-left:20px;
		font-size:24px;
		width:360px;
		float:left;
	}
	.text{
		width:360px;
		float:left;
		font-size:24px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;

		font-size:30px;
		margin:10px 0 0 20px;
	}
	.read_more{
		width:660px;
		color:#ec6941;
		font-size:26px;
		text-align:right;
		padding-top:20px;
	}
	.twitter{
		width:700px;
		margin:auto;
		margin:40px 0 40px 25px;
		border: solid 1px #cfcfcf;
	}
	.blog_wrap_min{
		width:700px;
		margin:auto;
	}
	.blog_wrap_min .count img{
		width:700px;
	}
	.banner img{
		width:700px;
		margin:auto;
		margin:40px 0 0 -15px;
	}
	.fes{
		width:720px;
		margin:auto;
	}
	.count img{
		width:700px;
		margin-right:0px;
		margin-left:25px;
		margin-top:40px;
	}
	.count #CDT{
		position:relative;
		top: -110px;
		z-index: 2;
		font-size: 60px !important;
		color:#000;
	}
	.count #CDT .day{
		position:relative;
		left: 90px;
		top: -82px;
		font-weight:bold;
		z-index: 2;
		font-size: 90px !important;
		color: #fff;
	}
	.count #CDT .day2{
		font-size: 40px;
		margin-left:-10px;
		margin-right:-300px;
		font-weight:bold;
		color: #fff;
	}
	.aooni{
		margin-top:110px;
	}
	.booth_btn{
		width:700px;
		margin:auto;
	}
	.bn_title{
	}
	.bn_pg{
		width:140px;
	}
	.bn_pl{
		width:140px;
	}
	.bn_cg{
		width:140px;
	}
	.bn_chara{
		width:140px;
	}
	.bn_anime{
		width:140px;
	}
	.bn_comic{
		width:140px;
	}
	.bn_novels{
		width:140px;
	}
	.bn_voice{
		width:140px;
	}
	
	.pc_style{
		display:none;
	}
	
	footer ul{
		display:inline-block;
		margin:80px 0 80px -8px;
	}
	footer ul li{
		display:inline-block;
		margin-left:-6.4px;
	}
	
	.footer{
		height:500px;
		background:url(../images/f_bg.jpg) repeat-x #1da1f2;
		margin:100px 0 -40px 0;
	}
	.sns{
		margin:auto;
		margin-top:160px;
	}
	.sns li{
		margin-left:90px
	}
	.footer p{
		color:#fff;
		text-align:center;
		margin:0;
		padding-top:160px;
	}
	
	.fes img{
		width:750px;
		margin:0 0 0 -14px;
	}
	
	.map_main_container{
		max-width:750px;
		height:auto;
		margin-top:0px;
		position:relative;
	}
	.map_main_container h1{
		width:750px;
		height:auto;
		padding-left:0px;
		margin-right:-10px;
		
	}
	.map_main_container ul .pc_tab_honkan{
		top:660px;
		left:247px;
		max-width:140px;
		position:absolute;
	}
	.map_main_container ul .pc_tab_2goukan{
		max-width:180px;
		top:436px;
		left:394px;
		position:absolute;
	}
	.map_main_container .sp_style{
	}
	.map_main_container ul .pc_tab_shinkan{
		max-width:160px;
		top:616px;
		left:80px;
		position:absolute;
	}
	.map_main_container .sp_tab_honkan, .sp_tab_2goukan, .sp_tab_shinkan{
		max-width:228px;
		margin-right:-6px;
		display:inline-block;
	}
	.map_list .sp_style .honkan_flag{
		margin-top:60px;
		width:194px;
	}
	.map_list .2goukan_flag{
		margin-top:60px;
		width:334px !important;
	}
	.map_list .shinkan_flag{
		margin-top:60px;
		width:314px;
	}
	.map_list ul li img{
		width:710px;
		margin:auto;
		margin-left:-20px;
	}
	#tab1 ul li{
		margin-top:60px;
	}
	#tab2 ul li{
		margin-top:60px;
	}
	#tab3 ul li{
		margin-top:60px;
	}
	
}


/*========共通設定========*/
li{
	list-style:none;
}


a:hover{
	opacity:0.7;
	transition:ease 0.5s;
}
.cl{
	clear:both;
}

