@charset "utf-8";
/*ディライト株式会社*/
.dm{}

body {
  font-family: san-serif;
}
body.page-template-page-lang-chs {
  font-family: 'Noto Sans SC', sans-serif;
}
body.page-template-page-lang-cht {
  font-family: 'Noto Sans TC', sans-serif;
}

#mainWrap {
  text-align: left;
}
#pageMain {
  padding: 0;
}

/* トップイメージ */
#topHeaderWrap {
  position: relative;
  width: 100%;
  height: 92vh;
  margin: auto;
  overflow: inherit;
}

#topHeaderWrap .topHeader {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc( 92vh - 32px );
  z-index: 1000;
}
#topHeaderWrap .topHeader .logo,
#topHeaderWrap .topHeader .logoline,
#topHeaderWrap .topHeader .open {
  position: absolute;
  margin: auto;
  width: 70vw;
  height: auto;
  top: 35%;
  left: 0;
  right: 0;
  opacity: 0;
  filter: blur(10px);
  animation: blur 3s forwards;
}
#topHeaderWrap .topHeader .logo {
  animation-delay: .5s;
}
#topHeaderWrap .topHeader .open {
  animation-delay: 1s;
}
@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.topBrandBar {
  background-color: #efebe4;
  height: 32px;
  padding: 0 5px;
}
.topBrandBar .inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 32px;
  font-family: sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.15em;
}
.topBrandBar .inner img {
  display: inline-block;
  width: 61px;
  height: auto;
  margin-right: 8px;
  filter: invert(48%) sepia(28%) saturate(223%) hue-rotate(99deg) brightness(93%) contrast(89%);
}
.topBrandBar .inner a {
  text-decoration: none;
  color: #555;
}


/* LANG */
.langHeader {
  color: #FFF;
  margin: 0 auto 50px;
  padding: 54px 0 50px;
  background-color: #92935E;
}
.langHeader .inpageNav {
  margin: 0 auto 50px;
}
.langHeader .inpageNav ul {
  width: 92%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
}
.langHeader .inpageNav ul li {
  position: relative;
  display: flex;
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  margin: 0 15px 24px;
}
.langHeader .inpageNav ul li::after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  bottom: -8px;
  left: 0;
  right: 0;
  border: 4px solid transparent;
  border-top: 5px solid #FFF;
  margin: auto;
}
.langHeader .inpageNav ul li a {
  font-family: Renner;
  color: #FFF;
  text-decoration: none;
}
body[class*=chs] .langHeader .inpageNav ul li a {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] .langHeader .inpageNav ul li a {
  font-family: 'Noto Sans TC', sans-serif;
}

section > h2 {
  font-size: 2.7rem;
  font-family: 'Renner*';
  font-weight: 500;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
  margin-bottom: 30px;
}
body[class*=chs] section > h2 {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] section > h2 {
  font-family: 'Noto Sans TC', sans-serif;
}


/* CONCEPT */
#concept .conceptInner {
  margin: auto;
}
#concept .conceptInner .text {
  width: 92%;
  margin: auto;
}
#concept .conceptInner .photo {
  margin-bottom: 30px;
}


/* LOCATION */
#location {
  margin: 0 auto 50px;
}
#location .locationInner {
  margin: auto;
}
#location .locationInner .text {
  width: 92%;
  margin: auto;
}
#location .locationInner .photo {
  margin-bottom: 30px;
}


/* ROOM */
#room {
  margin: 0 auto 50px;
  padding: 50px 0 20px;
  background-color: #F6F4EC;
}
.room-contents {
  width: 92%;
  margin: auto;
}
.room-contents ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.room-contents ul li {
  width: 48%;
  margin-bottom: 30px;
}
.room-contents ul li h3 {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
}
body[class*=chs] .room-contents ul li h3 {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] .room-contents ul li h3 {
  font-family: 'Noto Sans TC', sans-serif;
}
.room-contents ul li p {
  font-size: 1.3rem;
}


