@charset "utf-8";
/* tohoku-unuv-library responsive-note.css */

/*  1024px～1500px (ノートPC・大型タブレット) */
@media screen and (min-width:1024px) and (max-width:1500px) {/*--変更あり--*/
/*==========================================
 body
===========================================*/
body{
	width:100%;
	height:100%;
	line-height:180%;
	padding:0px;
	margin:0px;
}

/*==========================================
 #container
===========================================*/
#container{
	width:100%;
	min-width:1050px;
	padding:0px;
	margin:0px auto 0px auto;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	width:1050px;
	max-width:1050px;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#top_image--*/
main #top-image{
	width:100%;
	height:430px;
}

/*--#search--*/
main #search{
	width:580px;
	height:220px;
	margin:-320px 0px 0px 0px;
}

main #search .search-in{
	width:410px;
	height:170px;
	margin:20px 0px 0px 75px;
}

/*--#information--*/
main #information{
	width:100%;
	padding:45px 0px 0px 0px;
	margin:0px auto 0pa auto;
}

main #information .open-info a{
	width:84%;
	font-size:1.5rem;
	margin:0px auto 30px auto;
}

/*--#about-library--*/
main #about-library{
	width:100%;
	min-width:1050px;
	padding:0px 0px 53px 0px;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
/* --パンくずリスト-- */
ul.breadcrumb {
	width:1050px;
	max-width:1050px;
	padding:0px;
	margin:30px auto 10px auto;
}

main{
	
}

main #lower{
	width:1050px;
	max-width:1050px;
	padding:0px 0px 50px 0px;
	margin:0px auto 0px auto;
}




/*==========================================
 フッターのスタイル
===========================================*/
footer{
	min-width:1050px;
}

footer #foot-center{
	width:100%;
	padding:55px 0px 55px 0px;
	margin:0px auto 0px auto;
}

footer #foot-center h1{
	width:250px;
	font-size:25px;
	text-align:center;
	line-height:120%;
	padding:0px 0px 65px 0px;
}

footer #foot-center h1 p{
	margin-top:35px;
}

/*--サイトマップ--*/
footer #foot-center .foot-navi{
	width:950px;
	height:280px;
	margin:0px auto 50px auto;
}

footer #foot-center dl.f-navi-box{
	margin:0px 0px 0px 0px;
}

footer #foot-center dl.f-navi-box dt{
	font-size:15px;
	margin:0px 0px 25px 0px;
}

footer #foot-center dl.f-navi-box dd{
	font-size:12px;
	margin:0px 0px 5px 0px;
}

footer #foot-center dl.f-navi-box dd.lv02{
	font-size:98%;	/*アイコン追加(学外)により100%→98% 2023.10 seto*/
}

footer #foot-center dl.f-navi-box dd.lv03{
	padding:0px 0px 0px 1em;
}

footer #foot-center dl.f-navi-box dd.no-link{
	pointer-events:none;
}


footer #foot-center .foot-navi dl#f-navi01{
	width:140px;
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi02{
	width:260px;	/*アイコン追加(学外)により280px→260px 2023.10 seto*/
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi02 .f-navi02-a{
	width:110px;	/*アイコン追加(学外)により140px→110px 2023.10 seto*/
	float:left;
}

footer #foot-center .foot-navi dl#f-navi02 .f-navi02-b{
	width:150px;	/*アイコン追加(学外)により140px→150px 2023.10 seto*/
	float:left;
}

footer #foot-center .foot-navi dl#f-navi03{
	width:130px;	/*アイコン追加(学外)により140px→130px 2023.10 seto*/
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi04{
	width:180px;	/*アイコン追加(学外)により150px→180px 2023.10 seto*/
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi05{
	width:110px;	/*アイコン追加(学外)により100px→110px 2023.10 seto*/
	float:left;
	margin:0px 0px 0px 0px;
}

footer #foot-center .foot-navi dl#f-navi06{
	width:130px;	/*アイコン追加(学外)により140px→130px 2023.10 seto*/
	float:left;
	margin:0px 0px 0px 0px;
}
/*--/サイトマップ--*/

footer #foot-center .copyright{
	font-size:90%;
	margin:40px auto 0px auto;
	clear: both;   /*追記 2026.2.10 fujisawa*/
}

}

/*  1024px～1050px (ノートPC・大型タブレット) */
@media screen and (min-width:1024px) and (max-width:1050px) {/*--変更あり--*/
/*--#top_image--*/
main #top-image{
	height:340px;
	margin:0px 0px 0px 0px;
}

/*--#search--*/
main #search{
	width:550px;
	height:250px;
	margin:-300px 0px 0px 0px;
}

main #search .search-in{
	width:410px;
	height:170px;
	margin:35px 0px 0px 75px;
}

/*--#information--*/
main #information{
	clear:both;
}


main #information .ref-guide{
	width:95%;
	padding:0.5em 1.5em;
	margin:0px auto 25px auto;
}

main #information .openning-hours{
	width:95%;
	padding:0.5em 1.5em;
	margin:0px auto 25px auto;
}

main #information .open-info a{
	width:95%;
	text-align:center;
	padding:1em 1.5em;
	margin:0px auto 25px auto;
}

main #information .info-contents{
	width:84%;
	display:inline-table;
	padding:0px 8% 0px 8%;
	margin:0px auto 35px auto;

/*--#about-library--*/
main #about-library .al-contents{
	width:98%;
}

main #about-library .al-contents ul{
	display: list-item;
}

main #about-library .al-contents ul li a{
	width:238px;
	height:125px;
	float:left;
}

main #about-library .al-contents ul li.type01 a{
	margin:0px 6% 0px 6%;
}

main #about-library .al-contents ul li.type-a a{
	float:left;
}

main #about-library .al-contents ul li.type-b a{
	float:left;
}

main #about-library .al-contents ul li#al-box01 a{
	margin:0px 1% 0px 0%;
}

main #about-library .al-contents ul li#al-box02 a{
	margin:0px 1% 0px 1%;
}

main #about-library .al-contents ul li#al-box03 a{
	margin:0px 1% 0px 1%;
}

main #about-library .al-contents ul li#al-box04 a{
	margin:0px 0% 0px 1%;
}

/*li#al-box04 a{
	float:right;
}*/
}

/*  1320px～1500px (ノートPC・大型タブレット) */
@media screen and (min-width:1320px) and (max-width:1500px) {
/*--#information--*/
main #information{
	flex-wrap: wrap; /* Important to make it work */
	margin:60px auto 0px auto;
}

}