@media print, 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:-25px;
padding:7.5px;
font-size:28px;
color:red;
font-family:'gothic';
font-weight:500;
text-align:center;
}
.mokusou-jpg{
width:230px;
float:right;
margin-right:150px;
}
h3{
font-size:30px;
color:#04121C;
}
h5{
color:#3419E6;
font-size:25px;
font-family:''gothic;
}
.keiko3-jpg{
width:230px;
float:right;
margin-right:150px;
}
.dojokun-jpg{
display:block;
margin-left:auto;
margin-right:auto;
width:700px;
height:400px
}
#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: 640px){
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:-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:22px;
}
#article{
background-color:white;
margin-top:-25px;
padding:7.5px;
font-size:28px;
color:red;
font-family:'gothic';
font-weight:500;
text-align:center;
}
.mokusou-jpg{
width:230px;
float:right;
margin-right:150px;
}
h3{
font-size:30px;
color:#04121C;
}
h5{
color:#3419E6;
font-size:25px;
font-family:''gothic;
}
.keiko3-jpg{
width:230px;
float:right;
margin-right:150px;
}
.dojokun-jpg{
display:block;
margin-left:auto;
margin-right:auto;
width:700px;
height:400px
}
#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';
}
}