会社概要
|
会社名
|
ENGWE JAPAN株式会社
|
| 本社住所 |
〒105-0013 東京都港区浜松町2丁目2番15号
|
| メール |
support@engwe-japan.com |
【年末年始休暇のお知らせ】
２０２４年１２月２８日（土）から２０２５年１月５日（日）
#[[id]] {
opacity: [[opacity]];
position: relative;
}
#[[id]][data-shadow-enable="true"] {
box-shadow: [[shadow-horizontal]] [[shadow-vertical]] [[shadow-blur]] [[shadow-color]];
}
#[[id]][data-border-enable="true"] {
border-width: [[border-width]];
border-style: [[border-style]];
border-color: [[border-color]];
border-radius: [[border-radius]];
}
#[[id]][data-background-type="color"] {
background-color: [[background-color]];
}
#[[id]][data-background-type="image"] {
background-image: url([[background-image]]);
background-size: cover;
background-position: [[background-position-horizontal]] [[background-position-vertical]];
}
#[[id]][data-full-width="true"] {
position: relative;
width: 100vw;
left: 50%;
margin: [[margin]];
margin-left: -50vw;
}
#[[id]][data-full-width="false"] {
width: auto;
left: 0;
margin: [[margin]];
}
#[[id]] > .pe-pirate {
display: flex;
justify-content: [[horizontal-align]];
text-align: [[text-align]];
}
#[[id]] > .pe-pirate > .pe-row {
width: 100%;
max-width: [[width]];
box-sizing: border-box;
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
padding: [[padding]];
}
#[[id]] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] {
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
}
#[[id]][data-vertical-align="top"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="false"] {
align-items: flex-start;
}
#[[id]][data-vertical-align="top"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] {
align-items: flex-end;
}
#[[id]][data-vertical-align="center"] > .pe-pirate > .pe-row,
#[[id]][data-vertical-align="center"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="false"],
#[[id]][data-vertical-align="center"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] {
align-items: center;
}
#[[id]][data-vertical-align="bottom"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="false"] {
align-items: flex-end;
}
#[[id]][data-vertical-align="bottom"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] {
align-items: flex-start;
}
#[[id]][data-set-height="true"] > .pe-pirate > .pe-row {
min-height: [[min-height]];
}
#[[id]] .pe-row .pe-column {
flex-basis: 0;
width: 0;
}
#[[id]][data-rtl-support="false"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="false"] > .pe-column:not(:last-child) {
margin-right: [[column-gap]];
}
#[[id]][data-rtl-support="false"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] > .pe-column:not(:first-child) {
margin-right: [[column-gap]];
}
#[[id]][data-rtl-support="true"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="false"] > .pe-column:not(:first-child) {
margin-right: [[column-gap]];
}
#[[id]][data-rtl-support="true"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] > .pe-column:not(:last-child) {
margin-right: [[column-gap]];
}
#[[id]] .pe-row .pe-column-[[screen]]-12 {
flex-basis: 100%;
margin-right: 0 !important;
}
#[[id]] .pe-row .pe-column-[[screen]]-11 {
flex-grow: 11;
}
#[[id]] .pe-row .pe-column-[[screen]]-10 {
flex-grow: 10;
}
#[[id]] .pe-row .pe-column-[[screen]]-9 {
flex-grow: 9;
}
#[[id]] .pe-row .pe-column-[[screen]]-8 {
flex-grow: 8;
}
#[[id]] .pe-row .pe-column-[[screen]]-7 {
flex-grow: 7;
}
#[[id]] .pe-row .pe-column-[[screen]]-6 {
flex-grow: 6;
}
#[[id]][data-rtl-support="true"][data-layout^="3-3-3-3"] > .pe-pirate > .pe-row > .pe-column-[[screen]]-6,
#[[id]][data-layout^="3-3-3-3"] > .pe-pirate > .pe-row > .pe-column-[[screen]]-6 {
flex-basis: calc(50% - [[column-gap]] / 2);
margin-right: 0;
flex-grow: 0;
}
#[[id]][data-layout^="3-3-3-3"] > .pe-pirate > .pe-row > .pe-column-[[screen]]-6:nth-child(even) {
margin-right: 0 !important;
}
#[[id]][data-rtl-support="true"][data-layout^="3-3-3-3"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="false"] > .pe-column-[[screen]]-6:not(:last-child) {
margin-right: 0 !important;
}
#[[id]][data-layout^="3-3-3-3"] > .pe-pirate > .pe-row[data-reverse-[[screen]]="true"] > .pe-column-[[screen]]-6:not(:first-child) {
margin-right: 0 !important;
}
#[[id]] .pe-row .pe-column-[[screen]]-5 {
flex-grow: 5;
}
#[[id]] .pe-row .pe-column-[[screen]]-4 {
flex-grow: 4;
}
#[[id]] .pe-row .pe-column-[[screen]]-3 {
flex-grow: 3;
}
#[[id]] .pe-row .pe-column-[[screen]]-2 {
flex-grow: 2;
}
#[[id]] .pe-row .pe-column-[[screen]]-1 {
flex-grow: 1;
}
{% assign layoutParts = "[[layout]]" | split: " " %} {% assign desktopLayout = layoutParts[0] %} {% assign desktopColumns = desktopLayout | split: "-" %} {% assign tabletLayout = layoutParts[1] %} {% assign tabletColumns = tabletLayout | split: "-" %} {% assign mobileLayout = layoutParts[2] %} {% assign mobileColumns = mobileLayout | split: "-" %} {% assign columnQuantity = desktopColumns | size %} {% comment %} First column {% endcomment %}
[[pext-element]]
{% comment %} Second column {% endcomment %} {% if columnQuantity > 1 %}
[[pext-element]]
{% endif %} {% comment %} Third column {% endcomment %} {% if columnQuantity > 2 %}
[[pext-element]]
{% endif %} {% comment %} Fourth column {% endcomment %} {% if columnQuantity > 3 %}
[[pext-element]]
{% endif %}
