@charset "UTF-8";
/*ブレークポイント*/
/*色*/
.pf-c:has(#dh_lp_wrapper) {
  padding: 0 !important;
}
#dh_lp_wrapper {
  color: #555;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  line-height: 2em;
  /*----------------
  タイトル
  ------------------*/
  /*----------------
  コンテンツ
  ------------------*/
}
#dh_lp_wrapper img {
  max-width: 100%;
}
#dh_lp_wrapper a {
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 1px;
}
#dh_lp_wrapper a:hover {
  border-bottom: none;
}
#dh_lp_wrapper .note {
  font-size: 1.2rem;
}
#dh_lp_wrapper .ttl {
  background: #77042c;
  /*background-image: radial-gradient(
  	circle at 50% 24%,
  	rgba(248, 251, 255, 1),
  	rgba(169, 195, 235, 0.35)
  );*/
  color: #fff;
  text-align: center;
}
#dh_lp_wrapper .ttl .main_img {
  padding-bottom: 7vw;
}
#dh_lp_wrapper .ttl h1 {
  font-size: 4.5rem;
  letter-spacing: 0.5em;
  line-height: 1.6em;
  padding-bottom: 3vw;
  color: #fff;
  font-weight: 900;
  font-family: "Cormorant Garamond", "Noto Serif Japanese", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#dh_lp_wrapper .ttl h1 .sub {
  font-weight: 300;
  font-weight: normal;
  letter-spacing: 0.3em;
  line-height: 1.4em;
  padding-bottom: 1em;
  font-size: 0.55em;
}
#dh_lp_wrapper .ttl h1 .date {
  padding-top: 0.5em;
  font-size: 0.5em;
  letter-spacing: 0.3em;
  font-weight: 600;
}
#dh_lp_wrapper .ttl .catch {
  font-size: 1.8rem;
  padding-bottom: 8vw;
  line-height: 2.2em;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .ttl .main_img {
    padding-bottom: 10vw;
    width: 100%;
  }
  #dh_lp_wrapper .ttl h1 {
    font-size: 3.3rem;
    letter-spacing: 0.4em;
    line-height: 1.4em;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 7vw;
  }
  #dh_lp_wrapper .ttl h1 .date {
    padding-top: 1em;
  }
  #dh_lp_wrapper .ttl .catch {
    font-size: 1.4rem;
    text-align: left;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 10vw;
    text-align: justify;
    text-justify: inter-ideograph;
    line-break: strict;
    word-break: break-word;
    word-wrap: break-word;
  }
}
#dh_lp_wrapper .contents {
  /*display: grid;
  gap: 10%;grid-template-rows: 50% 1fr;
  grid-template-columns: repeat(2, 1fr);*/
  padding-top: 5vw;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents {
    padding-top: 13vw;
  }
}
#dh_lp_wrapper .contents .contents_inner {
  column-count: 2;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .contents_inner {
    column-count: 1;
  }
}
#dh_lp_wrapper .contents .unit {
  margin: 0 16.6666666667% 10vw;
  display: inline-block; /* 必須（表示がずれないように） */
  vertical-align: top; /* アイテムを垂直方向上端に配置 */
  /*左カラムの一番上*/
  /*右カラムの一番上*/
  /*左カラム*/
  /*右カラム*/
}
#dh_lp_wrapper .contents .unit.large {
  margin-left: 0;
  margin-right: 0;
}
#dh_lp_wrapper .contents .unit.small {
  padding: 0 5rem;
  min-width: 250px;
}
@media screen and (max-width: 1025px) {
  #dh_lp_wrapper .contents .unit.small {
    padding: 0;
  }
}
#dh_lp_wrapper .contents .unit.small_r {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .unit:nth-of-type(1) {
    padding-top: 0;
  }
}
#dh_lp_wrapper .contents .unit:nth-of-type(5) {
  padding-top: 350px;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .unit:nth-of-type(5) {
    padding-top: 0;
  }
}
#dh_lp_wrapper .contents .unit:nth-of-type(1) .txt {
  padding-left: 5vw;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .unit:nth-of-type(1) .txt {
    padding-right: 5vw;
  }
}
#dh_lp_wrapper .contents .unit:nth-of-type(6) .txt {
  padding-right: 5vw;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .unit:nth-of-type(6) .txt {
    padding-left: 5vw;
  }
}
#dh_lp_wrapper .contents .unit .photo .on {
  display: none;
}
#dh_lp_wrapper .contents .unit .spec {
  display: none;
}
#dh_lp_wrapper .contents .unit .txt {
  padding-top: 1em;
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict;
  word-break: break-word;
  word-wrap: break-word;
}
#dh_lp_wrapper .contents .unit:hover .photo {
  position: relative;
}
#dh_lp_wrapper .contents .unit:hover .photo .on {
  display: block;
}
#dh_lp_wrapper .contents .unit:hover .photo .off {
  display: none;
}
#dh_lp_wrapper .contents .unit:hover .spec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /*padding:0 calc((100% - 20m) / 2);*/
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 2em;
}
#dh_lp_wrapper .contents .unit:hover .spec.trans {
  background: rgba(0, 0, 0, 0.15);
}
#dh_lp_wrapper .contents .unit:hover .spec li {
  margin: 0 auto 0.8em;
  letter-spacing: 0.02em; /*background: #000;width: 17em;*/
}
#dh_lp_wrapper .contents .unit:hover .spec li span {
  display: inline-block;
  padding-right: 1.5em;
}
#dh_lp_wrapper .contents .unit:hover .spec li:last-of-type {
  margin-bottom: 0;
}
#dh_lp_wrapper .contents .unit:hover .spec a {
  color: #fff;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .unit:hover .spec li {
    margin-bottom: 1em;
    letter-spacing: 0.1em;
    font-size: 1.2rem;
  }
}
#dh_lp_wrapper .contents .note {
  text-align: right;
  padding: 0 5vw 2em 0;
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .contents .note {
    text-align: center;
    padding-right: 0;
  }
}
#dh_lp_wrapper .point {
  background: #dad6c9;
  text-align: center;
  padding: 7vw 0;
  letter-spacing: 0.1em;
}
#dh_lp_wrapper .point h2 {
  font-size: 3rem;
  letter-spacing: 0.5em;
  padding-bottom: 1.5em;
  color: #555;
  font-weight: 900;
}
#dh_lp_wrapper .point .txt {
  font-size: 1.6rem;
  line-height: 2em;
}
#dh_lp_wrapper .point dl {
  background: #fff;
  width: 25em;
  margin: 3em auto;
  padding: 1.5em 2em;
  font-size: 1.4rem;
}
#dh_lp_wrapper .point dl dt {
  clear: both;
  float: left;
  width: 11.5em;
  position: relative;
}
#dh_lp_wrapper .point dl dt:after {
  content: "→";
  display: inline-block;
  position: absolute;
  left: 100%;
  top: center;
}
#dh_lp_wrapper .point dl dd {
  padding-left: 0.5em;
  float: right;
}
#dh_lp_wrapper .point .note {
  margin-bottom: 3em;
}
#dh_lp_wrapper .point .note li {
  line-height: 1.8em;
}
#dh_lp_wrapper .point .note li:before {
  content: "＊";
}
#dh_lp_wrapper .point .btn {
  font-size: 1.6rm;
}
#dh_lp_wrapper .point .btn a {
  margin: 0 auto;
  display: block;
  color: #555;
  border: 1px solid #555;
  width: 14em;
  line-height: 3em;
}
#dh_lp_wrapper .point .btn a:hover {
  background: #555;
  color: #f2eee2;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .point {
    padding: 4em 5vw;
  }
  #dh_lp_wrapper .point h2 {
    letter-spacing: 0.2em;
    font-size: 2.6rem;
  }
  #dh_lp_wrapper .point .txt,
  #dh_lp_wrapper .point .note {
    text-align: left;
    font-size: 1.4rem;
  }
  #dh_lp_wrapper .point dl dt {
    width: 11em;
  }
  #dh_lp_wrapper .point .note li {
    text-indent: -1em;
    padding-left: 1em;
  }
}
#dh_lp_wrapper .present {
  background-image: radial-gradient(circle at 50% 50%, rgba(222, 215, 205, 0.5), rgba(237, 227, 220, 0.5));
  text-align: center;
  padding: 7vw 0;
  letter-spacing: 0.1em;
}
#dh_lp_wrapper .present h2 {
  font-size: 3rem;
  letter-spacing: 0.5em;
  padding-bottom: 1.5em;
}
#dh_lp_wrapper .present .txt {
  font-size: 1.6rem;
  line-height: 2em;
  padding-bottom: 3em;
}
#dh_lp_wrapper .present .img {
  width: 30%;
  max-width: 500px;
  min-width: 250px;
  margin: 0 auto 3em;
}
#dh_lp_wrapper .present dl {
  background: #fff;
  width: 25em;
  margin: 3em auto;
  padding: 1.5em 2em;
  font-size: 1.4rem;
}
#dh_lp_wrapper .present dl dt {
  clear: both;
  float: left;
  width: 11.5em;
  position: relative;
}
#dh_lp_wrapper .present dl dt:after {
  content: "→";
  display: inline-block;
  position: absolute;
  left: 100%;
  top: center;
}
#dh_lp_wrapper .present dl dd {
  padding-left: 0.5em;
  float: right;
}
#dh_lp_wrapper .present .note {
  margin-bottom: 3em;
}
#dh_lp_wrapper .present .note li {
  line-height: 1.8em;
}
#dh_lp_wrapper .present .note li:before {
  content: "＊";
}
#dh_lp_wrapper .present .btn {
  font-size: 1.6rm;
}
#dh_lp_wrapper .present .btn a {
  margin: 0 auto;
  display: block;
  color: #555;
  border: 1px solid #555;
  width: 14em;
  line-height: 3em;
}
#dh_lp_wrapper .present .btn a:hover {
  background: #555;
  color: #f2eee2;
}
@media screen and (max-width: 750px) {
  #dh_lp_wrapper .present {
    padding: 4em 5vw;
  }
  #dh_lp_wrapper .present h2 {
    letter-spacing: 0.2em;
  }
  #dh_lp_wrapper .present .txt,
  #dh_lp_wrapper .present .note {
    text-align: left;
  }
  #dh_lp_wrapper .present dl dt {
    width: 11em;
  }
  #dh_lp_wrapper .present .note li {
    text-indent: -1em;
    padding-left: 1em;
  }
}/*# sourceMappingURL=autumn2025.css.map */