.p_top {
  max-width: 1100px;
  max-width: min(calc(100% 40px), 1100px);
  margin: 0 auto 40px;
  position: relative;
}
.p_top-img {
  max-width: 800px;
  height: auto;
  margin-left: auto;
}
.p_top-icon {
  max-width: 70px;
  height: auto;
}
.p_top-message {
  max-width: 430px;
  background: #fff3e2;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 90%;
}
.p_top-message-inner {
  display: grid;
  grid-template-columns: 20% 70%;
  gap: 0 10%;
  align-items: center;
  margin-bottom: 25px;
}
.p_top-title {
  font-size: 3.2rem;
  font-weight: bold;
}
.p_top-lead {
  font-weight: bold;
}
.l-top_btn-area {
  margin-bottom: 60px;
}
.l-top_btn-list {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 10px 2%;
}
.l-top_btn-item {
  border: 2px solid #e45e39;
  border-radius: 30px;
  line-height: 1;
  padding: 20px;
  text-align: center;
}
.l-top_btn-item a {
  text-decoration: none;
  color: #e45e39;
}
.l-top_btn-item-text {
  background: url(../img/arrow_right.svg) no-repeat center right;
  display: block;
}
.l_animals-title {
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1;
}
.l_animals-lead {
  font-weight: 400;
  margin-bottom: 30px;
}
.l_animals-list {
  display: grid;
  grid-template-columns: repeat(4, 24%);
  gap: 0 1.3%;
}
.l_animals-list-f {
  margin-bottom: 30px;
}

.l_animals-item-img {
  width: 70px;
  height: auto;
}
.l_animals-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
  align-items: center;
  background: #d9d9d9;
  padding: 10px;
  border-radius: 6px;
  grid-template-columns: 50px auto;
  gap: 0 5px;
  height: 70px;
  margin-bottom: 10px;
}
.l_animals-item a {
  color: #5d6970;
  text-decoration: none;
}
.l_animals-area {
  margin-bottom: 60px;
}
.l_animals-name {
  background: url(https://chiikan.itembox.design/item/common/img/c_arrow.svg) no-repeat center right;
  display: block;
  font-size: 1.4rem;
  padding-right: 12px;
  text-align: center;
}

.l_service-img {
  width: 160px;
  height: auto;
}
.l_service-area {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 5%;
  align-items: center;
  margin-bottom: 60px;
}
.l_service-title {
  background: #f18d00;
  font-size: 2.2rem;
  line-height: 1;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 25px;
}
.l_service-top {
  grid-row: 1 / span 2;
}
.l_service-lead {
  font-weight: 400;
}
.l_set-area {
  margin-bottom: 40px;
}
.l_set-heading {
  display: grid;
  grid-template-columns: 11% 85%;
  gap: 0 4%;
  align-items: center;
}
.l_set-title-area {
  border-left: 2px dashed #00a33a;
  padding-left: 25px;
}
.l_set-subtitle {
  display: block;
  font-size: 1.6rem;
  padding-top: 10px;
  font-weight: 500;
}
.l_set-img {
  width: 90px;
  height: auto;
}
.l_set-title {
  line-height: 1;
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.l_set-title-lead {
  font-weight: 400;
  line-height: 1.5;
}
.l_set-inner {
  background: #f0faf3;
  padding: 30px 25px;
  border: 1px solid #00a33a;
  border-radius: 10px;
  position: relative;
}
.l_set-inner::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 55px;
  bottom: -15px;
  border-top: 15px solid #00a33a;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.l_set-inner::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 55px;
  bottom: -13.5px;
  border-top: 15px solid #f0faf3;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.c_pickup-tag-list {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 0 2%;
}
.c_pickup-tag01 {
  background: #f00000;
  line-height: 1;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  font-weight: 400;
}
.c_pickup-tag02 {
  background: #00a33a;
  line-height: 1;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  font-weight: 400;
}
.c_pickup-btn-area {
  max-width: 560px;
  margin: 0 auto;
}
.c_pickup-btn {
  background: #fff;
  border: 1px solid #5d6970;
  padding: 20px;
  line-height: 1;
  border-radius: 30px;
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  position: relative;
  color: #5d6970;
}
.c_pickup-btn-area a {
  text-decoration: none;
}
.cate_area {
  margin-bottom: 80px;
}
.c_light-title,
#layout_basic h2 {
  text-align: center;
  font-size: 3.2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 80px;
}
.c_light-title::after,
#layout_basic h2::after {
  content: "";
  width: 120px;
  height: 5px;
  display: inline-block;
  background-color: #f18d00;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
#layout_basic h2 {
  margin: 60px 0 80px;
}

#layout_basic h3 {
  margin-top: 30px;
}

#layout_basic h3,
.c_light-inner-title {
  font-size: 2.6rem;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 30px;
  line-height: 1;
}

