body, p, h2, h3 {
  padding: 0;
  margin: 0;
}

b {
  display: none !important;
}

div#trp-floater-ls {
  display: none !important;
}

.gh-sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .gh-sp-only {
    display: block;
  }
}
.gh-pc-only {
  display: block;
}

@media screen and (max-width: 768px) {
  .gh-pc-only {
    display: none;
  }
}
.gh-brsp {
  display: none;
}

@media screen and (max-width: 768px) {
  .gh-brsp {
    display: block;
  }
}
.coope {
  font-family: cooper-black-std, serif;
}

.coope_i {
  font-family: cooper-black-std, serif;
  font-weight: 400;
  font-style: italic;
}

.en {
  font-family: linotype-didot-headline, serif;
}

.en_b {
  font-family: linotype-didot, serif;
  font-weight: 700;
  font-style: normal;
}

.en_italic {
  font-family: linotype-didot, serif;
  font-weight: 400;
  font-style: italic;
}

.ja_b {
  font-family: dnp-shuei-ymincho-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.ja_m {
  font-family: dnp-shuei-ymincho-std, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.angkor {
  font-family: "Angkor", serif;
  font-weight: 400;
  font-style: normal;
}

.section-feature-single {
  padding-top: 0 !important;
}

#main .section-feature-single,
.page-title {
  border-top: none;
}

img {
  width: 100%;
}

.gh2025-vol_1 {
  opacity: 0;
  background: #D7D7D7;
  display: block;
  transition: all 1.3s 0.3s ease;
}

.gh2025-vol_1.show {
  opacity: 1;
}

.gh2025-vol_1 .prologue-sp {
  opacity: 0;
  transition: all 0.8s 0.8s ease;
}

.gh2025-vol_1.show .prologue-sp {
  opacity: 1;
}

.fadein {
  opacity: 0;
  transition: all 0.8s ease;
}

.fadein.in {
  opacity: 1;
}

a {
  color: #000;
}

.gh2025-vol_mvpc {
  line-height: 0;
  display: flex;
  width: 100%;
  border-bottom: solid #000 1px;
  align-items: center;
  vertical-align: middle;
  justify-content: space-between;
  background: #000;
}

@media screen and (max-width: 768px) {
  .gh2025-vol_mvpc {
    display: none;
  }
}
.gh2025-vol_mvsp {
  display: none;
}

@media screen and (max-width: 768px) {
  .gh2025-vol_mvsp {
    display: block;
    position: relative;
  }
}
.gh2025-vol_mvsp .gh-mv_img {
  width: 100%;
}
.gh2025-vol_mvsp .gh1_logosp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 38.6666666667%;
  margin: 0 0 30.4% 7.2%;
  line-height: 0;
}
.gh2025-vol_mvsp .gh1_ttlsp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 41.0666666667%;
  margin: 0 0 16.9333333333% 5.8666666667%;
}
.gh2025-vol_mvsp .gh1_subttlsp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 29.8346666667%;
  margin: 0 0 8.4666666667% 12%;
}

.mv_left,
.mv_right {
  line-height: 0;
  height: 100%;
  width: 36.0416666667%;
}
.mv_left img,
.mv_right img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.mv_left picture,
.mv_right picture {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.mv_center {
  width: 27.9166666667%;
  height: 100%;
}

.gh1_logo-pc {
  width: 55.1542288557%;
  margin: 0 auto;
  line-height: 0;
}

.gh1_ttl-pc {
  width: 58.7388059701%;
  margin: 4.2288557214% auto 0;
  line-height: 0;
}

.gh1_subttl-pc {
  width: 72.5273631841%;
  margin: 7.4626865672% auto 0;
  line-height: 0;
}

.gh1_prologue_pc {
  cursor: pointer;
  position: relative;
  color: #F4EBE2;
  margin: 9.9502487562% auto 0;
  padding-bottom: 2%;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  vertical-align: text-bottom;
  font-size: 1.0516vw;
}
.gh1_prologue_pc span {
  border-bottom: solid #F4EBE2 1px;
  padding-bottom: 4%;
}

@media screen and (max-width: 768px) {
  .gh1_prologue_pc {
    display: none;
  }
}
.gh1_prologue::after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 75%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}

.pc_part {
  width: 68.407960199%;
  margin: 10.447761194% auto 0;
}

