@charset "utf-8";

/*========================================================
 画面の横幅が480px以下
========================================================*/


/*在学生へインタビュー*/
#about p{
text-align: justify;
}

#q-a-wrap .interview_1{
	float: none;
	width: 100%;
	margin-top: 10px;
}

#q-a-wrap .interview_2{
	display: none;
}

#q-a-wrap .question-box{
	margin: 0;
    width: 25vw;
    height: 25vw;
    line-height: 1em;
    font-size: 7vw;
    padding-top: 10%;
}

#q-a-wrap .question{
	top: 0;
    width: 55%;
    right: 0;
}


#q-a-wrap .answer{
	width: 100%;
    box-sizing: border-box;
    display: block;
}

#q-a-wrap .answer:before {
    content: "";
    position: absolute;
    top: auto;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #e0edff;
    bottom: -12%;
    left: 45%;
    transform: rotate(90deg);
}
    
#q-a-wrap .answer.sp1:before{
	bottom: -6%;
} 

#q-a-wrap .answer.sp2:before{
	bottom: -11%;
    left: 46%;
} 

#q-a-wrap .answer.sp3:before{
	bottom: -26%;
    left: 45%;
} 

#q-a-wrap .answer.sp4:before{
	bottom: -11%;
    left: 46%;
} 

#q-a-wrap .answer.sp6:before{
    bottom: -10%;
    left: 46%;
} 

#q-a-wrap .irasuto{
	float: none;
    display: block;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}

#q-a-wrap .irasuto img{
	top:0;
	left: 0;
}

#table2 p{
	margin-bottom: 10px;
	margin-top: 10px;
}


#table2 table{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #333;
}

#about #table3 .hyou dl{
	margin: auto;
    display: block;
    width: 100%;
}

#about #table3 .hyou dl dt{
	color: #fff;
}

#about #table3 .hyou dl dd{
	display: block;
}

#about #table3{
	margin-bottom: 10%;
}


#about table{
	width: 97%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
}


/*---------------------*/



#banner .comingsoon{
	display: none;
}
#banner li{
	float:none;
	/*width:50%;*/
	width:80%;
	text-align:center;
	padding:5px 0;
}
#banner li img{
	width: 99%;
	margin: 0 0% 0 10%;
	border: thin solid #D1D1D1;
}

/* 包括要素の中 width指定 */
.innerContainer {
	min-width: 320px;
	min-height: 0px;
	max-width: 480px;
	margin: 0px auto;
	box-sizing: border-box;
}

/* ------------part1--------------------------------------------------------------
--------------------------------------------------------------------------------*/
.part1 ul{display:none;}
.gra {height:15px;}
.GakuinLink{display: none;}

/* ------------part2--------------------------------------------------------------
--------------------------------------Logo---検索メニュー 
---------------------------*/
#GoogleSearch,.dropmenu{display:none;}
#GoogleSearchsp{
width:80%;
margin:5px auto;
}

/*----------メニュー----------*/

.part2-1 {
	position:relative;
	z-index:1;
	padding:3px 0;
	background:none;
}

h1{
	width:50%;
	margin:10px 0 0 5px;
	margin-bottom:0;
}

.part2-1 .spTopMenu,.part2-1 .spTopMenunews{
	display:block;
	position:absolute;
	top:0px;
	right:7px;
	margin:0;
}
.part2-1 .spTopMenunews{right:60px;}
.part2-1 .spTopMenu,.part2-1 .spTopMenuglobal{
	display:block;
	position:absolute;
	top:0px;
	right:7px;
	margin:0;
}
.part2-1 .spTopMenuglobal{right:115px;}

.Menu{
	position:relative;
	clear:both;
	width:100%;
	display: none;
	margin-top:0px;
	padding:0;
}
	
.Menu ul{
	margin-top:0px;
	width:100%;
}
.Menu li.no{display: block;}
.Menu li{
 border-left:none;
 box-sizing:border-box;
 display: block;
 text-align: center;
 border-bottom:solid 1px #fff;
 padding:0;
 float:left;
 width:50%;
 }
