@charset "UTF-8";

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

       リセット

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

        figure { margin:0;}
        figure video { max-width: 100%;}
        @media screen and (max-width:1024px) {
        html, body, div, span, applet, object, iframe, strong,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, sub, sup, tt, var,
        dl, dt, dd, ol, ul, li,
        /* fieldset, */
        form, legend, caption, 
        tbody, tfoot, thead, table, label, tr, th, td{
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-style: inherit;
        font-family: inherit;
        vertical-align: baseline;
        list-style:none;
        }
        ul { 
        letter-spacing: -1em;
        word-spacing: -1em;
        }
        :root ul {
        letter-spacing: -1px;
        word-spacing: -1px;
        }
        li { 
        letter-spacing: normal;
        word-spacing: normal;
        *display: inline;
        *zoom: 1;
        }
        img,iframe	{ vertical-align:bottom;}
        }

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

       共通

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

        .img-auto img { max-width: 100% !important; height: auto !important; width /***/:auto; vertical-align:bottom; }
        .max-img img { height: auto !important; width:100%; }
        .margin-auto > img { margin-left:auto; margin-right:auto; }
        .center img { margin-left:auto; margin-right:auto; }
        .w1150-on { display: none; }
        @media screen and (max-width:1280px) {
        .inner { width:auto; }
        }
        @media screen and (max-width:1200px) {
        .w1200none { display: none; }
        }
        @media screen and (max-width:1150px) {
        .w1150-none { display: none; }
        .w1150-on { display: block; }
        .max-img-1150 img { height: auto !important; width:100%; }
        }
        @media screen and (max-width:1140px) {
        section .wrap { width:100%; max-width:1100px; padding-left:20px; padding-right:20px; box-sizing: border-box; }
        }
        
        @media screen and (max-width:1024px) {
        img { max-width: 100% !important; height: auto !important; width /***/:auto; vertical-align:bottom; }
        figure { margin: 0; }
        .max-img-tablet img { height: auto !important; width:100%; }
        .tab-max750 { max-width:750px; margin-left:auto; margin-right:auto; }
        }

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

       TOP Page Header

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

        @media screen and (max-width:1500px) {
        #header .logo { width:300px; }
        }
        @media screen and (max-width:1024px) {
        #movie { margin-top:80px; }
        #header .logo { display: none; }
        #header .bn-yoyaku    { display: none; }
        #header .bn-TRwards24 { display: none; }
        #header .bg-bottom    { display: none; }
        #header .ccopy01, #header .ccopy02 { top:55%; }
        #movie:after { content:""; display: block; position: absolute; bottom:0; background: url("../../img/top-header-bg01.png") center bottom / cover; width:100%; height:0; padding-top:12.5%;}
        }
        @media screen and (max-width:767px) {
        #header .ccopy01, #header .ccopy02 { width:300px; height: auto; top:65%; }
        }

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

       Footer

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

        @media screen and (max-width:1140px) {
        .footer-wrap { width:100%; max-width: 1100px; margin-left:auto; margin-right:auto; padding:0 20px; }
        .footer01 { left:20px; width:31.8%; }
        .footer02 { left:32.8%; width:34.5%; }
        .footer03 { right:20px; }
        .footer04 { right:156px; }
        .footer05 { right:20px; }
        .footer06 { left:20px; }
        }
        @media screen and (max-width:1024px) {
        .footer01 { width:36%; }
        .footer02 { left:38%; width:23%; }
        .footer02 ul li { width:180px; }
        #footer { height: 375px; }
        .pagetop { bottom:10px; }
        }
        @media screen and (max-width:767px) {
        #footer { height: auto; padding:2rem 0; background: url(../../img/footer-bg-left.png) repeat-y, url(../../img/footer-bg-right.png) repeat-y, url(../../img/footer-bg01.png); background-position: center left, center right, center center;}
        #footer dt, #footer dd, #footer p { font-size: 0.9375rem;}
        .footer-wrap { height: auto; max-width: 300px; }
        .footer01 { position: relative; top:auto; left:auto; width:100%; max-width:264px; margin-left:auto; margin-right:auto; height: auto; padding-bottom:2rem; }
        .footer02 { display: none; }
        .footer03 { position: relative; top:auto; left:auto; right:auto; width:100%; max-width:264px; height: auto; margin-left:auto; margin-right:auto; padding-bottom:1rem; }
        .sns-wrap { position: relative; width:100%; max-width:264px; margin-left:auto; margin-right:auto; }
        .footer04 { position: relative; float:left; top:auto; right: auto; }
        .footer05 { position: relative; float:right; top:auto; right: auto; }
        .footer06 { position: relative; top:auto; left: auto; text-align: center; width: 100%; padding:1.5rem 0 90px; }
        }

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

       Footer Nav

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

        @media screen and (max-width:1150px) {
        .nav-wrap { width:100%; max-width: 1110px; margin-left:auto; margin-right:auto; padding:0 20px; }
        .nav-wrap .logo { left:20px;  }
        .nav-wrap .menu ul  { float: right; padding-right: 20px; }
        .nav-wrap .info01 { left: auto; right:360px; width:300px; }
        .nav-wrap .info02 { right:20px; }
        .nav-wrap .menu ul li { margin-right:50px; }
        }
        @media screen and (max-width:1024px) {
        .nav { display: none !important; height: 0 !important; }
        }

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

       トップページ

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

        #top-info h2 { width:100%; }
        .news-wrap { padding-left:9%; }
        .news-wrap li { list-style-type: none; }

        @media screen and (max-width:1850px) {
        .top-intro0201 { right:50px; }
        }
        @media screen and (max-width:1630px) {
        #top-intro02 { background: url(../../img/bg-shadow.png) no-repeat, url(../../img/top-intro02-bg02.png) no-repeat, url(../../img/bg-washi02.jpg); background-position: center top, center right, center center; }
        #top-intro02 .wrap { position: relative; z-index: 0; overflow: inherit; }
        #top-intro02 .wrap:after { content:""; display: block; position: absolute; top:0; right:410px; width:1057px; height:613px; background: url("../../img/top-intro02-bg01.png") right top / cover; z-index: -1; }
        }
        @media screen and (max-width:1280px) {
        #top-intro01 .wrap { width:100%; max-width:1280px; height: auto; padding-bottom:420px; overflow:inherit; }
        .top-intro0101 { width:34.22%; height: auto; }
        .top-intro0102 { width:34.22%; height: auto; }
        .top-intro0103 { width:30.45%; height: auto; left:34.765625%;}
        #top-intro02 .wrap { width:100%; max-width:1280px; height: auto; padding-bottom:613px; overflow:inherit; }
        #top-intro03 .wrap { width:100%; max-width:1280px; height: auto; padding-bottom:438px; overflow:inherit; }
        .top-intro0301 { width:30.45%; height: auto; left:2.34375%; z-index: 2;}
        .top-intro0302 { width:32.96875%; right:30.46875%; height: auto; box-sizing: border-box; line-height: 0; }
        .top-intro0303 { width:32.96875%; right:2.34375%; height: auto; box-sizing: border-box; line-height: 0; }
        }
        @media screen and (max-width: 1140px) {
        #top-info .wrap { width:100%; max-width:1140px; height: auto; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; }
        }
        @media screen and (max-width: 1024px) {
        #top-intro01 .wrap { padding-bottom:0; }
        .top-intro0101 { position: relative; float:left; max-width:438px; width:50%; height: auto; }
        .top-intro0102 { position: relative; float:right; max-width:438px; width:50%; height: auto; }
        .top-intro0103 { position: relative; width:100%; max-width:750px; margin-left:auto; margin-right:auto; padding-top:2rem; height: auto; left:auto;  }
        #top-intro02 { background: url(../../img/bg-shadow.png) no-repeat, url(../../img/top-intro02-bg02.png), url(../../img/bg-washi02.jpg); background-position: center top, center right, center center; background-size:auto,cover,auto;  }
        #top-intro02 .wrap:after { width:711px; height:429px; left:50%; top:0; transform: translateX(-50%); background: url("../../img/top-intro02-bg01-sp.png") center top / cover; }
        #top-intro02 .wrap { padding-bottom:0; }
        .top-intro0201 { right: auto; left:auto; padding-top:450px; position: relative; height: auto; width:100%; max-width:450px; margin:0 auto 2rem; }
        #top-intro02 p {text-shadow:none; }
        #top-intro02 h3 { padding-top:0; }
        .top-intro0301 { width:51.45%; left:20px;}
        .top-intro0302 { right:8.5%; }
        #top-info .wrap { max-width:750px; }
        .news-wrap { padding-left:0; }
        }
        @media screen and (max-width:767px) {
        .top-intro0201 { max-width:390px; padding-top:320px; }
        #top-intro02 .wrap:after { width:500px; height:302px; }
        #top-intro03 .wrap { padding-bottom:0; }
        .top-intro0301 { position: relative; width:100%; left:0; right:0; margin-left:auto; margin-right:auto; }
        .top-intro0302 { position: relative; width:48%; float:left; right:auto; }
        .top-intro0303 { position: relative; width:48%; float:right; right:auto; bottom:auto; }
        #top-info .wrap { max-width:350px; }
        #top-info { background-position: center top, right center, center center; background-size: auto, cover , auto;}
        }

        /*==================================================================================================
               RSS
        ===================================================================================================*/

        #top-plan .column li {
        font-size: 0.9rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        }
        @media screen and (max-width:1100px) {
        .a_2 { width:100%; height: auto; padding-bottom:2rem; }
        .a_2 #mini { width:33.333333%; max-width:350px; padding-left:1.5%; padding-right:1.5%; margin:0; box-sizing: border-box; }
        }
        @media screen and (max-width:767px) {
        .a_2 { max-width:300px; margin-left:auto; maring-right:auto; }
        .a_2 #mini { width:100%; padding:0; border: none; padding-bottom:2.5rem;}
        .a_2 #miniright { margin:0 0 1rem; }
        }

        /*==================================================================================================
               検索窓
        ===================================================================================================*/

        .plan_form hr { border: none; }
        .check_in p { display: inline-block; }
        .plan_form .price { width:316px; }
        .plan_form input, .plan_form optgroup, .plan_form select,.plan_form2 input, .plan_form2 optgroup, .plan_form2 select { width:80px;}
        .price select { width:100px;}
        .plan_form select .plan_form2 select { background: #FFF;border: 1px solid #999; }
        .mitei input { width:15px; }
        .search_btn input { height: auto; width:140px; }
        .plan_form .check_in { width:280px; }
        
        @media screen and (max-width:1200px) {
        #top-search .wrap {width:100%;  max-width:980px; margin-left:auto; margin-right:auto; }
        }
        @media screen and (max-width:1024px) {
        #top-search .wrap { background: none; padding-left:0; margin-left:auto; margin-right:auto; width:720px; }
        .plan_form { width:720px; padding-left:0; margin-left:auto; margin-right:auto; }
        .plan_form .price { margin-left:0; }
        .search_btn input { width:150px; }
        }
        @media screen and (max-width:767px) {
        #top-search .wrap { width:100%; padding:0 20px; box-sizing: border-box; }
        .plan_form { width:100%; max-width:300px; margin-left:auto; margin-right:auto; }
        .plan_form .check_in, .plan_form .guests, .plan_form .type { width:auto; padding-top:.5rem;}
        .plan_form button, .plan_form input, .plan_form optgroup, .plan_form select, .plan_form textarea,.plan_form button, .plan_form2 input, .plan_form2 optgroup, .plan_form2 select, .plan_form2 textarea { padding:.5rem .5rem; font-size:16px; height: 36px; }
        .mitei input { margin:10px 1.5rem; height: auto; }
        .plan_form .search_btn { width:76%; max-width:220px; height: 66px; margin-left:12%; }
        .plan_form input, .plan_form select ,plan_form2 input, .plan_form2 select{ width:110px; }
        .plan_form .search_btn input,.plan_form2 .search_btn input { height: auto; width:100%;  padding:1rem 0; }
        .plan_form .check_in input,.plan_form2 .check_in input { width:110px; }
        .plan_form .check_in .mitei input,.plan_form2 .check_in .mitei input  { width:20px; }
        }


        /*==================================================================================================
               検索窓 下層ページ用
        ===================================================================================================*/

        .plan_form2 hr { border: none; }
        .plan_form2 .price { width:316px; }
        
        @media screen and (max-width:1024px) {
        .plan_form2 { width:720px; padding-left:0; }
        .plan_form2 .price { margin-left:0; }
        }
        @media screen and (max-width:767px) {
        .plan_form2 { width:100%; max-width:300px; margin-left:auto; margin-right:auto; }
        .plan_form2 .check_in, .plan_form2 .guests, .plan_form2 .type { width:auto; padding-top:.5rem;}
        .plan_form2 .search_btn { width:76%; max-width:220px; height: 66px; margin-left:12%;margin-bottom: 4%; }
        }


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

       下層共通

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

        article p { font-size: 0.9rem; margin-bottom: 20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
        .search-wrapper { width: 1100px; height: 82px; margin-top:-82px; margin-left:auto; margin-right:auto; }
        .search-wrapper #sub-header-search { position: relative; bottom: auto; left:auto; }
        .search-wrapper #sub-header-search2 { position: relative; bottom: auto; left:auto; }

        @media screen and (max-width:1140px) {
        #sub-header .wrap { width:100%; max-width:1140px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; }
        #sub-header .logo { left:20px; }
        #sub-header nav { width:825px; left:165px; }
        #sub-header nav ul { padding-left:0; }
        #sub-header nav ul li:first-child { display: none; }
        .search-wrapper { width:100%; max-width:1140px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box;  }
        #sub-header-search { width:100%; max-width:1140px; margin-left:auto; margin-right:auto; box-sizing: border-box; }
        #sub-header-search2 { width:100%; max-width:1140px; margin-left:auto; margin-right:auto; box-sizing: border-box; }
        .plan_form2 { width:730px; }
        .plan_form2 .check_in { width:290px; }
        .plan_form2 .price { margin-left:250px; }
        }
        @media screen and (max-width:1024px) {
        #sub-header .sub-header-bg { background: none;}
        #sub-header { height:auto; margin-top:80px; }
        #sub-header .logo { display: none; }
        #sub-header nav { display: none; }
        #sub-header .wrap { height: 260px; }
        #sub-header-search { background: none; padding-left:0; }
        #sub-header-search2 { background: none; padding-left:0; }
        #sub-header #breadcrumb { display: none; }
        .search-wrapper { height: auto; margin-top:0; }
        .plan_form2 { margin-left:auto; margin-right:auto; }
        .plan_form2 .price { margin-left:150px; }
        .inner-box { max-width:450px; margin-left:auto; margin-right:auto;}
        }
        @media screen and (max-width:767px) {
        #sub-header-search { height: auto; }
        #sub-header-search2 { height: auto; }
        .plan_form2 .price { margin-left:0; }
        #sub-header h2#title { top:49%;}
        }

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

       下層 Movie

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

.movie-wrap {
        position: relative;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        margin-top:90px;
        z-index: 1;
        }
        .movie {
        position: relative;
        width: 100%;
        height: auto;
        background:url("../../movie/top.jpg") center bottom / cover;
        text-align: center;
        overflow: hidden;
        }
        .movie_inner {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 0;
        top: 0;
        }
        .movie_inner video {
        object-fit: cover; /* fit時設定 アスペクト時削除 */
        }
        .video-js {
        height: 100% !important;
        }
        .video-js .vjs-tech { 
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%);
        }
        @media screen and (max-width:1024px) {
        .movie-wrap { margin-top:80px; }
        .movie:before {
            content: "";
            display: block;
            padding-top: 80%;
            }
        .movie_inner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 100%;
            }
        }
        /* --- 下層用 --- */
        .movie.pages { z-index: 1; }
        .movie.pages .movie_inner {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        }
        .movie.pages .movie_inner video{
        width:100%;
        height:auto !important;
        margin-left:auto;
        margin-right:auto;
        object-fit:contain;
        min-width: 0;
        min-height: 0;
        left: 0;
        transform: translateX(0%);
        -webkit-transform: translateX(0%); 
        }
        .movie.pages:before {
        content: "";
        display: block;
        padding-top: 55.55%;
        }
        @media screen and (max-width:1024px) {
        .movie.pages .movie_inner { transform: translate(0,0); }
        }

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

       館内

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

        .rooms-01 { width:100%; height:100%; background: url("../../img/guide-contents02-01.png") center center / cover; }
        .rooms-02 { width:100%; height:100%; background: url("../../img/guide-contents02-02.png") center center / cover; }

        @media screen and (max-width:1280px) {
        #guide-intro .wrap { width:100%; max-width:1280px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; }
        .guide-intro-h2 { position: relative; width:100%; max-width:1100px; margin-left:auto; margin-right:auto; left:auto; height: auto; }
        .guide-intro01 { width:34.2%; height: auto; }
        .guide-intro02 { width:30.46875%; left:34.765625%; }
        .guide-intro03 { width:34.2%; height: auto; }
        }
        
        @media screen and (max-width:1140px) {
        .guide-contents01 .left { width:37.8181%; }
        .guide-contents01 .right { width:58.909%; }
        .guide-contents02 { overflow: inherit; }
        #guide-contents .bt { overflow: inherit; width:100%; }
        #guide-contents .bt li { margin-right: .545455%; width:13.81818%; }
        #guide-outline .wrap { width:100%; max-width:960px; margin-left:auto; margin-right:auto; box-sizing: border-box; }
        #guide-outline .left { width:48.475%; }
        #guide-outline .right { width:48.475%; }
        }
        
        @media screen and (max-width:1024px) {
        #guide-intro .wrap { height: 400px; }
        .guide-intro01 { top:80px; }
        .guide-intro02 { top:90px; }
        .guide-intro03 { top:80px; }
        .guide-contents01 .left { width:100%; float: none; text-align: center; padding-bottom:.5rem; }
        .guide-contents01 .right { width:100%; float:none; }
        .guide-contents01 h2 { width:270px; margin-left:auto; margin-right:auto; }
        #guide-contents .bt { max-width:470px; margin-left:auto; margin-right:auto; }
        #guide-contents .bt li { margin-right: .5%; width:24.5%; margin-bottom:6px; }
        #guide-contents .bt li:nth-child(4) { margin-right:0; }
        #guide-contents .bt li:nth-child(5) { margin-left: 12.25%; }
        #guide-contents table.cicle-table th { width:120px;}
        .facilities-title { width:240px; margin-left:auto; margin-right:auto; }
        }
        @media screen and (max-width:767px) {
        #guide-intro .wrap { height: auto; overflow:inherit; }
        .guide-intro-wrap { position: relative; }
        .guide-intro-h2 { max-width:400px; }
        .guide-intro01 { position: relative; top:auto; float:left; width:50%; }
        .guide-intro02 { position: relative; top:auto; width:100%; max-width:350px; margin-left:auto; margin-right:auto;  height: auto; left:auto; }
        .guide-intro03 { position: relative; top:auto; float: right; width:50%; }
        
        #guide-contents .bt { max-width:360px; }
        #guide-contents .bt li { margin-right: 1%; width:32.5%; }
        #guide-contents .bt li:nth-child(4) { margin-right:1%; }
        #guide-contents .bt li:nth-child(5) { margin-left: 0; margin-right:0; }
        #guide-contents .bt li:nth-child(1) { margin-left: 16.25%; }
        #guide-contents .bt li:nth-child(6) { margin-left: 16.25%; }
        .slider { margin-bottom:0; }
        #guide-contents table.cicle-table th { width:104px;}
        #guide-outline .left  { width:100%; float:none; }
        #guide-outline .right { width:100%; float:none; }
        .facilities-title { width:216px; }
        }

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

       観光

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

        .iwamura-img { position: relative; width:100%; height: 0; padding-bottom:50%; }
        .iwamura-img .intro02 { position: absolute; top:0; left:0; width:53%; height: auto; line-height: 0; }
        .iwamura-img .intro03 { position: absolute; bottom:0; right:0; width:53%; height: auto; line-height: 0; }


        .info-map dl {margin-bottom: 30px;}
        .info-map dt {
        border-bottom: 1px dashed #99856c;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        font-size: 1.1rem;
        }
        .info-map dd a {
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
        font-size: 0.9rem;
        transition: all 0.5s ease;	
        }
        .info-map dd a:hover {
        color: #993333;	
        transition: all 0.5s ease;	
        }
        .info-map .list01 dt {
        color: #dc5028;	
        background: url(../../img/info-map-list01-dt.png) no-repeat;
        background-position: left center;
        padding-left: 30px;
        }
        .info-map .list02 dt {
        color: #509600;	
        background: url(../../img/info-map-list02-dt.png) no-repeat;
        background-position: left center;
        padding-left: 30px;
        }
        .info-map .list03 dt {
        color: #005096;
        background: url(../../img/info-map-list03-dt.png) no-repeat;
        background-position: left center;
        padding-left: 30px;
        }
        .info-map .list01 dd {
        background: url(../../img/info-map-list01-dd.png) no-repeat;
        background-position: left center;
        padding-left: 35px;
        }
        .info-map .list02 dd {
        background: url(../../img/info-map-list02-dd.png) no-repeat;
        background-position: left center;
        padding-left: 35px;
        }
        .info-map .list03 dd {
        background: url(../../img/info-map-list03-dd.png) no-repeat;
        background-position: left center;
        padding-left: 35px;
        }

        @media screen and (max-width:1140px) {
        #info-contents01 .wrap, #info-contents02 .wrap, #info-contents03 .wrap { width:100%; max-width:1140px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; overflow: inherit; }
        #info-contents01 .desc, #info-contents02 .desc, #info-contents03 .desc { width:53.278689%; }
        #info-contents01 .img, #info-contents02 .img, #info-contents03 .img { width:43.032787%; }
        #info-contents02 .left, #info-contents03 .left   { width:48.181818%; height:auto; min-height:430px; }
        #info-contents02 .right, #info-contents03 .right { width:48.181818%; height:auto; min-height:430px; }
        }

        @media screen and (max-width:1024px) {
        #info-contents01 .center { width:100%; max-width:530px; margin:0 auto; }
        #info-contents02 .left, #info-contents03 .left   { min-height:360px; }
        #info-contents02 .right, #info-contents03 .right { min-height:360px; }
        }
        @media screen and (max-width:767px) {
        #info-contents01 .center {  height: auto; min-height: 430px; background-color:#F7F6F4; }
        #info-contents01 .desc, #info-contents02 .desc, #info-contents03 .desc { width:100%; float:none; }
        #info-contents01 .img, #info-contents02 .img, #info-contents03 .img { width:80%; margin:1rem auto 0; float: none; }
        #info-contents02 .left, #info-contents03 .left   { float:none; width:100%; min-height:0; max-width:530px; margin:0 auto 2rem; background-color:#F7F6F4;  }
        #info-contents02 .right, #info-contents03 .right { float:none; width:100%; min-height:0; max-width:530px; margin:0 auto; background-color:#F7F6F4; }
        }

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

       観光

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

        @media screen and (max-width:1140px) {
        #access-info .wrap { width:100%; max-width:1000px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; }
        #access-traffic .wrap { width:100%; max-width:960px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; }
        .access-info02 .left { width:37.291667%; }
        .access-info02 .right { width:59.583333%; }
        #access-link ul li { margin-right:1.454545%; width:15.454545%;}
        }
        @media screen and (max-width:767px) {
        .access-traffic01,.access-traffic02 { width:100%; max-width:220px; margin:1rem auto; }
        .access-title { max-width:240px; margin:0 auto; }
        .access-info02 { max-width:350px; margin:0 auto; }
        .access-info02 .left  { width:100%; float:none; }
        .access-info02 .right { width:100%; float:none; }
        #access-link ul { width:100%; max-width:450px; margin: 1rem auto; }
        #access-link ul li { margin-right:2%; width:32%; margin-bottom:2%;}
        #access-link ul li:nth-child(3) { margin-right:0;}
        }


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

       ENGLISH

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


        #english-contents table.table01 th { width:250px; }


        @media screen and (max-width:1320px) {
        #english-intro .wrap { width:100%; max-width:1280px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; overflow: inherit; }
        .english-intro-h2 { position: relative; width:62%; left:8.18%; height: auto; }
        .english-intro01 { width:30%; height: auto;}
        .english-intro02 { position: relative; width:62%; top:auto; left:8.18%; height: auto; }
        .english-intro03 { width:30%; height: auto; bottom: auto; top: 52%;}
        .english-intro04 { position: relative; width:62%; left:30%; right: auto; bottom: auto; height: auto; margin-top: 8%; }
        }

        @media screen and (max-width:1140px) {
        .english-contents01 .left { width:37.8181%; }
        .english-contents01 .right { width:58.909%; }
        #english-contents .bt { overflow: inherit; width:100%; }
        #english-contents .bt li { margin-right: .363636%; width:16.3636%; }
        #english-outline .wrap { width:100%; max-width:960px; margin-left:auto; margin-right:auto; box-sizing: border-box; }
        #english-outline .left { width:48.475%; }
        #english-outline .right { width:48.475%; }
        #english-info .wrap { width:100%; max-width:1000px; margin-left:auto; margin-right:auto; padding:0 20px; box-sizing: border-box; }
        .english-info02 .left { width:37.291667%; }
        .english-info02 .right { width:59.583333%; }
        }

        @media screen and (max-width:1024px) {
        #english-intro .wrap { height: 650px; }
        .english-contents01 .left { width:100%; float: none; text-align: center; padding-bottom:.5rem; height: auto;  }
        .english-contents01 .right { width:100%; float:none; padding-top:0; height: auto;}
        .english-contents01 h2 { width:270px; margin-left:auto; margin-right:auto; }
        }

        @media screen and (max-width:767px) {
        #english-intro .wrap { max-width:360px; height: auto; }
        .english-intro-h2 { width:100%; left:auto; }
        .english-intro01 { position: relative; width:80%; padding-bottom:1rem; margin:0 auto; }
        .english-intro02 { width:100%; left:auto; }
        .english-intro03 { position: relative; width:80%;  padding-bottom:1rem; margin:0 auto; top: auto; }
        .english-intro04 { width:100%; left:auto; margin-top:0; }
        #english-intro table th { width:100px; }
        #english-contents .bt { max-width:360px; }
        #english-contents .bt li { margin-right: 1%; width:32.5%; margin-bottom:2%; }
        #english-contents .bt li:nth-child(3) { margin-right:0; }
        #english-contents table.table01 th { width:145px; }
        #english-contents table.cicle-table th { width:104px;}
        #english-outline .left  { width:100%; float:none; }
        #english-outline .right { width:100%; float:none; }
        .english-info02 { max-width:350px; margin:0 auto; }
        .english-info02 .left  { width:100%; float:none; }
        .english-info02 .right { width:100%; float:none; }
        }


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

       RESERVE

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

        @media screen and (max-width:1140px) {
        #reserve-info .wrap, #reserve-info .wrap { width:100%; max-width:1000px; margin-left:auto; margin-right:auto; box-sizing: border-box; }
        .reserve-info01 .left { width:48.4375%; }
        .reserve-info01 .right { width:48.4375%; }
        #reserve-info table th { width:90px;}
        }

        @media screen and (max-width:767px) {
        #reserve-info .wrap, #reserve-info .wrap { max-width:450px; }
        .reserve-info01 .left  { width:100%; float:none; }
        .reserve-info01 .right { width:100%; float:none; }
        .reserve-info01 .logo { padding-top:95px; padding-left:0; position: relative; background: none; text-align: center;  }
        .reserve-info01 .logo:after { content:"";display: block;position: absolute; top:0; left:50%; transform: translateX(-50%); width:80px; height: 75px; background: url("../../img/reserve-info01-logo.png") center center / cover; }
        .reserve-info02 .table01 th { width:145px !important;}
        .reserve-info02 .table02 th { width:160px !important; }
        
        #tab li { padding:10px 15px; font-size:.9rem; }
        label.title { width:100%; text-align: left; font-weight:bold; font-size:1.125rem; padding-bottom:.75rem; padding-right:0; }
        fieldset { border-bottom:1px dotted rgba(0,0,0,.4); padding:.5rem 0 1.5rem; margin-bottom:15px; }
        .tabcontent form input[type="text"],.tabcontent form input[type="tel"],.tabcontent form input[type="email"] { width: 100% !important; padding: 0.5rem; box-sizing: border-box; }
        #reserve-info fieldset p { margin-left:0 !important; }
        .tabcontent form input[type="radio"] { margin-left:0 !important; }
        .tabcontent form textarea {width:100%; }
        input[type="submit"] {  margin-left:0; width:100%; }
        }





.sp-layer {
        bottom: 13px !important;
        right: 0 !important;
        width: 100% !important;
        transform: scale(0.9) translate3d(0px, 20px, 0px) !important;
        }

.a_2 { height: auto; min-height: 400px; padding-bottom:50px; }
#top-plan .rss-plan { margin-bottom:0; }
        @media screen and (max-width:767px) {
        .a_2 { padding-bottom:0; }
        #reserve-info p { margin-bottom:0; }
        }