@charset "UTF-8";

/*==============================================================
見出し
==============================================================*/
.introduction {
    margin: 0 auto 9%;
    background-image: url("../img/bg_service_01.jpg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.introduction > h2 {
    margin-bottom: 24px;
    font-size: 27px;
    line-height: 1.9;
    letter-spacing: 3px;
}

.introduction > p {
    line-height: 2.4;
    letter-spacing: 4px;
}

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

    .introduction {
        background-image: none;
    }

    .introduction > h2 {
        margin-bottom: 27px;
        font-size: 27px;
    }

    .introduction > p {
        font-size: 14px;
        line-height: 2.1;
        letter-spacing: 3px;
    }

}

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

    .introduction {
        margin-bottom: 60px;
    }

    .introduction > h2 {
        margin-bottom: 24px;
        font-size: 20px;
    }

    .introduction > p > br {
        display: none;
    }

}

/*==============================================================
ギャラリー
==============================================================*/
#gallery {
    margin-bottom: 4.5%;
}

#gallery > li {
    width: 23.5%;
    padding: 5px;
    margin-right: 2%;
    margin-bottom: 2.5%;
    background-color: #fff;
    box-sizing: border-box;
    float: left;
}

#gallery > li:nth-child(4n) {
    margin-right: 0;
}

.fancybox-caption__body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    letter-spacing: 3px;
}

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

    #gallery {
        margin-bottom: 12%;
    }

    #gallery > li {
        width: 30%;
        padding: 5px;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    #gallery > li:nth-child(4n) {
        margin-right: 5%;
    }

    #gallery > li:nth-child(3n) {
        margin-right: 0;
    }

}

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

    #gallery > li {
        width: 32%;
        padding: 4px;
        margin-right: 2%;
        margin-bottom: 3%;
    }

    #gallery > li:nth-child(4n) {
        margin-right: 2%;
    }

    #gallery > li:nth-child(3n) {
        margin-right: 0;
    }

}

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

    #gallery {
        margin-bottom: 18%;
    }

    #gallery > li {
        width: 48%;
        padding: 5px;
        margin-right: 4%;
        margin-bottom: 5%;
    }

    #gallery > li:nth-child(3n) {
        margin-right: 4%;
    }

    #gallery > li:nth-child(2n) {
        margin-right: 0;
    }

}

/*==============================================================
プライベートルーム
==============================================================*/
#private_room {
    padding: 90px;
    border: 1px solid rgb(150, 150, 150);
    margin: 0 auto;
    box-sizing: border-box;
    background-color: rgb(45, 45, 45);
}

#private_room > h2 {
    margin-bottom: 1.5%;
    font-size: 21px;
    text-align: center;
    letter-spacing: 3px;
}

#private_room > p {
    margin-bottom: 4.5%;
    line-height: 2;
    text-align: center;
    letter-spacing: 2px;
}

#private_room > ul {
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
}

#private_room > ul > li {
    width: 47%;
    float: left;
}

#private_room > ul > li:nth-child(1) {
    margin-right: 6%;
}

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

    #private_room > h2 {
        margin-bottom: 2.1%;
        font-size: 24px;
    }

    #private_room > p {
        margin-bottom: 6%;
    }

}

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

    #private_room {
        padding: 65px 75px 85px;
    }

}

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

    #private_room {
        padding: 35px 30px 40px;
    }

    #private_room > h2 {
        margin-bottom: 9px;
        font-size: 18px;
    }

    #private_room > p {
        margin-bottom: 20px;
        font-size: 11px;
    }

}