@charset "UTF-8";

/*==================================================================================================

       Movie

===================================================================================================*/

.movie-wrap {
    position: relative;
    z-index: 10;
    top: 100px;
    margin-bottom:100px;
    }
    .movie-wrap:after {
    content:"";
    display:block;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:3px;
    background:url("https://ubanoyu.com/images/parts/border-b.png") center center repeat;
    z-index: 10;
    }
    .movie {
        position: relative;
        width: 100%;
        height:auto;
        background:url("https://ubanoyu.com/movie/top.jpg") no-repeat center;
        background-size:cover;
        text-align: center;
        }
        .movie:before {
        content: "";
        display: block;
        padding-top: 41.5%;
        }
        .movie_inner{
            position: absolute;
            top: 0; left: 0;
            width: 100%;
            height: 100%;
            overflow:hidden;
            z-index: 0;
            }
            .movie_inner video{
            width:100%;
            height:auto !important;
            margin-left:auto;
            margin-right:auto;
            /*object-fit: cover;*/
            }
.wans_bn{
    width:210px;
    height:auto;
    position: absolute;
    right:20px;
    top:20px;
}
.wans_bn img{
    width:100%;
    height:auto;
}
@media screen and (max-width:1087px) {
	.movie-wrap {
    top: 80px;
    margin-bottom:80px;
	}
	.movie:before {
	padding-top: 42%;
	}
    .wans_bn{
    width:150px;
}
}
@media screen and (max-width:767px) {
    .wans_bn{
    display:none;
}
}

    /* --- 下層用 --- */
    .movie.movie-onsen1 { background: #222 url("https://ubanoyu.com/movie/onsen_01.jpg") center center / cover; top:0; }
    .movie.movie-onsen2 { background: #222 url("https://ubanoyu.com/movie/onsen_02.jpg") center center / cover; top:0; }
    .movie.movie-onsen3 { background: #222 url("https://ubanoyu.com/movie/onsen_03.jpg") center center / cover; top:0; }
    .movie.movie-facilities1 { background: #222 url("https://ubanoyu.com/movie/facilities_01.jpg") center center / cover; top:0; }
    .movie.movie-facilities2 { background: #222 url("https://ubanoyu.com/movie/facilities_02.jpg") center center / cover; top:0; }
    .movie.pages:before { padding-top: 56.25%; } /* 16:9 */

/*==================================================================================================

       背景

===================================================================================================*/

.bg-white {
        background: url("https://ubanoyu.com/images/parts/white.jpg") left center repeat;
        position: relative;
        padding:30px;
        box-sizing: border-box;
        z-index: 10;
        }
        .bg-white:before {
        content:"";
        display:block;
        position: absolute;
        top:-2px;
        left:0;
        width:100%;
        height:3px;
        background: url("https://ubanoyu.com/images/parts/border-w.png") center center repeat;
        z-index: 1;
        }
        .bg-white:after {
        content:"";
        display:block;
        position: absolute;
        bottom:-2px;
        left:0;
        width:100%;
        height:3px;
        background: url("https://ubanoyu.com/images/parts/border-w.png") center center repeat;
        z-index: 1;
        }
        .bg-white.bottom-gara {
        padding-bottom:3rem;
        }
        .bg-white.bottom-gara:after {
        content:"";
        display:block;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        height:2rem;
        background: url("https://ubanoyu.com/images/parts/gara.png") center center repeat;
        z-index: 1;
        }
.bg-white-2 {
        background: url("https://ubanoyu.com/images/parts/white2.jpg") left center repeat;
        position: relative;
        padding:30px;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 10;
        }
        .bg-white-2:before {
        content:"";
        display:block;
        position: absolute;
        top:-1px;
        left:0;
        width:100%;
        height:3px;
        background: url("https://ubanoyu.com/images/parts/border-b.png") center center repeat;
        z-index: 1;
        }
        .bg-white-2:after {
        content:"";
        display:block;
        position: absolute;
        bottom:-1px;
        left:0;
        width:100%;
        height:3px;
        background: url("https://ubanoyu.com/images/parts/border-b.png") center center repeat;
        z-index: 1;
        }
        .bg-white-2.bottom-gara {
        padding-bottom:3rem;
        }
        .bg-white-2.bottom-gara:after {
        content:"";
        display:block;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        height:2rem;
        background: url("https://ubanoyu.com/images/parts/gara.png") center center repeat;
        z-index: 1;
        }
.bg-beige {
        background: url("https://ubanoyu.com/images/parts/beige.jpg") left center repeat;
        position: relative;
        padding:5rem 30px;
        box-sizing: border-box;
        z-index: 10;
        }
        .bg-beige:before {
        content:"";
        display:block;
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:2rem;
        background: url("https://ubanoyu.com/images/parts/gara.png") center center repeat;
        z-index: 1;
        }
        .bg-beige:after {
        content:"";
        display:block;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        height:2rem;
        background: url("https://ubanoyu.com/images/parts/gara.png") center center repeat;
        z-index: 1;
        }

.gara { position: relative; }
        .gara:after {
        content:"";
        display:block;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        height:2rem;
        background: url("https://ubanoyu.com/images/parts/gara.png") center center repeat;
        }
        

.border-box {
        border:1px solid rgba(0,0,0,.6);
        padding:3rem;
        box-sizing: border-box;
        background: #FFF;
        }
        @media screen and (max-width: 1087px) {
        .bg-white { padding:25px; }
        .border-box { padding:2.5rem; }
        }
        @media screen and (max-width: 767px) {
        .bg-white { padding:20px; }
        .border-box { padding:1.5rem; }
        }

/*==================================================================================================

       画像

===================================================================================================*/

.figure {
        position: relative;
        z-index: 10;
        }
        .figure:before {
        content:"";
        display:block;
        position: absolute;
        top:-2px;
        left:0;
        width:100%;
        height:3px;
        background: url("https://ubanoyu.com/images/parts/border-w.png") center center repeat;
        z-index: 1;
        }
        .figure:after {
        content:"";
        display:block;
        position: absolute;
        bottom:-2px;
        left:0;
        width:100%;
        height:3px;
        background: url("https://ubanoyu.com/images/parts/border-w.png") center center repeat;
        z-index: 1;
        }

/*==================================================================================================

        タイトル / テキスト

===================================================================================================*/

.white { color:#FFF;}
.enji { color:#BB5344;}
.title-wrap {
        position: relative;
        z-index:0;
        }
        .title-wrap:before {
        content:"";
        display: block;
        position: absolute;
        left:50%;
        top:50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width:460px;
        height:590px;
        background: url("https://ubanoyu.com/images/parts/title.png") center center / cover;
        z-index: -1;
        }

/*==================================================================================================

       トップページ

===================================================================================================*/

/*================================================
       NEWS
================================================*/

.news-wrap {
        }
        .news-list {
                width:100%;
                }
                .news-list li {
                line-height:145%;
                padding:.175rem 0;
                font-size:.9375rem;
                }
                .news-list li a {
                color:#FFF;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                }
                .news-list li a:hover {
                margin-left:.25rem;
                }
                .news-list span {
                color: #FFF;
                display:inline-block;
                padding-right:1rem;
                }

/*==================================================================================================

       下層共通

===================================================================================================*/

.page-header-wrap {
        position: relative;
        overflow: hidden;
        margin-top:100px;
        z-index: 0;
        }
        .page-header-wrap:after {
        content:"";
        display:block;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        height:3px;
        background:url("https://ubanoyu.com/images/parts/border-b.png") center center repeat;
        z-index: 10;
        }
        .page-header {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            text-align: center;
            }
            .page-header:before {
            content: "";
            display: block;
            padding-top:450px;
            width:100%;
            }
            /*
            .page-header:after {
            content:"";
            display:block;
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            z-index: 10;
            background:rgba(0,0,0,.4);
            }
            */
            .page-header.short:before {
            padding-top:16%;
            }
        
        .facilities     { background: url("https://ubanoyu.com/images/img/facilities/header.jpg") center center / cover; }
        .cuisine        { background: url("https://ubanoyu.com/images/img/cuisine/header.jpg") center center / cover; }
        .onsen          { background: url("https://ubanoyu.com/images/img/onsen/header.jpg") center center / cover; }
        .charge         { background: url("https://ubanoyu.com/images/img/charge/header.jpg") center center / cover; }
        .access         { background: url("https://ubanoyu.com/images/img/access/header.jpg") center bottom / cover; }
        .news           { background: url("https://ubanoyu.com/images/img/news/header.jpg") center bottom / cover; }

.page-title {
        position: relative;
        width: 100%;
        text-align: center;
        }
        .page-title h1 {
            position: relative;
            font-weight:600;
            line-height: 150%;
            letter-spacing: 0.02em;
            color:#FFF;
            z-index: 10;
            }
            .page-title p {
            position: relative;
            font-weight:400;
            line-height: 125%;
            letter-spacing: 0.15em;
            padding-bottom:1rem;
            color:#BB5344;
            z-index: 10;
            }

        @media screen and (max-width: 1087px) {
        .page-header-wrap { margin-top:70px; }
        .page-header:before { padding-top: 50%; }
        .page-header.short:before { padding-top:23%; }
        }
        @media only screen and (max-width: 767px) {
        .page-header:before { padding-top: 55%; }
        .page-header.short:before { padding-top:35%; }
        }


.section-title {
        width:100%;
        height:auto;
        padding:4rem 0;
        position: relative;
        background: #261B11;
        color:#F1F1F1;
        border-top:3px solid #D4CAB7;
        z-index: 10;
        }
        .section-title p { color:#CCB56F; line-height: 150%; }
        
        @media screen and (max-width: 1087px) {
        .section-title { padding:3rem 0; }
        }
        @media only screen and (max-width: 767px) {
        .section-title { padding:2rem 0; }
        }



/*==================================================================================================

       下層

===================================================================================================*/

.icon-pdf { width:100%; max-width:80px; margin:0 auto;}

@media screen and (max-width: 1087px) {
        .columns.is-mobile > .column.is-31p-tablet { flex: none; width: 31.3%;}
        .columns.is-mobile > .column.is-69p-tablet { flex: none; width: 68.7%;}
}
@media screen and (max-width: 767px) {
        .columns.is-mobile > .column.is-31p-mobile { flex: none; width: 31.6%;}
        .columns.is-mobile > .column.is-69p-mobile { flex: none; width: 68.4%;}
}


#a4 .outer-thin .pl_link {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 15px;
    background: #C77561;
    margin-top: 25px;
}