/*パソコン・パッド用CSS*/

@media screen and (min-width:768px){
/*メディアクエリー。スマホで見れるように768以下を入れる*/
    
    *{
        box-sizing: border-box;
        text-decoration: none;
        margin: 0;
        border-style:none;
    }
    
    body{
        overflow-x: hidden;
    }
    
    /*---------------サイドメニュー---------------*/
    
    aside{
        width: 20%;
        height: 100%;
        position: fixed;
        left: 20;
        top: 0;
        margin:0;
        float: left;
    }

    .menu_sp{
        display:none;
    }

    .menu_pc{
        width: 100%;
        z-index: 999;
    }

    .menutext{
        width: 100%;
        padding: 10%;
    }

    .menutext li{
        width: 100%;
        padding: 2% 0;
        list-style: none;
    }
    
    .menutext a{
        color: #000000;
    }
    
    .menutext a:hover{
        color: #005CAF;
        border-bottom: solid #005CAF 1px;
    }
    
    /*---------------ライン---------------*/
    
    hr{
        width: 100%;
        height: 1px;
        padding: 2% 0;
        border: none;
        border-top: 1px #000000 solid;
    }
    
    /*---------------ヘッダー---------------*/
    
    header{
        width: 80%;
        float: right;
    }
    
    #title{
        width: 100%;
        padding: 5% 10%;
    }

    #title h2{
        padding: 5% 0;
        font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",serif;
        font-weight: normal;
    }

    #chapter{
            width: 100%;
            float: right;
            position: fixed;
            top: 0;
            padding: 0 5%;
            background-color: #FFFFFF;
    }
    
    #chapter li{
        padding: 1%;
        list-style: none;
        display: inline-block;
    }
    
    #chapter li a{
        color: #000000;
    }
    
    #chapter li a:hover{
        color: #005CAF;
        border-bottom: solid #005CAF 1px;
    }
    
    /*---------------メイン---------------*/
    
    main{
        width: 80%;
        margin:0;
        z-index: auto;
        border: 0;
        padding: 0;
        float: right;
    }
    
    #main_text{
        padding: 5% 10%;
    }
    
    /*---------------フッター---------------*/
    
    footer {
        width: 80%;
        padding: 10% 10% 2% 8%;
        margin: 0 auto;
        float: right;
    }
    
    footer p{
        text-align: left;
    }
    
    /*---------------TOPに戻るボタン---------------*/
    #pageTop {
        position: fixed;
        bottom: 2%;
        right: 2%;
    }

    #pageTop i {
        font-size:20px;
    }

    #pageTop a {
        padding:7px 0;
        display: block;
        z-index: 999;
        width: 50px;
        height: 50px;
        color: #fff;
        background-color: #000000;
        font-weight: bold;
        font-size: 10px;
        text-decoration: none;
        text-align: center;
    }

    #pageTop a:hover {
        text-decoration: none;
        opacity: 0.7;
        filter:alpha(opacity=70);
        -ms-filter: alpha(opacity=70);
    }

}