@charset "UTF-8";
/* CSS Document */
.topics_kinkiArea .desc01 .inner {
    padding: 80px 20px 20px;
}
.topics_kinkiArea .inner h2{
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.08em;
    padding-left: 20px;
    border-left: 8px solid #93A6CF;
}
.topics_kinkiArea .desc01 .inner ul{
    padding: 30px 20px 10px;
}
.topics_kinkiArea .desc01 .inner ul li{
    display: flex;
    margin-bottom: 16px;
}
.topics_kinkiArea .desc01 .inner ul li p.txt{
    padding-left: 30px;
}

/*singleArea*/
.singleContainer .inner {
  padding: 80px 20px 0;
}
.singleContainer .inner p {
  margin-bottom: 10px;
}
.singleContainer .inner img {
  height: auto;
}
.singleContainer .inner h3 {
	font-weight: bold;
	color: #000;
	font-size: 20px;
	padding-left: 22px;
	border-left: 8px solid #93A6CF;
	margin: 20px 0 15px;
}
.singleContainer .inner .txtArea {
	padding: 20px 25px;
	margin-bottom: 10px;
}
/*ページャー*/
.pager {
  font-size: 15px;
  padding: 30px 0px;
  text-align: center;
}
.pager span,
.pager a {
  margin-left: 20px;
  padding: 5px 10px;
  font-size: 12px;
  color: #888;
}
.pager span:hover,
.pager a:hover {
  background-color: #818281;
  color: #fff;
}
.pager .current {
  background-color: #818281;
  color: #fff;
}
.pager .next,
.pager .prev {
  border: none;
}
.pager .next:hover,
.pager .prev:hover {
  color: #818281;
  background-color: transparent;
}
.pager {
  overflow: hidden;
}
.pager .prev {
  float: left;
}
.pager .next {
  float: right;
}
.pager .prev a,
.pager .next a {
  color: #777;
}
.pager .prev a:hover,
.pager .next a:hover {
  opacity: .7;
  background-color: transparent;
}

@media screen and (max-width: 767px) {
	.topics_kinkiArea .inner h2 {
			font-size: 19px;
			letter-spacing: inherit;
			padding-left: 12px;
			border-left: 7px solid #93A6CF;
			}
	.topics_kinkiArea .desc01 .inner{
			padding: 0 5vw 40px;
	}
	.topics_kinkiArea .desc03 .inner{
			padding: 20px 5vw 30px;
	}
	.topics_kinkiArea .desc01 .inner ul{
			padding: 30px 0 10px;
	}
	.topics_kinkiArea .desc01 .inner ul li{
			display: block;
			margin-bottom: 20px;
	}
	.topics_kinkiArea .desc01 .inner ul li:last-child{
			margin-bottom: 0px;
	}
	.topics_kinkiArea .desc01 .inner ul li p.txt{
			padding: 2px 0 0 0;
	}
	.singleContainer .inner {
			padding: 0px 5vw 20px;
	}
	.singleContainer .inner h3 {
			font-size: 16px;
	}
}