@media print {
  .no-print{display:none;}
}

ul#news{width:90%; margin:0 auto .5em;}
ul#news li{color:#3d3d3d; font-size:90%; text-align:left; margin:0 0 .8em; vertical-align: middle;}
ul#news li a{color:#3d3d3d; text-decoration: underline !important;}
ul#news li span{color:#ff0000; display:inline-block; padding:0 0 0 .5em;}
.di2 header { padding: 1em 0 0 0;}

@media all and (max-width: 767px) {
ul#news{width:92%; margin:0 auto;}
ul#news li{font-size:3.7vw; margin:0 0 2.5%;}
ul#news li span{font-size:85%; padding:0 0 0 .5%;}
}

/*popup*/
.modal_content p{word-break: break-all; font-size:100%; line-height:160%; padding:0 3% 1em; text-align:left;}
.modal_content p.ovtxt {height:72vh; overflow-x: hidden; overflow-y:scroll; border-right:none;}
.modal_content p span.ta_right{text-align:right; width:100%; display:inline-block; padding:2em 0 0;}
.ovtxt::-webkit-scrollbar{width:3px; background:none;}
.ovtxt::-webkit-scrollbar-track {background:none;}
.ovtxt::-webkit-scrollbar-corner {display: none;}
.ovtxt::-webkit-scrollbar-thumb {background:#3d3d3d; border-radius:20px;}
.close_button{display:block; color:#fff; width:100px; padding:.5em 0; font-size:90%; font-weight:500; text-align: center; border:1px solid rgba(255,255,255,0.5); text-decoration: none; background:#111; margin:0 auto;} 
    
.red{color:#ff0000 !important;}
.pink{color:#e95589;}
.blue{color:#0070c0 !important;}
.grn{color:#00B050 !important;}
.f80 {font-size:80% !important;}
.f75 {font-size:75% !important;}

div#bn_super {border-bottom:1px solid #c0c4ce;}

.modal_wrap input{
  display: none;
}

.modal_overlay{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.overlay_w{
  background: rgba(255,255,255,0.7);
}

.modal_trigger{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content{
  position: relative;
  align-self: center;
  max-width: 800px;
  width: 80%;
  padding: 30px 2% 15px;
  box-sizing: border-box;
  line-height: 1.4em;
  transition: 0.5s;
background-image:linear-gradient(to top, rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 100%),url(../img/main_241106.jpg);
background-repeat:no-repeat,no-repeat;
background-position:0 0,0 0;
background-size:auto,cover;
}

.close_button{
  position: absolute;
  bottom:-6vh;
  left:0;right:0;margin:auto;
  cursor: pointer;
}

.modal_wrap input:checked ~ .modal_overlay{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

/*//////pc//////*/
@media all and (min-width: 768px) {
.nobr{display: none;	}
.modal_content {height:80vh;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
.pcbr{display: none;}
.modal_content{width:88%; padding:5% 2.5%;}
.modal_content p{font-size:95%; padding:0 3% 0; text-align:left;}
.modal_content p.ovtxt {height:80vh;}
.close_button{width:25%; padding:2% 0; margin:5% auto; font-size:3vw; bottom:-10vh;}
span.f75 {font-size:.7rem !important; line-height:130% !important; display:inline-block;}
}