@charset "utf-8";

/*
body.pageHotel_test {
  background-image: url('./../images/design/design-hotel.jpg');
  background-repeat: no-repeat;
  background-position: center -24px;
  background-size: auto auto;
  background-color: rgba(255,255,255,0.3);
  background-blend-mode: lighten;
}*/

/*
body.pageHotel_test #main {
  min-height: 8000px;
}*/


:root {
  --base-font-gothic: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
  --base-font-min: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  --base-font-en: 'Lora', serif;
  --base-blue-txt01: #023592;
  --base-blue-bg01: #023592;
  --base-blue-border01: #023592;
  --base-green-txt01: #0f741f;
  --base-green-bg01: #128324;
}

body {
  font-family: var(--base-font-gothic);
}

h1, h2, h3, h4, h5, h6, .site-title {
  font-family: var(--base-font-min);
}


/*##### Reset #####*/
body.pageHotel_test,
body.pageHotel {
  margin: 0;
}

body.pageHotel_test #page,
body.pageHotel #page {
  overflow: hidden;
}

body.pageHotel_test .site-header,
body.pageHotel .site-header,
body.pageHotel_test .site-content,
body.pageHotel .site-content,
body.pageHotel_test .site-footer,
body.pageHotel .site-footer {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}
@media all and (max-width: 750px){
  body.pageHotel_test .site-header,
  body.pageHotel .site-header,
  body.pageHotel_test .site-content,
  body.pageHotel .site-content,
  body.pageHotel_test .site-footer,
  body.pageHotel .site-footer {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
  }
}

body.pageHotel_test .site-content,
body.pageHotel .site-content {
  max-width: none;
}

body.pageHotel_test .site-content:before,
body.pageHotel .site-content:before {
  content: none;
}

.isPc {
  display: none;
  width: 1px;
}
@media all and (max-width: 782px){
  .isSp {
    display: none;
    width: 2px;
  }
}

@media all and (max-width: 867px){
  .dPcInline {
    display: none;
  }
}

.dSpInline {
  display: none;
}
@media all and (max-width: 867px){
  .dSpInline {
    display: inline;
  }
}

@media all and (max-width: 782px){
  header .menu-toggle {
    display: none;
  }
  header .main-navigation ul {
    display: block;
  }
  header .main-navigation .search-form {
    position: relative;
    padding-left: 0;
    padding-bottom: 0.5em;
    border-top: 1px #eee solid;
  }
}


/*##### Hmb Menu #####*/
.btnHmbMenu {
  position: fixed;
  z-index: 1002;
  top: 45px;
  right: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 60px;
  height: 60px;
  /*background-color: #ddd;*/
  cursor: pointer;
}
body:not(.home) .btnHmbMenu {
  top: 20px;
}
.btnHmbMenu.chgBg {
  background-color: #fff;
}
@media all and (max-width: 782px){
  .btnHmbMenu {
    position: fixed;
    top: 0;/*5vw;*/
    right: 0;/*4vw;*/
    width: 12vw;/*8.5vw;*/
    height: 12vw;/*6vw;*/
    background-color: #fff;
  }
  body:not(.home) .btnHmbMenu {
    top: 0;
  }
}

.btnHmbMenu .btnHmbMenuIn {
  position: relative;
  width: 30px;
  height: 24px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
}
@media all and (max-width: 782px){
  .btnHmbMenu .btnHmbMenuIn {
    width: 70%;
    height: 50%;
  }
}

.btnHmbMenu .btnHmbMenuIn > span {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--base-blue-bg01);
  border-radius: 1px;
  transition: all .4s;
}
@media all and (max-width: 782px){
  .btnHmbMenu .btnHmbMenuIn > span {
    height: 1px;/*0.8vw;*/
    border-radius: 1px;/*0.8vw;*/
  }
}

