/* MAIN IMG*/
#main{
	width:100%;
	text-align:center;
}
#main img { max-width:1500px;}
#main img:nth-of-type(2) { display:none;}


/* SEARCH */
#search{
	padding: 0 30px 30px;
	background:#0058A6;
}
#search:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#search h2 {
	margin-bottom:30px;
	height:65px;
	text-indent:-9999px;
	background:url("../image/h2-ds.jpg") no-repeat top center;
}
#search .s_box{ margin:0 auto; width:1000px;}
#search .s_box .sogo ,
#search .s_box .kannai { width:485px; background:#FFF; position:relative;}
#search .s_box .sogo { float:left;}
#search .s_box .kannai { float:right;}
#search .s_box .sogo .title a,
#search .s_box .kannai .title a{
	display:block;
	width:100px;
	padding-top:10px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
}
#search .s_box .sogo .title a{
	width:90px;
	height:37px;
	background: url("../image/discovery.gif") no-repeat left center;
	top: 75px;
	left: 15px;
}
#search .s_box .kannai .title a{
	width:119px;
	height:37px;
	background:url("../image/opac.gif") no-repeat left center;
	top: 75px;
	left: 15px;
}
#search .s_box h3 { text-indent:-9999px; height:55px;}
#search .s_box .sogo h3{ background: url("../image/ds-tit1.gif") no-repeat center; }
#search .s_box .kannai h3{ background: url("../image/ds-tit2.gif") no-repeat center; }
#search .s_box .kannai .text{
	margin: 0 15px 15px;
	font-size: 90%;
	position: absolute;
	top: 112px;
	left: 152px;
}
#search .form { text-align:right; padding:30px 20px;}
#search .s_box .come { margin:0 15px 15px; font-size:90%; }
#search input#primoQueryTemp, #search input#keyword{
	font-size: 11px;
	height: 22px;
	width:215px;
	background: #EEEEEE;
	border:#ccc 1px solid;
	margin-right:5px;
}
#search input#go, #search input#submit{
	font-size: 12px;
	height: 26px;
	width:70px;
	background: #0058A6;
	color: #ffffff;
	border:none;
}
#search input#primoQueryTemp, #search input#go, #search input#keyword, #search input#submit{
	border-radius: 5px;		/* CSS3草案 */  
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;	/* Firefox用 */  
}


/*====================================================================================================

  TOPPAGE

====================================================================================================*/


#toppage {}
#toppage .information {
	padding:20px;
	background:#EFEFEF url("../../image/info_bg.png") repeat-x center top;
	border:1px solid #DDD;
	box-sizing:border-box;
}
#toppage .information h3 {
	float:left;
	width:100px;
	height:30px;
	text-indent:-9999px;
	background: url("../../image/info_tit.png") no-repeat 10px center;
}
#toppage ul#tab {
	float:right;
	margin:0 0 20px;
	width:270px;
}
#toppage ul#tab li {
	cursor: pointer;
	float: left;
	margin:0 5px;
	padding:8px;
	width:80px;
	text-align:center;
	color:#222;
	background:#DDD;
	box-sizing:border-box;
	border-radius: 5px;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#toppage #tab li.select { color:#FFF; background:#0058A6;}
#toppage .disnon { display: none;}
#toppage .content_wrap {
	clear:both;
	padding:0 20px;
	width:100%;
	height: 1115px;
	border:1px solid #DDD;
	border-top:1px solid #0058A6;
	background:#FFF;
	box-sizing:border-box;
	overflow:auto;
}
#toppage .information dl {
	padding:15px 0;
	border-bottom:1px dotted #999;
	_position:relative
}
#toppage .information dl:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#toppage .information dl dt { float:left; width:28%; padding:2px 0 0;}
#toppage .information dl dd { float:right; width:70%; padding:2px 0 0; font-size:110%;}
#toppage .information dl.icon01 dt { background:url("../../image/icon1.gif") no-repeat right top;} /* お知らせ */
#toppage .information dl.icon02 dt { background:url("../../image/icon2.gif") no-repeat right top;} /* イベント */
#toppage .information dl.icon03 dt { background:url("../../image/icon3.gif") no-repeat right top;} /* 学　　内 */
#toppage .information dl.icon04 dt { background:url("../../image/icon4.gif") no-repeat right top;} /* 重　　要 */
#toppage .information dl.icon1 dt { background:url("../../image/icon1.gif") no-repeat right top;} /* お知らせ */
#toppage .information dl.icon2 dt { background:url("../../image/icon2.gif") no-repeat right top;} /* イベント */
#toppage .information dl.icon3 dt { background:url("../../image/icon3.gif") no-repeat right top;} /* 学　　内 */
#toppage .information dl.icon4 dt { background:url("../../image/icon4.gif") no-repeat right top;} /* 重　　要 */

