@media screen and (min-width: 481px){
body{
color:#0F0F0F;
font-family:'gothic';
font-size:23px;
font-weight:500;
background-color:#3D9BE9;
}
#wrapper{
width:1000px;
margin: 0 auto;
background-color:#A4E6F7;
outline:solid 4px white;
}
#header{
background-color:white;
margin-top:-100px;
height:300px;
}
.skc3-jpg{
width:200px;
height:200px;
float:left;
margin-left:30px;
margin-top:30px;
}
h4{
font-size:60px;
font-family:'gothic';
color:#FFD000;
margin-bottom:-20px;
margin-top:100px;
font-weight:500;
margin-left:255px;
}
h2{
color:black;
font-family:‚l‚r –¾’©;
font-size:45px;
font-weight:900;
margin-left:270px;
}
h1{
color:black;
font-family:‚l‚r –¾’©;
font-size:75px;
margin-top:-20px;
margin-left:265px;
}
#menu{
background:white;
clear:left;
text-align:center;
margin-top:-70px;
}
li{
font-family:'gothic';
font-weight:500;
}
a:link{
color:#3D9BE9;
}
a:visited{
color:#3D9BE9;
}
a:hover{
color:#2B6CA3;
}
a:active{
color:#2B6CA3;
}
#nav li{
display:inline; 
list-style-type: none;
font-size:23px;
}
#article{
background-color:white;
margin-top:-20px;
padding:7.5px;
font-size:28px;
font-family:'gothic';
font-weight:500;
color:red;
text-align:center;
}
h3{
font-size:30px;
color: #002E5D;
}
table, td{
border:solid;
border-collapse:collapse;
margin-left:30px;
font-weight:500;
}
td{
font-family:'gothic';
}
.taikai1-jpg{
width:200px;
float:right;
margin-top:-150px;
margin-right:290px;
}
.kitahiro-jpg{
width:200px;
float:right;
margin-right:290px;
}
#footer{
color:white;
clear:both;
text-align:center;
font-size:30px;
background-color:#002E5D;
width:1008px;
height:100px;
margin-left:auto;
margin-right:auto;
font-family:'gothic';
}
}
@media screen and (max-width: 480px){
img{
max-width: 100%;
height: auto;
width:auto;
float:none;
}
body{
color:#0F0F0F;
font-family:'gothic';
font-size:23px;
font-weight:500;
background-color:#3D9BE9;
}
#wrapper{
width:1000px;
margin: 0 auto;
background-color:#A4E6F7;
outline:solid 4px white;
}
#header{
background-color:white;
margin-top:-100px;
height:300px;
}
.skc3-jpg{
width:200px;
height:200px;
float:left;
margin-left:30px;
margin-top:30px;
}
h4{
font-size:60px;
font-family:'gothic';
color:#FFD000;
margin-bottom:-20px;
margin-top:100px;
font-weight:500;
margin-left:255px;
}
h2{
color:black;
font-family:‚l‚r –¾’©;
font-size:45px;
font-weight:900;
margin-left:270px;
margin-top:20px;
}
h1{
color:black;
font-family:‚l‚r –¾’©;
font-size:75px;
margin-top:-70px;
margin-left:265px;
}
#menu{
background:white;
clear:left;
text-align:center;
margin-top:-75px;
}
li{
font-family:'gothic';
font-weight:500;
}
a:link{
color:#3D9BE9;
}
a:visited{
color:#3D9BE9;
}
a:hover{
color:#2B6CA3;
}
a:active{
color:#2B6CA3;
}
#nav li{
display:inline; 
list-style-type: none;
font-size:22px;
}
#article{
background-color:white;
margin-top:-20px;
padding:7.5px;
font-size:28px;
font-family:'gothic';
font-weight:500;
color:red;
text-align:center;
}
h3{
font-size:30px;
color: #002E5D;
}
table, td{
border:solid;
border-collapse:collapse;
margin-left:30px;
font-weight:500;
}
td{
font-family:'gothic';
}
.taikai1-jpg{
width:200px;
float:right;
margin-top:-150px;
margin-right:290px;
}
.kitahiro-jpg{
width:200px;
float:right;
margin-right:290px;
}
#footer{
color:white;
clear:both;
text-align:center;
font-size:30px;
background-color:#002E5D;
width:1008px;
height:100px;
margin-left:auto;
margin-right:auto;
font-family:'gothic';
}
}