.btnHmbMenu .btnHmbMenuIn > span:nth-of-type(1) {
  top: 0;
}
.btnHmbMenu .btnHmbMenuIn > span:nth-of-type(2) {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.btnHmbMenu .btnHmbMenuIn > span:nth-of-type(3) {
  bottom: 0;
}

.btnHmbMenu.statusOpen .btnHmbMenuIn > span:nth-of-type(1) {
  transform: translateY(11.1px) rotate(-45deg);
}
.btnHmbMenu.statusOpen .btnHmbMenuIn > span:nth-of-type(2) {
  opacity: 0;
}
.btnHmbMenu.statusOpen  .btnHmbMenuIn > span:nth-of-type(3) {
  transform: translateY(-11.1px) rotate(45deg);
}
@media all and (max-width: 782px){
  .btnHmbMenu.statusOpen .btnHmbMenuIn > span:nth-of-type(1) {
    transform: translateY(3.0vw) rotate(-45deg);
  }
  .btnHmbMenu.statusOpen .btnHmbMenuIn > span:nth-of-type(3) {
    transform: translateY(-3.0vw) rotate(45deg);
  }
}

header.site-header {
  overflow-y: auto;
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  padding-bottom: 2.0em;
  background-color: #fff;
}
@media all and (max-width: 782px){
  header.site-header {
    height: 100vh;
    /*position: relative;
    z-index: 1;
    display: block;
    padding-bottom: 0;*/
  }
}

/*body:not(.pagePost).modeTest*/
body.page.modeTest .entry-header.typeMv,
body.archive.pagePost.modeTest .page-header.typeMv,
body.single.pagePost.modeTest .entry-header.typeMv .cat-links {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 2.8em;
  height: 300px;
}
body.archive.pagePost.modeTest .page-header.typeMv,
body.single.pagePost.modeTest .entry-header.typeMv .cat-links {
  padding-bottom: 0;
}
body.single.pagePost.modeTest .entry-header.typeMv .cat-links {
  font-family: var(--base-font-min);
}

body.page.modeTest .entry-header.typeMv:after,
body.archive.pagePost.modeTest .page-header.typeMv:after,
body.single.pagePost.modeTest .entry-header.typeMv .cat-links:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background-color: #eee;
  background-image: url('./../images/base/base-mv.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
body.modeTest.pageAccess_map .entry-header.typeMv:after {
  background-image: url('./../images/access_map/access_map-mv.jpg');
}
body.modeTest.pageConcept .entry-header.typeMv:after {
  background-image: url('./../images/concept/concept-mv.jpg');
}
body.modeTest.pageFounding_support .entry-header.typeMv:after {
  background-image: url('./../images/founding_support/founding_support-mv.jpg');
}
body.modeTest.pageMembers .entry-header.typeMv:after {
  background-image: url('./../images/members/members-mv.jpg');
}
body.modeTest.archive.pagePost .page-header.typeMv:after,
body.modeTest.single.pagePost .entry-header.typeMv .cat-links:after {
  background-image: url('./../images/post/post-mv.jpg');
}
body.modeTest.pageSpace_rental .entry-header.typeMv:after {
  background-image: url('./../images/space_rental/space_rental-mv.jpg');
}

body.page.modeTest .entry-header.typeMv .entry-title {
  font-weight: 700;
}

body.archive.pagePost.modeTest .page-header.typeMv .page-title,
body.single.pagePost.modeTest .entry-header.typeMv .cat-links a {
  font-size: 3.0rem;
  font-weight: 700;
  color: #000;
  pointer-events: none;
}


.boxHotel {
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
  font-weight: 500;
}

.boxHotel * {
  box-sizing: border-box;
}

.boxHotel h1,
.boxHotel h2,
.boxHotel h3,
.boxHotel h4,
.boxHotel h5,
.boxHotel h6,
.boxHotel p,
.boxHotel ul,
.boxHotel ol,
.boxHotel li,
.boxHotel dl,
.boxHotel dt,
.boxHotel dd {
  margin: 0;
  padding: 0;
}

.boxHotel ul,
.boxHotel ol {
  list-style: none;
}

.boxHotel table {
  border-collapse: collapse;
}

.boxHotel table th,
.boxHotel table td {
  padding: 0;
  border: 0;
}

.boxHotel a:hover {
  opacity: 0.8;
}


/*##### Base #####*/
.baseW {
  width: 100%;
  /*min-width: 1080px;*/
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 750px){
  .baseW {
    width: 100%;
    /*in-width: auto;*/
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .baseSpW {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}

body .ttlBase01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 2.96em;
}

body .ttlBase01 .ttlEn {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0.4em;
  padding-top: 0.38em;
  letter-spacing: 0.1em;
  font-family: var(--base-font-en);
  font-size: 2.55em;
  font-weight: 100;
  color: var(--base-blue-txt01);
}
body .ttlBase01.typeGreen .ttlEn {
  color: var(--base-green-txt01);
}
@media all and (max-width: 750px){
  body .ttlBase01 .ttlEn {
    font-size: 2.0em;
  }
}

body .ttlBase01 .ttlEn .ttlBg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -280px;
  width: 494px;
  height: 87px;
  background-color: var(--base-blue-bg01);
}
body .ttlBase01.typeGreen .ttlEn .ttlBg {
  background-color: var(--base-green-bg01);
}
@media all and (max-width: 750px){
  body .ttlBase01 .ttlEn .ttlBg {
    /*left: -10vw;
    width: 40vw;*/
    height: 62px;
  }
}

body .ttlBase01 .ttlEn .ttlBg:after {
  content: attr(data-str);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 212px;
  padding-top: 0.38em;
  color: #fff;
  white-space: pre;
}
@media all and (max-width: 750px){
  body .ttlBase01 .ttlEn .ttlBg:after {
    /*width: 30vw;*/
  }
}

body .ttlBase01 .ttlJa {
  padding-left: 1.9em;
  letter-spacing: 0.285em;
  font-family: var(--base-font-min);
  font-size: 1.84rem;
  color: var(--base-blue-txt01);
}
body .ttlBase01.typeGreen .ttlJa {
  color: var(--base-green-txt01);
}
@media all and (max-width: 750px){
  body .ttlBase01 .ttlJa {
    padding-left: 0;
    letter-spacing: 0.2em;
  }
}

body .ttlBase02 {
  position: relative;
  margin-bottom: 1.5em/* !important*/;
  padding-top: 0.97em/* !important*/;
  letter-spacing: 0.14em;
  font-family: var(--base-font-min);
  font-size: 1.75rem;
  color: var(--base-blue-txt01);
}

body .ttlBase02:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5.7em;
  height: 1px;
  background-color: var(--base-blue-border01);
}

body .ttlBase02 .ttlSub {
  position: relative;
  bottom: 0.1em;
  display: inline-block;
  margin-left: 0.4em;
  letter-spacing: 0.01em;
  font-family: var(--base-font-gothic);
  font-size: 1.2rem;
  font-weight: 500;
  color: #333;
}


body .ttlBase03 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 335px;
  height: 4.87em;
  margin-bottom: 1.8em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.12em;
  padding-left: 0.1em;
  background-color: var(--base-blue-bg01);
  color: #fff;
}

body .ttlBase03 .ttlEn {
  margin-bottom: 0.04em;
  letter-spacing: 0.124em;
  font-family: var(--base-font-en);
  font-size: 1.81rem;
  font-weight: 100;
}

body .ttlBase03 .ttlJa {
  letter-spacing: 0.255em;
  font-family: var(--base-font-min);
  font-size: 1.1rem;
}

body .ttlBase03 .ttlSub {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 92%;
  height: 1.77em;
  margin-top: 0.8em;
  margin-bottom: -0.4em;
  padding-top: 0.2em;
  background-color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: var(--base-font-min);
  font-size: 1.3rem;
  color: var(--base-blue-txt01);
}


.boxBaseCom > p {
  line-height: 1.9;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
}

.boxBaseCom > p + p {
  margin-top: 2.0em;
}


.ulBase01 > li {
  position: relative;
  margin-bottom: 0.41em;
  padding-left: 1.0em;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
}

.ulBase01 > li:before {
  content: '';
  position: absolute;
  top: 0.57em;
  left: -0.01em;
  width: 0.35em;
  height: 0.35em;
  background-color: var(--base-blue-bg01);
}


.linkBaseTelno {
  pointer-events: none;
  cursor: auto;
}
@media all and (max-width: 750px){
  .linkBaseTelno {
    pointer-events: auto;
  }
}


.cBaseRed {
  color: #b40000;
}

.fontB {
  font-weight: 700;
}


.dOneLine {
  display: inline-block;
}

.dPcOneLine {
  display: inline-block;
}
@media all and (max-width: 782px){
  .dPcOneLine {
    display: inline;
  }
}

@media all and (max-width: 782px){
  .dPc,
  .dPcInline {
    display: none;
  }
}

.dSp,
.dSpInline {
  display: none;
}
@media all and (max-width: 782px){
  .dSp {
    display: block;
  }
  .dSpInline {
    display: inline;
  }
}


