/* background color main */
body,
footer,
.bg::before,
body:not(.page--home) .wrap{
  background: #fff;
}
.page--home .block--content-wrap{
  background: rgb(255 255 255 / .7);
}


/* background color */
.page--home .section--hero-img .block--login .g-nav--item__login::before,
.page--feature .page--introduction .block--login__member li .btn .btn--main {
  background: #fff;
}
.detail__btn a::after,
.page--home .section--video .slick-dots li button:before,
.page--schedule .section--list .block--month ul li a::after {
  background: #354a54;
}
input[readonly="readonly"],
.block--category li a::after,
.btn .btn--main,
.block__answer,
.tit .limited::after,
.list--schedule .block--date > [class^="block--date"] .block--date__month::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.block--pager li::before{
  background: #6c6c6c;
}
.page--schedule .section--list .block--refine label p {
  background: rgba(137, 175, 183, 1);
}
.page--schedule .section--list .block--refine li input[type="checkbox"]:not(:checked) + p,
.page--blog .block--comment,
.block__question,
.page--faq .searchBox input[type="text"]
{ background: rgba(200, 200, 200, 0.2); }
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.page--faq .block--faq-detail span.icon--a,
.block__answer
{ background: #89afb7; }


.date{opacity: 0.7;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}


/* text color */
body,a,
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--movie .section--detail .btn .btn--sub,
.page--faq .block--faq-detail span.icon--q,
.page--faq .section--detail .block--contact a,
.page--home .section--hero-img .block--login nav a,
.page--home footer .list-tit,
.list--support .list__item a
{ color: #354a54; }
input[readonly="readonly"],
.block__answer,
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--feature .page--introduction .block--service .block--service__contents li .inner span
{ color: #fff; }
footer,
.btn .btn--sub,
.page--home .section--hero-img .block--login nav li a,
.page--feature .page--introduction .block--service .block--service__contents li,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter
{ color: #354a54; }
.page--feature .page--introduction .block--login__member li .btn .btn--main,
 .list__item.new .tit::after,
 .page--schedule .list--schedule li .block--txt.new .tit::after
{color: #89afb7;}


/* svg color */
.lineIco a svg{ fill:#354a54; }
.ico--play{ stroke: #354a54; }
.page--feature .block--service__contents li .inner span svg { fill: #fff; }


/* border color */
.slick-prev::after, .slick-next::after,
.btn .btn--sub,
.block--pager .pager__item--newer a::after,
.block--pager .pager__item--newer span::after,
.block--pager .pager__item--older a::after,
.block--pager .pager__item--older span::after,
.page--faq .block--faq-detail,
.page--faq .block--faq-detail span.icon--q{
  border-color: #354a54;
}
.header .drawer .nav__list--login{
  border-color:#354a54;
}
.list--faq li,
.page--blog .block--comment .list--comment li{
  border-color:rgb(0 0 0 / 0.1);
}


/* pc */
@media screen and (min-width: 961px){
  .page--home footer .nav__list--sns li a,
  .page--home .list--support .list__item a{
    color: #354a54;
  }
  footer .nav__list--sns li a,
  .header .drawer .nav li a{color: #354a54;}
  .header{mix-blend-mode: unset;}
  .bg::before{opacity: 0.6;}
}

/* sp */
@media screen and (max-width: 960px) and (min-width: 1px){
  .header .drawer{ background: #89afb7; }
  .header .drawer__btn span{ background: #354a54; }
  .drawer-visible .header .drawer__btn span{ background: #354a54; }
  .list--support .list__item a,
  .header .drawer .nav li a{ color: #354a54;}
}