@charset "UTF-8";
@import url("global.css");
/* ------------------------------
 Index
------------------------------ */
.taglist {
  background-color: #f3f3f3;
  padding: 8px 25px 8px 30px;
  transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.taglist.open .taginner {
  height: auto;
}
.taglist.open .button::after {
  transform: none;
}
.taglist .taginner {
  display: flex;
  width: 100%;
  height: 50px;
  overflow: hidden;
}
.taglist .h {
  margin-right: 20px;
  line-height: 50px;
  flex-shrink: 0;
  font-size: 17px;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #C5A05A;
}
.taglist ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: 25px;
}
.taglist ul li {
  margin: 5px 10px 5px 0;
  vertical-align: bottom;
}
.taglist ul li a {
  display: block;
  border: #8f8f8f 1px solid;
  border-radius: 1px;
  padding: 0 13px;
  line-height: 36px;
  height: 38px;
  font-size: 13px;
  background-color: #fff;
}
.taglist ul li a::before {
  content: "#";
  display: inline-block;
  margin-right: 2px;
}
.taglist .button {
  width: 20px;
  height: 52px;
  position: relative;
  margin: 0 0 0 auto;
  cursor: pointer;
  flex-shrink: 0;
}
.taglist .button::before, .taglist .button::after {
  content: "";
  background-color: #575757;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 25px;
  left: 2px;
}
.taglist .button::after {
  transform: rotate(90deg);
  transition: all 0.3s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.workslist {
  margin: 0 -22px;
  display: flex;
  flex-wrap: wrap;
}
.workslist li {
  flex-basis: 33.3333333333%;
  box-sizing: border-box;
  padding: 0 22px;
  margin-top: 65px;
}
.workslist li.new a::before {
  content: "New";
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 19px;
  font-style: italic;
  letter-spacing: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.2);
}
.workslist li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.workslist li a:hover .image > img {
  transform: scale(1.06);
}
.workslist li a:hover .image::before {
  opacity: 1;
}
.workslist li a .image {
  position: relative;
  margin-bottom: 20px;
  height: 0;
  padding-top: 142%;
  border-radius: 4px;
  overflow: hidden;
}
.workslist li a .image > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.workslist li a .image::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 45, 45, 0.2);
  transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}
.workslist li a .image .brand {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 6px 10px 0;
  z-index: 2;
  border-top-left-radius: 3px;
}
.workslist li a .image .brand span {
  display: block;
  width: 110px;
  height: 20px;
  text-align: center;
  align-content: center;
  line-height: 0;
}
.workslist li a .title {
  padding: 0 12px;
  margin-bottom: 12px;
  font-family: 'Zen Old Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  line-height: 1.4;
}
.workslist li a .data {
  margin-top: auto;
  padding: 0 12px;
  line-height: 1.5;
  min-height: 2.8em;
}
.workslist li a .data dt {
  width: 38px;
  float: left;
  clear: both;
  color: #C5A05A;
  position: relative;
  font-size: 15px;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.workslist li a .data dt::after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
}
.workslist li a .data dd {
  font-size: 13px;
  margin: 3px 0 0 42px;
}
.workslist li a .data dd span {
  display: inline-block;
  margin-right: 10px;
}
.workslist li a .data dd span::before {
  content: "#";
  display: inline-block;
  margin-right: 2px;
}