/*##### Content #####*/
.boxHotelTopWrap {
  box-sizing: border-box;
  background-image: url('./../images/hotelv2/hotel-top-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
}
@media all and (max-width: 782px){
  .boxHotelTopWrap {
    background-size: 1220px auto;/*180% auto;*/
  }
}
@media all and (max-width: 528px){
  .boxHotelTopWrap {
    background-size: 265% auto;
  }
}

.boxHotelTop {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 1046px;
  padding-bottom: 14.3em;
}
@media all and (max-width: 782px){
  .boxHotelTop {
    min-height: 700px;/*90vw;*/
  }
}
@media all and (max-width: 528px){
  .boxHotelTop {
    min-height: 132vw;
    padding-top: 2.0em;
  }
}

.boxHotelTop .ttl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.9em;
  font-family: var(--base-font-en);
  font-weight: 100;
}

.boxHotelTop .ttl01 .ttlImg {
  margin-bottom: 0.67em;
}
@media all and (max-width: 500px){
  .boxHotelTop .ttl01 .ttlImg img {
    width: 65vw;
  }
}

.boxHotelTop .ttl01 .ttlStr {
  letter-spacing: 0.05em;
  font-size: 1.85rem;
  color: var(--base-blue-txt01);
}

.boxHotelTop .boxBaseCom {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 434px;
  height: 127px;
  padding-top: 0.1em;
  background-color: var(--base-blue-bg01);
}
@media all and (max-width: 560px){
  .boxHotelTop .boxBaseCom {
    width: 90%;
  }
}

.boxHotelTop .boxBaseCom > p {
  text-align: center;
  line-height: 1.35;
  font-family: var(--base-font-en);
  font-weight: 100;
  color: #fff;
}

.boxHotelTop .boxBaseCom > p .txt01 {
  letter-spacing: 0.04em;
  font-size: 2rem;
}

.boxHotelTop .boxBaseCom > p .txt02 {
  padding-left: 0.1em;
  letter-spacing: 0.03em;
  font-size: 2.4rem;
}

.boxHotel01Wrap {
  padding: 0 3% 5em 3%;
}
@media all and (max-width: 750px){
  .boxHotel01Wrap {
    padding: 0 0 5em 0;
  }
}

.boxHotel01 .boxCont01F {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: -16.6em;
}
@media all and (max-width: 1000px){
  .boxHotel01 .boxCont01F {
    display: block;
  }
}
@media all and (max-width: 782px){
  .boxHotel01 .boxCont01F {
    margin-top: -13em;
  }
}

.boxHotel01 .boxCont01FOne {
  width: 32.7%;
  margin-right: calc((100% - 32.7% * 3) / 2);
}
@media all and (max-width: 1000px){
  .boxHotel01 .boxCont01FOne {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3em;
  }
}

.boxHotel01 .boxCont01FOne:nth-child(3n) {
  margin-right: 0;
}

@media all and (max-width: 1000px){
  .boxHotel01 .boxCont01FOne:last-child {
    margin-bottom: 0;
  }
}

.boxHotel01 .boxCont01FOne .boxImg {
  text-align: center;
}
@media all and (max-width: 750px){
  .boxHotel01 .boxCont01FOne .boxImg {
    width: 90%;
    margin: 0 auto;
  }
}

.boxHotel01 .boxCont01FOne .boxTxt {
  padding-top: 2.38em;
}

.boxHotel01 .boxCont01FOne .boxTxt .ttl01 {
  margin-bottom: 0.8em;
  line-height: 1.7;
  letter-spacing: 0.194em;
  font-family: var(--base-font-min);
  font-size: 1.88rem;
  color: var(--base-blue-txt01);
}
@media all and (max-width: 1000px){
  .boxHotel01 .boxCont01FOne .boxTxt .ttl01 {
    text-align: center;
  }
}

.boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p {
  padding-right: 0.5em;
  line-height: 2.12;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
}
@media all and (max-width: 1000px){
  .boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p {
    text-align: center;
  }
}

.boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p .br01,
.boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p .br02,
.boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p .br03 {
  display: none;
}
@media all and (max-width: 1000px){
  .boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p .br01 {
    display: inline;
  }
}
@media all and (max-width: 750px){
  .boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p .br02 {
    display: inline;
  }
}
@media all and (max-width: 450px){
  .boxHotel01 .boxCont01FOne .boxTxt .boxBaseCom > p .br03 {
    display: inline;
  }
}

.boxHotel02 .boxTopMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 170px;
  padding: 1.9em 3% 2.0em 3%;
  background-color: #f5f5f5;
}

.boxHotel02 .boxTopMenu .ulTopMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxHotel02 .boxTopMenu .ulTopMenu > li {
  position: relative;
  margin: 0.9em 1.9em 0.9em 0;
}
@media all and (max-width: 750px){
  .boxHotel02 .boxTopMenu .ulTopMenu > li {
    margin: 0.9em 3% 0.9em 0;
  }
}

.boxHotel02 .boxTopMenu .ulTopMenu > li:last-child {
  margin-right: 0;
}

.boxHotel02 .boxTopMenu .ulTopMenu > li:before,
.boxHotel02 .boxTopMenu .ulTopMenu > li:after {
  content: '';
  position: absolute;
  bottom: 0;
}

.boxHotel02 .boxTopMenu .ulTopMenu > li:before {
  left: 0;
  width: 1.75em;
  height: 1px;
  background-color: var(--base-blue-border01);
}

.boxHotel02 .boxTopMenu .ulTopMenu > li:after {
  right: 0;
  width: calc(100% - 2.5em);
  height: 1px;
  background-color: var(--base-blue-border01);
}

.boxHotel02 .boxTopMenu .ulTopMenu > li a {
  position: relative;
  display: inline-block;
  padding: 0 0.8em 0.56em 0.8em;
  letter-spacing: 0.09em;
  font-size: 1.3rem;
  color: var(--base-blue-txt01)
}

.boxHotel02 .boxTopMenu .ulTopMenu > li a:after {
  content: '';
  position: absolute;
  bottom: -0.45em;
  left: 1.5em;
  width: 1.2em;
  height: 1px;
  background-color: var(--base-blue-border01);
  transform: rotate(45deg);
}

.boxHotel0201 {
  padding: 1.25em 0 5.4em 0;
}

.boxHotel0201 .pCaution {
  text-align: center;
  letter-spacing: -0.04em;
}

.boxHotel0201In {
  margin-top: 3.6em;
}

.boxHotel0201In .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 5.2em;
}
@media all and (max-width: 750px){
  .boxHotel0201In .boxCont01 {
    display: block;
    margin-bottom: 5.2em;
  }
}

.boxHotel0201In .boxCont01 .boxTxt {
  width: 40%;
}
@media all and (max-width: 1180px){
  .boxHotel0201In .boxCont01 .boxTxt {
    width: 432px;
  }
}
@media all and (max-width: 750px){
  .boxHotel0201In .boxCont01 .boxTxt {
    width: 100%;
    padding-bottom: 5vw;
  }
}