/* BATH */
#bath {
  margin: 0 auto 50px;
}
.bath-contents {
  margin: auto;
}
.bath-contents ul {
  width: 92%;
  margin: auto;
}
.bath-contents ul li:first-child {
  margin-bottom: 30px;
}
.bath-contents ul li h3 {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
body[class*=chs] .bath-contents ul li h3 {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] .bath-contents ul li h3 {
  font-family: 'Noto Sans TC', sans-serif;
}
.bath-contents ul li p {
  font-size: 1.3rem;
}


/* RESTAURANT */
#restaurant {
  margin: 0 auto 50px;
  padding: 50px 0;
  background-color: #F6F4EC;
}
.rest-contents {
  width: 92%;
  margin: auto;
  text-align: center;
}
.rest-contents .photo {
  margin: 0 auto 30px;
}
.rest-contents .photo ul {
  display: flex;
  justify-content: space-between;
}
.rest-contents .text {
  margin: 0 auto 30px;
}
.rest-contents .logo {
  margin-bottom: 30px;
}
.rest-contents .logo img {
  width: 200px;
}
.rest-contents .copy {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
body[class*=chs] .rest-contents .copy {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] .rest-contents .copy {
  font-family: 'Noto Sans TC', sans-serif;
}
.rest-contents .read {
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.rest-contents .note {
  font-size: 1.3rem;
}
#restaurant .btn {
  display: block;
  width: max-content;
  margin: auto;
}
#restaurant .btn a {
  font-size: 1.8rem;
  color: #FFF;
  background-color: #B26B4E;
  padding: 15px 30px;
}
#restaurant .btn a:hover {
	background-color: #BC283A;
}


/* EXPERIENCE */
#experience {
  margin: 0 auto 50px;
}
.ex-header {
  margin: 0 auto 30px;
}
.ex-header .text {
  width: 92%;
  margin: auto;
}
.ex-header .photo {
  margin-bottom: 30px;
}

.ex-contents {
  width: 92%;
  margin: 0 auto 30px;
}
.ex-contents ul li {
  position: relative;
}
.ex-contents ul li + li {
  margin-top: 30px;
}
.ex-contents ul li h3 {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
body[class*=chs] .ex-contents ul li h3 {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] .ex-contents ul li h3 {
  font-family: 'Noto Sans TC', sans-serif;
}
.ex-contents ul li p {
  font-size: 1.3rem;
}
.ex-contents ul li::after {
  content: '';
  display: block;
  background-image: url(../img/lang/ex_icon.png);
  background-size: cover;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 5;
}
body[class*=chs] .ex-contents ul li::after,
body[class*=cht] .ex-contents ul li::after {
  background-image: url(../img/lang/ex_icon_cn.png);
}

.ex-closing {
  width: 92%;
  margin: auto;
  font-family: Renner;
  font-size: 1.8rem;
  text-align: center;
}
body[class*=chs] .ex-closing {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] .ex-closing {
  font-family: 'Noto Sans TC', sans-serif;
}


/* ACCESS */
#access {
  position: relative;
}
#access > h2 {
  position: absolute;
  text-align: center;
  width: auto;
  height: auto;
  top: 30px;;
  left: 0;
  right: 0;
  margin: auto;
}
#access > h2::after {
  content: none;
}

#access .accessInfo {
  padding: 50vw 0 30px;
  background-color: #f6f4ed;
  background-image: url(/assets/img/top/access_bg.png);
  background-repeat: no-repeat;
  background-position: -66.4vw top;
  background-size: 174vw;
}
#access .accessInfo .accessInfoInner {
  text-align: left;
  margin: auto;
  width: 90%;
}
#access .accessInfo dl {
  margin-bottom: 30px;
}
#access .accessInfo dt {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 1.8rem;
}
body[class*=chs] #access .accessInfo dt {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] #access .accessInfo dt {
  font-family: 'Noto Sans TC', sans-serif;
}
#access .accessInfo dd {
  font-size: 1.5rem;
}
#access .accessInfo dd.train,
#access .accessInfo dd.car {
  margin-bottom: 20px;
}
#access .accessInfo dt.freebus {
  text-align: center;
  color: #FFF;
  background-color: #B88C52;
  margin-bottom: 8px;
}
#access .accessInfo dd.freebus ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#access .accessInfo dd.freebus ul li:first-child {
  flex-shrink: 0;
  width: 50.1%;
}
#access .accessInfo dd.freebus ul li:last-child {
  flex-shrink: 0;
  width: 47%;
}
#access .accessInfo dd.freebus ul li h3 {
  font-size: 1.2rem;
}
#access .accessInfo dd.freebus ul li figure {
  margin: 0 0 0.5em;
}
#access .accessInfo dd.freebus ul li p {
  font-size: 1.2rem;
}

#access .copy {
  font-family: Renner;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
  margin: auto;
  width: 90%;
}
body[class*=chs] #access .copy {
  font-family: 'Noto Sans SC', sans-serif;
}
body[class*=cht] #access .copy {
  font-family: 'Noto Sans TC', sans-serif;
}

#access .gMap iframe {
  width: 100%;
  height: 360px;
  margin: 0;
  padding: 0;
  line-height: 1;
  vertical-align: bottom;
}


/* FOOTER */
#footer .footerInner {
  padding: 30px 0 58px;
}