a {
    color:#999999 ;
    text-decoration: none;
  }
  a:hover{
    color: #4d4d4d;;
  }

  


@media screen and (min-width:768px) {
 body {
    background-color:#fffffc;
    font-family:"游明朝体","游明朝","serif";
  }
 p{display: inline-block; 
   font-size:9pt;
   width: 48.8vw;
   letter-spacing: 0.1em;
   line-height: 2.2em;
   margin-top: 0vw;
   margin-left: 0.8vw;
   margin-bottom: 4.95vw;
     
 }

    
    #name{width:24vw;
        display: block; 
        margin-top: 0.8vw;
        margin-left: 0.8vw;
        margin-right: 25.66vw;
        margin-bottom: 7.94vw;
    }
    }
 #menu1{width:12.33vw;
    display: block; 
    margin-top: 0.8vw;
    margin-left: 0vw;}
 #menu2{width:20.35vw;
    display: block; 
    margin-top: 0.8vw;
    margin-left: 0vw;}
        #menu{width: 0px;
            display: block; 
            margin: auto;}
            #instagram{height:2vw;
                display: block; 
                margin-top: 2.7vw;
                margin-left: 5vw;}
#taiyo{width: 3.73vw;
       height: 3.73vw;
            display: block;
            margin-top:0.8vw;
      margin-left: 0vw;}
 

 .app {
         width: 100vw;
         height: 100vh;
         border: 0px solid blue;
         display: flex;
         flex-direction: column;
           }        
 .header {
         height: 15vw;
         background-color: transparent;
         box-sizing: border-box;
         border: 0px solid blue;
         position: sticky;
         top: 00px;
         display: flex;
         flex-direction:row;
         flex-grow: 1;
            
           }
 
 .main {
         display: flex;
         flex-direction:row;
         flex-grow:1;
         border: 0px solid blue;
           }
 

 .content {
         display: flex;
         flex-direction:column;
         flex-grow: 1;
         border: 0px solid blue;
           }

 



 #me{width: 48.8vw;
    display: block; 
    margin: auto;
    margin-bottom:0vw;
    margin-left:0.8vw;
    margin-top: 0px;
    margin-right:0vw;

 
 
 }
 #me2{width: 48.8vw;
    display: block; 
    margin: auto;
    margin-bottom:0vw;
    margin-left:0.8vw;
    margin-top: 7.65px;
    margin-right:0vw;

 
 
 }
 #me3{width: 48.8vw;
    display: block; 
    margin: auto;
    margin-bottom:0.8vw;
    margin-left:0.8vw;
    margin-top: 0vw;
       }

 
 

 .footer {
    height: 15vw;
    background-color:transparent;
    box-sizing: border-box;
    border: 0px solid blue;
    position: sticky;
    top: 00px;
       
      }
 
 
 
 @media screen  and ( max-width:768px) {
    body {
    background-color:#fffffc;
    font-family:"游明朝","游明朝体","serif";
  }
      p{display: block; 
   font-size:9.5pt;
   width: 96.13vw;
   letter-spacing: 0.05em;
   line-height: 2.0em;
   margin-top: 0vw;
   margin-left: 1.93vw;
   margin-bottom: 6.5vw;
     
 }
 
     
  #name{width: 50.45vw;
    display: block; 
    margin-left:4.45vw;
    margin-top: 7.34vw;
    margin-bottom:17.18vw;
    }
#menu1{width:0px;
    display:none; 
    margin: auto;
    position: absolute;
    top:10px;
    right:auto;}
     #menu2{width:0vw;
    display: none; 
    margin-top: 3vw;
    margin-left: 0vw;}
    #menu{width: 7.84vw;
        display: block; 
        margin-left:1.93vw;
        margin-top: 7.34vw;
        margin-bottom:17.18vw;
        }
     #taiyo{width: 7.84vw;
            height: 7.84vw;
        display: block; 
        margin-left:25.97vw;
        margin-top: 7.34vw;
        margin-bottom:17.18vw;
        }
        #instagram{width: 00px;
            display: none; 
            margin: auto;
            position: absolute;
            top:10px;
            right:auto;}
  

  .header {
          height: 100px;
          background-color:transparent;
          box-sizing: border-box;
          border: 0px solid blue;
          position: sticky;
          top: 00px;
             
            }
  
 .main {
         display: flex;
         flex-direction:column;
         flex-grow:1;
         border: 0px solid blue;
           }
 

 .content {
         display: flex;
         flex-direction:column;
         flex-grow: 1;
         border: 0px solid blue;
           }

 



 #me{width: 96.13vw;
    display: block; 
    margin: auto;
    margin-bottom:1.93vw;
    margin-left:1.93vw;
    margin-top: 0px;

 
 
 }
 #me2{width: 24vw;
    display: none; 
    margin: auto;
    margin-bottom:0vw;
    margin-left:0.8vw;
    margin-top: 0px;

 
 
 }
 #me3{width: 24vw;
    display: none; 
    margin: auto;
    margin-bottom:0.8vw;
    margin-left:0.8vw;
    margin-top: -14.73vw;
       }
  .footer {
    height: 15vw;
    background-color:transparent;
    box-sizing: border-box;
    border: 0px solid blue;
    position: sticky;
    top: 00px;
       
      }
  
 }