body{
    background-color: #f4f4f4;
    block-size: max-content;
    font-size: 14px;
    display: block;
    font-family: "Quicksand", "Kiwi Maru", sans-serif;
}
@media only screen and (min-width : 993px) {
    .container {
        width: 80%;
    }
}

/* sidenav固定用(l::のみ) */
header, main, footer {
    padding-left: 300px;
}
@media only screen and (max-width : 992px) {
    header, main, footer {
      padding-left: 0;
    }
}


/*パンくずリスト*/
.breadcrumb {
    color: #4d4d4d;
    font-size: 1.1rem;
    line-height: normal;
}
.breadcrumb:before,
.breadcrumb:after{
    color: #4d4d4d;
}
.breadcrumb:last-child{
    color: #4d4d4d;
}
.breadcrumb-space{
    margin-left: 28px;
    color: #4d4d4d;
    vertical-align: middle;
}




.height-full{
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tb-margin-2{
    margin-top: 30px;
    margin-bottom: 20px;
}

.t-margin-2{
    margin-top: 30px;
}

.b-margin-2{
    margin-bottom: 30px;
}

.tinylabel{
    font-size: 12px;
}





.balloon {
    position: relative;
    background-color: #f48fb1;
    padding: 10px;
    text-align: center;
    color: white;
}
.balloon::before {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-bottom: 12px solid #f48fb1;
    bottom: 100%;
    left: 50%;
}
.balloon p {
    margin: 0;
    padding: 0;
}

.logo-in-sidenav > a {height:auto!important;line-height:normal!important;padding:0!important;}
.nav-submit {background:none;border:0;color:rgba(0,0,0,.87);cursor:pointer;font:inherit;font-weight:500;height:48px;line-height:48px;padding:0 32px;text-align:left;width:100%;}
.nav-submit i {float:left;height:48px;line-height:48px;margin:0 32px 0 0;color:rgba(0,0,0,.54);}
.nav-submit:hover {background-color:rgba(0,0,0,.05);}
.memo-content {white-space:pre-wrap;overflow-wrap:anywhere;}
.player-message {padding:12px;}
.auth-card {max-width:640px;margin:30px auto;padding:24px;}
.auth-card h1 {font-size:1.8rem;}
.auth-card label {color:#595959;}
button.btn,button.btn-large {font-family:inherit;}
button.link-button {border:0;background:none;color:#039be5;cursor:pointer;font:inherit;padding:0;}
select {display:block;width:100%;height:3rem;padding:0 10px;border:1px solid #9e9e9e;border-radius:2px;background:#fff;font:inherit;}
.input-field > select + label {transform:translateY(-14px) scale(.8);transform-origin:0 0;}
.teal-text > label {color:inherit;font-size:inherit;}
#unit {padding:0 2px;}
#like-btn, #cancel-like-btn {margin-left:0;}
.native-sidenav-overlay {position:fixed;inset:0;z-index:996;border:0;padding:0;background:rgba(0,0,0,.5);cursor:pointer;}
.native-sidenav-overlay[hidden] {display:none;}
.sidenav {transition:transform .2s ease;}
.sidenav.sidenav-open {transform:translateX(0);}
@media (prefers-reduced-motion:reduce) {.sidenav {transition:none;}}