@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
.slick-slider { padding-bottom:1rem; }
.slick-dots {
  display:flex;
  justify-content:flex-end;
  position:relative;
  margin-top:-1rem;
  margin-right:1rem;
}
.slick-dots li {
  width:2rem !important;
  height:.1rem !important;
  margin:0 .1rem !important;
  padding:0 !important;
  border-radius:100vmax;
  background:#fff;
}
body.restaurant .slick-dots li.slick-active { background:#880000; }
body.hotel .slick-dots li.slick-active { background:#e4b205; }
.slick-dots li button { display:none; }

#header { height:auto; }
.kv-box {
  height:37rem;
  margin-top:6rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.kv-box .kv-pic {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.kv-box #page-ttl { position:relative; padding-top:4rem; }
.kv-box #page-ttl .act-font {
  display:block;
  font-size:2.5rem;
  color:#fff;
  letter-spacing:.1em;
  text-align:center;
}
.kv-box #page-ttl .en-font {
  display:block;
  font-size:1.25rem;
  margin-top:1rem;
  text-align:center;
  color:#fff;
}

.simple-h { text-align:center; }
.simple-h .act-font {
  display:block;
  font-size:2.25rem;
}
.simple-h .en-font {
  display:block;
  font-size:1.25rem;
  margin-top:.5rem;
}

.dflt-layout { align-items:flex-start; }
.dflt-layout .main-pic { width:44rem; }
.dflt-layout.pic-l .main-pic { order:1; }
.dflt-layout.pic-l .txt-box { order:2; }
.dflt-layout .txt-box { width:26.5rem; }
.dflt-layout .txt-box .layout-ttl .act-font {
  display:block;
  font-size:2rem;
  line-height:1.5;
}
.dflt-layout .txt-box .layout-ttl .en-font {
  display:block;
  font-size:1.25rem;
}
.dflt-layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  margin-top:2rem;
}



@media screen and (max-width: 960px) {
  .kv-box { height:auto; aspect-ratio:7.5 / 3.75; }
  .kv-box #page-ttl { line-height:1; padding-top:0; }
  .dflt-layout { max-width:700px; }
  .dflt-layout .main-pic { width:39rem; }
  .dflt-layout .txt-box { width:24rem; }

}
@media screen and (max-width: 750px) {
 .dflt-layout { display:block; padding:0 15px; }
 .dflt-layout .txt-box { width:100%; }
 .dflt-layout .main-pic { width:100%; margin-top:20px; }
 .dflt-layout .txt-box .layout-ttl .act-font { font-size:22.5px; }
 .dflt-layout .txt-box .txt { line-height:1.66; margin-top:15px; }

}









/* =================== */
/*       body.news       */
/* =================== */
body.news .news-list {
  justify-content:flex-start;
  align-items:inherit;
  flex-wrap:wrap;
  width:65rem;
  margin:9rem auto 0;
}
body.news .news-list li {
  width:calc((100% - 6rem) / 3);
  margin-right:3rem;
  margin-bottom:5rem;
}
body.news .news-list li:nth-child(3n) { margin-right:0; }
body.news .news-list li .pic {
  width:100%;
  overflow:hidden;
  aspect-ratio:4 / 3;
  border-radius:.5rem;
}
body.news .news-list li .pic img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.5s ease all;
}
body.news .news-list li .pic a:hover img {
  transform:scale(1.05);
  opacity:.7;
}
body.news .news-list li .txt-box { padding:1rem 0 0; }
body.news .news-list li time {
  font-size:max(15px, 1rem);
  margin-bottom:.5rem;
  display:block;
  color:#252f66;
}
body.news .news-list li .ttl {
  font-size:max(15px, 1rem);
  line-height:1.5;
  font-weight:400;
}
body.news .news-list li .ttl a:hover { text-decoration:underline; }
body.news .pn-box {
  width:65rem;
  margin:0 auto 7rem;
  padding:0;
}
body.news .pn-box .btn {
  width:1.05rem;
  cursor:pointer;
  transition:0.5s ease all;
}
body.news .pn-box .btn:hover { opacity:.5; }
body.news.detail .pankuzu {
  font-size:max(14px, .9rem);
  padding:0 0 4rem;
  flex-wrap:wrap;
  justify-content:flex-start;
  line-height:1.25;
  width:65rem;
  margin:6rem auto 0;
}
body.news.detail .pankuzu li {
  margin-bottom:.5rem;
}
body.news.detail .pankuzu li::after {
  content:">";
  display:inline-block;
  margin:0 .5rem;
}
body.news.detail .pankuzu li:last-child::after { display:none; }
body.news.detail .pankuzu a {
  color:#252f66;
  text-decoration:underline;
}
body.news.detail .pankuzu a:hover { text-decoration:none; }
body.news.detail article {
  width:45rem;
  margin:0 auto 8rem;
}
body.news.detail article time {
  font-size:max(15px, 1rem);
  color:#252f66;
}
body.news.detail article h2 {
  margin:1rem 0 3rem;
  font-size:1.5rem;
  line-height:1.66;
  font-weight:500;
}
body.news.detail article .pic {
  margin:3rem 0;
  border-radius:.5rem;
  overflow:hidden;
}
body.news.detail article .txt {
  font-size:max(15px, 1rem);
  line-height:2;
}

@media screen and (max-width: 960px) {
  body.news .news-list { width:86.6%; }
  body.news .pn-box { width:86.6%; }
  body.news.detail .pankuzu { width:86.6%; }
  body.news.detail article { width:86.6%; max-width:600px; }
}
@media screen and (max-width: 750px) {
  body.news .news-list { position:relative; z-index:1; width:86.6%; max-width:550px; margin-top:50px; }
  body.news .news-list li { margin-right:0; width:100%; margin-bottom:40px; }
  body.news .news-list li .pic { height:auto; }
  body.news .pn-box { width:86.6%; max-width:550px; margin-bottom:70px; }
  body.news .pn-box .btn { width:20px; }
  body.news.detail .pankuzu { font-size:14px; padding:0 0 40px; width:86.6%; max-width:550px; position:relative; z-index:1; margin-top:25px; }
  body.news.detail article { width:86.6%; max-width:550px; }
  body.news.detail article h2 { font-size:19px; }
  body.news.detail article .txt { line-height:1.66; }
}








