@charset "UTF-8";

.wrapper#store .mainArea #ProductDetail{
}
.wrapper#store #ProductDetail .ProductName {
	font-size:3rem;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
/*   font-weight:600;*/
}
.wrapper#store #ProductDetail  p.NewIcon {
    text-align: left;
}
.wrapper#store #ProductDetail  p.NewIcon span{
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    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 .PriceDiv {}

.wrapper#store #ProductDetail .itemDetailNameInfoBlock>.itemDetaiPriceCart .PriceDiv hr{
	border:0pxf;
	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 .PriceDivAfterLogin .ListPriceTable >*{
    text-align:center;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable  {
    display: flex;
  flex-wrap: wrap;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .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 .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .PriceTitleA {
	display:block;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .OpenPrice { margin-left:3px;}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .priceA {}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .priceA,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .priceA .priceArea1,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .priceA .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .priceA .priceArea1 .priceNumeric{
	color: #333;
	font-size:16px;
/*text-decoration:line-through;*/
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .ListPriceTextA2 {display:none;width:100%;text-align:right;}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .ListPriceTextA2 .priceArea2{
	font-size:1em;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv1 .ListPriceTextA2 .priceArea2 .PriceA2{
	margin-left:5px;
	font-size:16px;
	font-weight:normal;
}

.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 {
    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 .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .PriceTitleB {
	font-size:1.1em;
	display:block;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .PriceTitleB span{
	display:none;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .PriceTitleB:after {
   content: "販売価格";
/*    content: "特別価格";*/
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .ListPriceTextB {order:6;}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .priceB {font-size:1em;order:8;}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .priceB,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .priceB .priceArea1,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .priceB .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .priceB .priceArea1 .priceNumeric{
	color: #333;
	font-size:22px;
	font-weight:600;
}

.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .DiscountRateB{
	order:2;
	text-align:right;display:none;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .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 .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 {
display:none;
/*	width: calc(100% - 51px);*/
	width: 100%;
	order:10;
	text-align:right;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceArea2{
	font-size:1em;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3 .ListPriceTextB2 .priceArea2 .priceB2{
	margin-right:2px;
	margin-left:5px;
	color: #333;
	font-size:22px;
	font-weight:600;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv3.MemberPriceExists.DiscountPrice{
	display:none !important;
}

.wrapper.productdetail_aspx .PriceDivAfterLogin .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 .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .MemberPriceTitle {
	font-size:1.1em;
	display:block;
}


.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .ListPriceTextC {display:block;}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .priceC {font-size:1em;}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .priceC,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .priceC .priceArea1,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .priceC .priceArea1 .priceUnit,
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .priceC .priceArea1 .priceNumeric{
	color: #333;
	font-size:22px;
	font-weight:600;
}

.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 {
/*	width: calc(100% - 51px);*/
	width: 100%;
	order:10;
	text-align:right;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 .priceArea2{
	font-size:1em;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .ListPriceTable .ListPriceDiv4 .ListPriceTextC2 .priceArea2 .PriceC2{
	margin-right:2px;
	margin-left:5px;
	color: #333;
	font-size:22px;
	font-weight:600;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .DiscountRateBox{
	display:flex;justify-content: flex-end;display:none;
}
.wrapper.productdetail_aspx .PriceDivAfterLogin .DiscountRateBox span{
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    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 .PriceDivAfterLogin .DiscountRateBox span:after{
	content:'％OFF';
}
.wrapper#store #ProductDetail .itemCount{
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    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: 5px;
	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: 300px;
    width: 80%;
}



.wrapper#store #ProductDetail .Information dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 0px dashed #ccc;
    border-bottom: 0px dashed #ccc;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper#store #ProductDetail .Information dl dt{
    border-bottom: 0px dashed #ccc;
    background-color:#ffffff;
}
.wrapper#store #ProductDetail .Information dl dt span{
    background-color:  var(--lightColor);
    display: block;
    width: calc(100% - 20px);
    padding: 5px 5px 5px 10px;
    position: relative;
	font-weight:normal;
}
.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 #e1fbed;*/
  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 .ProductDetailWrap .DetailExplainWrap {
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper#store #ProductDetail .ProductDetailWrap .itemAttribute dt {
   background-color: var(--bgColor);
}
@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%;
    margin-top: 10px;
}
.wrapper#store #ProductDetail .Information.GoodsSpecificationBox dl dt:last-of-type,.wrapper#store #ProductDetail .Information.GoodsSpecificationBox dl dd:last-of-type{
    border-bottom: 1px solid #ccc;
}
.wrapper#store #ProductDetail .ProductDetailWrap  .Information.GoodsSpecificationBox .itemAttribute{
    border-top: none;
}
.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 0;
	margin:0 auto;
    border-bottom: 1px solid #ccc;
}
.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-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
		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(/online/images/products/noimage_productdetail.gif);
    width: 100%;
}
@media (max-width: 767px){
.wrapper#store #ProductDetail #AddToCartPanel{
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background-color: #f5f5f5;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    padding: 8px;
    left: 0;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center {
    max-width: 60%;
    margin: 0 auto;
}
.wrapper#store #ProductDetail .itemCount{
    display: block;
    
}
.wrapper#store #ProductDetail .itemCount dt{
    text-align: center;
}
.wrapper#store #ProductDetail .itemCount dd .btn_minus, .wrapper#store #ProductDetail .itemCount dd .btn_plus{
    padding: 8px;
}
.wrapper#store #ProductDetail #AddToCartPanel .btnBox.center .btnColor.btnCart{
    margin-bottom: 0;
}
#store.productdetail_aspx .btn_pagetop {
    bottom: 120px;
}
}