@charset "utf-8";

#main {
margin:0;
height:280px;
margin:0 auto
}

#main img {
margin:0 auto;
display:block
}

article {
min-width:1200px;
position:relative;
overflow:hidden
}

article .eventList {
z-index:1000
}

.sankakuBg_01 {
width:50%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:-10;
transition:1.5s;
opacity:0;
transform:translate(0,200px);
-webkit-transform:translate(0,200px)
}

.sankakuBg_01:after {
content:url("/img/sankakuBg_03.png")
}

.sankakuBg_01_UP {
opacity:1;
transform:translate(0,0);
-webkit-transform:translate(0,0)
}

.sankakuBg_02 {
position:absolute;
top:50%;
right:0;
z-index:-20;
transition:1.5s;
opacity:0;
transform:translate(0,200px);
-webkit-transform:translate(0,200px)
}

.sankakuBg_02:after {
content:url("/img/sankakuBg_02.png")
}

.sankakuBg_02_UP {
opacity:1;
transform:translate(0,0);
-webkit-transform:translate(0,0)
}

h2 {
width:100%;
margin:0 auto;
padding:60px 0 30px;
font-size:1.7em;
line-height:1.5;
text-align:center;
background-color:rgba(220,239,239,0.5)
}

dl.category_month {
margin:0 auto 25px;
background:#22A271
}

dl.category_month > dt {
padding:6px 0;
font-size:1.3em;
color:#fff;
text-align:center;
background:#00683D;
cursor:pointer
}

dl.category_month > dt span {
padding:0 50px;
position:relative
}

dl.category_month > dt span:after {
width:20px;
height:20px;
content:url(/img/news/open.png);
position:absolute;
top:-3px;
right:0
}

dl.category_month > dt.ac span:after {
width:20px;
height:20px;
content:url(/img/news/close.png);
position:absolute;
top:-3px;
right:0
}

dl.category_month > dd {
width:1000px;
margin:0 auto;
padding:30px 0 20px;
display:none
}

dl.category_month > dd > ul {
display:flex;
flex-flow:row wrap
}

dl.category_month > dd > ul li a {
margin:0 10px 10px 0;
padding:10px 15px;
font-size:1.1em;
color:#22A271;
line-height:1;
display:block;
border-radius:5px;
background:#fff
}

dl.category_month div {
margin:10px 0 15px;
display:flex;
flex-flow:row wrap
}

dl.category_month div p {
width:85px;
padding:15px 0 10px;
font-size:1.15em;
line-height:1;
color:#fff;
position:relative
}

dl.category_month div p::before {
width:8px;
height:8px;
margin-top:-5px;
content:'';
border-top:solid 2px #fff;
border-right:solid 2px #fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:50%;
right:10px
}

dl.category_month div ul {
width:90%;
display:flex;
flex-flow:row wrap
}

dl.category_month div ul li {
margin-left:10px
}

dl.category_month div ul li a {
width:63px;
margin:5px 0;
padding:12px 0;
color:#fff;
text-align:center;
line-height:1;
display:block;
border-radius:5px;
border:solid 1px #fff
}

ul.newsList {
width:1000px;
margin:0 auto;
display:flex;
flex-wrap:wrap
}

ul.newsList li {
width:25%;
height:298px;
margin-bottom:12px;
padding:0;
position:relative;
background:#fff
}

.info ul.newsList li {
height:165px
}

ul.newsList li a {
color:#131313;
display:block
}

ul.newsList li div {
width:100%;
height:154px;
margin:0;
overflow:hidden
}

ul.newsList li div img {
width:100%;
margin:0 auto;
display:block
}

ul.newsList li p {
height:125px;
padding:10px 20px;
font-size:1em;
letter-spacing:.05em;
line-height:1.5
}

ul.newsList li p span {
width:100%;
font-size:.8em;
text-align:center;
color:#727272;
position:absolute;
left:0;
bottom:13px;
}

ul.newsList li.box01 {
width:100%;
margin-right:0;
height:460px;
position:relative;
background:#000
}

ul.newsList li.box01 div {
width:100%;
height:460px;
margin:0;
overflow:hidden;
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7
}

ul.newsList li.box01 p {
width:95%;
height:auto;
padding:0 0 50px;
color:#fff;
position:absolute;
bottom:0;
left:20px
}

ul.newsList li.box01 p span {
width:100%;
font-size:.8em;
text-align:left;
color:#fff
}

ul.newsList li.box02 {
width:50%;
margin-right:0;
position:relative;
background:#000
}

ul.newsList li.box02 div {
width:100%;
height:298px;
margin:0;
overflow:hidden;
overflow:hidden;
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7
}

ul.newsList li.box02 p {
width:90%;
height:auto;
padding:0 0 50px;
color:#fff;
position:absolute;
bottom:0;
left:20px
}

ul.newsList li.box02 p span {
font-size:.8em;
text-align:left;
color:#fff
}

/*20230831追加*/
ul.nextPage {
margin:0 auto;
padding:60px 0 70px;
display:flex;
flex-flow:row wrap;
justify-content:center
}

ul.nextPage li {margin: 0 10px;}

ul.nextPage li a {
color:#22a271;
display:block;width: 39px;height: 39px;text-align: center;line-height: 39px;}
ul.nextPage li.block{
    border-radius:5px;
    color:#fff;
width: 39px;height: 39px;text-align: center;line-height: 39px;
padding:0;
}
li.fraction{
    border-radius: 5px;
    font-size: 0.95rem;
line-height: 270%;
}
li.next.next,li.return.prev{
display:none;
}
li.return.block.first:has(a){
border: 1px solid #22a271;
}
li.next.next:has(a),li.return.prev:has(a){
display:inherit;
background:none !important;
border:1px solid #22A271;
}
li.next.next img,li.return.prev img{
vertical-align: middle;
}
li.first,li.last.block{
color:#fff;
padding: 0 10px !important;
}
li.first:has(a),li.last:has(a){
color:#fff;
}
li.first a:hover,li.last a:hover{
border-radius: 5px;
opacity:0.8;
}