.container{
    width:1000px;
    margin: 0 auto;
    padding:0 50px;
    background-color: #fffaf0;
}

.header h2{
    color:#00A99D;
    margin:0px;
    font-size:24px;
    padding:0px;
}

.header p{
    margin:0px;
    padding:0px;
}

.header{
    overflow: hidden;
    width:100%;
    height:250px;
    background-size: cover;
    background-position:top;
    /* マスクで下に透明グラデーション */
    background-image:linear-gradient(to bottom, rgba(255, 250, 240, 0) 55%,#fffaf0 85%, #fffaf0 100%),url("./header.png");
}

.left-border{
    border-left:5px solid #000000 ; /*線の設定*/
    padding:0px 0 0 1em;
}

.subtitle{
    font-size:0.9em;
}

.pattern-list{
    padding:0 0 0 calc(1em + 5px);
}

.body{
    table-layout:fixed;
    width:100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.body TD img{
    background-color: #ffffff;
    width:300px;
    height:212px;
    padding:0;
    margin:0px;
}

.category{
    text-align:left;
    font-size:0.9em;
    margin:0px;
    padding:50px 0 0 0.5em;
    color: #00a99d !important;;
}

.caption{
    border-width: 0!important;
    color: #000!important;
    font-size:0.8em;
}
a {}