@charset "UTF-8";

.wrapper#store .mainArea #ProductDetail{
}
.wrapper#store #ProductDetail .ProductName {
	font-size:2.4rem;
	font-weight:600;
    padding: 0 4em 20px 0px;
}
.wrapper#store #ProductDetail  p.NewIcon {
    text-align: left;
}
.wrapper#store #ProductDetail  p.NewIcon span{
    border: 1px solid var(--red);
    background-color: var(--red);
    color: #fff;
	font-size:0.8em;
        padding: 2px 3px;
	display:inline-block;
    text-align: left;
}

@media (max-width: 1280px){
.wrapper#store #ProductDetail .ProductDetailWrap {
    padding:0 10px;
	}
}

@media (max-width: 900px){
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>* {
    width: 100%;
	}
}
.wrapper#store #ProductDetail  .itemDetailNameWrap .makerIcon {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.wrapper#store #ProductDetail  .itemDetailNameWrap .makerIcon img{
    height:30px;
    width:auto;
    margin-right:5px;
}

.wrapper#store #ProductDetail #VariationFlgStockDiv:has(.soldout){
        width: 80%;
        max-width: 300px;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart {
    text-align: center;
    margin: auto;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .Price table,
.wrapper#store #ProductDetail .UnitPrice {
    background-color: #f8f7f4;
    padding: 20px 10px;
    margin-top: 24px;
    margin-bottom: 0;
    display: block;
}
.wrapper#store #ProductDetail .UnitPrice:not(:has(.ListPriceTable)){display: none;}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDiv {}

.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDiv hr{
	border:0px;
	border-bottom:solid 1px #ccc;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDivBeforeLogin .PriceBox{
	position:relative;
}

