@charset "utf-8";
img { max-width: 100%; height: auto; }
.mt3em { margin-top: 3em; }
.mt2em { margin-top: 2em; }
.mt1em { margin-top: 1em; }

.t-bold { font-weight: bold; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-sub { font-size: .9375rem; }


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

.page-head { text-align: center; padding: 300px 0 80px; }
@media screen and (max-width: 1000px) {
  .page-head  { padding: 30vw 0 5rem; }
  
}
.breadcrumb {display: flex ;justify-content: center; font-size: .7rem; }
.breadcrumb > li + li::before { content: '>'; display: inline-block; margin: 0 .5em; }

.mainvisual { position: relative; }
.mainvisual .img { width: calc(50% + 580px); max-width: 80%; height: 100vh; position: relative; }
.mainvisual .img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: 20% center;  }
.mainvisual .home-navi { position: absolute; top: 0; left: min(calc(50% + 580px), 80vw); writing-mode: vertical-lr; }
.mainvisual .home-navi-list { display: flex; justify-content: space-between; height: 100vh; line-height: 1; font-size: 2.5vh; }

.scroll-view { position: absolute; writing-mode: vertical-lr; right: 0; bottom: 0; line-height: 1; font-size: 1.7rem; } 



.home-lead { padding-left: 190px; position: relative; font-size: 1.125rem; }
.home-lead .title { writing-mode: vertical-lr; font-size: 4rem; position: absolute; left: 0; top: 0; margin: auto; }
.home-lead .name { font-size: 3rem; margin-bottom: 1em; }
.home-lead .name .en { font-size: .5em; margin-left: 1em; }
.home-lead .lead { font-size: 1.5rem; line-height: 2; margin-bottom: 3em; }
.home-lead .lead p { margin-bottom: 1em; }
.home-lead .sign { margin-top: 1em; text-align: right; }
.home-lead .link { display: flex; justify-content: space-between; font-size: 1.4rem; margin-top: 2em; }
.home-lead .link > li { width: 48%; }
.home-lead .link a { display: block; padding: 1em 0; border-bottom: 1px solid #707070; }

@media screen and (max-width: 1000px) {
  .home-lead { padding-left: 15vw; font-size: 1rem; }
  .home-lead .title { font-size: 5vw; }
  .home-lead .name { font-size: 2rem; }
  .home-lead .lead { font-size: 1.3rem; }
  .home-lead .link { font-size: 1.2rem; }
}

@media screen and (max-width: 600px) {
  .home-lead .link { font-size: 1rem; }
}

.title-home { font-size: 1.8rem; text-align: center; margin-bottom: 2em; }
.list-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 120px; }
.list-news .img { width: 100%; background: #FFF; margin-bottom: 1em; }
.list-news .img img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
.list-news .date { font-size: .75rem; }
.list-news .title { font-size: 1.25rem; margin: .5em 0; line-height: 1.5;  }
.list-news .content { font-size: .8375rem; }

@media screen and (max-width: 1200px) {
  .list-news { gap: 8vw; }
}
@media screen and (max-width: 900px) {
  .list-news { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 600px) {
  .list-news { grid-template-columns: repeat(1, 1fr); }
}

.page-title { font-size: 2.25rem; margin-top: .5em; }

@media screen and (max-width: 900px) {
  .page-title { font-size: 1.5rem; }
}

.comment-body { text-align: center; font-size: 1.25rem; line-height: 2; }
@media screen and (max-width: 900px) {
  .comment-body  { font-size: 1rem; text-align: left; }
  
}

.shop-items > li { display: flex; justify-content: space-between; }
.shop-items > li + li { padding-top: 100px; margin-top: 100px; border-top: 1px solid #D3D6CD; }
.shop-items .images { width: 45%; }
.shop-items .zoomimg img { width: 100%; aspect-ratio: 1 /1; object-fit: contain; }

.shop-items .slidenum { text-align: center; margin: .2em 0 .5em; font-size: 1.125rem;  }

.shop-items .thubmnail {position: relative; background: #D3D6CD; padding: 1rem; }
.shop-items .thubmnail .product-gallery { overflow: hidden; }
.shop-items .thubmnail img { cursor: pointer; }
.shop-items .gallery-prev,
.shop-items .gallery-next { width: 2.5rem; height: 2.5rem; display: block; position: absolute; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 9; cursor: pointer; }
.shop-items .swiper-button-disabled { display: none; }

.shop-items .gallery-prev { left: -1.25rem; background: rgba(255,255,255,.5) url(../img/common/prev.svg) no-repeat center center / .7rem auto; }
.shop-items .gallery-next { right: -1.25rem; background: rgba(255,255,255,.5) url(../img/common/next.svg) no-repeat center center / .7rem auto; }

.shop-items .text { width: 50%; }
.shop-items .paroduct-name { font-size: 1.8rem; margin: 1em 0; }
.shop-items .price { text-align: right; font-size: 2.5rem; }

.shop-items .cart-button > form{ display: flex; justify-content: space-between; flex-direction: row-reverse; }
.shop-items .cart-button .skubutton,
.shop-items .buy-amazon{ width: calc(100% - 140px); background: none; border: 1px solid; border-radius: 0; text-align: center; padding: 1em; font-size: 1.4rem; font-family: inherit; margin-left: auto; display: block; margin-bottom: 10px; transition: background .3s; }

.shop-items .buy-amazon{ background: url("../img/common/amazon.svg") no-repeat right 1em center / 1.5rem auto; }

.shop-items .cart-button .skuquantity { background: #FFF; width: 120px; border: none; font-family: inherit; font-size: 1.5rem; text-align: center; height: 5rem; }


.shop-items .share { text-align: right; margin-top: 1.5rem; }
.shop-items .share p { display: inline-block; margin-right: 1em; }

.shop-items .desc { border-top: 1px solid #D3D6CD; padding-top: 1em; margin-top: 2em; }
.shop-items .loopimg { display: none; }


.shop-items .desc .info { margin-top: 1em; }
.shop-items .desc .info > dt { width: 6em; float: left; }
.shop-items .desc .info > dd { padding-left: 6em; }

@media (hover:hover) {
  .shop-items .cart-button .skubutton:hover { background: #2C331C; color: #FFF; }
  .shop-items .buy-amazon:hover { background: #2C331C url("../img/common/amazon.svg") no-repeat right 1em center / 1.5rem auto;; color: #FFF; }
}

@media screen and (max-width: 900px) {
  .shop-items > li { flex-wrap: wrap; }
  .shop-items .images  { width: 100%; }
  .shop-items .text  { width: 100%;  margin-top: 2rem; }
  .shop-items .paroduct-name { margin: 1em 0 .5em; }
  .shop-items .price { font-size: 2rem; line-height: 1.5; margin-bottom: .5em; }
  .shop-items .cart-button .skuquantity { width: 80px; height: 4.2rem; }
  .shop-items .cart-button .skubutton, .shop-items .buy-amazon { width: calc(100% - 100px);  font-size: 1.2rem; }
}

@media screen and (max-width: 600px) {
  .shop-items .price { font-size: 1.5rem; }
  .shop-items .cart-button .skuquantity { height: 3.8rem; }
  .shop-items .cart-button .skubutton, .shop-items .buy-amazon {  font-size: 1rem; }
}


.wp-pagenavi { margin: 5rem 0; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { border: none; }