/* CSS Document */

ul.news{border-top: solid 1px var(--color-K-Lc);}
ul.news li{border-bottom: solid 1px var(--color-K-Lc); position: relative;
	font-size: 18px; padding: 1em 25px;
	gap: 0.5em 0; display: flex; align-items: baseline;
}
ul.news li *{line-height:33px;}
ul.news li time{width:6em; min-width:6em;}
ul.news li .cate_set{margin-right: 1.5em;}
.cate_set{gap: 2px; display: flex;}
ul.news li .cate_set{flex-direction: column;}
.cate_set *[c]{background-color:var(--color-K); color:#FFF; font-size:13px;
width:110px; min-width: 110px; text-align: center;}
.cate_set *[c]::before{content:attr(c);}
.cate_set *[c="お知らせ"]{background-color:var(--color-G);}
.cate_set *[c*="障害"]   {background-color:var(--color-R);}
.cate_set *[c*="メンテ"] {background-color:var(--color-B);}
ul.news li a{flex-grow: 1; padding-right: 2em; gap: 1em; display: flex; justify-content: space-between;}
ul.news li a:hover{color:var(--color-O);}
ul.news li img[src*="arrow-"]{width:auto; height:1em; position: absolute; inset:0 auto; right:25px; margin: auto 0;}
section.news_main ul.news li{flex-wrap: wrap;}
section.news_main ul.news li time{width:auto; min-width: auto; order:2;}
section.news_main ul.news li time + div{margin-right: 1.5em; order:1;}
section.news_main ul.news li a{width:100%; order:3;}
@media screen and (max-width: 999px) {
	ul.news li{font-size: 16px; padding: 1em 0; position: relative; flex-wrap: wrap;}
	ul.news li *{line-height:26px;}
	ul.news li time{width:5em; min-width:5em;}
	ul.news li *[c]{margin-right: 0;}
	ul.news li a{width:100%;}
	ul.news li a > div{max-width: calc(100% - 2em); max-height: 26px;
    overflow: hidden;
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
	ul.news li img[src*="arrow-"]{position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;}
}

section.news_main{}
section.news_main .inner{
	padding-top: calc(100 * var(--responsive-50per));
	padding-bottom: calc(40 * var(--responsive-50per) + var(--bg-oval-pad));
}
/*
section.news_main .btn_back{margin-top: var(--bg-oval-pad);
display: flex; justify-content: center; align-items: center;}
*/

.pageindex{margin-top: calc(150 * var(--responsive-50per)); color: var(--color-K-L);}
.pageindex *{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pageindex dl{
	font-size: 1em;
	font-weight: 700;
	/* font-family: var(--font-en); */
	gap: 1.75em;
}
.pageindex dl *{line-height: 1em; text-box-trim: none;}
.pageindex dl > div{max-width: calc(100% - 5.5em); gap: 1em;}
.pageindex dl .arrow{gap: 1.25em;}
.pageindex dl .arrow svg{margin-bottom: calc(-1em * 2 / 16);}
.pageindex dl .prev > * svg{transform: scaleX(-1);}
.pageindex dl .next > * svg{}
.pageindex dl > div dd > *{background-color: #FFF; width: 2.75em; height: 2.75em; border-radius: 2px;}
.pageindex dl dd.current > *,
.pageindex:not(.type_dt) dl > div dd > a:hover,
.pageindex.type_dt dd > a:not(:hover){background-color: var(--color-O); color:#FFF;}
.pageindex.type_dt{margin-top: calc(100 * var(--responsive-50per));}
.pageindex.type_dt dl > div{max-width: 100%;}
.pageindex.type_dt dd{min-width:2.75em;}
.pageindex.type_dt dd > a:hover{color: var(--color-O);}
.pageindex.type_dt dd > a:not(:hover) svg *{stroke:#FFF;}
.pageindex.type_dt dd.back a{width:8em;}

.news_LR{display: flex; justify-content: space-between;}
@media screen and (min-width: 1000px) {
	.news_LR .news_L{width:65%;}
	.news_LR .news_R{width:28.5%;}
}
@media screen and (max-width: 999px) {
	.news_LR{gap: calc(100 * var(--responsive-50per)) 0; flex-direction: column;}
	.news_LR > *{width: 100%;}
}

.news_LR .news_R h3{font-size: 23px; color:var(--color-O); margin: -0.3em 0;}
.news_LR .news_R .cate_menu{margin-top: 1.25em; display: flex; flex-direction: column;}
.news_LR .news_R .cate_menu a{padding: 1em 0; border-bottom: solid 1px var(--color-K-Lb);
gap: 0 1em; display: flex; align-items: center;}
.news_LR .news_R .cate_menu a:first-of-type{border-top: solid 1px var(--color-K-Lb);}
.news_LR .news_R .cate_menu a[c="お知らせ"] svg *{fill:var(--color-G);}
.news_LR .news_R .cate_menu a[c*="障害"]    svg *{fill:var(--color-R);}
.news_LR .news_R .cate_menu a[c*="メンテ"]  svg *{fill:var(--color-B);}

section.news_main .dt_title{margin-bottom: 60px; gap:1.5em 1.75em; display: flex; flex-wrap: wrap; align-items: baseline;}
section.news_main .dt_title *:not(h3){line-height:33px;}
section.news_main .dt_title h3{font-size: 30px; color: var(--color-O); text-align: justify; width:100%; margin:-0.3em 0;}
section.news_main .dt_title ~ *{text-align: justify;}
section.news_main .dt_title ~ *:not(:last-child){margin-bottom:1em;}

section.news_main .entry-content p + p{margin-top: 1em;}

/* 記事スタイル */
article .has-small-font-size{font-size: 0.75em;}
article .has-medium-font-size{font-size: 1em;}
article .has-large-font-size{font-size: 1.5em;}
article .has-x-large-font-size{font-size: 2em;}