.boxHotel0201In .boxCont01 .boxImg {
  position: relative;
  width: 60%;
}
@media all and (max-width: 1180px){
  .boxHotel0201In .boxCont01 .boxImg {
    position: relative;
    width: calc(100% - 432px);
  }
}
@media all and (max-width: 750px){
  .boxHotel0201In .boxCont01 .boxImg {
    width: 100%;
  }
}

@media all and (max-width: 1125px){
  .boxHotel0201In .boxCont01 .boxImg .img01Hotel02 {
    max-width: none;
    width: 108%;
  }
}
@media all and (max-width: 950px){
  .boxHotel0201In .boxCont01 .boxImg .img01Hotel02 {
    width: 120%;
    margin-left: -5%;
  }
}
@media all and (max-width: 900px){
  .boxHotel0201In .boxCont01 .boxImg .img01Hotel02 {
    width: 123%;
    margin-left: -11%;
  }
}

.boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
  position: absolute;
  top: 73.5%;
  right: -224px;
}
@media all and (max-width: 1730px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    top: 83.5%;
    right: -15%;
  }
}
@media all and (max-width: 1510px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    right: -8%;
  }
}
@media all and (max-width: 1350px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    width: 56.3%;
  }
}
@media all and (max-width: 1160px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    width: 52.3%;
  }
}
@media all and (max-width: 1125px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    top: 86%;
    width: 300px;/*52.3%;*/
  }
}
@media all and (max-width: 950px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    top: 91%;
    width: 82%;
  }
}
@media all and (max-width: 750px){
  .boxHotel0201In .boxCont01 .boxImg .img02Hotel02 {
    position: relative;
    top: 0;
    display: block;
    width: 60%;
    margin-top: -10vw;
    margin-left: auto;
    margin-bottom: -35vw;
  }
}

.boxHotel0201In .boxCont02 {
  margin-bottom: 4.3em;
}

.boxHotel0201In .boxCont02 .boxUl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-right: 18%;
  padding-top: 0.1em;
}
@media all and (max-width: 1155px){
  .boxHotel0201In .boxCont02 .boxUl01 {
    padding-right: 0;
  }
}
@media all and (max-width: 1000px){
  .boxHotel0201In .boxCont02 .boxUl01 {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media all and (max-width: 600px){
  .boxHotel0201In .boxCont02 .boxUl01 {
    display: block;
  }
}

.boxHotel0201In .boxCont02 .ul01 {
  /*margin-right: calc((100% - 32.5% * 3) / 2);*/
}
@media all and (max-width: 1000px){
  .boxHotel0201In .boxCont02 .ul01 {
    margin-right: 0;
  }
}

.boxHotel0201In .boxCont02 .ul01:nth-child(1) {
  width: 38.3%;
}
.boxHotel0201In .boxCont02 .ul01:nth-child(2) {
  width: 29.1%;
}
.boxHotel0201In .boxCont02 .ul01:nth-child(3) {
  width: 32.6%;
}
@media all and (max-width: 1000px){
  .boxHotel0201In .boxCont02 .ul01:nth-child(1) {
    width: 60%;
  }
  .boxHotel0201In .boxCont02 .ul01:nth-child(2) {
    width: 40%;
  }
  .boxHotel0201In .boxCont02 .ul01:nth-child(3) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
  }
}
@media all and (max-width: 600px){
  .boxHotel0201In .boxCont02 .ul01:nth-child(1) {
    width: 100%;
  }
  .boxHotel0201In .boxCont02 .ul01:nth-child(2) {
    width: 100%;
  }
  .boxHotel0201In .boxCont02 .ul01:nth-child(3) {
    display: block;
    width: 100%;
  }
}

.boxHotel0201In .boxCont02 .ul01:last-child {
  margin-right: 0;
}

.boxHotel0201In .boxCont02 .ul01 > li {
  position: relative;
  margin-bottom: 0.41em;
  padding-left: 1.0em;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
}
@media all and (max-width: 1000px){
  .boxHotel0201In .boxCont02 .ul01:nth-child(3) > li:nth-child(2n-1) {
    width: 60%;
  }
  .boxHotel0201In .boxCont02 .ul01:nth-child(3) > li:nth-child(2n) {
    width: 40%;
  }
}
@media all and (max-width: 600px){
  .boxHotel0201In .boxCont02 .ul01:nth-child(3) > li:nth-child(2n-1) {
    width: 100%;
  }
  .boxHotel0201In .boxCont02 .ul01:nth-child(3) > li:nth-child(2n) {
    width: 100%;
  }
}

.boxHotel0201In .boxCont02 .ul01 > li:before {
  content: '';
  position: absolute;
  top: 0.57em;
  left: -0.01em;
  width: 0.35em;
  height: 0.35em;
  background-color: var(--base-blue-bg01);
}

.boxHotel0201In .boxCont03 {
  padding: 0 0 2.8em 0;
  background-color: #eee;
}

/*
.boxHotel0201In .boxCont03 .ttl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 335px;
  height: 4.87em;
  margin-bottom: 1.8em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.12em;
  padding-left: 0.1em;
  background-color: var(--base-blue-bg01);
  color: #fff;
}

.boxHotel0201In .boxCont03 .ttl01 .ttlEn {
  margin-bottom: 0.04em;
  letter-spacing: 0.124em;
  font-family: var(--base-font-en);
  font-size: 1.81rem;
  font-weight: 100;
}

.boxHotel0201In .boxCont03 .ttl01 .ttlJa {
  letter-spacing: 0.255em;
  font-family: var(--base-font-min);
  font-size: 1.1rem;
}
*/

.boxHotel0201In .boxCont03 .boxBaseCom {
  margin-bottom: 2.4em;
  padding: 0 3.6% 0 3.6%;
}

.boxHotel0201In .boxCont03 .boxBaseCom > p {
  line-height: 1.8;
}

.boxHotel0201In .boxCont03F {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 2.3em;
  padding: 0 3.6% 0 3.6%;
}
@media all and (max-width: 782px){
  .boxHotel0201In .boxCont03F {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.boxHotel0201In .boxCont03FOne {
  width: 25%;
}
@media all and (max-width: 782px){
  .boxHotel0201In .boxCont03FOne {
    width: 50%;
  }
}

.boxHotel0201In .boxCont03FOne .boxImg {
  aspect-ratio: 315 / 423;
}

.boxHotel0201In .boxCont03FOne .boxImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.boxHotel0201In .boxCont03FOne .boxTxt {
  padding: 0.7em 0.35em 0.7em 0.5em;
}

.boxHotel0201In .boxCont03FOne .boxTxt > p {
  letter-spacing: 0.07em;
  font-size: 1.03rem;
}
@media all and (max-width: 1160px){
  .boxHotel0201In .boxCont03FOne .boxTxt > p {
    line-height: 1.4;
  }
}

@media all and (max-width: 1160px){
  .boxHotel0201In .boxCont03FOne .boxTxt > p .dOneLine {
    display: inline;
  }
}

.boxHotel0201In .boxCont03 .boxDl01 {
  padding: 0 2.6% 0 3.6%;
}

.boxHotel0201In .boxCont03 .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
@media all and (max-width: 900px){
  .boxHotel0201In .boxCont03 .dl01 {
    display: block;
  }
}

.boxHotel0201In .boxCont03 .dl01 > dt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 15.2%;
  height: 136px;
  padding-top: 0.2em;
  background-color: #fff;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
  color: var(--base-blue-txt01);
}
@media all and (max-width: 900px){
  .boxHotel0201In .boxCont03 .dl01 > dt {
    width: 100%;
    height: 50px;
    margin-bottom: 1.0em;
  }
}

@media all and (max-width: 900px){
  .boxHotel0201In .boxCont03 .dl01 > dt br {
    display: none;
  }
}

.boxHotel0201In .boxCont03 .dl01 > dd {
  width: calc(100% - 15.2%);
  padding-left: 2.75%;
  padding-top: 0.2em;
}
@media all and (max-width: 900px){
  .boxHotel0201In .boxCont03 .dl01 > dd {
    width: 100%;
    padding-left: 0;
  }
}

.boxHotel0201In .boxCont03 .dl01 > dd .ul01 > li {
  position: relative;
  margin-bottom: 0.8em;
}

.boxHotel0201In .boxCont03 .dl01 > dd .ul01 > li:last-child {
  margin-bottom: 0;
}

.boxHotel0201In .boxCont03 .dl01 > dd .ul01 > li:before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: -0.01em;
  width: 0.35em;
  height: 0.35em;
  background-color: var(--base-blue-bg01);
}

.boxHotel0201In .boxCont03 .dl0101 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxHotel0201In .boxCont03 .dl0101 > dt {
  width: 100px;
  padding-top: 0.15em;
  padding-left: 0.95em;
  line-height: 1.4;
  font-size: 1.15rem;
  font-weight: 700;
}

.boxHotel0201In .boxCont03 .dl0101 > dt .str2 {
  letter-spacing: 1.05em;
}

.boxHotel0201In .boxCont03 .dl0101 > dd {
  width: calc(100% - 100px);
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
}

.boxHotel0202 {
  margin-bottom: 6.1em;
}

.boxHotel0202In .boxCont01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-bottom: 3.85em;
}
@media all and (max-width: 900px){
  .boxHotel0202In .boxCont01 {
    display: block;
  }
}

