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


/* Common */
#pagetitle { background: #598dc5; }
#contents-head h3 { color: #3071B7; }
#contents-head h3:after { background: #3071B7; }


/* News */
#news {padding: 0 0 1.5em;display: flex;flex-flow: row-reverse;justify-content: space-between;}
#news-list {/* width: 76%; */}
#news-menu { width: 20%; }

#news-menu dl { margin-bottom: 2em; padding: 1em 1em .5em 1em; background: rgba(48,80,94,0.15); }
#news-menu dl dt { font-size: 123%; line-height: 1.3; margin-bottom: .4em; }
#news-menu dl dd ul li { font-size: 115%; line-height: 1.3; padding-bottom: .5em; }
#news-menu dl dd ul li a { text-align: center; color: #333; padding: .8em 0 .7em 0; background: #FFF; display: block; position: relative; }
#news-menu dl dd ul li a::before { content: ""; width: .6em; height: .6em; margin-top: -.3em; border-top: 1px solid #30505E; border-right: 1px solid #30505E; position: absolute; top: 50%; left: .5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#news-menu dl dd ul li a:hover { color: #FFF; }
#news-menu dl dd ul li a:hover::before { border-top: 1px solid #FFF; border-right: 1px solid #FFF; }

#news-menu dl dd ul li.info a:hover { background: #3071B7; }
#news-menu dl dd ul li.emergency a:hover { background: #F00; }
#news-menu dl dd ul li.important a:hover { background: #F69; }
#news-menu dl dd ul li.admissions a:hover { background: #0BF; }
#news-menu dl dd ul li.event a:hover { background: #F80; }
#news-menu dl dd ul li.job a:hover { background: #8A3; }

#news-list h1 { font-size: 200%; line-height: 1.3; color: #FFF; margin-bottom: .5em; padding: .2em .4em .1em .4em; }

#news-list h1.info { background: #3071B7; }
#news-list h1.emergency { background: #F00; }
#news-list h1.important { background: #F69; }
#news-list h1.admissions { background: #0BF; }
#news-list h1.event { background: #F80; }
#news-list h1.job { background: #8A3; }

#news-list ul li { font-size: 115%; line-height: 1.4; text-align: justify; padding: .6em 0 .5em 14em; border-bottom: dotted 1px #CCC; position: relative; }
#news-list ul li h3 { font-size: 85%; line-height: 1.4; color: #666; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
#news-list ul li strong {font-size: 85%;line-height: 1.2;text-align: center;font-weight: normal;color: #FFF;width: 6em;padding: .3em 0 .2em 0;border-radius: .5em;display: block;position: absolute;left: 8em;top: 50%;transform: translate(0,-50%);}
#news-list ul li.department02 { font-weight: bold; }

