@charset "utf-8";

/*==========================
header
==========================*/

@media screen and (min-width:769px) {

    .nav__item:nth-of-type(3) {
        display: none;
    }
}

/*==========================
article
==========================*/
/* cafeMain */

.section--workingMain {
    color: #222;
}

.section--workingMain .btn--cafeCalendar {
    margin-top: 40px;
}

.section__topic--workingMain {
    margin: 40px 12% 0 12%;
    padding: 16px;
    color: #222;
    text-align: left;
}

.section__topic_txt--workingMain:first-of-type {
    margin-top: 0px;
}

.btn--workingMenu {
    box-shadow: none;
    border: 1px solid #FFF;
    background: linear-gradient(to top, #978777, #756351);
}

.section--workingMenu{
    color:#FFF;
    margin: 0 auto;
}

.workingMenu__content {
    margin: 32px auto 0;
    padding: 32px;
    width: 100%;
    height: 388px;
    border-radius: 50px;
}

.workingMenu__content--person {
    background-image: url(../images/workingPerson.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.workingMenu__content--table {
    background-image: url(../images/workingTable.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.workingMenu__content--room {
    background-image: url(../images/workingRoom.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.working__exp {
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
}

.working_price {
    font-size: 2.4rem;
    font-weight: 400;
    margin-top: 10px;
}

.working_txt {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    margin-top: 26px;
}


/* workingMain pc */
@media screen and (min-width:769px) {

    .section__topic--workingMain {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .section--workingMenu {
        position: relative;
        height: 1260px;
    }

    .workingMenu__content {
        margin: 0 auto;
        width: 80%;
        height: 600px;
        border: 20px solid #fff;
    }

    .workingMenu__content--person {
        clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 80%);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .workingMenu__content--table {
        clip-path: polygon(0% 30%, 106% 0%, 106% 100%, 0% 70%); 
        position: absolute;
        top: 320px;
        left: 50%;
        transform: translateX(-50%);        
    }

    .workingMenu__content--room {
        clip-path: polygon(0% 20%, 100% 50%, 100% 100%, 0% 100%);
        position: absolute;
        top: 640px;
        left: 50%;
        transform: translateX(-50%);
        }

    .workingMenu__content--person .btn--workingMenu {
        width: 362px;
        margin-top: 20px;
        margin-left: 0;
        text-align: left;
    }

    .workingMenu__content--table .btn--workingMenu {
        width:431px;
        margin-top: 100px;
        margin-right: 0;
        text-align: left;
    }

    .workingMenu__content--room .btn--workingMenu {
        width: 362px;
        margin-top: 200px;
        margin-left: 0;
        text-align: left;
    }


    .working__exp {
        display: inline-block;
        margin-top: 64px;
        padding: 10px 16px 10px 16px;
        background-color: rgba(117,99,81,0.7);
        text-align: left;
    }

    .working__exp--right {
        text-align: right;
        position: absolute;
        right: 30px;
    }

    .working_price {
        font-size: 3.6rem;
        font-weight: 400;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        margin-top: 0;
    }

    .working_txt {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        margin-top: 10px;
    }   

}/*pc 769px */