@charset "UTF-8";

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

.gh2024-vol_1 {
  opacity: 0;
  background-image: url(https://www.houyhnhnm.jp/wp-content/uploads/2024/10/GH_bg.jpg);
  background-repeat: repeat;
  background-size: auto;
  display: block;
  transition: all 1.3s 0.3s ease;
}
.gh2024-vol_1.show {
  opacity: 1;
}



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

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





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

.gh2024-vol_mvpc {
  line-height: 0;
  display: flex;
  width: 100%;
  border-bottom: solid #A26F0A 1px;
}
@media screen and (max-width: 768px) {
  .gh2024-vol_mvpc {
    display: none;
  }
}

.gh2024-vol_mvsp {
  display: none;
}
@media screen and (max-width: 768px) {
  .gh2024-vol_mvsp {
    display: block;
    position: relative;
  }
}
.gh2024-vol_mvsp .gh-mv_img {
  width: 100%;
}
.gh2024-vol_mvsp .gh1_logosp {
  position: absolute;
  top: 0;
  right: 0;
  width: 41.6346666667%;
  margin: 2.408% 2.408% 0 0;
}
.gh2024-vol_mvsp .gh1_ttlsp {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 62.936%;
  margin: 0 3.464% 13.4506666667% 0;
}
.gh2024-vol_mvsp .gh1_subttlsp {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 29.8346666667%;
  margin: 0 4.032% 5.1653333333% 0;
}

.mv_left {
  display: block;
  width: 50%;
}
.mv_left .gh-mv_itemswrap {
  margin-top: 1.3888888889%;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
}
.mv_left .gh-mv_itemswrap .mv_item1 {
  width: 15.1388888889%;
  margin-right: 2.5%;
}
.mv_left .gh-mv_itemswrap .mv_item2 {
  width: 15.5555555556%;
  margin-right: 3.3333333333%;
}
.mv_left .gh-mv_itemswrap .mv_item3 {
  width: 13.6111111111%;
  margin-right: 2.3611111111%;
}
.mv_left .gh-mv_itemswrap .mv_item4 {
  width: 15.9722222222%;
  margin-right: 4.4444444444%;
}
.mv_left .gh-mv_itemswrap .mv_item5 {
  width: 10.4166666667%;
}

.mv_right {
  width: 50%;
}

.gh1_logo-pc {
  width: 27.77%;
  margin: 7.2222222222% auto 0;
}

.gh1_ttl-pc {
  width: 27.77%;
  margin: 2.14% auto 0;
}

.gh1_subttl-pc {
  width: 36.52%;
  margin: 3.72% auto 0;
}

.gh1_prologue_pc {
  cursor: pointer;
  position: relative;
  color: #A26F0A;
  margin: 4.77% auto 0;
  padding-bottom: 2%;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  vertical-align: text-bottom;
  font-size: 1.0516vw;
}
@media screen and (max-width: 768px) {
  .gh1_prologue_pc {
    display: none;
  }
}
.gh1_prologue_pc span {
  border-bottom: solid #A26F0A 1px;
  padding-bottom: 4%;
}

.gh1_prologue::after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 75%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}

