.body_worklist main{
    display: block;
}

.body_worklist{
    background-color: rgba(183, 158, 173, 0.2);
}

.body_worklist .area-artisttitle{
    text-align: center;
    color: rgba(62, 79, 117, 0.5);
    font-family: 'Libre Baskerville', serif;
    padding-top: 30px;
    font-size: 2rem;
}

.body_worklist h1{
    text-align: center;
    padding-top: 30px;
}

.body_worklist h1 img{
    width: 40%;
}



.container{
    max-width: 1100px;
    margin: auto auto 0;
    border-top: 0px solid #333334;
}

.container .container-inr{
    max-width: 1100px;
    border-top: 0px solid #333334;
}

main .post-body{
    color: #373737;
}


main{
    display: block;
}

section{
    display: block;
}

article {
    display: block;
    width: 30%;
    padding-top: 30px;
}


main .area-work{
    padding: 0px 70px 70px;
    background: rgba(248, 208, 232, 0.7);

}

main .block-work{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

main .block-work::after{
    content: "";
    width: 30%;
    display: block;
}




*, ::after, ::before {
    box-sizing: border-box;
}

/*====================================
table
====================================*/

.body_worklist .container .inner .meyasu{
    font-size: 1.5rem;
    text-align: left;
    color: rgba(62, 79, 117, 0.5);
    font-family: 'Libre Baskerville', serif;
    padding-top: 20px;
}

main .block-work .matome-table {
    width: 100%;
    
    /*border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;*/
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}

main .block-work colgroup {
    display: table-column-group;
}

main .block-work col {
    display: table-column;
}

main .block-work .matome-table caption {
    margin-bottom: 24px;
}



main .block-work .matome-table tbody tr td{
        padding: 8px;
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
        background: rgba(243, 243, 243, 0.6);
        width: 300px;
}
main .block-work .matome-table tbody tr td:last-child{
    border-right: none;
}



main .block-work .matome-table tbody tr td:first-child {
    background: rgba(243, 243, 243, 0.6);
    
}

main .block-work .matome-table tbody tr:first-child td{
    background: rgba(243, 243, 243, 0.6);
}

main .block-work .hyou{
    display: flex;
}


main .block-work .matome-table thead tr th {
    padding: 8px;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background: rgba(212, 94, 131, 0.6);
    font-weight: 400;
    text-align: left;
    color: #fff;
    width: 400px;
    
}
main .block-work .matome-table thead tr th:last-child{
    border-right: none;
}

main .block-work .matome-table thead tr td:last-child{
    border-bottom: none;
}

main .block-work tr:last-child td:first-child{ /* 最後のtr(行) かつ、最初の td(列) つまり、3行目1列目に適用*/
    border-bottom: none;
  }

  main .block-work tr:last-child td:last-child{ /* 最後のtr(行) かつ、最初の td(列) つまり、3行目1列目に適用*/
    border-bottom: none;
  }

main .block-work tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

main .inner .block-work .ryoukin a{
    width: 200px;
    padding: 10px 25px;
    margin: 20px;
    background: rgba(255, 255, 255, 0.8);

}
main .inner .block-work .button2{
    text-align: right;
}


main .block-work .matome-table a {
    color: #AA98D3;
}

main .block-work tr:first-child th:first-child{ /* 最初のtr(行) かつ、最初の td(列) つまり、1行目1列目に適用*/
    border-radius: 12px 0 0 0; /* 左上から指定してゆく */
  }
  main .block-work tr:first-child th:last-child{ /* 最初のtr(行) かつ、最後の td(列) つまり、1行目3列目に適用*/
    border-radius: 0 12px 0 0;
  }
  main .block-work tr:last-child td:first-child{ /* 最後のtr(行) かつ、最初の td(列) つまり、3行目1列目に適用*/
    border-radius: 0 0 0 12px;
  }
  main .block-work tr:last-child td:last-child{ /* 最後のtr(行) かつ、最後の td(列) つまり、3行目3列目に適用*/
    border-radius: 0 0 12px 0;
  }

  main .block-work .miniCon{
      width: 30%;
      opacity: 0.7;
  }

  @media screen and (max-width:1000px){

  }/*===============max-width:1000px==
  =============*/
@media screen and (max-width:768px){
    main .inner .area-work {
        padding: 0px 10px 10px;
    }
    main .block-work .matome-table span {
        /*padding: 0 20px 5px;*/
        font-size: 14px;
        font-weight: 500;
    }
    
}/*===============max-width:768px==
==============*/


@media screen and (max-width:768px){
    article {
        width: 100%;
    }
    main .block-art{
        display: flex;
        flex-direction: column;
    }
    main .area-art{
        margin-left: auto;
        margin-right: auto;
    }
    
    .body_worklist h1 img{
        width: 60%;
    }
    
    
}/*===============max-width:768px================*/

@media screen and (max-width:546px){
    main .block-work .hyou{

    
}/*===============max-width:546px==
==============*/