@charset "UTF-8";


/*=================================================
       common
=================================================*/
a {text-decoration: none;}
.pc_on {display: block;}
.sp_on {display: none;}
.pc_oon {display: block;}
.sp_oon {display: none;}
.pc_ok {display: block;}
.sp_ok {display: none;}
.center {text-align: center;}
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
/* .sub-nav li.insta {margin-top: -5px; padding-left: 10px;} */
footer .insta {margin: -5px 0 10px;}

#pagetop {z-index: 100;}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1280px) {
        html {min-width: 100%; overflow-x: hidden;}
        body {min-width: 100%;}
        img {max-width: 100%; height: auto;}
        .pc_oon {display: none;}
        .sp_oon {display: block;}
        .wrapper {min-width: 100%;}
        .flower {display: none;}
        }
        @media screen and (max-width: 1200px) {
            .wrap {width: 100%; max-width: 1180px;}
            .flex {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 20px;}
            .flex.re {flex-direction: row-reverse;}
            .flex .w520 {flex: 0 1 520px; width: auto;}
            .flex .w450 {flex: 0 1 450px; width: auto;}
            .flex .w380 {flex: 0 1 380px; width: auto;}
            .flex .w600 {flex: 0 1 600px; width: auto;}
            .flex .w300 {flex: 0 1 380px; width: auto;}
            .flex .w500 {flex: 0 1 600px; width: auto;}
            .page-title {left: 3%; margin-left: 0;}
        }
        @media screen and (max-width: 1100px) {
            .inner {width: 100%; max-width: 1080px;}
        }
        @media screen and (max-width: 1024px) {
        * {box-sizing: border-box;}
        body {padding-top: 0;}
        .pc_ok {display: none;}
        .sp_ok {display: block;}
        .movie {margin-top: 80px;}
            .flex {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
            .flex .w520 {flex: 0 1 auto; width: auto;}
            .flex .w450 {flex: 0 1 auto; width: auto;}
            .flex .w380 {flex: 0 1 auto; width: auto;}
            .flex .w600 {flex: 0 1 auto; width: auto;}
            .flex .w300 {flex: 0 1 auto; width: auto;}
            .flex .w500 {flex: 0 1 auto; width: auto;}
            .page-header {margin-top: 80px;}
        }
        @media only screen and (max-width: 767px) {
        .pc_on {display: none;}
        .sp_on {display: block;}
            .page-title {left: 0; background-position: -90px top; margin-left: 0;}
            .page-title h1 {padding: 10px 0 0;}
            .title-flower {top: auto; bottom: -35px; background: url(../images/img/cuisine/title-flower.png) no-repeat center center/ contain; width: 30%; margin-left: 0;}
        }
        @media only screen and (max-width: 560px) {
            .page-title {width: 100%; max-width: 470px;}
        }
        

/*=================================================
       header
=================================================*/
@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
            .navigation-wrap {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; width: 100%; max-width: 1140px; padding: 0 2%; box-sizing: border-box;}
            .logo {flex: 0 0 300px; width: auto;}
            .nav_box {flex: 0 1 890px; width: 100%;}
            .nav_box .sub-nav {width: 100%;}
            .nav_box .navigation {width: 100%;}
            .nav_box .navigation ul {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; gap: 50px; width: 100%; max-width: 890px;}
            .nav_box .navigation ul li {padding: 0;}
            
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }
        

