/*—————————————————————————————————
product
—————————————————————————————————*/
.inner.product {
/*  max-width: 1100px;*/
    margin: 0 auto;
    padding-top: 8rem;
    padding-bottom: 4rem;
}

.product__top {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  margin-top: 60px;
}

.product__top__link {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.product__top__link .icon {
  width: 24px;
  height: 24px;
}

.product__top__link .jp {
  display: block;
  font-size: calc(10 / var(--root-font-size) * 1rem);
  letter-spacing: 0;
}

.product__top__link .en {
  font-family: "baskerville-urw", serif;
  font-weight: 900;
  letter-spacing: .05em;
}

.product__wrap {
  position: relative;
  max-width: 1100px;
  margin: auto;
}

.product__tab {
  margin-top: 40px;
}

.product__tab__menu {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
	gap: 10px 20px;
  text-align: center;
}

.product__tab__menu_item {
  position: relative;
  display: inline-block;
  width: fit-content;
  overflow: hidden;
  line-height: 1.5;
  color: #727272;
}

.product__tab__menu_item.is-active {
  width: fit-content;
  color: #AE4D32;
  border-bottom: 1px solid #AE4D32;
}

.product__tab__menu_item.is-active::after {
  background: none;
}

.product__tab__menu_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #AE4D32;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

.product__tab__menu_item:hover::after {
  transform: translate(0, 0);
}

.product__tab__menu_item .jp {
  font-size: 10px;
  letter-spacing: 0;
}

.product__tab__menu_item .en {
  display: block;
  padding-bottom: 4px;
  letter-spacing: 0;
}

.product__tab__menu {
  padding: 0;
  margin: 0;
}

.product__tab__menu_item {
  cursor: pointer;
  transition: all .3s;
}

.product__tab__menu_item:last-of-type {
  margin-right: 0px;
}

.product__tab__panel {
  width: 100%;
}

.product__tab__panel_box001,
.product__tab__panel_box002,
.product__tab__panel_box003,
.product__tab__panel_box004,
.product__tab__panel_box005,
.product__tab__panel_box006,
.product__tab__panel_box007,
.product__tab__panel_box008,
.product__tab__panel_box009,
.product__tab__panel_box010 {
  display: none;
}

.product__tab__panel_box.is-show {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
  }
}

.product__tab__panel_box.is-show {
  animation: fadeIn 0.7s ease 0s 1 normal;
}

.product__wrap__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 16px;
  margin-top: 60px;
}

.product__wrap__list__item .detail {
/*  height: 190px;*/
	    height: 240px;
  padding: 6% 0;
}

.product__wrap__list__item .detail .heading {
  margin-bottom: 10px;
	line-height: 1.4;
    font-size: 15px;
}
.product__wrap__list__item {
    padding-bottom: 40px;
    border-bottom: 1px solid;
}
.product__wrap__list__item .text {
	line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  font-size: calc(12 / var(--root-font-size) * 1rem);
}

.product__wrap__list__item .link {
   font-size: calc(14 / var(--root-font-size) * 1rem);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 40px;
    letter-spacing: 0;
}

.product__wrap__list__item .icon {
	transform: translateY(-3px) scale(.8);
  width: fit-content;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .product__top {
    margin-top: 140px;
    column-gap: 60px;
  }

  .product__top__link {
    column-gap: 24px;
  }

  .product__top__link .icon {
    width: 32px;
    height: 32px;
  }
	
  .product__top__link .jp {
    font-size: calc(10 / var(--root-font-size) * 1rem);
  }

  .product__top__link .en {
    font-size: calc(20 / var(--root-font-size) * 1rem);
  }

  .product__tab {
    margin-top: 80px;
  }

  .product__tab__menu {
    justify-content: end;
    gap: 40px;
   /* margin: 0 0 0 auto;*/
      margin: 0;
  }
	.product__wrap__list__item {
  padding-bottom: 80px;
	}
	.product__wrap__list__item .detail {
    height: 160px;
    padding: 10% 0;
	}
  .product__wrap__list__item .link {
    margin-top: 80px;
  }
	.product__wrap__list__item .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: calc(14 / var(--root-font-size) * 1rem);
}

.product__wrap__list__item .link {
   font-size: calc(14 / var(--root-font-size) * 1rem);
    gap: 14px;
}

.product__wrap__list__item .icon {
	transform: translateY(-3px) scale(1);	
}
.product__wrap__list__item .detail .heading {
    font-size: 16px;
}
}

@media screen and (min-width: 599px) {
  .product__wrap__list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 60px;
  }
}

@media screen and (min-width: 1024px) {
  .product__wrap__list {
    grid-template-columns: repeat(3, 1fr);
  }

}

/*—————————————————————————————————
maker
—————————————————————————————————*/
.maker {
  margin-top: 100px;
  padding-top: 100px;
}

.maker .product__top__link .icon {
  transform: rotate(-180deg);
}

.maker__text {
  margin-top: 40px;
  font-size: calc(12 / var(--root-font-size) * 1rem);
}

.maker__wrap {}

.maker__wrap__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 5px;
  margin-top: 40px;
}

.maker__wrap__list__item {}

.maker__wrap__list__item .logo {
  width: 90%;
  display: block;
  margin: auto;
   border: 1px solid #CBC6BE
}

.maker__wrap__list__item .name {
  margin-top: 8px;
  text-align: center;
	font-size: calc(10 / var(--root-font-size) * 1rem); 
}


@media screen and (min-width: 768px) {
  .product__inner {
    padding-top: 80px;
  }

  .section__title.product {
    margin-top: 80px;
    text-align: left;
  }

  .section__title.product .en::after {
    left: 0;
    transform: translate(0, 0);
  }

  .product__ornament {
    margin: 80px 0 40px 0;
  }

  .product__ornament:not(:first-of-type) {
    margin: 40px 0 0 0;
    text-align: right;
  }

  .product__wrap {
    position: relative;
  }

  /* .product__wrap__list {
    grid-template-columns: repeat(3, 1fr);
  } */

  .maker {
    margin-top: 30px;
  }

  .maker__text {
    font-size: calc(16 / var(--root-font-size) * 1rem);
  }

  .maker__wrap {}

  .maker__wrap__list {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 24px;
    margin-top: 80px;
  }
	
  .maker__wrap__list__item {}

  .product__wrap__list__item .detail {
/*    height: 180px;*/
	      height: 240px;
  }

  .product__wrap__list__item .text {
	  line-height: 2;
    font-size: calc(14 / var(--root-font-size) * 1rem);
  }

  .maker__wrap__list__item .logo {
	  width: 80%;
	}

  .maker__wrap__list__item .name {
    margin-top: 16px;
    text-align: center;
	 font-size: calc(14 / var(--root-font-size) * 1rem); 
  }
}