/* =================== */
/*       body.access       */
/* =================== */
body.access .map-box {
  height:35rem;
  border-radius:.5rem;
  overflow:hidden;
  margin:9rem auto 3rem;
}
body.access .map-box iframe {
  width:100%;
  height:100%;
}
body.access .map-add-box {
  align-items:flex-start;
  justify-content:center;
}
body.access .map-add-box .map-logo { width:10.55rem; }
body.access .map-add-box address {
  font-size:max(15px, 1rem);
  line-height:1.5;
  margin-left:4rem;
}
body.access #sec1 {
  background:#fff;
  border-radius:.5rem;
  padding:5rem 5rem 2rem;
  margin-top:4.5rem;
  margin-bottom:6.5rem;
}
body.access #sec1 .simple-h { color:#252f66; margin-bottom:1rem; }
body.access #sec1 h3 img {
  width:1.5rem;
  display:inline-block;
  vertical-align:middle;
  margin-right:.5rem;
}
body.access #sec1 h3 span {
  font-size:max(18px, 1.5rem);
  display:inline-block;
  vertical-align:middle;
}
body.access #sec1 .txt-box { margin:2rem; }
body.access #sec1 .txt-box .bld {
  font-size:max(16px, 1.25rem);
  color:#252f66;
  font-weight:500;
  margin-bottom:.5rem;
}
body.access #sec1 .txt-box li {
  font-size:max(14px, 1rem);
  line-height:1.5;
  text-indent:-1em;
  padding-left:1em;
}
body.access #sec1 .txt-box li span { font-size:50%; color:#a5b9d7; }
body.access #sec1 #art1 .root { margin-top:1rem; }
body.access #sec1 #art2 { margin-top:3rem; }
body.access #sec1 #art2 .sub-ttl {
  font-size:max(15px, 1.1rem);
  margin-bottom:.7rem;
  margin-top:1rem;
}
body.access #art3 { margin-bottom:6rem; }
body.access #art3 .pic { width:30rem; }
body.access #art3 .txt-box { width:calc(100% - 30rem - 4rem); }
body.access #art3 .txt-box h4 { text-align:left; color:#252f66; }
body.access #art3 .txt-box .txt {
  font-size:max(15px, 1.1rem);
  line-height:1.8;
  margin-top:1rem;
}
body.access .last-box {
  width:50rem;
  margin:0 auto 8rem;
  border-radius:.5rem;
  border:2px solid #252f66;
  background:#fff;
}
body.access .last-box .ttl {
  background:#252f66;
  padding:1.5rem 0;
  color:#fff;
  text-align:center;
  font-size:max(18px, 1.5rem);
}
body.access .last-box .txt-box {
  padding:2rem 5rem 1rem;
  line-height:1.75;
  font-size:max(15px, 1rem);
}
body.access .last-box .txt-box p { margin-bottom:1rem; }

@media screen and (max-width: 960px) {
  body.access #sec1 .root .sp-on { display:none; }
  body.access #sec1 .root .pc-on { display:block; }
  body.access #art3 { max-width:600px; }
}
@media screen and (max-width: 750px) {
  body.access #sec1 .root .pc-on { display:none; }
  body.access #sec1 .root .sp-on { display:block; }
  body.access .map-box { margin-top:50px; height:250px; }
  body.access .map-add-box { display:block; }
  body.access .map-add-box .map-logo { margin:0 auto 10px; }
  body.access .map-add-box address { margin-left:0; text-align:center; }
  body.access #sec1 { padding:30px 20px 10px; }
  body.access #sec1 .txt-box { margin:25px 10px; }
  body.access #sec1 #art2 { margin-top:50px; }
  body.access #art3 { display:block; }
  body.access #art3 .txt-box { width:100%; }
  body.access #art3 .txt-box .txt { line-height:1.66; }
  body.access #art3 .pic { width:100%; margin-top:20px; }
  body.access #art3 .txt-box h4 { text-align:center; }
  body.access .last-box { width:86.6%; max-width:600px; }
  body.access .last-box .txt-box { padding:20px 25px 15px; }
}









