#wrap{max-width: 940px;
      margin: 0 auto
      }

h1{
   text-align:center;       
   }

nav{margin: 20px 0px 0px 0px;
    text-align:center; 
    }    

.button_band{position: relative;
             }

.btn1{position: absolute;
      left: 0px;
      top: 0px;
      width: 100px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }

.btn2{position:  absolute;
      left: 200px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }     

.btn3{position:  absolute;
      left: 350px;
      top: 0px;
      width: 140px;/* 幅　*/
      margin: 3px 0px 10px 50px;
      }      


.content1{text-align: left;  /*中央そろえ  */
         max-width: 600px;  /*最大幅*/
         margin: 15px 10px 0px 20px  ; /*auto で全体センタリング*/
         float: left;
         }

.content1 p1{font-size: 25px; 
           margin:10px 0px 0px 0px;
           line-height: 150%;
           font-weight: bold ;
            }         

.content1 p8{font-size: 20px; 
           margin:10px 0px 0px 0px;
           line-height: 150%;
           font-weight: bold ;
            }

.header{max-width: 100% ; 
        margin: 0px 10px 30px 0px;
       /* float: left;*/
        }  

.header iframe{max-width: 100% ;
    margin: 0px 50px 0px 0px;
    float: left;
    }

.metabolism{max-width: 100% ; 
        margin: 0px 10px 30px 30px;
       /* float: left;*/
        }      

#metaresult{font-size: 20px;
        border: 1px solid #ccc;
        margin: 5px 30px 10px 40px  ;
        padding: 10px    ; /* 要素内余白　*/
        background-color:rgb(216, 211, 144);
        color:#000; 
        border-radius: 3px ;
        box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
        float: left;                      /* シグナル以降要素を右に回す*/
        }

.title{background: rgb(209, 253, 173);
        max-width: 100% ; 
        margin: 0px 10px 10px 0px;
        float: left;
        } 
/*
.content2 img{max-width: 250px ; 
        margin: 0px 10px 0px 0px;
        float: left;
        }        

.content2 iframe{max-width: 25% ;
        height: 100px;
        margin: 0px 10px 0px 0px;
        float: left;
        }  */

.content1 p2{font-size: 17px; 
           margin:10px 0px 0px 0px;
           line-height: 160%;
           
           } 

.content1 p4{font-size: 20px; 
           margin:10px 0px 20px 0px;
           line-height: 180%;
           font-weight: bold ;
           background-color: rgb(183, 253, 231) ;
           
           } 

.content1 p6{font-size: 17px; 
           margin:10px 0px 0px 0px;
           line-height: 170%;
           
           font-weight: bold ;
           background-color: rgb(250, 177, 171) ;
           }        

.content1 p7{font-size: 17px; 
           margin:10px 0px 0px 0px;
           line-height: 170%;
           font-weight: bold ;
           background-color: rgb(244, 255, 86) ;
           }

.content1 p3{font-size: 17px; 
           margin:10px 0px 0px 0px;
           line-height: 160%;
           float: left;
           }

.content1 p5{font-size: 14px; 
           margin:0px 0px 15px 0px;
           line-height: 150%;
           clear: left;
           }

.button{margin: 10px 10px 50px 50px;
       }

button{width: 80% ;
      background-color: #528fff;
      padding: 15px;
      border-radius: 5px;
      box-shadow:0 0 8px #5f4a4a; 
      }  

p9{font-size: 17px; 
   color: #fff;;
   font-weight: bold ;
   }


.content2{/*text-align: left;  中央そろえ  */
       /* max-width: 160px;  最大幅*/
        margin: 20px 0px 0px 10px  ; /*auto で全体センタリング*/
        float: left;
        }        

.content3{/*text-align: left;  中央そろえ  */
        max-width: 300px;  /*最大幅*/
        margin: 20px 0px 0px 10px  ; /*auto で全体センタリング*/
        float: left;
        } 

        

/* フッター */
footer:before{
        content: "";
        display: table;
        clear: both; /* float: left;のクリアー */
        }
    
footer p{
        background: #666;
        max-width: 940px;
        margin: 30px auto 30px;
        padding: 5px;
        text-align: center;
        font-size: 80%;
        }

footer p small{font-size:12px; 
        color: #ffffff;
        border: 1px #ffffff solid;
        padding: 5px;
        display: block;
        }
    
 
 @media only screen and (max-width:940px){
                img {max-width: 100%;
                float: none; /* 回り込みを解除する */
                display: block; /* 表示をブロック状態にする */
                margin: 0 auto; /* 画像を中央に揃える */
                }

.header{max-width: 100% ; 
        margin: 0px 10px 0px 0px;
       /* float: left;*/
        } 

.header img{max-width: 100% ;
            margin: 0px 10px 0px 0px;
            } 
            
.button_band{position: relative;
             margin: 0px 10px 10px 0px;
             }

.btn1{display: none;
      }   
    
      
img[src="../image/Advertise300.jpg"] {display: none;
                                   }  
            

.btn1{position: relative;
      left: 0px;
      top: 0px;
      width: 100px;/* 幅　*/
      margin: 10px 0px 15px -200px;
      }
               
.content1{  /*説明本文  */
         max-width: 400px;  /*最大幅*/
         margin: 0px 10px 10px 10px  ;/* auto で全体センタリング*/
         float: left;
         }  
            
.content3{/*広告　text-align: left;  中央そろえ  */
           max-width: 300px;  /*最大幅*/
           margin: 20px 0px 0px 0px  ; /*auto で全体センタリング*/
           float: left;
           } 
            
        }