#layout_basic h3::after,
.c_light-inner-title::after {
  position: absolute;
  top: 52%;
  right: 100%;
  width: 8px;
  height: 100%;
  border-radius: 1px;
  content: "";
  background: #00a33a;
  transform: translate(0%, -50%);
}
.c_light-inner {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 0 4%;
  align-items: end;
  margin-bottom: 60px;
}
.c_light-inner-lead {
  font-weight: 400;
}
.c_light-inner02 {
  margin-bottom: 60px;
}
.c_light-inner-lead01 {
  margin-bottom: 20px;
  font-weight: 400;
}
.c_light-inner-lead02 {
  font-weight: 400;
}
.c_red {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
}
.c_light-inner03 {
  margin-bottom: 40px;
}
.c_light-area {
  margin-bottom: 80px;
}
.cate_one-area-text {
  text-align: center;
  font-weight: 400;
}
.cate_one-list {
  display: grid;
  grid-template-columns: repeat(5, 18%);
  gap: 0 2.5%;
}
.cate_one-item-img {
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
.cate_one-item-name {
  text-align: center;
  font-size: 1.4rem;
}
.cate_onek-btn {
  font-size: 1.4rem;
  text-align: center;
}
.c_light-title.cate_one-title {
  margin-bottom: 60px;
}
.cate_one-area-text {
  margin-bottom: 50px;
}

.c_light-inner-lead.cate_one-inner-lead {
  margin-bottom: 30px;
}
.cate_one.cate_one01,
.cate_one.cate_one02 {
  margin-bottom: 60px;
}
.cate_one.cate_one03 {
  margin-bottom: 80px;
}

.movie_area {
  margin-bottom: 80px;
}
.movie_area-text {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.recommend_inner {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 0 2%;
}

.cate_one-item {
  display: grid;
  grid-template-rows: auto 37px;
  gap: 15px 0;
}
.t_btn-item a {
  text-decoration: none;
}
.t_btn-name-area01 {
  padding: 10px 30px 10px 10px;
  background: #e45e39;
  color: #fff;
  border-radius: 50px;
  line-height: 1.3;
}
.t_btn-name01 {
  background: url(../img/dl_icon.svg) no-repeat center right;
  display: block;
  text-align: center;
}
.t_btn-name-area02 {
  padding: 10px 30px 10px 10px;
  background: #e45e39;
  color: #fff;
  border-radius: 50px;
  line-height: 1.3;
}
.t_btn-name02 {
  background: url(../img/paper_icon.svg) no-repeat center right;
  display: block;
  text-align: center;
}
.t_btn-list {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 0 2%;
  margin-bottom: 80px;
}
.top_rank-btn.p_btn {
  text-align: center;
}
:root {
  --header: 100px;
  scroll-padding-top: var(--header);
}
html {
  scroll-behavior: smooth;
}
.ckeck-img {
  min-width: 12px;
  min-height: 12px;
}
@media (max-width: 959px) {
  .p_top {
    margin-top: 0px;
    position: static;
  }
  .main {
    padding: 0 15px;
  }
  .p_top-img {
    margin-left: 0px;
    max-width: 100%;
  }
  .p_top-message {
    position: static;
    transform: none;
    margin-top: -80px;
  }
  .cate_area,
  .c_light-title,
  .c_light-area,
  .cate_one.cate_one03,
  .movie_area {
    margin-bottom: 60px;
  }
  .recommend_area {
    margin-bottom: 40px;
  }
  .c_light-title.c_light-title_add {
    line-height: 1.4;
    margin-bottom: 85px;
  }
  .c_light-title.c_light-title_add::after {
    bottom: -35px;
  }
  :root {
    --header: 0px;
  }
  .footer {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .p_top {
    margin-bottom: 30px;
  }
  .p_top-message {
    max-width: 355px;
    padding: 20px;
    margin-top: -100px;
  }
  .p_top-title {
    font-size: 2.8rem;
  }
  .p_top-icon {
    width: 50px;
  }
  .p_top-message-inner {
    grid-template-columns: 20% 78%;
    gap: 0 2%;
    margin-bottom: 20px;
  }
  .l-top_btn-list {
    grid-template-columns: 100%;
  }
  .l_animals {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    gap: 10px 2%;
  }
  .l_animals-title {
    font-size: 2.4rem;
  }
  .l-top_btn-area {
    margin-bottom: 50px;
  }
  .l_animals-list {
    grid-template-columns: 100%;
    display: block;
  }
  .l_animals-item.l_animals-item-f {
    grid-column: auto;
    display: grid;
    grid-template-columns: 50px auto;
    gap: 0 10px;
    align-items: center;
  }

  .l_animals-item-img {
    width: 50px;
  }
  .l_animals-area {
    margin-bottom: 30px;
  }
  .l_set-heading {
    display: block;
  }
  .l_set-title-area {
    border-left: none;
  }
  .l_set-img {
    display: block;
    margin: 0 auto 20px;
  }
  .l_set-inner {
    padding: 20px 20px 30px 20px;
  }
  .l_set-title {
    font-size: 2.4rem;
  }
  .c_light-title {
    font-size: 2.6rem !important;
    line-height: 1.4;
  }
  .c_light-title,
  #layout_basic h2 {
    font-size: 2.6rem;
  }
  .c_light-inner {
    grid-template-columns: 100%;
    margin-bottom: 50px;
  }
  .c_light-inner02 {
    margin-bottom: 50px;
  }

  .c_light-inner-title {
    font-size: 2.2rem;
  }
  .c_light-img {
    margin-top: 20px;
  }
  .c_light-area {
    margin-bottom: 50px;
  }
  .cate_one-item {
    display: grid;
    grid-template-rows: auto 38px;
    gap: 15px 0;
  }
  .cate_one-list {
    width: max-content;
    display: flex;
  }
  .cate_one-inner {
    overflow: auto;
  }
  .t_btn-list {
    grid-template-columns: 100%;
    gap: 10px 0;
  }
  .t_btn-name-area01,
  .t_btn-name-area02 {
    padding: 10px 20px 10px 0px;
  }
  .t_btn-list {
    margin-bottom: 60px;
  }
  .movie_area-text {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .c_light-title.c_light-title_add::after {
    bottom: -30px;
  }
  .c_light-title.c_light-title_add {
    margin-bottom: 70px;
  }
  .recommend_inner {
    grid-template-columns: 100%;
    gap: 10px 0;
  }
  .l_service-title {
    font-size: 2rem;
    background: none;
    color: #f18d00;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 0px;
    padding: 0px;
  }
  .l_service-leadarea {
    grid-column: 1 / 3;
  }
  .l_service-top {
    grid-row: auto;
  }
  .l_service-img {
    width: 97px;
    margin: 0 auto;
  }
  .l_service-area {
    gap: 20px 5%;
    margin-bottom: 20px;
  }
  .l_animals-name_add {
    max-width: 100%;
  }
  .fs-body-category-electric-fence .page-tit {
    display: none;
  }
}
/* 商品詳細ページここから */
.d_text-area {
  margin-bottom: 50px;
}
.d_text-area-f,
.d_text-area-s,
.d_imp-lead01 {
  margin-bottom: 30px;
}
.d_text-area-t {
  font-weight: bold;
  font-size: 2rem;
}
.d_message-area {
  background: #fbeeee;
  padding: 50px 40px;
  margin-bottom: 20px;
}
.d_message-title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 25px;
}
.d_message-lead {
  color: #f00000;
}
.d_imp-area {
  background: #f7f7f7;
  padding: 50px 40px;
  margin-bottom: 80px;
}
.d_imp-title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 25px;
}
.s_point {
  background: #f18d00;
  color: #fff;
  padding: 10px 5px;
  line-height: 1;
  border-radius: 6px;
  font-size: 1.4rem;
  white-space: nowrap; /* 改行を防ぐ */
  flex-shrink: 0; /* 幅が縮まないように */
}
.s_point-item-title {
  font-size: 2.4rem;
  padding-left: 10px;
  font-weight: bold;
}
.s_point-text {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.s_point-list {
  display: grid;
  grid-template-columns: repeat(2, 47%);
  gap: 50px 6%;
  margin-bottom: 60px;
}
.s_point-img {
  margin-bottom: 30px;
}
.s_point-f {
  color: #f00000;
}
.s_point-img-area {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 0 4%;
  margin-bottom: 25px;
}
.s_point-message {
  margin-bottom: 20px;
}
.s_point-slider-area {
  max-width: 870px;
  max-width: min(calc(100% 40px), 870px);
  margin: 0 auto 120px;
}
.s_point-slider-list img {
  padding: 0 10px 0 0;
}
.s_point-slider-img {
  width: 170px;
  height: auto;
}
.s_point-slider-text {
  padding-left: 10px;
}
.s_point-other-item {
  display: flex;
}
.s_point-other-icon {
  padding-right: 10px;
}
.s_point-inner03 {
  margin-bottom: 80px;
}
.sim_list,
.sim_list td {
  border: 1px solid #5d6970;
  border-collapse: collapse;
}
.sim_list,
.sim_list th {
  border-right: 1px solid #fff;
  border-collapse: collapse;
}
.sim_list th {
  background: #5d6970;
  color: #fff;
  font-weight: 400;
  padding: 15px 0;
  line-height: 1;
}
.sim_list td {
  padding: 10px 10px;
  text-align: center;
}
.sim01 {
  width: 15%;
}
.sim02 {
  width: 27.5%;
}
.sim03 {
  width: 15%;
}
.sim04 {
  width: 15%;
}
.sim05 {
  width: 27.5%;
  border-right: 1px solid #5a5657 !important;
}
.sim_list-text {
  text-align: start !important;
}
.bk_b {
  background: #ddebf7;
}
.bk_y {
  background: #fff2cc;
}
.bk_g {
  background: #f2f2f2;
}
.sim_list {
  border-spacing: 0;
}
.sim_area {
  margin-bottom: 40px;
}
.sim_area-text1 {
  margin-bottom: 30px;
}
.sim_area-text2 {
  margin-bottom: 40px;
}
.sim_list-title {
  position: relative;

  margin-bottom: 10px;
}

.sim_area02 {
  margin-bottom: 30px;
}
.sim_area-imp-text {
  color: #f00000;
}
.sim_area-imp {
  margin-bottom: 40px;
}
.note_area-title {
  font-size: 2.6rem;
  text-align: center;
  color: #fff;
  background: #f00;
  padding: 15px;
  line-height: 1;
}
.note_area-item01 {
  display: grid;
  grid-template-columns: 68% 30%;
  gap: 0 2%;
  border: 1px solid #000;
  padding: 30px;
  margin-bottom: 20px;
  background: #fff;
}
.note_area-item-title {
  font-size: 2rem;
  margin-bottom: 10px;
}
.note_area-item-lead {
  margin-bottom: 20px;
  font-size: 1.5rem;
}
.note_area-item-text {
  margin-bottom: 20px;
  font-size: 1.5rem;
}
.note_area-on-icon {
  background: url(../img/on_icon.svg) no-repeat left center;
  padding: 0 0 0 30px;
}
.note_area-item02 {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 0 4%;
  align-items: center;
}
.note_area-item02-in {
  order: 2;
}
.note_area-item-text-r {
  font-size: 1.5rem;
  color: #f00000;
  line-height: 1.4;
}
.note_area-item-s_text {
  font-size: 1.4rem;
}
.note_area-inner {
  background: #fbeeee;
  padding: 20px;
}
.note_area {
  margin-bottom: 80px;
}
.dl_area-text {
  text-align: center;
}
.dl_area-linktext {
  text-align: center;
  margin-bottom: 40px;
}
.dl_area-linktext a {
  color: #00a33a;
}
.dl_area-btn a {
  text-decoration: none;
}
.dl_area-btn {
  max-width: 560px;
  margin: 0 auto 10px;
}
.dl_area {
  margin-bottom: 80px;
}
.dl_btn {
  text-align: center;
  padding: 20px 50px;
  border-radius: 50px;
  border: 1px solid #000;
}
.dl_btn-text {
  color: #5d6970;
}
.dl_btn-text-top {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
.dl_btn-text {
  font-size: 2.2rem;
  font-weight: bold;
}
.dl_btn-text {
  background: url(../img/zip_icon.svg) no-repeat center left;
  display: block;
}
.set_op-inner {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 0 4%;
}
.set_op-item-price {
  color: #f00;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  font-size: 1.8rem;
}
.set_op-img {
  border: 1px solid #666;
}
.set_op-area {
  margin-bottom: 80px;
}
.goods_detail {
  display: grid;
  grid-template-columns: 20% 80%;
  align-items: center;
  border-bottom: 1px solid #5d6970;
}
.goods_detail-list {
  border-left: 1px solid #5d6970;
  padding: 20px;
}
.circle::before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  vertical-align: top;
  border-radius: 5px;
  background-color: #5a5657;
  position: absolute;
  top: 10px;
  left: -10px;
}
.goods_detail-text {
  padding-left: 10px;
  position: relative;
}

.goods_detail-area {
  border: 1px solid #5d6970;
}
.goods_detail.border_b-none {
  border-bottom: 0px;
}
.goods_detail-title {
  text-align: center;
  padding: 20px;
  background: #5d6970;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}
.goods_detail-name {
  text-align: center;
  padding-left: 10px; /* 左側に余白を追加 */
  padding-right: 10px; /* 右側にも余白を追加 */
  font-weight: bold;
}
.note_list-area {
  margin-bottom: 40px;
}
.note_list-title {
  text-align: center;
  padding: 20px;
  background: #f00;
  color: #fff;
  line-height: 1;
  font-weight: 400;
  border-left: 1px solid #5d6970;
  border-right: 1px solid #5d6970;
}
.note_list-text,
.note_list-lead {
  color: #f00;
}
.note_list-01 {
  margin-bottom: 20px;
}
.note_list {
  background-color: #fbeeee;
  padding: 10px 20px 20px 20px;
  border: 1px solid #5d6970;
}
.model_area {
  margin-bottom: 40px;
}
.model_icon {
  background: url(../img/dl2_icon.svg) no-repeat left center;
  display: block;
}
.model_item01 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
}
.model_c-tag {
  background: #00a33a;
  color: #fff;
  padding: 5px;
  line-height: 1;
  border-radius: 3px;
  width: 110px;
  text-align: center;
}
.model_lead {
  font-size: 1.4rem;
}
.model_title {
  font-size: 2rem;
  font-weight: bold;
}
.pdf_tag {
  display: flex;
}
.model_icon-area {
  margin-left: 10px;
  background: #e45e39;
  padding: 5px;
  line-height: 1;
  font-size: 1rem;
  color: #fff;
}
.model_inner {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 0 4%;
}
.model_item01 {
  padding: 20px;
  border: 1px solid #5d6970;
  border-radius: 6px;
  align-items: center;
}
.accordion {
  margin-bottom: 10px;
  border: 1px solid #999999;
  padding: 20px;
  border-radius: 6px;
}
.accordion__title {
  font-size: 1.6rem;
  color: #5d6970;
  cursor: pointer;
  position: relative;
}
.accordion__title::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  background-color: #000;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 1s;
}
.accordion__title::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  background-color: #000;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.5s;
}
.accordion__title.show::before {
  opacity: 0;
}
.accordion__title.show::after {
  transform: translateY(-50%) rotate(180deg);
}
.accordion__content {
  display: none;
  margin-top: 20px;
}
.accordion__text {
  display: grid;
  grid-template-columns: auto 1fr;
}
.q_icon {
  display: inline-block;
  width: 44px;
  background: #00aae8;
  height: 44px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  font-weight: 300;
  font-size: 2.6rem;
  margin-right: 10px;
}
.a_icon {
  width: 44px;
  border: 1px solid #e45e39;
  height: 44px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #e45e39;
  font-weight: 300;
  font-size: 2.6rem;
  margin-right: 10px;
}
.qa_area {
  margin-bottom: 80px;
}
.d_bnr-area {
  margin-bottom: 80px;
}
.a_text02 {
  display: flex;
  gap: 0 10px;
}
.a_text03 a {
  color: #00a33a;
}
.top_rank-1.top_rank-1_check {
  grid-template-rows: 100%;
}
.top_rank-list.top_rank-list_check {
  margin-bottom: 0px;
}
#modal-container {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  & > div {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    & > img {
      max-width: calc(100vw - 30px);
      max-height: calc(100vh - 30px);
    }
  }
}