.boxHotel0202In .boxCont01 .boxTxt {
  width: 503px;
  padding-right: 2%;
}
@media all and (max-width: 900px){
  .boxHotel0202In .boxCont01 .boxTxt {
    width: 100%;
    margin-bottom: 1.5em;
    padding-right: 0;
  }
}

.boxHotel0202In .boxCont01 .boxImg {
  position: relative;
  width: calc(100% - 503px);
}
@media all and (max-width: 900px){
  .boxHotel0202In .boxCont01 .boxImg {
    width: 100%;
    padding-bottom: 32vw;
  }
}

.boxHotel0202In .boxCont01 .boxImg .img01Hotel0202 {
  position: relative;
  z-index: 2;
}

.boxHotel0202In .boxCont01 .boxImg .img02Hotel0202 {
  position: absolute;
  z-index: 3;
  top: 79.1%;
  right: 21.8%;
}
@media all and (max-width: 1730px){
  .boxHotel0202In .boxCont01 .boxImg .img02Hotel0202 {
    top: 89.1%;
    right: 35.8%;
  }
}
@media all and (max-width: 1510px){
  .boxHotel0202In .boxCont01 .boxImg .img02Hotel0202 {
    right: 45.8%;
  }
}
@media all and (max-width: 1100px){
  .boxHotel0202In .boxCont01 .boxImg .img02Hotel0202 {
    right: 47%;
    width: 48.7%;
  }
}
@media all and (max-width: 900px){
  .boxHotel0202In .boxCont01 .boxImg .img02Hotel0202 {
    top: 54vw;
    right: 55%;
    width: 27.17vw;
  }
}

.boxHotel0202In .boxCont01 .boxImg .img03Hotel0202 {
  position: absolute;
  top: 73.2%;
  right: -29.5%;
}
@media all and (max-width: 1730px){
  .boxHotel0202In .boxCont01 .boxImg .img03Hotel0202 {
    top: 86.2%;
    right: -15.5%;
  }
}
@media all and (max-width: 1510px){
  .boxHotel0202In .boxCont01 .boxImg .img03Hotel0202 {
    top: 88.2%;
    right: -5.5%;
  }
}
@media all and (max-width: 1300px){
  .boxHotel0202In .boxCont01 .boxImg .img03Hotel0202 {
    right: -8%;
  }
}
@media all and (max-width: 1150px){
  .boxHotel0202In .boxCont01 .boxImg .img03Hotel0202 {
    width: 69%;
  }
}
@media all and (max-width: 900px){
  .boxHotel0202In .boxCont01 .boxImg .img03Hotel0202 {
    top: 58vw;
    right: 5%;
    width: 42.1vw;
  }
}

.boxHotel0202In .boxCont02 {
  margin-bottom: 5em;
}

.boxHotel0202In .boxCont03 {
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 1100px){
  .boxHotel0202In .boxCont03 {
    display: block;
  }
}

.boxHotel0202In .boxCont03:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 2.05em;
  left: -50%;
  width: 200%;
  height: 212px;
  background-color: #eee;
}
@media all and (max-width: 650px){
  .boxHotel0202In .boxCont03:after {
    height: 50vw;
  }
}

.boxHotel0202In .boxCont03 .boxImg {
  position: relative;
  width: 45.35%;
}
@media all and (max-width: 1100px){
  .boxHotel0202In .boxCont03 .boxImg {
    width: 571px;
    margin: 0 auto;
  }
}
@media all and (max-width: 650px){
  .boxHotel0202In .boxCont03 .boxImg {
    width: 100%;
  }
}

.boxHotel0202In .boxCont03 .boxImg .ttlBase03 {
  position: absolute;
  top: 0;
  left: 0;
  height: 6.74em;
}
@media all and (max-width: 650px){
  .boxHotel0202In .boxCont03 .boxImg .ttlBase03 {
    position: relative;
    top: auto;/*-4em;*/
    left: auto;
    width: 100%;
    height: 8em;
    margin-bottom: 0;
  }
}

