@charset "utf-8";
/* **************************************************

CSS Information
File Name : aic.css
Style Info: 学術情報センター 固有のスタイル指定
Date: 2017-11-28

************************************************** */
/* --------------------------------------------------
	共通ヘッダー
-------------------------------------------------- */
#globalHeader {
  padding: 10px 0;
}

#globalHeader .subHeader {
  margin: 5px 0 8px;
}

#globalHeader #siteID {
  padding: 0;
}

#globalHeader #siteID img {
  width: 290px;
  height: auto;
}

#btnTargetNavi {
  display: none !important;
}

#globalHeader .headerNavi {
  width: 560px !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width: 640px) {
  #globalHeader {
    position: relative;
    padding: 10px 0 0;
  }

  #globalHeader .subHeader {
    margin-bottom: 10px;
  }

  #globalHeader #siteID {
    max-width: 300px;
    margin: 0 auto;
    padding: 0 0 15px;
  }

  #globalHeader #headerSearch {
    width: 100%;
    margin-right: -80px;
  }

  #globalHeader #headerSearch form {
    width: auto;
    margin-right: 80px;
  }

  #globalHeader .headerNavi {
    width: 100% !important;
  }
}

/* --------------------------------------------------
	共通フッター
-------------------------------------------------- */
#globalFooter .footerAddress {
  text-align: left;
}

#globalFooter .footerAddress dt img {
  width: 200px;
}

@media screen and (max-width: 640px) {
  #globalFooter .footerAddress {
    text-align: center;
  }
}

/* --------------------------------------------------
	サイドテキストバナー
-------------------------------------------------- */
.sideTextBanner li .block {
  font-size: 1.3rem !important;
  line-height: 1.3;
}

.sideTextBanner li .block .bannerTitle {
  padding-left: 8px;
}

.sideTextBanner li .block .bannerTitle span {
  padding-right: 0;
}

/* --------------------------------------------------
	サイドテキスト
-------------------------------------------------- */
.sideText .piece {
  margin-bottom: 20px;
}

.sideText .pieceHeader {
  padding: 0;
  background: #4088b5;
  border-bottom: 3px solid #82756d;
  border-radius: 5px 5px 0 0;
  line-height: 1.3;
  color: #fff;
}

.sideText .pieceHeader h2 {
  display: block;
  padding: 15px 0 12px 10px;
  font-size: 1.5em;
}

.sideText .pieceBody {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 1.3em;
}

.sideTextList {
  margin: 8px 0;
}

.sideTextList p {
  padding: 8px 0;
}

.sideTextList p span {
  padding: 4px 8px;
}

/* --------------------------------------------------
	端末の使用状況
-------------------------------------------------- */
.sideMachineUsage table {
  margin: 8px 0;
}

.sideMachineUsage table th,
.sideMachineUsage table td {
  border: 1px solid #ddd;
  padding: 4px;
}

.sideMachineUsage table th {
  width: 70px;
  background: #c6e9f7;
}

.sideMachineUsage table td span {
  padding: 0 2px;
  color: #4088b5;
}

.sideMachineUsage p a {
  color: #1982d2;
}

/* --------------------------------------------------
	開館カレンダー
-------------------------------------------------- */
.sideOpenCalendar table {
  width: 100%;
  margin-bottom: 8px;
}

.sideOpenCalendar table caption {
  display: none;
}

.sideOpenCalendar table thead th {
  background-color: #106489;
  border: 1px solid #106489;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 6px 4px;
}

.sideOpenCalendar table tbody th,
.sideOpenCalendar table tbody td {
  border: 1px solid #aaa;
  padding: 6px 4px;
  text-align: center;
}

.sideOpenCalendar table tbody th {
  background: #c6e9f7;
}

.sideOpenCalendar table tbody td.blank {
  background: #ccc;
}

.sideOpenCalendar table tbody td.close {
  background: #fcc3cd;
}