.cattitle {
  text-align: center;
  font-size: 20px;
  margin: 60px 0 0;
  letter-spacing: .1em;
}
.cattitle::before, .cattitle::after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #8f8f8f;
  display: inline-block;
  vertical-align: 9px;
  margin: 0 20px;
}
.cattitle span {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.4em;
  font-family: 'Zen Old Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}

/* ------------------------------
 Post-Page
------------------------------ */
.post-page #bodyarea {
  overflow: hidden;
}
.post-page .wrapper {
  max-width: 1400px;
}
.post-page .post_title {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.post-page .post_title .h {
  font-family: 'Zen Old Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.5;
  margin-right: 25px;
  flex-shrink: 0;
  margin-bottom: 10px;
}
.post-page .post_title div:not([class]) {
  flex-grow: 1;
  background-color: #e7e7e7;
  height: 1px;
  margin-top: 22px;
}
.post-page .post_title .cat {
  padding-left: 15px;
  display: flex;
  flex-shrink: 0;
}
.post-page .post_title .cat li {
  margin: 0 0 10px 10px;
}
.post-page .post_title .cat li a {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
  height: 38px;
  line-height: 36px;
  padding: 0 12px;
  border: #8f8f8f 1px solid;
}
.post-page .post_title .cat li a::before {
  content: "#";
  display: inline-block;
  margin-right: 3px;
}
.post-page .housedata {
  display: flex;
  gap: 40px;
  padding-top: 20px;
}
.post-page .housedata .brand {
  margin-top: 10px;
  width: 140px;
  height: 26px;
  line-height: 1;
}
.post-page .housedata .brand a {
  display: block;
}
.post-page .area {
  margin-top: 10px;
}
.post-page .area span {
  display: inline-block;
  color: #C5A05A;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post-page .area span::after {
  content: ":";
  display: inline-block;
  margin: 0 5px;
}
.post-page .mainarea {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 60px calc( ((100vw - 1400px) / 2) * -1 ) 60px 0;
}
.post-page .photoslide {
  text-align: center;
  width: 50vw;
  flex-shrink: 0;
}
.post-page .photoslide .fotorama__stage {
  margin-bottom: 0;
}
.post-page .photoslide .fotorama__caption__wrap {
  display: block;
  text-align: center;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.7);
  font-family: "Zen Kaku Gothic Antique", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  font-size: 13px;
}
.post-page .photoslide .fotorama__thumb-border {
  border-color: rgba(87, 87, 87, 0.8);
}
.post-page .dataarea {
  padding-right: 80px;
}
.post-page .dataarea .text {
  font-size: 15px;
}
.post-page .dataarea .text p + p {
  margin-top: 20px;
}
.post-page .dataarea .data {
  margin-top: 25px;
}
.post-page .dataarea .data .title {
  color: #C5A05A;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post-page .dataarea .data .inner {
  display: flex;
  flex-wrap: wrap;
}
.post-page .dataarea .data dl {
  width: 50%;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.post-page .dataarea .data dl dt {
  background-color: #8f8f8f;
  color: #fff;
  width: 96px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  margin-right: 15px;
  flex-shrink: 0;
}
.post-page .dataarea .data dl dd {
  font-size: 15px;
}
.post-page .dataarea .roomtour {
  margin-top: 60px;
  padding-right: 30px;
}
.post-page .dataarea .roomtour .title {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.post-page .dataarea .roomtour .title::before {
  content: "";
  height: 1px;
  display: block;
  background-color: #e7e7e7;
  flex-grow: 1;
  margin-right: 20px;
}
.post-page .dataarea .roomtour .title span {
  display: block;
}
.post-page .dataarea .roomtour .title .en {
  font-size: 24px;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-right: 15px;
}
.post-page .dataarea .roomtour .title .jp {
  font-size: 12px;
}
.post-page .dataarea .roomtour .movie {
  margin-inline: 1% 2%;
}
.post-page .dataarea .roomtour .movie .inner {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.post-page .dataarea .roomtour .movie .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post-page .interview {
  max-width: 900px;
  margin: 0 auto;
}
.post-page .interview a {
  display: flex;
  flex-direction: row-reverse;
  background-color: #EEEBE5;
  padding: 35px 45px;
}
.post-page .interview .photo {
  width: 37%;
  aspect-ratio: 3 / 2;
  margin-left: 40px;
  flex-shrink: 0;
}
.post-page .interview .main {
  flex-grow: 1;
  padding-top: 5px;
}
.post-page .interview .main .title {
  border-bottom: rgba(143, 143, 143, 0.2) 1px solid;
  padding-bottom: 5px;
  margin-bottom: 35px;
}
.post-page .interview .main .title span {
  display: inline-block;
}
.post-page .interview .main .title .en {
  font-size: 24px;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-right: 15px;
}
.post-page .interview .main .title .jp {
  font-size: 12px;
}
.post-page .interview .main .comment {
  padding: 5px 20px;
  text-align: center;
  margin: 0 10px 25px;
  position: relative;
}
.post-page .interview .main .comment::before, .post-page .interview .main .comment::after {
  content: "";
  width: 14px;
  height: 11px;
  position: absolute;
}
.post-page .interview .main .comment::before {
  left: 0;
  top: 0;
  background: url("../images/voicel.png") no-repeat center center;
  background-size: contain;
}
.post-page .interview .main .comment::after {
  right: 0;
  bottom: 0;
  background: url("../images/voicer.png") no-repeat center center;
  background-size: contain;
}
.post-page .interview .main .comment p {
  display: inline-block;
  text-align: left;
  font-size: 17px;
  font-family: 'Zen Old Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}
.post-page .interview .main .arrow {
  text-align: right;
  margin: auto 5px 0 0;
  font-size: 12px;
}
.post-page .interview .main .arrow span {
  display: inline-block;
  margin-left: 10px;
  width: 23px;
  position: relative;
  height: 1px;
  background-color: #2d2d2d;
}
.post-page .interview .main .arrow span::before {
  content: "";
  width: 8px;
  position: absolute;
  right: 0;
  top: 0;
  height: 1px;
  background-color: #2d2d2d;
  transform: rotate(35deg);
  transform-origin: right center;
}
.post-page .pagelink {
  margin-top: 130px;
  border-top: #ccc 1px solid;
  padding-top: 60px;
}
.post-page .pagelink .flex {
  display: flex;
  justify-content: space-between;
}
.post-page .pagelink .title {
  font-size: 17px;
  line-height: 1.5;
  font-family: 'Zen Old Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}
.post-page .pagelink .title .en {
  display: block;
  font-size: 2em;
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post-page .pagelink ul {
  display: flex;
  margin-bottom: 60px;
}
.post-page .pagelink ul li {
  width: 280px;
  margin-left: 48px;
}
.post-page .pagelink ul li a {
  position: relative;
  display: block;
}
.post-page .pagelink ul li a:hover .image img {
  transform: scale(1.06);
}
.post-page .pagelink ul li a .image {
  position: relative;
  margin-bottom: 12px;
  height: 0;
  padding-top: 142%;
  border-radius: 4px;
  overflow: hidden;
}
.post-page .pagelink ul li a .image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  -webkit-transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.post-page .pagelink ul li a .text {
  font-size: 14px;
  line-height: 1.6;
}
.post-page .pagelink ul li a .page {
  font-family: "EB Garamond", "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-style: italic;
  letter-spacing: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.2);
}
.post-page .pagelink .backbutton {
  width: 210px;
  margin: 0 0 0 auto;
}
.post-page .pagelink .backbutton a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: #2d2d2d 1px solid;
  font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weigth: 500;
  padding: 0 10px 15px 0;
  position: relative;
  color: #2d2d2d;
}
.post-page .pagelink .backbutton a::after {
  content: "\f054";
  font-family: 'Font Awesome 6 free','Font Awesome 6 Brands';
  font-weight: 900;
  opacity: .7;
  padding-top: 2px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint (1500px)

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1500px) {
  /* ------------------------------
   Post-Page
  ------------------------------ */
  .post-page .wrapper {
    padding: 0 50px;
  }
  .post-page .post_title .h {
    font-size: min(28px,2.3vw);
  }
  .post-page .mainarea {
    margin: 60px -50px 60px 0;
  }
  .post-page .dataarea {
    padding-right: 50px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1300px)

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1300px) {
  /* ------------------------------
   Index
  ------------------------------ */
  .workslist {
    margin: 0 -1.7vw;
  }
  .workslist li {
    padding: 0 1.7vw;
  }
  .workslist li.new a::before {
    top: 1.5vw;
    left: 1.5vw;
  }
  .workslist li a .data dd {
    letter-spacing: 0;
  }

  /* ------------------------------
   Post-Page
  ------------------------------ */
  .post-page .dataarea {
    padding-right: 5vw;
  }
  .post-page .dataarea .data .inner {
    display: block;
  }
  .post-page .dataarea .data dl {
    width: auto;
    margin-top: 10px;
  }
  .post-page .dataarea .data dl dt {
    width: 110px;
    font-size: 14px;
  }
  .post-page .dataarea .roomtour {
    padding-right: 0;
  }
  .post-page .pagelink {
    margin-top: 100px;
  }
  .post-page .pagelink ul li {
    width: 260px;
    margin-left: 3vw;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  /* ------------------------------
   Index
  ------------------------------ */
  .taglist .h {
    margin-right: 15px;
  }
  .taglist ul {
    margin-right: 20px;
  }

  .workslist {
    margin: 0 -2.5vw;
  }
  .workslist li {
    flex-basis: 50%;
    padding: 0 2.5vw;
    margin-top: 60px;
  }
  .workslist li a:hover .image figure > img {
    filter: none;
  }
  .workslist li a .image::before, .workslist li a .image::after {
    display: none;
  }

  .cattitle {
    font-size: 18px;
  }

  /* ------------------------------
   Post-Page
  ------------------------------ */
  .post-page .wrapper {
    padding: 0 6vw;
  }
  .post-page .post_title {
    display: block;
  }
  .post-page .post_title .h {
    font-size: min(26px,3vw);
    margin: 0 0 20px 0;
  }
  .post-page .post_title div:not([class]) {
    display: none;
  }
  .post-page .post_title .cat {
    padding: 0;
    justify-content: flex-end;
    margin-bottom: -30px;
  }
  .post-page .post_title .cat li {
    margin: 0 0 0 10px;
  }
  .post-page .housedata {
    gap: 4vw;
    padding-top: 0;
    margin-top: -33px;
  }
  .post-page .housedata .brand {
    margin-top: 0;
  }
  .post-page .area {
    margin: 0;
  }
  .post-page .mainarea {
    display: block;
    margin: 60px -6vw 60px;
  }
  .post-page .photoslide {
    width: auto;
    margin-bottom: 40px;
  }
  .post-page .photoslide .fotorama__caption__wrap {
    font-size: 12px;
  }
  .post-page .dataarea {
    padding: 0 6vw;
  }
  .post-page .dataarea .data .title {
    font-size: 16px;
  }
  .post-page .dataarea .data .inner {
    display: flex;
  }
  .post-page .dataarea .data dl {
    width: 50%;
  }
  .post-page .dataarea .roomtour {
    margin-top: 50px;
  }
  .post-page .dataarea .roomtour .movie {
    margin-inline: 3%;
  }
  .post-page .interview a {
    padding: 35px 35px;
  }
  .post-page .interview .photo {
    margin-left: 30px;
  }
  .post-page .interview .main .comment {
    margin: 0 0 25px;
  }
  .post-page .pagelink {
    margin-top: 80px;
    padding-top: 50px;
  }
  .post-page .pagelink .flex {
    display: block;
  }
  .post-page .pagelink .title {
    font-size: 16px;
  }
  .post-page .pagelink .title .en {
    display: inline-block;
    margin: 0 20px 30px 0;
  }
  .post-page .pagelink ul {
    justify-content: flex-end;
    margin-bottom: 40px;
  }
  .post-page .pagelink ul li {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 3vw;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  /* ------------------------------
   Index
  ------------------------------ */
  .taglist {
    padding: 8px 4vw 8px 5vw;
  }
  .taglist .taginner {
    height: 42px;
  }
  .taglist .h {
    margin-right: 10px;
    line-height: 40px;
    font-size: 16px;
  }
  .taglist ul {
    margin-right: 10px;
  }
  .taglist ul li {
    margin: 4px 8px 4px 0;
  }
  .taglist ul li a {
    padding: 0 10px;
    line-height: 30px;
    height: 32px;
    font-size: 11px;
  }
  .taglist .button {
    height: 42px;
  }
  .taglist .button::before, .taglist .button::after {
    width: 14px;
    top: 20px;
    left: 3px;
  }

  .workslist {
    margin: 0 -2vw;
  }
  .workslist li {
    padding: 0 2vw;
    margin-top: 40px;
  }
  .workslist li.new a::before {
    font-size: 18px;
    width: 50px;
    height: 50px;
  }
  .workslist li a .image {
    margin-bottom: 10px;
  }
  .workslist li a .image .brand {
    padding: 6px 10px 0;
  }
  .workslist li a .image .brand span {
    width: 80px;
    height: 16px;
  }
  .workslist li a .title {
    padding: 0 1vw;
    letter-spacing: 0;
    margin-bottom: 8px;
    line-height: 1.4;
  }
  .workslist li a .data {
    padding: 0 1vw;
  }
  .workslist li a .data dt {
    width: 35px;
    font-size: 14px;
  }
  .workslist li a .data dd {
    font-size: 11px;
    letter-spacing: 0;
    margin: 3px 0 0 38px;
  }
  .workslist li a .data dd span {
    margin-right: 6px;
  }

  .cattitle {
    font-size: 14px;
    margin: 40px -5vw 0;
  }
  .cattitle::before, .cattitle::after {
    width: 30px;
    vertical-align: 6px;
    margin: 0 12px;
  }
  .cattitle span {
    letter-spacing: 0;
  }

  /* ------------------------------
   Post-Page
  ------------------------------ */
  .post-page .wrapper {
    padding: 0 5vw;
  }
  .post-page .post_title .h {
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px 0;
  }
  .post-page .post_title .cat {
    padding: 0;
    justify-content: center;
    margin-bottom: 10px;
  }
  .post-page .post_title .cat li {
    margin: 0 4px 8px;
  }
  .post-page .post_title .cat li a {
    font-size: 11px;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
  }
  .post-page .housedata {
    justify-content: center;
    gap: 20px;
    padding-top: 0;
    margin-top: 20px;
  }
  .post-page .housedata .brand {
    width: 110px;
    height: 20px;
  }
  .post-page .area {
    text-align: center;
    margin: 0;
  }
  .post-page .mainarea {
    margin: 30px -5vw 40px;
  }
  .post-page .photoslide {
    margin-bottom: 30px;
  }
  .post-page .photoslide .fotorama__caption__wrap {
    padding: 8px 15px;
    font-size: 11px;
  }
  .post-page .dataarea {
    padding: 0 5vw;
  }
  .post-page .dataarea .text {
    font-size: 13px;
  }
  .post-page .dataarea .text p + p {
    margin-top: 1em;
  }
  .post-page .dataarea .data {
    margin-top: 20px;
  }
  .post-page .dataarea .data .title {
    text-align: center;
  }
  .post-page .dataarea .data .inner {
    display: block;
  }
  .post-page .dataarea .data dl {
    width: 250px;
    margin: 8px auto 0;
    display: flex;
    align-items: center;
  }
  .post-page .dataarea .data dl dt {
    width: 90px;
    font-size: 13px;
    line-height: 28px;
    margin-right: 10px;
  }
  .post-page .dataarea .data dl dd {
    font-size: inherit;
  }
  .post-page .dataarea .roomtour {
    margin-top: 40px;
  }
  .post-page .dataarea .roomtour .title {
    margin-bottom: 15px;
  }
  .post-page .dataarea .roomtour .title::before {
    margin-right: 15px;
  }
  .post-page .dataarea .roomtour .title .en {
    font-size: 21px;
    margin-right: 10px;
  }
  .post-page .dataarea .roomtour .movie {
    margin-inline: 0;
  }
  .post-page .interview a {
    display: block;
    padding: 35px 35px 30px;
  }
  .post-page .interview .photo {
    width: auto;
    margin: 0 auto 20px;
  }
  .post-page .interview .main {
    padding-top: 0;
  }
  .post-page .interview .main .title {
    padding-bottom: 5px;
    margin-bottom: 20px;
    text-align: center;
  }
  .post-page .interview .main .title .en {
    font-size: 21px;
    margin-right: 5px;
  }
  .post-page .interview .main .comment {
    margin: 0 0 20px;
  }
  .post-page .interview .main .comment p {
    font-size: 16px;
  }
  .post-page .pagelink {
    margin-top: 60px;
    padding-top: 40px;
  }
  .post-page .pagelink .flex {
    display: block;
  }
  .post-page .pagelink .title {
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 30px;
  }
  .post-page .pagelink .title .en {
    display: block;
    margin: 0;
  }
  .post-page .pagelink ul {
    margin-bottom: 30px;
  }
  .post-page .pagelink ul li {
    padding: 0 2.5vw;
  }
  .post-page .pagelink ul li a .image {
    margin-bottom: 10px;
  }
  .post-page .pagelink ul li a .text {
    font-size: 13px;
    line-height: 1.5;
  }
  .post-page .pagelink ul li a .page {
    top: 2vw;
    left: 2vw;
    font-size: 16px;
  }
  .post-page .pagelink .backbutton {
    width: 180px;
    margin: 0 auto;
  }
}

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