/*cookie style*/
:root {
  --cc-bg: #4a4a57;
  --cc-btn-primary-bg: #e7e7e7;
  --cc-btn-primary-hover-bg: #B2B2B2;
  --cc-btn-primary-tex: #4a4a57;
  --cc-btn-secondary-bg: #7c7c8d;
  --cc-btn-secondary-hover-bg: #A3A3AD;
  --cc-btn-secondary-text: #ffffff;
  --cc-text: #ffffff;
  --cc-cookie-category-block-bg: #E7E7E7;
  --cc-cookie-category-block-bg-hover: #F2F2F2;
  --cc-toggle-bg-off: #606070;
  --cc-toggle-bg-on: #4a4a57;
  --cc-toggle-bg-readonly: #A1A1AF;
  --cc-webkit-scrollbar-bg: #E7E7E7;
  --cc-webkit-scrollbar-bg-hover: #999999;
}

body:not(.hotaru) #cc_div {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.25s linear, opacity 0.25s ease !important;
  transition: visibility 0.25s linear, opacity 0.25s ease !important;
}
body:not(.hotaru) #cc_div.js-Show {
  opacity: 1 !important;
  visibility: visible !important;
}

#cm-ov {
  background: transparent;
}

#cm.cloud {
  max-width: 32em;
  padding: 1em 1.3em;
}

@media screen and (max-width: 688px) {
  #cm.cloud {
    max-width: inherit;
  }
  #cm.cloud, #cm.box {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    padding: 1.2em !important;
    border-radius: 0;
  }
}
.cc_div .cloud #c-inr-i {
  width: 80%;
  padding-right: 1.4em;
}
@media screen and (max-width: 688px) {
  .cc_div .cloud #c-inr-i {
    width: 100%;
    padding-right: 0;
  }
}

.cc_div .cloud #c-bns {
  min-width: 120px;
}

#c-ttl {
  font-size: 0.8em;
}

#c-bns .c-bn {
  font-size: 0.65em !important;
  padding: 0.8em 1.7em;
}

@media screen and (max-width: 688px) {
  .cc_div .cloud #c-bns {
    margin-top: 0.8em;
  }
}
.cc_div .cloud #c-txt {
  font-size: 0.65em;
}

.cc_div *,
.cc_div :hover,
.cc_div ::before,
.cc_div ::after {
  font-family: "Noto Sans JP", sans-serif;
}

:lang(sc) .cc_div *,
:lang(sc) .cc_div :hover,
:lang(sc) .cc_div ::before,
:lang(sc) .cc_div ::after {
  font-family: "Noto Sans SC", sans-serif;
}

:lang(tc) .cc_div *,
:lang(tc) .cc_div :hover,
:lang(tc) .cc_div ::before,
:lang(tc) .cc_div ::after {
  font-family: "Noto Sans TC", sans-serif;
}

@media screen and (max-width: 688px) {
  .cc_div .cloud #c-bns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 48% 4% 48%;
    grid-template-columns: 48% 48%;
    gap: 4%;
  }
  #cm.cloud .c-bn {
    margin-top: 0;
    padding-inline: 0;
    font-size: 0.7em;
  }
}
#s-inr {
  --cc-bg: #383838;
}

#s-cnt .b-bn .b-tl.exp,
#s-bl .b-acc .p {
  color: var(--cc-btn-primary-tex);
}

.cc_div .b-bn .exp::before, .cc_div .act .b-bn .exp::before {
  border-color: var(--cc-btn-primary-tex);
}

.cc_div #s-bns .c-bn {
  --cc-btn-secondary-bg: #8f8f8f;
  --cc-btn-secondary-hover-bg: #B5B5B5;
  --cc-btn-secondary-text: #383330;
}

#s-bns button:first-child {
  --cc-btn-primary-text: #383330;
}
/*# sourceMappingURL=cookie.css.map */