img.popup {
  cursor: pointer;
  width: 100%;
}
@media (max-width: 959px) {
  .d_text-area {
    margin-bottom: 40px;
  }

  .d_imp-area {
    margin-bottom: 60px;
  }
  .s_point-item-title {
    font-size: 1.8rem;
  }
  .s_point-list {
    grid-template-columns: repeat(2, 49%);
    gap: 30px 2%;
    margin-bottom: 30px;
  }
  .s_point-slider-area {
    margin: 0 auto 60px;
  }
  .s_point-inner03 {
    margin-bottom: 60px;
  }
  .sim_list {
    width: max-content;
  }
  .sim_list-area {
    overflow: auto;
  }
  .note_area-item01 {
    grid-template-columns: 100%;
    padding: 20px;
  }
  .note_area-item02 {
    grid-template-columns: 100%;
  }
  .note_area-item02-in {
    order: 0;
  }
  .note_area-item-text-r {
    margin-bottom: 15px;
  }
  .set_op-inner {
    grid-template-columns: 100%;
    gap: 20px 0;
  }
  .accordion__title {
    display: grid;
    grid-template-columns: auto 1fr 10%;
    align-items: center;
  }
  .accordion__title::before {
    right: 10px;
  }
  .accordion__title::after {
    right: 10px;
    left: auto !important;
  }
  .model_item01 {
    max-width: 420px;
    margin: 0 auto;
  }
  .check_area {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .s_point-list {
    grid-template-columns: 100%;
  }
  .s_point-img-area {
    grid-template-columns: 100%;
    gap: 10px 0;
    margin-bottom: 10px;
  }
  .dl_btn-text {
    background: url(../img/zip_icon.svg) no-repeat center left / 30px;
  }
  .dl_btn-text-top {
    font-size: 1.3rem;
  }
  .dl_btn-text {
    font-size: 1.6rem;
  }
  .dl_btn {
    padding: 20px 10px;
    border-radius: 10px;
  }
  .model_inner {
    grid-template-columns: 100%;
    gap: 15px 0%;
  }
  .goods_detail {
    display: block;
  }
  .goods_detail-list {
    border-left: none;
  }
  .goods_detail-name {
    border-bottom: 1px solid #5d6970;
    padding: 10px 0;
    background: #f7f7f7;
  }

  .d_text-area-t {
    font-size: 1.8rem;
  }
  .d_message-area {
    padding: 30px 20px;
  }
  .d_message-title {
    font-size: 2rem;
    margin: 15px;
  }
  .d_imp-area {
    padding: 30px 20px;
  }
  .d_imp-title {
    font-size: 2rem;
    margin-bottom: 15px;
  }
  .d_imp-lead01 {
    margin-bottom: 20px;
  }
  .s_point-text {
    margin-bottom: 20px;
  }
  .sim_area-text1 {
    margin-bottom: 20px;
  }
  .note_area-title {
    font-size: 2.2rem;
  }
  .note_area-item-title {
    font-size: 1.8rem;
  }
  .note_area-item-on {
    margin-bottom: 10px;
  }
  .note-img {
    width: 50%;
    margin: 0 auto;
  }
  .note_area,
  .dl_area,
  .d_bnr-area {
    margin-bottom: 60px;
  }
  .accordion__text {
    grid-template-columns: 100%;
    justify-items: center;
    gap: 10px 0;
  }
  .a_text03 {
    word-break: break-all;
  }
  .goods_detail-text {
    font-size: 1.5rem;
  }
  .model_item01 {
    padding: 15px;
  }
  .model_lead {
    font-size: 1.2rem;
  }
  .model_title {
    font-size: 1.7rem;
  }
  .model_c-tag {
    font-size: 1.3rem;
  }
}
@media (max-width: 414px) {
  .note-img {
    width: 100%;
  }
  .dl_area-text {
    text-align: left;
  }
  .dl_area-text.dl_area-text_z {
    text-align: center !important;
  }
  .dl_area-linktext {
    text-align: left;
    margin-bottom: 25px;
  }
}
/* 商品詳細ページここまで */
/* 初めての電気柵ページここから */
.sp-only {
  display: none;
}
.fl_top {
  max-width: 1100px;
  margin: 0 auto;
}
.fl_btn-list {
  display: grid;
  grid-template-columns: repeat(4, 23%);
  gap: 20px 2.6%;
  margin-bottom: 40px;
}
.fl_btn-item-text {
  background: url(../img/l_arrow.svg) no-repeat center right;
  padding: 0px 20px 0px 0px;
}
.fl_btn-item {
  border: 2px solid #e45e39;
  border-radius: 30px;
  line-height: 1;
  padding: 20px 10px;
  text-align: center;
}
.fl_btn-item a {
  text-decoration: none;
  color: #e45e39;
}
.fl-title {
  background: #f18d00;
  padding: 15px 20px;
  line-height: 1;
  color: #fff;
  font-size: 2.6rem;
  margin-bottom: 40px;
}
.fl_title-icon {
  background: url(../img/thunder.svg) no-repeat center left;
  padding: 0 0 0 25px;
}
.fl_r {
  color: #e45e39;
}
.fl_about-lead {
  margin-bottom: 30px;
}
.fl_about-img {
  max-width: 488px;
  height: auto;
  margin: 0 auto 30px;
}
.fl_light-inner_add {
  margin-bottom: 60px;
}
.fl_about-text_area {
  margin-bottom: 80px;
}
.fl_about-animal-title {
  font-size: 2.6rem;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  line-height: 1;
}
.fl_about-animal-title::after {
  position: absolute;
  top: 52%;
  right: 100%;
  width: 8px;
  height: 28px;
  border-radius: 1px;
  content: "";
  background: #00a33a;
  transform: translate(0%, -50%);
}
.fl_about-text01,
.fl_about-text02 {
  margin-bottom: 30px;
}
.fl_about-text03 {
  margin-bottom: 40px;
}
.fl_about-list-text,
.select_area-item {
  padding-left: 10px;
  position: relative;
}
.fl_about-list-text::before,
.select_area-item::before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  vertical-align: top;
  border-radius: 5px;
  background-color: #5a5657;
  position: absolute;
  top: 13px;
  left: 0px;
}
.more_btn {
  background: #fff;
  border: 1px solid #5d6970;
  padding: 20px 10px;
  line-height: 1;
  border-radius: 30px;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  color: #5d6970;
  width: 190px;
}
.more_btn_icon::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left: 8px solid #00a33a;
}
.more_btn a {
  color: #5d6970;
  text-decoration: none;
  display: block;
}
.parts_area-lead {
  margin-bottom: 30px;
}
.parts_area-list {
  display: grid;
  grid-template-columns: repeat(4, 23%);
  gap: 30px 2.6%;
  align-items: end;
  margin-bottom: 30px;
}
.parts_area-item-name {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.4;
}
.parts_area-inner {
  margin-bottom: 30px;
}
.parts_area {
  margin-bottom: 80px;
}
.set_text {
  margin-bottom: 30px;
}
.set_btn {
  background: #00a33a;
  color: #fff;
  max-width: 420px;
  line-height: 1;
  padding: 20px;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.set_btn-text::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left: 8px solid #fff;
}
.set_btn a {
  text-decoration: none;
  color: #fff;
}
.select_area-lead {
  margin-bottom: 30px;
}
.select_area-inner {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 30px 4%;
  margin-bottom: 30px;
}
.select_area-title {
  line-height: 1;
  margin-bottom: 20px;
}
.select_area-img {
  margin-bottom: 20px;
}
.select_area-text {
  line-height: 1.4;
  font-size: 1.5rem;
  margin-bottom: 30px;
}
.select_area-box {
  margin-bottom: 30px;
}
.select_area {
  margin-bottom: 80px;
}
.step_area {
  margin-bottom: 80px;
}
.step_area-inner {
  display: grid;
  grid-template-columns: repeat(3, 32%);
  gap: 30px 2%;
}
.step_text-area {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.step_arrow {
  padding-left: 10px;
}
.step_text {
  background-color: #feebcf;
  padding: 10px;
  border-radius: 6px;
  line-height: 1;
  font-size: 1.4rem;
  color: #f18d00;
}
.step_area-text {
  margin-bottom: 10px;
  line-height: 1.5;
}
.step_area-lead {
  margin-bottom: 30px;
}
.fl_noto-item {
  display: flex;
}
.fl_noto-icon {
  padding-right: 10px;
}
.fl_noto-inner {
  margin-bottom: 30px;
}
.fl_noto-area {
  margin-bottom: 80px;
}
.imp_point-text {
  background: url(../img/point.svg) no-repeat center left;
  padding: 2px 0 2px 25px;
}
.imp_point_area {
  background: #fbeeee;
  padding: 30px;
  margin-bottom: 80px;
}
.imp_point {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: bold;
}
.imp_point-title {
  font-size: 2rem;
  color: #e45e39;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1;
}
.ins_area {
  margin-bottom: 80px;
}
.ins_area-lead {
  margin-bottom: 30px;
}
.ins_area-img {
  max-width: 427px;
  height: auto;
  margin: 0 auto;
}
.l_icon {
  background: url(../img/l_icon.svg) no-repeat center left;
  padding: 0 0 0 20px;
}

.accordion__text.accordion__text_add {
  padding-left: 20px;
}
.a_text02_add::before {
  transform: rotate(0deg);
  border-color: transparent transparent transparent #00a33a;
}
.a_text02.a_text02_add a {
  text-decoration: none;
  color: #5d6970;
}
.point_qa_area {
  margin-bottom: 80px;
}
.point_qa_area {
  margin-bottom: 80px;
}
.ctl_point-text {
  background: url(../img/l_search.svg) no-repeat center left;
  padding: 2px 0 2px 25px;
}
.ctl_point {
  font-size: 2rem;
  color: #00a33a;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1;
}
.ctl_point_inner {
  background: #f0faf3;
  border: 1px solid #00a33a;
  padding: 30px;
  margin-bottom: 30px;
}
.ctl_qa_area {
  margin-bottom: 40px;
}
.ctl_point-item {
  position: relative;
  padding-left: 10px;
}
.ctl_point-item::before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  vertical-align: top;
  border-radius: 5px;
  background-color: #5a5657;
  position: absolute;
  top: 13px;
  left: 0px;
}
.break_btn {
  border: 1px solid #00a33a;
  max-width: 420px;
  line-height: 1;
  padding: 20px;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.break_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left: 8px solid #00a33a;
}
.break_btn a {
  text-decoration: none;
  color: #5d6970;
}
.ctl_point_area {
  margin-bottom: 80px;
}
.safety_area-lead {
  margin-bottom: 30px;
}
.safety_area-lead02 {
  margin-bottom: 40px;
}
.safety_d_title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.safety_area {
  margin-bottom: 40px;
}
.safety_d_lead {
  text-align: center;
  margin-bottom: 30px;
}
.safety_d_inner {
  background: #f7f7f7;
  padding: 30px;
  margin-bottom: 20px;
}
.safety_d_area {
  margin-bottom: 80px;
}
.a_text.a_text_add {
  margin-bottom: 10px;
}

