@charset "UTF-8";

/* --------------------------------------------------
	MAIN VISUAL
-------------------------------------------------- */

#main { margin-bottom: 14px; width: 920px; height: 157px; position: relative; }
#main img { position: absolute; z-index: 1; }

@media screen and (max-width: 767px) {
  #main { width: 100%; height: 157px; background: url(/img/home/main.png) center no-repeat; display: table; }
  #main img { display: none; }
}

/* --------------------------------------------------
	SEARCH
-------------------------------------------------- */

#search { margin-bottom: 14px; }
#search .tab ul { list-style: none; display: flex; gap: 5px; }
#search .tab li {}
#search .tab a { padding: 0 40px; height: 40px; background: #ccc; border-radius: 8px 8px 0 0; color: #111; font-size: 1.5rem; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; }
#search .tab a.active, #search .tab a:hover {  background: #288fd0; color: #fff; }
#search .tab a br { display: none; }
#search .tab .tab02 span { display: flex; align-items: center; gap: 3px; }
#search .tab .tab02 span::before { content: ''; width: 22px; height: 22px; background: url(/img/common/icon-person.svg) no-repeat center / cover; display: block; transition: all .3s; }
#search .tab .tab02 a:hover span::before, #search .tab .tab02 a.active span::before { filter: brightness(0) invert(1); }
#search .tab-content { margin-bottom: 14px; background: #fff; border: solid 1px #7d7d7d; display: none; }
#search .tab-content.on { display: block; }
#search .tab-content .search { padding: 14px 10px; border-bottom: dashed 1px #7d7d7d; }
#search .tab-content .search:last-of-type { border-bottom: none; }
#search .tab-content .detail { padding-left: 12px; background: url(/img/common/arrowRightBlueS.png) 0 center no-repeat; }
#search .tab01-content { background: #ddebfc; }
#search .tab01-content form { display: flex; align-items: center; }
#search .tab01-content input[type="text"] { margin-right: 5px; padding: 0 .4em; width: 70%; height: 40px; border: solid 1px #7d7d7d; border-radius: 4px; font-size: 1.8rem; }
#search .tab01-content button { margin-right: 1.5em; padding: 0 30px; height: 40px; background: #288fd0; border-radius: 4px; color: #fff; font-size: 1.8rem; }
#search .tab02-content { padding: 14px 0; }
#search .tab02-content dl { display: flex; align-items: center; }
#search .tab02-content dl:first-of-type { margin-bottom: 14px; padding-bottom: 14px; border-bottom: dashed 1px #7d7d7d; }
#search .tab02-content dt { width: 24%; display: flex; align-items: center; justify-content: center; }
#search .tab02-content dd { padding-left: 2%; width: 74%; }
#search .tab02-content ul { list-style: none; display: flex; flex-wrap: wrap; }
#search .tab02-content li { margin: .25em 2em .25em 0; }
#search .tab02-content li a { padding-left: 12px; background: url(/img/common/arrowRightBlueS.png) 0 center no-repeat; }
#search .tab02-content .login { display: flex; flex-direction: column; align-items: center; gap: 5px; }
#search .tab02-content .login a { padding: 4px 8px; background: #c36; border-radius: 4px; color: #fff; text-decoration: none; }
#search .tab03-content dl { display: flex; align-items: center; }
#search .tab03-content dt { width: 24%; }
#search .tab03-content dt strong { margin-left: 24px; padding-left: 24px; background: url(/img/common/iconSearch.png) 0 center no-repeat; font-size: 1.5rem; display: block; }
#search .tab03-content dd { padding-left: 2%; width: 74%; }
#search .tab03-content ul { list-style: none; display: flex; flex-wrap: wrap; }
#search .tab03-content li { margin: .25em 2em .25em 0 }
#search .tab03-content li a { padding-left: 12px; background: url(/img/common/arrowRightBlueS.png) 0 center no-repeat; }
#search .tab03-content li a.gakunai::after { content: '学内'; margin-left: 0.5em; padding: 0 8px; background: #288fd0; color: #fff; font-size: 90%; line-height: 1.5; display: inline-block; }
#search .tab03-content input[type="text"] { margin-right: 5px; padding: 0 .4em; width: 50%; height: 32px; border: solid 1px #7d7d7d; border-radius: 4px; font-size: 1.5rem; }
#search .tab03-content button { padding: 0 30px; height: 32px; background: #288fd0; border-radius: 4px; color: #fff; font-size: 1.5rem; }
#search .tab03-content .search:nth-of-type(3) { text-align: center; }
#search .tab03-content .warning { margin-bottom: .25em; color: #f00; }
#search .tools { padding: 20px; background: #fff; border: solid 1px #7d7d7d; }
#search .tools strong { margin-bottom: 5px; font-size: 1.6rem; display: block; }
#search .tools .d-flex { display: flex; gap: 5px; }
#search .tools ul { width: 25%; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 5px; }
#search .tools li { height: 100%; border: solid 1px #ccc; }
#search .tools a { padding: 10px 0; height: 100%; background: linear-gradient(#fff 60%, #e6f5ff); font-size: 1.5rem; text-decoration: none; letter-spacing: -.05em; display: flex; align-items: center; justify-content: center; position: relative; }
#search .tools a::after { content: ''; width: 8px; height: calc(tan(60deg) * 8px / 2); background: #aaa; clip-path: polygon(100% 0, 100% 100%, 0 100%); display; block; position: absolute; right: 4px; bottom: 4px; }
#search .tools a.med { background: linear-gradient(#fff 60%, #e7fde7); color: #3f9d4d; }

