/* 2025/3/14 XV */


body{
font-family:yu gothic,meirio,sans-serif;
font-size:12pt;
line-height:180%;
padding:0;
margin:0;
}

header{
overflow:auto;
margin:7px auto 47px;
width:100%;
border-bottom:black solid 1px;
}


nav{
display:block;
float:right;
width:72%;
text-align:center;
margin:23px 11px 0 auto;
border:none;
}
section{margin:0;}

img{border:none;}

form{margin:12px;}

a {color:#008900;text-decoration:underline;}
a:link {color:#008900;text-decoration:underline;}
a:visited {color:#336633;text-decoration:underline;}
a:hover {color:#003300;}
a:active {color:#336633;text-decoration:none;}


h1{
clear:both;
position:relative;
text-align:center;
width:98%;
padding:0;
margin:55px auto 35px;
line-height:100%;
font-size:140%;
font-family:yu gothic,meirio,sans-serif;
color:rgb(40,40,40);
}

.menulinks{
margin:0 0 0 11px;
padding:0;
float:left;
font-size:13pt;
}

.menulinks li{
list-style-type:none;
display:inline-block;
vertical-align: middle;
margin:0 8px;
padding:0;
}

.menulinks a{
color:#007000;
display:block;
margin:0;
width:100%;
padding:15px 8px 7px;
border-bottom:transparent solid 4px;
text-decoration:none;
}
.menulinks label{
color:#007000;
display:block;
margin:0;
width:100%;
padding:15px 8px 7px;
border-bottom:transparent solid 4px;
text-decoration:none;
cursor: pointer;
}

.menulinks a:hover{
border-bottom:rgb(20,225,20) solid 4px;
background-color:rgb(243,255,243);
}
.menulinks label:hover{
border-bottom:rgb(20,225,20) solid 4px;
background-color:rgb(243,255,243);
}


.submenulabel input[type="checkbox"]{
display:none;
}
.menulinks>li>ul{
display:none;
width:250px;
text-align:left;
position:absolute;
list-style-type:none;
margin:0;
padding:0;
background-color:white;
border:lightgray solid 1px;
}
.menulinks>li>ul li{
margin:0;
padding:0;
display:block;
}
.menulinks li ul li a{
width:auto;
padding-left:18px;
padding-right:2px;
}

.submenulabel input[type="checkbox"]:not(:checked) ~ .sub-on{
  display:none;
}

.submenulabel input[type="checkbox"]:checked ~ .sub-off{
  display:none;
}


.submenulabel:has(input[type="checkbox"]:checked) + ul {
  display: block;
z-index:100;
}




.menulinks li.snslinks{
margin:0 8px;
}

.menulinks :nth-child(1 of li.snslinks){
margin-left:3px;
}

.snslinks a{
border-bottom:transparent solid 4px;
padding:12px 4px 3px 4px;
}

.snslinks a:hover{
border-bottom:transparent solid 4px;
background-color:rgb(243,255,243);
}






article{
display:block;
clear:both;
width:80%;
max-width:1920px;
height:auto;
margin:0 auto;
border:solid rgb(100, 100, 100) 1px;
background-color:white;
}



.headimage{
float:left;
width:20%;
min-width:180px;
max-width:400px;
height:auto;
margin:23px auto 23px 31px;
border:none;
}


.dateofupdate{margin:0 3% 0;}

p{margin:31px 7%;}

dt{display:list-item;list-style:disc;margin-left:4%;margin-top:36px;}
dd{margin:0 24px 0 6%;}
q{line-height:250%;}

h1 span.kt{font-size:180%;color:black;
/*text-shadow:2px 2px 3px gray;*/
}

h1 span.sp{color:rgb(20,255,20);}


footer{
clear:both;
background-color:black;
color:white;
margin:47px auto 0;
padding:0;
text-align:center;
}

.footerlogocontainer{
margin:15px 15px auto auto;
padding:17px;
background-color:white;
border:none;
float:right;
}
.footerlogo{
width:180px;
}

footer a{
color:white;
}

footer a:visited{
color:white;
}

footer nav{
float:left;
width:auto;
margin:0;
padding:0;
}

footer .menulinks{
margin:0;
padding:0;
}

footer .menulinks a:hover{
border-bottom:rgb(20,225,20) solid 4px;
background-color:#333333;
}
footer .menulinks label:hover{
border-bottom:rgb(20,225,20) solid 4px;
background-color:#333333;
}

footer .menulinks a{
color:white;
}

footer .menulinks label{
color:white;
}

footer .menulinks>li>ul{
display:none;
width:250px;
text-align:left;
position:absolute;
background-color:black;
border:lightgray solid 1px;
}

h2{
color:rgb(60,60,60);
/*text-shadow:2px 2px 3px lightgray;*/
margin:0 0 24px;
padding:6px 12px 3px;
border-left:rgb(120,255,120) solid 6px;
background-color:rgb(245,255,245);
font-size:120%;
font-weight:normal;
}

h2 a{
color:rgb(60,60,60);
text-decoration:none;
font-size:110%;
font-weight:normal;
}
.articleh2subtitele{font-size:80%;margin:0;}

.figuarecontainer{
display:flex;
flex-wrap:wrap;
justify-content:center;
width:100%;
}

.report_fig{
width:100%;
text-align:left;
max-width:482px;
margin:6px 6px 0 18px;
}

.report_fig>img{width:100%;max-width:480px;border:#999 solid 1px;}


.largeimgcontainer{
width:90%;
max-width:802px;
margin:23px auto 7px;
text-align:center;
}

.largeimg{
display:block;
width:99%;
max-width:800px;
margin:0 auto;
border:#999 solid 1px;
}


.report_capt{
margin:-9px 0 0;
padding:15px 8px 4px;
border-left:#999 solid 1px;
border-right:#999 solid 1px;
border-bottom:#999 solid 1px;
}

section h3{
margin:18px 0 5px 0;
padding:3px 8px 1px;
/*border-top:rgb(200,200,200) solid 1px;*/
border-left:rgb(170,255,170) solid 4px;
background-color:rgb(245,255,245);
color:rgb(40,40,40);
font-weight:normal;
font-size:100%;
clear:both;
}

section h4{
margin:0 0 5px 0;
padding:3px 8px 1px;
/*border-top:rgb(200,200,200) solid 1px;*/
border-left:rgb(120,255,120) solid 4px;
background-color:rgb(245,255,245);
color:rgb(40,40,40);
font-weight:normal;
font-size:100%;
}

a.hidh3{
color:rgb(40,40,40);
text-decoration:none;}





dt{margin-top:32px;margin-bottom:10px;}

dt a:link{
padding:4px 4px 1px;
text-decoration:none;}
dt a:visited{
padding:4px 4px 1px;
/*text-shadow:3px 3px 28px rgb(0,230,0);*/
text-decoration:none;}

dt a:hover{
padding:4px 4px 1px;
/*text-shadow:3px 3px 12px rgb(0,230,0);*/
text-decoration:none;}

dt img{vertical-align:middle;margin-left:30px;margin-top:6px;max-height:150px;max-width:150px;}

dd{margin-bottom:63px;}

.icon_addr{
width:40px;
margin-right:15px;
}

.randomphoto{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0;
padding:0;
background-color:white;
}

.glimgcontainer{
border:black solid 1px;
margin:12px;
width:80%;
min-width:300px;
max-width:600px;
}
.glcheckbox{
display:none;
}
.glimg{
border:none;
width:100%;
min-width:300px;
max-width:600px;
}

.glcomment{
text-align:left;
border:none;
padding:7px 4% 13px;
line-height:145%;
}


@media screen and (max-width:768px) {
body{  
width:100%;
}

.glimgcontainer{
margin:0 0 31px;
width:100%;
}

header{
width:100%;
text-align:center;
}

.headimage{
float:none;
min-width:150px;
margin:15px auto 0 15px;

}
footer{
font-size:9pt;
text-align:center;
}
.footerlogocontainer{
float:none;
clear:both;
width:162px;
height:88px;
text-align:center;
margin:0 auto 0;
padding:22px 14px 1px 14px;
}

.footerlogo{
width:138px;
}

footer nav{
width:100%;
float:none;
margin:10px auto 0 auto;
}

nav{
width:100%;
float:none;
margin:10px auto 0 auto;
}
.menulinks {
font-size:11pt;
}
.menulinks li{
margin:0;
}
.menulinks a{
padding:3px 4px 0 4px;
}
.menulinks label{
padding:3px 4px;
}
article{
width:100%;
border:none;
}
h1{
width:98%;
padding:0;
margin:0 auto 15px;
line-height:100%;
font-size:130%;
}

}