.fl_r-qa {
  display: contents;
  color: #e45e39;
}
.movie_item {
  margin-bottom: 50px;
}
.l_recommend_rank {
  margin-bottom: 80px;
}
.step_area-list {
  display: grid;
  grid-template-rows: auto 220px;
  max-width: 256px;
}
.youtube {
  text-align: center;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text_link {
  font-size: 1.4rem;
}
.text_link a {
  border-bottom: 1px solid #5d6970;
  color: #5d6970;
}
@media (max-width: 959px) {
}
@media (max-width: 768px) {
  .sp-only {
    display: block;
  }
  .fl_btn-list {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    gap: 20px 2%;
  }
  .fl_btn-item {
    padding: 20px 0px;
  }
  .fl-title {
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 10px;
  }
  .fl_about-animal-title {
    font-size: 2.4rem;
  }
  .fl_about-text03 {
    margin-bottom: 30px;
  }
  .fl_about-text_area {
    margin-bottom: 40px;
  }
  .parts_area-list {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    gap: 25px 2%;
  }
  .set_btn {
    line-height: 1.4;
  }
  .parts_area {
    margin-bottom: 40px;
  }
  .select_area-inner {
    grid-template-columns: 100%;
  }
  .select_area-title {
    line-height: 1.4;
  }
  .select_area {
    margin-bottom: 40px;
  }
  .step_area-inner {
    display: flex;
    width: max-content;
  }
  .step_area-box {
    overflow: auto;
  }
  .step_area {
    margin-bottom: 40px;
  }
  .fl_noto-area {
    margin-bottom: 40px;
  }
  .imp_point_area {
    padding: 30px 15px;
    margin-bottom: 40px;
    width: 100vw;
    margin-left: -20px;
  }
  .ins_area {
    margin-bottom: 40px;
  }
  .ctl_point_inner {
    padding: 30px 15px;
    border-bottom: 1px solid #00a33a;
    border-top: 1px solid #00a33a;
    border-left: none;
    border-right: none;
    width: 100vw;
    margin-left: -20px;
  }
  .safety_d_inner {
    padding: 30px 15px;
  }
  .ctl_point_area {
    margin-bottom: 40px;
  }
  .safety_area-lead02 {
    margin-bottom: 30px;
  }
  .safety_d_title,
  .safety_d_lead {
    text-align: left;
  }
  .safety_d_area {
    margin-bottom: 40px;
  }
  .qa_area {
    margin-bottom: 40px;
  }
  .l_recommend_rank {
    margin-bottom: 30px;
  }
  .movie_area {
    margin-bottom: 40px;
  }
  .movie_item {
    margin-bottom: 40px;
  }
  .imp_point-title {
    line-height: 1.4;
  }
}
/* 初めての電気柵ページここまで */
.model_c-tag.model_c-tag_add {
  background: #00aae8;
}
.popup__img {
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (max-width: 768px) {
  .popup__img {
    max-width: 100%;
    padding: 0 10px;
  }
}
.popup_close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 15px;
  border-radius: 30px;
  z-index: 3;
}
.s_point-inner02 {
  margin-bottom: 60px;
}
.farm_area {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 20px 2%;
}
@media (max-width: 959px) {
  .s_point-inner02 {
    margin-bottom: 30px;
  }
}
@media (max-width: 430px) {
  .farm_area {
    grid-template-columns: 100%;
    gap: 20px 0;
    justify-items: center;
  }
}
.text_link_border {
  border-bottom: 1px solid #5d6970;
}
.text_flame {
  border: 1px solid #e45e39;
  padding: 10px;
}
.text_flame a {
  text-decoration: underline;
}
#fs_ProductDetails #layout_basic h4,
#fs_ProductCategory .main_content h4,
.tracepage h4 {
  border-bottom: 2px solid #00a33a;
  display: inline-block;
  padding-bottom: 5px;
  margin: 40px 0 20px 0;
}
.link_color a {
  color: #00a33a;
  text-decoration: underline;
}
.detail_img_add {
  display: block;
}
#fs_ProductDetails #layout_basic h5,
#fs_ProductCategory .main_content h5 {
  border-bottom: 2px dashed #00a33a;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.all_list-box {
  margin: 30px 0 60px 0;
}
.all_list {
  display: flex;
  gap: 0 5px;
}
.large_margin {
  margin-bottom: 30px;
}
.medium_margin {
  margin-bottom: 20px;
}
.small_margin {
  margin-bottom: 10px;
}
.text-underline a {
  text-decoration: underline;
}
.nocart {
  display: none;
}
.set_op-item-tit {
  font-size: 2rem;
  font-weight: bold;
}
.set_op-item-titarea {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 10px;
}
.set_op-item-titarea {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.set_op-item-price {
  font-size: 1.8rem;
}
.option-slider_area {
  max-width: 870px;
  margin: 0 auto;
}
.option_list img {
  padding: 0 10px 0 0;
  margin-bottom: 10px;
}
.set_op-item_lead {
  margin-bottom: 30px;
}
.option1 {
  margin-bottom: 40px;
}
.option_subtit {
  font-size: 1.4rem;
  text-align: center;
}
.option2 {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .option1 {
    margin-bottom: 70px;
  }

  .option2 {
    margin-bottom: 90px;
  }
}
.set_op-area .slick-prev,
.set_op-area .slick-next {
  top: 45%;
}

.set_op-area .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #00a33a;
}
.set_op-area .slick-dots li button:before {
  opacity: 0.25;
  color: #00a33a;
}
.side_from.side_form_add {
  background: none;
}
.form_area-label.form_area-label_add {
  max-width: 500px;
}
.fs-body-category-gyosei .link_color a {
  text-decoration: none;
}
/* 痕跡・フンページ */
.content_box {
  margin-bottom: 80px;
}
.content_inner {
  margin-bottom: 60px;
}
.notoarea {
  background: #f7f7f7;
  padding: 30px;
}
.notoarea_inner {
  display: grid;
  grid-template-columns: 60px auto;
  gap: 0 30px;
  align-items: center;
}
.notoarea_tit {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.pagebtn_list {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 10px 2%;
}
.pagebtn_item {
  border: 2px solid #e45e39;
  border-radius: 30px;
  line-height: 1;
  padding: 20px;
  text-align: center;
}
.pagebtn_item a {
  text-decoration: none;
  color: #e45e39;
}
.pagebtn_item-text {
  background: url(../img/l_arrow.svg) no-repeat center right;
  padding: 0px 20px 0px 0px;
}
.animal_mark-tit01 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark01.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit02 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark02.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit03 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark03.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit04 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark04.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit05 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark05.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit06 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark06.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit07 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark07.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit08 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark08.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit09 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark09.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit10 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark10.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit11 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark11.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit12 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark12.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.animal_mark-tit13 {
  background: url(https://chiikan.itembox.design/item/common/img/animal_mark13.svg) no-repeat center left / 40px;
  padding: 7px 0 7px 50px;
}
.content-slider_area {
  max-width: 810px;
  margin: 0 auto;
}
.content_slider-img {
  padding: 0 10px 0 0;
  margin-bottom: 10px;
}
.slider_subtit {
  font-size: 1.4rem;
  text-align: center;
}
.animal_mark-text {
  margin-bottom: 60px;
}
.animal_markarea-inner {
  margin-bottom: 60px;
}
.content-slider_area {
  margin-bottom: 20px;
}
.check__list-item {
  display: grid;
  grid-template-columns: 12px auto;
  gap: 0 10px;
}
.check__list-icon {
  padding-right: 10px;
}
.btn_area {
  max-width: 560px;
  margin: 0 auto;
}
.btn__box {
  background: #fff;
  border: 2px solid #00a33a;
  padding: 20px;
  line-height: 1;
  border-radius: 70px;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  color: #5d6970;
}
.btn__text::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left: 8px solid #00a33a;
}
.btn_area-top {
  margin: 0 auto 10px;
}
.footprints_area .slick-track {
  margin-left: inherit;
}

@media (max-width: 768px) {
  .content_box {
    margin-bottom: 60px;
  }
  .notoarea_inner {
    grid-template-columns: 100%;
    justify-items: center;
    gap: 20px 0;
  }
  .notoarea {
    padding: 30px 10px;
    width: 100vw;
    margin-left: -20px;
  }
  .pagebtn_list {
    grid-template-columns: 100%;
  }
  .content_inner {
    margin-bottom: 30px;
  }
  .animal_markarea-inner {
    margin-bottom: 30px;
  }

  .animal-area-sp {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
@media (max-width: 519px) {
  .footprints_area .overslide .slick-track {
    margin-left: auto;
  }
  /* .footprints_area .overslide .content_slider-img {
    padding: 0px;
  } */
  .footprints_area .overslide .slick-list {
    padding: 0px !important;
  }

  .tracepage .slick-list {
    padding: 0 0 0 0 !important;
  }
  .footprints_area .slick-track {
    margin: auto;
  }
  /* .content_slider-img.content_slider-img_add {
    padding: 0 0 0 0;
  } */
  .tracepage {
    margin-bottom: 0px !important;
  }

/*
  .footprints_area .slick-slide {
    width: 325px !important;
  }
*/

  .animal_mark-tit01 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark01.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit02 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark02.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit03 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark03.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit04 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark04.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit05 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark05.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit06 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark06.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit07 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark07.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit08 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark08.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit09 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark09.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit10 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark10.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit11 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark11.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
  .animal_mark-tit12 {
    background: url(https://chiikan.itembox.design/item/common/img/animal_mark12.svg) no-repeat center left / 30px;
    padding: 7px 0 7px 40px;
  }
}
.slider_space {
  margin-bottom: 50px;
}
/* overslideクラスがある場合にのみドットを表示 */
.content_sliderlist_area .slick-dots {
  display: none;
}
.content_sliderlist_area.overslide .slick-dots {
  display: block !important;
}
/* overslideクラスがある場合にのみドットを表示 */
.tracepage {
  margin-bottom: 20px !important;
}
.h4_margin-top {
  margin-top: 20px !important;
}
.content_sliderlist_area.unslidebox {
  margin-bottom: -30px !important;
}
.top_slider_add .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #00a33a;
}
.top_slider_add .slick-dots li button:before {
  opacity: 0.25;
  color: #00a33a;
}
.tap_popup { 
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.6); 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  & > div {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    & > img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
    }
  }
}
/* 痕跡・フンページ */
.text_img {
  display: grid;
  grid-template-columns: 49% 49%;
  gap: 0 2%;
}
.consul_top {
  display: grid;
  grid-template-columns: 40% 58%;
  gap: 0 2%;
  align-items: center;
}
.consul_top-text-img {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .text_img {
    grid-template-columns: 60% 38%;
  }
  .consul_top {
    grid-template-columns: 49% 49%;
  }
  .consul_top-text-img {
    margin-bottom: 10px;
  }
  /* .content_sliderlist_area.unslidebox {
    margin-bottom: 30px !important;
  } */
}
/* 当店について */
.-mb_txt p:not(:last-child) {
  margin-bottom: 20px;
}

.about__dodcm--point {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 20px;
  align-items: center;
  margin-top: 40px;
}

.about__dodcm--point article {
  background: #f7f7f7;
  padding: 20px 10px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.-area_un {
  margin: 0 auto 80px;
}

.point--min {
  font-weight: 300;
  font-size: 1.2rem;
}

.point--fcp {
  font-size: 1.5rem;
  margin-top: 10px;
}

.point--fcp span {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.2;
  color: #00a33e;
}

.about_reason {
  background: #f1ede7;
  padding: 60px 20px;
}

.about_reason--onebox {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 28px;
  align-items: center;
  margin-bottom: 40px;
}

.about_reason--onebox.-reverse .pic_reason--number {
  order: 1;
}

.about_reason--onebox.-reverse .onebox--info {
  order: 2;
}

.onebox--info {
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  border: 2px solid #e45e39;
}

.onebox--info__num {
  display: grid;
  grid-template-columns: 30px auto;
  gap: 0 5px;
  align-items: center;
  font-size: 1.9rem;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #e45e39;
}

.about_reason--onebox:nth-of-type(2) .onebox--info {
  border: 2px solid #00aae8;
}

.about_reason--onebox:nth-of-type(2) .onebox--info__num {
  color: #00aae8;
}

.about_reason--onebox:nth-of-type(3) .onebox--info {
  border: 2px solid #f18d00;
}

.about_reason--onebox:nth-of-type(3) .onebox--info__num {
  color: #f18d00;
}

.onebox--info__count {
  font-size: 3.2rem;
  font-weight: bold;
}

.pic_reason--map {
  max-width: 310px;
  margin: 0 auto;
}

.pic_reason--number {
  max-width: 280px;
  margin: 0 auto;
}

.pic_reason--info {
  max-width: 240px;
  margin: 0 auto;
}

.gr__btn,
.red__btn {
  margin: 20px auto 0;
}

.gr__btn a {
  display: block;
  text-align: center;
  background: #fff;
  line-height: 1;
  text-decoration: none;
  border: 2px solid #00a33a;
  border-radius: 40px;
  padding: 20px 10px;
  color: #5d6970;
  margin: 0 auto;
}

.gr__btn.gr__btn_add {
  max-width: 280px;
}

.gr__btn a span {
  background: url(../img/gr-delta.svg) no-repeat right center / 8px;
  padding-right: 18px;
}

.gr__btn a:not(:first-child) {
  margin-top: 10px;
}

.red__btn {
  max-width: 560px;
  margin: 0 auto;
}

.red__btn a {
  display: block;
  text-align: center;
  color: #fff !important;
  line-height: 1;
  text-decoration: none;
  background: #e45e39;
  border-radius: 40px;
  padding: 20px 10px;
  color: #5d6970;
  margin: 0 auto;
}

.red__btn a span {
  background: url(../img/w-delta.svg) no-repeat right center / 8px;
  padding-right: 18px;
}

.pic_reason--fin {
  max-width: 300px;
  margin: 0 auto 20px;
}

.bans_lineup {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)) !important;
  gap: 20px;
  margin: 40px auto;
}

