@charset "UTF-8";

/*  */


/*html * {
	box-sizing:	boder-box;
}
*/

/*
* {
    margin: 0px;
    padding: 0px;
}
*/

.warappr{
	max-width:	950px;

	margin-right: 		auto;
	margin-left : 		auto;
	padding:			0;
	margin-top:			0;
	text-align:			center;

}

h1{
	text-align:		center;
	margin:			5rem 0 3rem 0;
 	border-bottom:		3px dashed #fce60f;
 	font-size:		1.6rem;
/*--◆◆	background: linear-gradient(transparent 90%, #ffbf7f 70%);-*/
}

p{
	display: 		inline-block;
	text-align: 		left;
	max-width:		800px;
  }

.pajitop{
	text-align:	right;
}

.bold{
	font-weight:	bold;
}

body{
	font-family: "Arial", "メイリオ", sans-serif;
	background-color:	#fffff9;
}


/*--◆◆-----------------------------　ヘッダー	------------------------------*/

.header{
	text-align:	center;
}


/*-------------------------------　ロゴ	------------------------------*/

#top{
	margin-top:	3rem;
	margin-bottom:	3rem;
}

header img{
	width:		100%;
	max-width:	60rem;
}

.logo{
	text-align:	center;
}


/*-------------------------------　ナビ	------------------------------*/

.navi{
	display:		inline-block;
	border-radius:		0.5rem;
	background-color:	#fce60f;
	padding:		0.5rem;
	width:			21rem;
	margin-bottom:		0.5rem;
	margin-right:		0.5rem;
}

.navi-1{
	padding:		0.3rem;
	color:			black;
	border:			0.01rem solid #ffffff;
	border-radius:		0.5rem;
}

.navi-2{
	margin-top:		0;
	margin-bottom:		0;
}

.navi-3{
	font-size:		1.1rem;
	font-weight:		bold;
	margin:			0;
}


/*--◆◆-----------------------------　1階就職支援図書コーナー	------------------------------*/

.title{
	width:		100%;
	max-width:	60rem;
	float:		left;
	margin-top:	5rem;
	margin-bottom:	5rem;
}

.syukatukona{
	height:		12rem;
	margin-right: 	0.5rem;
	margin-bottom:	1rem;
}


.syukatukona_hon{
	height:		10rem;
	border: 	0.01rem solid #7b7c7d;
}

/*　行揃えで中央寄せ  */
.syuusyokusienn_setumei{
    display: inline-block;
    text-align: left;
	margin-top:	2rem;
	margin-bottom:	2rem;
  }

.sya{
	height:		7rem;
	border:		solid 0.1rem #a9a9a9;
}

/*--◆◆-----------------------------　1階就職支援図書コーナー  本の紹介	------------------------------*/

.sien-syoei{
}

.sien-syoei-101{
	font-size:	0.5rem;
	line-height:	10px;
	max-width:	70%;
		margin-right: 	auto;
		margin-left : 	auto;
}

.sien-syoei img{
	height:		7rem;
	padding:	0rem 0.5rem 1rem 0.5rem;
}

.sien-syoei-101 img{
	height:		7rem;
	border:		1px solid #808080; 
	margin-right:	0.3rem;
}

.sien-syoei{
	font-size:	0.5rem;
	line-height:	10px;
}

.sien-syoei-2{
	height:		5rem;
}

.sien-syoei-20{
	padding:1rem;
}

.sien-syoei-101 td{
	width: 25%;
}

.botan{
	background-color:	#fce60f;
	padding:		0.5rem 1rem;
	color:			black;
	border-radius: 30px;
}

.botan a{
	text-decoration:none;
}

/*--◆◆-----------------------------　1階就職支援図書コーナー	カルーセル　------------------------------*/

#carouselWrap{
	margin:1rem auto 0.1rem auto;
	width:50rem;
	height:200px;
	padding:5px;
	position:relative;
}

#carouselPrev{
	position:absolute;
	top:65px;
	left:-8px;
	cursor:pointer;
}

#carouselNext{
	position:absolute;
	top:65px;
	right:-15px;
	cursor:pointer;
}
#carouse{
	width:100%;
	height:100%;
	overflow:hidden;
	border:	0.2rem solid #fce60f;
	border-radius:	1rem;
	background-color:	#ffffff;
}