.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDivBeforeLogin .PriceBox .price {
   -ms-filter: blur(5px);
  filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    grid-gap:5px;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDivBeforeLogin .PriceBox .price span.num {
	font-size:1.5em;
}
/*
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDivBeforeLogin .PriceBox .price span:before{
    content: "標準価格";
    display: inline-block;
    font-size: 0.5em;
    margin-right: 0.3em;
    color: #333;
}

.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDivBeforeLogin .PriceBox .price span:after{
    content: "(税込)";
    display: inline-block;
    font-size: 0.5em;
    margin-left: 0.3em;
    color: #333;
}
*/
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDiv .priceMsg {
/*position:absolute;
top:0;*/
    display: block;
   border: solid 2px var(--red);
    padding: 1em;
    color:   var(--red);
background-color:#fff;
width: 100%;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDiv .priceMsg a {
    color: var(--red);
text-decoration:underline;
text-underline-offset:2px;
}

.wrapper.productdetail_aspx .PriceDiv .ListPriceTable >*{
    text-align:center;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable  {
    display: flex;
  flex-wrap: wrap;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 {
    display: flex;flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
    width:100%;
    grid-gap:3px;
    padding-top:8px;
    margin-bottom:5px;
	font-size:0.9em;
	border-top:dotted 1px #ccc;
order:10;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .PriceTitleA {
	display:block;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .OpenPrice { margin-left:3px;}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .priceA {}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .priceA,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .priceA .priceArea1,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .priceA .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .priceA .priceArea1 .priceNumeric{
	color: #333;
	font-size:16px;
/*text-decoration:line-through;*/
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .ListPriceTextA2 {width:100%;text-align:right;}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .ListPriceTextA2 .priceArea2{
	font-size:1em;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv1 .ListPriceTextA2 .priceArea2 .PriceA2{
	margin-left:5px;
	font-size:16px;
	font-weight:normal;
}

.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
    width:100%;
    grid-gap:0px;
    margin-bottom:5px;
	text-align:right;
order:1;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .PriceTitleB {
	font-size:12px;
	display:block;
    padding-right: 0;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .PriceTitleB span{
	/* display:none; */
    margin-right: 3px;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .PriceTitleB:after {
    /* content: "特別価格"; */
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .ListPriceTextB {order:6; font-size: 12px; padding-right: 0;}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB {font-size:1em;order:8; padding-right: 0;}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB .priceArea1,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB .priceArea1 .priceNumeric{
	color: #333;
	font-size:16px;
	font-weight:600;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB .priceArea1,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB .priceArea1 .priceUnit{
     font-size: 22px;
     font-weight: normal;
    margin-right: 0px;
}
.wrapper.productdetail_aspx #ProductDetail .ListPriceTable .priceB .priceArea1 .priceNumeric{
    font-size: 22px;
    font-weight: 600;
    margin-right: 0px;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .DiscountRateB{
	order:2;
	text-align:right;display:none;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .DiscountRateB .discountRate{
background-color: var(--red);
    font-size: 0.75em;
    font-weight: normal;
    color: #fff;
    padding: 3px;
    margin-right: 5px;
    margin-left: 5px;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 {
/*	width: calc(100% - 51px);*/
	/*width: 100%;*/
	order:10;
	text-align:right;
    width: auto;
    margin-left: auto;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceArea2{
	font-size:1em;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceArea2 .priceB2{
	margin-right:0px;
	margin-left:0px;
	color: #333;
	font-size:16px;
	font-weight:500;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3.MemberPriceExists.DiscountPrice{
	display:none !important;
}

.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 {
    display: flex;flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
    width:100%;
    grid-gap:3px;
    margin-bottom:5px;
	text-align:right;
order:1;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .MemberPriceTitle {
	font-size:1.1em;
	display:block;
}


.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .ListPriceTextC {display:block;}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .priceC {font-size:1em;}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .priceC,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .priceC .priceArea1,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .priceC .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .priceC .priceArea1 .priceNumeric{
	color: #d30000;
	font-size:22px;
	font-weight:600;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv3 .priceB .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .priceUnit{
    font-size: 0.8em;
}

.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 {
/*	width: calc(100% - 51px);*/
	width: 100%;
	order:10;
	text-align:right;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceTextC2 .priceArea2{
	font-size:1em;
}
.wrapper.productdetail_aspx .PriceDiv .ListPriceTable .ListPriceTextC2 .priceArea2 .PriceC2{
	margin-right:2px;
	margin-left:5px;
	color: #333;
    font-weight: normal;
}
.wrapper.productdetail_aspx .PriceDiv .DiscountRateBox{
	display:flex;justify-content: flex-end;display:none;
}
.wrapper.productdetail_aspx .PriceDiv .DiscountRateBox span{
    background-color:#fff;
    border:solid 2px var(--red);
    color:var(--red);
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
    padding: 3px;
    display:block;
    margin-bottom:5px;
}
.wrapper.productdetail_aspx .PriceDiv .DiscountRateBox span:after{
	content:'％OFF';
}
.wrapper#store #ProductDetail .itemCount{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap:10px;
}
.wrapper#store #ProductDetail .itemCount dt{
	font-size:1.1em;
	font-weight:normal;
	margin:0;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart {
    /*background:linear-gradient(to bottom,#ffd653 0,#f5b300 100%);
    border: 1px solid #f5b300;*/
    border-radius: 40px;
	padding:1em;
}
/*.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart:hover {
    background:linear-gradient(to bottom, #f38a00 0, #ef6c00 100%);
    border: 1px solid #ef6c00;
}*/
.wrapper#store #ProductDetail .btnBookMark.btnBorder#btnBookMarkFolder,
.wrapper#store #ProductDetail .btnBookMark.btnBorder {
    border-radius: 5px;
    padding: 0.5em;
    max-width: none;
    width: 92px;
    font-size: 10px;
    position: absolute;
    right: 16px;
    margin: 0;
}

.wrapper#store #ProductDetail .btnBorder.NotBookmarked{
    border-color: #444;
    color: #444;
}


.wrapper#store #ProductDetail .Information dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 0px dashed #ccc;
    border-bottom: 0px dashed #ccc;
}
.wrapper#store #ProductDetail .Information dl dt{
    border-bottom: 0px dashed #ccc;
    background-color:#ffffff;
}
.wrapper#store #ProductDetail .Information dl dt span{
    background-color:  var(--grayLabelColor);
    display: block;
    width: calc(100% - 20px);
    padding: 5px 5px 5px 10px;
    position: relative;
	font-weight:normal;
    color:#fff;
}
/*.wrapper#store #ProductDetail .Information dl dt span:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 8px);
  right:-8px;
  border-left: 8px solid   var(--lightColor);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
*/
.wrapper#store #ProductDetail .Information dl dd{
    border-bottom: 0px dashed #ccc;
}
.wrapper#store #ProductDetail .Information dl dd.makerIcon img{
    height: auto;
    max-height: 34px;
    width: auto;
}
.wrapper#store #ProductDetail .ProductDetailWrap .DetailExplainWrap {
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt {
    background-color: var(--lightColor);
}
@media (max-width: 767px){
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dd {
    display:block;
	}
}
.wrapper#store #ProductDetail .Information .GoodsRefineSearchConditionParts dl#UnitCDtiremaker {
    display:none;
}
.wrapper#store #ProductDetail .Information .GoodsRefineSearchConditionParts dl#UnitCDtiremaker dd img{
    height:30px;
    width:auto;
}
.wrapper#store #ProductDetail .Information .GoodsRefineSearchConditionParts dl#UnitCDtiremaker dd img+span{
    display:none;
}

.wrapper#store #ProductDetail .Information.GoodsSpecificationBox  {
    display: block;
    font-size: 1em;
    width: 100%;
}

.wrapper#store #ProductDetail .Information .ComparisonSpecGroupTable {
    display: block;
    padding: 0px;
    font-size: 1em;
    border: 0;
    width: 100%;
}

.wrapper#store #ProductDetail .Information.GoodsSpecificationBox .title{
	padding:0.5em;
	margin:0 auto;
}
.wrapper#store #ProductDetail .Information .ComparisonSpecGroupTable .ComparisonSpecTitle {
	color:inherit;
}
.wrapper#store #ProductDetail .Information .ComparisonSpecGroupTable .ComparisonSpecRow,
.wrapper#store #ProductDetail .Information .ComparisonSpecGroupTable .ComparisonSpecAltRow {
	background-color:#fff;
}
.wrapper#store h3.title {
		color: #333;
		position: relative;
    margin: 0 0 40px 0;
    font-size: 22px;
    line-height: 35.2px;
    font-weight: 700;
}
.wrapper#store h3.title span:before {
    position: absolute;
    top: 48px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: var(--keyColor);
}

.wrapper#store .ReverseCategoryPartsEx {
/*    background-color:var(--lightColor);*/
    padding: 40px 15px 30px;
		width:100%;
    text-align: center;
}
.wrapper#store .ReverseCategoryPartsEx ul {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.wrapper#store .ReverseCategoryPartsEx ul:last-child  {
/*    display: none;*/
}
.wrapper#store .ReverseCategoryPartsEx ul li {
		padding:0.2em ;
		font-size:1.1em;
}
.wrapper#store .ReverseCategoryPartsEx ul li span{
    padding:5px 0px;
}
.wrapper#store .ReverseCategoryPartsEx ul li a{
		text-decoration:underline;
		text-underline-offset: 3px;
    padding:5px 0px;
}
.wrapper#store .ReverseCategoryPartsEx ul li span:after, 
.wrapper#store .ReverseCategoryPartsEx ul li a:after {
    width: 8px;
    height: 8px;
    border-top: solid 1px var(--keyColor);
    border-right: solid 1px var(--keyColor);
}