.gh_wrapper {
  display: flex;
  gap: 2.9166666667%;
  margin-top: 9.79%;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .gh_wrapper {
    margin-top: 14.4%;
    display: block;
  }
}
.gh1_left {
  width: 45.8333333333%;
  padding-right: 2.6388888889%;
  border-right: dotted #000 1px;
  margin-bottom: 7.1180555556%;
}

@media screen and (max-width: 768px) {
  .gh1_left {
    width: 100%;
    padding-right: 0%;
    overflow: hidden;
    border-right: none;
    margin-bottom: 0%;
  }
}
.gh1_left .gh1_left-wrap {
  width: 100%;
}

.gh1_left .gh1_topline {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: double #000 1px;
}

@media screen and (max-width: 768px) {
  .gh1_left .gh1_topline {
    width: 87.4666666667%;
    margin: 0 auto;
  }
}
.gh1_left .gh1_topline::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -15%;
  background: #000;
}

.gh1_left .gh1_04 {
  width: 40px;
}

@media screen and (max-width: 768px) {
  .gh1_left .gh1_04 {
    width: 13.4146341463%;
  }
}
.gh1_left .inthis {
  color: #000;
  font-size: 0.9375vw;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .gh1_left .inthis {
    font-size: 3.6vw;
  }
}
.gh1_left .catalog2025 {
  margin-top: 8.1993569132%;
  text-align: center;
}
.gh1_left .catalog2025 .catalog2025_txt {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .gh1_left .catalog2025 {
    margin-top: 11.7333333333%;
  }
}
.gh1_left .catalog2025 .catalog {
  font-size: 3.75vw;
  letter-spacing: 0em;
}

@media screen and (max-width: 768px) {
  .gh1_left .catalog2025 .catalog {
    font-size: 12.2666666667vw;
  }
}
.gh1_left .catalog2025 .of {
  font-size: 2.8vw;
  padding: 0 2%;
}

@media screen and (max-width: 768px) {
  .gh1_left .catalog2025 .of {
    font-size: 10.1vw;
    padding: 0 4% 0 0;
  }
}
.ss2025 {
  font-weight: 600;
  letter-spacing: 0em;
  text-align: center;
  font-size: 3.75vw;
  margin-top: 2%;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 768px) {
  .ss2025 {
    font-size: 12.2666666667vw;
    margin-top: 0%;
  }
}
.ss2025 span {
  font-size: 2vw;
}

@media screen and (max-width: 768px) {
  .ss2025 span {
    font-size: 7.5vw;
  }
}
.gh1_left .ss2025_important {
  text-align: center;
  background: #000;
  color: #fff;
  margin: 5% 0 0 0;
  padding: 1.5% 0;
  clip-path: inset(0 100% 0 0);
  transition: all 0.5s ease;
}

.gh1_left .ss2025_important p {
  font-size: 1.0416666667vw;
  clip-path: inset(0 100% 0 0);
  transition: all 0.5s 0.3s ease;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .gh1_left .ss2025_important p {
    font-size: 4vw;
  }
}
.gh1_left .ss2025_important.move {
  clip-path: inset(0 0 0 0);
}

.gh1_left .ss2025_important.move p {
  clip-path: inset(0 0 0 0);
}

@media screen and (max-width: 768px) {
  .gh1_left .ss2025_important {
    width: 87.4666666667%;
    font-size: 4vw;
    margin: 4.5333333333% auto 0;
  }
}
.gh1_left .lead {
  padding: 4.1800643087% 0 8.8424437299%;
  font-size: 0.9722222222vw;
  line-height: 1.7857142857;
  border-bottom: dotted 1px #000;
}

@media screen and (max-width: 768px) {
  .gh1_left .lead {
    width: 87.4666666667%;
    font-size: 3.7333333333vw;
    margin: 0 auto;
  }
}
.gh_itemttl {
  position: relative;
}

.gh1_left .gh_itemttl .gh_num {
  width: 12.7335473515%;
  margin: 0 auto;
  padding-top: 6.7524115756%;
  line-height: 0;
}

.gh1_left .gh_itemttl .gh_num2 {
  padding-top: 11.0754414125%;
}

@media screen and (max-width: 768px) {
  .gh1_left .gh_itemttl .gh_num {
    width: 21.1546666667%;
    margin: 0 auto;
    padding-top: 10.1333333333%;
  }
  .gh_num2 {
    padding-top: 7.7333333333%;
  }
}
.gh1_left .gh_itemttl h1 {
  text-align: center;
  font-size: 3.4618055556vw;
  margin-top: 1.768488746%;
  line-height: 0.8541666667;
}