@media screen and (max-width: 767px) {
  #search .tab ul { gap: 2px; }
  #search .tab li { width: 33.3%; }
  #search .tab li:nth-child(3) { letter-spacing: -.05em; }
  #search .tab a { padding: 5px 0; height: 100%; font-size: 1.4rem; line-height: 1.4; box-sizing: border-box; }
  #search .tab a br { display: block; }
  #search .tab01-content form { flex-direction: column; }
  #search .tab01-content input[type="text"] { margin: 0 0 10px; width: 100%; }
  #search .tab01-content button { margin: 0 0 10px; padding: 0 50px; }
  #search .tab02-content dl { padding: 0 10px; flex-direction: column; align-items: start; }
  #search .tab02-content dt { margin-bottom: 5px; width: 100%; justify-content: start; }
  #search .tab02-content dt .login { flex-direction: row; }
  #search .tab02-content dd { width: 100%; }
  #search .tab03-content dl { flex-direction: column; align-items: start; }
  #search .tab03-content dt { width: 100%; }
  #search .tab03-content dt strong { margin: 0 0 5px 0; }
  #search .tab03-content dd { padding: 0; width: 100%; }
  #search .tab03-content li a.gakunai::after { padding: 0 4px; }
  #search .tab03-content form { text-align: center; }
  #search .tab03-content input[type="text"] { margin: 10px 0; width: 100%; height: 32px; }
  #search .tab03-content button { padding: 0 20px; height: 30px; font-size: 1.4rem; }
  #search .button ul { flex-wrap: wrap; }
  #search .button ul:nth-of-type(1) li { width: 100%; }
  #search .button ul:nth-of-type(2) li { width: 100%; }
  #search .tools .d-flex { flex-direction: column; }
  #search .tools ul { width: 100%; }
  #search .tools a { letter-spacing: 0; }
  
  
}