/* =================== */
/*       body.cuisine       */
/* =================== */
body.cuisine h1#page-ttl { text-shadow:0px 7px 20px rgba(52, 52, 52, 0.6); }
body.cuisine main {
  padding-bottom:18rem;
  background: url(../img/hotel/bg.jpg) repeat-y;
  background-size: 100% auto;
  color:#fff;
}
body.cuisine #art1 {
  background:url(../img/cuisine/art1_bk.jpg) no-repeat center;
  background-size:cover;
  padding:9rem 0 19rem;
  color:#fff;
}
body.cuisine #art1 .simple-h .en-font { color:#fff; }
body.cuisine #art1 .sub-ttl {
  font-size:max(22.5px, 2rem);
  text-align:center;
  margin:5.5rem 0 2.5rem;
}
body.cuisine #art1 .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  width:32.5rem;
  margin:5rem auto 0;
}
body.cuisine #art1 .pic1 {
  width:20rem;
  position:absolute;
  left:0;
  top:7rem;
}
body.cuisine #art1 .pic2 {
  width:20rem;
  position:absolute;
  right:0;
  top:18rem;
}
body.cuisine .dflt-layout .txt-box .layout-ttl .en-font { color:#e4b205; }
body.cuisine #art2 { margin-top:-7rem; }
body.cuisine #art2 .dflt-layout { align-items:flex-end; }
body.cuisine #anc1 { margin-top:7rem; }
body.cuisine .simple-h .en-font { color:#e4b205; }
body.cuisine .top-txt {
  font-size:max(15px, 1rem);
  line-height:1.5;
  text-align:center;
  margin-top:1rem;
  margin-bottom:2.5rem;
}
body.cuisine #anc1 .main-pic {
  width:44rem;
  margin:0 auto;
}
body.cuisine #anc1 ul {
  align-items:flex-start;
  margin:4rem auto 5.5rem;
}
body.cuisine #anc1 ul li { width:calc((100% - 4rem) / 3); }
body.cuisine #anc1 ul li:nth-child(even) { margin-top:2.5rem; }
body.cuisine #anc1 ul li .name {
  font-size:max(18px, 1.5rem);
  text-align:center;
  margin-top:1rem;
}
body.cuisine #anc2 {
  background: url(../img/bg.jpg) repeat-y;
  background-size: 100% auto;
  border-radius:.5rem;
  padding:4.5rem 7.5rem 2rem;
  margin-bottom:7rem;
  color:#000;
}
body.cuisine #anc2 ul {
  flex-wrap:wrap;
  align-items:flex-start;
}
body.cuisine #anc2 ul li {
  width:calc((100% - 3rem) / 2);
  margin-bottom:3rem;
}
body.cuisine #anc2 ul li .name {
  font-size:max(18px, 1.5rem);
  text-align:center;
  margin-top:1rem;
}
body.cuisine #anc2 #art4 { margin-top:3rem; }
body.cuisine #anc2 #art4 .simple-h { margin-bottom:1.5rem; }
body.cuisine #anc2 #art4 .dflt-layout { margin-bottom:3.5rem; }
body.cuisine #anc2 #art4 .dflt-layout .main-pic { width:33.75rem; }
body.cuisine #anc2 #art4 .dflt-layout .txt-box { width:22.5rem; margin-top:3rem; }
body.cuisine #art5 {
  background: url(../img/bg.jpg) repeat-y;
  background-size: 100% auto;
  border-radius:.5rem;
  padding:4.5rem 7.5rem 5.5rem;
  margin-bottom:7rem;
  color:#000;
}
body.cuisine #art5 .simple-h { margin-bottom:1.5rem; }
body.cuisine #art5 .dflt-layout .main-pic { width:33.75rem; }
body.cuisine #art5 .dflt-layout .txt-box { width:22.5rem; margin-top:1rem; }
body.cuisine #anc3 {
  width:40rem;
  min-width:500px;
  margin:0 auto;
  border-radius:.5rem;
  background:#fff;
  border:2px solid #e4b205;
  text-align:center;
  color:#000;
}
body.cuisine #anc3 .ttl {
  background:#e4b205;
  text-align:center;
  color:#fff;
  font-size:max(18px, 1.5rem);
  line-height:4.5rem;
}
body.cuisine #anc3 .txt1 {
  font-size:max(16px, 1.1rem);
  margin-bottom:1rem;
  margin-top:2.5rem;
}
body.cuisine #anc3 .txt2 {
  font-size:max(15px, 1rem);
  margin-top:.5rem;
  margin-bottom:3rem;
}
body.cuisine #anc3 .num {
  font-size:max(25px, 2rem);
  color:#e4b205;
}
body.cuisine #anc3 .num a {
  vertical-align:middle;
  font-weight:bold;
}
body.cuisine #anc3 .num i {
  background:#e4b205;
  border-radius:100vmax;
  padding:.5rem;
  font-size:60%;
  vertical-align:baseline;
  margin-right:.5rem;
  color:#fff;
}
body.cuisine #anc3 .txt3 {
  font-size:max(13px, .8rem);
  margin-top:1.5rem;
}
body.cuisine #anc3 .bnr {
  width:14rem;
  margin:.5rem auto 3rem;
}
body.cuisine #anc3 .bnr a:hover { opacity:.5; }
body.cuisine #plan-bnr { margin-top:-8rem; }

@media screen and (max-width: 1200px) {
  body.cuisine #art1 { padding-bottom:8rem; }
  body.cuisine #art2 { margin-top:5rem; }
}
@media screen and (max-width: 960px) {
  body.cuisine #anc2 { max-width:700px; padding:4.5rem 4.5rem 2rem; }
  body.cuisine #art5 { max-width:700px; padding:4.5rem 4.5rem 5.5rem; }
  body.cuisine #anc1 { max-width:700px; }
  body.cuisine #art1 .pic1 { left:-2rem; }
  body.cuisine #art1 .pic2 { right:-2rem; }
  body.cuisine #anc2 #art4 .dflt-layout .txt-box { width:20.5rem; }
  body.cuisine #art5 .dflt-layout .txt-box { width:20.5rem; }
  body.cuisine #anc3 .txt1 .sp-on { display:none; }
}
@media screen and (max-width: 750px) {
  body.cuisine #art1 {
    background:url(../img/cuisine/art1_bk_sp.jpg) no-repeat center bottom;
    background-size:cover;
    padding:40px 0;
  }
  body.cuisine #art1 > .in-w85 { width:86.6%; }
  body.cuisine #art1 .pic1 { position:initial; }
  body.cuisine #art1 .pic2 { position:initial; }
  body.cuisine #art1 .sub-ttl { line-height:1.4; margin:3rem 0 2rem; }
  body.cuisine #art1 .txt { width:100%; padding:0 15px; line-height:1.66; margin-top:25px; }
  body.cuisine #art1 .pic-box { padding:0 15px; display:flex; justify-content:space-between; margin-top:15px; }
  body.cuisine #art1 .pic-box .pic { width:calc((100% - 10px) / 2); }
  body.cuisine .top-txt { text-align:left; padding:0 15px; line-height:1.66; }
  body.cuisine #anc1 .main-pic { width:calc(100% - 30px); margin:0 auto; }
  body.cuisine #anc1 > ul { display:block; margin-top:30px; }
  body.cuisine #anc1 > ul li { width:72%; margin:0 auto 20px; }
  body.cuisine #anc2 { width:93.3%; padding:30px 30px 10px; margin-bottom:30px; }
  body.cuisine #anc2 .top-txt { padding:0; }
  body.cuisine #anc2 #art3 ul { display:block; }
  body.cuisine #anc2 #art3 ul li { width:calc(100% - 20px); margin:0 auto 30px; }
  body.cuisine #anc2 #art4 { margin-top:60px; }
  body.cuisine #anc2 #art4 .dflt-layout .txt-box { width:100%; margin-top:0; }
  body.cuisine #anc2 #art4 .dflt-layout .main-pic { width:100%; }
  body.cuisine #anc2 #art4 .dflt-layout { padding:0; margin-bottom:30px; }
  body.cuisine #anc2 #art4 .simple-h { margin-bottom:10px; }
  body.cuisine #art5 { width:93.3%; padding:30px; }
  body.cuisine #art5 .dflt-layout { padding:0; }
  body.cuisine #art5 .dflt-layout .txt-box { width:100%; margin-top:0; }
  body.cuisine #art5 .dflt-layout .main-pic { width:100%; }
  body.cuisine #anc3 { min-width:initial; width:86.6%; max-width:500px; }
  body.cuisine #anc3 .txt1 { line-height:1.5; }
  body.cuisine #anc3 .txt1 .sp-on { display:initial; }
  body.cuisine #anc3 .txt2 { margin-top:7px; }
  body.cuisine #anc3 .bnr { width:200px; margin-top:10px; }
  body.cuisine #anc3 .txt3 { margin-top:20px; }
}









