﻿/*common*/
body:not(:has(.top_aspx)) .header-section.transp{
	background: rgba(29, 32, 37, 0.97);
}
/*CategoryList_aspx*/
.col-md-6.productListItem.product{
	margin-bottom: 80px;
}
.row.nopadding .col-md-4.marbo-resp3{
	margin-bottom: 70px;
}
.col-md-6.productListItem.product:after{
	content: "";
	display: block;
	clear: both;
}
.col-md-6.productListItem.product>div{
	width: 100%;
}

.column-wrapper .PageLinkWrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 20px;
}
.column-wrapper .PageLinkWrap>a:hover{
    text-decoration:underline;
}
.column-wrapper .PageLinkWrap .PageLink{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.column-wrapper .PageLinkWrap .PageLink>* {
    padding: 8px 16px;
    box-sizing: border-box;
    border: 1px solid #333333;
    border-radius: 32px;
    color: #333;
}

.column-wrapper .PageLinkWrap .PageLink>a{
    border-color:#4183d7;
    color:#fff;
    background-color:#4183d7;
}
.column-wrapper .PageLinkWrap .PageLink>a:hover{
    background-color:#333;
    border-color:#333;
}

.column-wrapper .RecommendParts3 span.GoodsNameKana,
.column-wrapper .ProductListParts span.GoodsNameKana{
	font-size:0.8em;
	line-height: 120%;
	display: block;
	margin-top:10px;
}

.column-wrapper .RecommendParts3 .ListExplain {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 任意の行数を指定 */
}

.column-wrapper .ProductListParts .GoodsListExplain span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 任意の行数を指定 */
display: inline;
}

.column-wrapper .ProductListParts .GoodsListExplain a{
  margin-left:3px;
}

/*productdetail_aspx*/

.productdetail_aspx .column-wrapper .Box .Information.container .pdp-text {
    display:none;
}

.productdetail_aspx .column-wrapper h2 span.GoodsNameKana {
	font-size:0.7em;
	line-height: 120%;
	display: block;
	margin-top:10px;
}

.productdetail_aspx .column-wrapper .ProductImageBox .container .row {
	text-align:center;
	margin:auto;
}

.productdetail_aspx .column-wrapper .ProductImageBox .container .row img {
	text-align:center;
	margin:auto;
	width:100%;
	max-width:900px;
}

.productdetail_aspx .column-wrapper .RelatedProductOneSideParts span.GoodsNameKana{
	font-size:0.8em;
	line-height: 120%;
	display: block;
	margin-top:10px;
}

.productdetail_aspx .column-wrapper .RelatedProductOneSideParts .ListExplain {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 任意の行数を指定 */
}

.lightbox-controls {
    position: fixed;
    height: 70px;
    width: 70px;
    top: -70px;
    right: 0px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.close-lightbox {
  display:block;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:50px;
  text-indent:-5000px;
  right:10px;
  top:10px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.close-lightbox:before {
	content:'';
  display:block;
  position:absolute;
  height:0px;
  width:3px;
  left:24px;
  top:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}
.close-lightbox:after {
	content:'';
  display:block;
  position:absolute;
  width:0px;
  height:3px;
  top:24px;
  left:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
}

.lightbox:target ~ .lightbox-controls {
  top:0px;
}
.lightbox:target ~ .lightbox-controls .close-lightbox:after {
  width:50px;
}
.lightbox:target ~ .lightbox-controls .close-lightbox:before {
  height:50px;
}