/*
section#search { margin-bottom: 14px; }
section#search div.tab {}
section#search div.tab ul { list-style: none; }
section#search div.tab li { margin-right: 5px; width:　285px; float: left; }
section#search div.tab li.tab02 br { display: none; }
section#search div.tab a { width: 285px; height: 30px; background: #93c7e7; color: #111; font-size: 1.5rem; text-align: center; text-decoration: none; line-height: 30px; display: block; }
section#search div.tab a.active, section#search div.tab a:hover { background: #288fd0; color: #fff; }
section#search div.inner { background: #fff; border: solid 1px #7d7d7d; }
section#search div.inner div.tab02 { display: none; }
section#search div.inner div.search { padding: 14px 0; border-bottom: dashed 1px #7d7d7d; }
section#search div.inner div.search:last-child { border-bottom: none; }
section#search div.inner div.myLibrary { padding: 14px 0; background: #e6f5ff; border-bottom: none; }
section#search div.inner div.list { padding: 14px 0; }
section#search div.inner dl { display: flex; align-items: center; }
section#search div.inner dt { width: 24%; }
section#search div.inner dt strong { margin-left: 24px; padding-left: 24px; background: url(/img/common/iconSearch.png) 0 center no-repeat; font-size: 1.5rem; display: block; }
section#search div.inner dd { padding-left: 2%; width: 74%; }
section#search div.inner ul { list-style: none; }
section#search div.inner li { margin: 0.25em 2em 0.25em 0; float: left; }
section#search div.inner li a { padding-left: 12px; background: url(/img/common/arrowRightBlueS.png) 0 center no-repeat; color: #111; text-decoration: none; }
section#search div.inner li a:hover { text-decoration: underline; }
section#search input[type='text'] { padding: 0 0.4em; width: 420px; height: 28px; border: solid 1px #7d7d7d; border-radius: 2px; font-size: 1.4rem; box-sizing: border-box; }
section#search button[type='submit'] { margin-right: 1.5em; width: 76px; height: 28px; background: #288fd0; color: #fff; font-size: 1.4rem; }
section#search a.detail { padding-left: 12px; background: url(/img/common/arrowRightBlueS.png) 0 center no-repeat; color: #111; text-decoration: none; }
section#search a.detail:hover { text-decoration: underline; }
section#search div.myLibrary dt strong { background: url(/img/common/iconLoginPink.png) 0 center no-repeat; }
section#search div.myLibrary dt a { margin: 4px 0 0 48px; padding: 3px 12px; background: #c36; border-radius: 4px; color: #fff; font-size: 1.3rem; text-decoration: none; display: inline-block; }
section#search div.myLibrary li a { background: url(/img/common/arrowRightPinkS.png) 0 center no-repeat; }
section#search div.list li { margin: 0 5px 5px 0; float: left; }
section#search div.list li a { padding: 3px 8px; min-width: 1.5em; background: #288fd0; border-radius: 2px; color: #fff; font-size: 95%; text-align: center; display: block; }
section#search div.list p.warning { color: #f00; }

@media screen and (max-width: 767px) {
section#search div.tab ul { display: flex; }
section#search div.tab li { margin-right: 0; width: 50%; float: none; box-sizing: border-box; }
section#search div.tab li.tab01 { padding-right: 5px; }
section#search div.tab li.tab02 { padding-left: 5px: }
section#search div.tab li.tab02 br { display: block; }
section#search div.tab a { width: auto; height: 50px; line-height: 1.3; display: flex; align-items: center; justify-content: center; }
section#search div.inner dl { margin: 0 15px; display: block; }
section#search div.inner dt { width: auto; }
section#search div.inner dt strong { margin: 0 0 0.5em; font-size: 1.6rem; display: inline-block; }
section#search div.inner dt strong br { display: none; }
section#search div.inner dd { padding-left: 0; width: auto; }
section#search div.inner li { margin: 0.4em 0; float: none; }
section#search input[type='text'] { margin-bottom: 0.75em; width: 100%; }
section#search div.myLibrary dt a { margin: 0 0 0 0.5em; padding: 2px 12px; }
section#search select { margin-bottom: 1em; }
section#search div.list li { margin: 0 7px 7px 0; float: left; }
section#search div.list li a {}
}
*/

/* --------------------------------------------------
	スケジュール (SP)
-------------------------------------------------- */

div.clone { display: none; }

