@charset "UTF-8";

/*----------------------------------------------------*/ 
/* heading
-----------------------------------------------------*/ 
#posts h2:not([class]) {
	background:#FCE0EC;
	border-left:6px solid #F1659F;
	box-sizing:border-box;
	font-size:2.6rem;
	font-weight:500;
	margin-bottom:1.2em;
	padding:5px 20px 5px 27px;
	position: relative;
}

#posts h2:not([class]):before {
	content: "";
	width: 7px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}

#posts h3:not([class]) {
	font-size:2.6rem;
	font-weight:500;
	margin-bottom:1em;
	padding-left:27px;
	border-left: 6px solid #F1659F;
}

#posts h4:not([class]) {
	color:#F1659F;
	font-size:1.9rem;
	font-weight:500;
	margin-bottom:.6em;
}

#posts h5:not([class]) {
	box-sizing:border-box;
	font-weight:500;
	margin-bottom:.6em;
	padding-left:20px;
	position:relative;
}

#posts h5:not([class]):before {
	background:url(/lib/img/cmn/icon_hd_03_pk.png) no-repeat;
	background-size:15px 15px;
	content:"";
	height:15px;
	left:0;
	position:absolute;
	top:.3em;
	width:15px;
}

#contents.topics .htype01:before,
#contents.subsidy .htype01:before,
#contents.takaraduka .htype01:before {
  background: url(/lib/img/cmn/icon_topics.png) no-repeat;
  content: "";
  height: 60px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
  top: 60px;
  width: 60px;
}

#side.posts h2 {
  background: url(/lib/img/cmn/bg_side_tit_pink.png) center center no-repeat;
}

#side.posts h2 a {
	text-decoration: none;
}



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

#posts h2 {
	font-size:1.6rem;
	padding:5px 10px 5px 14px;
}

#posts h2:before {
	width: 4px;
}

#posts h3 {
	font-size:1.6rem;
	margin-bottom:.8em;
	padding-left:14px;
}

#posts h4 {
	font-size:1.4rem;
}
	
#side.posts h2 {
	background-size: 33px auto;
}


}

/*----------------------------------------------------*/ 
/* list
-----------------------------------------------------*/ 

#posts ul:not([class]) {
	margin-bottom: 2em;
}

#posts ul:not([class]) > li {
	padding-left:1em;
	position:relative;
	line-height: 1.9;
}

#posts ul:not([class]) > li:before {
	background:url(/lib/img/cmn/icon_list01.png) no-repeat;
	background-size:8px 8px;
	content:"";
	height:8px;
	left:.3em;
	position:absolute;
	top:.8em;
	width:8px;
}

#posts ul.entry_list > li {
	line-height: 1.3;
	padding-left:0;
	border-bottom: solid 1px #ccc;
}

#posts ul.entry_list > li:before,
#posts ul.category > li:before {
	display: none;
}

#posts ul.entry_list > li a {
	display: block;
	padding: 15px 20px 15px 5px;
	position: relative;
	text-decoration: none;
}

#posts ul.entry_list > li a:after {
	background:url(/lib/img/cmn/icon_arrow_01.png) no-repeat;
	background-size:16px 16px;
	content:"";
	height:16px;
	margin-top:-8px;
	position:absolute;
	right:5px;
	top:50%;
	width:16px;
}

#posts ul.entry_list > li .date {
	font-size: 1.3rem;
	display: inline-block;
}

#posts ul.entry_list > li .category {
	display: inline-flex;
	margin-bottom: 0;
}

#posts ul.entry_list > li .category li {
	font-size: 1.2rem;
	padding: 0 15px;
	background: #C5C5C5;
	color: #fff;
	margin-left: 10px;
	border-radius: 3px;
	line-height: 1.6;
}

#posts ul.entry_list > li .category li.news {
	background: #FF9400;
}

#posts ul.entry_list > li .category li.lecture {
	background: #F1659F;
}

#posts ul.entry_list > li .category li.disaster {
	background: #C5C5C5;
}

#posts ul.entry_list > li .category li.takaraduka {
	background: #00C2C8;
}

