/*トップページ*/
.p-breadcrumb{
  display: none;
}
.l-content{
  margin: -69px 0 0 0 !important;
  padding: 0 !important;
  max-width: 100vw !important;
}
.page .c-pageTitle{
  display: none !important;
}
.wp-block-image .alignleft{
  margin: 0;
}
.p-postList__meta::before{
  display: none;
}




html {
  font-size: 62.5%;
}
/* メニューが開いている時、背後のhtmlが動かないように固定 */
html[data-spmenu="opened"] {
  overflow: hidden !important;
}

h1, h2, h3, h4, h5{
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
h2::before{
  content: none !important;
}

p{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(14px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  line-height: 1.85;
  color: #c4c4c4;
}

body{
  height: auto;
  background-color: #181A1D;
  padding-top: 0 !important;
  -webkit-overflow-scrolling: touch; /* スムーズなスクロールを維持 */
  overscroll-behavior-y: none;      /* バウンス効果によるチラつきを抑制 */
}

/* 固定時の横揺れ・チラつき防止 */
body.is-fixed {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Safariでのチラつき軽減（共通） */
.l-header, .p-spMenu, .pum-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/*レスポンシブ関連*/
.mobile__br, .sp__display, .sp__br{
  display: none;
}

.wp-block-cover, .wp-block-cover-image{
  min-height: inherit !important;
}

.all-wrapper{
  position: relative;
}

.message__bgImg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-image: url("https://jhoice.jp/wp-content/uploads/2025/09/top-messagage-bgimg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
}
.message__bgImg::after {
  content: "";
  position: absolute;
  inset: 0; /* top, right, bottom, left = 0 */
  background: radial-gradient(circle at center,
              rgba(24, 26, 29, 0) 20%,  /* 中央は透明 */
              rgba(24, 26, 29, 0.8) 100%); /* 外側を暗く */
  pointer-events: none;
}

.all__container{
  margin-bottom: 0;
  background-color: transparent;
  background-image: none;
  transition: background-color 2s ease, background-image 2s ease;
  padding-bottom: calc(100vh / 3);
  padding-bottom: calc(100dvh / 3);
}


/*ヘッダー*/
.l-header,
.l-header * {
  animation: none !important;
}
.l-header {
  background-color: transparent !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8000;
  transform: translateY(0);
  transition: transform 1.5s cubic-bezier(.47,.16,.24,1);
  opacity: 1;
}
.l-header__inner {
  opacity: 1;
  transition: opacity .6s cubic-bezier(.47,.16,.24,1);
}
.p-spMenu{
  z-index: 9999;
}

/* 上にスクロールして表示される時の状態 */
.l-header.is-hide {
  transform: translateY(-100%);
}
.l-header.is-hide .l-header__inner {
  opacity: 0;
}
.l-header.is-show .l-header__inner {
  opacity: 1;
}

/* 960px以下はアニメーションさせず、常に固定（SWELLの標準に近い形） */
@media screen and (max-width: 960px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8000;
  }
}


/*メニュー*/
.p-spMenu__inner{
  width: 100vw;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  padding-top: 0;
  background-color: rgba(8, 8, 8, 0.7) !important;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  box-shadow: none !important;
  opacity: 0;

  /* backdrop-filterはiOSで合成を荒らしやすいので、閉じている時は“使わない”
     （見た目は閉じてるので変化なし） */
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  transition:
    transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 1.0s linear,
    backdrop-filter 1.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
[data-spmenu=opened] .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;

  /* 開いている時だけブラーを有効化（見た目は維持） */
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;

  transition:
    transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.8s ease-out,
    backdrop-filter 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
[data-spmenu=opened] .c-listMenu a {
  animation: spNavFadeIn 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
  opacity: 0;
}
[data-spmenu=opened] #text-3 .info__onlineshopBlock,
[data-spmenu=opened] #text-3 .info__instagramBlock{
  animation: spNavFadeIn 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
  opacity: 0;
}
[data-spmenu=opened] #text-4 .sp__tokushoho,
[data-spmenu=opened] #text-4 .sp__privacy{
  animation: spNavFadeIn 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
  opacity: 0;
}

@keyframes spNavFadeIn {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-spMenu__inner::before {
  content: none !important; /* 背景を表示させない */
  display: none !important;
}
.p-spMenu__overlay {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.c-iconBtn__icon.icon-close-thin:before{
  color: #d0d0d0;
}

.p-spMenu__body {
  flex: 1; /* 残りの高さをすべて占有 */
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain; /* スクロール連鎖を防止 */
  padding: 15vh 4vw 5vh;
  position: relative;
}

.c-listMenu a{
  font-family: "GaramondPremrPro-SmbdDisp";
  font-size: clamp(23px, 1.6vw, 35px) !important;
  color: #d0d0d0;
  letter-spacing: -.03em;
  line-height: 1.4;
  padding: 3px 10px 0 20px;
  border-bottom: none;
  position: relative;
  display: inline-block;
}
.c-listMenu a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #d0d0d0;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.c-listMenu .current-menu-item > a::before,
.c-listMenu .current_page_item > a::before {
  opacity: 1;
}

.c-listMenu.c-listMenu li{
  margin-bottom: 15px;
}
.c-listMenu.c-listMenu li:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 960px) {
  .l-header__gnav{
    display: none !important;
  }
  .l-header__logo{
    position: relative;
    top: auto;
    left: 20px;
    width: 80px;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

.p-spMenu__bottom{
  display: block;
  margin-top: 0;
}

#text-3{
  margin-top: 50px;
}
#text-3 .info__onlineshopBlock{
  width: 80%;
  margin-left: 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
#text-3 .info__instagramBlock{
  width: 80%;
  margin-left: 0;
  border-bottom: 1px solid #d0d0d0;
}
#text-3 .info__os-in__text{
  font-size: clamp(23px, 1.5625vw, 30px);
  color: #d0d0d0;
}

#text-4{
  margin-top: 20px;
  padding-left: 20px;
}
#text-4 p{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.8333vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1;
}
.sp__privacy{
  margin-top: 10px;
}

#media_image-2{
  position: absolute;
  top: 18px;
  left: 20px;
  width: 80px;
}

.l-header__inner.l-container{
  align-items: center;
  justify-content: space-between;
}
.-img .c-headLogo__link{
  padding: 0;
}


/* 背景あり状態 */
.all__container.bg-on{
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}
/* 背景透明状態 */
.all__container.bg-off {
  background-color: transparent;
  background-image: none;
}


/* ===========================
   FV（通常コード：ここは演出に必要なので残す）
   - これまでの「oai-*ガード前提」部分は削除済み
   =========================== */

.fv__wrapper{
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: none;
  --fv-bg-url: url(https://jhoice.jp/wp-content/uploads/2025/12/top-story-01-1-scaled.webp);
  --fv-bg-scale: 1;
  --fv-bg-bright: 1;
  --fv-dark: 0;
  overflow: hidden; /* 拡大時のはみ出しを隠す */
  transform-origin: center center;
  --fv-bg-scale: 1.08;
  --fv-bg-x: 0px;
  --fv-bg-y: 0px;

  /* 合成レイヤー安定化（挙動は変えない） */
  isolation: isolate;
  contain: paint;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.fv__wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--fv-bg-url);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  transform: translate3d(var(--fv-bg-x), var(--fv-bg-y), 0) scale(var(--fv-bg-scale));
  transform-origin: center center;

  filter: brightness(var(--fv-bg-bright));

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform, filter;

  z-index: 0;
}

.fv__wrapper::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at center,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.35) 65%,
    rgba(0,0,0,0.75) 100%
  );
  opacity: var(--fv-dark);
  z-index: 1;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: opacity;
}

.fv__jhoice__box{
  position: absolute;
  bottom: 9vh;
  bottom: 9dvh;
  left: 5vw;
  z-index: 10;
}
.fv__logo{
  margin-bottom: 30px;
}
.fv__logo img{
  width: 200px;
  display: block;
  height: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.sp__logo{
  display: none;
}
.fv__jhoice__text{
  font-family: "GillSansMTPro-Book", "Gill Sans", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  line-height: 2;
  color: #525252;
}

/* iOSだけ dvh の揺れを避ける（任意だが害が少ないので残す） */
@supports (-webkit-touch-callout: none){
  body{ overflow-x: hidden; }
  .fv__wrapper{ height: 100vh; }
  .fv__jhoice__box{ bottom: 9vh; }
}




.concept__wrapper{
  margin-top: 200px;
  margin-bottom: 0;
  padding-bottom: 200px;
}
.concept__inner{
  position: relative;
  z-index: 2;
  width: 85%;
  margin: 0 auto;
  gap: 10vw !important;
  justify-content: center;
}
.eng__index{
  font-family: "GaramondPremrPro-SmbdIt", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 500 !important;
  font-style: italic;
  font-size: clamp(16px, 1.0417vw, 20px);
  letter-spacing: -0.07em;
  color: #adadad;
  line-height: 1;
}
.co__left__container {
  opacity: 0;
  filter: blur(14px);
  will-change: opacity, filter;
  position: sticky;
  top: 15vh;
  top: 15dvh;
  left: 0;
  width: 30%;
  height: auto;
}
.co__left__container > .wp-block-group{
  width: 100%;
  position: relative;
}
.co__left__img{
  margin-top: 80px !important;
  position: absolute;
  display: inline-block;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.co__left__img.active {
    opacity: 1;
  }
.co__left__img__01{
  z-index: 3;
}
.co__left__img__02{
  z-index: 2;
}
.co__left__img img {
  position: relative;
  z-index: 2;
  display: block;
}

.co__left__img .blur-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 105%;
  height: 105%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
  filter: blur(30px) brightness(1.05);
  z-index: 1;
  opacity: 0.2;
}

.co__left__img .blend-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(circle, rgba(24,26,29,0) 70%, rgba(24,26,29,1) 100%);
  /* 中央は透明、周辺に向かって背景色で馴染ませる */
}
.co__right__container {
  opacity: 0;
  filter: blur(14px);
  will-change: opacity, filter;
  flex: 0 1 auto;
  white-space: nowrap;
  margin-top: 30px !important;
}
.co__right__title{
  margin-right: 5vw;
}
.co__right__title figure{
  margin-left: 0 !important;
}
.co__right__title figure img{
  width: 80px;
}
.co__right__textBox{
  margin-top: 150px;
}
.co__right__body{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(15px, 0.9375vw, 18px);
  letter-spacing: 0.1em;
  line-height: 1.85;
  color: #d0d0d0;
  margin-top: 100px;
  opacity: 0;
  filter: blur(10px);
  will-change: filter, opacity;
  transition: none; /* スクロール連動なのでtransitionは使わない */
}
.co__right__body:nth-child(2){
  margin-left: 4vw;
}
.co__right__body:nth-child(3){
  margin-left: 9vw;
}
.co__right__body:nth-child(4){
  margin-left: 6vw;
}
.bluer__box{
  opacity: 0;
  filter: blur(10px);
  will-change: filter, opacity;
  transition: none; /* スクロール連動なのでtransitionは使わない */
}