.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 #A26F0A 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: #A26F0A;
}
.gh1_left .gh1_04 {
  width: 7.0739549839%;
}
@media screen and (max-width: 768px) {
  .gh1_left .gh1_04 {
    width: 13.4146341463%;
  }
}
.gh1_left .inthis {
  color: #A26F0A;
  font-size: 0.9375vw;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .gh1_left .inthis {
    font-size: 3.6vw;
  }
}
.gh1_left .catalog2024 {
  margin-top: 8.1993569132%;
  display: flex;
  text-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .gh1_left .catalog2024 {
    margin-top: 11.7333333333%;
    display: block;
    text-align: center;
  }
}
.gh1_left .catalog2024 .catalog,
.gh1_left .catalog2024 .fall,
.gh1_left .catalog2024 .for {
  font-size: 3.3958333333vw;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .gh1_left .catalog2024 .catalog,
  .gh1_left .catalog2024 .fall,
  .gh1_left .catalog2024 .for {
    font-size: 12.2666666667vw;
  }
}
.gh1_left .catalog2024 .for {
  padding-right: 1.7218649518%;
  padding-left: 3.2154340836%;
}
.gh1_left .fall_important {
  text-align: center;
  background: #000;
  color: #fff;
  margin: 2.7331189711% 0 0 0;
  padding: 1.3665594855% 0;
  clip-path: inset(0 100% 0 0);
  transition: all 0.5s ease;
}
.gh1_left .fall_important p {
  font-size: 1.0416666667vw;
  clip-path: inset(0 100% 0 0);
  transition: all 0.5s 0.3s ease;
}
@media screen and (max-width: 768px) {
  .gh1_left .fall_important p {
    font-size: 4vw;
  }
}
.gh1_left .fall_important.move {
  clip-path: inset(0 0 0 0);
}
.gh1_left .fall_important.move p {
  clip-path: inset(0 0 0 0);
}
@media screen and (max-width: 768px) {
  .gh1_left .fall_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;
  }
}
.gh1_left .gh_itemttl .gh_num {
  width: 15.6479099678%;
  margin: 6.7524115756% auto 0;
}
@media screen and (max-width: 768px) {
  .gh1_left .gh_itemttl .gh_num {
    width: 25.9546666667%;
    margin: 10.1333333333% auto 0;
  }
}
.gh1_left .gh_itemttl h1 {
  text-align: center;
  font-size: 3.4618055556vw;
  margin-top: 1.768488746%;
}
@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.7142857143;
  text-align: center;
  margin: 3.2154340836% 0 0 0;
  padding-bottom: 8.1993569132%;
  border-bottom: solid #A26F0A 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 #A26F0A 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 #A26F0A 3px;
  padding-top: 1.6077170418%;
  width: 100%;
  text-align: left;
  font-size: 0.9375vw;
  color: #A26F0A;
}
@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%;
  }
}
.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 #A26F0A;
  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: 10.9324758842%;
  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 #A26F0A 1px;
    padding-bottom: 27.9733333333%;
  }
}
.gh-bland_wrap .gh-item_wrap2 .gh-itemdetail_category {
  color: #A26F0A;
  border-bottom: solid 1px #A26F0A;
  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.25vw;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh_sizeprice {
    font-size: 4.8vw;
  }
}
.gh-bland_wrap .gh-item_wrap2 .bland_info {
  font-size: 1.25vw;
  line-height: 1.3111111111;
}
@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .bland_info {
    font-size: 4.2666666667vw;
  }
}
.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.976744186%;
  display: flex;
  gap: 4.4651162791%;
  border-right: solid #000 1px;
}
.gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap .gh-tel .gh-telicon {
  width: 24%;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .gh-bland_wrap .gh-item_wrap2 .gh-tel_wrap .gh-tel .gh-telicon {
    width: 17%;
  }
}
.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.976744186%;
  display: flex;
  gap: 4.4651162791%;
  border-right: solid #000 1px;
}
.gh-bland_wrap .gh-item_wrap2 .gh-web_wrap .gh-web .gh-webicon {
  width: 24%;
  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: 43.3231511254%;
  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;
  }
}

.bland_3 .gh-item_wrap2 {
  gap: 2%;
}
.bland_5 .gh-item_wrap2 {
  gap: 4%;
}
.bland_1 .gh-item_wrap2 .gh-item_img,
.bland_3 .gh-item_wrap2 .gh-item_img{
  width: 60%;
}

.bland_5 .gh-item_wrap2 .gh-item_img {
  width: 54.9839228296%;
}
@media screen and (max-width: 768px) {
.bland_1 .gh-item_wrap2 .gh-item_img,
.bland_2 .gh-item_wrap2 .gh-item_img,
.bland_4 .gh-item_wrap2 .gh-item_img,
.bland_3 .gh-item_wrap2 .gh-item_img,
.bland_5 .gh-item_wrap2 .gh-item_img {
  width: 87.4666666667%;
}
}

@media screen and (max-width: 768px) {
  .bland_3 .gh-item_wrap2 .gh-item_img {
    width: 90.4%;
    object-fit: contain;
  }
}


