@charset "utf-8";
/*-----------------------------------------------
* Archive
* Detail
-------------------------------------------------*/
/*-----------------------------------------------
* Archive
-------------------------------------------------*/
.goodsWrap {
width: min(calc(958 / var(--vw-min) * 100vw), 958px);
margin: 0 auto;
}
@media screen and (max-width:767px){
.goodsWrap {
width: 100%;
}
}

/* goodsTab */
.goodsTab {
margin-bottom: min(calc(50 / var(--vw-min) * 100vw), 50px);
}

/**
* goodsLists
*/
.goodsLists {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width:767px){
.goodsLists {
padding: 0 calc(48 / var(--vw-min) * 100vw);
}
}

/* item */
.goodsLists__item {
width: calc((100% - min(calc(60 / var(--vw-min) * 100vw), 60px)) / 4);
margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.goodsLists__item:not(:nth-child(4n + 1)) {
margin-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:767px){
.goodsLists__item {
width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 2);
}
.goodsLists__item:not(:nth-child(4n + 1)) {
margin-left: 0;
}
.goodsLists__item:not(:nth-child(2n + 1)) {
margin-left: calc(20 / var(--vw-min) * 100vw);
}
}

/* a */
.goodsLists__item > a {
background-color: #e50069;
display: block;
min-height: 100%;
text-decoration: none;
}

