@charset "utf-8";

:root {
  --standard-size: calc(var(--standard-scale) + 1.25vw);
}
.tablet {
  display: inherit !important;
}
.tablet.flex {
  display: flex !important;
}
.tablet.grid {
  display: grid !important;
}

article.fixed {
  left: 50%;
  position: fixed;
  z-index: 9;
}
article.absolute {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: calc(40% - var(--article-spacing) / 1.3);
}
article.fixed.column-12 {
  right: var(--article-padding);
  margin-left: calc(10% + var(--article-spacing) / 1.6);
}
.commonHead .lnb,
.container,
.commonFoot .contain {
  padding: 0 var(--article-padding);
}
.figure .fig {
  border-radius: var(--content-radius);
  background-color: var(--background-color);
  border: var(--border);
}

[style*='--font-size-t'] {font-size: calc(1em * (var(--font-size-t)/16)) !important;}

.rowReverse-t {
  flex-direction: row-reverse;
}
.row-t {
  flex-direction: row;
}
.columnReverse-t {
  flex-direction: column-reverse;
}
.column-t {
  flex-direction: column;
}

[style*='--border-t']:not([style*='--border-top']) {
  border: var(--border-t) !important;
}
[style*='--border-top-t'] {
  border-top: var(--border-top-t) !important;
}
[style*='--border-bottom-t'] {
  border-bottom: var(--border-bottom-t) !important;
}
[style*='--border-left-t'] {
  border-left: var(--border-left-t) !important;
}
[style*='--border-right-t'] {
  border-right: var(--border-right-t) !important;
}
[style*='--padding-t']:not([style*='--padding-top']) {
  padding: var(--padding-t) !important;
}
[style*='--padding-top-t'] {
  padding-top: var(--padding-top-t) !important;
}
[style*='--padding-bottom-t'] {
  padding-bottom: var(--padding-bottom-t) !important;
}
[style*='--padding-left-t'] {
  padding-left: var(--padding-left-t) !important;
}
[style*='--padding-right-t'] {
  padding-right: var(--padding-right-t) !important;
}
[style*='--margin-t']:not([style*='--margin-top']) {
  margin: var(--margin-t) !important;
}
[style*='--margin-top-t'] {
  margin-top: var(--margin-top-t) !important;
}
[style*='--margin-bottom-t'] {
  margin-bottom: var(--margin-bottom-t) !important;
}
[style*='--margin-left-t'] {
  margin-left: var(--margin-left-t) !important;
}
[style*='--margin-right-t'] {
  margin-right: var(--margin-right-t) !important;
}
[style*='--width-t'] {
  width: var(--width-t)
}
[style*='--max-width-t'] {
  max-width: var(--width-t)
}

.masonry {
  column-count: var(--column-count-t);
}

