#wrap h2.pag_tit { font-size: 30px; }
.circle_ani_btn { position: relative; width: 120px; height: 120px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-decoration: none; background: linear-gradient(90deg,#f9464a,#fba802); box-shadow: 0 15px 35px rgba(17,68,126,0.28); overflow: hidden; transition: transform 0.4s ease,box-shadow 0.4s ease; }
.circle_ani_btn::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(17,68,126,0.45); animation: circlePulse 2.4s ease-in-out infinite; }
.circle_ani_btn::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.45); border-top-color: transparent; border-left-color: transparent; animation: circleRotate 4s linear infinite; }
.circle_ani_btn .circle_icon { position: relative; z-index: 2; font-size: 16px; line-height: 1; margin-bottom: 8px; transition: transform 0.4s ease; color: white; }
.circle_ani_btn .circle_text { position: relative; z-index: 2; font-size: 13px; letter-spacing: 0.12em; font-weight: 600; color: white; }
.circle_ani_btn:hover { transform: translateY(-6px) scale(1.05); box-shadow: 0 22px 45px rgba(17,68,126,0.38); }
.circle_ani_btn:hover .circle_icon { transform: translateX(5px); }
@keyframes circlePulse {
  0% { transform: scale(0.92); opacity: 0.75; }
  70% { transform: scale(1.16); opacity: 0; }
  100% { transform: scale(1.16); opacity: 0; }
}
@keyframes circleRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.flyaciton { position: absolute; left: 38%; bottom: calc(50% - 60px ); z-index: 8; }
/* product_list */
#product_list {display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin-bottom: 60px;}
#product_list li {margin: 0 !important;}
#product_list li >a { z-index: 2 }
#product_list li .clip {aspect-ratio: 3/5;border-radius: 10px;box-shadow: 0 6px 21px rgb(145 145 145 / 39%);}
#product_list li .clip:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgb(0 0 0 / 34%), rgb(0 0 0 / 75%));z-index: 1;}
#product_list li:hover .clip:before{opacity: 0.4;}
#product_list li .clip img {object-position: 30% 50%;height: 100%;}
#product_list li .info_box {bottom: 0;left: 0;display: flex;flex-direction: column;align-items: flex-start;gap: 15px;z-index: 2;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;justify-content: space-between;padding: 25px 5px;height: 100%;}
#product_list li .info_box .h3 {writing-mode: vertical-lr;font-size: 25px;letter-spacing: 4px;display: flex;align-items: center;gap: 13px;line-height: 1.3;flex-direction: row;flex-wrap: nowrap;height: 290px;text-shadow: 0 1px 2px rgb(0 0 0 / 98%);}
#product_list li:hover .info_box .h3 { transform: translateY(-15px); }
#product_list li .info_box .h3:after { content: ''; width: 1px; height: 40px; display: block; background: white; }
#product_list li article { font-size: 18px; height: auto; -webkit-line-clamp: 2; font-weight: 300; }
/* productdetail */
#productdetail { position: relative; display: grid; grid-template-columns: 40% 58%; margin: 50px 0 80px; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#productdetail .slick-slider { width: 100%; }
#productdetail #imglist,#productdetail #productinfo { width: 100%; display: flex; }
/* imglist */
#imglist .clip svg { width: 100%; }
#productdetail .slick-track{
    width: 100%;
}
/* productinfo */
#productinfo .cate { padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#productinfo-out h2 { margin-bottom: 20px; font-size: 2rem; font-weight: 600; letter-spacing: 2px; }
#productinfo-out h2:first-letter { background: linear-gradient(to top,#f9464a,#fa7b23,#fb9f08); background: -webkit-linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b); background-clip: text; -webkit-background-clip: text; color: transparent; }
#productinfo .txt { margin-bottom: 15px; }
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-weight: 600; font-size: 25px; }
#productinfo-out article { padding-bottom: 25px; border-bottom: 1px rgb(155 155 155/60%) dashed; font-weight: 400; letter-spacing: 1px; text-align: justify; line-height: 2; font-size: 18px; margin-bottom: 50px; color: var(--info); }
#tabSp li { list-style: square; margin: 5px 0; }
#tabSp li::marker { color: #d1d1d1 }
#tabSp h3 { font-size: 20px; }
#tabSp .circle { padding-left: 40px !important; }
#tabSp .circle li { list-style: circle; }
#tabSp .circle li::marker { color: #333 }
#productinfo .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }
#productinfo .sell_box span { margin: 0 3px 0 15px; }
#productinfo .sell_box b { font-size: 36px; }
#productinfo .buyBtns { margin-top: 30px; }
#productinfo .buyBtns a { padding: 15px 0; border-radius: 50px; }
#productinfo .buyBtns a:hover { background: var(--primary) }
/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--secondary-rgb),.3); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }
/* productTabs */
#productTabs .tabs { margin-bottom: 30px; background: rgba(var(--black-rgb),.08); }
#productTabs .tabs li a { padding: 15px 30px; }
#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }
#productTabs .tabs li.active a:before { width: 100%; }
@media screen and (max-width:1024px) {
  #product_list { grid-template-columns: repeat(2,1fr); }
  .flyaciton{position:relative;bottom: auto;left: auto;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width:980px) {
  #imglist .clip svg { aspect-ratio: 4/3 }
  #imglist { margin-bottom: 40px; }
  #productdetail {display: block;margin-top: 0;margin: 0 auto;}
  #productinfo-out article{font-size:16px;}
}
@media screen and (max-width:640px) {
  #product_list { grid-template-columns: 1fr; }
}