/* product_list */
#product_list li { margin-bottom: 60px; }
#product_list li >div:after { position: absolute; width: calc(100% - 62px); height: 100%; border: var(--bs-gray) solid; border-width: 0 1px 1px; bottom: 0; left: 30px; content: ""; }
#product_list li .img:after { height: 40px; border-width: 1px 1px 0; }
#product_list li .info { padding: 40px 50px 0; }
#product_list li .info:before { position: absolute; width: 30px; height: 3px; background: var(--bs-gray); display: block; top: 30px; left: calc((100% - 30px) / 2); content: ""; }
#product_list li .info >* { text-align: center; }
#product_list li .info article { margin: 20px 0 30px; }
#product_list li .info p { text-transform: uppercase; font-family: 'Frank Ruhl Libre', serif; text-align: center; font-size: 23px; color: var(--bs-gray); }
#product_list li .info .more {position: relative;padding: 15px 20px;background: rgb(255 226 204);text-align: center;font-weight: 400;font-size: 15px;bottom: -20px;z-index: 6;}

/* imglist */
#imglist img {margin-bottom: 20px;height: 450px;}
#imglist .img_nav img { margin: 0 10px 0 0; width: 100px; height: 100px; border: 1px var(--bs-lightgray) solid; }

/* productinfo */

#productinfo .topTitle {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #afaca9;
    padding-left: 60px;
}
#productinfo #tabSp,#productinfo #community ul{padding-left: 60px;padding-bottom: 30px;}
#productinfo .cat a {font-size: 18px;font-family: 'Cardo', serif;line-height: 130%;font-weight: 100;letter-spacing: 0.025em;color: var(--bs-keyword);}
#productinfo h2 {margin: 5px 0 -5px;font-weight: 400;font-size: 28px;letter-spacing: 0.025em;color: var(--bs-darkgray);}
#productinfo article {font-weight: 400;font-size: 14px;padding: 12px 0 30px;}
#productinfo #community { margin-top: 15px; border-top: 1.5px var(--bs-gray) dashed; }
#productinfo .shopbox .nowrap_box a{ margin-bottom: 40px; padding: 15px 20px; width: calc(80% - 40px); background: var(--bs-lightsecondary); font-weight: 400; font-size: 15px; }
#productinfo .shopbox .nowrap_box a:hover {background-color: #e86e15;color: #fff;}
#productinfo .shopbox .nowrap_box a img {filter: grayscale(1) brightness(2);margin-left: 10%;}
#productinfo .shopbox .nowrap_box a:hover img {animation: moreA 2s infinite;filter: grayscale(1) brightness(5);}
@keyframes moreA {
    0% {
        transform: translate(0px);
    }
    25% {
        transform: translate(20px);
    }
    50% {
        transform: translate(-5px);
    }
    75% {
        transform: translate(25px);
    }
    100% {
        transform: translate(0px);
    }
}
/* productTabs */
#productTabs ul.tabs { margin: 70px 0 35px; border-bottom: 1px var(--bs-gray) solid; text-align: center; }
#productTabs ul.tabs li { vertical-align: top; }
#productTabs ul.tabs li a { padding: 7px 40px; }
#productTabs ul.tabs li.active { background: var(--bs-keyword); }
#productTabs ul.tabs li.active a { color: var(--bs-white); }

@media screen and (min-width: 1441px){
    #product_list li .info { padding: 40px 70px 0; }
}
@media screen and (min-width: 1281px){
	#product_list li:hover .img:after { height: calc(100% - 30px); }
}
@media screen and (min-width: 981px){
	#productdetail {display: flex;align-items: center;justify-content: space-between;text-align: justify;}
}

@media screen and (max-width: 980px){
	#product_list li >div:after { width: calc(100% - 32px); left: 15px; }
	#product_list li .info { padding: 40px 35px 0; }
	#productdetail {display: inline-block;}
	#productdetail .d-inline-block{
    width: 100%;
}
#productinfo .topTitle,#productinfo #tabSp, #productinfo #community ul{
    padding-left: 10px;
}
}
@media screen and (max-width: 768px) and (min-width: 641px) {
	#product_list li >div:after , #product_list li .info:before { opacity: 0; }
	#product_list li .info { padding: 20px 0 0; }
	#product_list li .info .more { bottom: 0; }
}
@media screen and (min-width: 769px){
}
@media screen and (max-width: 768px){
	#productinfo {margin-top: 0vw;}
	#imglist { width: 100%; }
#product_list li{
    margin-bottom: 50px;
}
.page_list li .info h4{}
}
@media screen and (max-width: 480px){
	#imglist img {margin-bottom: 20px;height: 260px;}
#productinfo h2{
    margin: 0;
}
}
@media screen and (max-width: 400px){
	#product_list li >div:after , #product_list li .info:before { opacity: 0; }
	#product_list li .info {padding: 14px 0 0;}
	#product_list li .info .more {bottom: 0;background-color: #f3f3f3;padding: 10px 20px;width: 50%;margin: auto;}
#product_list li .info p{
    display: none;
}
#product_list li .info article{
    margin: 5px 0 10px;
}
}