@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}


@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}


@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}



span{
  color:#00ff00;}

.syamei {
    box-shadow: 5px 5px 5px yellow;
    -webkit-text-size-adjust: 100%;
    max-height: 999999px;}  

　a.https://nettv.gov-online.go.jp/prg/prg15745.html?nt=1 {text-decoration: none;}
 a.https://nettv.gov-online.go.jp/prg/prg15745.html?nt=1:hover {background-color: rgb(224,224,224);color: rgb(255,0,0);text-decoration: underline;}
 
 

 
.menu{
      font-color:blue;
     text-align: left;}　　

.bangou{font-color:red;}


.subtitle{font-color:green;} 


.title{   
   font-size: 30px;
   text-align: center;
   }


   
      


.job{
    text-shadow: 2px 2px 2px white;
    font-size : 75% ;
    margin : 1em 0 0.8em 0 ; }  

.one{
     background-color:white;
     color:blue;
     text-align: center;
     display: inline-block;          
    }

.picture{
          display:inline-block;          
          margin-top:20px;
          margin-right:20px;
          margin-bottom:20px;
          margin-left:20px;          
    }


.yahoo iframe { width : 100% ; } 





<style type="text/css">
#slideshow {
   position: relative;
   width:  350px; /* 画像の横幅に合わせて記述 */
   height: auto; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
</style>