.grid.template-columns-30-t {
  grid-template-columns: repeat(30, 1fr);
}
.grid.template-columns-29-t {
  grid-template-columns: repeat(29, 1fr);
}
.grid.template-columns-28-t {
  grid-template-columns: repeat(28, 1fr);
}
.grid.template-columns-27-t {
  grid-template-columns: repeat(27, 1fr);
}
.grid.template-columns-26-t {
  grid-template-columns: repeat(26, 1fr);
}
.grid.template-columns-25-t {
  grid-template-columns: repeat(25, 1fr);
}
.grid.template-columns-24-t {
  grid-template-columns: repeat(24, 1fr);
}
.grid.template-columns-23-t {
  grid-template-columns: repeat(23, 1fr);
}
.grid.template-columns-22-t {
  grid-template-columns: repeat(22, 1fr);
}
.grid.template-columns-21-t {
  grid-template-columns: repeat(21, 1fr);
}
.grid.template-columns-20-t {
  grid-template-columns: repeat(20, 1fr);
}
.grid.template-columns-19-t {
  grid-template-columns: repeat(19, 1fr);
}
.grid.template-columns-18-t {
  grid-template-columns: repeat(18, 1fr);
}
.grid.template-columns-17-t {
  grid-template-columns: repeat(17, 1fr);
}
.grid.template-columns-16-t {
  grid-template-columns: repeat(16, 1fr);
}
.grid.template-columns-15-t {
  grid-template-columns: repeat(15, 1fr);
}
.grid.template-columns-14-t {
  grid-template-columns: repeat(14, 1fr);
}
.grid.template-columns-13-t {
  grid-template-columns: repeat(13, 1fr);
}
.grid.template-columns-12-t {
  grid-template-columns: repeat(12, 1fr);
}
.grid.template-columns-11-t {
  grid-template-columns: repeat(11, 1fr);
}
.grid.template-columns-10-t {
  grid-template-columns: repeat(10, 1fr);
}
.grid.template-columns-9-t {
  grid-template-columns: repeat(9, 1fr);
}
.grid.template-columns-8-t {
  grid-template-columns: repeat(8, 1fr);
}
.grid.template-columns-7-t {
  grid-template-columns: repeat(7, 1fr);
}
.grid.template-columns-6-t {
  grid-template-columns: repeat(6, 1fr);
}
.grid.template-columns-5-t {
  grid-template-columns: repeat(5, 1fr);
}
.grid.template-columns-4-t {
  grid-template-columns: repeat(4, 1fr);
}
.grid.template-columns-3-t {
  grid-template-columns: repeat(3, 1fr);
}
.grid.template-columns-2-t {
  grid-template-columns: repeat(2, 1fr);
}
.grid.template-columns-1-t {
  grid-template-columns: repeat(1, 1fr);
}

.column-30-t {
  grid-column: auto / span 30;
}
.column-29-t {
  grid-column: auto / span 29;
}
.column-28-t {
  grid-column: auto / span 28;
}
.column-27-t {
  grid-column: auto / span 27;
}
.column-26-t {
  grid-column: auto / span 26;
}
.column-25-t {
  grid-column: auto / span 25;
}
.column-24-t {
  grid-column: auto / span 24;
}
.column-23-t {
  grid-column: auto / span 23;
}
.column-22-t {
  grid-column: auto / span 22;
}
.column-21-t {
  grid-column: auto / span 21;
}
.column-20-t {
  grid-column: auto / span 20;
}
.column-19-t {
  grid-column: auto / span 19;
}
.column-18-t {
  grid-column: auto / span 18;
}
.column-17-t {
  grid-column: auto / span 17;
}
.column-16-t {
  grid-column: auto / span 16;
}
.column-15-t {
  grid-column: auto / span 15;
}
.column-14-t {
  grid-column: auto / span 14;
}
.column-13-t {
  grid-column: auto / span 13;
}
.column-12-t {
  grid-column: auto / span 12;
}
.column-11-t {
  grid-column: auto / span 11;
}
.column-10-t {
  grid-column: auto / span 10;
}
.column-9-t {
  grid-column: auto / span 9;
}
.column-8-t {
  grid-column: auto / span 8;
}
.column-7-t {
  grid-column: auto / span 7;
}
.column-6-t {
  grid-column: auto / span 6;
}
.column-5-t {
  grid-column: auto / span 5;
}
.column-4-t {
  grid-column: auto / span 4;
}
.column-3-t {
  grid-column: auto / span 3;
}
.column-2-t {
  grid-column: auto / span 2;
}
.column-1-t {
  grid-column: auto / span 1;
}

.row-10-t {
  grid-row: auto/span 10;
}
.row-9-t {
  grid-row: auto/span 9;
}
.row-8-t {
  grid-row: auto/span 8;
}
.row-7-t {
  grid-row: auto/span 7;
}
.row-6-t {
  grid-row: auto/span 6;
}
.row-5-t {
  grid-row: auto/span 5;
}
.row-4-t {
  grid-row: auto/span 4;
}
.row-3-t {
  grid-row: auto/span 3;
}
.row-2-t {
  grid-row: auto/span 2;
}
.row-1-t {
  grid-row: auto/span 2;
}


.menu_ad .buttonDesign {
  width: fit-content;
  flex:none;
}