.contentnum4-date{
  left: 50%;
  right: initial;
  transform: translateX(-50%);
  margin: 20% auto 0;
  width: 24%;  
  animation: pikapika .8s infinite;
  display: block;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .bland_4 .gh-item_wrap2 .gh-item_img {
    width: 84.2666666667%;
  }

  .contentnum4-date{
    margin: 35% auto 0;
  }
}

.bland_5 .gh-item_wrap2 {
  padding-bottom: 0;
}

.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%;
  }
}
.gh1_right .gh-contents_thum {
  width: 100%;
  margin: 0% auto;
  padding-bottom: 7%;
}
@media screen and (max-width: 768px) {
  .gh1_right .gh-contents_thum {
    margin: 6.4024390244% auto;
    border-bottom: none;
    padding-bottom: 0%;
  }
}
.gh1_right .contentnum1 {
  position: relative;
}
.gh1_right .contentnum1 .denim {
  position: absolute;
  width: 29.0801186944%;
  top: 0;
  left: 0;
  margin: 27.8931750742% 0 0 8.9020771513%;
  clip-path: inset(0 100% 0 0);
  animation: denimAnime 5s 10s infinite linear;
}
@media screen and (max-width: 768px) {
  .gh1_right .contentnum1 .denim {
    left: 50%;
    transform: translateX(-50%);
    margin: 28.3536585366% 0 0 0;
  }
}
@keyframes denimAnime {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  10% {
    clip-path: inset(0 100% 0 0);
  }
  20% {
    clip-path: inset(0 0 0 0);
  }
  39% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  40% {
    opacity: 0;
    clip-path: inset(0 0 0 0);
  }
  45% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  50% {
    opacity: 0;
    clip-path: inset(0 0 0 0);
  }
  55% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  60% {
    opacity: 0;
    clip-path: inset(0 0 0 0);
  }
  65% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  90% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
.gh1_right .contentnum3 {
  position: relative;
}
.gh1_right .contentnum3 .contentsn04,
.gh1_right .contentnum3 .contents4_kazari,
.gh1_right .contentnum3 .contents4_kazari2{
  position: absolute;
  top: 0;
  left: 51.3%;
  transform: translateX(-50%);  
}
.contentsn04{
  width: 12.7%;
  z-index: 23;
  line-height: 0;
  margin-top: 2.3%;
}
.contents4_kazari,
.contents4_kazari2{
    width: 26%;
    margin-top: -2%;
    z-index: 1; 
}
.contents4_kazari2{
  opacity: 0;
  z-index: 10;
  animation: pikapika 0.5s step-end infinite;
}

@media screen and (max-width: 768px) {
  .contentsn04{
    margin-top: 11.3%;
  }
  .contents4_kazari,
  .contents4_kazari2{
    margin-top: 7%;
  }
}

@keyframes pikapika {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
  
}

.gh1_right .contentnum4 {
  width: 102.3738872404%;
  border-bottom: none;
  padding-bottom: 2.4%;
  margin-left: -3%;
}
@media screen and (max-width: 768px) {
  .gh1_right .contentnum4 {
    width: 109.756097561%;
    margin: 5.6756756757% auto 0 -6.8%;
  }
}
.gh1_right .contentnum5 {
  position: relative;
}
.gh1_right .contentnum5 .num5_txt {
  position: absolute;
  top: 0;
  right: 0;
  clip-path: inset(0 100% 0 0);
  transition: all 0.5s ease;
}
.gh1_right .contentnum5 .num5_txt-1 {
  width: 28.4866468843%;
  margin: 11.913947% 11.821958457% 0 0;
}
.gh1_right .contentnum5 .num5_txt-2 {
  width: 39.1691394659%;
  margin: 21.25816% 6.528189911% 0 0;
}
.gh1_right .contentnum5 .num5_txt-3 {
  width: 28.4866468843%;
  margin: 30.327596% 11.821958457% 0 0;
}
.gh1_right .contentnum5 .num5_txt-4 {
  width: 28.4866468843%;
  margin: 39.581899% 11.3471810089% 0 0;
}
.gh1_right .contentnum5 .num5_txt-5 {
  width: 69.8170731707%;
  margin: 23.1707317073% 0 0 0;
  left: 50%;
  transform: translateX(-50%);
}
.gh1_right .contentnum5 .num5_txt-6 {
  width: 81.4024390244%;
  
  margin: 10.6707317073% 0 0 0;
  left: 50%;
  transform: translateX(-50%);
}
.gh1_right .contentnum5.move .num5_txt {
  clip-path: inset(0 0 0 0);
}
.gh1_right .contentnum5.move .num5_txt-2 {
  transition-delay: 0.2s;
}
.gh1_right .contentnum5.move .num5_txt-3 {
  transition-delay: 0.4s;
}
.gh1_right .contentnum5.move .num5_txt-4 {
  transition-delay: 0.6s;
}

@media screen and (max-width: 768px) {
  .gh1_right .contentnum6 {
    padding-bottom: 0;
  }
}
.gh1_right .contentnum7 {
  padding-bottom: 12.7596439169%;
  width: 108%;
  margin: 0% auto 0 -3.5%;
}

@media screen and (max-width: 768px) {
  .gh1_right .contentnum7 {
    padding-bottom: 0%;
    width: 114%;
    margin: 0% auto 0 -7%;
  }
}
.gh1_right .pc-credit {
  margin-top: 10%;
  padding: 20% 0 16.3204747774%;
  border-bottom: dotted 2px #000;
  border-top: dotted;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gh1_right .pc-credit {
    border-bottom: none;
    border-top: none;
    padding: 15% 0 18.2926829268%;
    margin-top: 0%;
  }
}
.gh1_right .pc-credit .credit_role {
  font-size: 0.9375vw;
  padding-bottom: 3.6142433234%;
}
@media screen and (max-width: 768px) {
  .gh1_right .pc-credit .credit_role {
    font-size: 3.6vw;
  }
}
.gh1_right .pc-credit .credit_name {
  font-size: 1.0416666667vw;
  padding-bottom: 9.4421364985%;
  font-weight: bold;
}
.gh1_right .pc-credit .credit_name span {
  padding-top: 4.1543026706%;
  display: block;
}
@media screen and (max-width: 768px) {
  .gh1_right .pc-credit .credit_name span {
    padding-top: 4.5731707317%;
  }
}
@media screen and (max-width: 768px) {
  .gh1_right .pc-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%;
      }
  }