.boxHotel0202In .boxCont03 .boxTxt {
  width: calc(100% - 45.35%);
  padding-left: 3.2%;
  padding-top: 4.5em;
}
@media all and (max-width: 1100px){
  .boxHotel0202In .boxCont03 .boxTxt {
    width: 100%;
    padding-left: 0;
    padding-top: 3.5em;
  }
}
@media all and (max-width: 650px){
  .boxHotel0202In .boxCont03 .boxTxt {
    padding-top: 2.0em;
  }
}

.boxHotel0202In .boxCont03 .boxTxt .ttl02 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 3.6em;
  font-family: var(--base-font-min);
  color: var(--base-blue-txt01);
}
@media all and (max-width: 1100px){
  .boxHotel0202In .boxCont03 .boxTxt .ttl02 {
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
  }
}
@media all and (max-width: 650px){
  .boxHotel0202In .boxCont03 .boxTxt .ttl02 {
    margin-bottom: 2.5em;
  }
}

.boxHotel0202In .boxCont03 .boxTxt .ttl02 .ttlSub {
  margin-bottom: 0.85em;
  letter-spacing: 0.29em;
  font-size: 1.4rem;
}

.boxHotel0202In .boxCont03 .boxTxt .ttl02 .ttlMain {
  line-height: 1.65;
  letter-spacing: 0.12em;
  font-size: 2.3rem;
  font-weight: 400;
}

.boxHotel0202In .boxCont03 .boxTxt .boxBaseCom.no01 {
  margin-bottom: 1.95em;
}

.boxHotel0202In .boxCont03 .boxTxt .boxBaseCom.no01 > p {
  line-height: 1.8;
  letter-spacing: 0.115em;
}

.boxHotel0202In .boxCont0301 .ttl03 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 0.7em;
  padding-left: 1.1em;
  letter-spacing: 0.05em;
  font-family: var(--base-font-gothic);
}

.boxHotel0202In .boxCont0301 .ttl03:before {
  content: '';
  position: absolute;
  left: 0.12em;
  top: 0.45em;
  width: 0.36em;
  height: 0.36em;
  background-color: var(--base-blue-bg01);
}

.boxHotel0202In .boxCont0301 .ttl03 .ttlSub {
  margin-left: 1.16em;
  font-weight: 500;
}

.boxHotel0202In .boxCont0301 .boxBaseCom.no02 {
  padding-left: 0.94em;
}

.boxHotel0202In .boxCont0301 .boxBaseCom.no02 > p {
  line-height: 1.8;
}

.boxHotel0203 {
  position: relative;
  z-index: 2;
  padding: 0 3%;
}

.boxHotel0203:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background-color: #f5f5f5;
}

.boxHotel0203In .boxCont01 {
  margin-bottom: 4.95em;
}

.boxHotel0203In .boxCont01 .boxTxt {
  width: 414px;
  padding-right: 3%;
}

.boxHotel0203In .boxCont01 .boxDl01 {
  margin-top: -1.83em;
  margin-bottom: 2.07em;
  padding-left: 13%;
  color: var(--base-blue-txt01);
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont01 .boxDl01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }
}

.boxHotel0203In .boxCont01 .boxDl01 .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 0.2em;
  letter-spacing: 0.05em;
  font-size: 1.14rem;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont01 .boxDl01 .dl01 {
    margin: 0 1.0em;
  }
}

.boxHotel0203In .boxCont01 .boxDl01 .dl01 > dt {
  position: relative;
  width: 1.2em;
  text-align: center;
  font-weight: 500;
}

.boxHotel0203In .boxCont01 .boxDl01 .dl01 > dt:after {
  content: '=';
  position: absolute;
  right: -0.95em;
  top: -0.05em;
}

.boxHotel0203In .boxCont01 .boxDl01 .dl01 > dd {
  width: calc(100% - 1.2em);
  padding-left: 1.2em;
}

.boxHotel0203In .boxCont01 .boxCont01LR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont01 .boxCont01LR {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.boxHotel0203In .boxCont01 .boxCont01L {
  width: 414px;
  padding-right: 3%;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont01 .boxCont01L {
    width: 100%;
    padding-right: 0;
  }
}

.boxHotel0203In .boxCont01 .boxBaseCom {
  margin-bottom: 1.5em;
}

.boxHotel0203In .boxCont01 .boxLink a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 348px;
  height: 78px;
  padding-top: 0.2em;
  background-color: #128324;
  letter-spacing: 0.25em;
  font-family: var(--base-font-min);
  font-size: 1.6rem;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxHotel0203In .boxCont01 .boxLink a {
    width: 100%;
  }
}

.boxHotel0203In .boxCont01 .boxLink a > span {
  position: relative;
  padding-left: 2.5em;
}

.boxHotel0203In .boxCont01 .boxLink a > span:before {
  content: '';
  position: absolute;
  top: 0.3em;
  left: 0.25em;
  width: 28px;
  height: 21px;
  background-image: url('./../images/base/base-icn-mail01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}

.boxHotel0203In .boxCont01 .boxCont01R {
  width: calc(100% - 414px);
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont01 .boxCont01R {
    width: 100%;
    margin-bottom: 1.0em;
  }
}

.boxHotel0203In .boxCont01 .boxCal {
  margin-top: -8em;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont01 .boxCal {
    margin-top: 0;
  }
}

.boxHotel0203In .boxCont02 {
  margin-bottom: 5.0em;
}

.boxHotel0203In .boxCont02 .ol01 {
  counter-reset: cnt;
}

.boxHotel0203In .boxCont02 .ol01 > li {
  position: relative;
  counter-increment: cnt;
  margin-bottom: 0.61em;/*0.66em;*/
  padding-left: 2.8em;
  letter-spacing: 0.065em;
  font-size: 1.25rem;
}
@media all and (max-width: 750px){
  .boxHotel0203In .boxCont02 .ol01 > li {
    margin-bottom: 1.5em;
  }
}

.boxHotel0203In .boxCont02 .ol01 > li:before {
  content: "0"counter(cnt);
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 2.2em;
  height: 1.6em;
  padding-top: 0.1em;
  background-color: var(--base-blue-bg01);
  font-weight: 700;
  color: #fff;
}

.boxHotel0203In .boxCont02 .ol01 > li .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 750px){
  .boxHotel0203In .boxCont02 .ol01 > li .dl01 {
    display: block;
  }
}

.boxHotel0203In .boxCont02 .ol01 > li .dl01 > dt {
  width: 194px;
  padding-top: 0.05em;
  color: var(--base-blue-txt01);
}
@media all and (max-width: 750px){
  .boxHotel0203In .boxCont02 .ol01 > li .dl01 > dt {
    width: 100%;
    margin-bottom: 0.5em;
  }
}

.boxHotel0203In .boxCont02 .ol01 > li .dl01 > dd {
  width: calc(100% - 194px);
  line-height: 1.73;
  letter-spacing: -0.01em;
  font-size: 1.2rem;
}
@media all and (max-width: 750px){
  .boxHotel0203In .boxCont02 .ol01 > li .dl01 > dd {
    width: 100%;
  }
}

.boxHotel0203In .boxCont02 .ol01 > li .dl01 > dd a {
  color: #0068b7;
  text-decoration: underline;
}

.boxHotel0203In .boxCont03 {
  margin-bottom: 4.4em;
}

.boxHotel0203In .boxCont03 .boxUl01 {
  margin-bottom: 1.6em;
  padding-top: 0.1em;
}

.boxHotel0203In .boxCont03 .ul01 > li {
  position: relative;
  margin-bottom: 0.85em;
  padding-left: 1.25em;
  letter-spacing: 0.03em;
  font-size: 1.15rem;
}

.boxHotel0203In .boxCont03 .ul01 > li:before {
  content: '';
  position: absolute;
  top: 0.54em;
  left: 0.05em;
  width: 0.5em;
  height: 0.5em;
  background-color: var(--base-blue-bg01);
}

.boxHotel0203In .boxCont03 .boxTb01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 0.9em;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont03 .boxTb01 {
    padding-left: 0;
  }
}
@media all and (max-width: 650px){
  .boxHotel0203In .boxCont03 .boxTb01 {
    display: block;
  }
}