.wrapper#store #ProductDetail .ProductDetailWrap .container:not(:has(li)) {
 padding-bottom: 100%;
 border: 1px solid #ccc;
    padding: 0;
    background-color: var(--bgColor);
    content: url(/motorcycle/images/products/noimage_productdetail.gif);
    width: 100%;
}


/*productdetail qaWrap*/
.wrapper#store.productdetail_aspx .qaWrap{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    margin: 64px auto;
    background-color: #fff;
    text-align: left;
}
.wrapper#store #ProductDetail .DetailExplainWrap h2,
.wrapper#store.productdetail_aspx .qaWrap h3{
  padding: 16px 24px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  line-height: 1.6;
  font-weight: 600;
  position: relative;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner{
  padding: 0 16px 24px 16px;
  box-sizing: border-box;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner .subTit{
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner .subTit i{
  width: 42px;
  height: 42px;
  background-color: var(--keyColor);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  margin-right: 0.5em;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner .subTit i span{
  color: #fff;
  text-align: center;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner .subTit+dl{
    margin-bottom: 16px;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dt,
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd{
  position:relative;
}
.wrapper#store #ProductDetail .DetailExplainWrap h2:after,
.wrapper#store.productdetail_aspx .qaWrap h3:after,
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dt:after{
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(135deg);
}
.wrapper#store #ProductDetail .DetailExplainWrap h2:after,
.wrapper#store.productdetail_aspx .qaWrap h3:after{
  right: 32px;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dt i,
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd i{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height:24px;
  position: absolute;
  color: #fff;
  font-style: normal;
  left:10px;
  top:13px;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd i{
  top: 18px;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dt i{
  background-color: #4BB5C8;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd i{
  background-color: #D93724;
}

.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dt{
  padding: 15px 16px 15px 45px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd{
  padding: 20px 16px 20px 45px;
  background-color: #F5F5F5;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dt>*:not(i),
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd>*:not(i){
  width: 100%;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd .flex{
    flex-wrap: wrap;
    margin: 16px 0;
    gap: 16px;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd .flex .boxImage{
    width: 100%;
    max-width: 185px;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd .flex .boxImage em{
    margin-bottom: 8px;
    display: inline-block;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd .flex .boxText{
    flex: 1;
}
.wrapper#store.productdetail_aspx .qaWrap .qaBlock_inner dl dd .flex .caption{
    width: 100%;
    border: 1px solid #B2CFD5;
    background-color: #EEFCFD;
    padding: 16px 20px;
    box-sizing: border-box;
    color: #666;
    font-size: 12px;
    line-height: 1.5;

}
.wrapper#store ul.listDot{}
.wrapper#store ul.listDot>li{
    text-indent: -0.5em;
    padding-left: 1em;
    margin-bottom: 12px;
}
.wrapper#store ul.listDot>li:before{
    content: '・';
    display: inline-block;
}
/*productdetail fixedcart*/
.fixedCartBlock{
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
.fixedCartBlock .fixedCartBlockInner{
    padding: 8px 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 768px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    /*padding-bottom: calc(env(safe-area-inset-bottom) + 40px);*/
}
_::-webkit-full-page-media, _:future, :root .fixedCartBlock .fixedCartBlockInner{
    padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left{
    width: calc(100% - 158px);
    display: flex;
    flex-wrap: wrap;
}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .fixedCartproductImg{
    width: 54px;
}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo{
    max-width: calc(100% - 54px);
    text-align: left;
    padding: 0 8px 0 12px;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1.6;
    color:#fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 500px) {
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo{
    justify-content: center;
}}
@media (min-width: 768px) {
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo{
    font-size: 12px;
}}
.wrapper#store .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productName{
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
    line-height: 1.4;
    margin-bottom:4px;
    cursor: pointer;
}
@media (min-width: 768px) {
.wrapper#store .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productName{
    text-decoration:underline;
}}
@media (min-width: 768px) {
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo{
    line-height: 1.6;
}}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productText{
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productText{
    line-height: 1;
}}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productText .numBtn{
    text-decoration: underline;
    cursor: pointer;
}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productText .numBtn:hover{
    cursor: pointer;
}
.wrapper.primary#store .content.productdetail_aspx:has(.TradeInPlanBox) .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-left .productInfo .productText .numBtn{
display:none;
}
.fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-right{
    width: 158px;
}

.wrapper.primary#store .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-right .addToCart.btnColor.round.circle{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    padding:8px 0px;
    /*border-color: #b3b3b3;*/
    border-color:var(--jtGreen);
}
.wrapper.primary#store .content:has(.InventoryPanelMsg span) .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-right .addToCart.btnColor.round.circle,
.wrapper.primary#store .content:has(.btnBox.nonactive span.unavailable) .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-right .addToCart.btnColor.round.circle{
border-color: #b3b3b3;
}
.wrapper.primary#store .content:has(.btnBox.nonactive span.unavailable) .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-right .addToCart.btnColor.round.circle{
width:100%!important;
font-size: 13px;
}
.wrapper#store .fixedCartBlock .fixedCartBlockInner .fixedCartBlockInner-right .addToCart.btnColor.btnCart:before{
    content:none;
}
.wrapper#store #ProductDetail #divProductImages .RelatedLinkPanel1{
    position: relative;
    background-color: #F8F7F4;
    padding: 10px 8px;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1.5;
}
@media (max-width: 768px) {
   .wrapper#store #ProductDetail #divProductImages .RelatedLinkPanel1{ 
    order: 20;
}}
.wrapper#store #ProductDetail .ProductImageInfoWrap .productImages-inner{
    display: flex;
    flex-wrap: wrap;
    gap: 8px; 
    }
    @media (max-width: 768px) {
   .wrapper#store #ProductDetail .ProductImageInfoWrap .productImages-inner{
        flex-direction: column;
   }     
    }
@media (max-width: 768px) {
.wrapper#store #ProductDetail .ProductImageInfoWrap .itemDetailNameWrap{
    width: 100%;
}}
    .thumbs-swiper{
    width: 62px;
    height: 320px;
    padding: 24px 0;
    margin-left: 0;
    }
    @media (max-width: 768px) {
        .thumbs-swiper{
    order: 10; 
    width: 100%;
    height: auto;
    padding: 0px 24px;
        }
    }
