@charset "UTF-8";

.p-select_menu *:after{
	display: none;
}

/*p-topics_index__list link*/
.p-topics_index{
	margin-bottom: 3.5rem;
	min-height: 400px;
}

.p-topics_index__list.link > li{
  padding-top: 0.875rem;
  padding-bottom: 0.6875rem;
  border-bottom: rgba(161,168,176,0.4) 1px solid;
  background-position: 0 1.1875rem;
  margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.p-topics_index__list > li .title {
  display: block;
	flex: 0 0 auto;
	width: calc(100% - 200px);
}
.p-topics_index__list .tags {
  position: relative;
	flex: 0 0 auto;
	width: 200px;
	flex-wrap: wrap;
	margin-top: -0.1875rem;
	top: 0rem;
}

.p-topics_index__list.link ul li{
  font-size: 0.875rem;
  display: inline-block;
  color: #fff;
  line-height: 1;
  /*border-radius: 1.25em;*/
	border-radius: 3px;
  padding: 0.3125em 1em 0.3125em;
  margin: 0.125rem;
  min-width: auto;
  background-image: none;
  cursor: pointer;
}

.p-topics_index__list a{
  /*color: #1d3994;*/
  text-decoration: none;
}
.p-topics_index__list.link li a:hover{
  text-decoration: none;
}

/*heading*/

h2.year_heading, h2.ctg_heading {
  margin: 1.25rem 0 1.5rem;
  line-height: 1.2;
  letter-spacing: 0.06em;
	font-family:"Roboto","Noto Sans JP","メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
h2.year_heading {
  color: #2296a8;
  font-size: 1.25rem;
}
h2.year_heading span {
  font-size: 2rem;
  margin-right: 0.1em;
}

h2.ctg_heading {
  font-size: 1.75rem;
	border-bottom: rgba(161,168,176,0.6) 1px solid;
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
  display: none;
}
h2.ctg_heading.is-appear {
  display:block;
}
h2.ctg_heading span {
  border-left: #ccc 4px solid;
  padding: 0px 0 0px 0.875rem;
  display: none;
}
h2.ctg_heading span.ctg_eco {
	border-color: #87AE23;
	display: block;
}
h2.ctg_heading span.ctg_region {
	border-color: #D48C25;
	display: block;
}
h2.ctg_heading span.ctg_education {
	border-color: #2FAD9E;
	display: block;
}
h2.ctg_heading span.ctg_culture {
	border-color: #6996DB;
	display: block;
}
h2.ctg_heading span.ctg_disaster {
	border-color: #AE74BC;
	display: block;
}


/*sp*/

.sp .p-topics_index__list > li .title {
	width: calc(100% - 5.5rem);
}
.sp .p-topics_index__list .tags {
	width: 4.5rem;
}