.en {
  font-family: "Gill Sans", "Gill Sans Nova", sans-serif;
}

#father {
  font-family: "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", sans-serif;
}
#father img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.father_kv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  background-color: #e8f5f7;
  min-height: calc(100vh - var(--header_h));
}
@media screen and (max-width: 768px) {
  .father_kv {
    grid-template-columns: 1fr;
    min-height: 1px;
  }
}
.father_kv_img {
  height: 100%;
}
.father_kv_img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.father_kv_ttl {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl {
    padding: 11.2vw 0;
  }
}
.father_kv_ttl span {
  margin-bottom: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl span {
    margin-bottom: 3.7333333333vw;
  }
}
.father_kv_ttl span img {
  width: 4.7619047619vw;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl span img {
    width: 9.3333333333vw;
  }
}
.father_kv_ttl h1 {
  font-size: 4.380952381vw;
  font-weight: 600;
  color: #295f8d;
  line-height: 1.13;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl h1 {
    font-size: 8.8vw;
  }
}
.father_kv_ttl p {
  font-size: 2.8571428571vw;
  font-weight: 600;
  line-height: 1;
  position: relative;
  padding: 1.4285714286vw 0 2.8571428571vw;
  color: #295f8d;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl p {
    font-size: 5.6vw;
    padding: 2.6666666667vw 0 6.6666666667vw;
  }
}
.father_kv_ttl p:after {
  content: "";
  width: 4.1904761905vw;
  height: 0.1904761905vw;
  background-color: #343a99;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2.0952380952vw;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl p:after {
    width: 8vw;
    height: 1.5px;
    margin-left: -4vw;
  }
}
.father_kv_ttl h2 {
  font-size: 1.9047619048vw !important;
  color: #295f8d;
  font-weight: 600;
  margin: 2.380952381vw 0 0 !important;
}
@media screen and (max-width: 768px) {
  .father_kv_ttl h2 {
    font-size: 3.7333333333vw !important;
    margin: 5.8666666667vw 0 0 !important;
  }
}
.father_nav {
  background-color: #295f8d;
  padding: 0.7619047619vw 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .father_nav {
    padding: 2.6666666667vw 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.father_nav li {
  width: 18vw;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .father_nav li {
    width: auto;
  }
}
.father_nav li a {
  display: block;
  line-height: 2vw;
  text-align: center;
  color: #fff;
  font-size: 1.1428571429vw;
}
@media screen and (max-width: 768px) {
  .father_nav li a {
    line-height: 1.3;
    font-size: 3.4666666667vw;
  }
}
@media (hover) {
  .father_nav li a:hover {
    opacity: 0.7;
  }
}
.father_nav li:first-child {
  border-left: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .father_nav li:first-child {
    border-left: none;
  }
}
@media screen and (max-width: 768px) {
  .father_nav li:last-child {
    border-right: none;
  }
}
.father_inner {
  max-width: 72.1428571429vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .father_inner {
    margin: 0 8vw;
    max-width: 100%;
  }
}
.father_secTtl {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .father_secTtl {
    margin-bottom: 9.3333333333vw !important;
  }
}
.father_secTtl strong {
  font-size: 3.8095238095vw;
  line-height: 1;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .father_secTtl strong {
    font-size: 9.6vw;
    line-height: 1.2;
  }
}
.father_secTtl span {
  font-size: 1.3333333333vw;
  margin-top: 1.619047619vw;
}
@media screen and (max-width: 768px) {
  .father_secTtl span {
    font-size: 4vw;
    margin-top: 2.6666666667vw;
  }
}
.father_main {
  background-color: #faf5eb;
  padding: 12.2857142857vw 0 10.9523809524vw;
  color: #000333;
}
@media screen and (max-width: 768px) {
  .father_main {
    padding: 13.3333333333vw 0 34.6666666667vw;
  }
}
.father_main_img {
  position: absolute;
  top: -8.5714285714vw;
  right: 2.5714285714vw;
}
@media screen and (max-width: 768px) {
  .father_main_img {
    display: none;
  }
}
.father_main_img img {
  width: 19.619047619vw;
}
.father_main_detail {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .father_main_detail {
    display: block;
    overflow: hidden;
  }
}
.father_main_detail dt {
  position: relative;
  width: 28.1904761905vw;
}
@media screen and (max-width: 768px) {
  .father_main_detail dt {
    width: auto;
    margin: 0 -8vw;
  }
}
.father_main_detail dt picture img {
  width: 100%;
  z-index: 1;
  position: relative;
}
.father_main_detail dt span {
  position: absolute;
  bottom: -10.8095238095vw;
  left: -9.5238095238vw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .father_main_detail dt span {
    display: none;
  }
}
.father_main_detail dt span img {
  width: 20.5714285714vw;
}
.father_main_detail dd {
  flex: 1;
  padding: 7.380952381vw 0 0 6.6666666667vw;
}
@media screen and (max-width: 768px) {
  .father_main_detail dd {
    padding: 12vw 0 0;
  }
}
.father_main_detail dd h2 {
  font-size: 2.1428571429vw !important;
  margin: 0 0 1.9047619048vw !important;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .father_main_detail dd h2 {
    font-size: 6.4vw !important;
    margin: 0 0 8vw !important;
  }
}
.father_main_detail dd p {
  font-size: 1.3333333333vw;
  line-height: 2.8;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .father_main_detail dd p {
    font-size: 3.4666666667vw;
    font-feature-settings: "palt";
  }
}
.father_product {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.8095238095vw 2.9047619048vw;
}
@media screen and (max-width: 768px) {
  .father_product {
    grid-template-columns: 1fr;
    gap: 24vw 0;
  }
}
.father_product li {
  position: relative;
}
.father_product li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .father_product li a {
    display: block;
  }
}
@media (hover) {
  .father_product li a:hover {
    opacity: 1;
  }
  .father_product li a:hover img {
    opacity: 0.7;
  }
  .father_product li a:hover .father_product_more {
    border-bottom: 1px solid currentColor;
  }
}
.father_product li figure img {
  transition: opacity 0.3s;
  width: 100%;
}
.father_product li h2 {
  font-size: 1.1428571429vw !important;
  font-weight: 700;
  margin: 0.5714285714vw 0 0.7142857143vw !important;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .father_product li h2 {
    font-size: 4.8vw !important;
    margin: 5.3333333333vw 0 3.7333333333vw !important;
  }
}
.father_product li h3 {
  font-size: 0.8571428571vw;
  font-feature-settings: "palt";
  margin: 0 0 0.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_product li h3 {
    font-size: 3.4666666667vw;
    margin: 0 0 4vw;
  }
}
.father_product li p {
  font-size: 1.4285714286vw;
  font-weight: 500;
  grid-row: 4/5;
}
@media screen and (max-width: 768px) {
  .father_product li p {
    font-size: 5.8666666667vw;
  }
}
.father_product li p small {
  font-size: 0.7619047619vw;
  padding-left: 0.380952381vw;
}
@media screen and (max-width: 768px) {
  .father_product li p small {
    font-size: 3.2vw;
    padding-left: 0.8vw;
  }
}
.father_product li .father_product_more {
  font-size: 1.1428571429vw;
  font-family: "Gill Sans", "Gill Sans Nova", sans-serif;
  font-weight: 300;
  box-sizing: content-box;
  grid-row: 6/7;
  margin-top: auto;
  width: fit-content;
  border-bottom: 1px solid transparent;
  padding-top: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .father_product li .father_product_more {
    font-size: 4.2666666667vw;
    margin-top: 6.9333333333vw;
    display: block;
  }
}
.father_product li:nth-child(1) .father_rank_icon {
  background-color: #dcc819;
}
.father_product li:nth-child(2) .father_rank_icon {
  background-color: #bababa;
}
.father_product li:nth-child(3) .father_rank_icon {
  background-color: #a0662d;
}
.father_product-col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 3.5714285714vw 2.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 9.3333333333vw 4vw;
  }
}
.father_product-col4 .soldout {
  font-size: 0.8095238095vw;
  padding: 0.380952381vw 0.5714285714vw;
  top: 0.3333333333vw;
  left: 0.3333333333vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 .soldout {
    font-size: 2.9333333333vw;
    padding: 1.3333333333vw 2.1333333333vw;
    top: 1.3333333333vw;
    left: 1.3333333333vw;
  }
}
.father_product-col4 .seal {
  width: 3.4285714286vw;
  height: 3.4285714286vw;
  font-size: 0.619047619vw;
  top: 0.3333333333vw;
  right: 0.3333333333vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 .seal {
    width: 12.5333333333vw;
    height: 12.5333333333vw;
    font-size: 2.1333333333vw;
    top: 1.3333333333vw;
    right: 1.3333333333vw;
  }
}
.father_product-col4 li h2 {
  font-size: 0.8571428571vw !important;
}
@media screen and (max-width: 768px) {
  .father_product-col4 li h2 {
    font-size: 2.9333333333vw !important;
    margin: 2.1333333333vw 0 1.3333333333vw !important;
    font-feature-settings: unset;
  }
}
.father_product-col4 li p {
  font-size: 1.0476190476vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 li p {
    font-size: 3.7333333333vw;
  }
}
.father_product-col4 li p small {
  font-size: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 li p small {
    font-size: 2.6666666667vw;
  }
}
.father_product-col4 li .father_product_more {
  font-size: 1.0476190476vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 li .father_product_more {
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
}
.father_product-col4 .father_rank_tag {
  padding-top: 0.4761904762vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 .father_rank_tag {
    padding-top: 2.6666666667vw;
  }
}
.father_product-col4 .father_rank_tag span {
  font-size: 0.7619047619vw;
  padding: 0.2857142857vw 0.4761904762vw 0.1904761905vw;
}
@media screen and (max-width: 768px) {
  .father_product-col4 .father_rank_tag span {
    font-size: 3.2vw;
    padding: 0.5333333333vw 2.6666666667vw 0.2666666667vw;
  }
}
.father_rank {
  background-color: #ad855a;
  padding: 7.1428571429vw 0 8.8095238095vw;
  position: relative;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .father_rank {
    padding: 37.3333333333vw 0 12vw;
  }
}
.father_rank_deco {
  position: absolute;
  right: 0;
  top: -9.0476190476vw;
}
@media screen and (max-width: 768px) {
  .father_rank_deco {
    top: -28vw;
  }
}
.father_rank_deco img {
  width: 39.2380952381vw;
}
@media screen and (max-width: 768px) {
  .father_rank_deco img {
    width: 90.6666666667vw;
  }
}
.father_rank_icon {
  width: 3.7142857143vw;
  height: 3.7142857143vw;
  border-radius: 50%;
  position: absolute;
  top: 0.380952381vw;
  left: 0.380952381vw;
  color: #fff;
  font-size: 1.8571428571vw;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  padding-top: 0.2380952381vw;
  box-sizing: border-box;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .father_rank_icon {
    width: 14.1333333333vw;
    height: 14.1333333333vw;
    top: 1.8666666667vw;
    left: 1.8666666667vw;
    font-size: 6.9333333333vw;
    padding-top: 0.5333333333vw;
  }
}
.father_rank_icon:before {
  content: "RANK";
  font-size: 0.6666666667vw;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .father_rank_icon:before {
    font-size: 2.6666666667vw;
  }
}
.father_rank_tag {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.7142857143vw;
  margin-top: auto;
  padding-top: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .father_rank_tag {
    gap: 3.2vw;
    padding-top: 3.2vw;
    min-height: 1px;
  }
}
.father_rank_tag:empty {
  padding: 0;
}
.father_rank_tag:blank {
  padding: 0;
}
.father_rank_tag span {
  font-size: 0.9523809524vw;
  color: #4b2d19;
  background-color: #e1d0b9;
  padding: 0.2380952381vw 0.9523809524vw 0.1428571429vw;
}
@media screen and (max-width: 768px) {
  .father_rank_tag span {
    font-size: 3.7333333333vw;
    padding: 1.0666666667vw 4.8vw 0.5333333333vw;
  }
}
.father_rank_wrapping {
  margin: 4.7619047619vw auto 0;
  padding: 2.1428571429vw 2.380952381vw 2.1428571429vw 3.0476190476vw;
  width: 53.3333333333vw;
  background-color: #faf5eb;
  display: grid;
  grid-template-columns: 12vw 1fr;
  column-gap: 2.380952381vw;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping {
    margin: 26.6666666667vw 0 0;
    padding: 6.6666666667vw 8vw;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping dt {
    padding: 29.3333333333vw 0 8vw;
  }
}
.father_rank_wrapping dt img {
  width: 100%;
}
.father_rank_wrapping dd > p {
  color: #000333;
  font-size: 0.9523809524vw;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping dd > p {
    font-size: 3.4666666667vw;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping dd > p:first-child {
    position: absolute;
    top: 6.6666666667vw;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
.father_rank_wrapping dd > p strong {
  font-size: 1.4285714286vw;
  color: #295f8d;
  font-weight: 700;
  line-height: 1.8;
  display: block;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping dd > p strong {
    font-size: 6.4vw;
  }
}
.father_rank_wrapping dd > p small {
  font-size: 0.7142857143vw;
  display: block;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping dd > p small {
    font-size: 2.6666666667vw;
  }
}
.father_rank_wrapping_item {
  color: #295f8d;
  border: 1px solid #295f8d;
  margin: 1.4285714286vw 0 0.9523809524vw;
  padding-bottom: 0.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping_item {
    margin: 9.3333333333vw 0 5.3333333333vw;
    padding-bottom: 4vw;
  }
}
.father_rank_wrapping_item span {
  background-color: #faf5eb;
  padding: 0 0.4761904762vw;
  display: inline-block;
  transform: translate(0.9523809524vw, -0.7142857143vw);
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping_item span {
    padding: 0 3.2vw;
    transform: translate(3.2vw, -2.6666666667vw);
    font-weight: bold;
  }
}
.father_rank_wrapping_item p {
  padding: 0 1.4285714286vw;
  font-size: 0.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping_item p {
    padding: 0 6.4vw;
    font-size: 3.4666666667vw;
    color: #000333;
    font-feature-settings: "palt";
  }
}
.father_rank_wrapping_item p + p {
  margin-top: 0.4761904762vw;
}
@media screen and (max-width: 768px) {
  .father_rank_wrapping_item p + p {
    margin-top: 0.8vw;
  }
}
.father_pickup {
  background-color: #faf5eb;
  padding: 7.1428571429vw 0 8.8095238095vw;
  position: relative;
  color: #000333;
}
@media screen and (max-width: 768px) {
  .father_pickup {
    padding: 24vw 0;
  }
}
.father_pickup .father_secTtl span {
  color: #295f8d;
}
.father_pickup_item li {
  display: flex;
  align-items: center;
  column-gap: 4.7619047619vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_item li {
    display: block;
  }
}
.father_pickup_item li:nth-child(even) {
  flex-direction: row-reverse;
}
.father_pickup_item li + li {
  margin-top: 7.1428571429vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_item li + li {
    margin-top: 25.3333333333vw;
  }
}
.father_pickup_item li figure {
  width: 25.4285714286vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .father_pickup_item li figure {
    width: 100%;
  }
}
.father_pickup_item li figure img {
  width: 100%;
}
.father_pickup_detail {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .father_pickup_detail {
    margin-top: 3.7333333333vw;
  }
}
.father_pickup_detail h2 {
  font-size: 1.7142857143vw !important;
  font-weight: 700;
  margin: 0 0 1.9047619048vw !important;
}
@media screen and (max-width: 768px) {
  .father_pickup_detail h2 {
    font-size: 6.4vw !important;
    margin: 0 0 5.3333333333vw !important;
  }
}
.father_pickup_detail h3 {
  font-size: 0.9523809524vw;
  line-height: 2;
  font-feature-settings: "palt";
  margin-bottom: 1.6666666667vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_detail h3 {
    font-size: 3.4666666667vw;
    margin-bottom: 6.4vw;
  }
}
.father_pickup_detail h3:after {
  content: "";
  width: 14.2857142857vw;
  height: 1px;
  background-color: #4b2d19;
  display: block;
  margin-top: 1.6666666667vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_detail h3:after {
    width: 73.8666666667vw;
    margin-top: 6.4vw;
  }
}
.father_pickup_detail p {
  font-size: 1.6666666667vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_detail p {
    font-size: 5.8666666667vw;
  }
}
.father_pickup_detail p small {
  font-size: 0.9523809524vw;
  padding-left: 0.2380952381vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_detail p small {
    font-size: 3.2vw;
    padding-left: 0.8vw;
  }
}
.father_pickup_link {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.8571428571vw;
  margin-top: 1.0476190476vw;
}
@media screen and (max-width: 768px) {
  .father_pickup_link {
    column-gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.father_pickup_link a {
  color: #4b2d19;
  font-size: 1.0476190476vw;
  padding-bottom: 0.1428571429vw;
  border-bottom: 1px solid transparent;
}
@media screen and (max-width: 768px) {
  .father_pickup_link a {
    font-size: 3.2vw;
    padding-bottom: 4vw;
  }
}
@media (hover) {
  .father_pickup_link a:hover {
    opacity: 1;
    border-bottom: 1px solid currentColor;
  }
}
.father_search {
  background: url(https://gigaplus.makeshop.jp/cdcom/new2025/img/father/bg_search.webp) no-repeat center/cover;
  padding: 9.7619047619vw 0;
}
@media screen and (max-width: 768px) {
  .father_search {
    padding: 13.3333333333vw 0;
    background-image: url(https://gigaplus.makeshop.jp/cdcom/new2025/img/father/bg_search_sp.webp);
  }
}
.father_search_box {
  background-color: #e1d0b9;
  padding: 4.7619047619vw;
}
@media screen and (max-width: 768px) {
  .father_search_box {
    padding: 10.6666666667vw 5.8666666667vw;
  }
}
.father_search_box dl {
  display: grid;
  grid-template-columns: 14.7619047619vw 1fr;
  column-gap: 0.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_search_box dl {
    display: block;
  }
}
.father_search_box dl dt {
  display: flex;
  flex-direction: column;
  row-gap: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .father_search_box dl dt {
    row-gap: 4vw;
    margin-bottom: 6.6666666667vw;
  }
}
.father_search_box dl dt span {
  font-family: "Gill Sans", "Gill Sans Nova", sans-serif;
  font-size: 2.8571428571vw;
  color: #000333;
  line-height: 1;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .father_search_box dl dt span {
    font-size: 9.6vw;
  }
}
.father_search_box dl dt b {
  font-size: 1.1428571429vw;
  color: #295f8d;
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .father_search_box dl dt b {
    font-size: 4vw;
  }
}
.father_search_box dl dd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_search_box dl dd {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw 0;
  }
}
.father_search_box dl dd a {
  background-color: #fff;
  color: #4b2d19;
  font-size: 1.1904761905vw;
  position: relative;
  text-align: center;
  padding: 1.4285714286vw 0;
}
@media screen and (max-width: 768px) {
  .father_search_box dl dd a {
    font-size: 3.7333333333vw;
    padding: 4.2666666667vw 0;
  }
}
.father_search_box dl dd a:after {
  content: "";
  width: 0.7619047619vw;
  height: 0.7619047619vw;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg) skew(-5deg, -5deg);
  position: absolute;
  right: 2.2857142857vw;
  top: 50%;
  margin-top: -0.380952381vw;
}
@media screen and (max-width: 768px) {
  .father_search_box dl dd a:after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    right: 6.6666666667vw;
    margin-top: -1.0666666667vw;
  }
}
.father_search_box dl + dl {
  margin-top: 4.7619047619vw;
}
@media screen and (max-width: 768px) {
  .father_search_box dl + dl {
    margin-top: 12vw;
  }
}
.father_itemlist {
  background-color: #faf5eb;
  padding: 7.1428571429vw 0 8.8095238095vw;
  color: #000333;
}
@media screen and (max-width: 768px) {
  .father_itemlist {
    padding: 24vw 0;
  }
}
.father_itemlist .father_secTtl span {
  color: #295f8d;
}
.father_itemlist .father_product_more {
  color: #ad855a;
}
@media screen and (max-width: 768px) {
  .father_itemlist .father_product {
    display: inline-flex;
    padding: 0 4vw;
  }
}
@media screen and (max-width: 768px) {
  .father_itemlist .father_product li {
    width: 66.6666666667vw;
    padding: 0 4vw;
  }
}
@media screen and (max-width: 768px) {
  .father_itemlist .father_product li h2 {
    font-size: 3.7333333333vw !important;
    margin: 2.6666666667vw 0 1.6vw !important;
    font-feature-settings: unset;
  }
}
.father_itemlist .father_product a {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .father_itemlist .father_product a {
    display: block;
  }
}
.father_itemlist .father_product .father_product_more {
  padding-top: 0.5714285714vw;
}
@media screen and (max-width: 768px) {
  .father_itemlist .father_product .father_product_more {
    padding-top: 0;
    margin-top: 3.2vw;
  }
}
.father_itemlist .sp_slider:not(:last-child) {
  margin-bottom: 9.5238095238vw;
}
@media screen and (max-width: 768px) {
  .father_itemlist .sp_slider:not(:last-child) {
    margin-bottom: 25.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .father_itemlist .sp_slider {
    overflow-x: auto;
    margin: 0 -8vw;
  }
}
.father_lineup {
  background-color: #faf5eb;
  padding: 7.1428571429vw 0 8.8095238095vw;
  color: #000333;
}
@media screen and (max-width: 768px) {
  .father_lineup {
    padding: 24vw 0 16vw;
  }
}
.father_lineup .father_secTtl span {
  color: #295f8d;
}
.father_lineup_menu {
  display: grid;
  grid-template-columns: 24.7619047619vw 1fr;
}
@media screen and (max-width: 768px) {
  .father_lineup_menu {
    display: block;
  }
}
.father_lineup_menu li {
  border-bottom: 1px solid #4b2d19;
}
.father_lineup_menu li:first-child {
  border-top: 1px solid #4b2d19;
}
.father_lineup_menu a {
  display: block;
  color: #4b2d19;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 0.4761904762vw;
  padding: 1.6666666667vw 0;
}
@media screen and (max-width: 768px) {
  .father_lineup_menu a {
    row-gap: 1.6vw;
    padding: 4.2666666667vw 0;
  }
}
@media (hover) {
  .father_lineup_menu a:hover {
    opacity: 1;
  }
  .father_lineup_menu a:hover:before {
    opacity: 1;
  }
}
.father_lineup_menu a span {
  font-family: "Gill Sans", "Gill Sans Nova", sans-serif;
  font-size: 2.380952381vw;
  font-weight: 300;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .father_lineup_menu a span {
    font-size: 5.0666666667vw;
  }
}
.father_lineup_menu a b {
  font-size: 1.0476190476vw;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .father_lineup_menu a b {
    font-size: 2.6666666667vw;
  }
}
.father_lineup_menu a:after {
  content: "";
  width: 0.7619047619vw;
  height: 0.7619047619vw;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg) skew(-5deg, -5deg);
  position: absolute;
  right: 4.380952381vw;
  top: 50%;
  margin-top: -0.380952381vw;
}
@media screen and (max-width: 768px) {
  .father_lineup_menu a:after {
    width: 1.6vw;
    height: 1.6vw;
    right: 8vw;
    margin-top: -0.8vw;
  }
}
.father_lineup_menu a::before {
  content: "";
  width: 4.7619047619vw;
  height: 4.7619047619vw;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  right: 2.2380952381vw;
  top: 50%;
  margin-top: -2.380952381vw;
  opacity: 0;
  transition: 0.3s;
}
.father_lineup .photo {
  margin: 9.5238095238vw 0 4.7619047619vw;
}
@media screen and (max-width: 768px) {
  .father_lineup .photo {
    margin: 26.6666666667vw 0 12vw;
  }
}
.father_lineup .father_product a {
  display: flex;
  flex-direction: column;
}
.father_lineup .father_product .father_product_more {
  color: #ad855a;
  padding-top: 0.5714285714vw;
}
.father_info {
  background-color: #e8f5f7;
  color: #295f8d;
  padding: 4.7619047619vw 0 10.9523809524vw;
}
@media screen and (max-width: 768px) {
  .father_info {
    padding: 8vw 4vw;
  }
}
.father_info dl {
  border: 1px solid #295f8d;
  width: 57.7142857143vw;
  margin: 0 auto;
  text-align: center;
  padding: 1.9047619048vw 0;
}
@media screen and (max-width: 768px) {
  .father_info dl {
    width: 100%;
    padding: 5.3333333333vw 0;
  }
}
.father_info dl dt {
  font-weight: 700;
  font-size: 1.4285714286vw;
  margin-bottom: 0.4761904762vw;
}
@media screen and (max-width: 768px) {
  .father_info dl dt {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
.father_info dl dd {
  font-size: 1.3333333333vw;
  color: #000333;
}
@media screen and (max-width: 768px) {
  .father_info dl dd {
    font-size: 4.2666666667vw;
  }
}

.txtlink:after {
  content: ">";
  padding-left: 0.380952381vw;
}
@media screen and (max-width: 768px) {
  .txtlink:after {
    padding-left: 1.3333333333vw;
  }
}

.titleArea {
  display: grid;
  grid-template-columns: 35.7142857143vw 1fr;
  column-gap: 0.9523809524vw;
}
@media screen and (max-width: 768px) {
  .titleArea {
    display: block;
    margin-bottom: 6.6666666667vw;
  }
}
.titleArea p {
  font-size: 1.0476190476vw;
  line-height: 2;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .titleArea p {
    font-size: 3.4666666667vw;
  }
}

.photo img {
  width: 100%;
}

.seal {
  background-color: #343a99;
  color: #fff;
  font-size: 0.8571428571vw;
  font-weight: 700;
  width: 4.8571428571vw;
  height: 4.8571428571vw;
  border-radius: 50%;
  position: absolute;
  right: 0.4761904762vw;
  top: 0.4761904762vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .seal {
    width: 22.6666666667vw;
    height: 22.6666666667vw;
    font-size: 4vw;
    right: 1.8666666667vw;
    top: 1.8666666667vw;
  }
}

.soldout {
  position: absolute;
  top: 0.4761904762vw;
  left: 0.4761904762vw;
  font-family: "Gill Sans", "Gill Sans Nova", sans-serif;
  color: #fff;
  background-color: #b93228;
  font-size: 1.2857142857vw;
  padding: 0.5714285714vw 1.1428571429vw;
  line-height: 1;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .soldout {
    left: 1.8666666667vw;
    top: 1.8666666667vw;
    font-size: 16px;
    padding: 1.6vw 3.2vw;
  }
}

a:has(.soldout) {
  pointer-events: none;
}

footer {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  footer {
    margin-top: 3rem;
  }
}/*# sourceMappingURL=father.css.map */