.wrapper#store #ProductDetail #divProductImages .container{
    width: calc(100% - 90px); 
    margin-right: 0; 
    }
    @media (max-width: 768px) {
.wrapper#store #ProductDetail #divProductImages .container{
    width: 100%;  
    }     
    }
.swiper.main-swiper{
    height: 320px;
}
@media (max-width: 768px) {
 .swiper.main-swiper{
    height: auto;
}   
}
.thumbs-swiper .swiper-button-prev.thumbs-prev,
.thumbs-swiper .swiper-button-next.thumbs-next{
    height: 20px;
    left: 0;
    width: 62px;
    display: block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #F8F7F4
}
@media (max-width: 768px) {
.thumbs-swiper .swiper-button-prev.thumbs-prev,
.thumbs-swiper .swiper-button-next.thumbs-next{ 
    height: 100%;
    width: 20px;   
}}
.thumbs-swiper .swiper-button-prev.thumbs-prev{
    top: 22px;
    bottom: 4px;
}
@media (max-width: 768px) {
.thumbs-swiper .swiper-button-prev.thumbs-prev{
    bottom: auto;
    left: 0;
}}
.thumbs-swiper .swiper-button-prev.thumbs-prev:after,
.thumbs-swiper .swiper-button-next.thumbs-next:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    top: 6px;
    border-style: solid;
}
@media (max-width: 768px) {
 .thumbs-swiper .swiper-button-prev.thumbs-prev:after,
.thumbs-swiper .swiper-button-next.thumbs-next:after{ 
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;  
}}
.thumbs-swiper .swiper-button-prev.thumbs-prev:after{
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #555555;
    border-top: 0;
}
@media (max-width: 768px) {
.thumbs-swiper .swiper-button-prev.thumbs-prev:after{    
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #555555;
  border-left: 0;   
}}
.thumbs-swiper .swiper-button-next.thumbs-next{
    bottom: 0;
    top: auto;
}
@media (max-width: 768px) {
.thumbs-swiper .swiper-button-next.thumbs-next{
    right: 0;
    left: auto; 
}
}
.thumbs-swiper .swiper-button-next.thumbs-next:after{
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #555555;
  border-bottom: 0;
}
@media (max-width: 768px) {
  .thumbs-swiper .swiper-button-next.thumbs-next:after{  
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #555555;
  border-right: 0; 
}}
.thumbs-swiper .swiper-slide img{
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    border-width:1px!important;
}
.thumbs-swiper .swiper-slide.swiper-slide-thumb-active img{
    border-color: var(--keyColor);
}
#divProductImages .item .easyzoom-flyout img { width:auto; max-width: none!important; }
.wrapper#store #ProductDetail #divProductImages .container .itemZoomIco{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    width: 32px;
    height: 32px;
    display: block;
}
.wrapper#store #ProductDetail .DetailExplainWrap .DetailExplainWrapInner h3{
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 16px;
    font-weight: 600;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock .itemDetaiPriceCart .Information{
    margin-bottom: 0;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock .itemDetaiPriceCart .Information dl{
    gap: 8px;
    align-items: center;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock .itemDetaiPriceCart .Information dl dt{
    width: 95px;
    padding: 0;
    background-color: transparent;
    padding: 0px 10px;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock .itemDetaiPriceCart .Information dl dd{
    flex: 1;
    word-break: break-all;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock .itemDetaiPriceCart .Information dl dt span{

    width: 100%;
    color: #333;
    text-align: center;
    padding: 0;
    background-color: transparent;
}
.wrapper#store #ProductDetail #VariationFlgStockDiv:not(.soldout) span:before{
    width: 95px;
    display: inline-block;
    text-align: left;
    padding: 0px 10px;
    margin-right: 8px;
}
.wrapper#store #ProductDetail #VariationFlgStockDiv:has(.soldout) span:before{
    content: none;
}
.wrapper#store #ProductDetail #VariationFlgStockDiv{
    margin-top: 8px;
}
.wrapper#store #ProductDetail #VariationFlgStockDiv span{
    display: block;
    text-align: left;
}
.wrapper#store #ProductDetail .AttributeComparisonSpecGroupTableWrap{
    gap: 24px;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