.boxHotel0203In .boxCont03 .boxTb01 .tb01 {
  width: 50%;
  border-top: 1px #a6a6a6 solid;
  border-left: 1px #a6a6a6 solid;
}
.boxHotel0203In .boxCont03 .boxTb01 .tb01.no02 {
  border-left: 0;
}
@media all and (max-width: 650px){
  .boxHotel0203In .boxCont03 .boxTb01 .tb01 {
    width: 100%;
  }
  .boxHotel0203In .boxCont03 .boxTb01 .tb01.no01 {
    margin-bottom: 0;
  }
  .boxHotel0203In .boxCont03 .boxTb01 .tb01.no02 {
    border-left: 1px #a6a6a6 solid;
    border-top: 0;
  }
}

.boxHotel0203In .boxCont03 .boxTb01 .tb01 th,
.boxHotel0203In .boxCont03 .boxTb01 .tb01 td {
  padding: 0.71em 0.9em;
  border-right: 1px #a6a6a6 solid;
  border-bottom: 1px #a6a6a6 solid;
  font-size: 1.13rem;
}

@media all and (max-width: 650px){
  .boxHotel0203In .boxCont03 .boxTb01 .tb01.no02 tr:first-child {
    display: none;
  }
}

.boxHotel0203In .boxCont03 .boxTb01 .tb01 tr:first-child th:nth-child(1) {
  width: 30%;
  background-color: #f5f4f2;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont03 .boxTb01 .tb01 tr:first-child th:nth-child(1) {
    width: 40%;
  }
}
@media all and (max-width: 650px){
  .boxHotel0203In .boxCont03 .boxTb01 .tb01.no02 tr:nth-child(2) th:nth-child(1) {
    width: 40%;
  }
}

.boxHotel0203In .boxCont03 .boxTb01 .tb01 tr:first-child th:nth-child(2) {
  width: 70%;
  background-color: #f5f4f2;
}
@media all and (max-width: 1100px){
  .boxHotel0203In .boxCont03 .boxTb01 .tb01 tr:first-child th:nth-child(2) {
    width: 60%;
  }
}
@media all and (max-width: 650px){
  .boxHotel0203In .boxCont03 .boxTb01 .tb01.no02 tr:nth-child(2) th:nth-child(2) {
    width: 60%;
  }
}

.boxHotel0203In .boxCont03 .boxTb01 .tb01 tr:not(:first-child) th {
  font-weight: 500;
}

.boxHotel0204 {
  position: relative;
  z-index: 2;
  padding: 0 3%;
}

.boxHotel0204:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  background-color: #f5f5f5;
}
@media all and (max-width: 950px){
  .boxHotel0204:after {
    height: 300px;
  }
}
@media all and (max-width: 782px){
  .boxHotel0204:after {
    height: 270px;
  }
}
@media all and (max-width: 750px){
  .boxHotel0204:after {
    height: 245px;
  }
}
@media all and (max-width: 500px){
  .boxHotel0204:after {
    height: 270px;
  }
}

.boxHotel0204In .boxCont01 .boxHotelInfo {
  width: calc(100% - 342px);
  margin-left: auto;
  margin-top: -7.07em;
  margin-bottom: 4.1em;
  font-size: 1.2rem;
}
@media all and (max-width: 950px){
  .boxHotel0204In .boxCont01 .boxHotelInfo {
    width: 100%;
    margin-left: 0;
    margin-top: -1.5em;
  }
}

.boxHotel0204In .boxCont01 .boxHotelInfo .pName {
  margin-bottom: 0.15em;
}

.boxHotel0204In .boxCont01 .boxHotelInfo .pAddress .txtZipcode {
  margin-right: 0.7em;
  letter-spacing: -0.01em;
}

.boxHotel0204In .boxCont01 .boxHotelInfo .pAddress .txtAddress {
  margin-right: 0.75em;
  letter-spacing: -0.01em;
}

@media all and (max-width: 500px){
  .boxHotel0204In .boxCont01 .boxHotelInfo .pAddress .txtSepa {
    display: none;
  }
}

@media all and (max-width: 500px){
  .boxHotel0204In .boxCont01 .boxHotelInfo .pAddress .txtTelno {
    display: block;
  }
}

.boxHotel0204In .boxCont01 .boxHotelInfo .pAddress .linkBaseTelno {
  margin-left: 0.66em;
}
@media all and (max-width: 500px){
  .boxHotel0204In .boxCont01 .boxHotelInfo .pAddress .linkBaseTelno {
    margin-left: 0;
  }
}


.boxHotel0204 a[target="_blank"] {
  position: relative;
  text-decoration: underline;
}

.boxHotel0204 a[target="_blank"]:before {
  content: '';
  position: absolute;
  top: 0.2em;
  left: -1.7em;
  width: 19px;
  height: 19px;
  background-image: url('./../images/base/base-icn-external-link04.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
}


#form_area .btn_area button:hover {
  opacity: 0.8;
}


