:root {
  --container_size: 100vw;
  --article_size: 100vw
}

.top #content {
  padding-top: 0;
  background: var(--color_main);
}

.l-container {
  padding-left: 0;
  padding-right: 0
}

.p-postList.-type-card, .p-postList.-type-thumb {
  margin: 0;
  min-height: 90vh;
}

@media (max-width:389px) {
  :root{--thumb-width: 180; --row-font-title: 10; --row-font-meta: 16;}
  .l-header__logo {width: 80vw!important;}  
}
@media (min-width:390px) and (max-width:599px) {
  :root{--thumb-width: 190; --row-font-title: 12; --row-font-meta: 18;}
  .l-header__logo {width: 70vw!important;}
}
@media (min-width:600px) and (max-width: 959px) {
  :root{--thumb-width: 300; --row-font-title: 14; --row-font-meta: 20;}
  .l-header__logo {width: 60vw!important;}
}
@media (min-width:960px)and (max-width: 1199px) {
  :root {--thumb-width: 320; --row-font-title: 14; --row-font-meta: 20;}
  .l-header__logo {width: 50vw!important;}
}
@media (min-width:1200px)and (max-width: 1919px) {
  :root {--thumb-width: 320; --row-font-title: 14; --row-font-meta: 20;}
  .l-header__logo {width: 40vw!important;}
}
@media (min-width:1920px)and (max-width: 2399px) {
  :root {--thumb-width: 320; --row-font-title: 14; --row-font-meta: 20;}
  .l-header__logo {width: 50vw!important;}
}
@media (min-width:2400px) {
  :root {--thumb-width: 400; --row-font-title: 14; --row-font-meta: 20;}
  .l-header__logo {width: 30vw!important;}
}
.c-headLogo {height: 100%;}
.p-postList.-type-thumb .p-postList__item {
	width: calc(calc(var(--container_size) - (100vw - 100%)) / var(--columns-num))!important;
}

.p-postList .p-postList__title {
  font-size: calc(var(--font-size-title) * 1px)
}

.p-postList.-type-thumb .p-postList__meta {
  font-size: calc(var(--font-size-meta) * 1.2px)
}

#header {
  opacity: 0;
  width: min-content;
  position: fixed!important;
  left: 50vw;
  top: 50vh;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  background: transparent
}

.l-header {
  margin-top: 0em
}

[rel=home] img.c-headLogo__img {
  filter: invert(1)
}

@media (max-width:959px) {
  #header {
    top: 45vh
  }
  .l-header__inner {
    display: flex;
    padding: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center
  }
  .l-header__logo {
    order: 1;
    text-align: center;
    width: 70vw;
    padding: 0
  }
  .l-header__gnav {
    display: block;
    order: 2;
    margin-top: 5vh
  }
  .l-header__customBtn.sp_, .l-header__menuBtn.sp_ {
    display: none
  }
}