@charset "UTF-8";
/* CSS Document */

#main {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#main h1 {
    height: 380px;
    background: url("../../year/images/title.png")no-repeat;
}

#main ul.nav-a {
    width: 470px;
    position: absolute;
    top: 90px;
}

#main ul.nav-a li {
    width: 220px;
    padding: 5px 0;
    display: inline-block;
}

#main p.greeting {
    width: 470px;
    position: absolute;
    top: 180px;
}

#main p.greeting span {
    float: right;
}

#main .sec {
    margin-bottom: 40px;
}

#main #eigyou p {
    display: inline-block;
    width: px;
    vertical-align: top;
    padding: 20px 30px;
}

#main #yoyaku p,
#toshikoshi p,
#menu p {
    padding: 20px 30px;
}

#main #toshikoshi ul p {
    padding: inherit;
}

#main #toshikoshi ul {
    margin: 0 auto;
    text-align: center;
}

#main #toshikoshi ul li {
    width: 440px;
    display: inline-block;
}

#main #toshikoshi ul li:nth-child(odd) {
    margin-right: 15px;
    margin-bottom: 40px;
}


#main .year table {
    width: 900px;
    border-collapse: collapse;
    border: 1px solid black;
}

#main .year table tr {
    border: 1px solid black;
}

#main .year table tr.tr-color {
    color: #FFFFFF;
    background: #D66B17;
}

#main .year table td {
    border: 1px solid black;
    padding: 5px 0;
}

#main .soba_yoyaku {
    margin-top: 80px;
}

@media screen and (max-width:750px) {
    #main {
        width: calc(670 / 750*100vw);
        padding-top: calc(140 / 750*100vw);
    }

    #main h1 {
        width: calc(750 / 750*100vw);
        height: calc(614 / 750*100vw);
        background: url("../../year/images/title-sp.jpg")no-repeat;
        background-size: calc(750 / 750*100vw);
        margin-left: -5.4vw;
    }

    #main ul.nav-a {
        width: calc(650 / 750*100vw);
        position: static;
        padding: 6vw 0;
    }

    #main ul.nav-a li {
        width: calc(320 / 750*100vw);
        padding: 2vw 0;
        display: inline-block;
        position: static;
        font-size: calc(22 / 750*100vw);
    }

    #main p.greeting {
        width: calc(650 / 750*100vw);
        position: static;
        margin: 0 0 13vw 0;
    }

    #main p.greeting span {
        float: right;
    }

    #main #eigyou p,
    #yoyaku p,
    #toshikoshi p,
    #menu p {
        padding: 4vw 3vw;
    }

    #main #toshikoshi ul p {
        padding: inherit;
    }

    #main #toshikoshi ul {
        margin: 0 auto;
        text-align: center;
    }

    #main #toshikoshi ul li {
        width: calc(670 / 750*100vw);
        display: inline-block;
    }


    #main .scroll {
        overflow: hidden;
        overflow-x: hidden;
        overflow-x: scroll;
    }

    #main .year table {
        width: 150vw;
    }



}