@charset "utf-8";
/* Google Fonts 読み込み */
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
}




 
 
    


body{width:auto;
    margin-left:auto;
    margin-right: auto;

position: relative;}




#subete{width: 100%; display: block;
    margin-left:auto;
    margin-right: auto;}



h1{margin-top: 1px;width: auto;height: auto;margin-bottom: 0%;}



#currentTime2{width: 100%;height: 20%;background-color: black; font-weight: bold;font-size: 150%;text-align: center;
    color: #689b17;}

/* 全体を囲うコンテナー */
.container {
    width: 100%;
    height: 30vh;
    background-color: #15151e;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  /* 時計の共通スタイル */
.clock {
    font-family: 'Share Tech Mono', monospace;
    color: #daf6ff;
    text-shadow: 0 0 20px #0aafe6;
    line-height: 1.2;
    text-align: center;
  }


  /* 日付のスタイル */
.clock-date {
    font-size: 25px;
  }
  
  /* 時間のスタイル */
  .clock-time {
    font-size: 50px;
  }
  
  /* 文字サイズ調整 */
  @media screen and (max-width: 500px) {
    .clock-date {
      font-size: 5vw;
    }
    .clock-time {
      font-size: 20vw;
    }
  }











#kakikomi
{ width: auto; height:auto; padding: 2%;
     background-color: 
    rgba(223, 30, 30, 0);}

#kiji202206{ width:auto; height:auto; text-align: center;
    background-color: rgba(221, 152, 61, 0);display: inline-block;
     }






#p1{width: 30%; height: auto;
    display: inline-block;
    background-color: rgba(219, 215, 215, 0); 
    text-align: center;
    }


#p2{width: 30%; height:auto;margin-left: 2%;margin-right: 2%;
     display: inline-block;
    
    background-color: rgba(253, 253, 253, 0); 
    text-align: center;
    }
        
        
#p3{width:30%; height: auto;
    display: inline-block;
    background-color: rgba(241, 232, 232, 0);
     text-align: center;
    }



#gazou2{margin-top: 40px;margin-bottom: 0%;margin-left: 0.5%;margin-top: 4%;}

#telno{ margin:auto; text-align: center;text-shadow: #689b17 3px 0 5px;font-weight: 900;
    font-family: sans-serif;margin-bottom: 0%;
    font-size: 240%;color: rgb(209, 47, 74);}


#telltw{background-color: #a80a5900;width:100%;margin: auto;}

#tw{margin:auto; margin-top: 5%;margin-bottom:3%; text-align:center;}    


#counter{width:100%; margin: auto;text-align: center;margin-bottom: 3%;}
#counter2{width:100%; margin: auto;text-align: center;margin-bottom:3%;}




a{text-decoration: none;}

#pp1{text-align: center; font-size:200%;}
#pp2{text-align: center;font-size: 250%;text-shadow: #a80a59 1px 0 10px;}

#archive1{width: 70%; height:auto;margin-left:15%; 
    display: inline-block; 
    background-color: #db9b9b; border-radius: 50px;}



#dodai{width:auto;height:auto;padding:5%;padding-right:1%;
       padding-left:3%;
     background-color: rgb(66, 202, 166);
      border-radius: 20px;
margin-bottom: 30px;
}  
#p4{color: aliceblue;font-size: 150%;}
#p5{color: aliceblue;font-size: 150%;}

#p40{color: aliceblue;font-size: 150%;}
#p50{color: aliceblue;font-size: 150%;}



#line1{width:auto;height: 10px;
     background-color: rgb(66, 202, 166); 
     border-radius: 5px;
margin-bottom: 30px;}




#foooter{text-align: center;}