.bans_lineup img {
  width: 100%;
  height: auto;
  display: block;
}

.about__propt {
  background: #f7f7f7;
  padding: 30px;
  font-weight: normal;
}

.hopes li,
.about__propt li {
  background: url(../img/i-check.svg) no-repeat left 10px / 12px;
  padding-left: 20px;
}

.about__propt--tit {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}

.about_consulting--cover {
  margin-bottom: 40px;
}

.about_consulting--cover .gr__btn {
  max-width: 560px;
}

.about_consulting {
  max-width: 770px;
  margin: 40px auto;
}

.about_consulting img {
  width: 100%;
  height: auto;
  display: block;
}

.const__case {
  border: 1px solid #5d6970;
  border-radius: 6px;
  padding: 30px;
  margin: 0 auto 30px;
}

.const__case dt {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.const__case dd {
  font-weight: normal;
}
.const__case dd:not(:last-of-type) {
  margin-bottom: 10px;
}

.const__case--btn {
  max-width: 260px;
  margin-left: auto;
}

.hopes ul {
  margin-bottom: 10px;
}

.hopes .red__btn {
  margin: 30px auto 40px;
}

.qa_area .accordion__text a {
  color: #00a33a;
  text-decoration: underline !important;
}

.qa_area__fins {
  margin: 40px auto 0;
  text-align: center;
}

.qa_area__fins p:first-child {
  margin-bottom: 40px;
}

.owner {
  text-align: right;
}

.shop_think {
  margin: 0 auto;
  font-weight: normal;
}
.about_reason--onebox_add {
  margin-bottom: 60px;
}
.small__text {
  font-size: 1.2rem !important;
  color: #5d6970 !important;
  font-weight: 400 !important;
}
.onebox--tit {
  font-weight: bold;
}
.shop_think-list {
  display: grid;
  grid-template-columns: 18px auto;
  font-weight: bold;
}
.shop_think-list_area {
  margin-bottom: 10px;
}
@media (max-width: 959px) {
  .shop_think {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .about__dodcm--point article {
    height: 170px;
  }
  .-area_un {
    margin: 0 auto 60px;
    margin-top: 20px;
  }
  .onebox--info {
    order: inherit;
  }
  .about_reason--onebox.-reverse .onebox--info {
    order: 1;
  }
  .onebox--info_add {
    margin-top: 10px;
  }
  .about_reason--onebox {
    gap: 20px;
    grid-template-columns: 100%;
  }
  .about_reason {
    width: 100vw;
    margin-left: -20px !important;
  }
  .onebox--under {
    margin-top: 120px;
  }
  .pic_reason--fin {
    margin-bottom: 20px;
  }
  .bans_lineup {
    padding: 0 45px;
    margin: 30px auto;
  }
  .about__propt--tit {
    text-align: center;
    margin-bottom: 20px;
  }
  .about__dodcm--scp {
    margin-bottom: 30px;
  }
  .const__case--btn {
    margin: 0 auto;
  }
  .const__case dt {
    text-align: center;
    margin-bottom: 20px;
  }
  .hopes .red__btn {
    margin: 30px auto 30px;
  }
  .qa_area__fins {
    margin: 30px auto 0;
  }
  .qa_area__fins p:first-child {
    margin-bottom: 30px;
  }
  .qa_area_add {
    margin-bottom: 60px;
  }
  .-mb_txt p:not(:last-child) {
    margin-bottom: 10px !important;
  }
  .about__propt {
    padding: 30px 10px;
  }
  .about__dodcm--point {
    margin-top: 30px;
  }
  .red__btn a span {
    padding-right: 0px;
    display: block;
  }
  .gr__btn a span {
    padding-right: 0px;
    display: block;
  }
  .about_consulting {
    margin: 30px auto;
  }
  .footprints_area {
    margin-top: 30px !important;
  }
  .h4_margin-top.h4_margin-top_add {
    margin-top: 40px !important;
  }
  .h4_margin-top.h4_margin-top-first {
    margin-top: 0px !important;
  }
}
@media (max-width: 519px) {
  .about__dodcm--point {
    grid-template-columns: 100% !important;
  }
}
.h4_margin-top_add {
  margin-top: 15px !important;
}
.h4_margin-top-first {
  margin-top: 10px !important;
}
.qa_area .accordion__title {
  display: grid;
  grid-template-columns: 44px auto;
  gap: 0 14px;
  padding-right: 40px;
  align-items: center;
}
.point_qa_area .accordion__title,
.ctl_qa_area .accordion__title {
  display: grid;
  grid-template-columns: auto;
  gap: 0 14px;
  padding-right: 40px;
  align-items: center;
}
.txt__deco{
  text-decoration: underline;
}

/* 目的: PC閲覧時に1200px横長画像をクリックでポップアップ表示し視認性を向上させるためのスタイル追加 */
.responsive-img.popup, .large-popup-img {
  display: block;
  height: auto;
}

.large-popup-img {
  width: 80%;
  max-width: 1200px;
  margin: auto;
}

@media (max-width: 768px) {
  .responsive-img.popup, .large-popup-img {
    width: 95%;
    padding: 0 10px;
  }
}
/* 目的: PC閲覧時に1200px横幅かつ縦幅もある画像をクリックでポップアップ表示し、
  視認性を向上させるためのスタイル追加
*/
.responsive-img.popup, .large-popup-img-2 {
  display: block;
  height: auto;
}

.large-popup-img-2 {
  max-height: 100vh; /* ビューポートの高さの100% */
  width: auto; /* 縦横比を維持 */
}


@media (max-width: 768px) {
  .responsive-img.popup, .large-popup-img-2 {
    width: 95%;
    padding: 0 10px;
  }
}

/* スマートフォン表示においてスクロールを表示するためのスタイル */
@media (max-width: 768px) {
  .js-scrollable {
    overflow-x: auto; /* 横方向のスクロールを表示 */
    overflow-y: hidden; /* 縦方向のスクロールは非表示 */
    -webkit-overflow-scrolling: touch; /* スクロールの滑らかさを設定（iOS用） */
    white-space: nowrap; /* 行を折り返さずに横に並べる */
  }
  .img-wrapper {
    width: 1200px; /* 画像を包含する要素の幅を画像の幅よりも大きく設定 */
  }
}

/* 画像にカーソルを合わせた際のスタイル */
.img-wrapper > img.popup {
  /* トランジションを追加 */
  transition: opacity 0.3s ease;
}

.img-wrapper > img.popup:hover {
  /* 透過度を下げる */
  opacity: 0.5;
}

/* 目的: 要素の下部に大きいスペースを取るため */
.extralarge_margin {
  margin-bottom: 100px;
}

/* 目的: 動物カテゴリページボタン */
.unique-page .l-top_btn-item a {
    color: #e45e39; /* リンクのテキストカラーをブランドレッドに設定 */
    text-decoration: none; /* 下線を消す */
}
.unique-page .set_btn-text {
    color: white; /* テキストカラーを白に設定 */
}
div.unique-page.c_pickup-btn-area a {
    text-decoration: none !important;
}

/* 目的: トレイルカメラ比較表バナーボタンのテキストにアンダーラインを引かない */
.unique-page .model_inner a {
  text-decoration: none;
}
.unique-page .model_lead {
  color: #5d6970;
}
.unique-page .model_title {
  color: #5d6970;
}

/* 目的: スマートフォン表示においてスクロールせず画像にカーソルを合わせた際透過して表示するためのスタイル */
@media (max-width: 768px) {
  .unique-page .img-wrapper-2 img.popup {
    width: 100%; /* 画像の幅を親要素に合わせて調整 */
    height: auto; /* 高さを自動で調整し、アスペクト比を維持 */
  }
}

.unique-page .img-wrapper-2 > img.popup {
  transition: opacity 0.3s ease;
}

.unique-page .img-wrapper-2 > img.popup:hover {
  opacity: 0.5;
}

/* 目的: 動物ボタンのテキストカラー変更 */
.unique-animal-btn a {
    color: #5d6970 !important; /* リンクのテキストカラーをブランドグレーに設定し、!importantで強制適用 */
    text-decoration: none !important; /* 下線を消すスタイルを!importantで強制適用 */
    font-weight: normal !important; /* テキストを太字にしないように設定し、!importantで強制適用 */
}

/* 目的: 見積依頼ボタン、注文の流れボタンをページ下部に設置 */
.custom_order_flows_container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 20px 0;
  gap: 10px;
}

.custom_order_flows_item {
  width: calc(50% - 5px);
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
}

.custom_order_flows_content {
  margin: 0;
  display: flex;
  flex-grow: 1;
  align-items: stretch; /* 親要素の高さに合わせる */
}

.custom_button {
  display: flex;
  align-items: center; /* 縦方向に中央揃え */
  justify-content: center; /* 横方向に中央揃え */
  width: 100%;
  padding: 15px 20px;
  color: #fff;
  text-align: center; /* テキストを中央揃え */
  text-decoration: none;
  border: 2px solid;
  border-radius: 30px;
  font-size: 1.4rem;
  line-height: 1.4;
  box-sizing: border-box;
  height: 100%; /* 親要素の高さに合わせる */
  position: relative; /* 相対位置を設定 */
}

.custom_button .icon-container {
  position: absolute;
  left: 20px; /* 左側に固定 */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom_button .icon {
  width: 100%; /* アイコンを中央に配置 */
}

.custom_button .text-container {
  flex: 1;
  display: flex;
  justify-content: center; /* 横方向に中央揃え */
  align-items: center;
  text-align: center;
  padding-left: 50px; /* アイコンの右側にスペースを確保 */
}

.custom_button.left_button {
  background-color: #e45e39;
  border-color: #e45e39;
}

.custom_button.right_button {
  background-color: #00aae8;
  border-color: #00aae8;
}

.custom_button:hover {
  opacity: 0.8;
}

.custom_order_flows_item .custom_order_flows_content {
  display: flex;
  align-items: stretch; /* 親要素の高さに合わせる */
}

.custom_order_flows_item .custom_order_flows_content .custom_button {
  height: 100%; /* 親要素の高さに合わせる */
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .custom_order_flows_container {
    flex-direction: column;
    gap: 0;
  }

  .custom_order_flows_item {
    width: 100%;
    margin-bottom: 10px;
  }

  .custom_order_flows_item:last-child {
    margin-bottom: 0;
  }
}

/* 目的: チェックアイコン付きテキスト */
.checkpoint-list {
    list-style: none;
    padding: 0;
}

.checkpoint {
    display: flex;
    align-items: flex-start; /* アイコンをテキストの1行目に合わせる */
    margin: 10px 0;
    font-size: inherit; /* 親要素のフォントサイズを継承 */
    line-height: 1.5; /* 行間 */
    color: inherit; /* 親要素のテキストの色を引き継ぐ */
}

.checkpoint .checkpoint-icon {
    width: 0.8em; /* アイコンの幅を相対的に設定 */
    height: 0.8em; /* アイコンの高さを相対的に設定 */
    flex-shrink: 0; /* アイコンの大きさを固定 */
    margin-right: 0.1em; /* アイコンとテキストの間のスペースを狭くする */
    margin-top: 0.2em; /* アイコンを少し下に表示 */
}

.checkpoint .checkpoint-text {
    font-size: inherit; /* フォントサイズを親要素から継承 */
    line-height: inherit; /* 行間を親要素から継承 */
    color: inherit; /* テキストの色を親要素から継承 */
    display: block; /* テキストをブロックにして正しい位置に配置 */
}

/* トレイルカメラ選び方ページおすすめ商品囲み枠
 h3タイトル文字を太字にする
 ディスプレイを削除する 
 要素上下にマージンを入れる
 一覧表下部の機種リンクをボタンにする */

.product {
  border: 1px solid #5d6970;
  padding: 20px;
  border-radius: 10px;
}

.mins__title {
  font-weight: bold;
}

.custom-link a {
    color: #5d6970; /* リンクの色を#5d6970に変更 */
    text-decoration: none; /* 下線を消す */
}

.margin-tb {
    margin-top: 30px;/* 要素上下にマージンを入れる */
    margin-bottom: 30px;
}


.button-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.button-link {
    color: #5d6970; /* テキストリンクの文字色 */
    padding: 10px 20px;
    text-align: center;
    text-decoration: none; /* 下線を消す */
    border: 2px solid #00aae8; /* 囲み線の色 */
    display: inline-block;
    width: calc(50% - 10px); /* 2つ並べるための幅 */
    box-sizing: border-box;
}

.button-link:link, .button-link:visited {
    color: #5d6970; /* テキストリンクの文字色 */
    text-decoration: none; /* 下線を消す */
}

.button-link:hover {
    border-color: #0088b3; /* ホバー時の囲み線の色の変更 */
}

@media (max-width: 768px) {
    .button-link {
        width: 100%; /* スマートフォン表示時は1列に並べる */
    }
}

/* .s_point-img-area 内の画像に対してトランジションと透過効果を追加 */
.s_point-img-area img {
    transition: opacity 0.3s ease; /* トランジション効果を追加 */
}

.s_point-img-area img:hover {
    opacity: 0.5; /* ホバー時の透過度 */
}


/* top-hrの下部に余白を追加 */
.top-hr {
  margin-bottom: 30px;
}

/* bottom-hrの上部に余白を調整 */
.bottom-hr {
  margin-top: 0px; /* 上部余白をさらに狭く調整 */
}

/* content-sectionのスタイルを定義 */
.content-section {
  width: 100%;
  margin-bottom: 10px; /* 下部余白を狭く調整 */
}

/* 行のスタイルを定義 */
.content-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px; /* 左右の要素間のスペースを追加 */
}

/* ロゴのスタイルを定義 */
.content-logo {
  flex: 0 0 20%; /* 幅を割合で調整 */
  margin-bottom: 5px; /* 下部余白を狭く調整（PC用） */
}

/* コンテンツのスタイルを定義 */
.content-details {
  flex: 1 0 75%; /* 幅を割合で調整 */
  margin-bottom: 10px; /* 全体のバランスを取るための余白 */
}

/* 各コンテンツアイテムのスタイルを定義 */
.content-item {
  margin-bottom: 10px; /* 下部余白を狭く調整 */
}

/* スマホ表示時のスタイルを定義 */
@media (max-width: 768px) {
  .content-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0; /* スマホ表示時にはギャップをなくす */
  }

  .content-logo {
    width: 100%;
    max-width: none;
    margin-bottom: 20px; /* ロゴの下にスペースを追加（SP用） */
  }

  .content-details {
    width: 100%;
    max-width: none;
  }
  
  .content-item {
    word-break: break-word;
    white-space: normal;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px; /* 下部余白を狭く調整 */
  }
}


