@media screen and (min-width:500px){
    
#g_menu {
    margin:0 auto ;
    display: grid ;
    grid-template-columns: 50% 50% ;
    grid-template-rows: auto ;
}
    
}



@media screen and (max-width:499px){ 
    img {
        max-width: 100%;
        height: auto;
  }
    
    #g_menu {
        margin:0 auto ;
        display: grid ;
        grid-template-columns: 100% ;
        grid-template-rows: auto ;

    }
    
}



/*リンク用フロート*/

.menu {
    color: #5b6356 ;
    border-style:solid ;
    border-width: 1px ;
    border-color: #5b6356 ;
    margin: 5%; 
    border-bottom-right-radius: 15px ;
    padding: 0 ;
    background-color:antiquewhite ;

}

.menu img {
    float: left;
    margin-top: 0 ;
    margin-bottom: 0 ;
    margin-right: 3% ;
}

.menu_m {
    height: 100px ;
    overflow-y: scroll ;
}

.menu_d {
    background-color: #cbb994 ;
    border-top: dashed 1px #5b6356 ;
    bottom: 0 ;
    border-bottom-right-radius: 15px ;
    right: 0;
    text-align: right ;
    width: 100% ;
    line-height: 150% ;
    clear: both;
}


/*本文の体裁*/

#read{
    width: 90%;
    background-color: #f8f4e6 ;
    border: 0 ;
    margin:0 auto ;
    max-width: 1300px ;
}



/*記事名部分の設定*/

.link {
    font-weight: bold ;
    font-size: large ;
    line-height: 130% ;
    text-decoration-line: underline ;
    margin-bottom: 0.5em ;
    margin-left: 0 ;
    margin-right: 0 ;
    margin-top: 0.2em ;
}

.link a:link {
    color: #5b6356 ;
}

.link a:visited {
    color: #5b6356 ;
}

.link a:hover {
    color:coral ;
}





/*文字飾り*/

.red {
    color:orangered ;
    font-weight: bold ;
}



.delete {
    text-decoration-line:line-through ;
}

.bold {
    font-weight: bold ;
    font-size: large ;
}