@charset "utf-8";
/* CSS Document */
#main-visual{
    height:350px;
}

#main-visual span{
    margin-top:80px;
}

#main-visual span+img{
    width:1500px;
    margin-left: -750px; 
}

#main-visual span img:nth-of-type(1){
    margin:0.5em auto 0;
    display:block;
    width:400px;
    height:auto;
}

#main-visual span+img{
    margin-top:28px;
}

#main-visual h2{
    display:none;
}

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

    #main-visual{
        margin-top:50px;
        height:320px;
    }

    #main-visual h2{
        display:block;
        color:#fff;
        text-align:center;
        font-size:120%;
        padding:90px 0 50px;
    }

    #main-visual span+img{
        width:1000px;
        display:inline-block;
        height:auto;
        position: relative;
        left: 50%;
        margin-top:30px;
        margin-left: -500px; 
    }

    #main-visual span{
        display:none;
    }

    #sp_logo2{
        position:relative;
        display:block;
        z-index:10;
        margin:0.5em auto 0;
        width:150px;
        height:auto;
    }

    #cloud1{
        top:150px;
        left:20px;
    }

    #cloud2{
        display:none;
    }
}

#contents_box nav#pager{
    max-width:870px;
    margin:0 auto 0;
    padding:2em 30px 0;
    line-height:2;
}

#page_nav{
    margin:0 auto 3em;
    padding:0;
}

#page_nav ul{
    margin:0 auto 0;
    padding-top:3em;
    width:100%;
    text-align:center;
}

#page_nav li{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    line-height:1.2;
    margin:0 2em;
}

#page_nav li a{
    display:inline-block;
    border:none;
    padding-bottom:8px;
}

#page_nav li img{
    width:130px;
    height:auto;
    border-radius:50%;
    text-align:center;
    margin-bottom:10px;
}

#page_nav li:hover a img{
    border:3px solid #f44779;
}

#page_nav li:hover a{
    color:#f44779;
}

.page{
    color:#f44779;
}

.page img{
    border:3px solid #f44779;
}

#contents_box h2{
    display:none;
}

#contents{
    max-width:1000px;
    margin:0 auto;
    padding:0 30px;
    line-height:2;
}

#contents h3{
    text-align:center;
    font-size:140%;
    color:#f44779;
    line-height:1.2;
    margin-bottom:1em;
}

#contents h3 br{
    display:none;
}

#contents h3 img{
    vertical-align:middle;
}

#contents h3 img:nth-of-type(1){
    padding-right:8px;
}

#contents h3 img:nth-of-type(2){
    padding-left:8px;
}

#contents p{
    text-align:justify;
}

#contents > section{
    padding:0 30px;
    margin-top:5rem;
}

#contents h3+P span{
    display:block;
    text-align:right;
    padding:1em 0 0;
}

#oneday{
    margin-bottom:3rem;
}

#class p,
#food p,
#oneday p,
#oneyear p{
    text-align:center;
    padding-bottom:1em;
}

#class{
    margin-bottom:5rem;
}

small{
    display: inline-block;
    font-size:90%;
}

#contents #class > div{
    padding:3rem;
    margin:0.5rem 0 2.5rem;
    border-radius:30px;
    background: #FFF2C6;
}

#class dt{
    text-align: center;
    font-size:130%;
    font-weight: bold;
    color:#fff;
    padding:0.5rem 1.5rem;
    border-radius: 30px;
    margin:0 auto 1rem;
    width: max-content;
    display: flex; 
}

#class div:nth-of-type(1) dt{
    background:#f7750a;
}

#class div:nth-of-type(2) dt{
    background:#23c1ff;
}

#class div:nth-of-type(3) dt{
    background:#20c05d;
}

#class dd{
    text-align: center;
}

#class dd:nth-of-type(2){
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#class dd:nth-of-type(2){
    margin-top:1rem;
}

#class dd:nth-of-type(2) img:nth-of-type(n+3){
    margin-top:2rem;
}

#class dd img{
    width:48%;
    height: auto;
}

#class i{
    color:#fff019;
    font-size:90%;
}

#class dd > span{
    display: inline-block;
}

#class span span{
    display:inline-block;
    margin:0 -0.5rem;
}

#class small{
    display: inline-block;
}

#class dd small{
    display:block;
}