/* =================== */
/*       body.hotel       */
/* =================== */
body.hotel h1#page-ttl { text-shadow:0px 7px 20px rgba(52, 52, 52, 0.6); }
body.hotel .blue-bk-box {
  background:url(../img/hotel/bg.jpg) repeat-y;
  background-size:100% auto;
  padding-bottom:5.5rem;
}
body.hotel .pic-bk-box {
  color:#fff;
  padding:9rem 0 13rem;
  position:relative;
  z-index:1;
}
body.hotel .pic-bk-box .top-copy {
  font-size:2rem;
  text-align:center;
  margin:4rem 0 3rem;
}
body.hotel .pic-bk-box .top-txt {
  width:32.5rem;
  margin:0 auto;
  font-size:max(15px, 1rem);
  line-height:2;
}
body.hotel #art1 .pic-bk-box {
  background:url(../img/hotel/art1_bk.jpg) no-repeat center;
  background-size:cover;
}
body.hotel #art2 .pic-bk-box {
  background:url(../img/hotel/art2_bk.jpg) no-repeat center;
  background-size:cover;
}
body.hotel #art3 .pic-bk-box {
  background:url(../img/hotel/art3_bk.jpg) no-repeat center;
  background-size:cover;
}
body.hotel #art1 ul.list {
  align-items:flex-start;
  margin:-7rem auto 0;
  width:68rem;
  position:relative;
  z-index:2;
}
body.hotel #art1 ul.list li { width:calc((100% - 7rem) / 2); }
body.hotel #art1 ul.list li .txt-box {
  color:#fff;
  margin:1.5rem 1rem 0;
}
body.hotel #art1 ul.list li .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.8;
  margin-top:.5rem;
}
body.hotel main .nml-ttl .act-font {
  display:block;
  font-size:2rem;
  line-height:1.5;
}
body.hotel main .nml-ttl .act-font .mini { font-size:62.5%; }
body.hotel main .nml-ttl .act-font .mini.br { margin-top:-.5rem; display:block; }
body.hotel main .nml-ttl.sml .act-font { font-size:1.75rem; }
body.hotel main .nml-ttl .en-font {
  display:block;
  font-size:1.25rem;
  color:#e4b205;
  margin-top:.2rem;
}
body.hotel #art2 ul.list {
  align-items:flex-start;
  flex-wrap:wrap;
  /*justify-content:center;*/
  margin:-7rem auto 0;
  position:relative;
  z-index:2;
}
body.hotel #art2 ul.list li { width:calc((100% - 5rem) / 2); margin-bottom:3rem; }
body.hotel #art2 ul.list li:first-child { margin-right:5rem; }
body.hotel #art2 ul.list li .txt-box {
  color:#fff;
  margin:1.5rem 1rem 0;
}
body.hotel dl.nml-dl {
  border-top:1px solid #fff;
  margin-bottom:1rem;
}
body.hotel dl.nml-dl .line {
  display:flex;
  align-items:baseline;
  padding:1rem 2rem;
  border-bottom:1px solid #fff;
  line-height:1.75;
}
body.hotel dl.nml-dl .line dt {
  font-size:max(16px, 1.1rem);
  color:#e4b205;
  width:11rem;
}
body.hotel dl.nml-dl .line dd {
  font-size:max(15px, 1rem);
  color:#fff;
  width:calc(100% - 11rem);
}
body.hotel main .att-txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  text-indent:-1em;
  padding-left:1em;
  margin:0 1.5rem;
  color:#fff;
}
body.hotel #art3 .pic-bk-box .top-txt { margin-top:5rem; }
body.hotel #art3 ul.list {
  align-items:flex-start;
  flex-wrap:wrap;
  margin:0 auto;
  width:68rem;
  position:relative;
  z-index:2;
}
body.hotel #art3 ul.list.up { margin-top:-7rem; }
body.hotel #art3 ul.list li {
  width:calc((100% - 7rem) / 2);
  margin-bottom:3rem;
}
body.hotel #art3 ul.list li .txt-box {
  color:#fff;
  margin:1.5rem 1rem 0;
}
body.hotel #art3 .big-pic-box {
  width:35rem;
  margin:-7rem auto 3rem;
  position:relative;
  z-index:2;
}
body.hotel #art3 .big-pic-box .txt-box {
  color:#fff;
  margin:1.5rem 1rem 0;
}
body.hotel #anc2 {
  background: url(../img/bg.jpg) repeat-y;
  background-size: 100% auto;
  border-radius:.5rem;
  margin-top:7rem;
  padding:4rem 7.5rem 1rem;
}
/*body.hotel #anc2 .simple-h .act-font { color:#fff; }*/
body.hotel #art3 #anc2 ul.list li .txt-box { color:#000; }
body.hotel #anc2 .simple-h .en-font { color:#e4b205; }
body.hotel #anc2 .top-txt {
  font-size:max(15px, 1rem);
  line-height:2;
  /*color:#fff;*/
  width:40rem;
  margin:1rem auto 3rem;
}
body.hotel #anc2 ul.list { width:100%; }
body.hotel #anc2 ul.list li { width:calc((100% - 5rem) / 2); }
body.hotel #art3 .last-box { margin-top:6rem; }
body.hotel #art3 .last-box .simple-h .act-font {
  font-size:2rem;
  color:#fff;
}
body.hotel #art3 .last-box .simple-h .en-font { color:#e4b205; }
body.hotel #art3 .last-box .top-txt {
  font-size:max(15px, 1rem);
  text-align:center;
  line-height:1.5;
  color:#fff;
  margin:.5rem 0 2rem;
}
body.hotel #art3 .last-box dl {
  width:25rem;
  min-width:300px;
  margin:0 auto;
  border-top:1px solid rgba(255,255,255,.5);
  border-bottom:1px solid rgba(255,255,255,.5);
  padding:1.5rem 2rem .5rem;
}
body.hotel #art3 .last-box dl .line {
  display:flex;
  justify-content:space-between;
  margin-bottom:1rem;
}
body.hotel #art3 .last-box dl .line dt {
  font-size:max(16px, 1.1rem);
  color:#e4b205;
}
body.hotel #art3 .last-box dl .line dd {
  font-size:max(15px, 1rem);
  color:#fff;
}
body.hotel #anc3 { margin-top:6.5rem; }
body.hotel #anc3 .simple-h { color:#252f66; }
body.hotel #anc3 .simple-h .act-font { font-size:2rem; }
body.hotel.sightseeing .blue-bk-box { padding:10rem 0 13rem; }
body.hotel.sightseeing #plan-bnr { margin-top:-8rem; }
body.hotel.sightseeing .my-map {
  height:30rem;
  border-radius:.5rem;
  overflow:hidden;
  background:#969696;
  margin:0 auto 6rem;
  min-width:800px;
}
body.hotel.sightseeing #anc3 {
  padding:5.5rem 5rem 0;
  background: url(../img/bg.jpg) repeat-y;
  background-size: 100% auto;
}
body.hotel #anc3 ul.list {
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;
  margin-bottom:3rem;
  min-width:800px;
}
body.hotel #anc3 ul.list li {
  width:calc((100% - 4rem) / 3);
  margin-bottom:4rem;
  margin-right:2rem;
}
body.hotel #anc3 .add-box { justify-content:center; margin-bottom:3.5rem; }
body.hotel #anc3 .add-box .pic { width:30rem; margin-right:3rem; }
body.hotel #anc3 .add-box .date {
  font-size:max(15px, 1rem);
  margin:1.5rem 0 2rem;
}
body.hotel #anc3 .add-box .date span {
  font-weight:500;
  background:rgba(53,62,114,.1);
  border-radius:.5rem;
  padding:.3rem .8rem;
  margin-right:1rem;
}
body.hotel #anc3 ul.list li:nth-child(3n) { margin-right:0; }
body.hotel #anc3 ul.list li .txt-box,
body.hotel #anc3 .add-box .txt-box { margin-top:1.5rem; }
body.hotel #anc3 ul.list li .ttl-box,
body.hotel #anc3 .add-box .ttl-box { justify-content:flex-start; margin-bottom:1.2rem; }
body.hotel #anc3 ul.list li .ttl-box .icon,
body.hotel #anc3 .add-box .ttl-box .icon { width:3.5rem; margin-right:.7rem; }
body.hotel #anc3 ul.list li .ttl-box .name,
body.hotel #anc3 .add-box .ttl-box .name {
  font-size:max(17px, 1.5rem);
  color:#252f66;
  line-height:1.33;
  width:calc(100% - 4.2rem);
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  padding-bottom:.8rem;
}
body.hotel #anc3 ul.list li .ttl-box .name .mini { font-size:83%; }
body.hotel #anc3 ul.list li .txt,
body.hotel #anc3 .add-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.hotel #anc3 ul.list li .root-box {
  background:rgba(53,62,114,.1);
  border-radius:.5rem;
  margin-top:1rem;
  padding:.7rem 1rem;
}
body.hotel #anc3 ul.list li .root-box .time {
  font-size:max(15px, 1rem);
  font-weight:500;
}
body.hotel #anc3 ul.list li .root-box .root-txt {
  font-size:max(14px, .9rem);
  line-height:1.66;
  margin-top:.3rem;
}
body.hotel #anc3 ul.list.golf { margin-top:1rem; }
body.hotel #anc3 ul.list.golf li .ttl-box { margin-bottom:0; }
body.hotel #anc3 ul.list.golf li .ttl-box .name { width:100%; margin-bottom:0; }
body.hotel #anc3 ul.list.golf li .root-box { margin-top:.5rem; }
body.hotel .view-more-btn.back-btn { text-align:right; margin-top:1.5rem; }
body.hotel #plan-bnr { margin-top:-8rem; }
body.hotel .blue-bk-box.bk2 { padding-bottom:15rem; }
body.hotel #art3 .last-box .my-map {
  height:35rem;
  margin-top:3rem;
}
body.hotel #art3 .last-box .my-map iframe {
  width:100%;
  height:100%;
}