.sideOpenCalendar table tbody td.off {
  background: #f7e9b2;
}

.sideOpenCalendar span.blank {
  color: #ccc;
}

.sideOpenCalendar span.close {
  color: #fcc3cd;
}

.sideOpenCalendar span.off {
  color: #f7e9b2;
}

/* --------------------------------------------------
	スマートフォン用サイドメジャー ナビ
-------------------------------------------------- */
#sideMajorNavi {
  margin-top: 20px;
}

/* --------------------------------------------------
	汎用Class
-------------------------------------------------- */
.pcOnly {
  display: block !important;
}

.spOnly {
  display: none !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width: 640px) {
  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: block !important;
  }

  .body .btn a {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/* --------------------------------------------------
	.categoryListExt - カテゴリーリスト（全幅）
-------------------------------------------------- */
.categoryListExt li {
  width: 700px !important;
}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*	メインビジュアル
-------------------------------------------------- */
#mainVisual {
  text-align: center;
}

#mainVisual .inner {
  width: 1020px;
}

#mainVisual img {
  width: 100%;
}

/*	お知らせ
-------------------------------------------------- */
.tabList .tabs {
  width: 100%;
}

.tabList .tabs span a {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tabList dt:before {
  width: 100px;
}

/* 連絡 */
dt.attrContact:before {
  display: inline-block;
  content: "連絡";
  width: 100px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #706ba5;
  color: #fff;
  text-align: center;
}

/* 講習?講演 */
dt.attrSeminar:before {
  display: inline-block;
  content: "講習?講演";
  width: 100px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #6ba573;
  color: #fff;
  text-align: center;
}

/* 障害情報 */
dt.attrTrouble:before {
  display: inline-block;
  content: "障害情報";
  width: 100px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #cc7cb4;
  color: #fff;
  text-align: center;
}

/* 停止連絡 */
dt.attrStop:before {
  display: inline-block;
  content: "停止連絡";
  width: 100px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #db9355;
  color: #fff;
  text-align: center;
}

/*	重要なお知らせ
-------------------------------------------------- */
/*
.importantNotice h2 {
	min-height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	background: url(/_themes/wakayama-u/aic/tmpl-img/ico_title_important01.png) no-repeat left center;
	font-size: 1.6em;
	font-weight: bold;
}

.importantNotice h2:before {
	content: "\e604";
	display: inline-block;
	margin-right: 8px;
	font-family: 'ico_wu_theme';
	color: #4088b5;
}

.importantNotice .pieceBody {
	border: 1px solid #ddd;
	padding: 29px 19px;
    background-color: #fff;
	margin-bottom: 30px;
}

.importantNotice .pieceBody li {
	padding: 12px 0;
    border-bottom: 1px dotted #cbcbcb;
    line-height: 1.3;
	font-size: 1.4em;
}

.importantNotice .pieceBody li:first-child {
	padding-top: 0;
}

.importantNotice .pieceBody li .attributes {
	font-size: 0.9em;
}

.importantNotice .pieceBody li .attributes .separator,
.importantNotice .pieceBody li .attributes .unit,
.importantNotice .feed,
.importantNotice .links {
	display: none;
}
*/
/*	#indexImportantNewsTabList - 重要なお知らせ
-------------------------------------------------- */
#aicImportantNewsTabList {
  margin-bottom: 30px;
}

#aicImportantNewsTabList h2 {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  background: url(/_themes/wakayama-u/aic/tmpl-img/ico_title_important01.png) no-repeat left center;
  font-size: 1.6em;
  font-weight: bold;
}
#aicImportantNewsTabList h2:before {
  content: "\e604";
  display: inline-block;
  margin-right: 8px;
  font-family: "ico_wu_theme";
  color: #4088b5;
}

#aicImportantNewsTabList .tabs {
  display: none;
}

#aicImportantNewsTabList .wrapper {
  padding: 9px 19px 19px;
  background: #fff;
  border: 1px solid #ddd;
}