@media screen and (max-width: 680px) {
    #contents{
        padding:0 30px;
    }

    #contents #class > div{
        padding:2rem;
        margin:0.5rem 0 2rem;
        border-radius:20px;
    }

    #class dt{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;    
    }
    #class dd{
        text-align: justify;
    }

    #class dd br{
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #contents{
        padding:0;
    }

    #contents #class > div{
        padding:2rem 1rem 1rem;
        margin:0.5rem 0 1rem;
        border-radius:10px;
    }

    #class dd:nth-of-type(2){
        margin-top:0;
    }
}

.triangle{
    position:absolute;
    margin:0 auto;
    display: block;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: auto;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}

#food section{
    border-spacing: 10px 0;
    display: table;
    border-collapse: separate;
    table-layout:fixed;
    width:100%;
    margin:2em 0;
}

#food section:nth-last-child(1) {
    margin-bottom:0;
}

#food dl{
    border-radius:15px;
    display:table-cell;
    border:3px solid #f44779;
    width:45%
}

#food dt{
    background:#f44779;
    color:#fff;
    border-radius:10px 10px 0 0;
    text-align:center;
    padding:0.5em 0;
}

#food dd{
    width:90%;
    line-height:1.7;
    font-size:90%;
    margin:0 auto;
}

#food dd img:nth-of-type(1){
    width:100%;
    height:auto;
    display:block;
}

#food dd img:nth-of-type(1){
    padding:1.5em 0 1em;
}

#food dd img:nth-of-type(2) ,
#food dd img:nth-of-type(3) {
    width:47%;
    height:auto;
    display:inline-block;
    padding:1em 0 1.5em;
}

#food dd img:nth-of-type(2){
    margin-right:4%;
}

#food section:nth-of-type(2) dl:nth-of-type(1) dd img:nth-of-type(2){
    width:100%;
}

@media screen and (max-width: 640px) {
    #contents h3+P {
        text-align:justify;
    }

    #contents_box h2{
        display:block;
        text-align:center;
        font-size:130%;
        color:#54c6ff;
    }

    #contents div{
        margin:2em auto 0;
    }

    #page_nav{
        margin:3rem auto 0;
    }

    #page_nav ul{
        margin:0 auto 0;
        padding-top:1em;
    }

    #page_nav li{
        margin:0 1em;
        font-size:85%;
    }

    #page_nav li img{
        width:75px;
        margin-bottom:8px;
    }

    #contents{
        font-size:90%;
        line-height:1.7;
    }

    #contents section{
        margin-bottom:1.5em;
    }

    #contents h3{
        margin-bottom:0.5em;
    }

    #contents h3 br{
        display:inline;
    }

    #contents h3 span{
        display:none;
    }

    #contents h3 img:nth-of-type(1){
        display:block;
        margin:0 auto;
        margin-bottom:0.5em;
        padding:0;
    }

    #contents h3 img:nth-of-type(2){
        display:none;padding:0;
    }

    #contents dl+p img{
        width:100%;
    }

    #contents dl+p img:nth-of-type(1){
        margin:0 0 10px;
    }

    #contents dt{
        margin-bottom:0;
    }

    #contents dd{
        padding:1em;
    }

    #care_policy dd{
        margin:0;
        padding:0.5em 0 0 1em;
        text-align:justify;
        text-indent:-1em;
    }

    #contents table{
        font-size:90%;
        margin:0 auto;
    }

    #contents th{
    padding:1em 1em 0 0;
    white-space:nowrap;
    }

    #contents td{
        padding:1em 0;
    }

    #food section{
        padding:0;
    }

    #food p{
        text-align:justify;
    }

    #food p br{
        display:none;
    }

    #food section{
        display:block;
    }

    #food dl{
        display:block;
        width:100%;
    }

    #food dd{
        width:100%;
    }

    #food dd img:nth-of-type(1){
        padding:0.2em 0 1em;
    }

    #food dd img:nth-of-type(2) ,
    #food dd img:nth-of-type(3) {
        width:47%;
        height:auto;
        display:inline-block;
        padding:1em 0 0.5em;
    }

    #food dd img:nth-of-type(2){
        margin-right:4%;
    }
}

@media screen and (max-width: 480px) {
    #food section{
        margin:0 0 1rem;
    }
}

#oneday table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    text-align:center;
    line-height:1.5;
    background:#fff;
}