.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: #A26F0A;
  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: #A26F0A;
  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: #A26F0A;
  padding: 11.6822429907% 0% 17.523364486%;
  background: #000;
}
.gh-modal .gh-modal_wrap .pro_ttl {
  font-size: 0.9722222222vw;
  padding-bottom: 6%;
}
.gh-modal .gh-modal_wrap .modal_txt {
  text-wrap: nowrap;
  letter-spacing: 0;
  line-height: 1.75;
  font-size: min(0.6944444444vw,13px);

}

.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);
  }
}/*# sourceMappingURL=style.css.map */

.gh-other{
  padding-bottom: 9.5% !important;
  padding-top: 14%;
  border-top: dotted 2px #000;

}
.gh-back{
  padding-top: 14% !important;
  border-top: dotted 2px #000;
  padding-bottom: 9.5% !important;
}

.date{
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  margin: 5% 5.5% 0 0;
  display: block;
  animation: pikapika .8s infinite;
}

.clickplease{
  position: absolute;
  width: 19%;
  top: 0;
  left: 0;
  margin-top: 11%;
  margin-left: -3%;
  animation: click 1s linear infinite;
  

}
@media screen and (max-width: 768px) {
  .clickplease{
    margin-top: 14%;
    
  
  }
}

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

  .border{
    border-bottom: dotted 2px #000!important;
  }
  
}

#main .section-feature-single .article-foot .article-foot-inner .editor-info:before{
border-top: 13px solid #EFECE7!important;
}


/* 10月24日 */

.contentnum2-date{
  left: 0;
      margin: 5% 0 0 26.5%;
  }
  @media screen and (max-width: 768px) {
  .contentnum2-date{
          right: 0;
  left:unset;
          margin: 5% 7% 0 0;
  }
  }