/* =========================
   Navbar Logo Responsive
   ========================= */

.logo-img{

    /*
      最小 : 32px
      可変 : 6vw
      最大 : 50px
    */
    height: clamp(32px, 6vw, 50px);

    width: auto;

    transition:
        height 0.2s ease,
        transform 0.2s ease;
}


/* optional hover effect (PC only) */
@media (hover:hover){

    .logo-img:hover{
        transform: scale(1.03);
    }

}


/* =========================
   Portal Title
   ========================= */

.portal-title{
    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%, -50%);

    margin:0;

    font-size:clamp(16px, 4vw, 28px);

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    pointer-events:none;

    max-width:55vw;
}

.title-center{

    position:absolute;

    left:50%;

    top:50%;

    transform:
        translate(-50%, -50%);

    pointer-events:none;
}