#carouselInner ul.column{
	width:605px;			/*--◆◆--------- カルーセル　始まる位置 -------*/
	height:105px;
	padding:15px 0 15px 15px;
	list-style-type:none;
	float:left;
}

#carouselInner ul.column li{
	float:left;
	margin-right:12px;		/*--◆◆--------- カルーセル　行間 -------*/
	display:inline;
}
#carouselInner ul.column li img{
	border:none;
}

/*--◆◆-----------------------------　1階就職支援図書コーナー	カルーセル　------------------------------*/

#carouselWrap2{
	margin:2rem auto;
	width:30rem;
	height:135px;
	padding:5px;
	position:relative;
}

#carouselPrev2{
	position:absolute;
	top:65px;
	left:-8px;
	cursor:pointer;
}

#carouselNext2{
	position:absolute;
	top:65px;
	right:-8px;
	cursor:pointer;
}
#carouse{
	width:100%;
	height:100%;
	overflow:hidden;
	border:	0.2rem solid #fce60f;
	border-radius:	1rem;
}

#carouselInner2 ul.column{
	width:605px;			/*--◆◆--------- カルーセル　始まる位置 -------*/
	height:105px;
	padding:15px 0 15px 15px;
	list-style-type:none;
	float:left;
}

#carouselInner2 ul.column li{
	float:left;
	margin-right:30px;		/*--◆◆--------- カルーセル　行間 -------*/
	display:inline;
}
#carouselInner2 ul.column li img{
	border:none;
}

ul img{
	border:	solid black 0.1rem;
}


/*--◆◆-----------------------------　新聞コーナー	------------------------------*/

.sinnbunn1{
	height:		12rem;
	margin-right: 	0.5rem;
	margin-bottom:	1rem;
}


.sinnbunn2{
	height:		12rem;
	margin-bottom:	1rem;
}


/*--◆◆-----------------------------　学生用雑誌	------------------------------*/
.gakuseiyouzassi{
	height:		12rem;
	margin-right: 	0.5rem;
	margin-bottom:	1rem;
}






/*--◆◆-----------------------------　データベース	------------------------------*/

.banner{
	height:		3rem;
/*	box-shadow: 	4px 4px 4px #808080; */
	border:		0.01rem solid #a9a9a9;

}



/*　テーブルに罫線を引く  
.table_densi, tr, td{
	border:	solid 1px black;
}
*/
/*
.gakugai{
	background: linear-gradient(transparent 70%, #ffcce5 70%);
}
*/

.gakugai{
	position: relative;
	z-index: 1;
}

.gakugai::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0px;
  width: 0%;
  height: 10px;
  background: #ffd1ff;
  z-index: -1;
  transition: all 0.8s;
}

.gakugai.isActive::after {
  width: 100%;
}


.gakugai2{
	text-decoration:	none;
}



/*　テーブルに全体設定  */
table{
	border-collapse: 	collapse;
	margin-top: 		1rem;
	max-width:		350px;
	display:		inline-block;
	margin-right:		1rem;
	background-color:	#ffffff;
}



td img{
	vertical-align:	 middle;
}

td p{
	text-align:	left;
	margin:		0.3rem;
}

.corona{
	color:		red;
}

.table_densi_0{							/*　表　リソース名　　  */
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	border-top:		solid 15px #fce60f;
	height:			0.8rem;
}

.table_densi_0 p{
	font-size:		0.8rem;
}


.table_densi_1{							/*　表　バナー　　 */
	height:		3.5rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	border-bottom:	solid 1px #dcdcdc;
	padding-top:	0;
}


.table_densi_2-touyou{					/* 東洋経済 */
	height:		17rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	padding: 		5px;
	vertical-align:	top;				/* td内を上、左寄席 */
	text-align:		left;
	border-bottom:	solid 1px #000000;
}

.table_densi_2-bp{						/* 日経BP */
	height:		17rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	padding: 		5px;
	vertical-align:	top;				/* td内を上、左寄席 */
	text-align:		left;
	border-bottom:	solid 1px #000000;
}



.table_densi_2-kiku{					/* 聞蔵 */
	height:		12.5rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	padding: 		5px;
	vertical-align:	top;				/* td内を上、左寄席 */
	text-align:		left;	
	border-bottom:	solid 1px #000000;
}

.table_densi_2-yomi{					/* ヨミダス */
	height:		12.5rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	padding: 		5px;
	vertical-align:	top;				/* td内を上、左寄席 */
	text-align:		left;	
	border-bottom:	solid 1px #000000;
}

