@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap");
img {
  vertical-align: bottom;
  border: none;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

dl {
  line-height: 2;
}

a {
  cursor: pointer;
}

.mfont {
  font-family: "ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gfont {
  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ph {
  position: relative;
}

.caption, .caption_btm,
figcaption {
  font-size: 0.7rem !important;
  line-height: 1.6;
}

p.caption_btm {
  margin-bottom: 0;
  position: absolute;
  bottom: 2px;
  z-index: 10;
}
p.caption_btm.left {
  left: 10px;
}
p.caption_btm.right {
  right: 10px;
}
p.caption_btm.white {
  color: white;
}

.strong {
  font-weight: bold;
}

.small {
  font-size: 0.6rem;
}

.mt0 {
  margin-top: 0px;
}

.mt05 {
  margin-top: 0.5em;
}

.mt1 {
  margin-top: 1em;
}

.mt2 {
  margin-top: 2em;
}

.mt3 {
  margin-top: 3em;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb1 {
  margin-bottom: 1em;
}

.mb2 {
  margin-bottom: 2em;
}

.mb3 {
  margin-bottom: 3em;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.phW100 {
  width: 100%;
}
.phW100 img {
  width: 100%;
}

.phW90 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.phW90 img {
  width: 100%;
}
.phW90._left {
  margin-left: 0;
}

.phW80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.phW80 img {
  width: 100%;
}
.phW80._left {
  margin-left: 0;
}

.phW60 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.phW60 img {
  width: 100%;
}
.phW60._left {
  margin-left: 0;
}

.phW50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.phW50 img {
  width: 100%;
}
.phW50._left {
  margin-left: 0;
}

.phW40 {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.phW40 img {
  width: 100%;
}
.phW40._left {
  margin-left: 0;
}

.phW20 {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}
.phW20 img {
  width: 100%;
}

.phW15 {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
}
.phW15 img {
  width: 100%;
}

.phW10 {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
.phW10 img {
  width: 100%;
}

.w50Container, .w50container {
  width: min(96%, 720px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w60Container, .w60container {
  width: min(96%, 864px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w70Container, .w70container {
  width: min(96%, 1008px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w80Container, .w80container {
  width: min(96%, 1152px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w90Container, .w90container {
  width: min(96%, 1296px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w05 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: calc(15% - 0.5em);
}

.w16 {
  width: 16%;
}

.w17 {
  width: 17%;
}

.w18 {
  width: 18%;
}

.w20 {
  width: calc(20% - 0.5em);
}

.w23 {
  width: 23%;
}

.w24 {
  width: 24%;
}

.w25 {
  width: calc(25% - 0.5em);
}

.w28 {
  width: 28%;
}

.w30 {
  width: 30%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: calc(33.333% - 0.7em);
}

.w34 {
  width: 34%;
}

.w35 {
  width: 35%;
}

.w38 {
  width: 38%;
}

.w39 {
  width: 39%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w48 {
  width: 48%;
}

.w49 {
  width: 49%;
}

.w50 {
  width: calc(50% - 0.5em);
}

.w55 {
  width: calc(55% - 0.5em);
}

.w58 {
  width: 58%;
}

.w59 {
  width: 59%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w68 {
  width: 68%;
}

.w69 {
  width: 69%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: calc(75% - 0.5em);
}

.w80 {
  width: calc(80% - 0.5em);
}

.w85 {
  width: calc(85% - 0.5em);
}

.minus30 {
  margin-top: -30%;
}

.minus15 {
  margin-top: -15%;
}

.minus10 {
  margin-top: -10%;
}

.minus05 {
  margin-top: -5%;
}

.pcHidden {
  display: none;
}

.leftFlow {
  float: left;
  display: block;
}

.rightFlow {
  float: right;
  display: block;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear:before,
.clear:after {
  content: " ";
  display: table;
}

/**************************************

	 			!Media

***************************************/
/* col-lg- 1200px以上はそのまま */
/* col-md- 1199px以下 */
@media screen and (max-width: 1199px) {
  .w50Container {
    width: 70%;
  }
  .w60Container {
    width: 80%;
  }
  .w70Container {
    width: 80%;
  }
  .w80Container {
    width: 90%;
  }
  .w90Container {
    width: 90%;
  }
}
/* col-sm- 991px 以下 */
@media screen and (max-width: 991px) {
  .w60Container, .w50Container {
    width: 90%;
  }
  .w70Container {
    width: 90%;
  }
  .w80Container {
    width: 94%;
  }
  .w90Container {
    width: 94%;
  }
}
/* col-sm- 767px 以下 */
@media only screen and (max-width: 767px) {
  .pcHidden {
    display: block;
  }
  .spHidden {
    display: none;
  }
  .w60Container, .w50Container {
    width: 94%;
  }
  .w70Container {
    width: 94%;
  }
  .w80Container {
    width: 94%;
  }
  .w90Container {
    width: 94%;
  }
  .w05 {
    width: 48%;
  }
  .w10, .w17, .w20, .w23, .w25 {
    width: calc(50% - 0.5em);
  }
  .w30, .w32, .w33, .w35, .w40, .w45, .w48, .w49, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85 {
    width: 100%;
  }
  .phW80, .phW60 {
    width: 100%;
  }
}
.smr2022 .btn_present {
  display: none !important;
}

.page main {
  position: relative;
  display: block;
}
.page main img {
  width: 100%;
}
.page main .area {
  background-size: cover;
  background-position: 50%;
}
.page .menu {
  height: auto;
}
.page .mfont {
  font-family: "Noto Serif JP", serif;
}
.page .lead {
  font-weight: 600;
}
.page p span {
  display: inline-block;
}
.page p.caption {
  font-size: 0.6rem !important;
}
.page p.strong {
  font-weight: bold;
}
.page span.small {
  font-size: 0.6em;
}
.page h2 span, .page h3 span, .page h4 span, .page h5 span, .page h6 span, .page p span {
  display: inline-block;
}
.page h2 {
  font-size: 1.5rem;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 1rem;
}
.page h3 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 0.5rem;
}
.page h3.largeLite {
  font-size: 2.4em;
  font-weight: 100;
}
.page h3.largeLite span {
  font-size: 0.8em;
}
.page h4 {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 0.5rem;
}
.page h5, .page h6 {
  font-size: 1rem;
  line-height: 2;
}
.page p {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 2;
}
.page .gold {
  color: #a58149;
}
.page .blue {
  color: #1f2a67;
}
.page .red {
  color: #c30d23;
}
.page .nameStack {
  line-height: 1.8;
}
.page .nameStack p {
  margin-bottom: 0;
}
.page .nameStack .sub1 {
  font-size: 0.8rem;
}
.page .nameStack .sub2 {
  font-size: 0.9rem;
}
.page .nameStack .name {
  font-size: 1.1rem;
}
.page .spec li {
  font-size: 0.8rem;
  line-height: 2;
}
.page .spec li.name {
  font-size: 1.2rem;
}
.page .spec li.url {
  margin-bottom: 1em;
}
.page.page1 {
  font-family: "Noto Sans JP", sans-serif;
}
.page.page1 .container-full {
  padding-bottom: 0;
}
.page.page1 .topVisual {
  position: relative;
  width: 80%;
  margin: 0% auto 0;
}
.page.page1 main h2 {
  width: 40%;
  margin: 3% auto 5%;
}
.page.page1 main h4 {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
.page.page1 main section {
  margin-bottom: 3%;
}
.page.page1 main .ph {
  object-fit: cover;
}
.page.page1 main .title {
  width: 20%;
  margin: 0 auto;
}
.page.page1 .first h3 {
  width: 100%;
  margin: 5% auto;
}
.page.page1 .first h4 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.page.page1 .first .art1 h4 {
  width: 100%;
  margin: 5% 0;
  color: #004a8e;
  text-align: right;
}
.page.page1 .first .art2 .flexContainer {
  flex-direction: row-reverse;
  margin: 5% 0;
  align-items: center;
}
.page.page1 .first .art2 .flexContainer .leftItem {
  width: 70%;
  text-align: left;
  color: #d9251d;
}
.page.page1 .first .art2 .flexContainer .rightItem {
  width: 28%;
}
.page.page1 .second h3 {
  width: 50%;
  max-width: 140px;
  margin: 5% auto;
}
.page.page1 .second .gridcontainer {
  width: 100%;
  height: 40vh;
  min-height: 560px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto 38% 38%;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas: "area01 area02 area02" "area01 area03 area04" "area01 area05 area06";
}
.page.page1 .second .area {
  position: relative;
}
.page.page1 .second .area p.caption {
  position: absolute;
  bottom: 0.5em;
  left: 1em;
  color: white;
}
.page.page1 .second .area01 {
  grid-area: area01;
  background-image: url("../../2022summer/images/p1-08.jpg");
}
.page.page1 .second .area02 {
  grid-area: area02;
}
.page.page1 .second .area03 {
  grid-area: area03;
  background-image: url("../../2022summer/images/p1-10.jpg");
}
.page.page1 .second .area04 {
  grid-area: area04;
  background-image: url("../../2022summer/images/p1-11.jpg");
}
.page.page1 .second .area05 {
  grid-area: area05;
  background-image: url("../../2022summer/images/p1-12.jpg");
}
.page.page1 .second .area06 {
  grid-area: area06;
}
.page.page1 .third h3 {
  width: 50%;
  max-width: 120px;
  margin: 5% auto;
}
.page.page1 .third .flexContainer {
  flex-wrap: wrap;
  width: 100%;
  height: 600px;
  gap: 2%;
  margin: 5% 0;
}
.page.page1 .third .flexContainer .item {
  width: 32%;
  height: 50%;
  background-size: cover;
}
.page.page1 .third .flexContainer .item.item1 {
  background-image: url("../../2022summer/images/p1-14.jpg");
}
.page.page1 .third .flexContainer .item.item2 {
  background-image: url("../../2022summer/images/p1-15.jpg");
}
.page.page1 .third .flexContainer .item.item3 {
  background-image: url("../../2022summer/images/p1-16.jpg");
}
.page.page1 .third .flexContainer .item.item4 {
  background-image: url("../../2022summer/images/p1-17.jpg");
}
.page.page1 .third .flexContainer .item.item5 {
  background-image: url("../../2022summer/images/p1-18.jpg");
}
.page.page1 .third .flexContainer .item.item6 {
  background-image: url("../../2022summer/images/p1-19.jpg");
}
.page.page1 .fourth h3 {
  width: 80%;
  margin: 10% auto;
}
.page.page1 .fourth h4 {
  width: 60%;
  margin: 5% auto;
}
.page.page1 .fourth .ph {
  width: 80%;
  margin: 8% auto;
}
.page.page1 .fourth .w80 {
  width: 60%;
  margin: 5% auto;
}
.page.page1 .fifth article h4 {
  margin-top: 1em;
  display: inline-block;
}
.page.page1 .fifth article h4 img {
  width: 50px;
  margin-right: 0.5em;
}
.page.page1 .fifth .btmPh {
  width: 100%;
  margin-top: 5%;
}
.page.page1 .fifth .eightProd {
  align-items: stretch;
}
.page.page1 .fifth .eightProd .item {
  width: 22%;
}
.page.page1 .fifth .eightProd .item p {
  line-height: 1.8;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.page.page1 .fifth .eightProd .item p.name span {
  font-size: 0.8em;
}
.page.page1 .fifth .eightProd .item p.spec, .page.page1 .fifth .eightProd .item p.strong {
  font-size: 0.7em;
}
.page.page1 .fifth .eightProd .item p.title {
  width: 100%;
  font-weight: bold;
}
.page.page1 .fifth .eightProd .item .ph {
  position: relative;
}
.page.page1 .fifth .eightProd .item .ph .caption {
  position: absolute;
  bottom: 0.5em;
  right: 1em;
  color: white;
}
.page.page2 .topVisual {
  position: relative;
  width: 80%;
  margin: 0 auto 5%;
}
.page.page2 .topVisual h2 {
  text-align: center;
  margin: 5% auto 3%;
}
.page.page2 .topVisual h2 span {
  font-size: 11px;
}
.page.page2 .topVisual h2 img {
  width: 280px;
}
.page.page2 main {
  font-family: "Noto Serif JP", serif;
  color: #231815;
}
.page.page2 main h1 {
  width: 60%;
  min-width: 280px;
  margin: 5% auto 3%;
}
.page.page2 main h3 {
  font-size: 1.6rem;
  color: #7a6a48;
}
.page.page2 main h4 {
  font-size: 1.2rem;
  color: #7a6a48;
}
.page.page2 main h5 {
  font-size: 1rem;
  color: #7a6a48;
}
.page.page2 main section {
  margin-bottom: 3%;
}
.page.page2 main .ph {
  object-fit: cover;
}
.page.page2 .second .flexContainer {
  justify-content: center;
  gap: 10px;
}
.page.page2 .second .flexContainer .item {
  width: 49%;
}
.page.page2 .second .flexContainer .item.item100 {
  width: 100%;
  padding: 2em 0;
}
.page.page2 .third .gridcontainer {
  width: 100%;
  height: 50vh;
  min-height: 600px;
  max-height: 1000px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 50%;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas: "area01 area01 area02 area02 area03 area03 area03 area03 area03" "area04 area04 area04 area05 area05 area05 area06 area06 area06";
}
.page.page2 .third .area01 {
  grid-area: area01;
  background-image: url("../../2022summer/images/p2-08.jpg");
}
.page.page2 .third .area02 {
  grid-area: area02;
  padding-top: 10%;
}
.page.page2 .third .area03 {
  grid-area: area03;
  background-image: url("../../2022summer/images/p2-09.jpg");
}
.page.page2 .third .area04 {
  grid-area: area04;
  background-image: url("../../2022summer/images/p2-10.jpg");
}
.page.page2 .third .area05 {
  grid-area: area05;
  background-image: url("../../2022summer/images/p2-11.jpg");
}
.page.page2 .third .area06 {
  grid-area: area06;
  background-image: url("../../2022summer/images/p2-12.jpg");
}
.page.page2 .fourth .gridcontainer {
  width: 66%;
  height: 50vh;
  max-height: 1000px;
  margin: 5% auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 50% 50%;
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas: "area01 area03" "area02 area03";
}
.page.page2 .fourth .area01 {
  grid-area: area01;
  background-image: url("../../2022summer/images/p2-14.jpg");
}
.page.page2 .fourth .area02 {
  grid-area: area02;
  background-image: url("../../2022summer/images/p2-15.jpg");
}
.page.page2 .fourth .area03 {
  grid-area: area03;
  background-image: url("../../2022summer/images/p2-16.jpg");
}
.page.page2 .btm {
  margin: 5%;
  text-align: center;
  font-size: 1rem;
}
.page.page2 .btm .logo {
  width: 100px;
  margin: 5% auto 1%;
}
.page.page3 .topVisual {
  position: relative;
  width: 80%;
  margin: 0 auto 2%;
}
.page.page3 .topVisual p.caption {
  position: absolute;
  bottom: 4em;
  left: 26%;
  color: white;
  font-size: 0.8em;
}
.page.page3 main h4.lead {
  font-size: 0.9rem;
  font-weight: normal;
}
.page.page3 main h5, .page.page3 main h6 {
  font-size: 1.2rem;
  font-weight: normal;
  color: #7a6a48;
  letter-spacing: 0.1em;
}
.page.page3 main p, .page.page3 main dt, .page.page3 main dd {
  color: #231815;
}
.page.page3 main p.smallbody {
  font-size: 0.7rem;
  margin-bottom: 1em;
}
.page.page3 main section {
  margin-bottom: 3%;
}
.page.page3 main .ph {
  object-fit: cover;
}
.page.page3 main .anivStack {
  background-image: url("../../2022summer/images/p3-ill-02.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 170px;
}
.page.page3 main .anivStack h2.title {
  display: inline-block;
  font-size: 1rem;
  color: #a58a56;
}
.page.page3 main .anivStack h2.title .ani {
  width: 60%;
  max-width: 270px;
  margin-right: 1em;
}
.page.page3 main .anivStack h3 {
  font-size: 0.9rem;
  font-weight: bold;
  color: #000;
}
.page.page3 main .anivStack h4 {
  font-size: 0.9rem;
  font-weight: normal;
  color: #1e2228;
}
.page.page3 .first h3 {
  color: #7a6a48;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.page.page3 .first .anivStack {
  width: 100%;
  max-width: 700px;
  height: 120px;
  padding-top: 3em;
}
.page.page3 .first .art1 {
  margin-bottom: 10%;
}
.page.page3 .hotel .w80Container {
  width: 76%;
  padding: 5% 7%;
  background-color: #bac9d1;
}
.page.page3 .hotel .w80Container .btm {
  margin: 5% 0 2%;
  text-align: center;
  font-size: 0.9rem;
}
.page.page3 .hotel .w80Container .btm .logo {
  width: 100px;
  margin: 1% auto;
}
.page.page3 .hotel .anivStack {
  width: 100%;
  max-width: none;
  min-height: 170px;
  padding-top: 3em;
}
.page.page3 .hotel .anivStack h2.title {
  color: #604c3f;
}
.page.page3 .hotel .hotelTheLeben {
  width: 46%;
  margin: 5% auto 2%;
}
.page.page3 .hotel .gridcontainer {
  width: 100%;
  height: 100vh;
  min-height: 2000px;
  margin-bottom: 5%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 6% 1fr 140px;
  gap: 18px 18px;
  grid-auto-flow: row;
  grid-template-areas: "area01 area01 area01 area02 area02 area02" "area03 area03 area03 area02 area02 area02" "area03 area03 area03 area04 area04 area04" "area05 area05 area05 area05 area05 area05" "area06 area06 area06 area10 area10 area10" "area07 area08 . area09 area09 area09";
}
.page.page3 .hotel .area01 {
  grid-area: area01;
  background-image: url("../../2022summer/images/p3-09.jpg");
}
.page.page3 .hotel .area02 {
  grid-area: area02;
  background-image: url("../../2022summer/images/p3-10.jpg");
}
.page.page3 .hotel .area03 {
  grid-area: area03;
  background-image: url("../../2022summer/images/p3-11.jpg");
}
.page.page3 .hotel .area04 {
  grid-area: area04;
  background-image: url("../../2022summer/images/p3-12.jpg");
}
.page.page3 .hotel .area05 {
  grid-area: area05;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.page.page3 .hotel .area06 {
  grid-area: area06;
}
.page.page3 .hotel .area07 {
  grid-area: area07;
  background-image: url("../../2022summer/images/p3-13.jpg");
}
.page.page3 .hotel .area08 {
  grid-area: area08;
  background-image: url("../../2022summer/images/p3-14.jpg");
}
.page.page3 .hotel .area09 {
  grid-area: area09;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2rem;
}
.page.page3 .hotel .area10 {
  grid-area: area10;
  background-image: url("../../2022summer/images/p3-15.jpg");
}
.page.page3 .hotel .fl02 {
  align-items: stretch;
  height: 40vh;
  min-height: 560px;
}
.page.page3 .hotel .fl02 .leftItem {
  background-color: #fff;
  width: 45%;
  height: 100%;
  background-image: url("../../2022summer/images/p3-16.jpg");
  background-size: cover;
}
.page.page3 .hotel .fl02 .rightItem {
  width: 50%;
}
.page.page3 .hotel dl {
  line-height: 1.8;
}
.page.page3 .hotel dl dt {
  font-size: 1rem;
}
.page.page3 .hotel dl dd {
  font-size: 0.9em;
  margin-bottom: 1em;
}

/* col-md- 1199px以下 */
/* col-sm- 991px 以下 */
@media screen and (max-width: 991px) {
  .page .menu {
    height: 50px;
  }
  .page.page1 {
    font-family: "Noto Sans JP", sans-serif;
  }
  .page.page1 .container-full {
    padding-bottom: 0;
  }
  .page.page1 .topVisual {
    position: relative;
    width: 80%;
    margin: 0 auto;
  }
  .page.page1 main h2 {
    width: 40%;
    margin: 3% auto 5%;
  }
  .page.page1 main h4 {
    font-size: 1.6rem;
    margin-bottom: 0.5em;
  }
  .page.page1 main section {
    margin-bottom: 3%;
  }
  .page.page1 main .ph {
    object-fit: cover;
  }
  .page.page1 main .title {
    width: 30%;
    margin: 0 auto;
  }
  .page.page1 .first h3 {
    width: 100%;
    margin: 5% auto;
  }
  .page.page1 .first h4 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  .page.page1 .first .art1 h4 {
    width: 100%;
    margin: 5% 0;
    color: #004a8e;
    text-align: right;
  }
  .page.page1 .first .art2 .flexContainer {
    flex-direction: row-reverse;
    margin: 5% 0;
    align-items: center;
  }
  .page.page1 .first .art2 .flexContainer .leftItem {
    width: 70%;
    text-align: left;
    color: #d9251d;
  }
  .page.page1 .first .art2 .flexContainer .rightItem {
    width: 28%;
  }
  .page.page1 .second h3 {
    width: 50%;
    max-width: 140px;
    margin: 5% auto;
  }
  .page.page1 .second .gridcontainer {
    width: 100%;
    height: 80vh;
    min-height: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 40% 40%;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area02 area02" "area01 area03 area04" "area01 area05 area06";
  }
  .page.page1 .second .area {
    position: relative;
  }
  .page.page1 .second .area p.caption {
    position: absolute;
    bottom: 0.5em;
    left: 1em;
    color: white;
  }
  .page.page1 .second .area01 {
    grid-area: area01;
    background-image: url("../../2022summer/images/p1-08.jpg");
  }
  .page.page1 .second .area02 {
    grid-area: area02;
  }
  .page.page1 .second .area03 {
    grid-area: area03;
    background-image: url("../../2022summer/images/p1-10.jpg");
  }
  .page.page1 .second .area04 {
    grid-area: area04;
    background-image: url("../../2022summer/images/p1-11.jpg");
  }
  .page.page1 .second .area05 {
    grid-area: area05;
    background-image: url("../../2022summer/images/p1-12.jpg");
  }
  .page.page1 .second .area06 {
    grid-area: area06;
  }
  .page.page1 .third h3 {
    width: 50%;
    max-width: 120px;
    margin: 5% auto;
  }
  .page.page1 .third .flexContainer {
    flex-wrap: wrap;
    width: 100%;
    height: 600px;
    gap: 2%;
    margin: 5% 0;
  }
  .page.page1 .third .flexContainer .item {
    width: 32%;
    height: 50%;
    background-size: cover;
  }
  .page.page1 .third .flexContainer .item.item1 {
    background-image: url("../../2022summer/images/p1-14.jpg");
  }
  .page.page1 .third .flexContainer .item.item2 {
    background-image: url("../../2022summer/images/p1-15.jpg");
  }
  .page.page1 .third .flexContainer .item.item3 {
    background-image: url("../../2022summer/images/p1-16.jpg");
  }
  .page.page1 .third .flexContainer .item.item4 {
    background-image: url("../../2022summer/images/p1-17.jpg");
  }
  .page.page1 .third .flexContainer .item.item5 {
    background-image: url("../../2022summer/images/p1-18.jpg");
  }
  .page.page1 .third .flexContainer .item.item6 {
    background-image: url("../../2022summer/images/p1-19.jpg");
  }
  .page.page1 .fourth h3 {
    width: 80%;
    margin: 10% auto;
  }
  .page.page1 .fourth h4 {
    width: 60%;
    margin: 5% auto;
  }
  .page.page1 .fourth .ph {
    width: 80%;
    margin: 8% auto;
  }
  .page.page1 .fourth .w80 {
    width: 60%;
    margin: 5% auto;
  }
  .page.page1 .fifth article h4 {
    width: 80%;
    margin: 5% 0 2%;
  }
  .page.page1 .fifth .btmPh {
    width: 100%;
    margin-top: 5%;
  }
  .page.page1 .fifth .eightProd {
    align-items: stretch;
  }
  .page.page1 .fifth .eightProd .item {
    width: 22%;
  }
  .page.page1 .fifth .eightProd .item p {
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 0.9rem;
  }
  .page.page1 .fifth .eightProd .item p.name span {
    font-size: 0.8em;
  }
  .page.page1 .fifth .eightProd .item p.spec, .page.page1 .fifth .eightProd .item p.strong {
    font-size: 0.7em;
  }
  .page.page1 .fifth .eightProd .item p.title {
    width: 100%;
    font-weight: bold;
  }
  .page.page1 .fifth .eightProd .item .ph {
    position: relative;
  }
  .page.page1 .fifth .eightProd .item .ph .caption {
    position: absolute;
    bottom: 0.5em;
    right: 1em;
    color: white;
  }
  .page.page2 .topVisual {
    position: relative;
    width: 80%;
    margin: 0 auto 5%;
  }
  .page.page2 .topVisual h2 {
    text-align: center;
    margin: 5% auto 3%;
  }
  .page.page2 .topVisual h2 span {
    font-size: 11px;
  }
  .page.page2 .topVisual h2 img {
    width: 280px;
  }
  .page.page2 main {
    font-family: "Noto Serif JP", serif;
    color: #231815;
  }
  .page.page2 main h1 {
    width: 60%;
    min-width: 280px;
    margin: 5% auto 3%;
  }
  .page.page2 main h3 {
    font-size: 1.6rem;
    color: #7a6a48;
  }
  .page.page2 main h4 {
    font-size: 1.2rem;
    color: #7a6a48;
  }
  .page.page2 main h5 {
    font-size: 1rem;
    color: #7a6a48;
  }
  .page.page2 main section {
    margin-bottom: 3%;
  }
  .page.page2 main .ph {
    object-fit: cover;
  }
  .page.page2 .second .flexContainer {
    justify-content: center;
    gap: 10px;
  }
  .page.page2 .second .flexContainer .item {
    width: 49%;
  }
  .page.page2 .second .flexContainer .item.item100 {
    width: 100%;
    padding: 2em 0;
  }
  .page.page2 .third .gridcontainer {
    width: 100%;
    height: 50vh;
    min-height: 600px;
    max-height: 1000px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 50%;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area01 area02 area02 area02 area03 area03 area03 area03" "area04 area04 area04 area05 area05 area05 area06 area06 area06";
  }
  .page.page2 .third .area02 {
    grid-area: area02;
    padding-top: 0%;
  }
  .page.page3 .topVisual {
    position: relative;
    width: 80%;
    margin: 0 auto 5%;
  }
  .page.page3 .topVisual p.caption {
    position: absolute;
    bottom: 4em;
    left: 26%;
    color: white;
    font-size: 0.8em;
  }
  .page.page3 main h4.lead {
    font-size: 0.9rem;
    font-weight: normal;
  }
  .page.page3 main h5, .page.page3 main h6 {
    font-size: 1.2rem;
    font-weight: normal;
    color: #7a6a48;
    letter-spacing: 0.1em;
  }
  .page.page3 main p, .page.page3 main dt, .page.page3 main dd {
    color: #231815;
  }
  .page.page3 main p.smallbody {
    font-size: 0.7rem;
    margin-bottom: 1em;
  }
  .page.page3 main section {
    margin-bottom: 3%;
  }
  .page.page3 main .ph {
    object-fit: cover;
  }
  .page.page3 main .anivStack {
    background-image: url("../../2022summer/images/p3-ill-02.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 170px;
  }
  .page.page3 main .anivStack h2.title {
    display: inline-block;
    font-size: 1rem;
    color: #a58a56;
  }
  .page.page3 main .anivStack h2.title .ani {
    width: 60%;
    max-width: 270px;
    margin-right: 1em;
  }
  .page.page3 main .anivStack h3 {
    font-size: 0.9rem;
    font-weight: bold;
    color: #000;
  }
  .page.page3 main .anivStack h4 {
    font-size: 0.9rem;
    font-weight: normal;
    color: #1e2228;
  }
  .page.page3 .first h3 {
    color: #7a6a48;
    font-weight: normal;
    letter-spacing: 0.1em;
  }
  .page.page3 .first .anivStack {
    width: 100%;
    max-width: 700px;
    height: 120px;
    padding-top: 3em;
  }
  .page.page3 .first .art1 {
    margin-bottom: 10%;
  }
  .page.page3 .hotel .w80Container {
    width: 80%;
    padding: 5% 5%;
    background-color: #bac9d1;
  }
  .page.page3 .hotel .w80Container .btm {
    margin: 5% 0 2%;
    text-align: center;
    font-size: 0.9rem;
  }
  .page.page3 .hotel .w80Container .btm .logo {
    width: 100px;
    margin: 1% auto;
  }
  .page.page3 .hotel .anivStack {
    width: 100%;
    max-width: none;
    min-height: 170px;
    padding-top: 3em;
  }
  .page.page3 .hotel .anivStack h2.title {
    color: #604c3f;
  }
  .page.page3 .hotel .hotelTheLeben {
    width: 46%;
    margin: 5% auto 2%;
  }
  .page.page3 .hotel .gridcontainer {
    width: 100%;
    height: 100vh;
    min-height: 1400px;
    margin-bottom: 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 6% 1fr 140px;
    gap: 18px 18px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area01 area01 area02 area02 area02" "area03 area03 area03 area02 area02 area02" "area03 area03 area03 area04 area04 area04" "area05 area05 area05 area05 area05 area05" "area06 area06 area06 area10 area10 area10" "area07 area08 . area09 area09 area09";
  }
  .page.page3 .hotel .fl02 {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    min-height: auto;
  }
  .page.page3 .hotel .fl02 .leftItem {
    width: 100%;
    aspect-ratio: 3/2;
    background-color: #fff;
    height: 100%;
    background-image: url("../../2022summer/images/p3-16.jpg");
    background-size: cover;
  }
  .page.page3 .hotel .fl02 .rightItem {
    width: 100%;
    margin: 3% 0 1%;
  }
}
/* col-sm- 767px 以下 */
@media only screen and (max-width: 767px) {
  .container-full {
    padding-bottom: 0;
  }
  .page .menu {
    height: 50px;
  }
  .page.page1 .container-full {
    padding-bottom: 0;
  }
  .page.page1 .topVisual {
    position: relative;
    width: 94%;
    margin: 0 auto;
  }
  .page.page1 main h2 {
    width: 80%;
    margin: 3% auto 5%;
  }
  .page.page1 main h4 {
    font-size: 1.4rem;
    margin-bottom: 0.5em;
  }
  .page.page1 main section {
    margin-bottom: 3%;
  }
  .page.page1 main .ph {
    object-fit: cover;
  }
  .page.page1 main .title {
    width: 50%;
    margin: 0 auto;
  }
  .page.page1 .first h3 {
    width: 100%;
    margin: 5% auto;
  }
  .page.page1 .first h4 {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .page.page1 .first .art1 .flexContainer {
    flex-direction: column;
    margin: 5% 0;
    align-items: center;
  }
  .page.page1 .first .art1 .flexContainer .leftItem {
    width: 90%;
    margin: 3% auto;
    color: #004a8e;
  }
  .page.page1 .first .art1 .flexContainer .rightItem {
    width: 40%;
    margin: 3% auto;
  }
  .page.page1 .first .art2 .flexContainer {
    flex-direction: column;
    margin: 5% 0;
    align-items: center;
  }
  .page.page1 .first .art2 .flexContainer .leftItem {
    width: 90%;
    text-align: left;
    color: #d9251d;
    margin-bottom: 1em;
  }
  .page.page1 .first .art2 .flexContainer .rightItem {
    width: 58%;
  }
  .page.page1 .second h3 {
    width: 50%;
    max-width: 140px;
    margin: 5% auto;
  }
  .page.page1 .second .gridcontainer {
    width: 100%;
    height: auto;
    min-height: 500px;
    display: block;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 40% 40% 20%;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area02 area03" "area01 area04 area05" "area01 area06 area06";
  }
  .page.page1 .second .area {
    height: 240px;
    margin-bottom: 10px;
  }
  .page.page1 .third h3 {
    width: 50%;
    max-width: 120px;
    margin: 5% auto;
  }
  .page.page1 .third .flexContainer {
    flex-wrap: wrap;
    width: 100%;
    height: 400px;
    gap: 2%;
    margin: 5% 0;
  }
  .page.page1 .third .flexContainer .item {
    width: 32%;
    height: 50%;
    background-size: cover;
  }
  .page.page1 .third .flexContainer .item.item1 {
    background-image: url("../../2022summer/images/p1-14.jpg");
  }
  .page.page1 .third .flexContainer .item.item2 {
    background-image: url("../../2022summer/images/p1-15.jpg");
  }
  .page.page1 .third .flexContainer .item.item3 {
    background-image: url("../../2022summer/images/p1-16.jpg");
  }
  .page.page1 .third .flexContainer .item.item4 {
    background-image: url("../../2022summer/images/p1-17.jpg");
  }
  .page.page1 .third .flexContainer .item.item5 {
    background-image: url("../../2022summer/images/p1-18.jpg");
  }
  .page.page1 .third .flexContainer .item.item6 {
    background-image: url("../../2022summer/images/p1-19.jpg");
  }
  .page.page1 .fourth h3 {
    width: 90%;
    margin: 10% auto;
  }
  .page.page1 .fourth h4 {
    width: 70%;
    margin: 5% auto;
  }
  .page.page1 .fourth .ph {
    width: 90%;
    margin: 8% auto;
  }
  .page.page1 .fourth .w80 {
    width: 90%;
    margin: 5% auto;
  }
  .page.page1 .fifth article h4 {
    width: 100%;
    margin: 5% 0 2%;
  }
  .page.page1 .fifth .btmPh {
    width: 100%;
    margin-top: 5%;
  }
  .page.page1 .fifth .eightProd {
    align-items: stretch;
  }
  .page.page1 .fifth .eightProd .item {
    width: 48%;
  }
  .page.page1 .fifth .eightProd .item p {
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 0.9rem;
  }
  .page.page1 .fifth .eightProd .item p.name span {
    font-size: 0.8em;
  }
  .page.page1 .fifth .eightProd .item p.spec, .page.page1 .fifth .eightProd .item p.strong {
    font-size: 0.7em;
  }
  .page.page1 .fifth .eightProd .item p.title {
    width: 100%;
    font-weight: bold;
  }
  .page.page2 .topVisual {
    position: relative;
    width: 94%;
    margin: 0 auto 5%;
  }
  .page.page2 main h1 {
    width: 60%;
    min-width: 280px;
    margin: 5% auto 3%;
  }
  .page.page2 main h2 {
    width: 30%;
    min-width: 240px;
    margin: 5% auto 3%;
  }
  .page.page2 main section {
    margin-bottom: 3%;
  }
  .page.page2 main .ph {
    object-fit: cover;
  }
  .page.page2 .first h3 {
    font-size: 1.2rem;
  }
  .page.page2 .first p.center {
    text-align: left;
  }
  .page.page2 .second .flexContainer {
    justify-content: center;
    gap: 10px;
  }
  .page.page2 .second .flexContainer .item {
    width: 48%;
  }
  .page.page2 .third .gridcontainer {
    width: 100%;
    height: auto;
    max-height: none;
    display: block;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 50% 50%;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area01 area02 area02 area03 area03 area03 area03 area03" "area04 area04 area04 area05 area05 area05 area06 area06 area06";
  }
  .page.page2 .third .area {
    height: 220px;
    margin-bottom: 10px;
  }
  .page.page2 .third .area01 {
    height: 340px;
    grid-area: area01;
    background-image: url("../../2022summer/images/p2-08.jpg");
  }
  .page.page2 .third .area02 {
    grid-area: area02;
  }
  .page.page2 .third .area03 {
    grid-area: area03;
    background-image: url("../../2022summer/images/p2-09.jpg");
  }
  .page.page2 .third .area04 {
    grid-area: area04;
    background-image: url("../../2022summer/images/p2-10.jpg");
  }
  .page.page2 .third .area05 {
    grid-area: area05;
    background-image: url("../../2022summer/images/p2-11.jpg");
  }
  .page.page2 .third .area06 {
    grid-area: area06;
    background-image: url("../../2022summer/images/p2-12.jpg");
  }
  .page.page2 .fourth .gridcontainer {
    width: 100%;
    height: auto;
    max-height: none;
    margin: 5% auto;
    display: block;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 50% 50%;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area03" "area02 area03";
  }
  .page.page2 .fourth .area {
    height: 220px;
    margin-bottom: 10px;
  }
  .page.page2 .fourth .area01 {
    grid-area: area01;
    background-image: url("../../2022summer/images/p2-14.jpg");
  }
  .page.page2 .fourth .area02 {
    grid-area: area02;
    background-image: url("../../2022summer/images/p2-15.jpg");
  }
  .page.page2 .fourth .area03 {
    grid-area: area03;
    background-image: url("../../2022summer/images/p2-16.jpg");
  }
  .page.page2 .btm {
    margin: 5%;
    text-align: center;
    font-size: 1rem;
  }
  .page.page2 .btm .logo {
    width: 100px;
    margin: 5% auto 1%;
  }
  .page.page3 .mb50, .page.page3 .mb70, .page.page3 .mb80, .page.page3 .mb90 {
    margin-bottom: 30px;
  }
  .page.page3 .topVisual {
    position: relative;
    width: 94%;
    margin: 0 auto 5%;
  }
  .page.page3 .topVisual p.caption {
    position: absolute;
    bottom: 4em;
    left: 26%;
    color: white;
    font-size: 0.8em;
  }
  .page.page3 main h4.lead {
    font-size: 0.9rem;
    font-weight: normal;
  }
  .page.page3 main h5, .page.page3 main h6 {
    font-size: 1.2rem;
    font-weight: normal;
    color: #7a6a48;
    letter-spacing: 0.1em;
  }
  .page.page3 main p, .page.page3 main dt, .page.page3 main dd {
    color: #231815;
  }
  .page.page3 main p.smallbody {
    font-size: 0.7rem;
    margin-bottom: 1em;
  }
  .page.page3 main section {
    margin-bottom: 3%;
  }
  .page.page3 main .ph {
    object-fit: cover;
  }
  .page.page3 main .anivStack {
    background-image: url("../../2022summer/images/p3-ill-02.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 90px;
  }
  .page.page3 main .anivStack h2.title {
    display: inline-block;
    font-size: 0.8rem;
    color: #a58a56;
  }
  .page.page3 main .anivStack h2.title .ani {
    display: block;
    width: 70%;
    max-width: 270px;
    margin-right: 1em;
  }
  .page.page3 main .anivStack h3 {
    font-size: 0.7rem;
    font-weight: bold;
    color: #000;
  }
  .page.page3 main .anivStack h4 {
    font-size: 0.9rem;
    font-weight: normal;
    color: #1e2228;
  }
  .page.page3 .first h3 {
    color: #7a6a48;
    font-weight: normal;
    letter-spacing: 0.1em;
  }
  .page.page3 .first .anivStack {
    width: 100%;
    max-width: 700px;
    height: 120px;
    padding-top: 1em;
  }
  .page.page3 .first .art1 {
    margin-bottom: 10%;
  }
  .page.page3 .first .art1 .fl01 {
    flex-direction: column;
  }
  .page.page3 .first .art1 .fl01 .phW60 {
    width: 100%;
  }
  .page.page3 .first .art1 .fl02 {
    flex-direction: column;
  }
  .page.page3 .first .art1 .fl02 .w10 {
    width: 12%;
  }
  .page.page3 .first .art1 .fl02 .phW60 {
    width: 60%;
    margin: 3% auto;
  }
  .page.page3 .hotel .w80Container {
    width: 80%;
    padding: 5% 5%;
    background-color: #bac9d1;
  }
  .page.page3 .hotel .w80Container .btm {
    margin: 5% 0 2%;
    text-align: center;
    font-size: 0.9rem;
  }
  .page.page3 .hotel .w80Container .btm .logo {
    width: 100px;
    margin: 1% auto 3%;
  }
  .page.page3 .hotel .anivStack {
    width: 100%;
    max-width: none;
    min-height: 170px;
    padding-top: 3em;
  }
  .page.page3 .hotel .anivStack h2.title {
    color: #604c3f;
  }
  .page.page3 .hotel .hotelTheLeben {
    width: 80%;
    margin: 2% auto 2%;
  }
  .page.page3 .hotel .gridcontainer {
    width: 100%;
    height: auto;
    min-height: 1400px;
    margin-bottom: 5%;
    display: block;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 6% 1fr 140px;
    gap: 18px 18px;
    grid-auto-flow: row;
    grid-template-areas: "area01 area01 area01 area02 area02 area02" "area03 area03 area03 area02 area02 area02" "area03 area03 area03 area04 area04 area04" "area05 area05 area05 area05 area05 area05" "area06 area06 area06 area10 area10 area10" "area07 area08 . area09 area09 area09";
  }
  .page.page3 .hotel .area {
    height: 220px;
    margin-bottom: 10px;
  }
  .page.page3 .hotel .area.area05, .page.page3 .hotel .area.area09 {
    height: 80px;
  }
  .page.page3 .hotel .area.area05 .phW40, .page.page3 .hotel .area.area09 .phW40 {
    width: 90%;
  }
  .page.page3 .hotel .fl02 {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    min-height: 560px;
  }
  .page.page3 .hotel .fl02 .w50 {
    width: 100%;
    aspect-ratio: 3/2;
    background-color: #fff;
    height: 100%;
    background-image: url("../../2022summer/images/p3-16.jpg");
    background-size: cover;
  }
  .page.page3 .hotel .fl02 .w45 {
    width: 100%;
  }
}

/*# sourceMappingURL=style2022summer.css.map */