@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;
}


#headerWrap >.inner {
  height: 48px;
  padding: 8px 45px 0 45px;
}
#headerWrap h1 {
  margin-top: 6px;
}
.revBtn {
  height: 48px;
}
.revBtn >ul {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
}

#gnavWrap .insta {
  position: absolute;
  top: 8px;
  right: 45px;
}

#mainWrap {
  text-align: left;
}


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

#topHeaderWrap #CrossFade {
  background: #000;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  height: 100vh;
  overflow: hidden;
  position: relative;
  display: none;
}
#topHeaderWrap #CrossFade li {
  position: absolute;
  min-width: 120%;
  min-height: 100%;
  height: auto;
  background: #000;
  backface-visibility: hidden;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
#topHeaderWrap #CrossFade.on li {
  animation: CrossFade 24s infinite;
}
#topHeaderWrap #CrossFade.on li:nth-child(1) {
  animation-delay: 0s;
  background-image:url(/assets/img/top/bg_slider01.jpg); 
}
#topHeaderWrap #CrossFade.on li:nth-child(2) {
  animation-delay: 6s;
  background-image:url(/assets/img/top/bg_slider02.jpg); 
}
#topHeaderWrap #CrossFade.on li:nth-child(3) {
  animation-delay: 12s;
  background-image:url(/assets/img/top/bg_slider03.jpg); 
}
#topHeaderWrap #CrossFade.on li:nth-child(4) {
  animation-delay: 18s;
  background-image:url(/assets/img/top/bg_slider04.jpg); 
}
@keyframes CrossFade {
  0% {
    z-index: 9;
    opacity: 0;
    }
  30% {
    opacity: 1;
    }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    z-index: 1;
    transform: translateX(-20vw);
  }
}

#topHeaderWrap .topHeader {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc( 100vh - 32px );
  z-index: 1000;
}
#topHeaderWrap .topHeader .logo,
#topHeaderWrap .topHeader .logoline,
#topHeaderWrap .topHeader .open {
  position: absolute;
  margin: auto;
  width: 304px;
  height: 259px;
  top: 0;
  bottom: -16vh;
  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.3rem;
  letter-spacing: 0.15em;
}
.topBrandBar .inner img {
  display: inline-block;
  width: 61px;
  height: auto;
  margin-right: 15px;
  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 70px;
  padding: 54px 0 80px;
  background-color: #92935E;
}
.langHeader .inpageNav {
  margin: 0 auto 90px;
}
.langHeader .inpageNav ul {
  display: flex;
  justify-content: center;
  margin: auto;
}
.langHeader .inpageNav ul li {
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  margin: 0 15px;
}
.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: 50px;
}
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 {
  display: flex;
  align-items: center;
  width: 940px;
  margin: auto;
}
#concept .conceptInner .text {
  text-align: left;
  padding-left: 34px;
}
#concept .conceptInner .photo {
  width: 440px;
  flex-shrink: 0;
}


/* LOCATION */
#location {
  margin: 0 auto 70px;
}
#location .locationInner {
  display: flex;
  align-items: center;
  width: 940px;
  margin: auto;
}
#location .locationInner .text {
  text-align: left;
  padding-left: 34px;
}
#location .locationInner .photo {
  width: 440px;
  flex-shrink: 0;
}


/* ROOM */
#room {
  margin: 0 auto 70px;
  padding: 50px 0 20px;
  background-color: #F6F4EC;
}
.room-contents {
  width: 940px;
  margin: auto;
}
.room-contents ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.room-contents ul li {
  width: 280px;
  margin-bottom: 30px;
}
.room-contents ul li h3 {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 2rem;
  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;
}


/* BATH */
#bath {
  margin: 0 auto 70px;
}
.bath-contents {
  width: 900px;
  margin: auto;
}
.bath-contents ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bath-contents ul li {
  width: 430px;
}
.bath-contents ul li h3 {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 2rem;
  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;
}


/* RESTAURANT */
#restaurant {
  margin: 0 auto 70px;
  padding: 50px 0;
  background-color: #F6F4EC;
}
.rest-contents {
  width: 900px;
  margin: auto;
  text-align: center;
}
.rest-contents .photo {
  width: 880px;
  margin: 0 auto 30px;
}
.rest-contents .photo ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.rest-contents .photo ul li {
  width: 430px;
}
.rest-contents .text {
  margin: 0 auto 30px;
}
.rest-contents .logo {
  margin-bottom: 30px;
}
.rest-contents .logo img {
  width: 280px;
}
.rest-contents .copy {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
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 {
  margin-bottom: 30px;
}
#restaurant .btn {
  display: block;
  width: max-content;
  margin: auto;
}
#restaurant .btn a {
  font-size: 1.8rem;
  color: #FFF;
  background-color: #B26B4E;
  padding: 20px 50px;
}
#restaurant .btn a:hover {
	background-color: #BC283A;
}


/* EXPERIENCE */
#experience {
  margin: 0 auto 70px;
}
.ex-header {
  display: flex;
  align-items: center;
  width: 940px;
  margin: 0 auto 60px;
}
.ex-header .text {
  text-align: left;
  padding-left: 34px;
}
.ex-header .photo {
  width: 440px;
  flex-shrink: 0;
}

.ex-contents {
  width: 940px;
  margin: 0 auto 60px;
}
.ex-contents ul {
  display: flex;
  justify-content: space-between;
}
.ex-contents ul li {
  position: relative;
  width: 280px;
}
.ex-contents ul li h3 {
  font-family: 'Renner*';
  font-weight: 500;
  font-size: 2rem;
  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::after {
  content: '';
  display: block;
  background-image: url(../img/lang/ex_icon.png);
  background-size: cover;
  width: 66px;
  height: 66px;
  position: absolute;
  top: -24px;
  left: -24px;
  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 {
  font-family: Renner;
  font-size: 2.1rem;
  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: relative;
  text-align: center;
  width: auto;
  height: auto;
}
#access > h2::after {
  content: none;
}

#access .accessInfo {
  margin: 0 auto 50px;
  width: 900px;
  position: relative;
}
#access .accessInfo .accessInfoInner {
  position: relative;
  margin: auto;
  padding: 12vw 0 60px 50%;
  width: 900px;
  text-align: left;
}
#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: 219px;
}
#access .accessInfo dd.freebus ul li:last-child {
  flex-shrink: 0;
  width: 205px;
}
#access .accessInfo dd.freebus ul li figure {
  margin: 0 0 0.5em;
}

#access .copy {
  font-family: Renner;
  font-size: 2.1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
}
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;
}