.midashi-3 {
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  margin: 40px 0;
  line-height: 1;
  background-color: rgba(0, 163, 58, 0.05);
  padding: 10px 10px 10px 28px; /* 左側の余白を調整 */
}

.midashi-3::after {
  position: absolute;
  top: 0; /* .midashi-3 のコンテンツ領域の上端に合わせる */
  left: 0; 
  width: 8px;
  height: 100%; /* .midashi-3 のコンテンツ領域の高さに合わせる */
  border-radius: 1px;
  content: "";
  background: #00a33a;
}

.rightBox-2 {
  padding: 0;
  background: none;
}

.bunpuBox-2 {
  font-size: 1.3rem;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0;
  margin-top: 0; /* 上部のマージンをなくす */
}

.bunpu-heading {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  background-color: #f7f7f7; /* 背景色を薄いグレーに設定 */
  padding: 10px;
  border: 1px solid #ccc; /* 枠線を追加 */
  margin: 0; /* 上下の余白をなくす */
  border-bottom: 1px solid #ccc; /* 見出しの下部の枠線を再追加 */
}

.bunpuBox-2 p {
  margin-top: 0; /* 最初の段落の上部マージンをなくす */
}

.bunpuBox-2 img,
.bunpuBox-2 .bunpuTxt,
.bunpuBox-2 ul {
  margin-top: 0; /* 画像とテキストの上部マージンをなくす */
  padding-top: 0; /* 上部のパディングをなくす */
  border-top: none; /* 上部の枠線を削除 */
}

