@charset "UTF-8";.main{overflow:hidden;position:relative}.main__img *{max-width:none}.main__imgitem{max-width:100%;overflow:hidden;position:relative}.main__imgitem *{max-width:100%}.main__imgitem img{position:absolute;margin:auto;left:-100%;right:-100%;max-width:100%;height:auto;display:none}@media screen and (max-width:768px){.main__imgitem img{top:0;bottom:0}}@media screen and (min-width:641px){.main__imgitem img{height:auto}}@media screen and (min-width:769px){.main__imgitem img{max-width:none}}.main__imgitem--01{background:url(../images/index/main-img01_sp.jpg) no-repeat center center/cover}@media screen and (min-width:769px){.main__imgitem--01{background:url(../images/index/main-img01_pc.jpg) no-repeat center center/cover}}.main__imgitem--02{background:url(../images/index/main-img02_sp.jpg) no-repeat center center/cover}@media screen and (min-width:769px){.main__imgitem--02{background:url(../images/index/main-img02_pc.jpg) no-repeat center top/cover}}.main__imgitem--03{background:url(../images/index/main-img03_sp.jpg) no-repeat center top/cover}.main__imgitem--04{background:url(../images/index/main-img04_sp.jpg) no-repeat center top/cover}.main__imgitem--05{background:url(../images/index/main-img05_sp.jpg) no-repeat center top/cover}.main__imgitem--06{background:url(../images/index/main-img06_sp.jpg) no-repeat center top/cover}.main__imgitem--07{background:url(../images/index/main-img07_sp.jpg) no-repeat center top/cover}@media screen and (min-width:769px){.main__imgitem--03{background:url(../images/index/main-img03_pc.jpg) no-repeat center top/cover}.main__imgitem--04{background:url(../images/index/main-img04_pc.jpg) no-repeat center top/cover}.main__imgitem--05{background:url(../images/index/main-img05_pc.jpg) no-repeat center top/cover}.main__imgitem--06{background:url(../images/index/main-img06_pc.jpg) no-repeat center top/cover}.main__imgitem--07{background:url(../images/index/main-img07_pc.jpg) no-repeat center top/cover}}.main__wrap{position:absolute;top:0;bottom:0;margin:auto;text-align:center;left:0;right:0}.main__ttl{font-family:"Rufina", YakuHanJP, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", YuGothic, sans-serif;color:#fff;font-size:10.5vw;text-shadow:0 2px 10px #000}@media screen and (min-width:1200px){.main__ttl{font-size:90px;font-size:6.42857rem;text-shadow:0 3px 30px #000}}.main__txt{color:#fff;font-family:YakuHanMPs, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, serif;font-size:4.8vw;text-shadow:0 1px 5px #000}@media screen and (min-width:641px){.main__txt{font-size:3.3vw}}@media screen and (min-width:1200px){.main__txt{font-size:28px;font-size:2rem;text-shadow:0 2px 10px #000}}.index{padding:80px 0}@media screen and (min-width:641px){.index{padding:112px 0 120px}}.index__txt{margin-top:30px}@media screen and (min-width:641px){.index__txt{text-align:center;margin-top:55px;font-size:16px;font-size:1.14286rem}}@media screen and (min-width:1200px){.index__txt{font-size:20px;font-size:1.42857rem}}.index__txt--white{color:#fff;text-shadow:1px 3px 20px #000}.index__btn{display:block;width:320px;margin:40px auto 0;background:#fff;text-align:center;text-decoration:none;color:#191F45;position:relative;padding:1em;border-radius:4px}.index__btn:active,.index__btn:focus,.index__btn:hover,.index__btn:link{text-decoration:none;color:#191F45}@media screen and (min-width:641px){.index__btn{margin:60px auto 0}}.index__btn:after{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;width:1em;height:1em;line-height:1;position:absolute;top:0;bottom:0;margin:auto;right:1em}.index__btn:hover{color:#fff;background:#191F45}@media screen and (min-width:769px){.half{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.half__inner{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}@media screen and (min-width:769px){.half__inner{width:50%}}.half__inner a{text-decoration:none;color:#fff;display:block;padding:80px 0;position:relative}.half__inner a:active,.half__inner a:focus,.half__inner a:hover,.half__inner a:link{text-decoration:none;color:#fff}@media screen and (min-width:641px){.half__inner a{padding:112px 0 120px}}@media screen and (min-width:1200px){.half__inner a{padding:200px 0}}.half__inner a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:transparent;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}.half__inner a:hover:after{background:rgba(0, 0, 0, 0.6)}.half__inner a .cont__ttl{position:relative;z-index:1}.stay{background:url(../images/index/stay-bg.jpg) no-repeat center center/cover}.wedding{background:url(../images/index/wedding-bg.jpg) no-repeat center center/cover}.photo{background:url(../images/index/photo-bg.jpg) no-repeat center center/cover}.restaurant{background:url(../images/index/restaurant-bg.jpg) no-repeat center center/cover}.party{background:url(../images/index/party-bg.jpg) no-repeat center center/cover}.concept{background:url(../images/index/concept-bg.jpg) no-repeat center center/cover}.recommend-plan{background:#ECEFF1;padding:30px 0}@media screen and (min-width:641px){.recommend-plan{padding:40px 0}}.info__wrap{margin-top:30px}@media screen and (min-width:1200px){.info__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:1200px){.info__list{width:71.83%}}.info__list .news-list{margin-top:0}@media screen and (max-width:1199px){.info__menu{margin-top:30px}}@media screen and (min-width:1200px){.info__menu{width:25.66%}}@media screen and (min-width:641px){.info__menulist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:1200px){.info__menulist{display:block}}@media screen and (max-width:640px){.info__menuitem{width:80%;margin:10px auto;text-align:center}}@media screen and (min-width:641px){.info__menuitem{width:32%}}@media screen and (min-width:1200px){.info__menuitem{width:100%}.info__menuitem:not(:first-child){margin-top:10px}}.access{padding-bottom:100px}@media screen and (min-width:641px){.access{padding-bottom:150px}}.access__ttlarea{background:url(../images/index/access-bg.jpg) no-repeat center center/cover;padding:80px 0}@media screen and (min-width:641px){.access__ttlarea{padding:100px 0}}@media screen and (min-width:769px){.access__ttlarea{padding:150px 0}}.access__info{max-width:90%;margin:auto}@media screen and (max-width:768px){.access__info{padding:30px 0}}@media screen and (min-width:769px){.access__info{width:50%}}.access__map{min-height:400px;margin-top:30px}@media screen and (min-width:641px){.access__map{margin-top:50px}}.access__map *{max-width:none}.access__wrap{margin-top:30px}@media screen and (min-width:641px){.access__wrap{margin-top:50px}}@media screen and (min-width:1200px){.access__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.access__tbl{table-layout:auto}@media screen and (min-width:1200px){.access__tbl{width:58.33%}}.access__tbl td,.access__tbl th{width:auto}@media screen and (min-width:641px){.access__btnarea{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:1200px){.access__btnarea{display:block;width:33.33%}}@media screen and (max-width:1199px){.access__btnarea{margin-top:30px}}.access__mapbtn{display:block;text-align:center;padding:0.5em;border:1px solid #191F45;text-decoration:none;color:#191F45;border-radius:4px}.access__mapbtn:active,.access__mapbtn:focus,.access__mapbtn:hover,.access__mapbtn:link{text-decoration:none;color:#191F45}@media screen and (min-width:641px){.access__mapbtn{width:49%}}@media screen and (min-width:1200px){.access__mapbtn{font-size:20px;font-size:1.42857rem;margin-bottom:20px;width:100%}}.access__mapbtn:before{content:"\f041";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:0.5em}.access__mapbtn:hover{background:#191F45;color:#fff}.access__btn{display:block;text-align:center;padding:0.5em;border:1px solid #191F45;background:#191F45;text-decoration:none;color:#fff;border-radius:4px}.access__btn:active,.access__btn:focus,.access__btn:hover,.access__btn:link{text-decoration:none;color:#fff}@media screen and (min-width:641px){.access__btn{width:49%}}@media screen and (min-width:1200px){.access__btn{padding:1em;font-size:20px;font-size:1.42857rem;margin-bottom:20px;width:100%}}@media screen and (max-width:640px){.access__btn{margin-top:20px}}.access__btn:after{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:0.5em}.access__btn:hover{background:#fff;color:#191F45} /*追加201911*/ section.main{position: relative!important; overflow: visible; } @media screen and (max-width:640px){ .top_bn{display:none;} .top_bn_s{ position: absolute; top: auto!important; bottom: -50px; right: auto!important; width:100%; text-align:center; z-index: 9999!important;} .top_bn_s img{width:85%;max-width:450px;margin-bottom:5px;} } @media screen and (min-width:641px){ .top_bn{position: absolute;top: auto!important;bottom: -50px;right: auto;z-index: 9999!important;} /*.top_bn img{width:48%;margin-left:1%;margin-right:1%;} 2tu*/ .top_bn img{width:31%;margin-left:1%;margin-right:1%;} /*3つ*/ .top_bn_s{display:none;} } @media screen and (min-width:1200px){ .top_bn{position: absolute;top: auto!important;bottom: -20px;right:auto!important;left:auto!important;z-index: 9999!important;width:100%;text-align:right;} .top_bn img{ /*width:auto;height:auto;max-height:250px;margin-left:10px; 2つ*/ width:auto;height:auto;max-height:200px;margin-left:10px; /*3つ*/ -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); -o-box-shadow: 5px 5px 5px rgba(0,0,0,0.4); -ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);} } .top_movie{ text-align: center; margin-bottom: 3em; margin-top: 0px; padding-top: 1em; padding-bottom: 1em; width: 1170px; margin-right: auto; margin-left: auto; } .top_movie iframe{ width:560px; height:315px; } .top_movie h3{ margin-top: 0px; font-size: 220%; } .top_movie h3 span{ display:block; font-size:60%; } .top_movie .wak{ padding: 0.5em; margin-top: 1em; border: 1px solid #8B6932; } .top_movie .wak h4{ font-weight: bold; color: #8B6932; background-color: #EEEEE3; padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 0px; margin-bottom: 0.5em; } .top_movie .wak p{ text-align: left; line-height: 1.5em; padding-right: 0.5em; padding-left: 0.5em; } .top_movie .wak a{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; color: #8B6932; text-decoration: underline; } .top_info{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; margin-bottom: 20px; align-items: stretch; } .top_info .wak{ width: calc(100% - 200px); padding: 10px 50px; /*コレ追加*/box-sizing: border-box; padding: 0.5em; border: 1px solid #8B6932; flex: 1; } .top_info .wak h4{ font-weight: bold; color: #8B6932; background-color: #EEEEE3; margin-top: 0px; margin-bottom: 0em; padding: 0.5em; } .top_info .wak p{ text-align: left; line-height: 1.5em; padding-right: 0.5em; padding-left: 0.5em; padding-top: 0.3em; } .top_info .wak a{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; color: #8B6932; text-decoration: underline; } /*メニュー4つ（最後イレギュラー）*/ .info__menuitem:last-child img{max-width:80px;} @media screen and (max-width:640px){.info__menuitem{width:80%;margin:8px auto;text-align:center}} @media screen and (min-width:641px){.info__menuitem{width:29%!important}.info__menuitem:last-child{width:9%!important;}.info__menuitem:last-child img{max-width:150px!important;}ul.info__menulist{display: flex;align-items: flex-end;}} @media screen and (min-width:1200px){.info__menuitem{width:100%}.info__menuitem:not(:first-child){margin-top:10px}} .info__menuitem:last-child{ text-align:right; vertical-align: bottom; } @media (max-width: 641px) { .top_movie{ width:95%; } .top_movie iframe{ width:auto; height:auto; max-width:560; } .mb_none{ display:none;} .top_info{ display:block;} .top_info .img,.top_info .wak{ width:100%; flex-direction: column; flex: 1; } .top_info .img{ text-align:center; margin-bottom:0.5em; } .top_info .img img{ max-width:250px; } } @media screen and (min-width:1200px){.half__inner a{padding:100px 0}} @media screen and (min-width:769px){.mini{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}} .mini__inner{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s} @media screen and (min-width:769px){.mini__inner{width:33.33%} .mini__inner h2.cont__ttl .cont__ttljp{font-size:clamp(18px, 2vw, 27px);} } .mini__inner a{text-decoration:none;color:#fff;display:block;padding:80px 0;position:relative} .mini__inner a:active,.mini__inner a:focus,.mini__inner a:hover,.mini__inner a:link{text-decoration:none;color:#fff} @media screen and (min-width:641px){.mini__inner a{padding:112px 0 120px}} @media screen and (min-width:1200px){.mini__inner a{padding:100px 0}} .mini__inner a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0, 0, 0, 0.4);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s} .mini__inner a:hover:after{background:rgba(0, 0, 0, 0)} .mini__inner a .cont__ttl{position:relative;z-index:1} .wide__inner{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s} .wide__inner a{text-decoration:none;color:#fff;display:block;padding:80px 0;position:relative} .wide__inner a:active,.wide__inner a:focus,.wide__inner a:hover,.wide__inner a:link{text-decoration:none;color:#fff} @media screen and (min-width:641px){.wide__inner a{padding:112px 0 120px}} @media screen and (min-width:1200px){.wide__inner a{padding:200px 0}} .wide__inner a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0, 0, 0, 0.4);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s} .wide__inner a:hover:after{background:rgba(0, 0, 0, 0)} .wide__inner a .cont__ttl{position:relative;z-index:1} @media screen and (min-width:1200px){.bn_long{text-align:center!important;padding-bottom:50px;}.bn_long img{max-width:400px;}} @media screen and (min-width:769px){.bn_long{text-align:center!important;padding-bottom:20px;}.bn_long img{max-width:900px;width:80%;}}