@import url("surroundings.css");

@media(min-width:1001px) {
    .surroundings.heritage-01 .surrounBox {
        padding: 0 98px 6.3vw 0;
    }

    .lower.heritage-02 .sectionContent .lowerFram {
    	width: 1522px;
    }
    .lower.heritage-02 .sectionContent .frameWrap {
    	width: 600px;
    	justify-content: flex-start;
        padding: 16.1vh 0 0;
    }
    .lower.heritage-02 .sectionContent .frameWrap .homeSub {
        margin-bottom: 6vw;
    }
    .lower.heritage-02 .sectionContent .framePhoto {
        width: 726px;
    }
    .lower.heritage-02 .sectionContent .lowerBg {
    	height: 44.5vh;
        width: auto;
        margin-bottom: 0;
        margin-left: 6px;
    }
    .lower.heritage-02 .sectionContent .lowerBg.smallbg {
        height: 44.4vh;
    	width: auto;
    	margin-left: 0;
    	margin-bottom: 11.15vh;
    }
    .lower.heritage-02 .sectionContent .lowerBg.smallbg img {
        width: auto;
        object-position: bottom;
    }
    .lower.heritage-02 .sectionContent .lowerBg img {
        object-position: top;
    }

    .lower .sectionContent .lowerFram {
        align-items: center;
    }
    .lower.heritage-03 .sectionContent .frameWrap {
        justify-content: flex-start;
        width: 560px;
        padding-top: 8.1vh;
    }
    .lower.heritage-03 .sectionContent .frameWrap .faramePhotoSub {
        margin-bottom: 7vh;
    }
    .lower.heritage-03 .sectionContent .frameWrap .homeSub {
        margin-bottom: 0;
    }
    .lower .sectionContent .lowerBg {
        width: auto;
        height: 66.7vh;
        margin-bottom: 3.4vw;
    }
    .section .sectionChangeFixed .language {
        color: #000;
    }
    .section .sectionChangeFixed .header .logo a {
        filter: brightness(1) invert(0);
        -webkit-filter: brightness(1) invert(0);
    }
    .section .sectionChangeFixed .language  a{
        color: #000;
    }
    .sectionChangeFixed #copyright,
    .sectionChangeFixed .footer .menu li a,
    .sectionChangeFixed .header .mainHD .reservation a,
    .sectionChangeFixed .header .mainHD .language a {
        color: #000;
    }
    .sectionChangeFixed .header .hamburger span,
    .sectionChangeFixed .header .mainHD .reservation a::before,
    .sectionChangeFixed .header .mainHD .reservation a::after,
    .sectionChangeFixed .header .mainHD .reservation a span::before,
    .sectionChangeFixed .header .mainHD .reservation a span::after {
        background-color: #000;
    }
    .section .sectionChangeFixed .footer .menu li a {
        color: #fff;
        opacity: 1;
    }
    .section .section .sectionChangeFixed .footer .nextSection a {
        color:#fff;
    }
    .section .section .sectionChangeFixed .footer .nextSection span {
        background-color: #fff;
    }
    .section .section .sectionChangeFixed .footer .nextSection span:before {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
}

@media(max-width: 1000px) {
    .surroundings.heritage-01 .sectionContent {
        flex-direction: column;
    }

    #pageContainer .pageContent .section.lower.heritage-02 {
        margin-bottom: 64px;
    }
    .lower.heritage-02 .sectionContent .lowerFram .frameWrap {
        align-items: end;
        margin-bottom: 41px;
    }
    .lower.heritage-02 .sectionContent .lowerFram .lowerBg {
        width: 100%;
        margin: 0;
    }
    .lower.heritage-02 .sectionContent .lowerFram .smallbg {
        width: 55%;
        float: left;
        margin: 0 0 48px -7.3%;
    }

    #pageContainer .pageContent .section.lower.heritage-03 {
        margin-bottom: 0;
    }
    .lower.heritage-03 .sectionContent .lowerFram .frameWrap {
        flex-direction: column;
        align-items: flex-end;
    }
    .lower.heritage-03 .sectionContent .lowerFram .frameWrap .faramePhotoSub {
        margin-right: -7.3%;
    }
    .lower.heritage-03 .sectionContent .lowerFram .lowerBg {
        width: 100%;
        margin: 0;
    }
}