@media(max-width:600px){
    
    
 .sp_content{
display:block !important;
}
.pc_content{
display:none !important;
}   
    
    body{
        overflow-x: hidden;
    }
    
    .ib{
        width: 100%;
    }   
    
    audio{
        width: 220px;
        position: fixed;
        opacity: 0.8;
        
        bottom: 5px;
        z-index: 999;
        left: calc(50% - 110px);
    }
 /**************************
    
    header
    
    ***********************/
    
    .audio_btn{
        display: block;
        position: absolute;
        width: 36px;
        height: 36px;
        top: 0px;
        background: #fff;
        border-radius: 50%;
        right: 50px;
        z-index: 99;transition:0.3s ease;
    }
    
    .audio_btn.play{
        transition:0.3s ease;
        z-index: 2;
    }
    
    .audio_btn_p{
        display: block;
        position: absolute;
        width: 36px;
        height: 36px;
        top: 0px;
        background: #eee;
        border-radius: 50%;
        right: 50px;
        z-index: 9;
    }
    
    .audio_control {
    margin-top: 57px;
    margin: 65px auto 0;
}   
    .audio_btn:before{
        font-family: ionicons;
        content: "\f333";
        position: absolute;
        font-size: 23px;
        top: 5px;color: #111;
        left: 8px;
    }
    
        .audio_btn_p:before{
        font-family: ionicons;
        content: "\f341";
        position: absolute;
        font-size: 21px;
        top: 7px;color: #111;
        left: 11px;
    }
    
header {
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #D4AF37;
    background: url(../img/kado_l.png) 5px 5px no-repeat ,#000;
    background-size: 50px,cover;
}
    
    .spbtn{
        position: absolute;
        width: 45px;
        height: 45px;
        color: #fff;
        font-size: 32px;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }
    
    .spbtn:before{
        content: "\f32a";
        font-family: ionicons;
        position: absolute;
        top: -3px;
        right: 5px;
    }
    
    header nav{
        display: none;
        width: 100%;
    }
    header nav a{
        width: 100%;
        padding: 10px 0;
    }
    
    header h1 img{
        width: 130px;
    }
    
    .topimg {
    height: 280px;
    margin-top:60px;
    background: url(../img/mask02.png) 50% 50% no-repeat,url(../img/ts.png) -1px 0 no-repeat,url(../img/ts02.png) 101% 0 no-repeat,url(../img/opera.jpg);
    background-size: 160px auto,100px 102%,100px 102%,cover;
    background-blend-mode: normal,multiply,multiply;
}
    
    /*************************
    
    article
    
    **************************/
    
    article .ib{
        padding: 30px 15px;
    }
    
    article h2{
        margin: 30px 0; 
            font-size: 18px;
    }
    
    article table th {
    width: 30%;

}
    
    .map .ib {
    padding: 10px 15px;
}
    
    .map iframe {
    height: 350px;
    width: 100%;
}
    .pagetop {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 5px;
    cursor: pointer;
    background: #D4AF37;
    z-index: 9;
}
    
    /**************************
    
    subpage
    
    ***************************/
    
    .panlist{
        margin-top: 58px;
    }
    
    .pagetop:before {
    font-family: ionicons;
    content: "\f3d8";
    font-size: 37px;
    position: absolute;
    top: 12px;
    left: 14px;
}
    
    
    
    
    
    
    
    
}/*600pxここまで*/