You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

772 lines
46 KiB
CSS

.main-portfolio .container,
.main-introduce .container,
.main-inquiry .container {
padding-left: 20px;
padding-right: 20px;
}
/* [ Gallery ] */
.g-main {
padding: 0;
}
.g-main figure .g-img,
.g-main figure .img-wrapper img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
height: 225px;
}
.g-main figure:hover .g-img,
.g-main figure:hover .img-wrapper img {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.g-main figure .over-box {
position: absolute;
top: 0;
left: 0;
margin: 13% 11%;
width: 78%;
height: 78%;
}
.g-main figure:hover .over-box {
background-color: rgba(0,0,0,1);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.g-main figcaption {
padding: 20%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
opacity: 0;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
text-align: center;
}
.g-main figure:hover figcaption {
opacity: 1;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.g-main figcaption .inner-box {
margin-top: 0;
position: relative;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.g-main h5.figure {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2em;
color: #ffffff;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
.g-main .line {
width: 20px;
border-color: #606060;
margin-top: 20px;
margin-bottom: 0;
}
.g-main p.figure {
font-size: 12px;
color: #a3a2a2;
position: relative;
left: 0;
bottom: 0;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
margin-top: 20px;
margin-bottom: 0;
fill: #a3a2a2;
}
.next-item {
display: none;
}
.gallery-more {
font-size: 12px;
color: #000;
background-color: #fff;
border: 1px solid transparent;
text-align: center;
padding-bottom: 2rem;
}
.gallery-more:hover {
color: #000;
background-color: #fff;
border-color: transparent;
}
.gallery-more em {
color: #c30;
font-style: normal;
font-weight: bold;
}
@media only screen and (max-width:991px) {
.g-main .line,
.g-main p.figure {
margin-top: 16px;
}
}
@media only screen and (max-width:767px) {
.g-main figcaption {
padding: 15%;
}
.g-main h5.figure {
-webkit-line-clamp: 1;
}
.g-main .line,
.g-main p.figure {
margin-top: 16px;
}
}
.g-main .g-list { padding-left: 0; padding-right: 0; }
.g-main .g-list .grid { float: left; }
.g-main .g-list .grid.empty-txt { width: 100%!important; max-width: 100%!important; text-align: center!important; padding-top: 50px!important; padding-bottom: 50px!important; background-color: transparent!important; }
.g-main .g-list .grid figure,
.g-main .g-list .grid .img-wrapper { position: relative; overflow: hidden; }
.g-main .g-list .grid .img-wrapper > .g-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.g-main .g-list .grid .figure:nth-child(0).hide + .figure,
.g-main .g-list .grid .figure:nth-child(0).hide + .line,
.g-main .g-list .grid .figure:nth-child(0).hide + .view-text { margin-top: 0!important; }
.g-main .g-list[data-align="left"] figcaption { text-align: left; }
.g-main .g-list[data-align="center"] figcaption { text-align: center; }
.g-main .g-list[data-align="right"] figcaption { text-align: right; }
.g-main[data-gpd="0"] .g-list .grid { padding: 0; }
.g-main[data-gpd="1"] .g-list .grid { padding: 0 1px; }
.g-main[data-gpd="2"] .g-list .grid { padding: 0 2px; }
.g-main[data-gpd="3"] .g-list .grid { padding: 0 3px; }
.g-main[data-gpd="4"] .g-list .grid { padding: 0 4px; }
.g-main[data-gpd="5"] .g-list .grid { padding: 0 5px; }
.g-main[data-gpd="6"] .g-list .grid { padding: 0 6px; }
.g-main[data-gpd="7"] .g-list .grid { padding: 0 7px; }
.g-main[data-gpd="8"] .g-list .grid { padding: 0 8px; }
.g-main[data-gpd="9"] .g-list .grid { padding: 0 9px; }
.g-main[data-gpd="10"] .g-list .grid { padding: 0 10px; }
.g-main[data-gpd="11"] .g-list .grid { padding: 0 11px; }
.g-main[data-gpd="12"] .g-list .grid { padding: 0 12px; }
.g-main[data-gpd="13"] .g-list .grid { padding: 0 13px; }
.g-main[data-gpd="14"] .g-list .grid { padding: 0 14px; }
.g-main[data-gpd="15"] .g-list .grid { padding: 0 15px; }
.g-main[data-gpd="16"] .g-list .grid { padding: 0 16px; }
.g-main[data-gpd="17"] .g-list .grid { padding: 0 17px; }
.g-main[data-gpd="18"] .g-list .grid { padding: 0 18px; }
.g-main[data-gpd="19"] .g-list .grid { padding: 0 19px; }
@media (min-width: 992px) {
.g-main[data-gcol="1"] .g-list .grid { width: 100%; }
.g-main[data-gcol="2"] .g-list .grid { width: 50%; }
.g-main[data-gcol="3"] .g-list .grid { width: 33.33333333333333%; }
.g-main[data-gcol="4"] .g-list .grid { width: 25%; }
.g-main[data-gcol="5"] .g-list .grid { width: 20%; }
.g-main[data-gcol="6"] .g-list .grid { width: 16.666666666666664%; }
.g-main[data-gcol="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
.g-main[data-gcol="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
.g-main[data-gcol="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
.g-main[data-gcol="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
.g-main[data-gcol="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
.g-main[data-gpd="1"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="1"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="1"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="1"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="1"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="1"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
.g-main[data-gpd="2"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="2"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="2"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="2"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="2"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="2"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
.g-main[data-gpd="3"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="3"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="3"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="3"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="3"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="3"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
.g-main[data-gpd="4"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="4"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="4"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="4"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="4"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="4"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
.g-main[data-gpd="5"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="5"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="5"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="5"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="5"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="5"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
.g-main[data-gpd="6"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="6"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="6"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="6"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="6"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="6"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
.g-main[data-gpd="7"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="7"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="7"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="7"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="7"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="7"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
.g-main[data-gpd="8"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="8"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="8"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="8"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="8"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="8"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
.g-main[data-gpd="9"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="9"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="9"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="9"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="9"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="9"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
.g-main[data-gpd="10"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="10"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="10"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="10"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="10"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="10"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
.g-main[data-gpd="11"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="11"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="11"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="11"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="11"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="11"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
.g-main[data-gpd="12"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="12"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="12"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="12"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="12"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="12"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
.g-main[data-gpd="13"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="13"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="13"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="13"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="13"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="13"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
.g-main[data-gpd="14"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="14"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="14"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="14"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="14"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="14"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
.g-main[data-gpd="15"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="15"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="15"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="15"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="15"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="15"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
.g-main[data-gpd="16"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="16"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="16"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="16"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="16"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="16"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
.g-main[data-gpd="17"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="17"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="17"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="17"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="17"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="17"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
.g-main[data-gpd="18"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="18"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="18"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="18"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="18"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="18"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
.g-main[data-gpd="19"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="19"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="19"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="19"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="19"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="19"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
.g-main[data-gpd="20"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="20"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="20"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="20"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="20"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="20"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.g-main[data-gcol][data-gcol-t="1"] .g-list .grid { width: 100%; }
.g-main[data-gcol][data-gcol-t="2"] .g-list .grid { width: 50%; }
.g-main[data-gcol][data-gcol-t="3"] .g-list .grid { width: 33.33333333333333%; }
.g-main[data-gcol][data-gcol-t="4"] .g-list .grid { width: 25%; }
.g-main[data-gcol][data-gcol-t="5"] .g-list .grid { width: 20%; }
.g-main[data-gcol][data-gcol-t="6"] .g-list .grid { width: 16.666666666666664%; }
.g-main[data-gcol][data-gcol-t="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
.g-main[data-gcol][data-gcol-t="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
.g-main[data-gcol][data-gcol-t="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
.g-main[data-gcol][data-gcol-t="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
.g-main[data-gcol][data-gcol-t="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
.g-main[data-gpd="1"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="1"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="1"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="1"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="1"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="1"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
.g-main[data-gpd="2"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="2"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="2"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="2"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="2"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="2"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
.g-main[data-gpd="3"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="3"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="3"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="3"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="3"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="3"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
.g-main[data-gpd="4"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="4"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="4"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="4"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="4"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="4"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
.g-main[data-gpd="5"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="5"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="5"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="5"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="5"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="5"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
.g-main[data-gpd="6"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="6"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="6"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="6"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="6"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="6"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
.g-main[data-gpd="7"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="7"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="7"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="7"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="7"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="7"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
.g-main[data-gpd="8"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="8"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="8"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="8"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="8"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="8"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
.g-main[data-gpd="9"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="9"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="9"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="9"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="9"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="9"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
.g-main[data-gpd="10"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="10"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="10"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="10"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="10"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="10"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
.g-main[data-gpd="11"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="11"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="11"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="11"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="11"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="11"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
.g-main[data-gpd="12"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="12"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="12"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="12"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="12"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="12"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
.g-main[data-gpd="13"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="13"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="13"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="13"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="13"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="13"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
.g-main[data-gpd="14"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="14"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="14"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="14"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="14"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="14"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
.g-main[data-gpd="15"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="15"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="15"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="15"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="15"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="15"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
.g-main[data-gpd="16"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="16"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="16"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="16"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="16"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="16"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
.g-main[data-gpd="17"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="17"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="17"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="17"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="17"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="17"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
.g-main[data-gpd="18"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="18"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="18"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="18"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="18"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="18"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
.g-main[data-gpd="19"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="19"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="19"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="19"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="19"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="19"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
.g-main[data-gpd="20"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="20"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="20"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="20"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="20"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="20"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
}
@media (max-width: 767px) {
.g-main[data-gcol][data-gcol-m="1"] .g-list .grid { width: 100%; }
.g-main[data-gcol][data-gcol-m="2"] .g-list .grid { width: 50%; }
.g-main[data-gcol][data-gcol-m="3"] .g-list .grid { width: 33.33333333333333%; }
.g-main[data-gcol][data-gcol-m="4"] .g-list .grid { width: 25%; }
.g-main[data-gcol][data-gcol-m="5"] .g-list .grid { width: 20%; }
.g-main[data-gcol][data-gcol-m="6"] .g-list .grid { width: 16.666666666666664%; }
.g-main[data-gcol][data-gcol-m="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
.g-main[data-gcol][data-gcol-m="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
.g-main[data-gcol][data-gcol-m="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
.g-main[data-gcol][data-gcol-m="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
.g-main[data-gcol][data-gcol-m="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
.g-main[data-gpd="1"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="1"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="1"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="1"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="1"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="1"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
.g-main[data-gpd="2"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="2"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="2"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="2"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="2"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="2"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
.g-main[data-gpd="3"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="3"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="3"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="3"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="3"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="3"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
.g-main[data-gpd="4"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="4"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="4"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="4"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="4"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="4"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
.g-main[data-gpd="5"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="5"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="5"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="5"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="5"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="5"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
.g-main[data-gpd="6"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="6"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="6"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="6"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="6"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="6"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
.g-main[data-gpd="7"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="7"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="7"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="7"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="7"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="7"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
.g-main[data-gpd="8"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="8"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="8"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="8"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="8"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="8"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
.g-main[data-gpd="9"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="9"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="9"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="9"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="9"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="9"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
.g-main[data-gpd="10"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="10"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="10"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="10"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="10"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="10"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
.g-main[data-gpd="11"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="11"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="11"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="11"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="11"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="11"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
.g-main[data-gpd="12"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="12"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="12"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="12"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="12"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="12"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
.g-main[data-gpd="13"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="13"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="13"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="13"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="13"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="13"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
.g-main[data-gpd="14"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="14"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="14"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="14"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="14"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="14"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
.g-main[data-gpd="15"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="15"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="15"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="15"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="15"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="15"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
.g-main[data-gpd="16"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="16"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="16"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="16"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="16"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="16"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
.g-main[data-gpd="17"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="17"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="17"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="17"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="17"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="17"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
.g-main[data-gpd="18"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="18"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="18"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="18"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="18"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="18"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
.g-main[data-gpd="19"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="19"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="19"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="19"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="19"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="19"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
.g-main[data-gpd="20"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="20"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="20"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="20"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="20"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="20"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
}
@media (max-width: 450px) {
.g-main[data-gcol][data-gcol-s="1"] .g-list .grid { width: 100%; }
.g-main[data-gcol][data-gcol-s="2"] .g-list .grid { width: 50%; }
.g-main[data-gcol][data-gcol-s="3"] .g-list .grid { width: 33.33333333333333%; }
.g-main[data-gcol][data-gcol-s="4"] .g-list .grid { width: 25%; }
.g-main[data-gcol][data-gcol-s="5"] .g-list .grid { width: 20%; }
.g-main[data-gcol][data-gcol-s="6"] .g-list .grid { width: 16.666666666666664%; }
.g-main[data-gcol][data-gcol-s="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
.g-main[data-gcol][data-gcol-s="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
.g-main[data-gcol][data-gcol-s="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
.g-main[data-gcol][data-gcol-s="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
.g-main[data-gcol][data-gcol-s="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
.g-main[data-gpd="1"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="1"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="1"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="1"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="1"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="1"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
.g-main[data-gpd="2"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="2"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="2"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="2"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="2"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="2"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
.g-main[data-gpd="3"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="3"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="3"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="3"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="3"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="3"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
.g-main[data-gpd="4"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="4"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="4"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="4"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="4"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="4"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
.g-main[data-gpd="5"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="5"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="5"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="5"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="5"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="5"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
.g-main[data-gpd="6"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="6"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="6"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="6"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="6"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="6"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
.g-main[data-gpd="7"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="7"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="7"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="7"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="7"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="7"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
.g-main[data-gpd="8"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="8"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="8"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="8"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="8"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="8"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
.g-main[data-gpd="9"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="9"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="9"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="9"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="9"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="9"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
.g-main[data-gpd="10"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="10"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="10"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="10"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="10"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="10"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
.g-main[data-gpd="11"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="11"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="11"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="11"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="11"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="11"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
.g-main[data-gpd="12"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="12"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="12"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="12"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="12"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="12"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
.g-main[data-gpd="13"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="13"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="13"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="13"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="13"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="13"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
.g-main[data-gpd="14"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="14"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="14"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="14"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="14"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="14"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
.g-main[data-gpd="15"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="15"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="15"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="15"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="15"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="15"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
.g-main[data-gpd="16"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="16"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="16"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="16"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="16"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="16"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
.g-main[data-gpd="17"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="17"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="17"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="17"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="17"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="17"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
.g-main[data-gpd="18"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="18"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="18"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="18"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="18"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="18"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
.g-main[data-gpd="19"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="19"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="19"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="19"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="19"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="19"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
.g-main[data-gpd="20"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
.g-main[data-gpd="20"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
.g-main[data-gpd="20"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
.g-main[data-gpd="20"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
.g-main[data-gpd="20"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
.g-main[data-gpd="20"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
}