.bunpuBox-2 {
  border-radius: 0; /* 角丸を無効にする */
  border-left: 1px solid #ccc; /* 左側の枠線 */
  border-right: 1px solid #ccc; /* 右側の枠線 */
  border-bottom: 1px solid #ccc; /* 下側の枠線 */
  padding: 20px; /* コンテンツの内側の余白を調整 */
}

/* ポップアップ時の画像に対する特定のスタイル */
#modal-container .popup__img {
  opacity: 1 !important; /* 透過効果を無効にする */
  transition: none; /* トランジション効果も無効にする */
}

/* 通常のホバー時の透過効果を追加 */
.responsive-img.popup {
  transition: opacity 0.3s ease; /* トランジション効果を追加 */
}

.responsive-img.popup:hover {
  opacity: 0.5; /* ホバー時の透過度 */
}

@media (max-width: 959px) {
  :root {
    --header: 0px;
  }
}

/* reCAPTHA表示位置の調整 */
.grecaptcha-badge {
  bottom: 160px !important; /* デフォルトの位置から140px上に移動 */
}

/* ※ */
.annotation::before {
  display: inline-block;
  content: "※";
  position: absolute;
  left: -13px; /* ● と完全に揃える */
  top: 1px; /* 1行目の中央に最適化 */
  vertical-align: top;
}

