@charset "utf-8";
/*iPhone用の設定
@media screen and (max-width: 1400px) { */

    .container {
        display: grid;
        grid-template-columns: 95px 3fr;
        
    .batsu {
    grid-column: 3/3 ;
    margin-left: auto;
    font-size: 100%;/*ボタンの大きさ*/
    font-weight: bold;
    border: 1px solid #999;
    color: #999;
    display: flex;
    justify-content: center;
    lign-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
}
    
    .batsu:hover{
    background: #333;
    border-color: #333;
    color: #FFF;
        }            
    .nav {
        grid-column: 1/3;
    }
     
    .header {
        grid-column: 1/3;
        background-color: #fffffff;
        height: 40px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: right;
        font-size: 10px;
    }

    .main {
        background-color: #71fcf7;
        grid-column: 1/2 ;
        border: 1px solid #aaa;
        
   
    }

    .article {
        background-color: #b8fcfc;
        grid-column: 2/3;
        border: 1px solid #aaa;
    }

    .footer {
        background-color: #eedcb3;
    }
}