/* 全体 */
.ferry-box{
    width:600px;
    margin:30px auto;
    border:1px solid #cfcfcf;
    font-family:"Yu Gothic","YuGothic","メイリオ",sans-serif;
}

/* ヘッダー */
.ferry-title{
    background:#224f91;
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    padding:14px 0;
}

/* 日付エリア */
.ferry-date-area{
    background:#ffffff;
    text-align:center;
    padding:25px 0 20px;
}

/* 日付 */
.ferry-date{
    margin-bottom:15px;
}

.year{
    font-size:22px;
}

.month{
    font-size:42px;
    font-weight:500;
}

.day{
    font-size:60px;
    font-weight:bold;
}

.unit{
    font-size:26px;
}

.week{
    display:inline-block;
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    background:#000;
    color:#fff;
    font-size:24px;
    font-weight:bold;
    margin-left:10px;
    vertical-align:middle;
}

/* 更新テキスト */
.ferry-update{
    color:#d64035;
    font-size:16px;
    font-weight:bold;
}

/* 運航情報エリア */
.ferry-table-area{
    background:#e5e3d7;
    padding:25px;
}

/* テーブル */
.ferry-table{
    width:100%;
    border-collapse:collapse;
}

.ferry-table tr:first-child{
    border-bottom:1px solid #d5d5d5;
}

.ferry-table td{
    padding:18px 0;
}

/* 左列 */
.port{
    width:140px;
    font-size:36px;
    font-weight:bold;
    line-height:1.6;
    vertical-align:middle;
}

/* 色 */
.izena{
    color:#005ab5;
}

.unten{
    color:#d54030;
}

/* 右列 */
.schedule{
    border-left:1px solid #bababa;
    padding-left:40px !important;
}

.schedule div{
    font-size:28px;
    line-height:2;
    color:#333;
}