@media screen and (max-width: 768px) {
  .gh1_left .gh_itemttl h1 {
    font-size: 11.1306666667vw;
    margin-top: 2.9333333333%;
  }
}
.gh1_left .gh_itemttl .style_lead {
  font-size: 0.9722222222vw;
  line-height: 1.7857142857;
  text-align: center;
  margin: 3.2154340836% 0 0 0;
  padding-bottom: 8.1993569132%;
  border-bottom: solid #000 1px;
  text-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .gh1_left .gh_itemttl .style_lead {
    font-size: 3.7333333333vw;
    margin: 5.3333333333% auto 0;
    padding-bottom: 9.8666666667%;
    width: 87.2613333333%;
  }
}
.gh-bland_wrap {
  margin-top: 0.4823151125%;
  border-bottom: solid #000 1px;
}

.gh-bland_wrap:last-of-type {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap {
    border-bottom: none;
  }
}
.gh-bland_wrap .bland_tag {
  border-top: solid #000 3px;
  padding-top: 1.6077170418%;
  width: 100%;
  text-align: left;
  font-size: 0.9375vw;
  color: #000;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .bland_tag {
    padding-top: 2.5813333333%;
    width: 87.2613333333%;
    font-size: 3.6vw;
    margin: 0 auto;
  }
}
.gh-bland_wrap .bland_name {
  font-size: 2.6944444444vw;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 3.3762057878% 0 8.1993569132%;
  opacity: 0;
  transform: translateX(10px);
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .bland_name {
    font-size: 8.864vw;
    padding: 6.4133333333% 0 8%;
  }
}
@media screen and (max-width: 768px) {
  .giorgio {
    letter-spacing: 0.01em !important;
  }
}
.flex_bland {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}

.gh-bland_wrap .bland_name .plus {
  line-height: 0;
  width: 20px;
}

.gh-bland_wrap .bland_name.move {
  animation: nameAnimation 1s forwards;
}

.gh-bland_wrap .gh-item_wrap1 {
  display: flex;
  gap: 4.1800643087%;
  padding-bottom: 6.4308681672%;
  border-bottom: dotted 1px #532f2f;
  align-items: start;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap1 {
    display: block;
    border-bottom: none;
    padding-bottom: 10.6666666667%;
  }
}
.gh-bland_wrap .gh-item_wrap1 .gh-item_img {
  width: 56.9131832797%;
  filter: grayscale(1);
  transition: all 0.5s ease;
}

