/*今日の潮汐テーブル*/
#tide-table-today {
    width: calc(100% - 10px);
    margin: 5px;
    padding: 5px;
    border: solid 1px #c0c0c0;
    border-radius: 5px;
    box-shadow: 0 0 5px #aaa;
    user-select: none;
}

/*ボックスレイアウト用*/
#tide-table-today>ul {
    display: flex;
    flex-wrap: wrap;
}

#tide-table-today li {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*年月日と曜日*/
#tide-table-today li.ymdw {
    width: 100%;
    height: 45px;
    font-weight: bold;
    font-size: 1.2em;
}

/*潮汐*/
#tide-table-today li.level {
    height: 105px;
    font-weight: bold;
    font-size: 2em;
}

/*月相・月齢*/
#tide-table-today li.moon ul {
    display: flex;
    flex-wrap: wrap;
}

#tide-table-today li.moon li {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tide-table-today li.moon li.phase {
    height: 65px;
}

#tide-table-today li.moon li.age {
    height: 40px;
}

/*タイトル*/
#tide-table-today li.title {
    height: 30px;
    font-weight: bold;
    font-size: 1.1em;
}

#tide-table-today li.title.full {
    color: orangered;
}

#tide-table-today li.title.low {
    color: royalblue;
}

/*時刻・潮位*/
#tide-table-today li.time-height {
    width: 25%;
}

#tide-table-today li.time-height ul {
    display: flex;
    flex-wrap: wrap;
}

#tide-table-today li.time-height li {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
}