.table_densi_2-tere{							/*　表　内容　　  */
	height:		16rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
/*	border-bottom:	solid 1px #dcdcdc;	*/
	padding: 		5px;
	vertical-align:	top;				/* td内を上、左寄席 */
	text-align:		left;
	border-bottom:	solid 1px #000000;
}


.table_densi_2-eol{							/*　表　内容　　  */
	height:		16rem;
	border-right:	solid 1px #000000;
	border-left:	solid 1px #000000;
	padding: 		5px;
	vertical-align:	top;				/* td内を上、左寄席 */
	text-align:		left;
	border-bottom:	solid 1px #000000;
}




.coron_taiou{					/*　コロナ対応　　ボタン設定  */
	font-size:	0.7rem;
	padding:	0.3px 5px;
	margin:		0 0.5rem;
	background:	#ff0000;
	color:		#ffffff;
	border-radius:	5px;
	border-style:	none;
}



.but-gyokai{					/*　　業界・企業　　　ボタン設定  */
	font-size:	0.7rem;
	padding:	0.3px 5px;
	margin:		0.5rem;
	background:	#1e90ff;
	color:		#ffffff;
	border-radius:	5px;
	border-style:	none;
}

.but-zassi{					/*　　雑誌　　　ボタン設定  */
	font-size:	0.7rem;
	padding:	0.3px 5px;
	margin:		0 0.5rem;
	background:	#c85554;
	color:		#ffffff;
	border-radius:	5px;
	border-style:	none;
}

.but-sin{					/*　　新聞　　　ボタン設定  */
	font-size:	0.7rem;
	padding:	0.3px 5px;
	margin:		0 0.5rem;
	background:	#65ab31;
	color:		#ffffff;
	border-radius:	5px;
	border-style:	none;
}


.but-toku{					/*　　特徴　　　ボタン設定  */
	font-size:	0.7rem;
	padding:	0.3px 5px;
	margin:		0 0.5rem;
	background:	#eec362;
	color:		#ffffff;
	border-radius:	5px;
	border-style:	none;
}


/*　DBのイラスト  */
.DBirasuto{
	max-width:	400px;
	width:		100%;
	margin-bottom:	2rem;
}

.table_densi_0 p{
	padding: 	0;
	margin:		0;
	text-align:	center;
}



.table_densi_3{
	padding: 	5px;
}

.table_densi_4{
	padding: 	5px;
}



.dcl1{
	max-width:	170px;
	margin-right:	0.5rem;
}

.dcl2{
	max-width:	170px;
	margin:		0.5rem 0 0.5rem 0;		
}

.terekon1{
	max-width:	170px;
	margin-right:	0.5rem;
}

.terekon2{
	max-width:	140px;
	margin:		0.5rem 0 0.5rem 0;		
}

.eol1{
	max-width:	170px;
	margin-right:	0.5rem;
}

.eol2{
	max-width:	130px;
	margin:		0.5rem 0 0.5rem 0;		
}

/*-------------------------------　LibrariE	------------------------------*/

.LIBirasuto{
	max-width:	5rem;
}

.hon_gazou img{
	height:		10rem;
	border:		1px solid #000000;
}

.Ehon{
	height:		13rem;
	border:		0.01rem solid black;
}

.Ebanner{
	margin-bottom:	1rem;
}

.librarie-p{
	margin-top:	1rem;
}

/*-------------------------------　上映会・講習会	------------------------------*/

/*　DBのイラスト  */
.DBirasuto-2{
	max-width:	250px;
	width:		100%;
	margin-bottom:	2rem;
}

.jyoueikai-syasin{							/* 講習会の写真 */
	max-width:	250px;
	margin-right: 	0.5rem;
	margin-bottom:	2rem;
}

.jyoueikai-1{
	font-size:	1rem;
}

.Twitter{
	text-decoration:	none;
}

.douga{								/* 動画のリンク */
	margin-bottom:		0.3rem;
	display:			block;
	text-decoration:	none;
}

.2021{								/* 2021年度講習会　見出し */
	margin-bottom:		0rem;
	display:			block;
}

.douga-logo{
	background-color:	red;
	border-radius:		0.5rem;
	color:			#ffffff;
}

/*--◆◆-----------------------------　ページ最後のリンク	------------------------------*/

.ie{
	align-items: flex-end;
	vertical-align: bottom;
	margin-right:		0.5rem
}

