.header {
    background-color: #fff;
    color: #fff;
    border-bottom: solid 1px #cfcfcf;
    padding: 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 10;
}

.header-logo img {
    height:40px;
}

/* --- ハンバーガーメニュー --- */
/* チェックボックスは常に非表示 */
#menu-btn-check {
    display: none;
}

/* ハンバーガーアイコン */
.menu-btn {
    display: block;
    position: relative;
    width: 30px;
    height: 40px;
    cursor: pointer;
    z-index: 20;
}

/* ハンバーガーの3本線 */
.menu-btn span {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #666;
    border-radius: 2px;
    transition: transform 0.3s, opacity 0.3s;
}

.menu-btn span:nth-of-type(1) {
    top: 5px;
}

.menu-btn span:nth-of-type(2) {
    top: 14px;
}

.menu-btn span:nth-of-type(3) {
    top: 23px;
}

/* チェックされたらハンバーガーを「×」に変形 */
#menu-btn-check:checked ~ .menu-btn span:nth-of-type(1) {
    top: 14px;
    transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span:nth-of-type(2) {
    opacity: 0; /* 真ん中の線を消す */
}

#menu-btn-check:checked ~ .menu-btn span:nth-of-type(3) {
    top: 14px;
    transform: rotate(-45deg);
}

/* --- 全画面メニュー --- */
.menu-content {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.95);
    transition: left 0.3s;
    z-index: 15;
    display: flex;
    align-items: center;
}
.menu-content a{color:#fff;}
.menu-content-rogo{
    position: absolute;
    top:0;
    scale:50%;
    left:0;
}
.menu-content-block{display:block;padding-left:3rem;width:100%;position: absolute;top:80px;}
.menu-content-block-ttl{padding-bottom:5px;border-bottom:solid 1px #fff;}
.menu-content-index{width:100%;padding:0.5rem 0;border-bottom:solid 1px #fff;}
.menu-content-index .jp{font-size:1.1rem}
.menu-content-index .en{font-size:0.9rem}
.menu-content .undermenu{display:flex;font-size:0.8rem;}
.undermenu-btn{padding:0 1rem;border-left:solid 1px #fff;margin-top:1rem;}
.menu-content-hot{margin-top:2rem;}
.menu-content-hot p{}

/* チェックされたらメニューを画面内に表示 */
#menu-btn-check:checked ~ .menu-content {
    left: 0;
}