.wrapper#store #ProductDetail .AttributeComparisonSpecGroupTableWrap>*{
    flex: 1;
}}
@media (max-width: 768px) {
.wrapper#store #ProductDetail .AttributeComparisonSpecGroupTableWrap>*{
    flex: initial;
    width: 100%;
}}
.wrapper#store #ProductDetail .AttributeComparisonSpecGroupTableWrap .boxRepIconWrap{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.wrapper#store #ProductDetail .AttributeComparisonSpecGroupTableWrap .boxRepIconWrap:has(.boxRepIcon){
margin-top: 16px;
}
/*ShippingFeeSection*/
.wrapper#store #ProductDetail .ShippingFeeSection{
    text-align: left;
    padding-top: 20px; 
}
.wrapper#store #ProductDetail .ShippingFeeSection .tit_shippingArea{
    display: block;
    font-size: 12px;
    line-height: 2;
}
.wrapper#store #ProductDetail .ShippingFeeSection .selectBase.select01 {
    position: relative;
    display: inline-block;
    width: 130px;
}
.wrapper#store #ProductDetail .ShippingFeeSection .selectBase select{
    border-radius: 5px;
}
.wrapper#store #ProductDetail .ShippingFeeSection .selectBase.select01:after{
    background-image: none;
    display: block;
    position: absolute;
    left: auto;
    right: 10px;
    margin: auto;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #999;
    border-bottom: 0;
    transform: rotate(0deg);
}
.wrapper#store #ProductDetail .ShippingFeeSection .shippingFeeContent{
    margin-top: 8px;
}
.wrapper#store #ProductDetail .ShippingFeeSection .shippingFeeContent .lblShippingFee{
    font-weight: 600;
}
/*carInformationBlock*/
.wrapper#store #ProductDetail .carInformationBlock{
    text-align: left;
    background-color: #F8F7F4;
    margin-top: 16px;
    padding: 24px 16px 24px 16px;
    box-sizing: border-box;
    border-radius: 5px;
}
.wrapper#store #ProductDetail .carInformationBlock:not(:has(.carInformationBlockInner)){
    display: none;
}
.wrapper#store #ProductDetail .carInformationBlock .carInformationBlockInner .linkTxt{
    color: var(--keyColor);
}