.gh-bland_wrap .gh-item_wrap1 .gh-item_img.color {
  filter: grayscale(0);
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap1 .gh-item_img {
    width: 100%;
  }
}
.gh-bland_wrap .gh-item_wrap1 .gh-itemtxt {
  text-align: justify;
  width: 39.0675241158%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap1 .gh-itemtxt {
    width: 87.2%;
    margin: 6.6666666667% auto 0;
  }
}
.gh-bland_wrap .gh-item_wrap1 .gh-itemtxt h4 {
  font-size: 1.5277777778vw;
  text-align: center;
  line-height: 1;
  border-bottom: dotted 1px #000;
  padding-bottom: 8.2304526749%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap1 .gh-itemtxt h4 {
    font-size: 5.8666666667vw;
    padding-bottom: 6.1162079511%;
  }
}
.gh-bland_wrap .gh-item_wrap1 .gh-itemtxt p {
  padding-top: 7.4074074074%;
  font-size: 0.9722222222vw;
  line-height: 1.7857142857;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap1 .gh-itemtxt p {
    font-size: 3.7333333333vw;
    padding-top: 5.8103975535%;
  }
}
.gh-bland_wrap .gh-item_wrap2 {
  padding-top: 7.0739549839%;
  padding-bottom: 17.6045016077%;
  display: flex;
  justify-content: center;
  gap: 4%;
  align-items: center;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 {
    padding-bottom: 0%;
    display: block;
    padding-top: 0%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-itemdetail {
  /* padding-top: 6.4308681672%; */
  width: 34.0836012862%;
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-itemdetail {
    padding-top: 8%;
    width: 87.4666666667%;
    margin: 0 auto;
    border-bottom: solid #000 1px;
    padding-bottom: 27.9733333333%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-itemdetail_category {
  color: #000;
  border-bottom: solid 1px #000;
  font-size: 0.9375vw;
  line-height: 1;
  padding-bottom: 2.3364485981%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-itemdetail_category {
    font-size: 3.6vw;
    padding-bottom: 2.0426829268%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-size {
  margin: 0 0 5.6074766355%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-size {
    margin: 0 0 3.6585365854%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-price {
  margin: 16.3551401869% 0 5.6074766355%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-price {
    margin: 0 0 3.6585365854%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-information {
  margin: 16.3551401869% 0 5.6074766355%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-information {
    margin: 7.012195122% 0 5.1829268293%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-sizeprice-wrap {
  display: block;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-sizeprice-wrap {
    display: flex;
    gap: 8.5518292683%;
  }
}
@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-itemdetail-wrap {
    width: 45.6067073171%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh_sizeprice {
  font-size: 1.1vw;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh_sizeprice {
    font-size: 4vw;
  }
}
.gh_sizeprice-attention {
  font-size: 0.7638888889vw;
  line-height: 1;
}

.gh-bland_wrap .gh-item_wrap2 .bland_info {
  font-size: 1.1vw;
  line-height: 1.3111111111;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .bland_info {
    font-size: 4vw;
  }
  .gh_sizeprice-attention {
    font-size: 2.9333333333vw;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap {
  display: flex;
  font-size: 0.9722222222vw;
  gap: 6.511627907%;
  margin-top: 10.9069767442%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap {
    font-size: 3.7333333333vw;
    margin-top: 6.2347560976%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap .gh-tel {
  width: 26%;
  display: flex;
  gap: 8%;
  border-right: solid #000 1px;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap .gh-tel {
    width: 18%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap .gh-tel .gh-telicon {
  width: 26%;
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap .gh-tel .gh-telicon {
    width: 24%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-web_wrap {
  display: flex;
  font-size: 0.9722222222vw;
  gap: 6.511627907%;
  margin-top: 6%;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-web_wrap {
    font-size: 3.7333333333vw;
    margin-top: 6.2347560976%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-web_wrap .gh-web {
  width: 26%;
  display: flex;
  gap: 8%;
  border-right: solid #000 1px;
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-web_wrap .gh-web {
    width: 18%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-web_wrap .gh-web .gh-webicon {
  width: 23%;
  line-height: 0;
}

/* @media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-web_wrap .gh-web .gh-webicon {
    width: 16%;
  }
} */
.gh-bland_wrap .gh-item_wrap2 .gh-item_img {
  width: 50%;
  filter: grayscale(1);
  transition: all 0.5s ease;
  line-height: 0;
  height: fit-content;
}

.gh-bland_wrap .gh-item_wrap2 .gh-item_img.color {
  filter: grayscale(0);
}

@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-item_img {
    width: 87.4666666667%;
    margin: 0 auto;
  }
}
.thisline {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
  margin-top: -6px;
  line-height: 1;
  padding: 0 7px;
  background: #D7D7D7;
  white-space: nowrap;
  font-size: 12px;
}

.bland_4.gh-bland_wrap {
  border-bottom: none !important;
}

.gh_itemttl2 {
  border-top: dotted 1px #000;
}

@media screen and (max-width: 768px) {
  .bland_3 .gh-item_wrap2 .gh-item_img {
    width: 90.4%;
    object-fit: contain;
  }
}
@media screen and (max-width: 768px) {
  .bland_4 .gh-item_wrap2 .gh-item_img {
    width: 84.2666666667%;
  }
  .contentnum4 {
    width: 112% !important;
    margin-left: -6% !important;
    margin-bottom: 20% !important;
  }
}
.gh1_right {
  width: 23.4027777778%;
}

@media screen and (max-width: 768px) {
  .gh1_right {
    width: 87.4666666667%;
    margin: 0 auto;
  }
}
.gh1_right .gh1_right_wrap {
  width: 100%;
}

.gh1_right .gh-nextcontent {
  font-size: 2.4305555556vw;
  text-align: center;
  color: #000;
  padding-bottom: 8%;
}

@media screen and (max-width: 768px) {
  .gh1_right .gh-nextcontent {
    padding-bottom: 3.0487804878%;
    font-size: 11.1306666667vw;
    margin-top: 16.1585365854%;
  }
}
.comingsoon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: #fff;
  z-index: 100;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.gh1_right .gh-contents_thum {
  position: relative;
  width: 100%;
  margin: 0% auto;
  padding-bottom: 7%;
  filter: grayscale(1);
  transition: all 0.5s ease;
  line-height: 0;
}
.gh1_right .gh-contents_thum.move {
  filter: grayscale(0);
}

@media screen and (max-width: 768px) {
  .gh1_right .gh-contents_thum {
    margin: 6.4024390244% auto 0;
    border-bottom: none;
    padding-bottom: 0%;
  }
  .gh1_right .gh-contents_thum.contentnum7 {
    padding-bottom: 6.5%;
  }
}
@media screen and (max-width: 768px) {
  .contentsn04 {
    margin-top: 11.3%;
  }
}
.gh1_right .gh-credit {
  margin-top: 10%;
  padding: 10% 0 16.3204747774%;
  border-bottom: dotted 1px #000;
  border-top: dotted 1px #000;
  text-align: center;
}

.gh1_right .gh-credit .credit_first {
  padding-top: 15%;
}

@media screen and (max-width: 768px) {
  .gh1_right .gh-credit {
    padding: 0 0 10%;
    margin-top: 0%;
  }
}
.gh1_right .gh-credit .credit_role {
  font-size: 0.9375vw;
  padding-bottom: 3.6142433234%;
}

@media screen and (max-width: 768px) {
  .gh1_right .gh-credit .credit_role {
    font-size: 3.6vw;
  }
}
.gh1_right .gh-credit .credit_name {
  font-size: 1.0416666667vw;
  padding-bottom: 9.4421364985%;
  font-weight: bold;
}

.gh1_right .gh-credit .credit_name span {
  padding-top: 4.1543026706%;
  display: block;
}

@media screen and (max-width: 768px) {
  .gh1_right .gh-credit .credit_name span {
    padding-top: 4.5731707317%;
  }
}
@media screen and (max-width: 768px) {
  .gh1_right .gh-credit .credit_name {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .bland_4 .gh-item_wrap1 {
    padding-bottom: 2.5% !important;
  }
  .gh-bland_wrap .gh-item_wrap2 .gh-web_wrap {
    margin-top: 5%;
  }
}
@media screen and (max-width: 768px) {
  .bland_4.gh-bland_wrap .gh-item_wrap2 .gh-itemdetail {
    border-bottom: none;
  }
}
.gh-modal {
  display: block;
  position: fixed;
  top: 60%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 27px rgba(0, 0, 0, 0.29);
  left: 50%;
  width: 100%;
  max-width: 450px;
  max-height: 100%;
  z-index: 150;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.gh-modal.show {
  opacity: 1;
  visibility: visible;
}

.gh-modal .gh-modal_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.gh-modal .gh-modal_wrap .modal_close {
  cursor: pointer;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .gh-modal .gh-modal_wrap .modal_close {
    width: 10px;
    height: 10px;
  }
}
.gh-modal .gh-modal_wrap .modal_close:hover::after, .gh-modal .gh-modal_wrap .modal_close:hover::before {
  transform: rotate(0);
}

.gh-modal .gh-modal_wrap .modal_close::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  transform: rotate(45deg);
  transition: 0.5s ease;
}

.gh-modal .gh-modal_wrap .modal_close::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  transform: rotate(-45deg);
  transition: 0.5s ease;
}

.gh-modal .gh-modal_wrap .gh-modal_content {
  width: 100%;
  text-align: center;
  color: #000;
  padding: 11.6822429907% 0% 17.523364486%;
  background: #000;
}

.gh-modal .gh-modal_wrap .pro_ttl {
  font-size: 0.9722222222vw;
  padding-bottom: 6%;
  color: #fff;
}

.gh-modal .gh-modal_wrap .modal_txt {
  text-wrap: nowrap;
  letter-spacing: 0;
  line-height: 1.75;
  font-size: min(0.6944444444vw, 13px);
  color: #fff;
}

.modal_bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  content: "";
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}

.modal_bg.show {
  display: block;
}

.gh1_prologue_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .gh1_prologue_sp {
    display: block;
  }
}
.gh1_prologue_sp .accordion_header {
  background-color: #000;
  color: #fff;
  font-size: 4vw;
  font-weight: bold;
  padding: 5.3333333333% 7% 4.5333333333% 0;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  line-height: 1;
}

.gh1_prologue_sp .accordion_header .aco_close {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin-right: 34%;
  cursor: pointer;
}

.gh1_prologue_sp .accordion_header .aco_close::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  transform: rotate(90deg);
  transition: 0.5s ease;
}

.gh1_prologue_sp .accordion_header .aco_close::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  transform: rotate(0);
  transition: 0.5s ease;
}

.gh1_prologue_sp .accordion_header.open .aco_close::before {
  transform: rotate(220deg);
}

.gh1_prologue_sp .accordion_header.open .aco_close::after {
  transform: rotate(-220deg);
}

.gh1_prologue_sp .accordion_inner {
  display: none;
  padding: 10px 30px;
  background: #000;
  box-sizing: border-box;
}

.gh1_prologue_sp .box_one {
  height: 330px;
}

.gh1_prologue_sp .txt_a_ac {
  text-align: center;
  color: #fff;
  font-size: 2.9333333333vw;
  text-align: center;
  line-height: 1.8;
  text-wrap: nowrap;
}

@keyframes nameAnimation {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
} 
.gh-other {
  padding-bottom: 9.5% !important;
  padding-top: 14%;
  border-top: dotted 1px #000;
}

.gh-back {
  padding-top: 14% !important;
  padding-bottom: 9.5% !important;
}

@keyframes click {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}
@media screen and (max-width: 768px) {
  .gh-other {
    padding-bottom: 1% !important;
    padding-top: 0%;
    border-top: none;
  }
  .gh-back {
    padding-bottom: 1% !important;
    padding-top: 0% !important;
    border-top: none;
  }
}
#main .section-feature-single .article-foot .article-foot-inner .editor-info:before {
  border-top: 13px solid #EFECE7 !important;
}

.posi-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.banner1_posi-a {
  animation: blink 1s ease-in-out infinite alternate;
}

.banner2_posi-a {
  clip-path: inset(0 0 0 100%);
  animation: clip 1.7s ease-in-out infinite alternate;
}

.white {
  line-height: 0;
  width: 33.38%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 15.57%;
  margin-left: 9.49%;
}

.white::after,
.white::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
}

.white::after {
  top: 0;
  animation: clip2 3s ease-in-out infinite forwards;
}

.white::before {
  bottom: 0;
  animation: clip3 3s ease-in-out infinite forwards;
}

.white_inner {
  width: 93.3%;
  margin: 0 auto;
  padding: 10% 0;
  overflow: hidden;
}

.white_inner img {
  animation: updown 3s ease-in-out infinite forwards;
}

.banner4_posi-a {
  animation: blink2 1s ease-in-out infinite alternate;
}

@media screen and (max-width: 768px) {
  .white {
    width: 79.82%;
    top: 0;
    left: 50%;
    margin-top: 15.57%;
    margin-left: 0;
    transform: translateX(-50%);
  }
  .white::after,
  .white::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .white_inner {
    width: 33.5%;
    padding: 3.3% 0;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink2 {
  0% {
    opacity: 0;
  }
  60%, 100% {
    opacity: 1;
  }
}
@keyframes clip {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0);
  }
}
@keyframes clip2 {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  30%, 70% {
    clip-path: inset(0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes clip3 {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  30%, 70% {
    clip-path: inset(0);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes updown {
  0% {
    transform: translateY(100px);
  }
  30%, 70% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100px);
  }
}
/* swiper */
.swiper-pagination-bullet {
  background: none !important;
  border: solid #000 1.5px;
  width: 5px !important;
  height: 5px !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000 !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #000 !important;
  top: inherit !important;
  bottom: 0 !important;
  margin: 0 0 8.9px 0 !important;
  height: auto !important;
}

.swiper-button-next {
  margin-left: 20px !important;
}

.swiper-button-prev {
  margin-right: 20px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 13px !important;
}

/* 
@media screen and (max-width: 768px) {
  .swiper {
    display: none!important;
  }
} */
.swiper {
  display: block;
  padding-bottom: 30px;
}

.banner5txt {
  width: 59%;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5%;
  margin-right: 10%;
}

.banner5anime {
  animation-name: flipInY;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
  .banner5txt {
    right: 50%;
    transform: translate(50%);
    margin-right: 0%;
    margin-top: 15%;
  }
}
@keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.sp {
  display: none;
}

.pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
.bland_3 .gh-item_wrap2 {
  flex-direction: row-reverse;
}/*# sourceMappingURL=style.css.map */