@charset "utf-8";
/* CSS Document */

.news .flex { 
	max-width: 550px; 
	width: 100%; 
}

.news a { 
	font-size: 0.9em; 
}

/* 下線 */
.news-item { 
	border-bottom: 1px dotted #444; 
	padding-bottom: 5px; 
}

/* 見出し */
article {
    padding: 0 10px 5px 10px;
    display: flex;
    flex-direction: column;
}
@media (min-width:760px){
	article { 
		flex-direction: row; 
	    align-items: center; 
	    gap: 20px; 
	    cursor: pointer;
	}
}

article time { 
	color: var(--main); 
	font-weight: 600; 
}

/* ニュースカテゴリタグ */
.tag{
    display: inline-block;
    border-radius: 999px;
    text-align: center;
    padding: 0 10px;
    background-color: #fff;
    margin-left: 10px;
    width: 90px;
}

.tag-restrant{
	background-color: #FFEDED;
}

.tag-dogrun{
	background-color: #E3FBFF;
}

.tag-topic{
	background-color: #FFF2DA;
}

.tag-other{
	background-color: #E9E9E9;
}


/*==================  アコーディオン ==================*/
/* パネル */
.accordion-panel{
  display: none;
  padding: 10px;
  background-color: rgba(239, 237, 228, .5);
  border-radius: 10px;
}
.accordion-panel p { 
	font-size: .9em; 
}
.accordion-panel a { 
	font-size: inherit; 
	text-decoration: underline; 
}

.accordion-header.is-open { 
	cursor: default; 
}

/* 開閉ボタン（右端固定）＋アイコン中央合わせ */
.accordion-header{
  --btn: 1.5em;   /* 丸ボタン直径 */
  --icon: 0.6em;  /* アイコンサイズ */
  position: relative;
  padding-right: calc(var(--btn) + 10px);
  overflow: visible;
  z-index: 1;
}

/* 丸い台座 */
.accordion-header::after{
  content: ""; position: absolute; 
	top: 50%; 
	right: 0; 
	transform: translateY(-50%);
    width: var(--btn); height: var(--btn); 
	border-radius: 999px; 
	background-color: var(--main);
    display: grid; 
	place-items: center; 
	transition: transform .3s; 
	z-index: 2;
}

/* 矢印（直線2本） */
.accordion-header::before{
    content: ""; 
	position: absolute; 
	top: 50%;
    right: calc((var(--btn) - var(--icon)) / 2);
    transform: translateY(-50%) rotate(45deg);
    width: var(--icon); 
	height: var(--icon);
    border-right: 1px solid #fff; 
	border-top: 1px solid #fff;
    transition: transform .3s; 
	z-index: 3;
}

/* 開いたら「∨」に回転 */
.accordion-header.is-open::before{ 
	transform: translateY(-50%) rotate(135deg); 
}

/*==================  ページ切り替えボタン ==================*/
/* news セクションを縦並び。ページャは常に内側の下へ */
.news .inner{
  display: flex;
  flex-direction: column;
}

/* 一覧は伸縮可。min-height は JS が設定します */
.news .news-list{
  flex: 1 0 auto;
}
.pager{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:center;
  padding:16px 0;
}
.pager .page-btn{
	font-family: var(--font-en);
  display:inline-grid;
  place-items:center;
  inline-size:1.8em;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--base);
  color:#444;
  line-height:1;
  cursor:pointer;
  user-select:none;
}

.pager .page-btn.is-active{
  background:var(--main);
  color:#fff;
}

.pager .page-btn:hover{ 
	filter:brightness(.95); 
}

.pager .ellipsis{
  inline-size:auto; 
	padding:0 6px; 
	background:transparent; 
	color:#ccc; 
	cursor:default;
}
.pager .nav-btn{
  inline-size:2.2em; 
	aspect-ratio:1; 
	border-radius:999px;  
	color:#444;
    display:grid; 
	place-items:center; 
	cursor:pointer;
}

.pager .nav-btn[aria-disabled="true"]{ 
	opacity:.35; 
	pointer-events:none; 
}