.index-body-box {
  margin: auto;
  width: 95%;
  height: auto;
}
a {
 text-decoration: none;
 color: black;

}

.header{
   margin: auto;
   height: fit-content;
   width: fit-content;
   font-size: 2.5rem;
   line-height: 3rem;
   padding: 1rem 4rem;
   border-radius: 1rem;
   text-align: center;
   margin-bottom: 4rem;
   margin-top: 8rem;
   color: white;
   background-color: gray;
}
.tjs-1517f-box{
 display: flex;
 justify-content: space-around;
}
.tjs-1517f-box .product-image{
 width: 50%;
 overflow: hidden;
 
}
.tjs-1517f-box .product-image img{
 width: 100%;
 transition:  transform 0.3s ease;
}
.tjs-1517f-box .product-image:hover img{
  transform: scale(1.2);
}
.tjs-1517f-info{
 width: fit-content;
 margin-top: 4rem;
 font-size: 2.5rem;
}
.tjs-1517f-product-name, .takuhai-product-name{
 border: none;
 background-color: var(--green-color);
 font-size: 4rem;
 font-weight: 600;
 text-align: center;
 color: white;
}
.tjs-1517f-product-price, .takuhai-product-price{
 font-size: 4rem;
 border: none;
 color: red;
}
.tjs-1517f-product-price span, .takuhai-product-price span {
  font-size: 2.5rem;
}
.tjs-1517f-info ul{
 margin: 1rem;
 list-style: none;
 padding-inline-start: 0rem;
}
.tjs-1517f-info ul li{
 display: flex;
 justify-content: space-between;
}
.tjs-1517f-info ul li span{
 display: inline-flex;
 justify-content: center;
 align-items: center;
 background-color: var(--green-color);
 color: white;
 width: 3rem;
 height: 3rem;
 border-radius: 50%;
}
.phone-tjs-1517f-naka-image{
 display: none;
 width: 75%;
}
.phone-tjs-1517f-naka-image img{
 width: 100%;
}
.tjs-1517f-naka-image{
 width: fit-content;
 margin: auto;
}
.tjs-1517f-naka-image img{
 width: 120rem;
}
.takuhai-box{
 display: flex;
 font-size: 2.5rem;
}
.TJS-010T-box, .TJS-020T-box{
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 50%;
}
.takuhai-box .product-image{
 width: 80%;
}
.takuhai-box img{
 width: 100%;
}


.product-box{
   display: flex;
   justify-content: space-around;
   padding: 1rem;
}
.product-box-background-image{
 background-image: url(../image/index/bk.png);
 width: 60rem;
 height: 60rem;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 position: relative;
}
.product-box-info{
   width: 60rem;
   font-size: 2.5rem;
   padding: 1rem;
}
.product-box-item-img{
   width: 100%;
   height: 100%;
   /* background-color: gray; */
}
.product-box-info-img{
   width: fit-content;
   margin: auto;
}
.product-box-info-img img{
   margin: 0rem 1rem;
   border: solid 1px rgb(197, 197, 197);
   border-radius: 1rem;
}
.product-box-info-element{
   margin-top: 4rem;
}
.product-box-info-element div{
   line-height: 1.2em;
}
.product-box-info-img img:hover{
   cursor: pointer;
   border: solid 1px #077ee0;

}
table {
   border-collapse: collapse; 
   text-align: center;
   display: block;
   margin: auto;
}

th, td {
   border: 1px solid #ddd;
   padding: 8px;
   text-align: left;
   line-height: 1.2em;
}
.TJS-012B-table{
   display: none;
}
.TJS-015B-table{
   display: none;
}
.active{
   border: solid 1px #077ee0;
}
#TJS-089B-img{
 z-index: 9;
   position: absolute;
   height: 25rem;
   top: 35%;
   left: 30%;
   transition: all 0.2s ease-in;
}
#TJS-012B-img{
 z-index: -9;
   opacity: 0;
   position: absolute;
   height: 25rem;
   top: 35%;
   left: 25%;
   transition: all 0.2s ease-in;

}
#TJS-015B-img{
   z-index: -9;
   opacity: 0;
   position: absolute;
   width: 22rem;
   top: 8%;
   left: 30%;
   transition: all 0.2s ease-in;
}
.product-box-2 {
   display: flex;
   justify-content: space-around;
}
.product-box-2 .product-box-image{
   width: 60rem;
   height: 50rem;
   position: relative;
}
#TJS-0150-S-img{
 z-index: 9;
   width: 100%;
   transform-origin: 0px;
   position: absolute;
   opacity: 1; 
   transition: opacity 0.6s ease-in;

}
#TJS-0150-B-img{
   width: 100%;
   transform-origin: 0px;
   position: absolute;
   opacity: 0;  
   transition: opacity 0.6s ease-in;
   

}
#TJS-0150-R-img{
   width: 100%;
   transform-origin: 0px;
   position: absolute;
   opacity: 0;
   transition: opacity 0.6s ease-in;


}
.product-img-box{
   position: relative;
   margin-top: 4rem;
   margin-bottom: 4rem;

   overflow: hidden;
 }
 .product-box-3 .product-box-info{
   display: flex;
   width: 100%;
   padding: 1rem;
 }
 .product-box-3 .product-box-info .product-box-info-element{
   width: 50%;
 }
 .product-box-info .product-box-info-element img{
   width: 100%;
 }
 .product-box-3 .product-box-info .product-box-info-element .product-price{
   border: none;
 }
 .TJS-box-item{
   display: flex;
   justify-content: space-evenly;
   width: 100%;
   position: absolute;
   top: 0rem;
 }
 .product-box-4 .product-box-info{
   display: flex;
   padding: 1rem;
   width: 100%;
 }
 .product-box-4 .product-box-info .product-box-info-element{
   width: 50%;
 }
 .product-box-4 .product-box-info .product-box-info-element .product-price{
   border: none;
 }
 .partern-box-item {
   display: flex;
   justify-content: space-evenly;
   width: 100%;
   position: absolute;
   top: 0rem;
 }
 .hidden-box{
   /* background-color: #077ee0 */
 }
.hidden-box div{
 height: 30rem;
 width: 1px;
}
 .product-img-box img{
   height: 30rem;

 }
 .product-box-size{
   display: flex;
   justify-content: center;
   margin-top: 5rem;
 }
 .product-box-size div{
   margin-left: 4rem;
   margin-right: 4rem;
   font-size: 2rem;
   line-height: 4.5rem;
   border: solid 1px gray;
   width: 5rem;
   height: 5rem;
   border-radius: 2rem;
   text-align: center;
 }
 .product-box-size div:hover{
   cursor: pointer;
 }
 .AN-box, .TK-box{
   display: none;
 }
 .M, .L{
   display: none;
 }

 #AN-img, #TK-img{
   display: none;
 }
 .M-table, .L-table{
   display: none;
 }
 .M-price, .L-price{
   display: none;
 }
 .product-box-info-element .product-price{
   margin: 4rem;
 }
 .product-box-info-element .product-price span {
  font-size: 2rem;
 }
 center a {
   display: block;
   width: fit-content;
   background-color: rgb(205, 205, 205);
   font-size: 2rem;
   margin: 2rem;
   padding: 2rem 6rem;
   border-radius: 2rem;
 }
 center a:hover{
   opacity: 0.7;
 }
 .product-info{
  display: flex;
 }