body
 {background-image: url(bg057.gif); color: black;  position: absolute;
top: 0;
left: 0 ;
right: 0 ;
bottom: 0; 
margin: 0  auto;
width: 960px;


 } 




@media (max-width:750px){
#abc{
font-size:20px;display:none;
}
}
@media (max-width:750px){
#xxx{g
font-size:20px;display:none;
}
}
@media (min-width:750px) and (max-width:1024px){
#abc{
font-size:20px;display:none;
}
}
@media (min-width:1024px){
#abc{font-size:40px;


div  {
     margin : 10px ;
     padding : 5px 60px ;
     border : 5px solid maroon ;
     background-color : white ;
}
.cp_hr01 {
	position: relative;
	height: 3px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#FFD700 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#FFD700 50%,transparent 100%);
}
span.welcome1{ position: absolute; top: 400px; left:170px;
}
span.welcome2{ position: absolute; top: 165px; left:0px;
}
span.welcome3{ position: absolute; top: 165px; left:0px;
}
span.welcome4{ position: absolute; top: 165px; left:0px;
}
span.welcome5{ position: absolute; top: 165px; left:0px;
}
span.welcome6{ position: absolute; top: 165px; left:0px;
}
span.welcome7{ position: absolute; top: 165px; left:0px;
}
/*========= body背景色の変化CSS ===============*/

 body{
  animation: bgchange 20s ease infinite;/*変化の時間を変更したい場合は20sの部分を好きな時間に変更*/
}

@keyframes bgchange{
      0%   {background:#ffe6e1;}/*変化させたい色*/
      25%  {background:#fdcb9e;}/*変化させたい色*/
      50%  {background:#fdcbc1;}/*変化させたい色*/
      75%  {background:#ffff8c;}/*変化させたい色*/
      90%  {background:#b2dffb;}/*変化させたい色*/
      100% {background:#ffe6e1;}/*変化させたい色*/
 }