#posts ul.entry_list > li .category li.shakyou,
#posts ul.entry_list > li .category li.other {
	background: #FF9400;
}

#posts ul.entry_list > li .category li.event {
	background: #FF9400;
}

#posts ul.entry_list > li .category li.recruit_news {
	background:#9A7DC7;
}

#side.posts .categorylist {
  padding: 0 22px 0 34px;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

#side.posts .categorylist > li:first-child {
  border-top: none;
}

#side.posts .categorylist > li > a {
  display: block;
  padding: 10px 25px 10px 0;
  position: relative;
}

#side.posts .categorylist > li > a:after {
  content: "";
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 16px;
  background: url(/lib/img/cmn/icon_arrow_01.png) no-repeat;
  background-size: 16px 16px;
}


/*----------------------------------------------------*/ 
/* table
-----------------------------------------------------*/ 
#posts table {
	border-left:1px solid #d1d1d1;
	border-top:1px solid #d1d1d1;
	margin:5px 0;
	width:100%;
}

#posts table th {
	background:#FCE0EC;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	font-weight:normal;
	padding:10px 20px;
	text-align:center;
	vertical-align:top;
	width:25%;
}

#posts table td {
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	padding:10px 20px;
	vertical-align:top;
}

#posts table.thleft th {
	text-align:left;
}

#posts table.narrow th {
	font-size:1.4rem;
	padding:4px 6px;
	text-align:left;
}

#posts table.narrow td {
	font-size:1.4rem;
	padding:4px 6px;
}


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

#posts table th {
	padding:8px 10px;
}

}

/*----------------------------------------------------*/ 
/* pager
-----------------------------------------------------*/ 

.pager {
	position:relative;
	text-align:center;
	letter-spacing:-.40em;
	margin-top: 30px;
}

.pager li {
	display:inline-block;
	letter-spacing:normal;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1;
	margin:0 4px;
}

.pager li a,
.pager li span {
	border:1px solid #d1d1d1;
	display:block;
	padding:8px 12px;
	position:relative;
}

.pager li a:hover {
	background:#fde4f3;
	border:1px solid #fde4f3;
	text-decoration:none;
}

.pager li span {
	border:none;
}

/* pagelink */

.pagelink {
	display: flex;
	justify-content: space-between;
}

.pagelink li {
	line-height:1.2;
	padding: 0;
}

.pagelink li a {
	border:1px solid #d1d1d1;
	display:block;
	padding:12px 28px;
	position:relative;
}

.pagelink li a:hover {
	background:#fde4f3;
	border:1px solid #fde4f3;
	text-decoration:none;
}

.pagelink li.prev a {	padding-left:48px;}
.pagelink li.next a {	padding-right:48px;}

.pagelink li.prev a:before,
.pagelink li.next a:before {
	background:url(/lib/img/cmn/icon_arrow_01.png) no-repeat;
	background-size: 16px auto;
	content:"";
	height:16px;
	margin-top:-8px;
	position:absolute;
	top:50%;
	width:16px;
}

.pagelink li.prev a:before {
	left:15px;
	transform: rotate(-180deg);
}

.pagelink li.next a:before {
	right:15px;
}


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

.pager {
	margin-bottom:0;
	padding:0 0 90px;
}

.pager li {
	font-size:1.2rem;
	margin:0 3px;
}

.pager li:last-child {
	margin:0;
}

.pager li a,
.pager li span {
	padding:6px 8px;
}

/* pagelink */

.pagelink {
	margin-bottom:0;
	padding:0 0 90px;
}

.pagelink li {
	font-size:1.2rem;
	margin:0 14px 0 0;
}

.pagelink li:last-child {
	margin:0;
}

.pagelink li a {
	padding:9px 14px;
}

.pagelink li a:before {
	background-size:15px 15px;
	width: 15px;
	height: 15px;
	margin-top:-8px;
}

.pagelink li.prev a {	padding-left:30px;}
.pagelink li.next a {	padding-right:30px;}

}

/*----------------------------------------------------*/ 
/* lead
-----------------------------------------------------*/
.lead{margin-bottom: 40px;}

@media only screen and (max-width:767px) {
	.lead{margin-bottom: 20px;}
}