/* ==============================================================
*  base
* ============================================================ */
/* ==============================================================
*  contents
* ============================================================ */
/* ==============================
base
============================== */
.header,
.pattern--integrated .header {
  z-index: 999;
  background: transparent;
}

.header .drawer,
.pattern--integrated .header .drawer {
  opacity: 0;
}
.header .drawer .g-nav .nav--official .nav--logo img,
.header .drawer .g-nav .nav--member .nav--logo img,
.pattern--integrated .header .drawer .g-nav .nav--official .nav--logo img,
.pattern--integrated .header .drawer .g-nav .nav--member .nav--logo img {
  max-width: 16vw;
}
.header .drawer .g-nav .nav--official .logo--text,
.header .drawer .g-nav .nav--member .logo--text,
.pattern--integrated .header .drawer .g-nav .nav--official .logo--text,
.pattern--integrated .header .drawer .g-nav .nav--member .logo--text {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
.header .drawer .g-nav .nav--official .logo--fc,
.header .drawer .g-nav .nav--member .logo--fc,
.pattern--integrated .header .drawer .g-nav .nav--official .logo--fc,
.pattern--integrated .header .drawer .g-nav .nav--member .logo--fc {
  min-height: 50px;
  max-width: 16vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.header .drawer .g-nav .nav--official,
.pattern--integrated .header .drawer .g-nav .nav--official {
  background: rgba(255, 255, 255, 0.05);
}
.header .drawer .g-nav .nav__list--contents,
.pattern--integrated .header .drawer .g-nav .nav__list--contents {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.header .drawer .g-nav .nav__list--contents li,
.pattern--integrated .header .drawer .g-nav .nav__list--contents li {
  margin-bottom: 1em;
  margin-right: 0;
  font-size: 20px;
}
.header .drawer .g-nav .nav__list--login,
.pattern--integrated .header .drawer .g-nav .nav__list--login {
  display: flex;
  margin: 20px 0 0;
}
.header .drawer .g-nav .nav__list--login li,
.pattern--integrated .header .drawer .g-nav .nav__list--login li {
  display: block;
}
.header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .header .drawer .g-nav .nav__list--login li a {
  display: block;
  padding: 0.8em 1.5em;
  border-radius: 20px;
  color: #222;
  background: #fff;
}
.header .drawer .g-nav .nav__list--sns,
.pattern--integrated .header .drawer .g-nav .nav__list--sns {
  margin-top: 40px;
}
.header .drawer .g-nav .nav__list--sns li,
.pattern--integrated .header .drawer .g-nav .nav__list--sns li {
  margin-right: 0.5em;
}
.header .drawer .g-nav .nav__list--sns li a,
.pattern--integrated .header .drawer .g-nav .nav__list--sns li a {
  padding: 0.5em;
  padding-left: 0;
  font-size: 20px;
}
.header .drawer .g-nav .nav--official .g-nav--item.limited,
.pattern--integrated .header .drawer .g-nav .nav--official .g-nav--item.limited {
  display: none;
}
.header .drawer .g-nav .nav--member .g-nav--item:not(.limited),
.pattern--integrated .header .drawer .g-nav .nav--member .g-nav--item:not(.limited) {
  display: none !important;
}

.pattern--integrated.drawer-visible {
  overflow: hidden;
}

.drawer-visible .header .drawer,
.pattern--integrated.drawer-visible .header .drawer {
  opacity: 1;
}

/* pc ------------------------------  */
@media screen and (min-width: 961px) {
  /* base
  ------------------------------ */
  /* header */
  .header .g-nav .nav li a,
  .header .g-nav .nav li.limited a {
    transition: 0.4s;
  }
  .header .g-nav .nav li a::before, .header .g-nav .nav li a::after,
  .header .g-nav .nav li.limited a::before,
  .header .g-nav .nav li.limited a::after {
    content: none;
  }
  .header .g-nav .nav li a:hover,
  .header .g-nav .nav li.limited a:hover {
    opacity: 0.5;
  }
  .header .g-nav .nav.nav__list--contents li a {
    font-size: 20px;
  }
  /* header
  ------------------------------ */
  .pattern--integrated .wrap.loggedin .header,
  .pattern--integrated .header,
  .pattern--integrated.page--home .header {
    height: calc(4vw + 60px);
    padding: 0;
    background: transparent;
  }
  .pattern--integrated .header .drawer {
    opacity: 0;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    padding: 0;
    background: #222;
    transition: 0.4s cubic-bezier(0.16, 0.68, 0.65, 1.03);
    pointer-events: none;
    z-index: 999;
  }
  .pattern--integrated .header .drawer .g-nav {
    display: flex;
    padding: 0;
    text-align: left;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official,
  .pattern--integrated .header .drawer .g-nav .nav--member {
    position: relative;
    width: 50vw;
    height: 100vh;
    padding: 10vw 10vw 5vw;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .nav__list--contents,
  .pattern--integrated .header .drawer .g-nav .nav--member .nav__list--contents {
    max-height: calc(80vh - 200px);
    overflow: auto;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar,
  .pattern--integrated .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar {
    background: transparent;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
  .pattern--integrated .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 999px;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .logo--text,
  .pattern--integrated .header .drawer .g-nav .nav--member .logo--text {
    font-size: 24px;
  }
  .pattern--integrated.drawer-visible .header .drawer {
    opacity: 1;
    pointer-events: auto;
  }
  .drawer__btn {
    display: block !important;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 2vw;
    top: 2vw;
    z-index: 999;
    transition: 0.4s;
    mix-blend-mode: difference;
    padding: 5px;
    cursor: pointer;
  }
  .drawer__btn span {
    display: block;
    width: 80%;
    height: 2px;
    background: #fff;
    position: absolute;
    transition: 0.2s;
  }
  .drawer__btn span:first-child {
    top: calc(35% - 1px);
  }
  .drawer__btn span:nth-child(2) {
    top: calc(65% - 1px);
  }
  .drawer__btn:hover span:first-child {
    top: calc(30% - 1px);
  }
  .drawer__btn:hover span:nth-child(2) {
    top: calc(70% - 1px);
  }
  .drawer-visible .drawer__btn span, .drawer-visible .drawer__btn:hover span {
    top: 50%;
  }
  .drawer-visible .drawer__btn span:first-child, .drawer-visible .drawer__btn:hover span:first-child {
    transform: rotate(45deg);
  }
  .drawer-visible .drawer__btn span:nth-child(2), .drawer-visible .drawer__btn:hover span:nth-child(2) {
    transform: rotate(-45deg);
  }
  /* header scroll
  ------------------------------ */
  .pattern--integrated.window-scroll .header,
  .pattern--integrated.window-scroll .wrap .header,
  .pattern--integrated.window-scroll #header-nav:not(:has(> .inner .block--login.pc)),
  .pattern--integrated.page--home.window-scroll .header,
  .pattern--integrated.page--home.window-scroll .wrap .header,
  .pattern--integrated.page--home.window-scroll #header-nav:not(:has(> .inner .block--login.pc)) {
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
}
/* sp ------------------------------  */
@media screen and (min-width: 1px) and (max-width: 960px) {
  /* header
  ------------------------------ */
  .pattern--integrated .header .drawer {
    padding: 0;
  }
  .pattern--integrated .header .drawer .g-nav {
    padding: 0;
    width: 100%;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official,
  .pattern--integrated .header .drawer .g-nav .nav--member {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 5%;
    min-height: 40vh;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .nav--logo img,
  .pattern--integrated .header .drawer .g-nav .nav--member .nav--logo img {
    width: 50vw;
    max-width: 200px;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .logo--text,
  .pattern--integrated .header .drawer .g-nav .nav--member .logo--text {
    text-align: center;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .logo--fc,
  .pattern--integrated .header .drawer .g-nav .nav--member .logo--fc {
    width: 50vw;
    max-width: 200px;
    background-position: center;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--contents {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--contents li {
    width: 100%;
    margin-bottom: 0;
    font-size: 16px;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--sns {
    display: flex;
    margin-top: 20px;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--sns li {
    margin-right: 0;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--sns li a {
    padding: 0.5em;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--sns li a i {
    font-size: 18px;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--login {
    margin-top: 10px;
    padding: 0;
    border: none;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--login li {
    margin: 0 5px;
  }
  .pattern--integrated .header .drawer .g-nav .nav__list--login li a {
    font-size: 14px;
  }
}
/* tablet ------------------------------  */
@media screen and (min-width: 756px) and (max-width: 961px) {
  .pattern--integrated .header .drawer .g-nav .nav--official,
  .pattern--integrated .header .drawer .g-nav .nav--member {
    padding: 10vw 5% 5vw;
  }
}
/* ==============================
page--home
============================== */
.page--home.pattern--integrated .block--content-wrap {
  background: #222;
}
.page--home.pattern--integrated .area--official,
.page--home.pattern--integrated .area--fc {
  width: 100%;
}
.page--home.pattern--integrated .area--official > section,
.page--home.pattern--integrated .area--fc > section {
  width: 100%;
}
.page--home.pattern--integrated .area--official section.limited {
  display: none;
}
.page--home.pattern--integrated .area--fc section:not(.limited):not(.section--login) {
  display: none !important;
}
.page--home.pattern--integrated .area--official {
  background: rgba(255, 255, 255, 0.05);
}
.page--home.pattern--integrated .area--fc .section--login {
  padding: 5vw 0 10vw;
}
.page--home.pattern--integrated .area--fc .section--login .logo--fc {
  position: relative;
  margin: 0 auto 30px;
  text-align: center;
  min-height: 80px;
  width: 70vw;
  max-width: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.page--home.pattern--integrated .area--fc .section--login .logo--fc::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page--home.pattern--integrated .area--fc .section--login .logo--fc img {
  max-width: 400px;
  width: 70vw;
}
.page--home.pattern--integrated .area--fc .section--login .logo--fc .logo--text.fc {
  text-align: center;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
}
.page--home.pattern--integrated .area--fc .section--login .block--login {
  position: static;
  margin-top: 30px;
  text-align: center;
}
.page--home.pattern--integrated .area--fc .section--login .block--login .nav {
  display: flex;
  justify-content: center;
}
.page--home.pattern--integrated .area--fc .section--login .block--login .nav li a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.8em 1.6em;
  background: #fff;
  color: #222;
  font-size: 16px;
  border-radius: 999px;
}
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .g-nav--item__mypage a {
  padding: 0.8em 1.6em 0.6em;
}
.page--home.pattern--integrated .section--video .slick-dots,
.page--home.pattern--integrated .section--movie .slick-dots {
  position: static;
}

/* pc
------------------------------ */
@media screen and (min-width: 961px) {
  .page--home.pattern--integrated {
    /* list */
    /* main */
  }
  .page--home.pattern--integrated .list .list__item:first-child a {
    padding-top: 0;
  }
  .page--home.pattern--integrated .list .list__item:first-child a .ico {
    top: 0;
  }
  .page--home.pattern--integrated .list--schedule .list__item:first-child .block--date,
  .page--home.pattern--integrated .list--qa .list__item:first-child a::before {
    top: 0;
  }
  .page--home.pattern--integrated .section--hero-img {
    margin-bottom: 0;
  }
  .page--home.pattern--integrated .block--content-wrap {
    padding: 0;
  }
  .page--home.pattern--integrated .block--content-wrap section {
    display: flex;
    justify-content: flex-start;
    padding: 5vw;
    margin-bottom: 0;
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title {
    width: 30%;
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title .section-tit {
    display: block;
    padding: 0;
    margin-bottom: 10px;
    font-size: min(38px, 2.8vw);
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title .list__more {
    position: static;
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title + * {
    width: 70%;
    padding: 0 5%;
  }
  .page--home.pattern--integrated .area--official,
  .page--home.pattern--integrated .area--fc {
    padding: 60px 5%;
  }
  .page--home.pattern--integrated .area--fc .section--login {
    display: block;
  }
  .page--home.pattern--integrated .area--fc .section--login .nav li a {
    transition: 0.4s;
  }
  .page--home.pattern--integrated .area--fc .section--login .nav li a:hover {
    opacity: 0.5;
  }
  .page--home.pattern--integrated .block--content-wrap .section--banner {
    margin: 0;
    padding-top: 0;
  }
  .page--home.pattern--integrated .block--content-wrap .section--banner .list--bnr {
    margin-top: 0;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal,
  .page--home.pattern--integrated .section--movie .list--thumbnail,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal {
    margin-top: 0;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .list__item,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .list__item,
  .page--home.pattern--integrated .section--movie .list--thumbnail .list__item,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .list__item {
    width: 100%;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-prev,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-prev,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-prev,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-prev {
    left: 30px;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-next,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-next,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-next,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-next {
    right: 30px;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-prev,
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-next,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-prev,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-next,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-prev,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-next,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-prev,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-next {
    top: 45%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    margin: 0;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-prev:hover,
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-next:hover,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-prev:hover,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-next:hover,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-prev:hover,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-next:hover,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-prev:hover,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-next:hover {
    margin: 0;
    transform: translateY(-50%) scale(1.2);
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-prev::after,
  .page--home.pattern--integrated .section--video .list--thumbnail .slick-next::after,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-prev::after,
  .page--home.pattern--integrated .section--video .list--thumnail--horizontal .slick-next::after,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-prev::after,
  .page--home.pattern--integrated .section--movie .list--thumbnail .slick-next::after,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-prev::after,
  .page--home.pattern--integrated .section--movie .list--thumnail--horizontal .slick-next::after {
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
  }
  .page--home.pattern--integrated .block--content-wrap .section--discography {
    position: relative;
  }
  .page--home.pattern--integrated .block--content-wrap .section--discography .block--title {
    width: 40%;
  }
  .page--home.pattern--integrated .block--content-wrap .section--discography .block--discography__item {
    width: 60%;
  }
  .page--home.pattern--integrated .block--content-wrap .section--discography .block--discography__item .thumb {
    width: 100%;
  }
  .page--home.pattern--integrated .block--content-wrap .section--discography .block--discography__item .block--txt {
    position: absolute;
    left: 5vw;
    top: 50%;
    width: 35%;
    transform: translateY(-50%);
  }
}
/* sp
------------------------------ */
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home.pattern--integrated .list--thumbnail .list__item a {
    padding: 0;
  }
  .page--home.pattern--integrated .block--content-wrap {
    padding: 0;
  }
  .page--home.pattern--integrated .area--official,
  .page--home.pattern--integrated .area--fc {
    padding: 50px 5% 50px;
  }
  .page--home.pattern--integrated .area--official {
    padding-top: 70px;
  }
  .page--home.pattern--integrated .area--fc .section--login {
    padding: 30px 0;
    margin-bottom: 50px;
  }
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav li a {
    font-size: 13px;
  }
  .page--home.pattern--integrated .section--banner {
    padding: 0 0 80px;
    margin-bottom: 0;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail,
  .page--home.pattern--integrated .section--movie .list--thumbnail {
    margin-top: 0;
  }
  .page--home.pattern--integrated .section--video .list--thumbnail .list__item,
  .page--home.pattern--integrated .section--movie .list--thumbnail .list__item {
    margin: 0;
  }
  .page--home.pattern--integrated .section--video .slick-prev,
  .page--home.pattern--integrated .section--movie .slick-prev {
    left: 0;
  }
  .page--home.pattern--integrated .section--video .slick-next,
  .page--home.pattern--integrated .section--movie .slick-next {
    right: 0;
  }
  .page--home.pattern--integrated .section--video .slick-prev,
  .page--home.pattern--integrated .section--video .slick-next,
  .page--home.pattern--integrated .section--movie .slick-prev,
  .page--home.pattern--integrated .section--movie .slick-next {
    width: 15px;
    height: 15px;
    bottom: 0;
  }
  .page--home.pattern--integrated .section--video .slick-prev::after,
  .page--home.pattern--integrated .section--video .slick-next::after,
  .page--home.pattern--integrated .section--movie .slick-prev::after,
  .page--home.pattern--integrated .section--movie .slick-next::after {
    width: 15px;
    height: 15px;
    left: 0;
    top: 0;
  }
  .page--home.pattern--integrated .section--discography .thumb {
    margin-bottom: 20px;
  }
}
/* tablet
------------------------------ */
/* preview mode
------------------------------ */
/* ==============================================================
*  pattern
* ============================================================ */
/* pattern01
------------------------------ */
.css-pattern-1 .block--content-wrap,
.css-pattern-1 .header .drawer,
.pattern--integrated .css-pattern-1 .block--content-wrap,
.pattern--integrated .css-pattern-1 .header .drawer,
.pattern--integrated.page--home .css-pattern-1 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-1 .header .drawer {
  background: #222;
}
.css-pattern-1 .header .drawer .g-nav .nav--official,
.css-pattern-1 .area--official,
.pattern--integrated .css-pattern-1 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-1 .area--official,
.pattern--integrated.page--home .css-pattern-1 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-1 .area--official {
  background: rgba(255, 255, 255, 0.05);
}
.css-pattern-1 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-1 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-1 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-1 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-1 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-1 .area--fc .section--login .block--login .nav li a {
  background: #fff;
  color: #222;
}
.css-pattern-1 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-1 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-1 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-1 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-1 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-1 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern02
------------------------------ */
.css-pattern-2 .block--content-wrap,
.pattern--integrated .css-pattern-2 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-2 .block--content-wrap {
  background: #222;
}
.css-pattern-2 .header .drawer,
.pattern--integrated .css-pattern-2 .header .drawer,
.pattern--integrated.page--home .css-pattern-2 .header .drawer {
  background: #29B3A2;
}
.css-pattern-2 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-2 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-2 .header .drawer .g-nav .nav--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-2 .area--official,
.pattern--integrated .css-pattern-2 .area--official,
.pattern--integrated.page--home .css-pattern-2 .area--official {
  background: rgba(255, 255, 255, 0.05);
}
.css-pattern-2 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-2 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-2 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-2 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-2 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-2 .area--fc .section--login .block--login .nav li a {
  background: #fff;
  color: #222;
}
.css-pattern-2 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-2 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-2 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-2 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-2 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-2 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern03
------------------------------ */
.css-pattern-3 .block--content-wrap,
.css-pattern-3 .header .drawer,
.pattern--integrated .css-pattern-3 .block--content-wrap,
.pattern--integrated .css-pattern-3 .header .drawer,
.pattern--integrated.page--home .css-pattern-3 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-3 .header .drawer {
  background: #222;
}
.css-pattern-3 .header .drawer .g-nav .nav--official,
.css-pattern-3 .area--official,
.pattern--integrated .css-pattern-3 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-3 .area--official,
.pattern--integrated.page--home .css-pattern-3 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-3 .area--official {
  background: rgba(255, 255, 255, 0.05);
}
.css-pattern-3 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-3 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-3 .header .drawer .g-nav .nav li a {
  color: #cc4040;
}
.css-pattern-3 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-3 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-3 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-3 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-3 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-3 .area--fc .section--login .block--login .nav li a {
  background: #cc4040;
  color: #fff;
}
.css-pattern-3 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-3 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-3 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-3 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-3 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-3 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern04
------------------------------ */
.css-pattern-4 .block--content-wrap,
.css-pattern-4 .header .drawer,
.pattern--integrated .css-pattern-4 .block--content-wrap,
.pattern--integrated .css-pattern-4 .header .drawer,
.pattern--integrated.page--home .css-pattern-4 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-4 .header .drawer {
  background: #171613;
}
.css-pattern-4 .header .drawer .g-nav .nav--official,
.css-pattern-4 .area--official,
.pattern--integrated .css-pattern-4 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-4 .area--official,
.pattern--integrated.page--home .css-pattern-4 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-4 .area--official {
  background: rgba(255, 255, 255, 0.05);
}
.css-pattern-4 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-4 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-4 .header .drawer .g-nav .nav li a {
  color: #9c8233;
}
.css-pattern-4 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-4 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-4 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-4 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-4 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-4 .area--fc .section--login .block--login .nav li a {
  background: #9c8233;
  color: #fff;
}
.css-pattern-4 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-4 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-4 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-4 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-4 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-4 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern05
------------------------------ */
.css-pattern-5 .block--content-wrap,
.css-pattern-5 .header .drawer,
.pattern--integrated .css-pattern-5 .block--content-wrap,
.pattern--integrated .css-pattern-5 .header .drawer,
.pattern--integrated.page--home .css-pattern-5 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-5 .header .drawer {
  background: #fff;
}
.css-pattern-5 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-5 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-5 .header .drawer .g-nav .nav li a {
  color: #6c6c6c;
}
.css-pattern-5 .header .drawer .g-nav .nav--official,
.css-pattern-5 .area--official,
.pattern--integrated .css-pattern-5 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-5 .area--official,
.pattern--integrated.page--home .css-pattern-5 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-5 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-5 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-5 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-5 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-5 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-5 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-5 .area--fc .section--login .block--login .nav li a {
  background: #6c6c6c;
  color: #fff;
}
.css-pattern-5 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-5 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-5 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-5 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-5 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-5 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern06
------------------------------ */
.css-pattern-6 .block--content-wrap,
.pattern--integrated .css-pattern-6 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-6 .block--content-wrap {
  background: #fff;
}
.css-pattern-6 .header .drawer,
.pattern--integrated .css-pattern-6 .header .drawer,
.pattern--integrated.page--home .css-pattern-6 .header .drawer {
  background: #fff27b;
}
.css-pattern-6 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-6 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-6 .header .drawer .g-nav .nav li a {
  color: #797979;
}
.css-pattern-6 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-6 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-6 .header .drawer .g-nav .nav--official {
  background: #ffed4a;
}
.css-pattern-6 .area--official,
.pattern--integrated .css-pattern-6 .area--official,
.pattern--integrated.page--home .css-pattern-6 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-6 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-6 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-6 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-6 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-6 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-6 .area--fc .section--login .block--login .nav li a {
  background: #797979;
  color: #fff;
}
.css-pattern-6 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-6 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-6 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-6 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-6 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-6 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern07
------------------------------ */
.css-pattern-7 .block--content-wrap,
.pattern--integrated .css-pattern-7 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-7 .block--content-wrap {
  background: #fff;
}
.css-pattern-7 .header .drawer,
.pattern--integrated .css-pattern-7 .header .drawer,
.pattern--integrated.page--home .css-pattern-7 .header .drawer {
  background: #89afb7;
}
.css-pattern-7 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-7 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-7 .header .drawer .g-nav .nav li a {
  color: #354a54;
}
.css-pattern-7 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-7 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-7 .header .drawer .g-nav .nav--official {
  background: rgba(255, 255, 255, 0.1);
}
.css-pattern-7 .area--official,
.pattern--integrated .css-pattern-7 .area--official,
.pattern--integrated.page--home .css-pattern-7 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-7 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-7 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-7 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-7 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-7 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-7 .area--fc .section--login .block--login .nav li a {
  background: #354a54;
  color: #fff;
}
.css-pattern-7 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-7 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-7 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-7 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-7 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-7 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern08
------------------------------ */
.css-pattern-8 .block--content-wrap,
.pattern--integrated .css-pattern-8 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-8 .block--content-wrap {
  background: #fff;
}
.css-pattern-8 .header .drawer,
.pattern--integrated .css-pattern-8 .header .drawer,
.pattern--integrated.page--home .css-pattern-8 .header .drawer {
  background: #ef8383;
}
.css-pattern-8 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav li a {
  color: #fff;
}
.css-pattern-8 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav--official {
  background: #ed7b7a;
}
.css-pattern-8 .area--official,
.pattern--integrated .css-pattern-8 .area--official,
.pattern--integrated.page--home .css-pattern-8 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-8 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-8 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-8 .area--fc .section--login .block--login .nav li a {
  background: #ef8383;
  color: #fff;
}
.css-pattern-8 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav__list--login li a {
  background: #fff;
  color: #61605b;
}
.css-pattern-8 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-8 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-8 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-8 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern09
------------------------------ */
.css-pattern-9 .block--content-wrap,
.css-pattern-9 .header .drawer,
.pattern--integrated .css-pattern-9 .block--content-wrap,
.pattern--integrated .css-pattern-9 .header .drawer,
.pattern--integrated.page--home .css-pattern-9 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-9 .header .drawer {
  background: #ccc;
}
.css-pattern-9 .header .drawer .g-nav .nav--official,
.css-pattern-9 .area--official,
.pattern--integrated .css-pattern-9 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-9 .area--official,
.pattern--integrated.page--home .css-pattern-9 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-9 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-9 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-9 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-9 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-9 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-9 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-9 .area--fc .section--login .block--login .nav li a {
  background: #111;
  color: #fff;
}
.css-pattern-9 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-9 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-9 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-9 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-9 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-9 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern10
------------------------------ */
.css-pattern-10 .block--content-wrap,
.pattern--integrated .css-pattern-10 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-10 .block--content-wrap {
  background: #a9a6a1;
}
.css-pattern-10 .header .drawer,
.pattern--integrated .css-pattern-10 .header .drawer,
.pattern--integrated.page--home .css-pattern-10 .header .drawer {
  background: #6bca6a;
}
.css-pattern-10 .header .drawer .g-nav .nav--official,
.css-pattern-10 .area--official,
.pattern--integrated .css-pattern-10 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-10 .area--official,
.pattern--integrated.page--home .css-pattern-10 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-10 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-10 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-10 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-10 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-10 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-10 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-10 .area--fc .section--login .block--login .nav li a {
  background: #fff;
  color: #222;
}
.css-pattern-10 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-10 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-10 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-10 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-10 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-10 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern11
------------------------------ */
.css-pattern-11 .block--content-wrap,
.pattern--integrated .css-pattern-11 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-11 .block--content-wrap {
  background: #a9a6a1;
}
.css-pattern-11 .header .drawer,
.pattern--integrated .css-pattern-11 .header .drawer,
.pattern--integrated.page--home .css-pattern-11 .header .drawer {
  background: #fff27a;
}
.css-pattern-11 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-11 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-11 .header .drawer .g-nav .nav li a {
  color: #797979;
}
.css-pattern-11 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-11 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-11 .header .drawer .g-nav .nav--official {
  background: #ffed4a;
}
.css-pattern-11 .area--official,
.pattern--integrated .css-pattern-11 .area--official,
.pattern--integrated.page--home .css-pattern-11 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-11 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-11 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-11 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-11 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-11 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-11 .area--fc .section--login .block--login .nav li a {
  background: #797979;
  color: #fff;
}
.css-pattern-11 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-11 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-11 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-11 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-11 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-11 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern12
------------------------------ */
.css-pattern-12 .block--content-wrap,
.pattern--integrated .css-pattern-12 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-12 .block--content-wrap {
  background: #a09d9f;
}
.css-pattern-12 .header .drawer,
.pattern--integrated .css-pattern-12 .header .drawer,
.pattern--integrated.page--home .css-pattern-12 .header .drawer {
  background: #f9a9c2;
}
.css-pattern-12 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-12 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-12 .header .drawer .g-nav .nav li a {
  color: #f1f1f1;
}
.css-pattern-12 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-12 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-12 .header .drawer .g-nav .nav--official {
  background: rgba(0, 0, 0, 0.03);
}
.css-pattern-12 .area--official,
.pattern--integrated .css-pattern-12 .area--official,
.pattern--integrated.page--home .css-pattern-12 .area--official {
  background: rgba(0, 0, 0, 0.05);
}
.css-pattern-12 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-12 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-12 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-12 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-12 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-12 .area--fc .section--login .block--login .nav li a {
  background: #f1f1f1;
  color: #797979;
}
.css-pattern-12 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-12 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-12 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-12 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-12 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-12 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern29(pattern_13.css)
------------------------------ */
.css-pattern-29 .block--content-wrap,
.pattern--integrated .css-pattern-29 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-29 .block--content-wrap {
  background: #fff;
}
.css-pattern-29 .header .drawer,
.pattern--integrated .css-pattern-29 .header .drawer,
.pattern--integrated.page--home .css-pattern-29 .header .drawer {
  background: #C7E8FA;
}
.css-pattern-29 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-29 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-29 .header .drawer .g-nav .nav li a {
  color: #19247C;
}
.css-pattern-29 .header .drawer .g-nav .nav--official,
.css-pattern-29 .area--official,
.pattern--integrated .css-pattern-29 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-29 .area--official,
.pattern--integrated.page--home .css-pattern-29 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-29 .area--official {
  background: rgba(25, 36, 124, 0.05);
}
.css-pattern-29 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-29 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-29 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-29 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-29 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-29 .area--fc .section--login .block--login .nav li a {
  background: #19247C;
  color: #fff;
}
.css-pattern-29 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-29 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-29 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-29 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-29 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-29 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}

/* pattern30(pattern_14.css)
------------------------------ */
.css-pattern-30 .block--content-wrap,
.pattern--integrated .css-pattern-30 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-30 .block--content-wrap {
  background: #E2EB9F;
}
.css-pattern-30 .header .drawer,
.pattern--integrated .css-pattern-30 .header .drawer,
.pattern--integrated.page--home .css-pattern-30 .header .drawer {
  background: #ffb371;
}
.css-pattern-30 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-30 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-30 .header .drawer .g-nav .nav li a {
  color: #2c8b73;
}
.css-pattern-30 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-30 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-30 .header .drawer .g-nav .nav--official {
  background: rgba(255, 255, 255, 0.1);
}
.css-pattern-30 .area--official,
.pattern--integrated .css-pattern-30 .area--official,
.pattern--integrated.page--home .css-pattern-30 .area--official {
  background: rgba(255, 255, 255, 0.2);
}
.css-pattern-30 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-30 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-30 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-30 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-30 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-30 .area--fc .section--login .block--login .nav li a {
  background: #2c8b73;
  color: #fff;
}
.css-pattern-30 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-30 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-30 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-30 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-30 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-30 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern31(pattern_15.css)
------------------------------ */
.css-pattern-31 .block--content-wrap,
.pattern--integrated .css-pattern-31 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-31 .block--content-wrap {
  background: #fed21e;
}
.css-pattern-31 .header .drawer,
.pattern--integrated .css-pattern-31 .header .drawer,
.pattern--integrated.page--home .css-pattern-31 .header .drawer {
  background: #c0d9d3;
}
.css-pattern-31 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-31 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-31 .header .drawer .g-nav .nav li a {
  color: #435711;
}
.css-pattern-31 .header .drawer .g-nav .nav--official,
.css-pattern-31 .area--official,
.pattern--integrated .css-pattern-31 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-31 .area--official,
.pattern--integrated.page--home .css-pattern-31 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-31 .area--official {
  background: rgba(255, 255, 255, 0.15);
}
.css-pattern-31 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-31 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-31 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-31 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-31 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-31 .area--fc .section--login .block--login .nav li a {
  background: #435711;
  color: #fff;
}
.css-pattern-31 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-31 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-31 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-31 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-31 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-31 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

/* pattern32(pattern_16.css)
------------------------------ */
.css-pattern-32 .block--content-wrap,
.pattern--integrated .css-pattern-32 .block--content-wrap,
.pattern--integrated.page--home .css-pattern-32 .block--content-wrap {
  background: #e8b4c5;
}
.css-pattern-32 .header .drawer,
.pattern--integrated .css-pattern-32 .header .drawer,
.pattern--integrated.page--home .css-pattern-32 .header .drawer {
  background: #92afbb;
}
.css-pattern-32 .header .drawer .g-nav .nav li a,
.pattern--integrated .css-pattern-32 .header .drawer .g-nav .nav li a,
.pattern--integrated.page--home .css-pattern-32 .header .drawer .g-nav .nav li a {
  color: #8f3a67;
}
.css-pattern-32 .header .drawer .g-nav .nav--official,
.css-pattern-32 .area--official,
.pattern--integrated .css-pattern-32 .header .drawer .g-nav .nav--official,
.pattern--integrated .css-pattern-32 .area--official,
.pattern--integrated.page--home .css-pattern-32 .header .drawer .g-nav .nav--official,
.pattern--integrated.page--home .css-pattern-32 .area--official {
  background: rgba(255, 255, 255, 0.15);
}
.css-pattern-32 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-32 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-32 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-32 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-32 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-32 .area--fc .section--login .block--login .nav li a {
  background: #8f3a67;
  color: #fff;
}
.css-pattern-32 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.css-pattern-32 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-32 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated .css-pattern-32 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-32 .header .drawer .g-nav .nav--official .nav__list--contents::-webkit-scrollbar-thumb,
.pattern--integrated.page--home .css-pattern-32 .header .drawer .g-nav .nav--member .nav__list--contents::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}