@media screen and (max-width: 960px) {
  body.hotel dl.nml-dl .line dt { width:14rem; }
  body.hotel dl.nml-dl .line dd { width:calc(100% - 14rem); }
  body.hotel #anc2 { padding:4rem 5.5rem 1rem; }
  body.hotel.sightseeing .my-map { min-width:initial; }
  body.hotel #anc3 ul.list { min-width:initial; }
  body.hotel #anc3 ul.list li { width:calc((100% - 2rem) / 2); }
  body.hotel #anc3 ul.list li:nth-child(3n) { margin-right:2rem; }
  body.hotel #anc3 ul.list li:nth-child(2n) { margin-right:0; }
}
@media screen and (max-width: 750px) {
  body.hotel #art1 .pic-bk-box {
      background:url(../img/hotel/art1_bk_sp.jpg) no-repeat center;
      background-size:cover;
  }
  body.hotel #art2 .pic-bk-box {
      background:url(../img/hotel/art2_bk_sp.jpg) no-repeat center;
      background-size:cover;
  }
  body.hotel #art3 .pic-bk-box {
      background:url(../img/hotel/art3_bk_sp.jpg) no-repeat center;
      background-size:cover;
  }
  body.hotel .pic-bk-box .top-txt { width:86.6%; padding:0 15px; line-height:1.66; }
  body.hotel .pic-bk-box .top-copy { marign:2rem 0 4rem; }
  body.hotel #art1 ul.list { display:block; width:86.6%; padding:0 15px; }
  body.hotel #art1 ul.list li { width:100%; margin-bottom:25px; }
  body.hotel .blue-bk-box { padding-bottom:25px; }
  body.hotel .pic-bk-box { padding:50px 0 100px; }
  body.hotel #art2 ul.list { display:block; width:86.6%; padding:0 15px; }
  body.hotel #art2 ul.list li { width:100%; margin-bottom:25px; }
  body.hotel dl.nml-dl .line { display:block; line-height:1.66; padding:15px 20px; }
  body.hotel dl.nml-dl .line dt { width:100%; text-align:center; }
  body.hotel dl.nml-dl .line dd { width:100%; margin-top:5px; }
  body.hotel main .att-txt { margin:0; }
  body.hotel #art3 .pic-bk-box .top-txt { margin-top:25px; }
  body.hotel #art3 .big-pic-box { width:86.6%; padding:0 15px; }
  body.hotel #art3 ul.list { display:block; width:86.6%; padding:0 15px; }
  body.hotel #art3 ul.list li { width:100%; margin-bottom:25px; }
  body.hotel #anc2 { margin-top:50px; padding:40px 25px 10px; }
  body.hotel #anc2 .top-txt { width:100%; line-height:1.66; }
  body.hotel #anc2 ul.list { width:100%; padding:0; }
  body.hotel #anc3 ul.list li,
  body.hotel #anc3 .add-box .txt-box { width:100%; margin-right:0 !important; }
  body.hotel #anc3 ul.list li .ttl-box .name,
  body.hotel #anc3 .add-box .ttl-box .name { font-size:18px; }
  body.hotel.sightseeing .blue-bk-box { padding-top:50px; }
  body.hotel.sightseeing #anc3 { padding:35px 30px 0; }
  body.hotel #anc3 ul.list.golf { width:100%; }
  body.hotel #anc3 .add-box { display:block; }
  body.hotel #anc3 .add-box .pic { width:100%; margin-right:0; }
}