/* thumb */
.goodsLists__thumbWrap {
height: min(calc(225 / var(--vw-min) * 100vw), 225px);
overflow: hidden;
background: #FFF;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width:767px){
.goodsLists__thumbWrap {
height:auto;
padding-top:100%;
position: relative;
}
}
.goodsLists__thumb {
object-fit: fill;
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
@media screen and (max-width:767px){
.goodsLists__thumb {
object-fit: contain;
position: absolute;
left:0;
top:0;
height:100%;
width:100%;
max-height: 100%;
max-width: 100%;
width: auto;
}
}
/* title */
.goodsLists__title {
color: #fff33f;
font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
line-height: 1.6;
padding: 0.8em 1em;
}
@media screen and (max-width:767px){
.goodsLists__title {
font-size: calc(23 / var(--vw-min) * 100vw);
}
}

/* hover */
.goodsLists__item > a {
transition: background-color .4s ease;
}
.goodsLists__item > a:hover {
background-color: #fff33f;
}
.goodsLists__title {
transition: color .4s ease;
}
.goodsLists__item > a:hover .goodsLists__title {
color: #e50069;
}

/**
* pager
*/
.pagingListsWrap {
margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.pagingLists {
display: flex;
justify-content: center;
}

/* item */
.pagingLists__item {
width: min(calc(34 / var(--vw-min) * 100vw), 34px);
height: min(calc(34 / var(--vw-min) * 100vw), 34px);
font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
margin: 0 min(calc(5 / var(--vw-min) * 100vw), 5px);
}
.pagingLists__active {
background-color: #000;
border: 2px solid #fff33f;
color: #fff33f;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.pagingLists__link {
background-color: #e50069;
border: 2px solid #e50069;
color: #fff33f;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-decoration: none;
transition: background-color .3s ease;
}
.pagingLists__link:hover {
background-color: #000;
}
@media screen and (max-width:767px){
.pagingLists__item {
width: calc(50 / var(--vw-min) * 100vw);
height: calc(50 / var(--vw-min) * 100vw);
font-size: calc(20 / var(--vw-min) * 100vw);
}
}

.goodsListTitle {
background:#fff33f;
color:#000;
padding:min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(15 / var(--vw-min) * 100vw),15px);
margin:0 0 min(calc(30 / var(--vw-min) * 100vw),30px);
font-weight: 700;
font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
text-align: center;
}
@media screen and (max-width:767px){
.goodsListTitle {
padding:calc(20 / var(--vw-min) * 100vw);
margin:0 0 calc(48 / var(--vw-min) * 100vw);
font-size:calc(28 / var(--vw-min) * 100vw);
}
}
.article__tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:767px){
.article__tags {
margin-bottom:calc(40 / var(--vw-min) * 100vw);
}
}
.article__tag {
height: min(calc(40 / var(--vw-min) * 100vw),40px);
margin:0 min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:767px){
.article__tag {
height:calc(60 / var(--vw-min) * 100vw);
}
}
.article__tag--link {
background:#000;
border:min(calc(2 / var(--vw-min) * 100vw),2px) solid #fff33f;
color:#fff33f;
display: flex;
justify-content: center;
align-items: center;
height:min(calc(40 / var(--vw-min) * 100vw),40px);
padding:0 min(calc(15 / var(--vw-min) * 100vw),15px);
line-height:1;
text-align: center;
text-decoration: none;
transition:all 0.3s ease;
}
@media screen and (max-width:767px){
.article__tag--link {
border:calc(2 / var(--vw-min) * 100vw) solid #fff33f;
height:calc(60 / var(--vw-min) * 100vw);
padding:0 calc(20 / var(--vw-min) * 100vw);
}
}
.article__tag--link:hover,
.article__tag--link.tag__current {
background:#fff33f;
color:#000;
}
.color--p .article__boxlist--link {
background:#e50069;
}
.color--p .article__boxlist--link:hover {
background:#fff33f;
}
.color--p .article__boxlist--title {
color:#fff33f;
}
.color--p .article__boxlist--link:hover .article__boxlist--title {
color:#e50069;
}
.color--p .article__tag--link {
border:2px solid #e50069;
color:#e50069;
}
.color--p .article__tag--link:hover,
.color--p .article__tag--link.tag__current {
color:#000;
background:#e50069;
}
.goods__topText {
margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
.goods__bottomText {
padding:min(calc(20 / var(--vw-min) * 100vw),20px) 0;
}
.goods__modal {
background:rgba(0,0,0,.85);
bottom:0;
left:0;
right:0;
overflow: auto;
overscroll-behavior:contain;
position: fixed;
top:0;
z-index:9999;
display: none;
}
.goods__detail {
align-items: center;
display: flex;
justify-content: center;
margin:0 auto;
min-height: 100%;
padding:min(calc(100 / var(--vw-min) * 100vw),100px) 0;
width:min(calc(800 / var(--vw-min) * 100vw),800px);
position: relative;
z-index:3;
}
@media screen and (max-width:767px){
.goods__detail {
min-height:calc(100vh + 1px);
min-height:calc(100dvh + 1px);
padding:calc(80 / var(--vw-min) * 100vw) 0;
width:calc(654 / var(--vw-min) * 100vw);
}
}
.goods__article {
width: 100%;
}
.goods__article--title {
background: #000;
border:min(calc(2 / var(--vw-min) * 100vw),2px) solid #e50069;
color:#e50069;
font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
font-weight: bold;
line-height:1.65;
margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
padding:min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(20 / var(--vw-min) * 100vw),20px);
text-align: center;
}
@media screen and (max-width:767px){
.goods__article--title {
border:calc(2 / var(--vw-min) * 100vw) solid #e50069;
font-size:calc(28 / var(--vw-min) * 100vw);
line-height:1.65;
margin-bottom: calc(40 / var(--vw-min) * 100vw);
padding:calc(15 / var(--vw-min) * 100vw) min(calc(30 / var(--vw-min) * 100vw),20px);
}
}
.goods__article--inner {
display: flex;
justify-content: space-between;
margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:767px){
.goods__article--inner {
display:block;
margin-bottom:calc(40 / var(--vw-min) * 100vw);
}
}
.goods__article--imgs {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width:min(calc(312 / var(--vw-min) * 100vw),312px);
}
@media screen and (max-width:767px){
.goods__article--imgs {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width:90%;
margin:0 auto calc(40 / var(--vw-min) * 100vw);
}
}
.goods__article--img {
margin-bottom:1px;
width:min(calc(311 / var(--vw-min) * 100vw),311px);
order:1;
}
@media screen and (max-width:767px){
.goods__article--img {
margin-bottom:2px;
width:100%;
order:1;
}
}
.goods__article--img img {
max-width:min(calc(311 / var(--vw-min) * 100vw),311px);
height:auto;
}
@media screen and (max-width:767px){
.goods__article--img img {
max-width:100%;
}
}
.goods__article--imglists {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
order:2;
}
@media screen and (max-width:767px){
.goods__article--imglists {
margin:0 -1px;
}
}
.goods__article--imglist {
margin-bottom:1px;
margin-right:1px;
width:min(calc(51 / var(--vw-min) * 100vw),51px);
}
@media screen and (max-width:767px){
.goods__article--imglist {
margin:0;
padding:0 1px 2px;
width:calc(100% / 7);
}
}
.goods__article--imglist img {
cursor: pointer;
width:min(calc(51 / var(--vw-min) * 100vw),51px);
height:auto;
}
@media screen and (max-width:767px){
.goods__article--imglist img {
width:100%;
}
}
.goods__article--imglist img:hover,
.goods__article--imglist img.is__current {
opacity:0.8;
}
.goods__article--description {
color:#FFF;
line-height:2;
width:min(calc(463 / var(--vw-min) * 100vw),463px);
word-break: break-all;
}
@media screen and (max-width:767px){
.goods__article--description {
width:100%;
}
}
.goods__article--description a {
color:#FFF;
}
.goods__article--back {
height:min(calc(42 / var(--vw-min) * 100vw),42px);
width: min(calc(230 / var(--vw-min) * 100vw),230px);
margin:0 auto;
}
@media screen and (max-width:767px){
.goods__article--back {
height:calc(60 / var(--vw-min) * 100vw);
width: 80%;
margin:0 auto;
}
}
.goods__article--backlink {
border:min(calc(2 / var(--vw-min) * 100vw),2px) solid #e50069;
color:#e50069;
display: block;
height:min(calc(42 / var(--vw-min) * 100vw),42px);
line-height: 2.375;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.goods__article--backlink {
border:calc(2 / var(--vw-min) * 100vw) solid #e50069;
height:calc(60 / var(--vw-min) * 100vw);
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
}
.goods__article--backlink:hover {
background: #e50069;
color:#000;
}
.goods__closelayer {
bottom:0;
left:0;
position: absolute;
right:0;
top:0;
z-index:1;
}
.goods__article--description h4{
color: #e50069;
border-bottom:2px solid #e50069;
font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
font-weight: bold;
padding-top:min(calc(30 / var(--vw-min) * 100vw),30px);
margin-bottom:min(calc(15 / var(--vw-min) * 100vw),15px);
}