body{
    font-family: 'Murecho' !important;
}
.header{
    margin:0;
    padding:0;
    position: fixed;
    width:100%;
    height:56px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    background-color: white;
    z-index:99999999;
}
.header-logo{
    position: fixed;
    top:6px;
    left:6px;
    width:100px;
}
.login{
    position: fixed;
    top:6px;
    right:180px;
    border: solid 1px #444;
    color:#444 !important;
    background-color: white !important;
}
.regist{
    position: fixed;
    top:6px;
    right:18px;
    border: solid 1px  var(--color_link) !important;
    color:white !important;
    background-color: var(--color_link) !important;

}
.contents-wrapper{
    text-align: center;
    padding-top:88px !important;
}
a{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wrapper{
    text-align: center;
    margin:0 auto;
}

.button{
    background-color: #7a7a7a;
    color: white;
    font-weight: bold;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    padding:10px 16px;
    cursor: pointer;
}
.footer{
    background-color: #333;
    width:100%;
    padding:40px 0 15px 0;
    text-align: center;
    margin-top:40px;
}
.footer div a{
    color:white;
    font-size:13px;
    line-height: 26px;
}
@media (max-width: 680px) {
    .sp-show {
        display: block;
    }
    .pc-show {
        display: none;
    }
    .header-logo{
        position: fixed;
        top:6px;
        left:6px;
        width:70px;
    }
    .login{
        right:165px;
    }
    .regist{
        right:8px;
    }
}
@media (min-width: 681px) {
    .sp-show {
        display: none;
    }
    .pc-show {
        display: block;
    }
}