/* article header
____________________________________________________ */
.mynews-header {
	width: 100%;
	padding: 0;
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
}
.mynews-header .caption {
	display: flex;
	justify-content: flex-start;
	font-size: min(4.5vw, 24px);
    text-align: justify;
	font-weight: 700;
	color: rgba(var(--color00),1);
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-bottom: 0.5em;
}
.mynews-header .caption::before {
	margin-right: 0.5em;
}
@media ( min-width: 1281px ) {
	.mynews-header {
		margin-bottom: 3rem;
	}
}

.local-anchor {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  color: rgba(var(--color01),1);
  margin-bottom: 1.5rem;
}
.local-anchor li {
  font-size: min(4vw, 16px);
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.local-anchor li:not(:last-child)::after {
    content: "／";
    font-weight: 400;
    cursor: default;
    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
}
.local-anchor li a {
  color: rgba(var(--color00),1);
  font-weight: 700;
  display: block;
}

/* mynews tabs
____________________________________________________ */
.area-select {
	padding: 0;
	background: rgba(var(--color02),1);
	display: flex;
	align-items: center;
	width: 100%;
  background: transparent;
  overflow-y: visible;
  overflow-x: visible;
  margin-bottom: 3rem;
  position: relative;
}
.area-select ul {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
.area-select ul li {
	color: rgba(var(--color01),1);
	background: rgba(var(--color02),1);
	display: flex;
	justify-content: center;
	align-items: center;

	font-weight: 700;
  line-height: 1.4;
	text-align: center;
	cursor: pointer;
	transition: all 0.25s ease;

	flex: 1 1 auto;
	font-size: min(3.5vw, 16px);
	padding: 1.25em 1em;
	position: relative;
	border: 1px solid rgba(var(--color01),1);
	background: rgba(var(--color02),0.35);
	margin: 0 0.25rem;
	border-radius: 10px;
}
.area-select ul li.current,
.area-select ul li:hover {
	color: rgba(var(--color08),1);
	background: rgba(var(--color01),1);
}
.area-select ul li.current::after {
	content: '';
	width: 1rem;
	height: 1rem;
	clip-path: polygon(100% 0, 0 0, 50% 50%);
	position: absolute;
	top: 100%;
	background: rgba(var(--color01),1);
}
.area-select ul li a {
	color: rgba(var(--color01),1);
}
.area-select ul li.current a,
.area-select ul li:hover a {
	color: rgba(var(--color08),1);
}
@media ( min-width: 641px ) {
	.area-select {
		padding: 0;
	}
	.area-select ul {
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}
}

/* mynews sub column
____________________________________________________ */
.mynews-sub {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	position: relative;
	background: rgba(var(--color02),1);
}
.mynews-sub-headline {
	color: rgba(var(--color00),1);
	font-size: min(5vw, 20px);
	font-weight: 700;
	text-align: left;
	margin-bottom: 1rem;
}
.mynews-sub .article-list.type10 li {
	border-bottom: 1px solid rgba(var(--color01), 1);
}
.mynews-sub .article-list.type10 li:first-of-type {
	padding: 1rem 0 2rem 0;
}
.mynews-sub .article-list.type10 .detail .caption {
	color: rgba(var(--color01), 1);
}
.mynews-sub .mynews-sub-note {
	font-size: min(3.5vw, 16px);
	line-height: 1.6;
	color: rgba(var(--color00),1);
	text-align: justify;
	margin-bottom: 2rem;
}

.mynews-sub .btn-wrap {
	margin: 0;
	padding-bottom: 0;
}
.mynews-sub .btn-wrap .listmore {
	/* flex: 0 1 100%; */
	border: 1px solid rgba(var(--color01), 1);
	color: rgba(var(--color01), 1);
}




.odekakesearch {
	border: 2px solid rgba(var(--color01),1);
	padding: 1.5rem 1rem;
	margin-bottom: 2rem;
	border-radius: 7px;
}
.odekakesearch h2 {
	margin-bottom: 1rem;
}
.odekakesearch h2 img {
	width: 45%;
}
.odekakesearch ul {
  list-style: none;
  padding-left: 0;
}
.odekakesearch .select {
  width: 100%;
  margin-bottom: 10px;
  border: solid 1px rgba(var(--color01), 1);
	border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.odekakesearch .select.dateselector.expand {
  background-color: #eee;
  border-color: #eee;
}
.odekakesearch .select .searchmenu {
  width: 100%;
  height: 100%;
  display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
	text-align: center;
	padding: 1rem 0;
	color: rgba(var(--color01),1);
}
.odekakesearch .select .searchmenu::after {
	content: '';
	width: min(4vw, 1.5em);
	height: min(4vw, 1.5em);
	display: inline-block;
	position: absolute;
	right: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z" fill="%233471d6" /></svg>');
}
.odekakesearch .select .searchmenu.expandmenulabel::after {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M22.5 38V25.5H10v-3h12.5V10h3v12.5H38v3H25.5V38Z" fill="%233471d6" /></svg>');

}

.odekakesearch .select ul.expandmenudetail {
  max-height: 0px;
  overflow: hidden;
  padding: 0px 16px;
  -webkit-transition: max-height 0.5s, padding 0.5s;
  transition: max-height 0.5s, padding 0.5s;
}
.odekakesearch .select ul.expandmenudetail li:not(:last-child) {
  padding: 4px 8px;
  background-color: #fff;
  margin-bottom: 1px;
}
.odekakesearch .select ul.expandmenudetail input[type="date"] {
  margin-top: 16px;
  width: 100%;
  border: solid 1px #999;
  padding: 4px;
}
.odekakesearch .select ul.expandmenudetail.show {
  max-height: 400px;
  padding: 16px 16px;
  -webkit-transition: max-height 2s, padding 0.5s;
  transition: max-height 2s, padding 0.5s;
}
.odekakesearch .select ul.dropdownmenudetail {
  position: absolute;
  height: 0px;
  width: 100%;
  overflow: hidden;
  background-color: #eee;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  z-index: -1;
}
.odekakesearch .select ul.dropdownmenudetail li {
  line-height: 36px;
  padding: 0px 16px;
  background-color: #fff;
  margin-bottom: 1px;
}
.odekakesearch .select ul.dropdownmenudetail li:hover {
  color: rgba(var(--color08), 1);
  background-color: rgba(var(--color01), 1);
}
.odekakesearch .select ul.dropdownmenudetail.show {
  padding: 8px 14px;
  border: solid 1px #999;
  height: 390px;
  overflow: auto;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  z-index: 1;
}
.odekakesearch .odekakesearchbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	padding: 1rem 0;
	margin-top: 1rem;
  align-items: center;
  justify-content: center;
  color: rgba(var(--color08), 1);
	background: rgba(var(--color01), 1);
	border-radius: 5px;
  cursor: pointer;
}
.odekakesearch .odekakesearchbutton:hover {
  background: rgba(var(--color01), 0.75);
}
.odekakesearch .odekakesearchbutton span {
  padding: 0px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}


.area-check {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 1rem;
}
.area-check label {
	font-size: min(5vw, 20px);
	cursor: pointer;
	padding: 0.5rem 0;
}
.area-check label.locked {
	opacity: 0.5;
}
.area-check label [type="checkbox"] {
	width: min(5vw, 20px);
	height: min(5vw, 20px);
}

.selected-area {
	border: 1px solid #ccc;
	background: rgba(var(--color08),1);
	padding: 1rem;
	border-radius: 10px;
	margin: 1rem 0 0 0;
	position: sticky;
	top: 0;
	z-index: 1;
}
.selected-area ul li {
	font-size: min(5vw, 24px);
	padding: 0.5em 1rem;
}