.hp{
	text-align:	right;
	margin-top:	2rem;
/*--	margin-bottom:	2rem;
	margin-right:	2rem;	仮に消す--*/
					padding:	1rem 0;
					background-color:	#fce60f;
					max-width:		100%;
}



.hp a{
	text-decoration	:none;

}




/**********************		768 タブレット	************/

@media(max-width: 768px){

	.warappr{
		max-width:	768px;
		margin:		0 0.3rem;	
		padding:	0;
	}

	main{
		margin:		0 1rem;
	}

	.header img{
		max-width:	300px;
	}

	p{
		font-size:	0.9rem;
	}

h1{
	margin:			5rem 0 3rem 0;
 	border-bottom:		3px dashed #fce60f;
 	font-size:		1.3rem;
}

/* -----------------------ナビ------------------------- */

	.navi{
		padding:		0.5rem;
		width:			16rem;
		margin-bottom:		0.5rem;
		margin-right:		0.5rem;
	}

	.navi-1{
		padding:		0.3rem;
		border:			0.1rem solid #ffffff;
		border-radius:		0.5rem;
	}


	.navi-2{
		font-size:		0.8rem;
	}

	.navi-3{
		font-size:		1rem;
	}



/*--◆◆-----------------------------　1階就職支援図書コーナー	------------------------------*/

	.syukatukona{
		height:		9rem;
		margin-right: 	0.5rem;
		margin-bottom:	1rem;
	}

	.sien-syoei-20{
		padding-top:0.5rem;
		padding-left:0rem;
		font-size:	7px;
	}

/*--◆◆-----------------------------　新聞コーナー	------------------------------*/

	.sinnbunn1{
		height:		9rem;
	}


	.sinnbunn2{
		height:		9rem;
	}


/*--◆◆-----------------------------　学生用雑誌	------------------------------*/
	.gakuseiyouzassi{
		height:		9rem;
	}

/*--◆◆-----------------------------　データベース	------------------------------*/

	table{
		margin-top: 		1rem;
		max-width:		19rem;
		margin-right:		0.5rem;
	}


	.table_densi_2-touyou{					/* 東洋経済 */
		height:		15rem;
	}

	.table_densi_2-bp{						/* 日経BP */
		height:		15rem;
	}


	.table_densi_2-kiku{					/* 聞蔵 */
		height:		12rem;
	}

	.table_densi_2-yomi{					/* ヨミダス */
		height:		12rem;
	}

	.table_densi_2-tere{							/*　テレコン　内容　　  */
		height:		15rem;
	}

	.table_densi_2-eol{							/*　表　内容　　  */
		height:		15rem;
	}


/* -----------------------カルーセル------------------------- */


/*-------------		上映会、講習会		-----------------	*/

	.jyoueikai-syasin{
		height:		9rem;
	}

/*-------------		あとで消す		-----------------	*/

			.title1{
					font-size:	1.5rem;

			}
/*-------------		あとで消す		-----------------	*/





}



/**********************		415　スマホ	************/


@media(max-width: 415px){

	.warappr{
	/*	margin:		0 1rem;	*/

	}

	.warappr{
		max-width:	415px;
		margin:		0 0.5rem;	
		padding:	0;
	/*  	font-family:	 "Helvetica Neue",
	   			 Arial,
				  "Hiragino Kaku Gothic ProN",
				  "Hiragino Sans",
				  sans-serif;	*/
	}

	main{
		margin:		0 0.5rem;;

	}

	.header img{
		max-width:	415px;
	}


	p{
		font-size:	0.8rem;
		text-align:	left;
	}

	h1{
		font-size:	1rem;
		margin:		2rem 0 1rem 0;
	}


	.pajitop p{
		font-size:	0.7rem;
		margin-top:	1rem;
	}



/*-------------		ナビ	-----------------	*/

	#top{
		margin-top:		1.5rem;
	}

	.navi{
		width:			100%;
	border-radius:			0;
		margin-bottom:		0.1rem;
		margin-right:		0;
		padding:		0;
	}

	.navi-1{
		border-radius:		0;
	}



	.navi-3{
		font-size:	1rem;
	}

/*-------------1階就職支援図書コーナー-----------------	*/


	.syukatukona{
		height:		5rem;
		margin-right: 	0.5rem;
		margin-bottom:	1rem;
	}