/* =================== */
/*       body.cuisine       */
/* =================== */
body.omi h1#page-ttl { text-shadow:0px 7px 20px rgba(52, 52, 52, 0.6); }
body.omi main {
  padding-bottom:18rem;
  background: url(../img/omi/bg.jpg) repeat-y;
  background-size: 100% auto;
}
body.omi #art1 {
  background:url(../img/omi/art1_bk.jpg) no-repeat center;
  background-size:cover;
  padding:9rem 0 19rem;
  color:#fff;
}
body.omi #art1 .simple-h .en-font { color:#fff; }
body.omi #art1 .nen {
  font-size:max(18px, 1.5rem);
  color:#fff;
  text-align:center;
  margin-top:2rem;
}
body.omi #art1 .sub-ttl {
  font-size:max(22.5px, 2rem);
  text-align:center;
  margin:4rem 0 2.5rem;
  letter-spacing:.1em;
}
body.omi #art1 .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  width:32.5rem;
  margin:3rem auto 0;
}
body.omi #art1 .pic1 {
  width:20rem;
  position:absolute;
  left:0;
  top:7rem;
}
body.omi #art1 .pic2 {
  width:20rem;
  position:absolute;
  right:0;
  top:18rem;
}
body.omi #art1 .pic3 {
  width:15rem;
  position:absolute;
  right:18rem;
  top:35rem;
}
body.omi .dflt-layout .txt-box .layout-ttl .en-font { color:#880000; }
body.omi #art2 { margin-top:-6.5rem; }
body.omi #art2 .txt-box { margin-top:10rem; }
body.omi #anc1 {
  width:40rem;
  min-width:500px;
  margin:9rem auto 0;
  border-radius:.5rem;
  background:#fff;
  border:2px solid #880000;
  text-align:center;
  color:#000;
}
body.omi #anc1 .ttl {
  background:#880000;
  text-align:center;
  color:#fff;
  font-size:max(18px, 1.5rem);
  line-height:4.5rem;
}
body.omi #anc1 .txt1 {
  font-size:max(16px, 1.1rem);
  margin-bottom:1rem;
  margin-top:2.5rem;
}
body.omi #anc1 .txt2 {
  font-size:max(15px, 1rem);
  margin-top:.5rem;
  margin-bottom:3rem;
}
body.omi #anc1 .num {
  font-size:max(25px, 2rem);
  color:#880000;
}
body.omi #anc1 .num a {
  vertical-align:middle;
  font-weight:bold;
}
body.omi #anc1 .num i {
  background:#880000;
  border-radius:100vmax;
  padding:.5rem;
  font-size:60%;
  vertical-align:baseline;
  margin-right:.5rem;
  color:#fff;
}
body.omi #plan-bnr { margin-top:-8rem; }

@media screen and (max-width: 1200px) {
  body.omi #art1 { padding-bottom:8rem; }
  body.omi #art2 { margin-top:5rem; }
  body.omi #art2 .txt-box { margin-top:4rem; }
}
@media screen and (max-width: 960px) {
  body.omi #art1 .pic1 { left:-2rem; }
  body.omi #art1 .pic2 { right:-2rem; }
  body.omi #art1 .pic3 { right:4rem; top:40rem; }
  body.omi #anc1 .txt1 .sp-on { display:none; }
  body.omi #art2 .txt-box { margin-top:0; }
}
@media screen and (max-width: 750px) {
  body.omi #art1 {
    background:url(../img/omi/art1_bk_sp.jpg) no-repeat center bottom;
    background-size:cover;
    padding:40px 0;
  }
  body.omi #art1 > .in-w85 { width:86.6%; }
  body.omi #art1 .pic1 { position:initial; margin-right:10px; }
  body.omi #art1 .pic2 { position:initial; }
  body.omi #art1 .pic3 { position:initial; margin-top:10px; }
  body.omi #art1 .sub-ttl { line-height:1.4; margin:3rem 0 2rem; }
  body.omi #art1 .txt { width:100%; padding:0 15px; line-height:1.66; margin-top:25px; }
  body.omi #art1 .pic-box { padding:0 15px; display:flex; justify-content:center; margin-top:15px; flex-wrap:wrap; }
  body.omi #art1 .pic-box .pic { width:calc((100% - 10px) / 2); }
  body.omi #anc1 { min-width:initial; width:86.6%; max-width:500px; margin-top:70px; }
  body.omi #anc1 .txt1 { line-height:1.5; }
  body.omi #anc1 .txt1 .sp-on { display:initial; }
  body.omi #anc1 .txt2 { margin-top:7px; }
}










