@charset "utf-8";

/* ==================================================
elements
================================================== */
.pressList li a span.date {
}
.pressList li a span.date:after {
  display: inline-block;
  min-width: 100px;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pressList li.icon--personal a span.date:after{ content: "個人のお客さま"; background: #4DADD9;}
.pressList li.icon--business a span.date:after{ content: "法人のお客さま"; background: #787878;}
.pressList li.icon--aboutus a span.date:after{ content: "福井銀行について"; background: #f27c35;}
.pressList li.icon--ir a span.date:after{ content: "株主・投資家のみなさま"; background: #083E8C;}
.pressList li.icon--seminar a span.date:after{ content: "セミナー"; background: #9AC63D;}
.pressList li.icon--campaign a span.date:after{ content: "キャンペーン"; background: #F29898;}
.pressList li.icon--corp a span.date:after{ content: "法人のお客さま"; background: #787878;}
.pressList li.icon--csr a span.date:after{ content: "地域のみなさま"; background: #8568E2;}

/* ==================================================
infoList
================================================== */
.infoList li {
  width: 100%;
  background: #f8f8f8;
}
.infoList li:nth-child(even) {
  background: #fff;
}
.infoList li a,
.infoList li > span {
  display: table;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
.infoList li a span.date,
.infoList li > span span.date {
  display: inline-block;
  vertical-align:middle;
  width: 100%;
  padding: 0;
  color: #6d7680;
}
.infoList li a span.target,
.infoList li > span span.target {
  display: inline-block;
  padding: 10px 0;
  color: #6d7680;
}
.infoList li a span.category,
.infoList li > span span.category {
  display: inline-block;
  padding: 10px 0;
  color: #6d7680;
}
.infoList li a span.read,
.infoList li > span span.read {
  display: inline-block;
  vertical-align:middle;
  padding: 10px 0;
}
.infoList li a span.read {
  color: #1d3550;
}
.infoList li > span span.read {
  color: #6d7680;
}
.infoList li a.pdf,
.infoList li > span.pdf {
  background: url(/common/images/icon_pdf1.svg) no-repeat right 8px center;
  background-size: 24px 12px;
}
.infoList li a.blank,
.infoList li > span.blank {
  background: url(/common/images/icon_blank_blue.svg) no-repeat right 12px center;
  background-size: 15px 15px;
}
.infoList li a:hover {
  opacity: .7;
}

.infoList li .target,
.infoList li .category {
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
}

.infoList .icon--personal{
  background: #4DADD9;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
  padding: 2px 10px;
  line-height: 1.4;
}
.infoList .icon--business{
	background: #787878;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
  padding: 2px 10px;
  line-height: 1.4;
}
.infoList .icon--ir{
	background: #083E8C;
  color: #fff;
  letter-spacing: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
  padding: 2px 7px 2px 13px;
  line-height: 1.4;
}

.infoList .category .icon--caution{
	background: #bd1609;
  color: #fff;
  width:80%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 38px;
  line-height: 1.4;
}
.infoList .icon--press{
	background: #4676ce;
  color: #fff;
  letter-spacing: -2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 10px;
  line-height: 1.4;
}