#aicImportantNewsTabList dl {
  font-size: 1.4em;
}

#aicImportantNewsTabList dt {
  display: block;
  padding-top: 15px;
}

#aicImportantNewsTabList dd {
  padding: 10px 0;
  border-bottom: 1px dotted #cbcbcb;
}

#aicImportantNewsTabList dd a {
  display: inline-block;
  color: #005ac8;
  line-height: 1.3;
}

#aicImportantNewsTabList dd a:hover {
  color: #ff9800;
  text-decoration: underline;
}

#aicImportantNewsTabList dl dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* お知らせ */
#aicImportantNewsTabList dl dt:before {
  display: inline-block;
  content: "重要";
  width: 80px;
  margin-right: 10px;
  padding: 3px 0;
  background-color: #003461;
  color: #fff;
  text-align: center;
}

#aicImportantNewsTabList dl .attributes,
#aicImportantNewsTabList dl .unit {
  display: none;
}

/* --------------------------------------------------
	SNSリンク
-------------------------------------------------- */
#aicSnsLink {
  margin-bottom: 20px;
  text-align: right;
}

/* --------------------------------------------------
	Joruri CMS 2020
-------------------------------------------------- */
.tabList .category span:not(:last-child),
.contentGpArticleDocs span.category span:not(:last-child),
.contentGpCategory span.category span:not(:last-child) {
  display: none;
}

.tabList .category span.zokusei-seminar,
.contentGpArticleDocs .category span.zokusei-seminar,
.contentGpCategory .category span.zokusei-seminar {
  background-color: #6ba573;
}

.tabList .category span.zokusei-stop,
.contentGpArticleDocs .category span.zokusei-stop,
.contentGpCategory .category span.zokusei-stop {
  background-color: #db9355;
}

.tabList .category span.zokusei-trouble,
.contentGpArticleDocs .category span.zokusei-trouble,
.contentGpCategory .category span.zokusei-trouble {
  background-color: #cc7cb4;
}

.tabList .category span.zokusei-contact,
.contentGpArticleDocs .category span.zokusei-contact,
.contentGpCategory .category span.zokusei-contact {
  background-color: #706ba5;
}

/*	#aicImportantNewsTabList - 重要なお知らせ
-------------------------------------------------- */
#aicImportantNewsTabList {
  margin-bottom: 30px;
}

#aicImportantNewsTabList h2 {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  padding-left: 26px;
  background: url(/_themes/wakayama-u/aic/tmpl-img/ico_title_important01.png) no-repeat left center;
  color: #003461;
  font-size: 1.6em;
  font-weight: bold;
}

#aicImportantNewsTabList .tabs {
  display: none;
}

#aicImportantNewsTabList .wrapper {
  padding: 19px 19px 9px;
  background: #fff;
  border: 1px solid #ddd;
}

#aicImportantNewsTabList .content li {
  margin-bottom: 15px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #cbcbcb;
}

#aicImportantNewsTabList .content li {
  font-size: 1.5rem;
  line-height: 1.6;
}

#aicImportantNewsTabList .content .publish_date:before {
  display: inline-block;
  content: "重要";
  width: 120px;
  margin-right: 10px;
  padding: 0;
  background-color: #003461;
  color: #fff;
  text-align: center;
}

#aicImportantNewsTabList .content li:last-child {
  margin-bottom: 0px;
  padding-bottom: 6px;
  border-bottom: none;
}

#aicImportantNewsTabList .content li a {
  color: #005ac8;
}

#aicImportantNewsTabList .tabBlock {
  display: flex;
  gap: 6px 1rem;
  flex-basis: 100%;
  margin-bottom: 8px;
}

#aicImportantNewsTabList span.category {
  width: 70px;
  margin-right: 22px;
  text-align: center;
}

#aicImportantNewsTabList .category span {
  display: inline-block;
  width: 100%;
  padding: 2px 10px;
  color: #fff;
}