@media screen and (max-width: 767px) {
div.clone { display: block; }
div.clone div.schedule { margin-bottom: 14px; background: #fff; border: solid 1px #288fd0; text-align: center; }
div.clone div.schedule div.title strong { margin-bottom: 7px; padding: 4px 0; background: #288fd0; color: #fff; font-size: 1.6rem; display: block; }
div.clone div.schedule div.inner { padding: 0 14px; }
div.clone div.schedule div.inner strong { padding: 3px 0; background: #93c7e7; display: block; }
div.clone div.schedule div.inner p { margin: 3px 0; fonty-size: 110%; font-weight: bold; }
div.clone a.calendar { margin: 0 auto 14px; padding: 5px 0; width: 200px; background: #288fd0; border-radius: 2px; color: #fff; text-align: center; text-decoration: none; display: block; }
div.clone a.calendar span { padding: 0 15px; background: url(/img/common/arrowRightWhiteS.png) right center no-repeat; }
}

/* --------------------------------------------------
	NEWS
-------------------------------------------------- */

#news { margin-bottom: 14px; padding: 14px 0; background: #fff; border: solid 1px #7d7d7d; }
#news .title { padding: 10px 20px 15px; display: flex; justify-content: space-between; }
#news .title h2 { font-size: 2rem; }
#news .title ul { border: solid 1px #ccc; border-radius: 5px; list-style: none; display: flex; align-items: center; justify-content: center; gap: 1px; overflow: hidden; }
#news .title li a { padding: 10px 30px; color: #111; text-decoration: none; display: flex; align-items: center; justify-content: center; position: relative; }
#news .title li a.active { background: #ddebfc; }
#news .title li a::after { content: ''; margin: auto 0; width: 1px; height: 20px; background: #ccc; display: block; position: absolute; right: -1px; top: auto; bottom: auto; }
#news .title li:last-child a::after { display: none; }
#news .title a.list { width: 76px; height: 24px; background: #288fd0; border-radius: 2px; color: #fff; font-size: 1.3rem; text-align: center; text-decoration: none; line-height: 24px; display: inline-block; }
#news .title a.list:hover { text-decoration: none; }
#news .title a.list span { padding-right: 11px; background: url(https://www.lib.fukuoka-u.ac.jp/img/common/arrowRightWhiteS.png) right center no-repeat; }
#news .inner { padding: 0 20px; }
#news .inner .tab { height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all .3s; }
#news .inner .tab.active { height: auto; opacity: 1; visibility: visible; overflow: auto; }
#news .category { margin: 10px 0; display: flex; align-items: center; justify-content: center; gap: 20px; }
#news .category strong {}
#news .category ul { list-style: none; display: flex; align-items: center; gap: 20px; }
#news .category li label { display: flex; align-items: center; gap: .25em; }
#news .news-list ul { list-style: none; }
#news .news-list li { padding: 7px 0; display: flex; align-items: start; }
#news .news-list .news-meta { display: flex; }
#news .news-list span { display: inline-block; }
#news .news-list span.date { margin-right: 0.75em; }
#news .tags { margin-right: .75em; display: flex; }
#news .tags span { padding: 0 .5em; display: flex; align-items: center; white-space: nowrap; }
#news .tags span + span { font-size: 90%; display: flex; align-items: center; }
#news .tags .type01 { background: #ffb2b2; } /* 共通 */
#news .tags .type02 { background: #beddf1; } /* 中央図書館 */
#news .tags .type03 { background: #c6d4c9; } /* 医学部分館 */
#news .tags .type04 { background: #fbe0b2; } /* 中央・分室 */
#news .tags .type01 + span { border: solid 1px #ffb2b2; }
#news .tags .type02 + span { border: solid 1px #beddf1; }
#news .tags .type03 + span { border: solid 1px #c6d4c9; }
#news .tags .type04 + span { border: solid 1px #fbe0b2; }
#news .inner span.new { margin-left: 0.25em; padding: 0 0.5em; background: #f63; border-radius: 3px; color: #fff; font-size: 1.2rem; }

@media screen and (max-width: 767px) {
  #news .title { margin-bottom: 7px; padding: 0; flex-direction: column; position: relative; }
  #news .title h2 { margin: 0 0 10px 15px; }
  #news .title ul { margin: 0 10px; border: none; border-radius: 0; flex-wrap: wrap; justify-content: space-between; }
  #news .title li { margin-bottom: 1%; width: 49%; height: 100%; border: solid 1px #ccc; }
  #news .title li a { padding: 10px 0; height: 100%; line-height: 1.3; }
  #news .title a.list { position: absolute; right: 20px; top: 5px; }
  #news .inner { padding: 0 15px; }
  #news .category { flex-wrap: wrap; gap: 10px; }
  #news .category ul { width: 100%; justify-content: space-between; gap: 0; }
  #news .news-list li { padding: 10px 0; border-bottom: dotted 1px #ccc; display: block; }
  #news .news-list .news-meta { margin-bottom: 0.25em; }
}
/*
#news { margin-bottom: 14px; padding: 14px 0; background: #fff; border: solid 1px #7d7d7d; }
#news .title { margin-bottom: 14px; padding: 0 20px 5px; border-bottom: solid 2px #288fd0; position: relative; }
#news .title h2 { font-size: 2rem; }
#news .title ul { list-style: none; position: absolute; left: 130px; bottom: 0; display: flex; }
#news .title li { margin-right: 5px; }
#news .title li a { padding: 0 20px; min-width: 108px; height: 28px; background: #93c7e7; color: #111; text-align: center; text-decoration: none; line-height: 30px; display: block; }
#news .title li a.active, #news div.title li a:hover { background: #288fd0; color: #fff; }
#news .title a.list { width: 76px; height: 24px; background: #288fd0; border-radius: 2px; color: #fff; font-size: 1.3rem; text-align: center; text-decoration: none; line-height: 24px; display: inline-block; position: absolute; bottom: 8px; right: 14px; }
#news .title a.list:hover { text-decoration: none; }
#news .title a.list span { padding-right: 11px; background: url(/img/common/arrowRightWhiteS.png) right center no-repeat; }
#news .inner { padding: 0 20px; }
#news .inner div.tab02, #news div.inner div.tab03 { display: none; }
#news .inner ul { list-style: none; }
#news .inner li { padding: 7px 0; }
#news .inner span { display: inline-block; }
#news .inner span.date { margin-right: 0.75em; }
#news .inner span.category { margin-right: 0.75em; width: 7em; text-align: center; }
#news .inner span.type01 { background: #ffb2b2; }
#news .inner span.type02 { background: #fbe0b2; }
#news .inner span.type03 { background: #beddf1; }
#news .inner span.type04 { background: #dfd7f5; }
#news .inner span.type05 { background: #c6d4c9; }
#news .inner span.new { margin-left: 0.25em; padding: 0 0.5em; background: #f63; border-radius: 3px; color: #fff; font-size: 1.2rem; }

@media screen and (max-width: 767px) {
  #news .title { margin-bottom: 7px; padding: 0; }
  #news .title h2 { margin: 0 0 10px 15px; }
  #news .title ul { text-align: center; position: static; }
  #news .title li { margin: 0 0 0 5px; display: inline-block; float: none; }
  #news .title li a { padding: 0 10px; min-width: auto; }
  #news .title a.list { top: 3px; bottom: auto; }
  #news .inner { padding: 0 15px; }
  #news .inner li { padding: 10px 0; border-bottom: dotted 1px #ccc; }
  #news .inner span.date, #news div.inner span.category { margin-bottom: 0.25em; }
  #news .inner span.category { margin-right: 0; font-size: 95%; }
  #news .inner a::before { content: '\A'; white-space: pre; }
}
*/

/* --------------------------------------------------
	PICK UP
-------------------------------------------------- */

#pickup { margin-bottom: 24px; padding: 14px 0; background: #fff; border: solid 1px #7d7d7d; }
#pickup .title { padding: 0 20px 7px; }
#pickup .title h2 { font-size: 2rem; }
#pickup .inner { padding: 0 20px; position: relative; }
#pickup .inner .arrows { width: 100%; position: absolute; top: 60px; left: 0; }
#pickup a.previous { margin-left: 5px; float: left; }
#pickup a.previous img { width: 30px; height: auto; }
#pickup a.next { margin-right: 5px; float: right; }
#pickup a.next img { width: 30px; height: auto; }
#pickup .slide-item { padding-right: 10px; width: 179px !important; }
#pickup .slide-item img { margin-bottom: 5px; width: 100%; }
#pickup .slide-item p { margin: 0 5px; }
#pickup .slide-item .date { margin: 5px 5px 0; font-size: 1.3rem; display: block; }

@media screen and (max-width: 767px) {
  #pickup .title { padding: 0 15px 10px; }
  #pickup .inner { padding: 0 15px; }
  #pickup .slide-item { padding: 0 5px; }
}

/* --------------------------------------------------
	ASIDE
-------------------------------------------------- */

aside div.schedule { margin-bottom: 14px; background: #fff; border: solid 1px #288fd0; text-align: center; }
aside div.schedule div.title strong { margin-bottom: 7px; padding: 4px 0; background: #288fd0; color: #fff; font-size: 1.6rem; display: block; }
aside div.schedule div.inner { padding: 0 14px; }
aside div.schedule div.inner strong { padding: 3px 0; background: #93c7e7; display: block; }
aside div.schedule div.inner p { margin: 3px 0; fonty-size: 110%; font-weight: bold; }
aside div.calendar { margin-bottom: 14px; background: #fff; border: solid 1px #288fd0; text-align: center; }
aside div.calendar div.title strong { margin-bottom: 7px; padding: 4px 0; background: #288fd0; color: #fff; font-size: 1.6rem; display: block; }
aside div.calendar div.inner { padding: 0 7px; }
aside div.calendar div.tab { border-bottom: solid 4px #288fd0; }
aside div.calendar div.tab ul { width: 246px; list-style: none; }
aside div.calendar div.tab li { margin-right: 2px; width: 80px; float: left; }
aside div.calendar div.tab li a { padding: 2px 0 0; background: #93c7e7; border-top: solid 3px #fff; border-bottom: solid 1px #fff; color: #333; text-align: center; text-decoration: none; display: block; }
aside div.calendar div.tab li a.active, aside div.calendar div.tab li a:hover { background: #288fd0; border-top: solid 3px #288fd0; border-bottom: solid 1px #288fd0; color: #fff; }
aside div.calendar div.tab02, aside div.calendar div.tab03 { display: none; }
aside div.calendar div.navi { margin: 8px 7px; }
aside div.calendar div.navi ul { width: 100%; list-style: none; display: flex; align-items: center; }
aside div.calendar div.navi li { width: 80%; font-weight: bold; line-height: 1; }
aside div.calendar div.navi li.previous { width: 10%; }
aside div.calendar div.navi li.next { width: 10%; float: }
aside div.calendar div.navi li a { padding: 3px; text-align: center; display: inline-block; }
aside div.calendar div.navi li img { width: 8px; height: auto; }
aside div.calendar div.cal {}
aside div.calendar div.cal table { width: 100%; }
aside div.calendar div.cal th { padding: 1px 3px; background: #dcdcdc; }
aside div.calendar div.cal td { padding: 1px 3px; font-size: 1.3rem; }
aside div.calendar td.type1 { background: #ffcdf1; }
aside div.calendar td.type2 { background: #bbdd99; }
aside div.calendar td.type3 { background: #2a9219; color: #fff; }
aside div.calendar td.type4 { background: #57cadf; }
aside div.calendar td.type5 { background: #8ece4a; }
aside div.calendar td.type6 { background: #e8cf59; }
aside div.calendar td.type7 { background: #f5bf94; }
aside div.calendar td.type8 { background: #b5bced; }
aside div.calendar td.type9 { background: #9bc5d9; }
aside div.calendar td.type10 { background: #6ffdda; }
aside div.calendar td.type11 { background: #e2d6bf; }
aside div.calendar td.type12 { background: #cad4d2; }
aside div.calendar td.type13 { background: #ed8a9c; }
aside div.calendar div.colour { margin: 7px 1px; padding: 2px 3px; border: solid 1px #dcdcdc; }
aside div.calendar div.colour ul { list-style: none; }
aside div.calendar div.colour li { margin: 1px 0; padding-left: 24px; width: 50%; text-align: left; float: left; position: relative; overflow: hidden; box-sizing: border-box; }
aside div.calendar div.colour li::before { content: ''; width: 20px; height: 2.6rem; display: block; position: absolute; top: 0; left: 0; }
aside div.calendar div.colour li.type1::before { background: #ffcdf1; }
aside div.calendar div.colour li.type2::before { background: #bbdd99; }
aside div.calendar div.colour li.type3::before { background: #2a9219; }
aside div.calendar div.colour li.type4::before { background: #57cadf; }
aside div.calendar div.colour li.type5::before { background: #8ece4a; }
aside div.calendar div.colour li.type6::before { background: #e8cf59; }
aside div.calendar div.colour li.type7::before { background: #f5bf94; }
aside div.calendar div.colour li.type8::before { background: #b5bced; }
aside div.calendar div.colour li.type9::before { background: #9bc5d9; }
aside div.calendar div.colour li.type10::before { background: #6ffdda; }
aside div.calendar div.colour li.type11::before { background: #e2d6bf; }
aside div.calendar div.colour li.type12::before { background: #cad4d2; }
aside div.calendar div.colour li.type13::before { background: #ed8a9c; }
/*
aside div.status { margin-bottom: 14px; padding: 4px; background: #c93; border-radius: 4px; }
aside div.status a { padding: 5px 10px 10px; border: solid 1px #fff; border-radius: 3px; color: #fff; text-align: center; text-decoration: none; display: block; }
aside div.status strong { padding: 10px 0 10px 40px; background: url(/img/home/iconInformation.png) 0 center no-repeat; color: #fff; font-size: 2rem; font-weight: normal; display: inline-block; }
aside div.status hr { height: 0; border: 0; }
aside div.status ul { list-style: none; display: inline-block; }
aside div.status li { padding-left: 14px; background: url(/img/common/arrowRightWhite.png) 0 center no-repeat; background-size: auto 12px; font-size: 1.5rem; text-align: left; }
aside a.howto { margin-bottom: 14px; background: #4b2d1c; border-radius: 4px; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; display: block; }
aside a.howto span { padding-left: 50px; height: 60px; background: url(/img/home/iconHowto.png) 0 center no-repeat; line-height: 60px; display: inline-block; }
*/
aside a.enquete { margin-bottom: 14px; background: #336; border-radius: 4px; color: #fff; font-size: 1.6rem; font-weight: bold; text-align: center; display: block; }
aside a.enquete span { padding-left: 45px; height: 60px; background: url(/img/home/iconEnquete.png) 0 center no-repeat; line-height: 60px; display: inline-block; }
aside a.x { margin-bottom: 14px; background: #419be5; border-radius: 4px; color: #fff; font-size: 1.6rem; font-weight: bold; line-height: 1.2; text-decoration: none; display: flex; align-items: center; justify-content: center; }
aside a.x span { padding-left: 55px; height: 60px; background: url(https://www.lib.fukuoka-u.ac.jp/img/home/iconX.png) 0 center no-repeat; text-align: center; display: flex; align-items: center; justify-content: center; }


@media screen and (max-width: 767px) {
aside div.schedule, aside div.calendar { display: none; }
/*aside div.twitter iframe { width: 100% !important; }*/
}