body {
    padding-top: 110px; /* ヘッダーの後ろに要素が隠れないようにするため */
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
}

header {
    width: 100%; /* 幅いっぱいを指定 */
    height: 118px; /* 高さをXXpxに指定 */
    background: #2F4A7A;
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
}

main {
    height: 100vw;
    padding: 10px;
}

.title {
    font-size: 18px;
    margin: 8px;
    text-align: center;
}

.title a {
    color: #eeeeee;
    text-decoration: none;
}

.search_box {
    margin: 10px;
    display: flex;
    justify-content: space-between;
    color: white;
}

.search {
    text-align: left;
}

#search_form {
    float: left;
    margin-right: 10px
}

.about {
    text-align: right;
}

.about a {
    color: #eeeeee;
    text-decoration: none;
}


.caption {
    background: #f6f6f6;
    padding: 10px;
    margin: 5px;
}

.caption_text {
    font-size: 16px;
    letter-spacing: .8px;
    line-height: 1.5em;
    margin-top: 8px;
    margin-bottom: 8px;
}

.bc_title {
    font-size: 20px;
    color: #333333;
}

.play_link {
    text-decoration: none;
    color: #000;
}
.play_link:hover{
    text-decoration: underline;
}

.highlight {
    font-weight: bold;
    background: yellow;
}