/* =================== */
/*       body.menu       */
/* =================== */
body.menu h1#page-ttl { text-shadow:0px 7px 20px rgba(52, 52, 52, 0.6); }
body.menu main {
  padding-bottom:18rem;
  background: url(../img/omi/bg.jpg) repeat-y;
  background-size: 100% auto;
}
body.menu main article {
  /*background:rgba(226,172,142,.8);*/
  background:url(../img/menu/bk.jpg) repeat;
  border-radius:.5rem;
  padding:5rem 7.5rem;
  margin-bottom:6rem;
  color:#fff;
}
body.menu #art1 { margin-top:10.5rem; }
body.menu main .simple-h .en-font { color:#880000; }
body.menu #art1 .pic-list {
  flex-wrap:wrap;
  align-items:flex-start;
  margin-top:1rem;
}
body.menu #art1 .pic-list li {
  margin-bottom:3.5rem;
  width:calc((100% - 3rem) / 2);
}
body.menu #art1 .pic-list li .name {
  text-align:center;
  margin-top:-1.125rem;
}
body.menu #art1 .pic-list li .name span {
  line-height:2.25rem;
  padding:.2rem 2.5rem .3rem;
  background:#880000;
  border-radius:100vmax;
  color:#fff;
  font-size:max(15px, 1.25rem);
  letter-spacing:.1em;
}
body.menu #art1 .pic-list li .txt {
  font-size:max(15px, 1rem);
  line-height:1.5;
  margin-top:1rem;
}
body.menu main article .bdr-box {
  border-top:3px solid #e2ac8e;
  border-bottom:3px solid #e2ac8e;
  padding:2.5rem 1rem;
}
body.menu main article .two-box { align-items:flex-start; }
body.menu main article .two-box ul { width:calc((100% - 2.5rem) / 2); }
body.menu main article ul.txt-list li {
  display:flex;
  justify-content:space-between;
  margin-bottom:1rem;
  line-height:1.3;
}
body.menu main article ul.txt-list li .name {
  font-size:max(17px, 1.25rem);
  text-indent:-1.2em;
  padding-left:1.2em;
  width:calc(100% - 6rem);
}
body.menu main article ul.txt-list li .name span {
  font-size:60%;
  color:#880000;
}
body.menu main article ul.txt-list li .name .mini {
  color:#fff;
  font-size:80%;
}
body.menu main article ul.txt-list li .name .txt {
  color:#fff;
  font-family:"Noto Sans JP", sans-serif;
}
body.menu main article ul.txt-list li .price {
  font-size:max(15px, 1.15rem);
  color:#fff;
  font-weight:500;
  width:6rem;
  text-align:right;
}
body.menu main article .att-txt {
  font-size:max(15px, 1rem);
  text-align:right;
  margin-top:1rem;
}
body.menu main #art2 .bdr-box,
body.menu main #art3 .bdr-box,
body.menu main #art4 .bdr-box,
body.menu main #art5 .bdr-box,
body.menu main #art6 .bdr-box,
body.menu main #art7 .bdr-box { margin-top:2rem; }
body.menu main article .mini-pic-list { justify-content:center; margin-top:2.5rem; }
body.menu main article .mini-pic-list li { width:calc((100% - 3rem) / 3); }
body.menu main article .mini-pic-list li { margin-right:1.5rem; }
body.menu main article .mini-pic-list li:last-child { margin-right:0; }
body.menu main article .mini-pic-list li .name {
  text-align:center;
  margin-top:-1.125rem;
}
body.menu main article .mini-pic-list li .name span {
  line-height:2.25rem;
  padding:.2rem 2.5rem .3rem;
  background:#880000;
  border-radius:100vmax;
  color:#fff;
  font-size:max(13px, 1.25rem);
  letter-spacing:.1em;
}
body.menu main article .mini-pic-list li .name.mini span { padding:.2rem .5rem .3rem; }
body.menu main article#art5 { margin-bottom:0; }
body.menu main article#art5 .mini-pic-list { margin-top:0; width:19rem; }
body.menu main article#art5 .mini-pic-list li { width:100%; }
body.menu main article#art5 .mini-pic-list li .name span { display:inline-block; padding:.2rem 1.5rem .3rem; line-height:1.3; }
body.menu #plan-bnr { margin-top:-8rem; }
body.menu .three-box { flex-wrap:wrap; align-items:flex-start; }
body.menu .three-box .item { width:calc((100% - 8rem) / 3); margin-bottom:2.5rem; }
body.menu .three-box .item.big { width:calc((((100% - 8rem) / 3) * 2) + 4rem); }
body.menu .three-box .item .name {
  font-size:max(17px, 1.25rem);
  text-indent:-1.2em;
  padding-left:1.2em;
}
body.menu .three-box .item .name span {
  font-size:60%;
  color:#880000;
}
body.menu .three-box .item ul { margin-top:.5rem; }
body.menu .three-box .item ul li {
  font-size:max(15px, 1.1rem);
  line-height:1.6;
  text-indent:-1em;
  padding-left:1em;
  margin-left:1em;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
body.menu .three-box .item.pnone { margin-top:max(17px, 1.25rem); }

@media screen and (max-width: 960px) {
  body.menu main article .two-box { display:block; }
  body.menu main article .two-box ul { width:100%; }
  body.menu main article .mini-pic-list { flex-wrap:wrap; }
  body.menu main article .mini-pic-list li { width:calc((100% - 1.5rem) / 2); }
  body.menu main article .mini-pic-list li:nth-child(2) { margin-right:0; }
  body.menu main article .mini-pic-list li:nth-child(3) { margin-top:1.5rem; }
  body.menu main article .mini-pic-list li .name span { font-size:15px; }
  body.menu main article#art5 .mini-pic-list { width:calc((100% - 1.5rem) / 2); margin:20px auto 0; }
  body.menu .three-box .item { width:100%; }
  body.menu .three-box .item.big { width:100%; }
  body.menu .three-box .item:nth-child(12) { width:100%; margin-bottom:0; }
  body.menu .three-box .item.pnone { margin-top:0; width:100%; margin-bottom:0; }
  body.menu .three-box .item.pnone ul { margin-top:0; }
}
@media screen and (max-width: 750px) {
  body.menu main article .mini-pic-list li { width:100%; margin-right:0; margin-bottom:15px; }
  body.menu main article .mini-pic-list li:nth-child(3) { margin-top:0; }
  body.menu #art1 { margin-top:40px; }
  body.menu main article { padding:30px; }
  body.menu #art1 .pic-list li { width:100%; }
  body.menu main article ul.txt-list li { display:block; }
  body.menu main article ul.txt-list li .name { width:100%; text-indent:-26px; padding-left:26px; }
  body.menu main article ul.txt-list li .price { width:100%; text-align:left; margin-top:5px; padding-left:26px; }
  body.menu main article ul.txt-list li .name span { font-size:13px; }
  body.menu main article#art5 .mini-pic-list { width:100%; }
}










/* =================== */
/*       body.banquet       */
/* =================== */
body.banquet h1#page-ttl { text-shadow:0px 7px 20px rgba(52, 52, 52, 0.6); }
body.banquet main {
  padding-bottom:18rem;
  background: url(../img/omi/bg.jpg) repeat-y;
  background-size: 100% auto;
}
body.banquet main #art1 {
  background:rgba(226,172,142,.8);
  border-radius:.5rem;
  padding:5rem 7.5rem;
  margin-bottom:6rem;
}
body.banquet #art1 { margin-top:10.5rem; }
body.banquet main .simple-h .en-font { color:#880000; }
body.banquet .dflt-layout {
  border-top:3px solid #e2ac8e;
  padding:2rem;
}
body.banquet .dflt-layout.layout4 { border-bottom:3px solid #e2ac8e; }
body.banquet .dflt-layout .main-pic { width:28.5rem; }
body.banquet .dflt-layout .txt-box { width:24rem; }
body.banquet .dflt-layout.layout1 { margin-top:1.5rem; }
body.banquet .dflt-layout .price {
  font-size:max(15px, 1rem);
  font-weight:500;
  line-height:1.66;
  margin-top:1rem;
  margin-bottom:-1rem;
}
body.banquet .dflt-layout .price span {
  font-size:115%;
  color:#880000;
}
body.banquet article.red-box {
  width:40rem;
  min-width:500px;
  margin:6rem auto 0;
  border-radius:.5rem;
  background:#fff;
  border:2px solid #880000;
  text-align:center;
  color:#000;
}
body.banquet article.red-box#art3 { margin-top:4rem; }
body.banquet article.red-box h3 {
  background:#880000;
  text-align:center;
  color:#fff;
  font-size:max(18px, 1.5rem);
  line-height:4.5rem;
}
body.banquet article.red-box .txt1 {
  font-size:max(16px, 1.1rem);
  margin-bottom:1.5rem;
  margin-top:2rem;
}
body.banquet article.red-box .txt1 .bld { font-weight:600; }
body.banquet article.red-box .txt1 .bld span { color:#880000; }
body.banquet article.red-box .txt2 {
  font-size:max(15px, 1rem);
  margin-bottom: 2rem;
  line-height:1.66;
}
body.banquet #art4 {
  background:rgba(226,172,142,.8);
  border-radius:.5rem;
  padding:3.5rem 5rem;
  margin-top:6rem;
}
body.banquet #art4 .simple-h { text-align:left; }
body.banquet #art4 .simple-h .act-font { font-size:max(20px, 1.75rem); line-height:1.2; }
body.banquet #art4 .pic { width:20rem; }
body.banquet #art4 .txt-box { width:calc(100% - 20rem - 4rem); }
body.banquet #art4 .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.6;
  letter-spacing:.1em;
  margin-top:1rem;
}
body.banquet #art4 .txt-box .txt span {
  display:block;
  text-indent:-1em;
  padding-left:1em;
}
body.banquet #art4 .view-more-btn { text-align:right; margin-top:.5rem; }
body.banquet #art4 .view-more-btn a { color:#880000; border-bottom:1px solid #880000; }
body.banquet #plan-bnr { margin-top:-8rem; }

@media screen and (max-width: 960px) {
  body.banquet main #art1 { padding:5rem; }
  body.banquet .dflt-layout .main-pic { width:25rem; }
  body.banquet .dflt-layout .txt-box { width:calc(100% - 25rem - 3rem); }
}
@media screen and (max-width: 750px) {
  body.banquet main #art1 { padding:30px; margin-top:40px; }
  body.banquet .dflt-layout .txt-box { width:100%; }
  body.banquet .dflt-layout .main-pic { width:100%; }
  body.banquet .dflt-layout { padding:20px 0; }
  body.banquet article.red-box { width:86.6%; min-width:initial; }
  body.banquet article.red-box .txt1 { line-height:1.66; }
  body.banquet article.red-box .txt1 .bld { display:block; }
  body.banquet article.red-box .txt2 { margin:0 20px 20px; }
  body.banquet #art4 { padding:30px; display:block; }
  body.banquet #art4 .txt-box { width:100%; }
  body.banquet #art4 .view-more-btn { margin-top:10px; }
  body.banquet #art4 .pic { width:100%; margin-top:30px; }
}