@charset "utf-8";

/*--top--*/
.hero{text-align:center;line-height:0;
background: rgba(54,109,2,1);
background: -moz-linear-gradient(top, rgba(54,109,2,1) 0%, rgba(128,184,15,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,109,2,1)), color-stop(100%, rgba(128,184,15,1)));
background: -webkit-linear-gradient(top, rgba(54,109,2,1) 0%, rgba(128,184,15,1) 100%);
background: -o-linear-gradient(top, rgba(54,109,2,1) 0%, rgba(128,184,15,1) 100%);
background: -ms-linear-gradient(top, rgba(54,109,2,1) 0%, rgba(128,184,15,1) 100%);
background: linear-gradient(to bottom, rgba(54,109,2,1) 0%, rgba(128,184,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#366d02', endColorstr='#80b80f', GradientType=0 );	
}

.slide figure{position:relative;}
.slide figcaption{position:absolute;padding:.2em .5em;background:rgba(0,0,0,.7);border-radius:10px; color:#fff; bottom:.5em;right:1em;line-height:1.6em;font-size:.8em}

.news div{padding-top:3em; position:relative;}
.news h2{color:#FFF; text-align:center; background:url(../img/news.jpg) no-repeat;width:179px; font-size:1.5em; padding:2em 0 0 1em; height:179px; font-weight:bold; line-height:1.2em; float:left; margin-right:1em}
.news h2 span{font-weight:normal; font-size:.8em;display:block}

.news li{line-height:2em;}
.news li:before{content:"\25cf";color:#fcaa53; font-size:1.5em; margin-right:.2em; position:relative; top:.1em}
.news li time{color:#000; margin-right:1em;float:left;}
.news li p{padding-left:15em;}
.news li a{color:#2e8900;}
.news li a:hover{text-decoration:underline;}

.news dl{line-height:2em;margin-left:220px;max-height:580px; overflow-y: scroll;display:flex;flex-wrap:wrap;gap:.2em;align-items:baseline}
.news dt{/*float:left;*/width:11em;}
.news dt:before{content:"\25cf";color:#fcaa53; font-size:1.5em; margin-right:.2em; position:relative; top:.1em}
.news dt time{color:#000; margin-right:1em;}
.news dd{/*margin-left:11em;padding-top:.3em*/width:calc(100% - 12em);line-height:1.6em; }
.news dd a{color:#2e8900;}
.news dd a:hover{text-decoration:underline;}
.news .bnr{position:absolute; left:0;top:250px;}


/*--about--*/
h2.bar{color:#FFF; background:url(../img/barbg.png) right no-repeat #80b80f; padding-left:2em;padding:0 0; font-size:1.2em;border-radius:5px;margin:1em auto}
h2.bar:before{content:"|"; color:#FFF; margin:0 .5em 0 .8em; font-weight:bold; font-size:1.4em}

ul.list > li{margin:1em auto 2em; padding-left:3em}
.list h3{font-size:1.5em; font-weight:bold; border-bottom:1px #666 dotted; margin-bottom:.5em; padding:.2em 0; margin:1em 0 1em -2em}
.list h3:before{content:"\25a0";color:#80b80f; margin:0 .5em; font-size:.9em}

.list li img{display:block; text-align:center; margin:0 auto;}

.list li p{margin:0 auto; line-height:1.6em; margin-bottom:.5em}
.list li p strong{font-weight:bold;}
.list li ol{padding-left:1em; margin:0 auto;}
.list li .numb{list-style:decimal; padding-left:2em; line-height:1.6em}

table.tbl{border-collapse:collapse;border-top:1px #cfcfcf solid; border-left:1px #cfcfcf solid;}
table.tbl th,table.tbl td{padding:.5em 1em; border-right:1px #cfcfcf solid; border-bottom:1px #cfcfcf solid;}
table.tbl th{background:#f8f8f8; vertical-align:middle; width:15%;}
table.tbl+p{text-align:right; margin:.5em auto}

/*--links--*/

.link{line-height:2em;}
.link a{color:#000;}
.link li:before{content:"\2192"; margin-right:1em;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.link a:hover{color:#80b80f; text-decoration:underline;}
.link li:hover:before{margin-left:.2em; color:#80b80f;}

/*--archive--*/
.archive .list li{position:relative;}
.archive .list form{position:absolute; top:1em; right:3em;}
.archive table.tbl{width:90%; margin:1em auto}
.archive table.tbl th{text-align:center; width:auto}
.archive table.tbl tr:nth-of-type(odd){background:#fdfdfd;}
.archive table.tbl tr:hover td{background:#F3F8F4;}
.archive table.tbl td a{color:#39F;}
.archive table.tbl td a:before{content:url(../img/pdf.png); margin-right:.5em; position:relative;top:4px;}
.archive table.tbl td a:hover{color:#80b80f; text-decoration:underline}

/*--info--*/
table.sche{border-collapse:collapse;border-top:1px #cfcfcf solid; border-left:1px #cfcfcf solid;font-size:.9em}
table.sche th,table.sche td{padding:.5em 1em; border-right:1px #cfcfcf solid; border-bottom:1px #cfcfcf solid; vertical-align:middle}
table.sche th{background:#f8f8f8;}
table.sche th:first-child{width:15%;}
table.sche th:nth-of-type(4),table.sche th:nth-of-type(5){width:7%;}
table.sche td:nth-of-type(4),table.sche td:nth-of-type(5){text-align:center}

.info table.sche{margin:1em auto}
.info table.sche th{text-align:center;}
.info table.sche tr:nth-of-type(odd){background:#fdfdfd;}
.info table.sche tr:hover td{background:#F3F8F4;}
.info table.sche td a{color:#39F;}
.info table.sche td > a:before{content:url(../img/pdf.png); margin-right:.5em; position:relative;top:4px;}
.info table.sche td a:hover{color:#80b80f; text-decoration:underline}
.info table.sche span{display:none;}
.info table.sche td i{font-size:.9em;}
.info h4{font-weight:bold;}
.t_r{text-align:right;}
.info table.sche td del{font-size:.8em;color:#999}
.info table.sche td del+span{display:block}
.info table.sche td span[class]{font-size:.9em;padding:0 .4em;border:1px solid;display:inline-block;}
.info table.sche td span.cancel{border-color:#f00;color:#f00}
.info table.sche td span.postponed{border-color:#ff9800;color:#ff9800}
.info table.sche td span.change{border-color:#8bc34a;color:#8bc34a}

.bknum{border-top:1px #CCC dashed; padding:1em;margin-top:1em}
.bknum li:before{content:"";border:8px transparent solid; border-left:8px #009 solid; display:inline-block}

/*--j_member--*/
.j_member .content p,.event .content p{margin-left:1em;}
.j_member .bar+p,.event .bar+p{ text-indent:1em; margin-bottom:1em;}
.j_member .content div,.event .content div{margin:1em auto 2em;width:95%; padding:0 1em 1em; border:1px #666 solid; border-radius:15px;}
.j_member .content figure{margin:1em auto}
.j_member dt,.event dt{font-weight:bold;color:#80b80f; border-bottom: 1px #80b80f solid; margin:1em auto .5em ; font-size:1.2em; text-indent:.5em}
.j_member dd,.event dd{ padding-left:1em}
.j_member .content a,.event .content a{padding:.2em .5em; display:inline-block; background:#80b80f; color:#fff; border:1px #80b80f solid; border-radius:10px; margin:.5em}
.j_member .content a:hover,.event .content a:hover{background:#FFF; color:#80b80f;}

/*--event--*/
.event figure{margin:1em 0 0 1em}
.event dt{overflow:hidden}
ol.deci{list-style:decimal;margin:1em}
ul.kome li{padding-left:1em;text-indent:-1em;}
strong.bold{font-weight:bold;}

/*--topics--*/
.txtbox{width:90%;margin:1em auto 3em; line-height:2em;}
.txtbox h3{font-size:1.5em; font-weight:bold; border-bottom:1px #666 dotted; margin-bottom:.5em; padding:.2em 0; margin:1em 0 1em -2em;position:relative}
.txtbox h3:before{content:"\25a0";color:#80b80f; margin:0 .5em; font-size:.9em}
.txtbox h3 span{display:inline-block;font-size:.8em;position:absolute;right:0}

/*--junior--*/
dd.flex,dl.flex{display:flex;gap:1em;padding-left:0}
dd.flex dl{width:50%}
dl.flex{flex-wrap:wrap;align-items:center}
dl.flex dt{padding:.2em 1em;border:none;background:#80b80f;color:#fff;border-radius:1em 0 0 1em;width:10%;margin:0;width:}
dl.flex dt{width:9em}
dl.flex dd{width:calc(49% - 13em);padding-left:0}
dl.flex.col3{align-items:flex-start}
dl.flex.col3 dt{width:6em}
dl.flex.col3 dd{width:calc(100% - 9em)}
dd.bodb{font-size:1.1em;width:fit-content;border-bottom:1px #f00 solid;padding:.2em 1em;margin-bottom:.5em;color:#f00}
dd.bodb strong{font-weight:bold;font-size:1.1em;}
ul.rule{width:80%;margin:1em auto;padding:1em 1.5em 1em 2.5em;border:2px #f00 solid;border-radius:.5em;}
ul.rule li{list-style:disc;font-size:1.2em;font-weight:bold}
p.kome{padding-left:1em;text-indent:-1em;margin:1em auto;font-size:.9em}
.j_member .content div.txtbox{padding:1em;border:none}
div.txtbox ul{margin:1em auto;list-style:circle;width:90%}
div.txtbox ul.link{list-style:none}
.content.col2{display:flex;justify-content:space-between;align-items:baseline;gap:1em;}
.content.col2 nav{width:20%;border:1px #666 solid;border-radius:0 0 .5em .5em;overflow:hidden}
.content.col2 .main{width:78%;border:none}
.col2 nav h3{background:#80b80f;color:#fff;padding:.5em;font-weight:bold;font-size:1.2em;text-align:center}
.col2 nav ul{padding:1em .5em}
.col2 nav ul li+li{margin-top:1em}
.j_member .content.col2 nav a{width:100%;margin:0 auto;cursor:pointer}

dl.log dt{margin:0 auto;padding: 0 1em;display:flex;justify-content:space-between;align-items: center;cursor:pointer;transition:.4s}
dl.log dt::after{content:"";display:inline-block;width:.8em;aspect-ratio:1;background:#80b80f;clip-path:polygon(0 0,100% 0, 50% 100%);transition:.4s}
dl.log dt:hover{background:#80b80f;color:#fff}
dl.log dt:hover::after{background:#fff}
dl.log dt.rotate::after{transform:rotate(-90deg)}
dl.log dd{display:none;padding:0;font-size:.85em}

/*--privacy--*/
.privacy dl{margin:1em auto;width:95%;
    dt{font-weight:bold;color:#80b80f;font-size:1.2em;border-bottom:1px #80b80f solid;margin-top:2em}
    dd{margin:1em auto;padding-left:1em;text-indent:1em;
    ul{margin:.5em auto;list-style:disc;padding-left:3em;
        li{text-indent:0}
        }
    }
    dd+dd{width:90%;padding:1em;border:1px #999 solid;
        p{padding-left:1em;text-indent:0;
        strong{display:inline-block;font-weight:bold;border-bottom:1px #666 solid;font-size:1.1em;margin-bottom:.4em;margin-left:-.5em}
        }
    }
}
    
/*--add 20250423--*/
td ul.list{padding:0;margin:0 auto;display:flex;justify-content:flex-start;gap:1em;font-size:.9em;
    li{width:fit-content;margin:0;padding:0;}
    li:before{content:"";width:.5em;height:.5em;background:#39F;display:inline-block;clip-path:polygon(0 0,100% 50%,0 100%);margin-right:.4em}
    li:has(a:hover)::before{background:#80b80f}
}