#toppage .information dl dd b {
	margin-left:10px;
	padding:2px 5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:100%;
	font-weight:normal;
	text-align:center;
	background: #CD1A1D;
	border-radius: 5px;		/* CSS3草案 */  
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;	/* Firefox用 */  
}

/* EVENT */
#toppage .information #event dl.icon01,
#toppage .information #event dl.icon03,
#toppage .information #event dl.icon04 { display:none;}
#toppage .information #event dl.icon1,
#toppage .information #event dl.icon3,
#toppage .information #event dl.icon4 { display:none;}

/* GANAI */
#toppage .information #gakunai dl.icon01,
#toppage .information #gakunai dl.icon02,
#toppage .information #gakunai dl.icon04 { display:none;}
#toppage .information #gakunai dl.icon1,
#toppage .information #gakunai dl.icon2,
#toppage .information #gakunai dl.icon4 { display:none;}

#side_content .ank{ margin-bottom: 10px;} 



/* ====================================================================================================

	スマホ化用css

==================================================================================================== */

@media only screen and (max-width:700px){

	/*====================================================================================================
		main
	====================================================================================================*/
	@starting-style {
		#main img:nth-of-type(2) { opacity:0;}
	}
	#main {
		display:grid;
		place-items:center;
		grid-template-columns:auto;
		grid-template-rows:auto;

		& img { grid-area:1/-1; height:calc(100vw / 750 * 400); object-fit:cover; transition:opacity 1.5s ease;}
		& img:nth-of-type(1) { object-position:center left; opacity:1;}
		& img:nth-of-type(2) { object-position:center right; opacity:0; display:block;}

		&.active img:nth-of-type(1) { opacity:0;}
		&.active img:nth-of-type(2) { opacity:1;}
	}

	/*====================================================================================================
		information
	====================================================================================================*/
	#toppage .information .content_wrap { height:70vh;}
	#toppage .information h3 { margin-inline:auto; float:none;}
	#toppage .information ul#tab { float:none; display:flex; justify-content:center; width:100%; margin-top:20px;}
	#toppage .information dl :is(dt, dd) { float:none; width:100%; font-size:100%;}


	/*====================================================================================================
		search
	====================================================================================================*/
	#search {
		display:flex;
		flex-direction:column;
		gap:1rem;
		padding-inline:2.5%;

		& .s_box { display:contents;}
		& .s_box :is(.sogo, .kannai) { width:100%; float:none;}
		& .s_box :is(.sogo, .kannai) h3 {
			display:grid;
			place-items:center;
			margin:0 15px;
			background:none;
			border-bottom:solid 1px #A7D6FF;
			text-indent:0;
			color:#1666AD;
		}
		& .s_box :is(.sogo, .kannai) .title a {
			display:block;
			margin-left:15px;
			position:static;
			background:none;
			text-indent:0;
			text-decoration:none;
			font-size:18px;
			font-weight:bold;
			color:#222;
		}
		& .s_box :is(.sogo, .kannai) .form { padding:10px 15px;}
		& .s_box :is(.sogo, .kannai) form { display:flex;}
		& :is(input#primoQueryTemp, input#keyword) { width:100%; height:30px;}
		& :is(input#go, input#submit) { height:30px;}
		& .s_box .kannai .text { position:static;}
	}
}