/*=================================================
       footer
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }
 
/*=================================================
       toppage
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
            .greeting {padding: 0 2%; box-sizing: border-box;}
            .greeting-box {padding: 50px 2%;}
            .top-contents-wrap .flex .w600 {position: relative;}
            .top-contents-wrap .flex .w600:after {display: block; content: ""; padding-top: 68.33%;}
            .top-contents-wrap .flexslider {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .top-contents-wrap .flex .text_box {display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: flex-end;}
            .top-contents-wrap .flex .text_box .top-title-a {flex: 0 1 180px; width: auto;}
            .top-contents-wrap .flex .text_box .top-text-a {flex: 0 1 250px; width: auto;}
            .top-contents-wrap .flex .text_box .top-title-b {flex: 0 1 180px; width: auto;}
            .top-contents-wrap .flex .text_box .top-text-b {flex: 0 1 250px; width: auto;}
            .plan-wrap {padding: 70px 2%; box-sizing: border-box;}
            .plan-box {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; gap: 10px; width: 100%; max-width: 1100px;}
            .plan-box .plan {flex: 0 1 260px; width: auto; margin-right: 0;}
            .plan-box .plan .plan-img {position: relative; width: 100%; height: auto; padding-top: 66.66%;}
            .plan-box .plan .plan-img img {position: absolute; top: 0; left: 0; object-fit: cover;}
            .ac {padding: 0 2% 5em; box-sizing: border-box;}
            .map {margin: 0;}
        }
        @media screen and (max-width: 1024px) {
            .greeting {padding-bottom: 20%; }
            .greeting p {color: #fff;}
            .greeting-box {max-width: 700px;}
            .greeting-box .w450 p {padding-left: 0;}
            .top-contents-wrap {padding: 0 2%;}
            .top-contents-wrap .flex {flex-direction: column-reverse; width: 100%;}
            .top-contents-wrap .flex .w600 {width: 100%; max-width: 600px;}
            .plan-box {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 100%; max-width: 1100px;}
            .plan-flower {top: auto; bottom: 0; left: 0;  background-size: 110% auto; width: 100%;  margin-left: 0;}
            .top-contents-wrap {background: url(../images/img/top/back_03.png) repeat-y -580px top / 180% auto;}
        }
        @media only screen and (max-width: 767px) {
            .map iframe {height: 300px;}
            .greeting-box {padding: 30px 2%;}
            .top-contents-wrap {background: url(../images/img/top/back_03.png) repeat-y -480px top / 250% auto;}
        }
        @media only screen and (max-width: 560px) {
        }

/*=================================================
       cuisine
=================================================*/

