@charset "UTF-8";

/*

styles_dist.cssは、TailwindCSSのビルドしたファイルのため
TailwindCSS以外のCSSは、styles_others.cssに記述する。

*/


/* font */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
.txt-serif{font-family: 'Crimson Text', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;}

/* footer */
#footer{
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #fff;
}

#footer a{
    color: #8B7140;
    text-decoration: underline;
}

/* footer button */
.footer-btn{
	position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 1;
}

.btn-reserve{
    display: inline-block;
    touch-action: manipulation;
    cursor: pointer;
    margin: 0 3px;
}

.btn-reserve img{
    width: 220px;
}

/* RWD Image Maps(Chrome) */
.imgmap{
    width: 100%;
    height: auto;
}

.wrap-movie{
    background: url(../image/bg.png) repeat-y;
    background-size: 100%;
    padding: 50px 0;
}

.wrap-secret{
    background: url(../image/img_05.jpg) no-repeat;
    background-size: 100%;
}

.wrap-secret ul{
    padding: 53% 0 3%;
}

.wrap-secret ul li{
    margin: 0 0 5%;
}


@media only screen and (max-width: 767px){
    
    .footer-btn{
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 1;
        text-align: center;
        background-color: rgba(255,255,255,0.8);
    }
    
    .btn-reserve{
        width: 47%;
        margin: 10px 3px 0;
    }
    
    .btn-reserve img{
        width: 100%;
    }
    
  
    
    
}