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

h2{font-size: 5px; 
    margin: 10px 10px 10px 80px ;/* auto で全体センタリング*/
    text-align:left; 
    }

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

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

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


      

p3{font-size: 15px; 
        margin: 20px 10px 0px 54px  ;
        text-align:left; 
        float: left;  
        }

p4{font-size: 15px; 
        margin: 15px 10px 0px 30px  ;
        text-align:left; 
        float: left;  
        }

   
#timerB{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;                      /* シグナル以降要素を右に回す*/
        }    
        
#click_count{font-size: 20px;
        border: 1px solid #ccc;
        margin: 10px 30px 10px 40px  ;
        padding: 5px    ; /* 要素内余白　*/
        background-color:rgb(142, 204, 212);
        color:#000; 
        border-radius: 3px ;
        box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
        float: left;                      /* シグナル以降要素を右に回す*/
        }

.btn4 {font-size: 14px;
    width: 80%;
    margin: 0px 0px 5px 0px;
    
    }

.btn5 {font-size: 0px;
    width: 0%;
    padding: 10px;
    margin: 0px 0px 10px 1000px;
    }    
 
p9{font-size: 13px; 
        margin: 10px 0px 0px 30px;
        text-align:left; 
        float: left;
        }

.send_data{ 
         margin: 5px 0px 0px 25px;
         text-align:left; 
         float: left; 
        }         

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


.btn3{ width: 100px;/* 幅　*/
        font-size: 15px;
        margin: 30px 0px 10px 20px;
        padding: 10px;
        float: left; 
        } 

.content2 p8{font-size: 15px; 
        margin: 5px 0px 0px 5px;
        text-align:left; 
        float: left;
        }





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

.content4{/*text-align: left;  中央そろえ  */
        max-width: 500px;  /*最大幅*/
        margin: 40px 0px 0px 15px  ; /*auto で全体センタリング*/
        clear: left;
        } 

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

.content1 p{font-size: 15px; 
        margin: 5px 0px 2px 0px;
        text-align:left; 
        }

p2{font-size: 20px; 
        margin: 5px 10px;
        text-align:left; 
        }

#timer1{font-size: 25px;
       border: 1px solid #ccc;
       margin: 0px 0px 5px 0px;
       padding: 0px 0px 0px 27px   ; /* 要素内余白　*/
       background-color:rgb(170, 169, 169);
       color:#000; 
       border-radius: 3px ;
       box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
       }    

#timer2{font-size: 25px;
        border: 1px solid #ccc;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 27px   ; /* 要素内余白　*/
       background-color:rgb(170, 169, 169);
       color:#000; 
       border-radius: 3px ;
       box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
       }  
   
#timer3{font-size: 25px;
        border: 1px solid #ccc;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 27px   ; /* 要素内余白　*/
        background-color:rgb(170, 169, 169);
        color:#000; 
        border-radius: 3px ;
        box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
        } 

#timer4{font-size: 25px;
        border: 1px solid #ccc;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 27px   ; /* 要素内余白　*/
        background-color:rgb(170, 169, 169);
        color:#000; 
        border-radius: 3px ;
        box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
        }

#timer5{font-size: 25px;
        border: 1px solid #ccc;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 27px   ; /* 要素内余白　*/
        background-color:rgb(170, 169, 169);
        color:#000; 
        border-radius: 3px ;
        box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
        }
    
#timerA{font-size: 35px;
        border: 1px solid #ccc;
        margin: 5px auto;
        padding: 0px 0px 0px 14px    ; /* 要素内余白　*/
        background-color:rgb(216, 211, 144);
        color:#000; 
        border-radius: 3px ;
        box-shadow:1px 1px 3px rgba(0,0,0,.5); /* ドロップシャドー　*/
        } 

     



.start_button_img{width: 100%;/* 幅　*/
        margin: 30px 0px 10px 0px;
        }        

.btn1{width: 100%;/* 幅　*/
      margin: 20px 0px 10px 0px;
    } 
    
.btn2{width: 100%;/* 幅　*/
     margin: 5px 0px 20px 0px;
    }

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

.content3 p7{font-size: 15px; 
        margin: 100px 0px 0px 0px  ;
        text-align:left; 
        clear: right;  
        } 
       
  
.content4 p10{font-size: 15px; 
        margin: 0px 0px 5px 0px;
        color: red;
        text-align:left; 
        }        

.content4 p12{font-size: 12px; 
        margin: 0px 0px 5px 0px;
        text-align:left; 
        }     
        
.content4 p13{font-size: 20px; 
        margin: 0px 0px 5px 0px;
        text-align:left; 
        font-weight: bold;
        background-color: aquamarine
        } 


.content5 p11{font-size: 15px; 
        margin: 0px 0px 5px 0px;
        text-align:left; 
        } 


        
/* フッター */
footer:before{
        content: "";
        display: table;
        clear: both; /* float: left;のクリアー */
        }
    
footer p{
        background: #666;
        max-width: 600px;
        margin: 30px auto 30px; /* 標準値：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:600px){
    .description img {
   /* float: none;  回り込みを解除する */
    display: block; /* 表示をブロック状態にする */
    margin: 0 auto; /* 画像を中央に揃える */
    }

h2{font-size: 5px; 
    margin: 0px 10px 10px 50px;
    text-align:left; 
    }

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

.content1{  /*タイム表示窓　text-align:center; 中央そろえ  */
         max-width: 150px;  /*最大幅*/
         margin: 0px 10px 10px 10px  ;/* auto で全体センタリング*/
         float: left;
         }  

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

}