/* (1), (2), (3)... */
.numbered::before {
  display: inline-block;
  content: "(" counter(item) ")";
  position: absolute;
  left: -15px; /* ● と完全に揃える */
  top: 1px; /* 1行目の中央に最適化 */
  vertical-align: top;
}

/* 連番のリセット */
ul.goods_detail-list {
  counter-reset: item;
}

/* 連番を増加 */
li.numbered {
  counter-increment: item;
  position: relative;
}

/* 画像の上端をテキストの上端に揃える */
.c_light-inner04 {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 0 4%;
  align-items: start;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .c_light-inner04 {
    grid-template-columns: 100%;
    margin-bottom: 50px;
  }
  .c_light-inner04 img {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .c_light-img-container {
    margin-bottom: 20px; /* 画像の下に余白を追加 */
  }
}


.img-caption {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 5px;
  color: #00a33a; /* 緑色 */
  font-weight: bold; /* 太字 */
}
.s_point-img-area figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-g:link,
.link-g:visited {
  color: #00a33a;
  text-decoration: underline;
}
.goods_detail-title-2 {
  text-align: center;
  padding: 20px;
  background: #fa0404;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  border-bottom: 1px solid #5d6970;
}

.goods_detail-2 {
  display: grid;
  grid-template-columns: 20% 80%;
  align-items: center;
  background: #fbeeee;
  border-bottom: 1px solid #5d6970;
}
@media (max-width: 768px) {
  .goods_detail-2 {
      display: block;
  }
}
.goods_detail-2.border_b-none {
  border-bottom: 0px;
}
.fs-c-documentArticle__heading {
  font-size: 2.5rem !important;
  font-weight: bold !important;
  padding: 10px 0 !important;
  border-radius: 4px !important;
}
.fs-c-documentColumn__heading {
  font-weight: bold !important;
}