body{
    margin: 0;
    border: 0;
    padding: 0;
    /* background-color: rgb(25, 28, 39); */
    background-color: rgb(0, 0, 0);
}

#newsbar{
    background-color: #5da1c0;
}

#newsbar ul{
    list-style:none;
    color: white;
    margin: 0;
}

#news li{
    vertical-align: middle;
    display: inline-block;
    margin: 5px;
}

#newstitle{
    text-align: center;
    width: 15%;
}

#newstext{
    text-align: left;
    width: 65%;
}

#logoimg{
    height: 75px;
    width: 75px;
}

#news h1{
    font-size: 26px;
}

#news p{
    font-size: 18px;
}

#twitterIcon{
    height: 75px;
    width: 75px;
}

.hidden{
    display: none;
}

.hiddenmenu{
    visibility: hidden;
}

#newsdetile h1{
    font-size: 26px;
    margin: 0;
    padding-left: 15%;
    color: white;
}

#newsdetile p{
    display: inline-block;
}

.date{
    width: 20%;
    font-size: 16px;
    text-align: center;
}

.newstext{
    font-size: 16px;
}



#mainimage{
    height: 650px;
    overflow: hidden;
    vertical-align: middle;
}

#mainvisual{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



#menubar{
    background-color: rgb(0, 0, 0);
    text-align: center;
    position: fixed;

    min-width: 100%;
    min-height: 65px;

    z-index: 10;
    top: 0px;
}

#menuposbox{
    z-index: 0;
    height: 65px;
}

#menubar ul{
    margin: 0;
    max-height: 60;
    list-style: none; 
}

#menubar li{
    display: inline-block;
    /* width: 8%;
    min-width: 120px;
    min-height: inherit;
    padding-top: 20px;
    padding-bottom: 20px; */
    text-align: center;
}

#menubar a{
    text-decoration:none;
    font-size: 16px;
    color: white;
    vertical-align:middle;
}

.block1{
    background-color: rgb(0, 0, 0);
    min-width: max-content;
    height: 61px;
    margin-top: -20px;
}
.block2{
    background-color: rgb(0, 0, 0);
    min-width: max-content;
    height: 61px;
    margin-top: -20px;
}
.block3{
    /* background-color: rgb(23, 118, 173); */
    background-color: #41B06E;
    min-width: max-content;
    height: 61px;
    margin-top: -20px;
}
.block4{
    /* background-color: rgb(23, 118, 173); */
    min-width: max-content;
    height: 61px;
    margin-top: -20px;
}
.blocktext{
    padding-top: 20px;
}
.blocktext3{
    color: black;
    padding-top: 20px;
}

.menucolor1{
    background-color: rgb(0, 0, 0);
    margin-left: -5px;
    padding-bottom: 5px;
    min-width: max-content;
    height: inherit;
}

.menucolor2{
    background-color: rgb(0, 0, 0);
    margin-left: -5px;
    padding-bottom: 5px;
    min-width: max-content;
    height: inherit;
}

.menucolor3{
    background-color: #41B06E;
    margin-left: -5px;
    padding-bottom: 5px;
    min-width: max-content;
    height: inherit;
}

#menubar img{
    width: 100%;
    height: 100%;

    margin-top: 3px;
    max-width: 62px;
    object-fit: cover;
}

.btn{
    width: 8%;
    min-width: 120px;
    min-height: inherit;
    padding-top: 20px;
    /* padding-bottom: 25px; */
    vertical-align: top;
}

#logobtn a{
    color: #41B06E;
    font-size: 22px;
}

#bigtitle{
    color: #41B06E;
    font-size: 40px;
    margin-right: -5px;
}

#logobtn{
    vertical-align: middle;
    margin-top: -35px;
    margin-left: -80px;
}

#logo{
    margin-right: 5px;
}

#yuuraku{
    overflow: hidden;
}

#yuuraku h2{
    font-size: 30px;
    color: whitesmoke;
    text-align: center;
}

#yuuraku p{
    font-size: 18px;
    color: whitesmoke;
    text-align: center;
}



#slideimage{
    box-sizing: content-box;
    overflow: hidden;
}

#slideimage ul{
    list-style:none;
    font-size:0;
}

#imagelist{
    position: relative;
    width: 5280px;
    height: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;

    animation: image-swipe 25s ease-in infinite;
}

@keyframes image-swipe {
    0% {left: 0;}
    18% {left: 0;}
    20% {left: -660px;}
    38% {left: -660px;}
    40% {left: -1320px;}
    58% {left: -1320px;}
    60% {left: -1980px;}
    78% {left: -1980px;}
    80% {left: -2640px;}
    98% {left: -2640px;}
    100% {left: -3300px;}
}

.imageitem{
    position: relative;
    display: inline-block;
    height: 440px;
    width: 660px;
    overflow: hidden;
}

#imagelist img{
    width: 100%;
    height: 100%;
}




#gallery{
    /* height: 800px; */
    margin: 10%;

    vertical-align: top;
    text-align: center;
}

#outside{
    height: 180px;
    width: 270px;
    margin-right: 75px;
    vertical-align: top;
}

#inside{
    vertical-align: top;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10%;
    margin-right: 10%;
}

#travl{
    height: 180px;
    width: 240px;

    margin-top: 100px;
    vertical-align: top;
}

#activiti{
    height: 200px;
    width: 200px;

    margin-top: -300px;
    margin-right: 200px;
    vertical-align: top;
}

#food{
    height: 240px;
    width: 240px;

    margin-top: -200px;
    margin-left: 250px;
    vertical-align: top;
}


.gallerybox{
    display: inline-block;
}

#gallery img{
    width: 100%;
    height: 100%;
    object-fit: cover;

    border-radius: 20px;
}



#access{
    margin:0;
}

#access h4{
    color: black;
    width: 160px;
    text-align: center;
    background-color: rgb(199, 205, 211);
    font-size: 26px;
    padding: 20px;
    margin-left: 15%;
}

#map {
    display: inline-block;
    position: relative;
    width: 40%;
    background-color: crimson;
    height: 400px;
    margin-left: 30%;
    margin-top: 100px;
    margin-bottom: 100px;
}
  
iframe{
    width: 100%;
    height: 100%;
}

#footer{
    text-align: center;
    font-size: 20px;
    color: whitesmoke;
}

#reservationbtn{
    text-decoration:none;
    color: white;
    vertical-align:middle;

    border: solid whitesmoke 2px;
    padding: 10px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 5px;
}
#reservationbtn:hover{
    background-color: skyblue;
    border: solid skyblue 2px;
    color: black;
}


h2{
    color: black;
    width: 160px;
    text-align: center;
    background-color: rgb(199, 205, 211);
    font-size: 26px;
    padding: 20px;
    margin-left: 15%;
    border-radius: 15px;
}