.more__box, .chocolate_list__detail{
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-top: 100px;
  width: fit-content;
  border-top: 1px solid #868686;
  border-bottom: 1px solid #868686;
  align-items: center;
}
.chocolate_list__buy{
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: fit-content;
  border-bottom: 1px solid #868686;
  align-items: center;
}
.more__box::before, .chocolate_list__detail::before, .chocolate_list__buy::before {
  top: 0;
}
.more__box::after, .chocolate_list__detail::after, .chocolate_list__buy::after {
  bottom: 0;
}
.more__box::before, .more__box::after, .chocolate_list__detail::before, .chocolate_list__detail::after, .chocolate_list__buy::before, .chocolate_list__buy::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.more__box:hover::before, .more__box:hover::after, .chocolate_list__detail:hover::before, .chocolate_list__detail:hover::after, .chocolate_list__buy:hover::before, .chocolate_list__buy:hover::after {
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.more__title{
  font-family: "秀英初号明朝", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;;
  font-size: clamp(14px, 0.8333vw, 16px);
  letter-spacing: 0.1em;
  margin-right: 70px !important;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    to right,
    #c4c4c4 0%, #c4c4c4 48%,
    #868686 52%, #868686 100%
  );
  background-size: 200% 100%;
  background-position: 100% 0; /* 初期：右側のデフォルト色 */
  display: inline-block;
}
.more__box:hover .more__title, .chocolate_list__detail:hover .more__title, .chocolate_list__buy:hover .more__title {
  animation: moretextIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes moretextIn {
  from { background-position: 100% 0; }
  to   { background-position: 0% 0; }
}
.more__box:not(:hover) .more__title, .chocolate_list__detail:not(:hover) .more__title, .chocolate_list__buy:not(:hover) .more__title {
  animation: moretextOut 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes moretextOut {
  from {
    background-image: linear-gradient(to right, #868686 0%, #868686 48%, #c4c4c4 52%, #c4c4c4 100%);
    background-position: 100% 0;
  }
  to {
    background-image: linear-gradient(to right, #868686 0%, #868686 48%, #c4c4c4 52%, #c4c4c4 100%);
    background-position: 0% 0;
  }
}
.arrow__container {
  position: relative;
  width: 40px;
  height: 30px;
  overflow: visible;
  margin-top: 3px;
}
.arrow__container::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-image: repeating-linear-gradient(
    to right,
    #adadad 0,
    #adadad 2px,
    transparent 2px,
    transparent 4px
  );
  background-size: 4px 1px;
  transition: transform 0.4s ease, background-size 0.4s ease, background-position 0.4s ease;
}
.arrow__container::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 1px;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: bottom right;
  background-image: repeating-linear-gradient(
    to right,
    #adadad 0,
    #adadad 2px,
    transparent 2px,
    transparent 4px
  );
  background-size: 4px 1px;
  transition: transform 0.4s ease, background-size 0.4s ease, background-position 0.4s ease;
}
.more__box:hover .arrow__container::before, .more__box:hover .arrow__container::after, .chocolate_list__detail:hover .arrow__container::before, .chocolate_list__detail:hover .arrow__container::after, .chocolate_list__buy:hover .arrow__container::before, .chocolate_list__buy:hover .arrow__container::after {
  transform: translateX(5px) translateY(-50%) rotate(0deg);
  background-size: 1px 1px;
}
.more__box:hover .arrow__container::after, .chocolate_list__detail:hover .arrow__container::after, .chocolate_list__buy:hover .arrow__container::after {
  transform: translateX(5px) translateY(-50%) rotate(45deg);
}
.arrow__container::before,
.arrow__container::after {
  transform: translateY(-50%) rotate(0deg);
  background-size: 4px 1px;
}
.arrow__container::after {
  transform: translateY(-50%) rotate(45deg);
}
.more__box a, .chocolate_list__detail, .chocolate_list__buy{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  align-items: center;
}



.pickup__wrapper{
  margin-top: 150px;
  margin-bottom: 0;
  width: 80%;
  margin-left: auto;
}
.pu__titleBlock{
  margin-bottom: 40px!important;
  height: fit-content;
}
.pu__title {
  font-family: "GaramondPremrPro-SmbdIt", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
font-weight: 500 !important;
font-style: italic;
  font-size: clamp(20px, 2.604vw, 50px) !important;
  letter-spacing: -0.07em;
  color: #adadad;
  line-height: 1 !important;
  padding: 0 !important;
  border-left: none !important;
  position: relative;
}

.pu__itemList{
  flex: 1;
  min-width: 0;
  padding: 0 4vw 0 0;
}
.pu__itemList .p-postList__item{
  border-top: 1px solid #404040;
  margin: 0 !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pu__itemList .p-postList__item::before,
.pu__itemList .p-postList__item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pu__itemList .p-postList__item::before {
  top: 0;
}
.pu__itemList .p-postList__item::after {
  bottom: 0;
}
.pu__itemList .p-postList__item:hover::before,
.pu__itemList .p-postList__item:hover::after {
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.pu__itemList .p-postList__item:nth-child(3){
  border-bottom: 1px solid #404040;
}
.pu__itemList .p-postList__item a{
  gap: 30px !important;
  padding: 20px;
  justify-content: flex-start;
  align-items: flex-start;
}
.pu__itemList .p-postList__thumb{
  width: 100px;
}
.pu__itemList .p-postList__body{
  flex: 1;
  min-width: 0;
}
.pu__itemList .p-postList__title{
  font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(15px, 0.9375vw, 18px);
  letter-spacing: 0.1em;
  color: #d0d0d0 !important;
}
.pu__itemList .p-postList__cat{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(14px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  line-height: 1.85;
  color: #adadad;
}
.pu__itemList .-type-list .p-postList__item:hover .p-postList__body{
  opacity: 1;
}



.product__wrapper{
  margin-top: 250px;
  margin-bottom: 0;
  padding-bottom: 4vw;
}
.relation__wrapper{
  padding-top: calc(250px - 4vw);
  margin-bottom: 0;
  padding-bottom: 4vw;
}
.product__inner, .relation__inner{
  border-bottom: 1px solid #909090;
}
.product__inner > .wp-block-group__inner-container, .relation__inner > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  flex-direction: column;
}
.pr-re__headBlock{
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: calc(4vw + 25px);
  flex: 0 0 auto;
}
.pr-re__mainBlock{
  height: inherit;
  flex: 1 1 auto;
}
.pr-re__leftBlock{
  width: 4vw;
  border-right: 1px solid #909090;
}
.pr-re__rightBlock{
  width: 4vw;
  border-left: 1px solid #909090;
}
.pr-re__centerBlock{
  flex: 1;
  min-width: 0;
}
.product__inner .pr-re__image__inner {
  background-image: url("https://jhoice.jp/wp-content/uploads/2026/01/top-products-image.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  flex: 1;
  min-width: 300px;
  max-width: 500px;
  padding: 25px;
  background-origin: content-box;
  background-clip: content-box;
}
.relation__inner .pr-re__image__inner {
  background-image: url("https://jhoice.jp/wp-content/uploads/2025/12/re-image-2-scaled.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  flex: 1;
  min-width: 300px;
  max-width: 500px;
  padding: 25px;
  background-origin: content-box;
  background-clip: content-box;
}
.pr-re__text__inner{
  border-left: 1px solid #909090;
  padding: 12vh 7vw;
  padding: 12dvh 7vw;
  white-space: nowrap;
  flex: 1;
    justify-content: center;
    gap: 7vw !important;
}
.pr-re__bodyBlock, .pr-re__bodyBlock > .wp-block-group{
  display: block;
}
.pr-re__title__left{
  margin-right: 2.08vw !important;
  position: relative;
  padding-top: 170px;
  height: fit-content;
  width: 4vw;
  max-width: 60px;
  min-width: 50px;
  opacity: 0;
  transform: translateY(-20px); /* 下から少し浮かび上がる */
  filter: blur(8px);
  transition: opacity 1s ease, transform 1s ease, filter 1.2s ease;
}
.pr-re__title__right{
  margin-right: 3.13vw !important;
  height: fit-content;
  width: 4vw;
  max-width: 60px;
  min-width: 50px;
  opacity: 0;
  transform: translateY(-20px); /* 下から少し浮かび上がる */
  filter: blur(8px);
  transition: opacity 1s ease, transform 1s ease, filter 1.2s ease;
}
.pr-re__title__left img, .pr-re__title__right img{
  width: 100%;
}
.pr-re__title__eng{
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  -ms-writing-mode: tb-rl;
  font-family: "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
  font-size: clamp(17px, 1.3021vw, 25px);
  letter-spacing: 0.05em;
  color: #adadad;
  height: fit-content;
  position: relative;
  opacity: 0;
  transform: translateY(-20px); /* 下から少し浮かび上がる */
  filter: blur(8px);
  transition: opacity 1s ease, transform 1s ease, filter 1.2s ease;
}
.pr-re__title__eng::after {
  position: absolute;
  content: "";
  left: 56%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: 20px;
  width: 1px;
  height: 80px;
  background-color: #adadad;
}
.pr-re__body__text:nth-child(2), .pr-re__body__text:nth-child(3){
  margin-top: 30px;
}
.pr-re__bodyBlock{
  align-items: flex-end;
  padding-top: 300px;
  opacity: 0;
  transform: translateY(-20px); /* 下から少し浮かび上がる */
  filter: blur(8px);
  transition: opacity 1s ease, transform 1s ease, filter 1.2s ease;
}
.pr-re__bodyBlock .more__box{
  margin-top: 80px !important;
  margin-left: auto !important;
}
.pr-re__title{
  font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  line-height: 1;
  color: #adadad;
}
.relation__wrapper .pr-re__centerBlock{
  flex-direction: row-reverse;
}
.relation__wrapper .pr-re__text__inner{
  border-left: none;
  border-right: 1px solid #909090;
}
.animate-in {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}


.gallery__wrapper{
  margin-top: calc(100vh / 2);
  margin-top: calc(100dvh / 2);
}
.ga__imageBlock{
  margin-bottom: 0;
  position: relative;
}
.ga__image{
  margin-bottom: 15px;
}
.ga__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* 四辺に均一なフェードを作る */
  -webkit-mask-image:
    linear-gradient(to right, transparent, black 15%, black 85%, transparent),
    linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
  -webkit-mask-composite: multiply;
  mask-image:
    linear-gradient(to right, transparent, black 15%, black 85%, transparent),
    linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
  mask-composite: intersect;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: cover;
  mask-size: cover;
}

.ga__01{
  width: 43vw;
  margin-left: 53vw;
}
.ga__text__inner{
  position: relative;
  justify-content: space-between;
}
.ga__text{
  font-family: "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  color: #989898;
  line-height: 1.6;
}
.ga__01 .ga__text{
  width: 38%;
}
.ga__title{
  font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(17px, 1.3021vw, 21px) !important;
  letter-spacing: 0.2em;
  line-height: 1.5 !important;
  color: #d0d0d0;
  display: block !important; /* inline-blockよりblockの方がSafariでは安定します */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
.ga__02{
  width: 25vw;
  margin-top: 50px;
  margin-left: 10vw;
}
.ga__02 .ga__text{
  width: 45%;
}
.ga__03{
  width: 22.5vw;
  margin-top: 230px;
  margin-left: 29vw;
}
.ga__up__inner{
  align-items: flex-end;
  gap: 15px !important;
}
.ga__03 .ga__text{
  width: 45%;
}
.ga__04{
  width: 21.5vw;
  margin-top: 50px;
  margin-left: 63vw;
}
.ga__04 .ga__text__inner{
  justify-content: flex-end;
}
.ga__04 .ga__text{
  width: 60%;
}
.ga__05{
  width: 47vw;
  margin-top: 200px;
  margin-left: 14vw;
}
.ga__05 .ga__text{
  width: 35%;
}
/* --- 既存の文字／テキストアニメーション（参照されたもの） --- */
.ga__char, .ga-char {
  display: inline-block;
  opacity: 0;
  filter: blur(6px);               /* 最初は強めにぼかす */
  transform: translateY(0.5em);    /* 少し下から浮かび上がる */
  transition: opacity 2.5s ease, filter 2.5s ease, transform 2.5s ease;
}

.ga__char.visible, .ga-char.visible {
  opacity: 1;
  filter: blur(0px);               /* ブラーが晴れていく */
  transform: translateY(0);        /* 元の位置に収まる */
}

/* テキストのブラー / フェード */
.ga__text {
 opacity: 0;
  filter: blur(10px);
  transform: translateY(1em);
}

/* フェードアウト用（タイトル／テキストをペアで消す際に使う） */
.ga__title.fade-out,
.ga__text.fade-out {
  /* フェードアウト時はブラーをほんの少し残しつつ下に滑らせる */
  opacity: 0 !important;
  filter: blur(6px) !important;
  transform: translateY(0.6em) !important;
  transition: opacity 3.3s ease, filter 3.3s ease, transform 3.3s ease;
}

/* フェードイン状態（補助） */
.ga__title.fade-in{
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.ga__text.fade-in{
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition: opacity 3.8s cubic-bezier(0.25, 1, 0.5, 1), filter 3.8s ease, transform 3.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 小さなユーティリティ：文字（span）に個別表示のための遅延を適用できるように */
.ga__char, .ga-char {
  will-change: opacity, transform, filter;
}




.other__container{
  margin-bottom: 0;
  position: relative;
  will-change: transform;
}


.info__wrapper {
  transition: background-color 2s ease, background-image 2s ease;
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 200px;
}
.info__wrapper.bg-on {
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}
.info__wrapper.bg-off {
  background-color: transparent;
  background-image: none;
}
.info__wrapper > .wp-block-group__inner-container, .news__wrapper > .wp-block-group__inner-container, .oc__wrapper{
  width: 70%;
  max-width: 1320px;
  margin: 0 auto !important;
}
.info__inner{
  margin-top: 80px;
}
.info__image{
  margin-bottom: 0;
}
.info__image img{
  width: 100%;
}
.info__jhoiceBlock{
  margin-top: 100px;
  margin-bottom: 0;
}
.info__logo{
  margin-bottom: 0;
  width: 40%;
  max-width: 250px;
  margin-left: auto;
}
.info__jhoiceText{
  margin-top: 50px;
  margin-bottom: 0;
  font-family: "GillSansMTPro-Book", "Gill Sans", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
  font-size: clamp(11px, 0.573vw, 11px);
  letter-spacing: 0.2em;
  line-height: 2;
  color: #707070;
}
.info__jhoiceText__last{
  margin-top: 30px;
}
.info__otherBlock{
  width: 90%;
  margin-left: 10%;
  margin-top: 100px;
  margin-bottom: 0;
  justify-content: flex-end;
  gap: 50px !important;
}
.info__ot__inner{
  gap: 50px !important;
  justify-content: flex-end;
}
.info__ot__column, .info__ot__column > .wp-block-group{
  display: block;
}
.info__ot__title{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(14px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  line-height: 1;
  color: #707070;
  padding-bottom: 15px;
  border-bottom: 1px solid #707070;
}
.info__ot__text{
  margin-top: 20px;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(14px, 0.8333vw, 16px);
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #707070;
  padding-top: 10px;
}
.info__onlineshopBlock{
  width: 90%;
  margin-left: 10%;
  margin-top: 100px;
  margin-bottom: 0;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  justify-content: space-between;
  align-items: center;
  flex-direction: row !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.info__instagramBlock{
  width: 90%;
  margin-left: 10%;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #707070;
  justify-content: space-between;
  align-items: center;
  flex-direction: row !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.info__onlineshopBlock a, .info__instagramBlock a{
  display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      padding: 35px;
      align-items: center;
}
.info__onlineshopBlock::before, .info__onlineshopBlock::after, .info__instagramBlock::before, .info__instagramBlock::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4;
  transform: scaleX(0);
  transform-origin: right; /* 解除時は右へ消える */
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.info__onlineshopBlock::before { top: 0; }
.info__onlineshopBlock::after { bottom: 0; }
.info__instagramBlock::before { top: 0; }
.info__instagramBlock::after { bottom: 0; }
.info__onlineshopBlock:hover::before, .info__onlineshopBlock:hover::after {
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.info__instagramBlock:hover::before, .info__instagramBlock:hover::after {
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.info__os-in__text{
  font-family: "GaramondPremrPro-SmbdIt", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
font-weight: 500 !important;
font-style: italic;
  font-size: clamp(18px, 1.5625vw, 30px);
  letter-spacing: -0.07em;
  margin-bottom: -10px !important;
  padding-right: 8px;
  margin-right: -0.15em;
  display: inline-block;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    to right,
    #c4c4c4 0%, #c4c4c4 50%,
    #707070 54%, #707070 100%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-origin: border-box;
  background-origin: border-box;
}
.info__onlineshopBlock:hover .info__os-in__text {
  animation: textIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.info__instagramBlock:hover .info__os-in__text {
  animation: textIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.info__onlineshopBlock:not(:hover) .info__os-in__text {
  animation: textOut 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.info__instagramBlock:not(:hover) .info__os-in__text {
  animation: textOut 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes textIn {
  from { background-position: 100% 0; }
  to   { background-position: 0% 0; }
}

@keyframes textOut {
  from {
    background-image: linear-gradient(to right, #707070 0%, #707070 50%, #c4c4c4 54%, #c4c4c4 100%);
    background-position: 100% 0;
  }
  to {
    background-image: linear-gradient(to right, #707070 0%, #707070 50%, #c4c4c4 54%, #c4c4c4 100%);
    background-position: 0% 0;
  }
}
.another__window{
  width: 25px;
  height: 25px;
}
.another__window img{
  width: 25px;
  opacity: .7;
  vertical-align: top;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.more__box:hover .another__window img{
  opacity: 1;
}
.info__onlineshopBlock:hover .another__window img{
  opacity: 1;
}
.info__instagramBlock:hover .another__window img{
  opacity: 1;
}



.news__wrapper {
  margin-bottom: 0;
  padding-top: 200px;
  padding-bottom: 200px;
  background-color: #404C4E;
  background-image: url("https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png");
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}
.news__jp__index{
font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
font-size: clamp(17px, 1.3021vw, 25px);
letter-spacing: 0.1em;
color: #fff;
line-height: 1;
margin-top: 20px;
margin-bottom: 0;
}
.news__inner{
  margin-top: 80px;
  gap: 5vw !important;
  position: relative;
}
.news__image{
  max-width: 500px;
  flex: 1;
}
.news__postBlock{
      flex: 2;
}
.news__postBlock > .wp-block-group{
  width: 100%;
}
.news__list .p-postList.-type-simple{
  border-top: 1px solid #707070;
}
.news__list .p-postList__item a{
  border-bottom: 1px solid #707070;
  padding: 30px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.news__list .p-postList__item a::before, .news__list .p-postList__item a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4; /* 動くラインの色 */
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.news__list .p-postList__item a::before {
  top: 0;
}
.news__list .p-postList__item a::after {
  bottom: 0;
}
.news__list .p-postList__item a:hover::before, .news__list .p-postList__item a:hover::after {
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.-type-simple .p-postList__link:hover{
    background-color: inherit;
}
.news__list .p-postList__meta{
  margin-bottom: 0;
}
.news__list .p-postList__times{
  margin: 0;
  padding: 0;
}
.news__list .c-postTimes__posted{
  display: block !important;
  line-height: 1;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(14px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  text-align: left;
  color: #adadad;
}
.news__list .p-postList__title{
  margin-top: 15px !important;
font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
font-size:  clamp(16px, 1.0417vw, 20px);
letter-spacing: 0.1em;
color: #d0d0d0 !important;
}
.news__postBlock .more__box{
  margin-left: auto;
  margin-top: 60px;
  align-items: center;
  justify-content: space-between;
}


.contact__wrapper{
  height: 800px;
}
.contact__wrapper > .wp-block-group__inner-container{
  height: 100%;
}
.contact__inner{
  position: relative;
  height: 100%;
}
.contact__inner > .wp-block-cover__inner-container{
  position: relative;
  width: 100%;
  height: 100%;
}
.contact__contents{
  gap: 5vw !important;
  align-items: center;
  position: absolute;
  bottom: 150px;
  left: 15vw;
}
.eng__heading{
font-family: "GaramondPremrPro-SmbdIt", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
font-weight: 500 !important;
font-style: italic;
font-size: clamp(50px, 7.25vw, 120px) !important;
letter-spacing: -0.07em;
color: #adadad !important;
background: none !important;
line-height: 1 !important;
}
.eng__heading::before{
  content: none !important;
}
.contact__body{
  line-height: 1;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(13px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  color: #d0d0d0;

}
.contact__more{
  width: 10vw;
  min-width: 100px;
}





.l-footer{
  z-index: 10;
}
.footer__container{
  background-color: #080808;
  background-image: url("https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png");
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
  flex-wrap: wrap;
  padding: 8vw;
  gap: 80px !important;
}
.f__index__wrapper{
  flex: 0 0 auto;
  white-space: nowrap;
}
.f__moveTop{
  flex: 1;
  min-width: 0;
}
.f__bottom__wrapper{
  flex: 0 0 100%;
}
.f__jhoiceTitle{
  width: 200px;
}
.f__index__inner{
  margin-top: 80px;
  border-top: 1px solid #707070;
  padding-top: 30px;
  gap: 6vw !important;
}
.f__index__inner a{
  transition: opacity .5s ease;
}
.f__index__inner a:hover{
  opacity: .5;
}
.f__index__column{
  position: relative;
  flex-direction: column;
}
.f__index__column > .wp-block-group{
  flex-direction: column;
}
.f__page__title{
font-family: "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
font-size: clamp(16px, 1.0417vw, 20px) !important;
color: #707070;
margin-bottom: 30px !important;
}
.f__page__title::before{
  content: none !important;
}
.f__page__contents{
  flex-direction: column;
}
.f__page__contents > .wp-block-group{
  flex-direction: column;
}
.f__page__head{
font-family: YakuHanJPs, "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
font-size: clamp(14px, 0.8333vw, 16px) !important;
color: #707070;
line-height: 1 !important;
margin-bottom: 20px !important;
}
.f__page__head.second{
  margin-top: 30px !important;
}
.f__page__text{
  margin-top: 15px !important;
  margin-left: 10px !important;
font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
font-size: clamp(13px, 0.7813vw, 15px);
color: #707070;
line-height: 1;
}
.f__page__text.first{
  margin-top: 0 !important;
}
.f__move__image{
  max-width: 200px;
  width: 100%;
}
.f__moveTop{
  justify-content: center;
  align-items: flex-start;
  padding-top: 131px;
}
.f__bottom__wrapper{
  gap: 60px !important;
}
.f__bottom__gallery{
  flex: 1;
  min-width: 0;
}
.f__bottom__linkBlock{
  min-width: 40%;
  flex: 0 0 auto;
  white-space: nowrap;
}
.f__bottom__gallery{
  gap: 3vw !important;
}
.f__image{
  min-height: inherit !important;
  flex: auto;
}
.footer__container .info__onlineshopBlock, .footer__container .info__instagramBlock{
  width: 100%;
}







/*PC__アバウトページ*/
.page-id-3687 .all__container{
  padding-bottom: 0;
}
.page-id-3687 .all-wrapper{
  padding-top: 100px;
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}
.pages__fv__wrapper{
  position: relative;
  width: 100vw;
  height: calc(100vh - 100px);
  height: calc(100dvh - 100px);
  margin-bottom: 0 !important;
}
.pages__fv__wrapper .eng__heading{
  position: absolute;
  bottom: 50px;
  left: 5%;
}
.sp__eng__heading{
  display: none;
}
.pages__fv__inner{
  position: relative;
  width: 100vw;
  height: calc(100vh - 100px);
  height: calc(100dvh - 100px);
  margin-bottom: 0 !important;
  justify-content: flex-end;
  gap: 70px !important;
}

.pages__fv__index{
  position: relative;
  top: 70px;
  flex-direction: column !important;
  gap: 50px !important;
  width: fit-content;
}
.pages__fv__image{
  width: 46.8%;
  height: calc(100vh - 100px);
  height: calc(100dvh - 100px);
}
.pages__index__title, .pages__index__text{
  line-height: 1;
}
.pages__index__title{
  margin-bottom: 20px !important;
  font-family: YakuHanJPs, "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
  font-size: clamp(13px, 0.9375vw, 18px);
}
.pages__index__text{
  margin-bottom: 15px !important;
  margin-left: 10px !important;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  color: #adadad;
}
.pages__index__text:last-child{
  margin-bottom: 0 !important;
}

.pages__main__inner{
  width: 90%;
  margin: 0 auto;
  padding-top: 200px;
}
.ab__main__column{
  position: relative;
  margin-bottom: 200px;
}
.pages__column__heading{
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #909090;
}
.pages__heading__eng{
  font-family: YakuHanJPs, "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
  font-size: clamp(15px, 0.9375vw, 18px);
  color: #adadad;
}
.pages__heading__jp{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(13px, 0.7813vw, 15px);
  color: #adadad;
}
.ab__vision__block{
  margin-top: 150px;
  gap: 10vw !important;
  justify-content: center;
}
.ab__vision__image{
  width: 40%;
}
.ab__vision__contents{
  flex: 0 1 auto;
  white-space: nowrap;
}
.ab__vision__title{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(26px, 3vw, 40px) !important;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  letter-spacing: 0.2em;
  line-height: 1.8 !important;
  color: #d0d0d0 !important;
  display: block;
  margin-left: auto !important;
}
.ab__vision__bodyInner{
  margin-top: -30px;
  gap: 50px !important;
}
.ab__vision__bodyText{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(14px, 0.8333vw, 16px);
    letter-spacing: 0.1em;
    line-height: 1.85;
    color: #d0d0d0;
}

/*another design*/
.ab__main__column.ver01{
  display: none;
}
.no2.ab__vision__contents > .wp-block-group{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.no2 .ab__vision__title{
  margin-left: inherit !important;
}
.no2 .ab__vision__bodyInner{
  margin-top: 10vw;
  margin-left: 10vw;
}
.ab__vision__firstColumn{
  gap: 50px !important;
}
.ab__vision__secondColumn{
  gap: 50px !important;
  margin-top: 30px !important;
  margin-left: 10vw !important;
}


.ab__pri__num{
  position: absolute;
  top: 14vh;
  right: 0;
  margin-bottom: 0;
}
.ab__pri__num04{
  position: absolute;
  top: 90px;
  right: 0;
  margin-bottom: 0;
  opacity: 0;
}
.pri__num__now {
  position: relative;
  overflow: hidden;
}
.pri__num__all{
  margin-top: 25px !important;
}
.pri__num__all::before{
  position: relative;
  display: inline-block;
  content: "";
  background: #adadad;
  width: 1px;
  height: 50px;
  margin-top: -32px;
  margin-right: 1px;
  margin-left: -1px;
  vertical-align: middle;
  transform: rotate(50deg);
}
.pri__num__text {
  display: block;
  transform-origin: center center;
  backface-visibility: hidden; /* 回転時の裏面非表示 */
  perspective: 800px; /* 立体感の距離感 */
  will-change: transform, opacity;
  transform: translateY(0);
}
.pri__num__text, .pri__num__textAll, .pri__num04__text{
  font-size: 11px !important;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  line-height: 1 !important;
  letter-spacing: 0.2em;
  color: #adadad;
}
.num02, .num03, .num04{
  opacity: 0;
}
.ab__principle__block{
  width: 90%;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 150px;
  border-bottom: 1px solid #909090;
  position: relative;
}
.last__principle{
  position: relative;
}
.ab__pri__center{
  gap: 60px !important;
}
.pri__center__title{
  flex-direction: row !important;
  gap: 20px !important;
  align-items: flex-start;
  justify-content: center;
}
.pri__center__titleText{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(23px, 1.8vw, 35px) !important;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  -ms-writing-mode: tb-rl;
  letter-spacing: 0.2em;
  line-height: 1.6 !important;
  color: #d0d0d0 !important;
  margin-left: 33px !important;
}
.pri__center__numText{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: 13px !important;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  line-height: 1 !important;
  color: #d0d0d0;
  display: inline-block;
  padding-top: 1px;
}
.pri__center__body{
  text-align: center;
}
.ab__char, .ab-char {
  display: inline-block;
  opacity: 0;
  filter: blur(6px);               /* 最初は強めにぼかす */
  transform: translateY(0.5em);    /* 少し下から浮かび上がる */
  transition: opacity 1.8s ease, filter 1.8s ease, transform 1.8s ease;
}
.ab__char.visible, .ab-char.visible {
  opacity: 1;
  filter: blur(0px);               /* ブラーが晴れていく */
  transform: translateY(0);        /* 元の位置に収まる */
}
.ab__vision__bodyText {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(1em);
  transition: opacity 2.2s ease, filter 2.2s ease, transform 2.2s ease;
}
.ab__vision__bodyText.active {
  opacity: 1;
  filter: blur(0px);
  transform: translateY(0);
}
/* タイトル（文字ごとアニメーション） */
.pri__center__titleText span {
  display: inline-block;
  opacity: 0;
  transform: translateX(-15px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

/* 数字と本文 */
.pri__center__numText,
.pri__center__body {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}

/* ========== アニメーション発火時 ========== */
.pri__center__titleText.active span {
  opacity: 1;
  transform: translateX(0);
}

.pri__center__numText.active,
.pri__center__body.active {
  opacity: 1;
  transform: translateY(0);
}







/*PC__プロダクトページ*/
.page-id-3759 .-type-card .p-postList__link{
  height: auto;
}
.page-id-3759 .all__container{
  padding-bottom: 0;
}
.page-id-3759 .all-wrapper{
  padding-top: 100px;
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}

.pr__main__inner{
  gap: 8vw !important;
  position: relative;
  padding-bottom: 100px;
}
.pr__left__inner, .re__left__inner{
  white-space: nowrap;
  position: sticky;
  top: 200px;
  left: 5%;
  height: fit-content;
  padding-bottom: 100px;
}
.pr__right__inner, .re__right__inner{
  display: block !important;
  flex-grow: 1;
}
.index__imageBlock{
  position: relative;
}
[class^="ii_no"]{ opacity:0; }
[class^="ii_no"].img-active{ opacity:1; }
[class^="ii_no"]:not(.img-active){ opacity:0 !important; }

.ii_no1 {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease, z-index 0.3s ease;
}
.ii_no2{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 1s ease, z-index 0.3s ease;
}
.ii_no3{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  transition: opacity 1s ease, z-index 0.3s ease;
}
.ii_no4{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  opacity: 0;
  transition: opacity 1s ease, z-index 0.3s ease;
}
.img-active {
  opacity: 1 !important;
}
.pr__left__inner .pages__fv__index, .re__left__inner .pages__fv__index{
  top: 0;
  margin-top: 50px;
}
.it_no1, .it_no2, .it_no3, .it_no4, .it_no5{
  opacity: 0.5;
  transition: opacity 1s ease;
}
.pr__main__column, .re__main__column{
  display: block !important;
}
.pr__main__column:nth-child(1), .re__main__column:nth-child(1){
  margin-bottom: 200px;
}
.policy__block{
  align-items: flex-end;
}
.pr__titleText{
  padding-top: 150px !important;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(26px, 3vw, 40px) !important;
    letter-spacing: 0.2em;
    line-height: 1.8 !important;
    color: #d0d0d0 !important;
}
.policy__bodyInner{
  width: auto !important;
  margin-top: 100px !important;
}
.policy__body:nth-child(2), .policy__body:nth-child(3), .policy__body:nth-child(4), .policy__body:nth-child(5), .policy__body:nth-child(6), .policy__body:nth-child(7){
  margin-top: 30px !important;
}
.pl__block{
  margin-left: 5vw;
  gap: 3vw !important;
}
.pr__main__column .pl__box__block, .pr__main__column .pl__limited__block{
  margin-top: 0;
  padding-top: 150px;
}
.pl__block .p-postList.-type-card{
  margin-left: 0;
  margin-right: 0;
}
.pl__block .p-postList{
  flex-direction: column;
}
.chocolate_list__item {
    margin-top: 100px !important;
    margin-bottom: 0 !important;
    padding-top: 80px;
    border-top: 1px solid #898989;
}
.chocolate_list__item:last-child{
  margin-bottom: 100px !important;
}
.chocolate_list__container {
    display: grid;
    grid-template-columns: 2fr 1fr 1.6fr;
    gap: 2vw !important;
    grid-template-areas:
    "left center right";
}
.chocolate_list__col {
    display: flex;
    flex-direction: column;
}
.chocolate_list__col--left {
  grid-area: left;
}
.chocolate_list__col--center {
    align-items: center;
    text-align: center;
    margin-top: 50px;
    grid-area: center;
}
.chocolate_list__col--right {
    align-items: flex-start;
    position: relative;
    grid-area: right;
}
.chocolate_list__title {
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(20px, 1.3021vw, 25px) !important;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  -ms-writing-mode: tb-rl;
  letter-spacing: 0.2em;
  line-height: 1 !important;
  color: #d0d0d0 !important;
  max-height: 100%;
    flex-shrink: 0;
    white-space: nowrap;
    height: -webkit-fit-content;
}
.chocolate_list__ingredientsGroup {
  margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px !important;
}
.chocolate_list__label {
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  letter-spacing: 0.1em;
  line-height: 2;
  color: #adadad;
  padding-top: 20px;
  position: relative;
}
.chocolate_list__label::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 1px;
  background-color: #707070;
}
.chocolate_list__ingredientsValue {
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  letter-spacing: 0.1em;
  line-height: 2;
  color: #adadad;
  padding-top: 20px;
  text-align: right;
}
.chocolate_list__links{
  width: 100%;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
}

.chocolate_list__detail .arrow__container{
  width: 25px;
}
.chocolate_list__buy{
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.more__group{
  display: block !important;
    margin: 0 auto;
}
.pl__more{
  margin-left: auto;
  width: 33%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row !important;
  min-width: 275px;
}
.pl__more a{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  align-items: center;
}
.more__archive{
  margin-top: 30px;
  justify-content: flex-end;
}
.more__archive__text{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(11px, 0.7813vw, 13px);
    letter-spacing: 0.1em;
    color: #5a5a5a;
    display: inline-block;
    text-align: right;
}



.pl__index{
  margin-top: 100px !important;
  font-family: "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
    font-size: clamp(17px, 1.3021vw, 25px);
    letter-spacing: 0.05em;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
  -ms-writing-mode: tb-rl;
  line-height: 1 !important;
  color: #707070;
}
.pl__box__index, .pl__limited__index{
  margin-top: 0 !important;
}
.pl__boxInner > .wp-block-group{
  flex-direction: column;
  gap: 100px !important;
}
.pl__box__column{
    padding-top: 80px;
    border-top: 1px solid #898989;
    gap: 45px !important;
}
.pl__box__img{
  width: 25%;
}
.pl__box__bodyBlock{
  width: 75%;
}
.pl__box__name{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(20px, 1.3021vw, 25px) !important;
  letter-spacing: 0.2em;
  line-height: 1 !important;
  color: #d0d0d0;
}
.pl__box__name::before{
  content: none !important;
}
.pl__box__body{
  margin-top: 30px !important;
}
.ingredients__column{
  margin-top: 50px !important;
  flex-direction: row !important;
  gap: 50px !important;
}
.ingredients__heading{
  width: fit-content;
  white-space: nowrap;
  line-height: 1;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(12px, 0.6771vw, 13px);
    letter-spacing: 0.1em;
    color: #adadad;
}
.ingredients__notes{
  margin-top: 15px !important;
  line-height: 1.45;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(12px, 0.6771vw, 13px);
    letter-spacing: 0.1em;
    color: #707070;
}
.ingredients__right{
  width: 100%;
  height: fit-content;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.ingredients__chocolate{
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  width: fit-content;
  line-height: 1;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(12px, 0.6771vw, 13px);
    letter-spacing: 0.1em;
    color: #adadad;
}
.pl__box__bodyBlock .more__box{
  margin-top: 80px !important;
  flex-direction: row;
  margin-left: auto;
  justify-content: space-between;
}
.pl__box__bodyBlock .more__box a{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
}
.pl__limitedInner{
  padding-top: 80px;
      border-top: 1px solid #898989;
}
.pl__limited__column{
  gap: 50px !important;
  flex-wrap: wrap;
  position: relative;
}
.pl__limited__item{
  flex: 0 0 calc((100% - 150px) / 4);
}
.pl__limited__item .wp-block-tiptip-hyperlink-group-block{
  display: flex;
  flex-direction: column;
  gap: 15px !important;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pl__limited__item .wp-block-tiptip-hyperlink-group-block:hover{
  opacity: .5;
}
.pl__limited__name{
  line-height: 1.4;
}

.pr__first__column, .pl__chocolate__block, .pr__main__column .pl__box__block, .pr__main__column .pl__limited__block{
  opacity: 0;
  filter: blur(8px);
  transform: translateY(1em);
  transition: opacity 2.2s ease, filter 2.2s ease, transform 2.2s ease;
}
.pr__first__column.active, .pl__chocolate__block.active, .pl__box__block.active, .pl__limited__block.active {
  opacity: 1;
  filter: blur(0px);
  transform: translateY(0);
}








/*PC__リレーションページ*/
.page-id-3823 .-type-card .p-postList__link{
  height: auto;
}
.page-id-3823 .all__container{
  padding-bottom: 0;
}
.page-id-3823 .all-wrapper{
  padding-top: 100px;
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

html.pum-open,
html.pum-open body {
    background-color: #181A1D !important;
}
.re__policy__block{
  margin-right: 3vw;
}
.re__list__block{
  margin-left: 3vw;
  gap: 3vw !important;
      margin-top: 100px;
}
.re__list__block:nth-child(3), .re__list__block:nth-child(4){
  margin-top: 0;
  padding-top: 150px;
}
.re__index__inner{
  position: relative;
  align-items: center;
  text-align: center;
}
.re__index{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(17px, 1.3021vw, 21px);
    letter-spacing: 0.1em;
  line-height: 1 !important;
  color: #707070;
}
.vnum-num{
  font-size: clamp(15px, 0.9375vw, 18px);
}
.vnum-text{
  display: inline-block;
  -webkit-writing-mode: vertical-rl; /* Safari / Chrome 用 */
  writing-mode: vertical-rl;
    margin-top: 5px !important;
}


.re__intro__inner{
    display: block;
    flex-grow: 1;
}
.re__intro__inner > .wp-block-group{
  display: block;
  width: 100%;
}
.re__intro__column{
  margin-bottom: 100px !important;
  padding-top: 80px;
    border-top: 1px solid #898989;
  gap: 45px !important;
}
.re__intro__left{
  width: 35%;
}
.re__intro__right{
  width: 65%;
}
.re__intro__left, .re__intro__left > .wp-block-group{
  display: block !important;
}
.re__intro__right, .re__intro__right > .wp-block-group{
  display: block !important;
}
.re__intro__img{
  margin-bottom: 20px !important;
}
.re__intro__img img{
  aspect-ratio: 4 / 3;
object-fit: cover;
}
.re__intro__notes__group{
  display: block;
}
.re__intro__notes{
  display: flex;
  flex-direction: row;
  gap: 30px !important;
  position: relative;
}
.re__intro__notes:nth-child(1){
  padding-top: 20px;
  padding-bottom: 10px;
}
.re__intro__notes:nth-child(1)::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: #707070;
}
.re__intro__notes:nth-child(3){
  margin-top: 5px;
}
.re-label{
  white-space: nowrap;
  display: inline-block;
  flex: 0 0 auto;
}


.re__produce__left, .re__produce__right, .re__item__left, .re__item__right{
  position: relative;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  letter-spacing: 0.1em;
  line-height: 2;
  color: #adadad;
}
.re__produce__right, .re__item__right{
  white-space: normal;
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.65;
  padding-top: 2.3px;
}
.re__intro__address{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(15px, 0.9375vw, 18px);
  letter-spacing: 0.1em;
  line-height: 1.85;
  color: #D0D0D0;
}
.re__intro__name{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
      font-size: clamp(20px, 1.3021vw, 25px) !important;
      letter-spacing: 0.2em;
      line-height: 1.45 !important;
      color: #d0d0d0;
      margin-top: 10px !important;
}
.re__intro__name::before{
  content: none !important;
}
.re__intro__body{
  margin-top: 30px !important;
  margin-bottom: 45px !important;
}
.more__popup{
  margin-left: auto !important;
  padding: 20px;
}
.more__popup .more__title{
  margin-right: 150px !important;
}
.pum-overlay {
    z-index: 99999 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: rgba(0, 0, 0, 0.6) !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}





.pum-container {
  height: 80vh !important;
  max-width: 1000px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 10dvh !important;
  left: 50% !important;
  margin-left: 0 !important;
  transform: translate(-50%, 0);
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
  padding-right: 0;
}
.pum-container{
  margin-bottom: 0;
}
.pum-theme-3864 .pum-container, .pum-theme-enterprise-blue .pum-container{
  padding: 0;
}
.pum-theme-3864 .pum-content, .pum-theme-enterprise-blue .pum-content{
  padding: 5vw 7vw;
  background-color: #404C4E;
}
.pum-theme-3864 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close{
  width: 50px;
  height: 50px;
  top: 1.5vw;
  right: 1.5vw;
  font-size: 30px;
  line-height: 1;
  background-color: transparent;
}



.re__detail__wrapper{
  position: relative;
}
.re__detail__inner{
  position: relative;
}
.re__detail__image{
  margin-bottom: 50px;
}
.re__detail__title{
  margin-bottom: 40px !important;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(20px, 1.3021vw, 25px) !important;
    letter-spacing: 0.2em;
    line-height: 1.45 !important;
    color: #d0d0d0;
}

.re__sub__name{
  margin-bottom: 15px;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(15px, 0.9375vw, 18px);
    letter-spacing: 0.1em;
    line-height: 1;
    color: #D0D0D0;
}
.re__sub__address{
  margin-bottom: 0;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(15px, 0.9375vw, 18px);
    letter-spacing: 0.1em;
    line-height: 1;
    color: #D0D0D0;
}
.re__detail__main{
  margin-bottom: 100px;
  position: relative;
}
.re__detail__main::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: #adadad;
}
.re__detail__heading{
  padding-top: 50px !important;
  margin-bottom: 30px !important;
  font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(17px, 1.3021vw, 21px) !important;
  letter-spacing: 0.1em;
  color: #c4c4c4;
}
.re__detail__body{
  padding-top: 50px !important;
  margin-bottom: 0;
}
.re__detail__info{
  margin-bottom: 0;
}
.re__info__eng{
  padding-bottom: 5px !important;
  margin-bottom: 40px !important;
  font-family: YakuHanJPs, "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
    font-size: clamp(15px, 0.9375vw, 18px);
    color: #adadad;
    border-bottom: 1px solid #D0D0D0 !important;
}
.re__info__inner{
  margin-bottom: 0;
  align-items: stretch;
}
.re__info__image{
  width: 35%;
  padding-right: 40px;
  position: relative;
  overflow: hidden;
}
.re__info__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  aspect-ratio: auto !important;
}
.re__info__textBlock{
  width: 65%;
}
.re__info__name{
  margin-bottom: 30px;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(15px, 0.9375vw, 18px);
    letter-spacing: 0.1em;
    line-height: 1;
    color: #D0D0D0;
}
.re__info__text{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  letter-spacing: 0.1em;
  color: #adadad;
  margin-bottom: 5px;
}
.re__info__text:nth-child(2){
  margin-bottom: 15px;
}
.re__info__text:last-child{
  margin-bottom: 0 !important;
}
.re__intro__notes__pc, .re__intro__notes__pc > .wp-block-group{
  display: block !important;
}
.re__intro__notes__sp{
  display: none !important;
}

.re__first__column, #seisan, #kakou, #hyogen{
  opacity: 0;
  filter: blur(8px);
  transform: translateY(1em);
  transition: opacity 2.2s ease, filter 2.2s ease, transform 2.2s ease;
}
.re__first__column.active, #seisan.active, #kakou.active, #hyogen.active {
  opacity: 1;
  filter: blur(0px);
  transform: translateY(0);
}



/*chocolate-post詳細*/
.p-articleThumb__img{
  display: none !important;
}
.single-post .l-content{
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}
.single-post .post_content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.post__wrapper{
  width: 90%;
  margin: 0 auto;
  position: relative;
  gap: 8vw !important;
}
.post__left__container{
  padding: 30px 0;
  height: calc(100dvh - 100px - 30px);
  position: sticky;
  top: 130px;
  left: 0;
  gap: 70px !important;
  align-items: center;
  justify-content: space-between;
}
.post__right__container{
  margin-top: 100px !important;
}
.post__index__title{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(23px, 1.6vw, 35px) !important;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: inline-block;
-ms-writing-mode: tb-rl;
letter-spacing: 0.2em;
line-height: 1.8 !important;
color: #d0d0d0 !important;
/* ★Safariバグ対策：高さを確保する */
    height: 100%;             /* 親要素の高さ一杯まで使えるようにする */
    max-height: 100%;         /* 折り返しを強制させない */
    flex-shrink: 0;           /* 親がflexの場合、潰されないようにする */
    white-space: nowrap;      /* 基本的に折り返しを禁止する（brタグのみ有効にする） */
    height: -webkit-fit-content;
}
.post__index__title::before{
  content: none !important;
}
.post__index__inner, .post__index__inner .wp-block-group{
  flex-direction: column;
}
.post__index__inner{
  position: relative;
  white-space: nowrap;
}
.post__index__inner .wp-block-group{
  margin-top: -1px;
}
.post__index__inner::before{
  content: "";
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: #707070;
}
.post__index__inner > .wp-block-group{
  gap: 20px !important;
}
.post__index__column{
  flex-direction: row !important;
  gap: 20px !important;
}
.post__index__left{
  width: 35px;
}
.pi_leftText{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  letter-spacing: 0.1em;
  line-height: 2;
  color: #adadad;
}
.pi_rightText{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(12px, 0.6771vw, 13px);
  letter-spacing: 0.1em;
  line-height: 2;
  color: #adadad;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pi_rightText a{
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.pi__shopLink:hover{
  opacity: .5;
}
.post__mv{
  margin-bottom: 150px;
}
.post__mv img{
  width: 100%;
  aspect-ratio: 16 / 9;
object-fit: cover;
}
.post__main__container{
  padding-left: 5vw;
}
.overview__text{
  margin-bottom: 150px;
  font-size: clamp(15px, 0.9375vw, 18px);
}
.post__mainBlock{
  margin-bottom: 100px;
}
.post__heading{
  position: relative !important;
  padding-top: 30px !important;
  padding-bottom: 20px !important;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(17px, 1.3021vw, 21px) !important;
  line-height: 1.5 !important;
    color: #d0d0d0 !important;
}
.post__heading::before{
  content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: #707070;
}
.post__bodyText{
  margin-top: 40px;
}
.post__gallery{
  margin-top: 80px;
  gap: 40px !important;
}
.post__gallery figure{
  width: calc((100% - 40px) / 2) !important;
}
.post__productsBlock{
  padding-top: 50px;
}
.post__productsBlock .pl__block{
  margin-left: 0;
}
.post__productsBlock .pl__box__block{
  margin-top: 80px;
}
.post__productsBlock .pl__box__column{
  padding-top: 0;
  border-top: none;
}
.post__productsBlock .pl__box__name{
font-size: clamp(17px, 1.3021vw, 21px) !important;
}
.post__productsBlock .more__box{
  margin-left: 0;
  width: auto;
}

.pu__itemList .p-postList__meta{
  margin-top: 10px;
}
.p-postList__meta .p-postList__ingredients{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif; !important;
font-size: clamp(12px, 0.6771vw, 13px) !important;
letter-spacing: 0.1em !important;
line-height: 2 !important;
color: #adadad !important;
}

.oc__container{
  margin-bottom: 0;
}
.oc__wrapper{
  padding-top: 250px;
}
.oc__wrapper .pu__itemList{
  padding: 0;
  margin-top: 80px;
  margin-bottom: 100px;
}
.oc__wrapper .pu__itemList .p-postList__item:last-child{
  border-bottom: 1px solid #404040;
}
.p-articleFoot, .c-shareBtns{
  display: none;
}




/*PC__お知らせページ*/
.page-id-3989 .all__container{
  padding-bottom: 0;
}
.page-id-3989 .all-wrapper{
  padding-top: 100px;
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}



/*PC__お知らせ-post詳細*/
.post-news-template-default .p-articleMetas.-top, .post-news-template-default .oc__container{
  display: none;
}
.post-news-template-default .p-articleHead{
  display: block !important;
}
.post-news-template-default .l-content {
    background-color: #181A1D;
    background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
    background-repeat: repeat;
    background-size: 100px 100px;
    background-position: top left;
}
.post-news-template-default .l-article{
  padding-top: 250px;
    position: relative;
}
.post-news-template-default .p-articleHead, .post-news-template-default .c-news__date, .post-news-template-default .p-articleMetas__termList, .post-news-template-default .news__post__container{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 700px;
}
.post-news-template-default .p-articleHead, .post-news-template-default .c-news__date, .post-news-template-default .p-articleMetas__termList{
  text-align: center !important;
}
.post-news-template-default .p-articleMetas__termList{
  justify-content: center;
}
.post-news-template-default .c-postTitle__ttl{
    font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(20px, 1.3021vw, 25px) !important;
    letter-spacing: 0.2em;
    line-height: 1.45 !important;
    color: #d0d0d0;
    display: inline;
}
.post-news-template-default .c-news__date{
  margin-top: 50px;
  display: block !important;
    line-height: 1;
    font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(14px, 0.7813vw, 15px);
    letter-spacing: 0.1em;
    text-align: left;
    color: #adadad;
}
.post-news-template-default .p-articleMetas__termList{
  margin-top: 20px;
  position: relative;
}
.post-news-template-default .c-taxList:before{
  display: none;
}
.post-news-template-default .c-taxList__link{
  background: transparent;
  line-height: 1;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(14px, 0.7813vw, 15px);
  letter-spacing: 0.1em;
  text-align: left;
  color: #adadad;
  padding: 0;
}
.post-news-template-default .news__post__container{
  margin-top: 150px !important;
  margin-bottom: 0 !important;
  position: relative;
}
.post-news-template-default .p-articleMetas__termList::after{
  content: "";
  height: 1px;
  width: 100px;
  background-color: #404040;
  position: absolute;
  top: 50px;
  left: 50%;
    transform: translateX(-50%);
}



/*PC__コンタクトページ*/
.page-id-4013 .-type-card .p-postList__link{
  height: auto;
}
.page-id-4013 .all__container{
  padding-bottom: 200px;
}
.page-id-4013 .all-wrapper{
  padding-top: 100px;
  background-color: #181A1D;
  background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
  background-repeat: repeat;
  background-size: 100px 100px;
  background-position: top left;
}
.contact_mainBlock{
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.contact_body{
  margin-bottom: 100px;
}

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 50px 0;
}
.contact7 .must {
	background: #551B1B;
}
.contact7 .optional {
	background: #707070;
}
.contact7 .must,
.contact7 .optional {
	color: #BFBFBF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 30px;
	padding: 5px 10px;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
.btn_contact7 {
  margin-top: 80px;
	text-align: center;
}
.contact7 dt {
    float: left;
    clear: left;
    width: 35%;
    padding: 5px 10px 5px 0;
}
.btn_contact7 input {
	width: 100%;
	background-color: #707070;
	color: #181A1D;
	font-size: clamp(14px, 0.8333vw, 16px);
  border-radius: 10px;
	letter-spacing: 0.1em;
  padding-top: 30px;
  padding-bottom: 30px;
  border: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513;
}
.contact7 dd .wpcf7-form-control{
  width: 65%;
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 78%, .5);
      border-radius: 0;
      padding: 20px 30px;
}
.wpcf7-form-control::placeholder{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif; !important;
    font-size: clamp(14px, 0.7813vw, 15px);
    letter-spacing: 0.1em;
    line-height: 1.85;
    color: #333;
}
.wpcf7-form-control{
  color: #fff;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif; !important;
    font-size: clamp(14px, 0.7813vw, 15px);
    letter-spacing: 0.1em;
    line-height: 1.85;
}
.contact7 dd:last-child{
  margin-bottom: 80px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 20px 0 0;
}
.contact-privacy{
  border-bottom: 1px solid #c4c4c4;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  border: 2px solid #fff;
  margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    color: #fff;
    font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif; !important;
      font-size: clamp(14px, 0.7813vw, 15px);
      letter-spacing: 0.1em;
      line-height: 1.85;
}
.recaptcha{
  color: #333;
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif; !important;
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1.85;
}
.wpcf7-not-valid-tip{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif; !important;
    font-size: clamp(14px, 0.7813vw, 15px);
}
.wpcf7-list-item input{
  position: relative;
  top: 2px;
}




@media screen and (max-width:1080px) {

  /*SP__トップページ*/

  #fix_bottom_menu{
    display: none !important;
  }
  .mobile__br {
    display: inline;
  }
  .sp__display{
    display: inline-block;
  }
  .pc__br{
    display: none;
  }
  .pc__display{
    display: none;
  }

/**トップページ__fv**/
.fv__wrapper {
    --fv-bg-url: url(https://jhoice.jp/wp-content/uploads/2026/01/sp_top_firstview.webp);
    height: 101vh;
    height: 101dvh;
}
.fv__jhoice__box{
  top: 18vh;
  top: 18dvh;
  bottom: inherit;
    bottom: inherit;
    width: 80%;
}
.pc__logo{
  display: none;
}
.sp__logo{
  display: block;
}
.fv__logo img{
  width: 150px;
}
.fv__jhoice__text{
  font-size: 1rem;
  color: #fcfcfc;
}

/**トップページ__concept**/
.concept__wrapper {
    margin-top: 150px;
    padding-bottom: 0;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.concept__inner {
    width: 92vw;
    flex-direction: column-reverse;
    gap: 100px !important;
    max-width: 100%;
}
.co__right__container{
  white-space: normal;
  margin-top: 0 !important;
}
.co__right__container > .wp-block-group{
  width: 100%;
}
.co__right__title figure img{
  width: 18vw;
  max-width: 80px;
  min-width: 60px;
}
.co__right__textBox{
  margin-top: 80px;
  margin-left: 5vw;
}
.co__right__textBox > .wp-block-group{
  width: 100%;
}
.co__right__body{
  margin-top: 70px;
}
.co__right__body:nth-child(1){
  margin-left: 11vw;
}
.co__right__body:nth-child(2){
  margin-left: 7vw;
}
.co__right__body:nth-child(3){
  margin-left: 2vw;
}
.co__right__body:nth-child(4){
  margin-left: 8vw;
}
.co__right__body:nth-child(5){
  margin-left: 12vw;
}
.more__box{
  margin-top: 70px !important;
  margin-left: auto;
}
.eng__index.sp__display{
  margin-bottom: 50px !important;
}
.co__left__container{
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto !important;
}
.co__left__container .eng__index{
  display: none;
}
.co__left__img{
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0 !important;
}
.co__left__img__01{
  display: none;
}

/**トップページ__pickup**/
.pickup__wrapper{
  width: 86%;
  margin-left: auto;
}
.pu__titleBlock{
  margin-bottom: 20px !important;
}
.pu__itemList .p-postList__item a{
  gap: 20px !important;
}
.p-postList__meta .p-postList__ingredients{
  line-height: 1.6 !important;
}

/**トップページ__product - relation**/
.product__wrapper{
  max-width: 500px;
  margin: 120px auto 0;
  padding-bottom: 0;
}
.product__inner .pr-re__image__inner{
  display: none;
}
.pr-re__text__inner{
  padding: 80px 4vw;
  gap: 70px !important;
  border-left: none;
  white-space: normal;
  flex-direction: column-reverse;
}
.pr-re__headBlock{
  padding-left: 8vw;
}
.pr-re__titleBlock{
  justify-content: flex-end;
}
.pr-re__title__left{
  margin-right: 20px !important;
}
.pr-re__title__right{
  margin-right: 20px !important;
}
.pr-re__title__eng::after{
  margin-top: 10px;
}
.pr-re__bodyBlock{
  padding-top: 0;
  padding-left: 20px;
}
.pr-re__bodyBlock p{
  text-align: left;
}
.pr-re__body__text:nth-child(2), .pr-re__body__text:nth-child(3){
  margin-top: 20px;
}
.pr-re__bodyBlock .more__box{
  margin-top: 70px !important;
}
.relation__wrapper{
  max-width: 500px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: 0;
}
.relation__inner .pr-re__image__inner{
  display: none;
}
.relation__wrapper .pr-re__text__inner{
  border-right: none;
}



/**トップページ__product - relation**/
.gallery__wrapper{
  width: 92vw;
  max-width: 500px;
  margin-top: calc(100vh / 4);
  margin-top: calc(100dvh / 4);
  margin-right: auto;
  margin-left: auto;
}
.ga__text{
  line-height: 1.35;
}
.ga__01 {
    width: 70%;
    margin-left: auto;
}
.ga__01 .ga__text{
  width: 60%;
}
.ga__02 {
  width: 50%;
  margin-top: 80px;
  margin-left: 5%;
}
.ga__02 .ga__text {
    width: 55%;
}
.ga__03 {
    width: 60%;
    margin-top: 100px;
    margin-left: 15%;
}
.ga__03 .ga__text {
    width: 60%;
}
.ga__04 {
    width: 70%;
    margin-top: 80px;
    margin-left: 25%;
}
.ga__05 {
    width: 80%;
    margin-top: 100px;
    margin-left: 5%;
}
.ga__05 .ga__text__inner{
  flex-direction: row-reverse;
}
.ga__05 .ga__text{
    width: 55%;
}
.all__container{
  padding-bottom: calc(100vh / 4);
  padding-bottom: calc(100dvh / 4);
}


/**トップページ__info**/
.page-id-3510 .info__wrapper{
  padding-top: 0 !important;
  padding-bottom: 120px;
}
.info__wrapper{
  padding-top: 150px;
  padding-bottom: 120px;
}
.info__wrapper > .wp-block-group__inner-container, .news__wrapper > .wp-block-group__inner-container, .oc__wrapper{
  width: 90%;
  max-width: 500px;
}
.info__inner {
    margin-top: 50px;
}
.info__jhoiceBlock{
  margin-top: 50px;
}
.info__jhoiceText{
  margin-top: 30px;
  width: 70%;
  margin-left: auto;
}
.info__jhoiceText__last{
  margin-top: 15px;
  width: 70%;
  margin-left: auto;
}
.info__otherBlock{
  margin-top: 70px;
}
.info__onlineshopBlock{
  margin-top: 70px;
}
.news__postBlock{
  white-space: normal;
}


/**トップページ__news**/
.news__wrapper{
  padding-top: 120px;
  padding-bottom: 120px;
}
.news__inner{
  width: 90%;
  margin-top: 50px;
  flex-direction: column;
  gap: 30px !important;
}


/**トップページ__contact**/
.contact__wrapper{
  height: 400px;
}
.contact__inner{
  min-height: inherit;
}
.contact__contents{
  gap: 30px !important;
  bottom: 80px;
  left: 40%;
    transform: translateX(-50%);
}


/**トップページ__footer**/
.footer__container{
  padding: 100px 30px;
  gap: 60px !important;
}
.f__index__wrapper{
  flex: 0 0 100%;
}
.f__index__wrapper > .wp-block-group{
  width: 100%;
}
.f__index__column{
  flex-grow: 1;
}
.f__moveTop{
  display: none !important;
}
.f__bottom__wrapper{
  flex-direction: column-reverse;
}
.f__bottom__wrapper .info__onlineshopBlock, .f__bottom__wrapper .info__instagramBlock{
  width: 100%;
}
.f__image{
  aspect-ratio: 16/9;
}



/*SP__アバウトページ*/
.pc__eng__heading{
  display: none;
}
.pc__only{
  display: none;
}
.sp__eng__heading{
  display: block;
  position: relative !important;
  top: 0 !important;
  left: 5% !important;
  font-size: clamp(60px, 9.25vw, 120px) !important;
  margin-top: 60px !important;
  margin-bottom: 50px !important;
}
.pages__fv__inner{
  flex-direction: column-reverse;
  gap: 30px !important;
  justify-content: space-between;
  padding-bottom: 20px;
}
.pages__fv__textBlock, .pages__fv__textBlock > .wp-block-group{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pages__fv__index{
  top: inherit;
  left: inherit;
  width: auto;
  margin-right: 5%;
  margin-left: auto;
  gap: 15px !important;
}
.pages__fv__image{
  width: 85vw;
  margin-left: auto !important;
  height: auto;
  flex-grow: 1;
}
.pages__index__block{
  flex-direction: row !important;
}
.page-id-3687 .pages__index__title{
  margin-bottom: 0 !important;
  line-height: 1;
  min-width: 80px;
  color: #707070;
}
.page-id-3759 .pages__index__title{
  margin-bottom: 0 !important;
  line-height: 1;
  min-width: 110px;
  color: #707070;
}
.page-id-3823 .pages__index__title{
  margin-bottom: 0 !important;
  line-height: 1;
  min-width: 80px;
  color: #707070;
}
.pages__index__inner{
  overflow-x: auto;  /* 横スクロールを許可 */
  overflow-y: hidden; /* 縦スクロールは非表示 */
}
.pages__index__inner > .wp-block-group{
  flex-direction: row !important;
  gap: 15px !important;
  overflow-x: auto;  /* 横スクロールを許可 */
  overflow-y: hidden; /* 縦スクロールは非表示 */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* iOS慣性スクロール */
  cursor: grab;
}
.pages__index__inner > .wp-block-group::-webkit-scrollbar {
  display: none; /* スクロールバーを非表示にしたい場合 */
}
.pages__index__text{
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  line-height: 1;
  white-space: nowrap;
  color: #707070;
}

.pages__main__inner {
    padding-top: 150px;
}
.ab__main__column{
  margin-bottom: 150px;
}
.ab__vision__block {
  max-width: 500px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}
.ab__principle__block {
    width: 90%;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #909090;
    position: relative;
}

.ab__vision__contents{
  width: 100%;
}
.no2.ab__vision__contents > .wp-block-group{
  width: 100%;
  flex-direction: column;
}
.ab__vision__firstColumn{
  gap: 30px !important;
}
.ab__vision__secondColumn{
  margin-top: 10px !important;
  margin-left: 0 !important;
  gap: 30px !important;
}
.no2 .ab__vision__title{
  margin-right: 5vw !important;
}



/*sp__プロダクトページ*/
.pr__main__inner{
  display: block !important;
  padding-bottom: 0;
}
.pr__left__inner, .re__left__inner{
  display: none !important;
}
.policy__block{
  align-items: flex-start;
}
.pr__titleText{
  padding-top: 100px !important;
  text-align: left;
}
.policy__bodyInner{
  margin-top: 80px !important;
}
.policy__body:nth-child(2), .policy__body:nth-child(3), .policy__body:nth-child(4), .policy__body:nth-child(5), .policy__body:nth-child(6), .policy__body:nth-child(7){
  margin-top: 30px !important;
}
.pr__main__column:nth-child(1), .re__main__column:nth-child(1){
  margin-bottom: 150px;
}
.pr__first__column > .wp-block-group > .policy__block, .re__first__column > .wp-block-group > .policy__block{
  margin-left:  auto;
  margin-right: auto !important;
  padding-left: 5vw;
  padding-right: 5vw;
  max-width: 500px;
}
.pl__chocolate__block{
  flex-direction: column-reverse;
  gap: 30px !important;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  max-width: 500px;
}
.chocolate_list__container{
    grid-template-columns: fit-content(100%) 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
      "center left"
      "center right";
    gap: 40px !important;
}
.pl__index{
  margin-top: 0 !important;
  writing-mode: inherit;
    -ms-writing-mode: inherit;
}
.chocolate_list__item{
  margin-top: 0 !important;
  padding-top: 30px;
  margin-bottom: 70px !important;
}
.chocolate_list__col--center{
  margin-top: 0;
}
.chocolate_list__ingredientsGroup{
  margin-top: 20px;
}
.chocolate_list__label, .chocolate_list__ingredientsValue{
  padding-top: 15px;
}
.chocolate_list__col--right{
  margin-top: -10px !important;
}
.chocolate_list__links{
  margin-top: 40px;
}
.pl__more {
    margin-left: 0;
    width: auto;
    margin-top: 0;
    margin-right: 5vw !important;
    align-items: center;
  }
.more__archive{
  margin-right: 5vw !important;
}
.pr__main__column .pl__box__block, .pr__main__column .pl__limited__block{
  margin-top: 0;
  padding-top: 100px;
  flex-direction: column-reverse;
  gap: 30px !important;
  margin-left: auto;
        margin-right: auto;
        padding-left: 5vw;
        padding-right: 5vw;
        max-width: 500px;
}
.pl__box__column{
  flex-direction: column;
  gap: 30px !important;
  padding-top: 30px;
}
.pl__box__img, .pl__box__bodyBlock{
  width: 100%;
}
.pl__box__name{
  line-height: 1.4 !important;
}
.pl__box__body{
  margin-top: 20px !important;
}
.ingredients__column{
  flex-direction: column !important;
  margin-top: 30px !important;
  gap: 20px !important;
}
.ingredients__left{
  padding-top: 15px;
  position: relative;
}
.ingredients__left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 1px;
  background-color: #707070;
}
.ingredients__chocolate{
  margin-right: 20px;
}
.ingredients__notes{
  margin-top: 10px !important;
}
.pl__box__bodyBlock .more__box{
  margin-top: 50px !important;
}
.pl__boxInner > .wp-block-group{
  gap: 70px !important;
}
.pl__limitedInner{
  padding-top: 30px;
}
.pl__limited__column{
  gap: 30px !important;
}
.pl__limited__item{
    flex: 0 0 calc((100% - 30px) / 2);
}





/*sp__リレーションページ*/
.re__index{
  margin-top: 0 !important;
  writing-mode: inherit;
    -ms-writing-mode: inherit;
}
.pum-theme-3864 .pum-content, .pum-theme-enterprise-blue .pum-content{
  padding: 70px;
}
.pum-theme-3864 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close{
  top: 20px;
  right: 10px;
}
.re__list__block {
  max-width: 500px;
  margin-right: auto;
    margin-left: auto;
    gap: 30px !important;
    margin-top: 50px;
}
.re__list__block:nth-child(3), .re__list__block:nth-child(4){
  padding-top: 100px;
}
.vnum-text{
  margin-top: 5px !important;
}
.re__intro__column {
    margin-bottom: 70px !important;
    padding-top: 30px;
    gap: 0 !important;
    flex-direction: column;
}
.re__intro__left, .re__intro__right{
  width: 100%;
}
.re__intro__notes__pc{
  display: none !important;
}
.re__intro__notes__sp, .re__intro__notes__sp, .re__intro__notes__sp > .wp-block-group{
  display: block !important;
}
.re__intro__body{
  margin-bottom: 30px !important;
}
.re__intro__right .more__box{
  margin-top: 50px !important;
}
.re__detail__image{
  margin-bottom: 30px;
}
.re__detail__title{
  margin-bottom: 30px !important;
}

.re__detail__heading{
  margin-bottom: 20px !important;
}
.re__detail__main{
  margin-bottom: 70px;
}
.re__info__eng{
  margin-bottom: 30px !important;
}
.re__info__inner{
  flex-direction: column;
  gap: 20px !important;
}
.re__info__image{
  width: 100%;
  padding-right: 0;
}
.re__info__image img{
  aspect-ratio: 0 !important;
  min-height: 200px;
}
.re__info__textBlock{
  width: 100%;
}
.re__info__name{
  margin-bottom: 15px;
}
.re__info__text:nth-child(2){
  margin-bottom: 20px;
}
.pum-theme-3864 .pum-container, .pum-theme-enterprise-blue .pum-container{
  max-width: 500px !important;
}
.more__popup .more__title{
  margin-right: 70px !important;
}
.more__group{
    max-width: 500px;
}





/*sp__chocolate-post詳細ページ*/
.single-post #content{
  margin-top: -48px !important;
}
.single-post .post_content{
  padding-top: 0 !important;
}
.post__wrapper{
  flex-direction: column;
  gap: 0px !important;
  max-width: 500px;
}
.post__left__container{
  padding: 120px 0 50px;
  width: fit-content;
  height: fit-content;
  gap: 70px !important;
  align-items: flex-start;
  position: relative;
  top: inherit;
  left: inherit;
}
.post__right__container{
  margin-top: 0 !important;
}
.post__index__title{
  writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  white-space: normal;
}
.post__mv{
  margin-bottom: 50px;
}
.post__main__container{
  padding-left: 0;
}
.overview__text{
  margin-bottom: 70px;
}
.post__mainBlock{
  margin-bottom: 70px;
}
.post__gallery{
  margin-top: 50px;
  flex-direction: column;
  gap: 30px !important;
}
.post__gallery .wp-block-image{
  width: 100% !important;
}
.post__productsBlock{
  padding-top: 30px;
}
.post__productsBlock .pl__box__block{
  margin-top: 50px;
}
.oc__wrapper{
  padding-top: 150px;
}
.oc__wrapper .pu__itemList{
    margin-top: 50px;
    margin-bottom: 50px;
}
.oc__wrapper .pl__more{
  margin-left: 20%;
  margin-right: 0 !important;
}
.post__productsBlock .pl__box__bodyBlock .more__box{
  margin-left: 20%;
}


/*sp__news-post詳細ページ*/
.post-news-template-default .p-articleHead, .post-news-template-default .c-news__date, .post-news-template-default .p-articleMetas__termList, .post-news-template-default .news__post__container{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 500px;
}
.post-news-template-default .news__post__container{
  margin-top: 120px !important;
  margin-bottom: 0 !important;
}
.post-news-template-default .l-article{
  padding-top: 120px;
}


/*sp__コンタクトページ*/
.page-id-4013 .sp__eng__heading {
        padding-top: 101px !important;
    }
.contact_mainBlock{
  max-width: 500px;
}
.contact7 dt{
  width: 100%;
  margin-bottom: 10px;
}
.contact7 dd{
  margin-bottom: 30px;
}
.contact7 dd .wpcf7-form-control{
  width: 100%;
}
.contact7 .must, .contact7 .optional{
  margin-left: 10px;
}
.contact7 dd:last-child{
  margin-bottom: 50px;
}
.wpcf7-list-item input{
  position: relative;
  top: 3px;
}
.btn_contact7{
  margin-top: 50px;
}
.page-id-4013 .all__container{
  padding-bottom: 100px;
}



}


/*tb__トップページ*/
@media screen and (max-width:1430px) {
  .info__otherBlock{
    flex-wrap: wrap;
    gap: 30px !important;
  }
  .info__ot__inner{
    gap: 30px !important;
  }
  .info__ot__title{
    padding-bottom: 10px;
  }
}
@media screen and (max-width:700px) {
  .info__ot__inner{
    flex-wrap: wrap;
  }
  .contact__contents{
    left: 50%;
      transform: translateX(-50%);
  }
  .contact__more{
    min-width: 80px;
  }
  .f__index__wrapper, .f__index__wrapper > .wp-block-group{
    width: 100%;
  }
  .f__jhoiceTitle{
    width: 180px;
  }
  .f__index__inner{
    margin-top: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 35px !important;
  }
  .f__index__column{
    width: calc(50% - 35px / 2);
  }
  .f__page__text{
    display: none;
  }
  .f__page__title{
    margin-bottom: 15px !important;
  }
  .f__page__head{
    margin-left: 20px !important;
    margin-bottom: 15px !important;
  }
  .f__page__head.second{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .f__image:nth-child(3){
    display: none;
  }
  .pum-theme-3864 .pum-content, .pum-theme-enterprise-blue .pum-content{
    padding: 70px 30px 30px;
  }

}

@media screen and (min-width:1081px) and (max-width:1151px) {
  .policy__block{
    margin-left: 45%;
    align-items: flex-start;
  }
  .re__policy__block{
    margin-left: 45%;
    align-items: flex-start;
  }
  .pr__titleText{
    text-align: left;
  }
}

@media screen and (min-width:601px) and (max-width:1080px) {
  .pickup__wrapper {
      max-width: 500px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  .pu__itemList{
    padding: 0;
  }
.product__wrapper > .wp-block-group__inner-container, .relation__wrapper > .wp-block-group__inner-container{
  border-right: 1px solid #909090;
  border-left: 1px solid #909090;
}
.pr-re__leftBlock{
  border-right: none;
}
.pr-re__rightBlock{
  border-left: none;
}
.pr__first__column > .wp-block-group > .policy__block, .re__first__column > .wp-block-group > .policy__block {
    padding-left: 0;
    padding-right: 0;
}
.pl__chocolate__block {
    padding-left: 0;
    padding-right: 0;
}
.pl__box__block, .pl__limited__block {
  padding-left: 0;
  padding-right: 0;
}
.more__group .pl__more{
  margin-right: 0 !important;
}
}

@media screen and (max-width:600px) {
  .sp__br{
    display: inline;
  }
  .none__br{
    display: none;
  }
  .pl__more{
    min-width: inherit;
  }
  .more__title{
    white-space: nowrap;
    margin-right: 30px !important;
  }
  .news__postBlock .more__box{
    min-width: 200px;
  }
  .arrow__container{
    width: 25px;
  }
}

@media screen and (max-width:350px) {
  .small__none__br{
    display: none;
  }
  .pr__titleText{
    font-size: 22px !important;
  }
}




/*2025追記-アーカイブページ-*/
.page-numbers{
  background-color: transparent;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(12px, 0.7813vw, 15px);
    letter-spacing: 0.1em;
  color: #707070;
}
.page-numbers.current, .page-numbers:hover{
  background-color: transparent !important;
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
    font-size: clamp(12px, 0.7813vw, 15px);
    letter-spacing: 0.1em;
    color: #adadad;
}


/*2025追記-チョコレートアーカイブページ-*/
.category-16 #fix_bottom_menu{
  display: none;
}
.category-16{
  background-color: #181A1D;
    background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
    background-repeat: repeat;
    background-size: 100px 100px;
    background-position: top left;
}
.category-16 .p-breadcrumb{
  display: none;
}
.category-16 .l-content{
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100vw !important;
}
.category-16 #main_content{
  width: 90%;
  margin: 150px auto 0;
}
.category-16 .c-pageTitle{
  border-bottom: none;
  display: inline-block;
  text-align: left;
}
.category .c-pageTitle__inner{
  font-family: "GaramondPremrPro-SmbdIt", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif !important;
font-weight: 500 !important;
font-style: italic !important;
    font-size: clamp(20px, 1.5625vw, 30px) !important;
    letter-spacing: -0.07em !important;
    color: #d0d0d0 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
.category-16 .c-pageTitle:after{
  content: none;
}
.category-16 .p-termContent{
  margin-top: 100px;
}
.category-16 .p-postList.-type-card{
  margin-left: -40px;
  margin-right: -40px;
}
.category-16 .p-postList__item{
  width: 25% !important;
  margin-bottom: 80px;
  padding: 0 40px;
}
.category-16 .c-postThumb__cat{
  display: none;
}
.category-16 .p-postList__body{
  padding-top: 30px;
}
.category-16 .p-postList__title{
  font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
      font-size: clamp(14px, 0.7813vw, 15px);
      letter-spacing: 0.1em;
      line-height: 1.4;
      color: #c4c4c4 !important;
}
.category-16 .c-postThumb__figure{
  aspect-ratio: 1/1;
}


@media screen and (max-width:1430px) {
  .category-16 .p-termContent{
    margin-top: 50px !important;
  }
  .category-16 .p-postList.-type-card{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  .category-16 .p-postList__item{
    width: 25% !important;
    margin-bottom: 50px !important;
    padding: 0 15px !important;
  }
}
@media screen and (max-width:1080px) {
  .category-16 #main_content{
    margin-top: 70px;
    max-width: 500px !important;
  }
}
@media screen and (max-width:959px) {
  .category-16 .p-postList__item{
    margin-bottom: 30px !important;
    width: 50% !important;
    padding: 0 15px !important;
  }
  .category-16 .p-termContent{
    padding: 0 !important;
  }
  .category-16 .c-pageTitle{
    padding: 0 !important;
  }
}




/*2025追記-NEWS(アーカイブ)ページ-*/
.term-news-all .l-content {
    margin: -69px 0 0 0 !important;
    padding: 0 !important;
    max-width: 100vw !important;
}
.tax-news-category #content{
    margin: 0 !important;
    max-width: 100vw !important;
}
@media screen and (min-width:1081px) {
  .term-news-all .all-wrapper{
  padding-top: 31px;
}
}
@media screen and (max-width:1080px) {
  .term-news-all .all-wrapper{
  padding-top: 21px;
}
}
.term-news-all .all-wrapper, .term-news-all .all__container{
  padding-bottom: 0;
}
.tax-news-category #fix_bottom_menu{
  display: none;
}
.tax-news-category{
  background-color: #181A1D;
    background-image: url(https://jhoice.jp/wp-content/uploads/2025/09/bg_texture.png);
    background-repeat: repeat;
    background-size: 100px 100px;
    background-position: top left;
}
.tax-news-category .p-breadcrumb{
  display: none;
}
.term-news-all .c-pageTitle{
  display: none !important;
}
.tax-news-category .p-termContent{
  margin-top: 0;
}
.tax-news-category .pages__fv__wrapper{
  position: relative;
  width: 100vw;
  height: calc(100vh - 100px);
  height: calc(100dvh - 100px);
  margin-bottom: 0 !important;
}
.tax-news-category .pages__fv__wrapper .eng__heading{
  position: absolute;
  bottom: 50px;
  left: 5%;
}
.tax-news-category .sp__eng__heading{
  display: none;
}
.tax-news-category .pages__fv__inner{
  position: relative;
  width: 100vw;
  height: calc(100vh - 100px);
  height: calc(100dvh - 100px);
  margin-bottom: 0 !important;
  justify-content: flex-end;
  gap: 70px !important;
}
.tax-news-category .pages__fv__image{
  width: 46.8%;
  height: calc(100vh - 100px);
  height: calc(100dvh - 100px);
}
.tax-news-category .eng__heading{
    font-family: "GaramondPremrPro-SmbdIt", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
font-weight: 500 !important;
font-style: italic;
    font-size: clamp(50px, 7.25vw, 120px) !important;
    letter-spacing: -0.07em;
    color: #adadad !important;
    background: none !important;
    line-height: 1 !important;
    margin: 0;
    padding: 0;
}
.tax-news-category .eng__heading::before{
  content: none;
}
.tax-news-category .c-tabBody{
  width: 80%;
  margin: 200px 0 0 5%;
}
.tax-news-category .pages__fv__index{
  position: relative;
  top: 70px;
  flex-direction: column !important;
  gap: 50px !important;
  width: fit-content;
}
.tax-news-category .-type-simple .p-postList__link{
  padding: 50px .25em;
}
.tax-news-category .p-postList__body, .header-row__inner{
  display: flex;
  flex-direction: row;
}
.tax-news-category .day__block, .header-row__date{
  position: relative;
  white-space: nowrap;
  margin-right: 100px;
  margin-bottom: 0;
  min-width: 120px;
}
.tax-news-category .cat__block, .header-row__cat{
  position: relative;
  white-space: nowrap;
  margin-left: auto;
  margin-bottom: 0;
}
.tax-news-category .p-postList__title{
  position: relative;
  margin-right: 100px;
  font-family: "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
  font-size: clamp(16px, 1.0417vw, 20px);
  letter-spacing: 0.1em;
  color: #d0d0d0 !important;
}
.header-row__title{
  margin-right: 100px;
}
.tax-news-category .c-postTimes__posted, .tax-news-category .p-postList__cat{
  display: block !important;
line-height: 1;
font-family: YakuHanJPs, "FOT-UD明朝 Pr6N L", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
font-size: clamp(14px, 0.7813vw, 15px);
letter-spacing: 0.1em;
text-align: left;
color: #adadad;
}
.tax-news-category .p-postList__times, .tax-news-category .p-postList__cat{
  margin: 0;
  padding: 0;
}
.tax-news-category .p-postList__cat{
  margin-left: auto;
}
.header-row__date p,
.header-row__title p,
.header-row__cat p{
    font-family: YakuHanJPs, "AGaramondPro-Semibold", "Adobe Garamond Pro", "Garamond", "Cormorant Garamond", "Times New Roman", serif;
    font-size: clamp(15px, 0.9375vw, 18px);
    color: #adadad;
    letter-spacing: 0.1em;
    line-height: 1;
}
.tax-news-category .p-postList.-type-simple{
  border-top: none;
}
.header-row{
  padding-bottom: 20px;
}
.tax-news-category .p-postList__link:nth-child(n+2){
  border-bottom: 1px solid #707070;
  padding: 30px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.tax-news-category .p-postList a::before, .tax-news-category .p-postList a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c4c4c4; /* 動くラインの色 */
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.tax-news-category .p-postList a::before {
  top: 0;
}
.tax-news-category .p-postList a::after {
  bottom: 0;
}
.tax-news-category .p-postList a:hover::before, .tax-news-category .p-postList a:hover::after {
  transform-origin: left;
  transform: scaleX(1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.tax-news-category .c-pagination{
  justify-content: flex-start;
  margin-top: 60px;
}
.tax-news-category .c-pageTitle{
  width: 80% !important;
    margin: 0 0 100px 5% !important;
    padding-top: 150px !important;
    border-bottom: 0 !important;
  }
.tax-news-category .c-pageTitle__inner{
  font-family: YakuHanJPs, "FOT-テロップ明朝 Pro B", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;
font-size: clamp(20px, 1.3021vw, 25px) !important;
letter-spacing: 0.2em;
line-height: 1.45 !important;
color: #d0d0d0;
      line-height: 1;
      margin: 0 !important;
      padding: 0 !important;
}





@media screen and (max-width:1080px) {
  .page-id-3687 .all-wrapper, .page-id-3759 .all-wrapper, .page-id-3823 .all-wrapper, .page-id-3989 .all-wrapper, .page-id-4013 .all-wrapper{
padding-top: 69px;
}
.pages__fv__wrapper, .pages__fv__inner, .pages__fv__image, .tax-news-category .pages__fv__wrapper, .tax-news-category .pages__fv__inner, .tax-news-category .pages__fv__image{
height: calc(100vh - 69px);
  height: calc(100dvh - 69px);
}
.tax-news-category .pc__eng__heading{
  display: none;
}
.tax-news-category .pages__fv__inner {
    flex-direction: column-reverse;
    gap: 30px !important;
    justify-content: space-between;
    padding-bottom: 20px;
}
.tax-news-category .pages__fv__textBlock, .tax-news-category .pages__fv__textBlock > .wp-block-group{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.tax-news-category .sp__eng__heading {
    display: block;
    position: relative !important;
    top: 0 !important;
    left: 5% !important;
    font-size: clamp(60px, 9.25vw, 120px) !important;
    padding-top: 101px !important;
    margin-bottom: 50px !important;
}
.tax-news-category .pages__fv__image {
    width: 85vw;
    margin-left: auto !important;
    height: auto;
    min-height: inherit;
    flex-grow: 1;
}
.tax-news-category .c-tabBody{
  width: 90%;
  margin: 150px auto 0;
  max-width: 500px;
}
.header-row__cat, .tax-news-category .cat__block{
  display: none;
}
.header-row__title, .tax-news-category .p-postList__title{
  margin-right: 0;
}
.header-row{
  padding-bottom: 10px;
}
.tax-news-category .day__block, .header-row__date{
  margin-right: 30px;
}
.tax-news-category .c-pageTitle{
  width: 90% !important;
    margin: 0 auto 50px !important;
    padding-top: 72px !important;
    border-bottom: 0 !important;
    max-width: 500px !important;
}
}