/*------------------------------ 
            PC
------------------------------*/
@media screen and (min-width: 641px) {
    #wrapper{
        width:938px;
        margin:0 auto;
    }
    #sec01 * {
        line-height: 30px;
    }
    #sec01 .reserve_links {
        text-align: center;
        border-collapse: separate;
        border-spacing: 40px 0;
        margin: 0 0 30px -40px;
    }
    #sec01 .reserve_links th,
    #sec01 .reserve_links td {
        width: calc(50% - 20px);
        background-color: #F6F6ED;
        padding-bottom: 20px;
    }
    #sec01 .reserve_links td {
        padding: 0 40px 20px 40px;
    }
    #sec01 .text {
        font-size: 20px;
    }
    #sec01 .reserve_links tr:first-child th {
        border-radius: 20px 20px 0 0;
    }
    #sec01 .reserve_links tr:last-child td {
        border-radius: 0 0 20px 20px;
    }
    #sec01 .reserve_links a,
    #sec01 .reserve_links_2 a {
        display: block;
        width: 200px;
        color: #008A1D;
        text-decoration: none;
        background: url(/library/ysfarm/reserve/experience/img/icon_arrow_right_green.png) 94% center no-repeat;
        border: 1px solid;
        border-radius: 50px;
        background-color: #FFFFFF;
        border-color: #008A1D;
        margin:  0 auto;
    }
    #sec01 .reserve_links_2 {
        width: 100%;
        text-align: center;
    }
    #sec01 .reserve_links_2 p {
        padding-bottom: 20px;
    }
    #sec01 .reserve_links_2 tr th,
    #sec01 .reserve_links_2 tr td {
        vertical-align: middle;
        background-color: #F6F6ED;
    }
    #sec01 .reserve_links_2 tr th {
        width: 504px;
        border-radius: 20px 0 0 20px;
    }
    #sec01 .reserve_links_2 tr td {
        border-radius: 0 20px 20px 0;
        /* padding: 0 40px; */
    }
    #sec01 .reserve_links_2 .en_text {
        display: block;
        margin-top: 10px;
        padding-bottom: 20px;
    }
    #sec01 .staff_block {
        background-color: #F64612;
        border-radius: 20px;
        padding: 0 1px;
    }
    #sec01 .staff_block a {
        text-decoration: none;
        text-align: center;
    }
    #sec01 .staff_block span {
        display: block;
        color: #FFF0AC;
        padding: 16px 0;
    }
    #sec01 .staff_block span.text2 {
        font-size: 30px;
        color: #F64612;
        background: #FFD087;
        background: -moz-linear-gradient(left, #FFD087 0%, #fff0ac 50%, #FFD087 100%);
        background: -webkit-linear-gradient(left, #FFD087 0%,#fff0ac 50%,#FFD087 100%);
        background: linear-gradient(to right, #FFD087 0%,#fff0ac 50%,#FFD087 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD087', endColorstr='#FFD087',GradientType=1 );
    }
    #sec01 .staff_block span.text3 {
        line-height: 20px;
    }
    #sec01 .staff_block span.text3 img {
        vertical-align: middle;
    }
    #sec01 .en_text {
        font-size: 14px;
        color: #999999;
    }

    /* KGCO-2489 2019/11/26 */
    #sec01 .reserve_links td p.sub_txt,
    #sec01 .reserve_links_2 p.sub_txt {
        width: 300px;
        margin: 0 auto;
        border: 2px solid #000000;
        padding: 5px;
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 1.5rem;
    }
}


/*------------------------------ 
            SP
------------------------------*/

@media screen and (max-width: 640px) {
    #wrapper {
        width:auto;
    }
    #wrapper * {
        font-size: 14px;
    }
    #sec01 * {
        line-height: 30px;
    }
    #sec01 .reserve_links {
        width: 100%;
        margin: 0 auto;
    }
    #sec01 .reserve_links a {
        display: block;
        width: calc(50% - 10px);
        float: left;
        margin: 20px 20px 0 0;
    }
    #sec01 .reserve_links a:nth-child(1),
    #sec01 .reserve_links a:nth-child(2) {
        margin-top: 0;
    }
    #sec01 .reserve_links a:nth-child(2n) {
        margin-right: 0;
    }
    #sec01 .reserve_links a img,
    #sec01 .reserve_links_2 a img,
    #sec01 .staff_block a img {
        width: 100%;
    }
}