/*-------------1階新聞コーナー-----------------	*/

	.sinnbunn1{
		height:		5rem;
	}

	.sinnbunn2{
		height:		5rem;
	}

/*-------------1階学生用雑誌コーナー-----------------	*/

	.gakuseiyouzassi{
		height:		5rem;
	}


	.gakugai::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: 3px;
	  width: 0%;
	  height: 10px;
	  background: #ffd1ff;
	  z-index: -1;
	  transition: all 0.8s;
	}


	.DBirasuto{
		max-width:	15rem;
	}

/*--◆◆-----------------------------　データベース	------------------------------*/
			/* br 消す */
	.sumaho-on{
		display:	block;
	}

	.sumaho-non{
		display:	none;
	}


	table{
		margin-right:	0;
	}

	.table_densi_2-touyou{					/* 東洋経済 */
		height:		0rem;
	}

	.table_densi_2-bp{						/* 日経BP */
		height:		0rem;
	}


	.table_densi_2-tere{							/*　表　内容　　  */
		height:		0rem;
	}


	.table_densi_2-kiku{					/* 聞蔵 */
		height:		0rem;
	}

	.table_densi_2-yomi{					/* ヨミダス */
		height:		0rem;
	}

	.table_densi_2-eol{							/*　表　内容　　  */
		height:		0rem;
	}

	.DBirasuto-2{
			max-width:	10rem;
		}

/*-------------		上映会、講習会		-----------------	*/

	.jyoueikai-syasin{
		height:		5rem;
	}

/*-------------		1階就職支援図書コーナー	カルーセル----------------	*/

	.sya{
		height:		5rem;
		margin-bottom:	5rem;
	}


	#carouselWrap{
		margin:1rem auto 0.1rem auto;
		width:19rem;			/*--変更---*/
		height:6.3rem;			/*--変更---*/
		padding:5px;
		position:relative;
	}

	#carouselPrev{
		position:absolute;
		top:50px;			/*--変更---*/
		left:-8px;
		cursor:pointer;
	}

	#carouselNext{
		position:absolute;
		top:50px;			/*--変更---*/
		right:-8px;
		cursor:pointer;
	}
	#carouse{
		width:100%;
		height:100%;
		overflow:hidden;
		border:	0.2rem solid #fce60f;
		border-radius:	1rem;
		background-color:	#ffffff;
	}

	#carouselInner ul.column{
		width:605px;			/*--605 295---*/
		height:105px;
		padding:15px 0 15px 12px;
		list-style-type:none;
		float:left;
	}

	#carouselInner ul.column li{
		float:left;
		margin-right:10px;		/*--◆◆--------- カルーセル　行間 -------*/
		display:inline;
	}
	#carouselInner ul.column li img{
		border:none;
	}

	.sumaho-non1{
		display:	none; !important;
	}


/*--◆◆-----------------------------　librariE カルーセル　　------------------------------*/

	#carouselWrap2{
		margin:2rem auto;
		width:19rem;			/*--変更---*/
		height:6.3rem;			/*--変更---*/
		padding:5px;
		position:relative;
	}

	#carouselPrev2{
		position:absolute;
		top:50px;
		left:-8px;
		cursor:pointer;
	}

	#carouselNext2{
		position:absolute;
		top:50px;
		right:-15px;
		cursor:pointer;
	}
	#carouse{
		width:100%;
		height:100%;
		overflow:hidden;
		border:	0.2rem solid #fce60f;
		border-radius:	1rem;
	}

	#carouselInner2 ul.column{
		width:605px;
		height:105px;
		padding:15px 0 15px 12px;
		list-style-type:none;
		float:left;
	}

	#carouselInner2 ul.column li{
		float:left;
		margin-right:15px;		/*--◆◆--------- カルーセル　行間 -------*/
		display:inline;
	}


	.sumaho-on{
		display:	block;
	}

	.sumaho-non{
		display:	none;
	}

.sien-syoei-101{
	padding-left:0;
	margin-left:0;
	max-width:	90%;

}

.sien-syoei-101 img{
	margin-right:0.5rem;
	height:		5rem;

}

.sien-syoei-101 td{
}

.sien-syoei-20{
	padding-top:0.5rem;
	padding-left:0rem;
	font-size:	7px;
}

{
	display:		inline-block;
	margin-right:		1rem;
	background-color:	#ffffff;
}

.LIBirasuto{
	max-width:	4rem;
}



}