@media screen and (max-width: 1280px) {
             .flower_04 {width: 26px;}
        }
        @media screen and (max-width: 1200px) {
            .c-con-01 .text {left: auto; right: 2%; top: 45%;}
            .c-con-01 .img-02 {left: 2%; width: 45%;}
            .c-con-01 .img-01 {left: auto; right: 2%; width: 50%;}
            .shun .flex .w520 {padding-left: 0;}
            .c-con-02 {height: auto; padding-bottom: 50px;}
            .c-con-02 .flex_l {flex: 0 1 570px;}
            .c-con-02 .flex_l  .slider_box {position: relative;}
            .c-con-02 .flex_l  .slider_box:after {display: block; content: ""; padding-top: 68.33%;}
            .c-con-02 .flex_l .slider {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .c-con-02 .flex_r {flex: 0 1 600px;}
             .c-con-02 h3 , .c-con-02 .text , .c-con-02 .img-01 {position: static; width: auto;}
             .c-con-02 .f-01 {left: auto; right: 20px; top: auto; bottom: 0;}
            .c-con-03 {height: auto; padding-bottom: 50px;}
            .c-con-03 .flex_l {flex: 0 1 570px;}
            .c-con-03 .flex_l  .slider_box {position: relative;}
            .c-con-03 .flex_l  .slider_box:after {display: block; content: ""; padding-top: 68.33%;}
            .c-con-03 .flex_l .slider {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .c-con-03 .flex_r {flex: 0 1 450px;}
             .c-con-03 h3 , .c-con-03 .text , .c-con-03 .img-01 {position: static; width: auto;}
            .c-con-04 {height: auto; padding-bottom: 50px;}
            .c-con-04 .flex_l {flex: 0 1 570px;}
            .c-con-04 .flex_l  .slider_box {position: relative;}
            .c-con-04 .flex_l  .slider_box:after {display: block; content: ""; padding-top: 68.33%;}
            .c-con-04 .flex_l .slider {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .c-con-04 .flex_r {flex: 0 1 450px; align-self: center;}
             .c-con-04 h2 , .c-con-04 .text , .c-con-04 .img-01 {position: static; width: auto;}
             .c-con-05 , .c-con-06 , .c-con-07 {max-width: 1030px; margin: 0 auto;}
             .c-con-05 h3 , .c-con-05 .text {left: 2%;}
             .c-con-05 .img-01 {left: auto; right: 2%;}
             .c-con-05 .img-02 {left: 23%;}
             .c-con-06 h3 {left: auto; right: 2%;}
             .c-con-06 .text , .c-con-06 .img-02 {left: auto; right: 2%;}
             .c-con-06 .img-01 {left: 2%;}
             .c-con-07 h3 , .c-con-07 .text {left: 2%;}
             .c-con-07 .img-01 {left: auto; right: 2%;}
             .c-con-07 .img-03 {left: 18%;}
             .c-con-07 .img-04 {left: 54.5%;}
        }
        @media screen and (max-width: 1024px) {
            .c-con-01 {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 10px; height: auto; max-width: 570px; margin-bottom: 50px; padding: 0 2%;}
            .c-con-01 h2 , .shun h2 , .c-con-04 h2 {width: 100%; padding-bottom: 10px;}
            .c-con-01 .img-01 , .c-con-01 .img-02 , .c-con-01 .img-03 , .c-con-01 .img-04 , .c-con-01 .text {position: static; width: auto;}
             .c-con-01 .img-03 {flex: 0 1 48%;}
             .c-con-01 .img-04 {flex: 0 1 48%;}
             .c-con-01 .f-01 , .c-con-01 .f-02 , .c-con-03 .f-01 {display: none;}
             .shun {max-width: 570px; padding: 0 2%;}
            .c-con-02 .flex_l , .c-con-03 .flex_l , .c-con-04 .flex_l {flex: 0 1 auto; width: 100%; max-width: 570px;}
            .c-con-02 .flex_r , .c-con-03 .flex_r , .c-con-04 .flex_r {flex: 0 1 auto;}
            .c-con-02 .flex_l  .slider_box , .c-con-03 .flex_l  .slider_box , .c-con-04 .flex_l  .slider_box {margin-top: 30px;}
            .c-con-04 .f-01 {position: static;}
            .c-con-04 {padding: 0 2%;}
            .bet {max-width: 700px; padding: 0 2%;}
             .c-con-05 , .c-con-06  , .c-con-07 {height: auto; margin-bottom: 50px; max-width: 570px;}
             .c-con-05 h3 , .c-con-06 h3   , .c-con-07 h3  {position: static;}
             .c-con-05 .text , .c-con-06 .text  , .c-con-07 .text  {position: static; width: auto; margin-bottom: 20px;}
             .flower_04 {width: 105px;}
        }
        @media only screen and (max-width: 767px) {
            .c-con-05 .text {width: auto;}
            .side-flower-1 , .side-flower-2 , .side-flower-3 , .side-flower-4 {display: none;}
        }
        @media only screen and (max-width: 560px) {
        }
  
/*=================================================
       facilities
=================================================*/
@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
            .f-con-01 .slider {left: auto; right: 2%;}
            .f-con-01 .text , .f-con-01 .text-2 {left: 2%; width: 38%;}
            .f-con-01 .img-01 {left: 2%; width: 37%;}
            .f-con-01 .img-02 {left: auto; right: 2%;}
            .f-con-01 .f-01 {left: 28%;}
            .f-con-03 h2 , .f-con-03 .text , .f-con-05 h2 , .f-con-05 .text , .f-con-07 h2 , .f-con-07 .text {width: 46%; left: 2%;}
             .f-con-04 h2 , .f-con-04 .text , .f-con-06 h2 , .f-con-06 .text , .f-con-08 h2 , .f-con-08 .text {width: 46%; left: auto; right: 2%;}
            .f-con-03 .img-01 , .f-con-05 .img-01 , .f-con-07 .img-01 {left: auto; right: 2%; width: 46%;}
            .f-con-03 .img-02 , .f-con-07 .img-02 {left: 2%;}
            .f-con-04 .img-01 , .f-con-06 .img-01 , .f-con-08 .img-01 {left: 2%; width: 46%;}
            .f-con-04 .img-02 {left: auto; right: 2%;}
             .f-con-08 .img-02 {left: 50%; width: 25%;}
             .f-con-08 .text-2 {left: auto; right: 2%; width: 22%; max-width: 246px;}
            .f-con-03 .f-01 , .f-con-07 .f-01 , .f-con-08 .f-01 {left: auto; right: 20px;}
            , .f-con-06 .f-01 {left: auto; right: 20px; width: 50%;}
            .f-con-09 {padding: 0 2%; box-sizing: border-box;}
            .spa-box {background-size: 100% 100%; width: 100%; max-width: 1080px; padding: 2% 0;}
            .spa-box .slider_box {position: relative;}
            .spa-box .slider_box:after {display: block; content: ""; padding-top: 66.66%;}
            .spa-box .flexslider {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
            .spa-box .w380 {width: 100%;}
            .f-con-06 .text_box {width: 100%;}
        }
        @media screen and (max-width: 1024px) {
            .f-con-01 {width: 100%; max-width: 600px; height: auto; margin-bottom: 50px; padding: 0 2%;}
            .f-con-01 h2 , .f-con-01 .text, .f-con-01 .text-2 {position: static; width: auto;}
             .f-con-01 .slider_box {position: relative; margin: 20px auto;}
             .f-con-01 .slider_box:after {display: block; content: ""; padding-top: 66.66%;}
             .f-con-01 .slider_box .slider {position: absolute; top: 0; left: 0; width: 100%;  max-width: 600px; height: 100%;}
             .f-con-02 {height: auto; margin-bottom: 50px;}
             .f-con-03 , .f-con-04  , .f-con-05  , .f-con-06  , .f-con-07 , .f-con-08 , .f-con-09 {max-width: 600px; height: auto; margin-bottom: 50px; padding: 0 2%;}
             .f-con-03 .text_box , .f-con-04 .text_box , .f-con-05 .text_box {width: 100%;}
             .f-con-03 h2 , .f-con-03 .text , .f-con-03 .img-01 , .f-con-03 .img-02 , .f-con-04 h2 , .f-con-04 .text , .f-con-04 .img-01 , .f-con-04 .img-02 , .f-con-05 h2 , .f-con-05 .text , .f-con-05 .img-01 , .f-con-05 .img-02, .f-con-06 h2 , .f-con-06 .text , .f-con-06 .img-01, .f-con-07 h2 , .f-con-07 .text , .f-con-07 .img-01 , .f-con-07 .img-02 , .f-con-08 h2 , .f-con-08 .text , .f-con-08 .text-2 , .f-con-08 .img-01 , .f-con-08 .img-02 {position: static; width: 100%;}
             .f-con-08 .text-2 {margin-top: 20px;}
             .f-con-03 .img-02 , .f-con-04 .img-02 , .f-con-05 .img-02 , .f-con-07 .img-02 , .f-con-08 .img-02 {margin-top: 20px;}
             .f-con-03 .f-01 , .f-con-04 .f-01 , .f-con-05 .f-01 , .f-con-06 .f-01 , .f-con-07 .f-01 {display: none;}
            .f-con-08 .f-01 {top: auto; bottom: 0; width: 35%;}
            .spa-box {/*background-image: url(../images/img/facilities/box_sp.png);*/ height: auto; margin-bottom: 50px; padding: 2%;}
            .spa-box.flex {flex-direction: column-reverse;}
            .spa-box.flex .w360 {width: 100%;}
            .spa-box .w600  {width: 100%;}
        }
        @media only screen and (max-width: 767px) {
            .f-con-02 h2 {position: static; width: auto; margin-left: 2%; margin-bottom: -30px;}
        }
        @media only screen and (max-width: 560px) {
        }
          
/*=================================================
       enkai
=================================================*/

@media screen and (max-width: 1400px) {
            .e-con-01 .img-01 img {max-width: 100%; height: auto;}
        }
        @media screen and (max-width: 1200px) {
            .e-con-01 h2 , .e-con-01 .text , .e-con-02 h3 , .e-con-02 .text {left: 2%; width: 46%;}
            .e-con-03 h3 , .e-con-03 .text {left: auto; right: 2%; width: 46%;}
            .e-con-01 .img-01 , .e-con-02 .img-01 {left: auto; right: 2%; width: 46%;}
            .e-con-03 .img-01 {left: 2%; width: 46%;}
            .e-con-03 .img-02 {left: 50%; width: 25%;}
            .e-con-01 .f-01 {left: 2%; width: 50%;}
            .e-con-02 .img-02 {left: 2%;}
            .e-con-02 .f-01 {left: 30%;}
            .e-con-03 .f-01 {left: auto; right: 0; width: 20%;}
            .e-con-04 h2 , .e-con-04 .text {left: 2%; width: 46%;}
            .e-con-04 .img-01 , .e-con-04 .text-2 {left: auto; right: 2%; width: 46%;}
            .e-con-04 .img-02 , .e-con-04 .img-03 {left: auto; right: 51%;}
        }
        @media screen and (max-width: 1024px) {
            .e-con-01 , .e-con-02 , .e-con-03 , .e-con-04 {height: auto; max-width: 600px; margin-bottom: 50px; padding: 0 2%;}
            .annai {max-width: 600px; margin: 0 auto;}
            .e-con-02 .text_box , .e-con-03 .text_box {width: 100%;}
            .e-con-01 h2 , .e-con-01 .text , .e-con-01 .img-01 , .e-con-02 h3 , .e-con-02 .text , .e-con-02 .img-01 , .e-con-02 .img-02 , .e-con-03 h3 , .e-con-03 .text , .e-con-03 .img-01 , .e-con-03 .img-02 , .e-con-04 h2 , .e-con-04 .text , .e-con-04 .img-01 , .e-con-04 .text-2 {position: static; width: auto;}
            .e-con-01 .f-01 {display: none;}
            .e-con-01 h2 {padding-bottom: 20px;}
            .e-con-02 .f-01 , .e-con-03 .f-01 {left: auto; top: auto; bottom: 0; right: 0; width: 30%;}
            .e-con-04 .img-01 {margin-top: 20px;}
            .e-con-02 .img-02 , .e-con-03 .img-02 {margin-top: 20px;}
             
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }

/*=================================================
       tourism
=================================================*/

.tourism-a .w500 {padding-right: 40px;}
.tourism-b .w500 {padding-left: 40px;}

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
            .tourism-a {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 20px; width: 100%; max-width: 1115px; padding: 0 0 80px; box-sizing: border-box;}
            .tourism-b {display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: center; gap: 20px; width: 100%; max-width: 1115px; padding: 0 0 80px; box-sizing: border-box;}
            .tourism-a .w500 {flex: 0 1 500px; width: auto; padding-right: 0;}
            .tourism-a .w300 {flex: 0 1 300px; width: auto;}
            .tourism-a h3 , .tourism-b h3 {width: 100%;}
            .tourism-b .w500 {flex: 0 1 500px; width: auto; padding-left: 0;}
            .tourism-b .w300 {flex: 0 1 300px; width: auto;}
            .tourism-a .f-01 , .tourism-b .f-01 {display: none;}
        }
        @media screen and (max-width: 1024px) {
            .sight {width: 100%; max-width: 600px; padding: 0 2%;}
            .tourism-a {flex-direction: column-reverse; align-items: center;}
            .tourism-b {flex-direction: column-reverse; align-items: center;}
            .tourism-a .w500 , .tourism-b .w500 {flex: 0 1 auto; width: auto;}
            .tourism-a .w300 , .tourism-b .w300 {flex: 0 1 auto; width: auto;}
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }
        
/*=================================================
       access
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
            .map_box {padding: 0 2%; box-sizing: border-box;}
            .access-map {position: relative; width: 100%; max-width: 1080px;}
            .access-map:after {display: block; content: ""; padding-top: 41.66%;}
            .access-map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
            .access-map {height: 300px;}
            .access-map:after {display: block; content: ""; padding-top: 0;}
        }
        @media only screen and (max-width: 560px) {
        }

/*=================================================
       access
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }

/*=================================================
       gallery
=================================================*/

@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }


/*=================================================
       news
=================================================*/


@media screen and (max-width: 1280px) {
        }
        @media screen and (max-width: 1200px) {
        }
        @media screen and (max-width: 1024px) {
        }
        @media only screen and (max-width: 767px) {
        }
        @media only screen and (max-width: 560px) {
        }