.important { font-weight: bold; }
h1.info, .info strong { background: #81959F; }
h1.emergency, .emergency strong { background: #F00; }
h1.important, .important strong { background: #F69; }
h1.admissions, .admissions strong { background: #0BF; }
h1.event, .event strong { background: #F80; }
h1.job, .job strong { background: #8A3; }

#news-list ul li a { color: #333; }
#news-list ul li a:hover { color: #F60; }

#news-list ul#news-caution li { font-weight: bold; }
#news-list ul#news-caution li h3 { font-weight: bold; color: #F00; }
#news-list ul#news-caution li a { color: #F00; }
#news-list ul#news-caution li a:hover { color: #F60; }

@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #news { flex-direction: column; }
  #news-list { width: 100%; }
  #news-menu { width: 100%; margin-bottom: 1em; }
  #news-menu dl { margin-bottom: .5em; padding: .5em .5em 0 .5em; }
  #news-menu dl dd ul { width: 100%; display: flex; }
  #news-menu dl dd ul li { font-size: 105%; line-height: 1.3; width: calc(97.5% / 6); margin-right: 0.5%; }
  #news-menu dl dd ul li:last-child { margin-right: 0; }
  #news-menu dl dd ul li a::before { left: 0; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #news { padding: 2em 0 2em 0; flex-direction: column-reverse; }
  #news-menu { width: 100%; margin: 1em 0 0 0; }
  #news-menu dl dt { font-size: 115%; line-height: 1.3; }
  #news-menu dl dd ul { flex-wrap: wrap; }
  #news-menu dl dd ul li { font-size: 100%; line-height: 1.3; width: calc(97% / 3); margin-right: 1.5%; }
  #news-menu dl dd ul li:nth-child(3n) { margin-right: 0; }
  #news-list ul li { font-size: 100%; line-height: 1.4; text-align: justify; padding: .6em 0 .5em 0; }
  #news-list ul li h3 { font-size: 100%; line-height: 1.4; padding-bottom: .2em; position: relative; top: 0; transform: translate(0,0); }
  #news-list ul li strong { top: .6em; left: 10.5em; transform: translate(0,0); }
}

/* News - Pickup */
.news-column { padding: 3em 0; }
.news-column h1.news-ttl {font-size: 135%;line-height: 1.4;font-weight: bold;color: #3071b7;padding-bottom: 1.5em;display: flex;}
.news-column h1.news-ttl strong {font-size: 75%;line-height: 1.2;text-align: center;color: #FFF;width: 11em;margin-right: .5em;padding: .4em 0;background: #3071b7;display: inline-block;height: 1.1em;}
.news-column h1.pickup-ttl { font-size: 135%; line-height: 1.4; font-weight: bold; color:#8DC21F; padding-bottom: 1.5em; }
.news-box { zoom: 1; overflow: hidden; }
.news-box:after { content: ""; clear: both; display: block; }
.news-text {/* width: 60%; *//* float: left; */}
.news-box ul { width: 36%; float: right; }
.news-text p { font-size: 115%; line-height: 1.9; text-align: justify; padding-bottom: .6em; }
.news-box ul li { padding-bottom: .5em; }
.news-box ul li img { width: 100%; height: auto; }
@media only screen and (max-width: 680px) and (orientation: portrait) {
  .news-column { padding: 2em 0; }
  .news-column h1.news-ttl { display: block; }
  .news-column h1.news-ttl strong { width: 100%; margin: 0 0 .5em 0; }
  .news-text { width: 100%; float: none; }
  .news-text p { font-size: 100%; line-height: 1.6; }
  .news-box ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; float: none; }
  .news-box ul li { width: 49%; padding-bottom: 2%; }
}

/* Topics */

/* :::::::::::::::::::: 9/24変更 :::::::::::::::::::: */
#topics-head { text-align: right; position: relative; }
#topics-head h1 { font-size: 240%; line-height: 1.2; font-weight: bold; text-align: center; color: #3071B7; padding: .8em 0 .3em 0; position: relative; }
#topics-head h1:after { content: ""; width: 2em; height: 3px; margin-left: -1em; background: #3071B7; display: block; position: absolute; left: 50%; bottom: 0; }
#category { width: 100%; position: absolute; bottom: 0; right: 1%; }
#category .select-box { position: relative; }
#category .select-box:after { content: ""; width: .5em; height: .5em; border-right: #3071B7 1px solid; border-bottom: #3071B7 1px solid; display: block; position: absolute; top: 35%; right: 1em; transform: rotate(45deg)translateY(-25%); }
#category select { -webkit-appearance: none; appearance: none; font-size: 115%; line-height: 1.2; color: #30505E; width: 23%; padding: .5em; border: none; border-radius: 0; background: #E0E5E7; }
/* :::::::::::::::::::: 9/24変更 :::::::::::::::::::: */

#topics-column { }
#topics-column { display: flex; flex-wrap: wrap; }
#topics-column dl { width: 23%; margin: 0 1% 2% 1%; background: #FFF; box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); position: relative; }
#topics-column dl a { color: #333; padding: 1em 1em 3em 1em; display: block; }
#topics-column dl a:hover dt { opacity: .8; }
#topics-column dl dt { width: 100%; height: 60%; margin-bottom: .8em; background: url("/web/20250516043633im_/http://www.jindai.ac.jp/images/topics/noimages.jpg") no-repeat center center; background-size: cover; position: relative; overflow: hidden; }
#topics-column dl dt:before { content:""; padding-top: 75%; display: block; }
#topics-column dl dt img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }
#topics-column dl dt span { font-size: 93%; line-height: 1.2; color: #FFF; text-shadow: -1px -1px 1px rgba(0,0,0,.8), 1px -1px .1em rgba(0,0,0,.8), -1px 1px .1em rgba(0,0,0,.8), 1px 1px .1em rgba(0,0,0,.8), -1px -1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,1); position: absolute; right: .5em; bottom: .3em; z-index: 2; }
#topics-column dl dd { }
#topics-column dl dd { font-size: 105%; line-height: 1.4; text-align: justify; }
#topics-column dl dd h3 { }
#topics-column dl dd p.department { font-size: 85%; line-height: 1.3; text-align: center; color: #FFF; width: calc(100% - 2em); padding: .4em 0 .2em 0; position: absolute; bottom: 1em; display: flex; align-items: center; justify-content: center; }
#topics-column dl dd p.department strong { font-weight: normal; padding: 0 .4em; }
/*
#topics-column dl dd p.department00 { background: #3071B7; }
#topics-column dl dd p.department01 { background: #56A8C8; }
#topics-column dl dd p.department02 { background: #F2971B; }
#topics-column dl dd p.department03 { background: #8DC21F; }
#topics-column dl dd p.department04 { background: #EC6D80; }
*/

.department15, .department15 a:hover, .department15 strong { background: #8DC21F; }
.department13, .department13 a:hover, .department13 strong { background: #EC6D80; }
.department14, .department14 a:hover, .department14 strong { background: #3071b7; }
.department10, .department10 a:hover, .department10 strong { background: #56A8C8; }
.department12, .department12 a:hover, .department12 strong { background: #F2971B; }

.department8, .department8 a:hover, .department8 strong { background: #DC9667; }
.department17, .department17 a:hover, .department17 strong { background: #6DD9B2; }
.department18, .department18 a:hover, .department18 strong { background: #A06DEC; }
.department19, .department19 a:hover, .department19 strong { background: #EF8DE9; }
.department6, .department6 a:hover, .department6 strong { background: #77AAAA; }
.department6.jimu, .department6 a:hover, .department6.jimu strong { background: #AA8855; }
.department6.nyusi, .department6 a:hover, .department6.nyusi strong { background: #3071B7; }
.department6.gakusei, .department6 a:hover, .department6.gakusei strong { background: #EE5555; }

#pager { text-align: center; margin: 2em auto; display: flex; }
#pager li { font-size: 115%; line-height: 1.2; }
#pager li a { text-align: center; color: #30505E; padding: .7em 1em .6em 1em; border-top: solid 1px #E0E7EB; border-bottom: solid 1px #E0E7EB; border-right: solid 1px #E0E7EB; display: block; }
#pager li:first-child a { border-left: solid 1px #E0E7EB; border-radius: .5em 0 0 .5em; }
#pager li:last-child a { padding: .7em .8em .6em .8em;border-radius: 0 .5em .5em 0; }
#pager li a.active, #pager li a.active:hover { color: #FFF; border-color: #30505E; background: #30505E; }
#pager li a:hover { background: #E0E7EB;}

@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #topics-column dl a { padding-bottom: 4em; }
  #topics-column dl dd { font-size: 100%; line-height: 1.4; }
  #topics-column dl dd p.department { min-height: 2.6em; }
}
@media only screen and (max-width: 680px) and (orientation: portrait) {
  #topics-column dl { width: 46%; margin: 0 2% 4% 2%; }

/* :::::::::::::::::::: 9/24変更 :::::::::::::::::::: */
  #category { width: 98%; margin: 1em auto 0 auto; position: relative; }
  #category select { font-size: 100%; line-height: 1.2; width: calc(100% - .5em); }
/* :::::::::::::::::::: 9/24変更 :::::::::::::::::::: */

}


/*
     FILE ARCHIVED ON 04:36:33 May 16, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:05:58 Sep 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.556
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 42.208
  LoadShardBlock: 303.352 (3)
  PetaboxLoader3.resolve: 2204.955 (4)
  PetaboxLoader3.datanode: 166.442 (5)
  load_resource: 2219.151
  loaddict: 118.448
*/