#oneday table .am3 td:nth-last-of-type(1),
#oneday table .pm5 td:nth-last-of-type(1),
#oneday table .pm6 td:nth-last-of-type(1){
    border-right:1px solid #ccc;
}

#oneday table .am3 td:nth-of-type(1),
#oneday table .pm4 td:nth-of-type(1),
#oneday table .pm5 td:nth-of-type(1),
#oneday table .pm6 td:nth-of-type(1){
    border-left:1px solid #ccc;
}

#oneday table:nth-of-type(2) td:nth-of-type(1){
    border-left:1px solid #ccc;
}

#oneday table:nth-of-type(2) td:nth-last-of-type(1){
    border-right:1px solid #ccc;
}

#oneday table:nth-of-type(2) tr:nth-last-of-type(1) td{
    border:none;
}

#oneday table tr:nth-of-type(1) th:nth-of-type(1){
    border-radius: 20px 0 0 0;
}

#oneday table tr:nth-of-type(1) th:nth-last-of-type(1){
    border-radius: 0 20px 0 0;
}

#oneday table:nth-of-type(2) tr:nth-of-type(1) th:nth-last-of-type(1){
    border-radius:20px 20px 0 0;
}

#oneday table tr:nth-last-of-type(1) td:nth-of-type(1){
    border-radius: 0 0 0 20px;
}

#oneday table tr:nth-last-of-type(1) td:nth-last-of-type(1){
    border-radius: 0 0 20px 0;
}

#oneday table tr:nth-last-of-type(1) {
    border:none;
}

#oneday table th{
    vertical-align: middle;
    font-size:1.2rem;
}

#oneday .nintei td{
    padding:0.5rem;
    font-size:1.05rem;
}

.nintei td:nth-of-type(1){
    background:#a6e4cc;
}

.nintei td:nth-of-type(2){
    background:#c0e2a1;
    border-left:1px dotted #555;
}

#oneday table:nth-of-type(2){
    display:none;
}

#oneday table tr{
    border-bottom:1px solid #ccc;
}

#oneday table tr:nth-of-type(1){
    border:none
}

#oneday table td{
    font-size:90%;
    vertical-align:middle;
    width:100%;
}

#oneday table tr:nth-of-type(1) th{
    color:#fff;
    padding:0.5em;
}

#oneday table tr:nth-of-type(1) th:nth-of-type(1){
    background:#ff6f00;
}
#oneday table tr:nth-of-type(1) th:nth-of-type(2){
    background:#54c6ff;
}
#oneday table tr:nth-of-type(1) th:nth-of-type(3){
    background:#88c200;
}

#oneday table img{
    width:100%;
    height:auto;
}

#oneday table .am td:nth-of-type(1),
#oneday table .am td:nth-of-type(3),
#oneday table .am td:nth-of-type(5),
#oneday table .am td:nth-of-type(7){
    background:#def6ff;
    color:#009ae3;
}

#oneday table td{
    padding:1em;
}

#oneday table .am2 td:nth-of-type(1),
#oneday table .am2 td:nth-of-type(3),
#oneday table .am2 td:nth-of-type(5),
#oneday table .am2 td:nth-of-type(7){
    background:#ffe2a6;
    color:#ff6522;
}

#oneday table .am2 td:nth-of-type(2),
#oneday table .am2 td:nth-of-type(4),
#oneday table .am2 td:nth-of-type(6),
#oneday table .am2 td:nth-of-type(8){
    background:#ffffcc;
    color:#ff6522;
}

#oneday table .pm td:nth-of-type(1),
#oneday table .pm td:nth-of-type(3),
#oneday table .pm td:nth-of-type(5),
#oneday table .pm td:nth-of-type(7){
    background:#ffd3e9;
    color:#ff6eb6;
}

#oneday table .pm2 td:nth-of-type(1),
#oneday table .pm2 td:nth-of-type(3),
#oneday table .pm2 td:nth-of-type(5){
    background:#8b63a1;
    color:#fff;
}

#oneday table .pm2 td:nth-of-type(2),
#oneday table .pm2 td:nth-of-type(4),
#oneday table .pm2 td:nth-of-type(6){
    background:#b89fc5;
    color:#fff;
}

#oneday table .pm3 td:nth-of-type(1),
#oneday table .pm3 td:nth-of-type(3),
#oneday table .pm3 td:nth-of-type(5),
#oneday table .pm3 td:nth-of-type(7){
    background:#796a56;
    color:#fff;
}

