@charset "utf-8";
/* ----------------------------------------
   kyoto.css
---------------------------------------- */

/* #location
---------------------------------------- */
#location .images div:nth-child(1) {
    background-image: url(../img/kyoto/img_location01.jpg);
    flex-basis: 33.33333%;
}

#location .images div:nth-child(2) {
    background-image: url(../img/kyoto/img_location02.jpg);
    flex-basis: 33.33333%;
}

#location .images div:nth-child(3) {
    background-image: url(../img/kyoto/img_location03.jpg);
    background-position: center 80%;
    flex-basis: 33.33333%;
}

#location .images div:nth-child(4) {
    background-image: url(../img/kyoto/img_location04.jpg);
    background-position: center 0;
    flex-basis: 50%;
}

#location .images div:nth-child(5) {
    background-image: url(../img/kyoto/img_location05.jpg);
    background-position: center 0;
    flex-basis: 50%;
}

/* #celemony
---------------------------------------- */
#celemony .images div:nth-child(1) {
    background-image: url(../img/kyoto/img_celemony01.jpg);
    background-position: center center;
    flex-basis: 50%;
}

#celemony .images div:nth-child(2) {
    background-image: url(../img/kyoto/img_celemony02.jpg);
    background-position: center 0%;
    flex-basis: 50%;
}

#celemony .images div:nth-child(3) {
    background-image: url(../img/kyoto/img_celemony03.jpg);
    background-position: center 90%;
    flex-basis: 50%;
}

#celemony .images div:nth-child(4) {
    background-image: url(../img/kyoto/img_celemony04.jpg);
    background-position: center 75%;
    flex-basis: 50%;
}

/* ----------------------------------------
   @media : SP
---------------------------------------- */
@media screen and (max-width: 736px) {
    #location .images div:nth-child(1) { background-position: center 30%; }
    #location .images div:nth-child(2) { background-position: center 40%; }
    #location .images div:nth-child(3) { background-position: center 0%; }
    #location .images div:nth-child(4) { background-position: center 0%; }
    #location .images div:nth-child(5) { background-position: center 20%; }
    #celemony .images div:nth-child(1) { background-position: center 0%; }
    #celemony .images div:nth-child(2) { background-position: center 0%; }
    #celemony .images div:nth-child(3) { background-position: center bottom; }
    #celemony .images div:nth-child(4) { background-position: center 0%; }
}/* /@media */