.wrapper#store .productdetail_aspx #ProductDetail .carInformationBlock .NamePrintOptionEachFrame .NamePrintInput{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wrapper#store .productdetail_aspx #ProductDetail .carInformationBlock .NamePrintOptionEachFrame .NamePrintInput .NamePrintInputTitle{
    width: 3em;
    border: none;
    margin: 0;
}
.wrapper#store .productdetail_aspx #ProductDetail .NamePrintOptionEachFrame .NamePrintInput input{
    width: calc(100% - 3em);
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 4px;
}

/**/
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .Price{
margin-bottom: 0;
}
.wrapper#store #ProductDetail .Information dl dd.makerIcon img{
    max-height: 32px;
    max-width: max-content;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .totalWrap{
    margin: 24px 0 0 0;
    background-color: #d3d7f7;
    padding: 20px 10px;
    display: flex;
    align-items: center;
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .totalWrap em,
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .totalWrap .total em{
    font-size: 15px;
    font-weight: normal; 
}
.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .totalWrap .total{
    margin-left: auto;
    margin-right: 0;
    font-size: 22px;
    font-weight: 600; 
}
.wrapper#store #ProductDetail .shippingDayInfo{
    margin-top: 24px;
}
.wrapper#store #ProductDetail .itemDetailNameInfoInqBox{
    margin-top: 24px;
}