.Menu li:nth-child(even){border-right:solid 1px #fff;}
.Menu li:nth-child(10){clear:both;}
.Menu li a{
 display:block;
 background:#009CDC;
 color:#fff;
 padding:10px;
 }
.Menu li a:hover{
 background-color:#84bedb;
 }
.Menu li:nth-child(n+10),.Menu li:first-child{
 float:none;
 width:100%;
 }
.Menu li:first-child{padding-top:8px;}
.Menu li:last-child a{
 background:#F18AC3;
 }
div#exTime{font-size: 12px;margin-bottom:10px;}
div#exTime dl{margin: 5px;}
div#exTime dd{padding-left:0;margin:0 0 5px 0;}

/*Slider*/
#slider1{display:none;}
#spSlide{display:block;}

/*バナー*/

.banner2{margin-bottom: 0;	text-align: center;margin-top: 10px;}
.banner2 li{
	box-sizing:border-box;
	float:none;
	width:80%;
	margin:0 auto;
}
.banner2 li:nth-child(2){
	margin:0 auto;
}


/* ------------part3----------------------------
------------------------バナー追加分（HOT KWASSUI）-------*/
.hot_block {
	margin-top: 30px;
	margin-bottom: 20px;
}
img.hotImg{width:50%;height:auto;}
/* ------------part4--------------------------------------------------------------
--------------------------------------学科---------------------------*/

h2{
	color: #fff;
	background: #5DADD5;
	padding-top: 14px;
	padding-right: 7px;
	padding-left: 20px;
	padding-bottom: 14px;
	/*padding:7px 7px 7px 20px;*/
	letter-spacing: 0.8px;
	font-size: 120%;
	margin-top: 20px;
}
.gakka.imgResponsive.clearfix h2 a {
	color: #fff;
}
.gakka.imgResponsive.clearfix h2 a:hover {
	color: #ff3300;
}

.gakka.imgResponsive.clearfix h2.tokusetu::after{
	background: image(images/arrow.png);
}

.innerContainer .gakka.imgResponsive.clearfix .full_none{
	display:block;
}
/*********************受験生応援サイト*********************/
#bn_07 dt{
	display: none;
}

#bn_07{
	 border: none;
}

#jukenseiouen.innerContainer .gakka.guide_pc{
	display: none;
}

#jukenseiouen.innerContainer .gakka.guide_sp{
	display: block;
}
/********************************************************/
.gakka{margin-top:0;}
.gakka dd{display:none;}
.gakka dl{float:none;width:100%;margin-bottom:0;}
.gakka dt{color:#999; border-bottom:1px solid #323232;position:relative;}
.gakka dt a{
	display:block;
	padding:10px 5px;
	font-size:120%;
	font-weight:normal;
}
.gakka dt :after,.gakka dt.open:after{
	position:absolute;
	right:40px;
	top:15px;
}
.gakka dt :after{content:url(../images/plus.png);}
.gakka dt.open:after{content:url(../images/minus.png);}

/*同窓会*/

.oiwai_waku{
	width: 23%;
	height: 150px;
	position: relative;
	bottom: 0;
	float: left;
	margin: 0 10% 20% 0;

}
.oiwai_waku01{
	width: 20%;
	height: 150px;
	position: relative;
	bottom: 0;
	float: left;
	margin: 0 10% 5% 0;

}

.oiwai_wrap{
	text-align: center;
	position: absolute;
	bottom: 0;
	width:100px;

}
/*同窓会おわり*/


/*サブメニュー*/
		
.gakka dl ul li{border-bottom:1px dotted #676565;}
.gakka dl ul li a{display:block;padding:8px 0 8px 48px;	}	
.gakka dd a{background: url(../images/arrowS.png) no-repeat 2.5em center;}
		

#bn_01 dt,#bn_02 dt,#bn_03 dt,#bn_04 dt,#bn_05 dt,#bn_06 dt{background:#fff;}
#bn_01 dt{border-right:20px solid #a784be;}
#bn_02 dt{border-right:20px solid #e3a2c3;}	
#bn_03 dt{border-right:20px solid #74c49f;}
#bn_04 dt{border-right:20px solid #90cacc;}
#bn_05 dt{border-right:20px solid #5894bc;}
#bn_06 dt{border-right:20px solid #8d8e8f;}

#bn_01 li:first-child , #bn_02 li:first-child , #bn_03 li:first-child , #bn_04 li:first-child,
#bn_05 li:first-child , #bn_06 li:first-child
{display:block;}

#bn_01 li:first-child{background:#a784be;}
#bn_02 li:first-child{background:#e3a2c3;}
#bn_03 li:first-child{background:#74c49f;}
#bn_04 li:first-child{background:#90cacc;}
#bn_05 li:first-child{background:#5894bc;}
#bn_06 li:first-child{background:#8d8e8f;}

#bn_01 li:first-child a, #bn_02 li:first-child a , #bn_03 li:first-child a , 
#bn_04 li:first-child a ,#bn_05 li:first-child a , #bn_06 li:first-child a{color:#fff;border-top:2px solid #fff;}

/* ------------part5--------------------------------------------------------------
--------------------------------------学び---------------------------*/
.pc_edu{display:none;}
ul.sp_edu{display:block;font-size:18px;}
ul.sp_edu li a{
	display:block;
	heigh:100px;
	width:100%;
}
ul.sp_edu li img{
	vertical-align:middle;
	width:20%;
	height:auto;
	padding-right:10px;
}
ul.sp_edu li{
	border-bottom:1px solid #323232;
}

/* ------------part6--------------------------------------------------------------
--------------------------------------channel-----新着ニュース----------------------*/

#newsWrap h2{
	display:block;
	background:#fff;
	color:#414040;
	font-size:18px;
	border:none;
	padding:25px 0 10px 10px;
	margin-top: 0;
}
#news,#channel #banner{
	float: none;
	width: 100%;
	margin-bottom: 5px;
}