#calendarTable a,
#calendarTable2 a {
	color:#36F;
	text-decoration:none;
}
#calendarTable a:hover,
#calendarTable2 a:hover {
	color:#039;
	text-decoration:underline;
}
/* clearfix */
#calendarTable .clearfix:after,
#calendarTable2 .clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
#calendarTable .clearfix,
#calendarTable2 .clearfix { display:inline-block; }

/*土曜の文字色*/
#calendarTable .youbi_6,
#calendarTable2 .youbi_6 {
	color:#36F!important;
}
/*祝日と日曜の文字色*/
#calendarTable .youbi_0, #calendarTable2 .youbi_0, .shukujitu {
	color:red!important;
}
/*本日の背景色　※ただし設定ファイルでの設定が優先されます*/
#calendarTable .today,
#calendarTable2 .today {
	background:#FF9;	
}
/*休業日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
#calendarTable .holiday,
#calendarTable2 .holiday {
	background:#FDD;	
}
/*定休日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
#calendarTable .closed,
#calendarTable2 .closed {
	background:#FDD;	
}
#calendarTable .hidden,
#calendarTable2 .hidden {
	display:none;	
}
/*休業日テキスト部の左側の四角*/
#calendarTable .holidayCube,
#calendarTable2 .holidayCube {
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*定休日テキスト部の左側の四角*/
#calendarTable .closedCube,
#calendarTable2 .closedCube {
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}

/*---------------------------------
	 ▼index.php Calendar style▼ 
---------------------------------*/
#calendarTable,
#calendarTable2 {
	width:100%;
}
.home #calendarTable2 {
  margin-top: 3em;
}

#calendarTable th,
#calendarTable2 th {
	padding:0.6em 0;
	font-size:16px;
	color:#333;
	background:#f1f1f1;
	font-weight:500 !important;
}
#calendarTable th.calendarHeader,
#calendarTable2 th.calendarHeader {
	text-align: center;
}

#calendarTable2 th.calendarHeader:nth-child(1) {
  border-right: 0;
}
#calendarTable2 th.calendarHeader:nth-child(2) {
  border-left: 0;
  border-right: 0;
}
#calendarTable2 th.calendarHeader:nth-child(3) {
  border-left: 0;
}

#calendarTable td,
#calendarTable2 td {
	padding:0.6em 0;
	text-align:right;
	font-size:16px;
	color:#333;
	width:14%;
	vertical-align:top;
}
body#index p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#index .calendarHeader a{
	color: #023591;
	font-size: 1.1em;
	font-weight: bold;
}
#calendarTable td .scheduleComment,
#calendarTable2 td .scheduleComment {
	text-align:center;
	color:#555;
	font-size:11px;
}

/* if ListStyle */
#calendarList li{
	border-bottom:1px solid #999;
	padding:5px;
}
#calendarList li.first-child{
	border-top:1px solid #999;
}
#calendarList .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
}
table.navNextPrev {
	width:100%;
}
table.navNextPrev .dspPrev{
	text-align:left;	
	padding:10px;
}
table.navNextPrev .dspNext{
	text-align:right;
	padding:10px;
}
h2#headerYm{
	background:#666;
	color:#fff;
	text-align:center;
	padding:5px ;
	font-size:110%;
	font-weight:normal;
}

/* /if ListStyle */


/*---------------------------------
         class Library
---------------------------------*/
/* Margin・padding class */
.m0{margin:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}
.pall5{padding:5px!important}.pall10{padding:10px!important}.pall15{padding:15px!important}
/* /Margin・padding class */

.clear {clear:both;}
.taR {text-align:right!important;}
.taL {text-align:left!important;}
.taC {text-align:center!important}
.big {font-size:170%!important;line-height:130%}
/*Font color*/
.bold {font-weight:bold!important;}
.col1 {	color:#FF6600!important;}
.col2 {	color:#FF9933!important}
.col3 {	color:#FF3300!important;}
.col4 {	color:#D9006C!important;}
.col5 {	color:#669999!important}
.col6 {	color:#0000CC!important}
.col7 {	color:#000099!important}
.col8 {	color:#0066FF!important}
.col9 {	color:#333333!important}
.col10 {color:#666666!important}
.col11 {color:#009900!important}
.col12 {color:#009900!important}
.col13 {color:#996633!important}
.col14 {color:#FF66CC!important}
.col15 {color:#669900!important;}
.col16 {color:#00CC99!important;}
.col17 {color:#fff!important;}
.col18{color:#009966!important}
.col19{color:#F00!important}
.floL {float:left;margin-top:0 !important;}
.floR {float:right;margin-top:0 !important;}
.light {font-weight:normal}
.floL img{margin-right:10px;}
.floR img{margin-left:10px;}
.small{font-size:12px!important}
/*---------------------------------
         /class Library
---------------------------------*/
#calendarTable,
#calendarTable2 {
	/*max-width: 370px;*/
	font-weight: 500 !important;
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
#calendarTable td, #calendarTable th,
#calendarTable2 td, #calendarTable2 th {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	font-weight: 500 !important;
}
#calendarTable th:not(.calendarHeader),#calendarTable td,
#calendarTable2 th:not(.calendarHeader),#calendarTable2 td {
  background-color: #fff;
	text-align: center;
	vertical-align: top !important;
}
.f_copy {
	opacity: 0;
}
#calendarTable tr:nth-of-type(2) .youbi_0,
#calendarTable2 tr:nth-of-type(2) .youbi_0 {
	background-color: #cf4b4b !important;
	color: #fff !important;
}
#calendarTable tr:nth-of-type(2) .youbi_6,
#calendarTable2 tr:nth-of-type(2) .youbi_6 {
	background-color: #1d3f95 !important;
	color: #fff !important;
}


.footer-widget-1 .p01 {
  margin-bottom: 0.5em;
  font-size: 1.53rem;
}

.footer-widget-1 .p02 {
  margin-bottom: 0.8em;
  font-size: 1.4rem;
  font-weight: 700;
}

.boxPagePhotoGallery .boxCsnkModal01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: sflex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxPagePhotoGallery .boxCsnkModal01 .boxImg {
  width: 23.5%;
  margin-right: calc((100% - 23.5% * 4) / 3);
  margin-bottom: 1.5em;
  aspect-ratio: 3 / 4;
}
@media all and (max-width: 750px){
  .boxPagePhotoGallery .boxCsnkModal01 .boxImg {
    margin-bottom: 2vw;
  }
}

.boxPagePhotoGallery .boxCsnkModal01 .boxImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.boxPagePhotoGallery .boxCsnkModal01 .boxImg:nth-child(4n) {
  margin-right: 0;
}