.page_header{
    display: flex;
    width: min(96svw, 1200px);
    height: min(6.4svw,80px);
    background-color: white;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    border-radius: 0 0 min(2svw,25px) min(2svw,25px);
    padding-bottom: min(2svw,25px);
}

#skiplink{
    position: absolute;
    top: min(0.8svw,10px);
    z-index: -1;
    margin-left: min(0.56svw,7px);
    padding: min(0.56svw,7px) min(0.64svw,8px) min(0.56svw,7px) min(0.64svw,8px);
    background-color: #fff;
    border: 1px solid #555;
    border-radius: min(0.64svw,8px);
    text-decoration: none;
    font-size: min(1.28svw,16px);
}

.page_title{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    color: #a66e0b;
    margin: 0;
    margin-left: min(2svw,25px);
}

.page_title a{
    display: flex;
    text-decoration: none;
    align-items: baseline;
    font-size: min(1.44svw,18px);
}

@media (hover: hover){
    .page_title a:hover{
        background-color: #fff7e1;
    }
}

.page_title a:focus{
    background-color: #fff7e1;
}

.title_logo{
    width: min(12svw,150px);
}

.title_text{
    font-weight: lighter;
    margin-left: min(1.28svw,16px);
    color: #a66e0b;
}

.header_link{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: min(2svw,25px);
}

.searchaccessiblebooks_link,.searchbooks_link,.returnsearch_link,.calendar_link,.howto_link{
    line-height: 1em;
    width: min(16.96svw,212px);
    height: min(4.48svw,56px);
    border-radius: min(2.24svw,28px);
    margin-left: min(0.64svw,8px);
    font-size: min(1.28svw,16px);
    display: none;
}

/* .calendar_link,.howto_link{
    width: min(23.04svw,288px);
    height: min(4.48svw,56px);
    border-radius: min(2.24svw,28px);
    margin-left: min(0.64svw,8px);
    font-size: min(1.28svw,16px);
    display: none;
} */

.header_link .active{
    display: flex;
}

@media (hover: hover){
    .header_link button:hover{
        background-color: #fff7e1;
    }
}

.header_link button:focus{
    background-color: #fff7e1;
}

.searchbooks_link:before{
    content: "";
    box-sizing: border-box;
    width: min(2.56svw,32px);
    height: min(2.64svw,33px);
    margin-left: min(1.92svw,24px);
    margin-right: min(1.92svw,24px);
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/search_link_icon.png");
    z-index: 2;
}

.searchaccessiblebooks_link:before{
    content: "";
    box-sizing: border-box;
    width: min(2.56svw,32px);
    height: min(2.64svw,33px);
    margin-left: min(1.92svw,24px);
    margin-right: min(1.6svw,20px);
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/search_link_icon.png");
    z-index: 2;
}

.returnsearch_link:before{
    content: "";
    box-sizing: border-box;
    width: min(2.56svw,32px);
    height: min(2.64svw,33px);
    margin-left: min(1.92svw,24px);
    margin-right: min(1.6svw,20px);
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/search_link_icon.png");
    z-index: 2;
}

.calendar_link:before{
    content: "";
    box-sizing: border-box;
    width: min(2.56svw,32px);
    height: min(2.64svw,33px);
    margin-left: min(1.92svw,24px);
    margin-right: min(1.92svw,24px);
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/calendar_icon1.png");
    z-index: 2;
}

.howto_link:before{
    content: "";
    box-sizing: border-box;
    width: min(1.92svw,24px);
    height: min(2.325svw,31px);
    margin-left: min(1.92svw,24px);
    margin-right: min(0.96svw,12px);
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/howto_icon.png");
    z-index: 2;
}

.header_link button:after{
    content: "";
    box-sizing: border-box;
    width: 0;
    height: 0;
    margin-left: auto;
    box-sizing: border-box;
    border: min(0.48svw,6px) solid transparent;
    border-left: min(0.64svw,8px) solid #555;
    z-index: 2;
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
    .page_header{
        width: min(96svw, 600px);
        height: min(12svw,75px);
        border-radius: 0 0 min(4.5svw,50px) min(4.5svw,50px);
        padding-bottom: min(2.4svw, 15px);
    }
    #skiplink{
        top: min(1.6svw,20px);
        margin-left: min(1.12svw,14px);
        padding: min(1.12svw,14px) min(1.28svw,16px) min(1.12svw,14px) min(1.28svw,16px);
        background-color: #fff;
        border: 1px solid #555;
        border-radius: min(1.28svw,16px);
        text-decoration: none;
        font-size: min(2.56svw,32px);
    }
    .page_title {
        width: 70%;
        margin-left: min(4svw, 50px);
    }
    .page_title a {
        font-size: min(3svw, 36px);
    }
    .title_logo {
        width: min(26svw, 300px);
    }
    .title_text {
        margin-left: min(2.56svw, 16px);
    }
    .header_link{
        width: 30%;
        margin-right: min(4svw,50px);
    }
    .header_link button{
        width: min(8.64svw,54px);
        height: min(8.64svw,54px);
        border-radius: min(5.2svw,32.5px);
        font-size: 0px;
        padding: 0;
        margin-left: min(0.96svw,6px);
    }

    .searchbooks_link:before{
        position: absolute;
        width: min(5.12svw,32px);
        height: min(5.28svw,33px);
    }

    .searchaccessiblebooks_link:before{
        position: absolute;
        width: min(5.12svw,32px);
        height: min(5.28svw,33px);
    }

    .returnsearch_link:before{
        position: absolute;
        width: min(5.12svw,32px);
        height: min(5.28svw,33px);
    }

    .calendar_link:before{
        position: absolute;
        width: min(5.12svw,32px);
        height: min(5.28svw,33px);
    }

    .howto_link:before{
        position: absolute;
        width: min(3.84svw,24px);
        height: min(4.65svw,31px);
        margin: 0;
    }

    .header_link button:after{
        border: 0px solid transparent;
        border-left: 0px solid #555;
    }
}