公式HP ブルーラグーン - BLUE LAGUNE

<header class="part509"><div class="part509_wrapper"><a href="https://reserve.489ban.net/client/bluelagune/0/plan" class="part509_logo">SUNSET OCEAN VIEW VACATION VILLA BLUE LAGOON</a><ul class="part509_menu"><li></li></ul></div></header>

<div class="part510"><div class="part510_text"><p class="part510_catch"></p><h1 class="part510_title">SUNSET OCEAN VIEW <br />VACATION VILLA BLUE LAGOON</h1><p class="part510_description"></p></div></div>

.part509{position:absolute;top:40px;left:40px;right:40px;z-index:99999}.part509_wrapper{max-width:1280px;margin:0 auto;background:#fff;padding:15px 40px;display:flex;align-items:center;justify-content:space-between;border-radius:40px}.part509_logo{transition:.2s;color:#000;font-size:16px}.part509_logo:hover{opacity:.6}.part509_logo img{max-width:160px}.part509_menu{padding:0;margin:0;display:flex}.part509_menu>li{list-style:none}.part509_menu>li a{transition:.2s;font-size:16px;color:#000;font-weight:bold}.part509_menu>li a:hover{opacity:.6}.part510{height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.part510_image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.part510_image img{width:100%;height:100%;object-fit:cover}.part510_text{position:relative;text-align:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.6),0 0 15px rgba(0,0,0,.6)}.part510_catch{font-size:38px;font-weight:bold;margin:0 0 40px}.part510_title{font-size:57px;font-weight:bold;color:#fff;margin:0 0 100px}.part510_description{font-size:16px;line-height:1.8;margin:0}.allwindowimages{position:relative;max-width:1280px;margin:0 auto 80px;padding:0 40px}.allwindowimages .ant-carousel img{max-width:100%;width:100%}.allwindowimages .ant-carousel img.pcview{display:block}.allwindowimages .ant-carousel img.sdview{display:none}.allwindowimages .ant-carousel .slick-dots li{width:8px;height:8px;margin:0 4px}.allwindowimages .ant-carousel .slick-dots li button{border-radius:50%;height:auto;padding-bottom:100%}.allwindowimages .ant-carousel .slick-next{border:2px solid;border-color:#191919 #191919 transparent transparent;height:20px;right:-20px;transform:rotate(45deg);width:20px;z-index:1}.allwindowimages .ant-carousel .slick-prev{border:2px solid;border-color:transparent transparent #191919 #191919;height:20px;left:-20px;transform:rotate(45deg);width:20px;z-index:1} .ant-carousel {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    display: block;
}

.ant-carousel .slick-next {
    right: 25px !important;
    border-color: #fff #fff transparent transparent !important;
}

.ant-carousel .slick-prev {
    left: 25px !important;
    border-color:  transparent transparent #fff #fff !important ;
}


.part510_text {
    z-index: 100;
}

.allwindowimages .ant-carousel img {
    height: 100vh !important;
    object-fit: cover;
} @media screen and (min-width: 0px) and (max-width: 800px) {.part509{top:0;left:0;right:0}.part509_wrapper{max-width:100%;padding:15px 20px;border-radius:0}.part509_logo{font-size:14px}.part509_logo img{max-width:120px}.part509_menu>li a{font-size:14px}.part510_text{padding-top:60px}.part510_catch{font-size:28px;margin-bottom:30px}.part510_title{font-size:52px;margin-bottom:60px}.part510_description{font-size:13px}.allwindowimages{margin:0 auto 40px;padding:0 15px}.allwindowimages .ant-carousel .slick-next{border-color:#fff #fff transparent transparent;right:20px}.allwindowimages .ant-carousel .slick-prev{border-color:transparent transparent #fff #fff;left:20px} }