#oneday table .pm3 td:nth-of-type(2),
#oneday table .pm3 td:nth-of-type(4),
#oneday table .pm3 td:nth-of-type(6),
#oneday table .pm3 td:nth-of-type(8){
    background:#9f9486;
    color:#fff;
}

#oneday table .pm4 td:nth-of-type(7){
    background: linear-gradient(180deg,#ffd3e9,#8b63a1);
    color:#fff;
}

#oneday table .pm4 td:nth-of-type(8){
    background:#b89fc5;
    color:#fff;
}


@media screen and (max-width: 640px) {
    #oneday table td{
        font-size:110%;
    }

    #oneday table:nth-of-type(1){
        display:none;
    }
    #oneday table:nth-of-type(2){
        display:table;
    }
    #oneday table tr:nth-of-type(2) td{
        padding:1em;
    }
}

#oneyear{
    margin-bottom:-3em;
}

#oneyear section{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#oneyear section div{
    width:49.5%;
    display:inline-block;
    padding:1em 1rem 2rem;
    margin-bottom:4px;
}

#oneyear #spring{
    background:#ffd3e9;
    color:#ff6eb6;
    border-radius:20px 0 0 0;
}

#oneyear #summer{
    background:#cef2ff;
    color:#009ae3;
    border-radius:0 20px 0 0;
}

#oneyear #autumn{
    background:#ffd795;
    color:#ff5513;
    border-radius:0 0 0 20px;
}

#oneyear #winter{
    background:#eed9fd;
    color:#8841e6;
    border-radius:0 0 20px 0;
}

#oneyear p.season{
    font-size:140%;
    color:#fff;
    display:block;
    margin:1em auto 5px;
    line-height:1;
    padding:0.7em;
    border-radius:10px;
    width:2.4em;
    margin-bottom:1rem;
}

#spring p.season{background:#ff6eb6;}
#summer p.season{background:#009ae3;}
#autumn p.season{background:#ff5513;}
#winter p.season{background:#8841e6;}

#oneyear section p.season+p{
    font-size:60%;
}

.season span{
    font-size:30%;
    display:block;
}

#oneyear .schedule {
    text-align:left;
    width:85%;
    margin:0 auto;
    font-size:90%;
}

#oneyear .schedule img{
    width:100%;
    height:auto;
    padding-top:1em;
}

#oneyear > p:nth-of-type(2){
    background:#cf9174;
    border-radius: 15px;
    margin-bottom:1rem;
    padding:1rem;
    color:#fff;
}

@media screen and (max-width: 640px) {
    #oneyear section div{
        width:100%;
        display:block;
        padding:1em;
        margin-bottom:10px;
    }

    #oneyear #spring,
    #oneyear #summer,
    #oneyear #autumn,
    #oneyear #winter{
        border-radius:15px;
    }

    #oneyear{
        margin-bottom:-1.5em;
    }

    #oneyear p.season{
        font-size:130%;
        color:#fff;
        display:block;
        margin:5px auto 5px;
        line-height:1;
        padding:0.7em;
        border-radius:10px;
        width:2.4em;
    }

    #contents #oneyear td{
        padding:0.5rem 0 0;
    }

    #oneyear p.season {
        margin-top:1rem;
    }

    #oneyear > p:nth-of-type(2){
        text-align: justify;
    }
}

@media screen and (max-width: 480px) {
    #contents #oneyear div{
        margin:1.5rem auto 0;
        padding:0.5rem 0.5rem 1rem;
    }

    #oneyear > p:nth-of-type(2){
        margin-bottom:0;
    }

    #oneyear .schedule {
        width:90%;
    }
}

#spring table tr td:nth-of-type(1),
#summer table tr td:nth-of-type(1),
#autumn table tr td:nth-of-type(1),
#winter table tr td:nth-of-type(1){
    width:3em;
}

.seven{
    color:#ad8046 !important;
}

#seven{
    width:100%;
    padding-bottom:1em;
}

#seven li{
    display:inline-block;
}

#seven li{
    width:32.5%;
}

#seven img{
    width:100%;
    height:auto;
}

@media screen and (max-width: 640px) {
    #seven li{
        display:block;
    }

    #seven li{
        width:100%; margin-bottom:8px;
    }

    p.seven{
        font-size:90%;
    }
}