@charset "UTF-8";
/* CSS Document */
table.happy {
    width: 80%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 14px;
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-sizing: border-box;
}
 
table.happy th,
table.happy td {
    padding: 10px;
}
 
table.happy th {
    background: #34495e;/*left_teble*/
    vertical-align: middle;
    text-align: center;
    width: 25%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    box-sizing: border-box;
}

 
table.happy td {
    background: #e6e8eb;/*right_teble*/
    width: 75%;
    padding-left: 20px;
    box-sizing: border-box;
}


/*テーブルヘッダー開始*/
table.happy .arrow_box1, table.happy .arrow_box2 {
    background-color: #16a085;
    text-align: center;
    padding-left: 0;
    font-size: 18px;
}
table.happy .arrow_box2 {
    background-color: #e6e8eb;
    font-size: 18px;
}

/*テーブルヘッダー終了*/



@media screen and (max-width: 769px) {
    table.happy {
    width: 100%;
}
    table.happy td, table.happy th {
        display: block;
        width: 100%;
        padding: 5px;
    }
    table.happy th:after {
    display: none;
}
table.happy .arrow_box1, table.happy .arrow_box2 {
    display: none;
}
}