.tab-contents .newslist dt:nth-child(3n+2){
	padding-left:0;
	margin-top: 0em;
}
.tab-contents dt{font-weight: bold;}
.tab-contents dd{
	margin-bottom:10px;
	color:#000;
	padding-left:0em;
	margin-top:0.5em;
	border-bottom:1px solid #555;
	padding-bottom:10px;
	margin-right:10px;

}

#news{padding-bottom:10px;}
	
.tab-btn{padding:10px;margin-bottom: 0;}
.tab-contents{
	background:#fff;
	margin:0 10px;
	min-height:100px;
	overflow:auto;
	border:1px solid #999;
}
.tab-btn li a {font-size:11px;}

.newslistBTN{
	right:10px;
	top:25px;
}

.videoCopy1{display:none;}




/* ------------part7--------------------------------------------------------------
--------------------------------------スペシャルコンテンツ---------------------------*/
.special ul{margin-top:10px;}
.special ul li p{font-size:12px;line-height: 1.2;margin-top:5px;}
.special{border-left:10px solid #808080;
				border-right: 10px #808080 solid;}
.special:before,.special:after{
	position:absolute;
	content:"";
	border:10px solid transparent;
	top:45%;
}
.special:before{
	border-right:7px solid #F1F1F1;
	left:-20px;
}
.special:after{
	border-left:7px solid #F1F1F1;
	right:-20px;
}
/* ------------part7.5--------------------------------------------------------------
--------------------------------------くすのきポータル----ナビ-----------------------*/
.kusunoki,#fNavi{display:block;}
.kusunoki{padding:10px 0;}
#fNavi{margin-bottom:15px;}
#fNavi li{ 
	text-align:center;
	float:left;
	width:33.333%;
	height:50px;
	background:#B0D0F3;
	box-sizing:border-box;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;

}
#fNavi li a{
	margin-top:18px;
	line-height:1.2;
	display:block;
	color:#172E87;
	font-size: 13px;
}
#fNavi li.tume a{letter-spacing:-0.1em;}
#fNavi li a:hover li{
	opacity:0.5;
}
#fNavi li a.las{
	margin-top:10px;
}




/* ------------part8--------------------------------------------------------------
--------------------------------------フッター-----------------------*/

p#footlogo{font-size:120%;}

#RelationBtn/*,.adress dd*/{display:none;}

.adress{float:none;font-size:13px;padding-left:10px;width:95%;}
.address_br {
	display:inherit
}


.result{float:none;text-align: center;width:100%;}
.result li{text-align: center;}

.result2{
	float: left;
	width:82%;
	margin-top:0px;
    padding: 0 0 0 14%;
}
.result2 li{
	float: left;
	width:87%;
}
.result2 img{
	width:100%;
}


.copyright{font-size: 8px;}
#footnavi li{font-size: 12px;padding:0 6px;}

/*右固定メニュー非表示*/
#sidebar{display:none;}