@charset "UTF-8";
*,
::after,
::before{
  box-sizing:border-box;
  background-repeat:no-repeat;
}

::after,::before{
  vertical-align:inherit;
  text-decoration:inherit;
}
:where(:root){
  cursor:default;
  line-height:1.5;
  overflow-wrap:break-word;
  tab-size:4;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
}
:where(body){
  margin:0;
}
:where(h1){
  margin:.67em 0;
  font-size:2em;
}
:where(dl, ol, ul) :where(dl, ol, ul){
  margin:0;
}
:where(hr){
  height:0;
  color:inherit;
}
:where(nav) :where(ol, ul){
  padding:0;
  list-style-type:none;
}
:where(nav li)::before{
  float:left;
  content:"​";
}
:where(pre){
  overflow:auto;
  font-size:1em;
  font-family:monospace, monospace;
}
:where(abbr[title]){
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
:where(b, strong){
  font-weight:bolder;
}
:where(code, kbd, samp){
  font-size:1em;
  font-family:monospace, monospace;
}
:where(small){
  font-size:80%;
}
:where(audio, canvas, iframe, img, svg, video){
  vertical-align:middle;
}
:where(iframe){
  border-style:none;
}
:where(svg:not([fill])){
  fill:currentColor;
}
:where(table){
  border-color:inherit;
  border-collapse:collapse;
  text-indent:0;
}
:where(button, input, select){
  margin:0;
}
:where(button, [type=button i], [type=reset i], [type=submit i]){
  -webkit-appearance:button;
}
:where(fieldset){
  border:1px solid #a0a0a0;
}
:where(progress){
  vertical-align:initial;
}
:where(textarea){
  margin:0;
  resize:vertical;
}
:where([type=search i]){
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
  height:auto;
}
::-webkit-input-placeholder{
  opacity:.54;
  color:inherit;
}
::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
:where(dialog){
  position:absolute;
  right:0;
  left:0;
  margin:auto;
  border:solid;
  background-color:#fff;
  padding:1em;
  width:fit-content;
  height:fit-content;
  color:#000;
}

:where(dialog:not([open])){
  display:none;
}
:where(details > summary:first-of-type){
  display:list-item;
}
:where([aria-busy=true i]){
  cursor:progress;
}
:where([aria-controls]){
  cursor:pointer;
}
:where([aria-disabled=true i], [disabled]){
  cursor:not-allowed;
}
:where([aria-hidden=false i][hidden]){
  display:initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)){
  clip:rect(0, 0, 0, 0);
  position:absolute;
}

@keyframes splide-loading{
  0%{
    transform:rotate(0);
  }
  to{
    transform:rotate(1turn);
  }
}
.splide__track--draggable{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}

.splide__track--fade > .splide__list > .splide__slide{
  opacity:0;
  z-index:0;
  margin:0 !important;
}

.splide__track--fade > .splide__list > .splide__slide.is-active{
  opacity:1;
  z-index:1;
}

.splide--rtl{
  direction:rtl;
}

.splide__track--ttb > .splide__list{
  display:block;
}

.splide__container{
  position:relative;
  box-sizing:border-box;
}

.splide__list{
  display:flex;
  backface-visibility:hidden;
  margin:0 !important;
  padding:0 !important;
  height:100%;
}

.splide.is-initialized:not(.is-active) .splide__list{
  display:block;
}

.splide__pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin:0;
  pointer-events:none;
}

.splide__pagination li{
  display:inline-block;
  margin:0;
  pointer-events:auto;
  line-height:1;
  list-style-type:none;
}

.splide:not(.is-overflow) .splide__pagination{
  display:none;
}

.splide__progress__bar{
  width:0;
}

.splide{
  position:relative;
  visibility:hidden;
}

.splide.is-initialized, .splide.is-rendered{
  visibility:visible;
}

.splide__slide{
  position:relative;
  box-sizing:border-box;
  margin:0;
  list-style-type:none !important;
}

.splide__slide img{
  vertical-align:bottom;
}

.splide__spinner{
  display:inline-block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  animation:splide-loading 1s linear infinite;
  contain:strict;
  margin:auto;
  border:2px solid #999;
  border-left-color:#0000;
  border-radius:50%;
  width:20px;
  height:20px;
}

.splide__sr{
  clip:rect(0 0 0 0);
  position:absolute;
  margin:-1px;
  border:0;
  padding:0;
  width:1px;
  height:1px;
  overflow:hidden;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause{
  display:none;
}

.splide__toggle.is-active .splide__toggle__pause{
  display:inline;
}

.splide__track{
  position:relative;
  z-index:0;
  overflow:hidden;
}
html{
  scroll-behavior:smooth;
}
:where(body){
  font-style:normal;
  font-weight:400;
  font-family:GenJyuuGothicP, sans-serif;
}

:where(h1, h2, h3, h4, h5, h6, p, dl, dt, dd){
  margin:0;
  padding:0;
  font-size:1rem;
}

:where(figure){
  margin:0;
  text-align:center;
}

:where(img){
  max-width:100%;
  height:auto;
}

:where(button, a, [role=button], [type=button]){
  touch-action:manipulation;
}


[data-view=">2xl"],
[data-view=">lg"],
[data-view=">md"],
[data-view=">sm"],
[data-view=">xl"],
[data-view="<2xl"],
[data-view="<lg"],
[data-view="<md"],
[data-view="<sm"],
[data-view="&lt;xl"],[data-view="2xl"],[data-view="<2xl"],[data-view="<lg"],[data-view="<md"],[data-view="<sm"],[data-view="<xl"],[data-view=">2xl"],[data-view=">lg"],[data-view=">md"],[data-view=">sm"],[data-view=">xl"],[data-view=lg],[data-view=md],[data-view=sm],[data-view=xl]{
  display:none;
}

.splide__slide{
  flex-shrink:0;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  width:100%;
  min-width:0;
}

.splide__track{
  -webkit-overflow-scrolling:touch;
}

.splide__arrow{
  display:grid;
  position:absolute;
  top:50%;
  place-items:center;
  transform:translateY(-50%);
  appearance:none;
  opacity:.7;
  z-index:1;
  cursor:pointer;
  border:0;
  border-radius:50%;
  background-color:initial;
  padding:0;
}
.splide__arrow svg{
  fill:var(--theme-friends);
  text-align:center;
}
.splide__arrow svg path{
  transform:translateX(2.1333vw);
}
.splide__arrow--prev svg{
  transform:scaleX(-1);
}
.splide__arrow--next{
  right:0;
}
.c-modal,.c-modal[aria-hidden=true]{
  display:none;
}
 .c-modal.is-open,.c-modal[aria-hidden=false]{
  display:block;
}
.c-modal .c-modal__backdrop{
  display:grid;
  position:fixed;
  place-items:center;
  z-index:1040;
  -webkit-backdrop-filter:blur(6px);
          backdrop-filter:blur(6px);
  inset:0;
  background:#000000ab;
}
.c-modal .c-modal__container{
  border-radius:.25rem;
  background-color:#fff;
  padding:0;
  width:100%;
  max-width:90vw;
  max-height:86vh;
  overflow-y:auto;
  touch-action:manipulation;
}
.c-modal .c-modal__container > div:only-child,
.c-modal .c-modal__container > main:only-child{
  padding:4.2667vw;
}
.c-modal .c-modal__close-outside{
  display:grid;
  position:fixed;
  top:.75rem;
  right:.75rem;
  place-items:center;
  appearance:none;
  z-index:1050;
  transition:border-color .32s ease;
  border:.23rem solid #0000;
  border-radius:50%;
  background-color:initial;
  width:3.25rem;
  height:3.25rem;
  content:"✕";
  color:#fff;
  font-size:2.25rem;
  font-family:Arial, Helvetica, sans-serif;
}
.c-modal .c-modal__header{
  padding:4.2667vw 4.2667vw 2.1333vw;
  line-height:1.5;
}
.c-modal .c-modal__footer{
  padding:2.1333vw 4.2667vw 4.2667vw;
}
.c-modal .c-modal__content{
  padding:0;
}

.c-modal-effect[aria-hidden=false] .c-modal__backdrop{
  animation:modal-fade-in .22s cubic-bezier(.34, .07, .095, .995);
}
.c-modal-effect[aria-hidden=false] .c-modal__container{
  animation:modal-slide-in .22s cubic-bezier(.34, .07, .095, .995);
}
.c-modal-effect[aria-hidden=true] .c-modal__backdrop{
  animation:modal-fade-out .34s cubic-bezier(.34, .07, .095, .995);
}
.c-modal-effect[aria-hidden=true] .c-modal__container{
  animation:modal-slide-out .34s cubic-bezier(.34, .07, .095, .995);
}

.c-modal-effect .c-modal-slide .modal__backdrop,.c-modal-effect .c-modal__container{
  will-change:transform;
}

@keyframes modal-fade-in{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
@keyframes modal-slide-in{
  from{
    transform:translateY(10%);
  }
  to{
    transform:translateY(0);
  }
}
@keyframes modal-fade-out{
  from{
    opacity:1;
  }
  to{
    opacity:0;
  }
}
@keyframes modal-slide-out{
  from{
    transform:translateY(0);
  }
  to{
    transform:translateY(7.5%);
  }
}
:root{
  --footer-color:#014380;
  --theme-news:#6daeca;
  --theme-friends:#83bb22;
  --theme-anime:#ef9c00;
  --theme-picturebook:#ac81b5;
  --theme-goods:#d87580;
  --theme-activities:#3fb2af;
  --theme-footer:#014380;
}

:target{
  scroll-margin-top:21.07vw;
}

:where(.theme-news){
  --fg-color:#fff;
  --bg-color:var(--theme-news);
  --accent-color:#df2072;
  --menu-bg:url("../images/common/menu01-bg.svg");
}

:where(.theme-friends){
  --fg-color:#fff;
  --bg-color:var(--theme-friends);
  --accent-color:#ef9c00;
  --menu-bg:url("../images/common/menu02-bg.svg");
}

:where(.theme-anime){
  --fg-color:#fff;
  --bg-color:var(--theme-anime);
  --accent-color:#c4271e;
  --menu-bg:url("../images/common/menu03-bg.svg");
}

:where(.theme-picturebook){
  --fg-color:#fff;
  --bg-color:var(--theme-picturebook);
  --accent-color:#d87580;
  --menu-bg:url("../images/common/menu04-bg.svg");
}

:where(.theme-goods){
  --fg-color:#fff;
  --bg-color:var(--theme-goods);
  --accent-color:#3f9795;
  --menu-bg:url("../images/common/menu05-bg.svg");
}

:where(.theme-activities){
  --fg-color:#fff;
  --bg-color:var(--theme-activities);
  --accent-color:#83bb22;
  --menu-bg:url("../images/common/menu06-bg.svg");
}

:is(.svg-image){
  max-width:100%;
  height:auto;
}

:where(.image-button){
  appearance:none;
  margin:0;
  outline:0;
  border:0;
  background-color:initial;
  padding:0;
}

:where(button[type=button][class]){
  appearance:none;
  cursor:pointer;
  outline:0;
  border:0;
  background-color:initial;
  padding:0;
}

:where(.icon-link){
  transition:opacity .36s ease,filter .36s ease;
}

:is(.font-regular){
  font-weight:400;
}

:is(.font-bold){
  font-weight:700;
}

:is(.font-normal){
  font-style:normal;
}

:is(.font-italic){
  font-style:italic;
}

:is(.text-xs){
  font-size:2.9333vw;
}

:is(.text-sm){
  font-size:3.2vw;
}

:is(.text-md){
  font-size:3.4667vw;
}

:is(.text-lg){
  font-size:3.7333vw;
}

:is(.text-xl){
  font-size:4.2667vw;
}

:is(.text-2xl){
  font-size:4.8vw;
}

:is(.text-3xl){
  font-size:5.3333vw;
}

:is(.text-4xl){
  font-size:6.4vw;
}

:is(.text-center){
  text-align:center;
}

:is(.text-right){
  text-align:right;
}

:is(.text-left){
  text-align:left;
}

:is(.horizontal-list){
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.site-header{
  display:grid;
  position:relative;
  place-items:center;
  z-index:1030;
  height:auto;
  min-height:21.0667vw;
}
.site-header .header-container{
  position:fixed;
  top:0;
  place-items:center;
  z-index:1031;
  background-color:#fff;
  width:100%;
}
.site-header .site-title{
  display:grid;
  place-items:center;
  z-index:2;
  background-color:#fff;
  width:100%;
}
.site-header .site-title .image-link{
  display:block;
  width:100%;
  max-width:58.6667vw;
}
.site-header .site-title .site-logo{
  width:100%;
  max-width:58.6667vw;
}
.site-header .mobile-menu-toggle{
  display:flex;
  position:absolute;
  top:6.9333vw;
  right:3.2vw;
  flex-flow:column nowrap;
  place-items:center;
  gap:2.1333vw;
  appearance:none;
  z-index:1000;
  cursor:pointer;
  border:none;
  background-color:initial;
  width:10.6667vw;
  height:10.6667vw;
}
.site-header .mobile-menu-toggle .hamburger-line{
  display:block;
  transition:all .3s ease;
  border-radius:9999px;
  background-color:#919191;
  width:7.4667vw;
  height:.8vw;
}
.site-header .mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){
  transform:rotate(45deg) translate(2.1333vw, 2.1333vw);
}
.site-header .mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){
  opacity:0;
}
.site-header .mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){
  transform:rotate(-45deg) translate(2.1333vw, -2.1333vw);
}
.site-header .site-nav{
  position:fixed;
}
.site-header .site-nav.is-open{
  transform:translateY(0);
  visibility:visible;
  opacity:1;
}
.site-header .site-nav-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  place-items:center start;
  gap:4.2667vw 0;
  margin:0;
  padding:6.4vw 0;
  list-style:none;
}
.site-header .site-nav-list_item{
  background-color:initial;
  padding:0;
}
.site-header .site-nav_link{
  display:block;
  position:relative;
  padding:0;
  text-decoration:none;
}
.site-header .site-nav_link :is(img){
  position:relative;
}

.site-footer{
  margin:0;
  padding:0;
}
.site-footer .contact{
  background-color:var(--theme-footer);
  padding:12.8vw 4vw 9.8667vw;
  color:#fff;
}
.site-footer .contact .contact-mail{
  display:block;
  transition:filter .36s ease;
  margin-right:auto;
  margin-left:auto;
  border:1.0667vw solid var(--theme-footer);
  border-radius:9999px;
  background-color:#fff;
  padding:1.6vw 8.5333vw;
  width:fit-content;
}
.site-footer .contact .contact-navigation{
  margin-block-start:3rem;
  text-align:center;
}
.site-footer .contact :is(.text-link){
  text-decoration:none;
}
.site-footer .copyright{
  padding:2.1333vw 4vw 6.4vw;
  text-align:center;
}
.site-footer .copyright .text-container{
  color:var(--theme-activities);
  font-weight:700;
}
.site-footer .text-link{
  color:#fff;
  text-decoration:none;
}
.site-footer .banner-link{
  display:grid;
  place-items:center;
  padding:8.5333vw 4vw;
}
.site-footer .banner-link-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  place-items:center;
  gap:3.2vw;
}
.site-footer .banner-link-list .image-link{
  display:block;
  transition:opacity .36s ease;
  border:1px solid #bcbcbc;
}

:is(.hero){
  display:grid;
  place-items:center;
  padding:0 0 10.1333vw;
}

:where(.s-index section[class*=theme-]){
  display:grid;
  place-items:start center;
  background-color:var(--bg-color);
  padding:9.8667vw 4vw;
  color:var(--fg-color);
}

:where(.s-index .section-container){
  width:100%;
}

:is(.s-index .contents-navigation),:is(.section-title){
  display:grid;
  place-items:center;
  padding:4.2667vw 0;
}

:is(.section-container .contents-navigation .button-link){
  display:grid;
  place-items:center;
  border-radius:9999px;
  background-color:var(--accent-color, #919191);
  padding:5.8667vw 3.2vw;
  width:82.6667vw;
  color:var(--fg-color, #343434);
  letter-spacing:.12em;
  text-decoration:none;
}

:is(.s-index .news.theme-news){
  padding-right:0;
  padding-left:0;
}
:is(.s-index .news.theme-news) .section-container{
  max-width:unset;
}
:is(.s-index .news.theme-news) .news-container{
  display:grid;
  place-items:center;
  background-image:linear-gradient(#fff, #fff), url("../images/index/news-list-bg-top_mo.svg"), url("../images/index/news-list-bg-bottom_mo.svg");
  background-position:50%, top, bottom;
  background-size:100% calc(100% - 6.4vw), contain, contain;
  background-repeat:no-repeat, repeat-x, repeat-x;
  padding:6.6667vw;
  width:100%;
}
:is(.s-index .news.theme-news) .news-list{
  margin:0 auto;
  padding:0;
  width:100%;
}
:is(.s-index .news.theme-news) .news-list_item{
  display:grid;
  grid-template-columns:1fr;
  gap:2.1333vw;
  padding:4.2667vw 3.2vw;
  color:#000;
}
:is(.s-index .news.theme-news) .sns-link{
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  gap:3.2vw;
  padding:4.2667vw 0 0;
}
:is(.s-index .news.theme-news) .sns-link > .text-container{
  letter-spacing:.12em;
  text-align:center;
}
:is(.s-index .news.theme-news) .sns-link-list{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  place-items:center;
  gap:3.2vw;
  width:80vw;
}

:is(.s-index .friends.theme-friends) .friends-list{
  display:flex;
  flex-flow:row-reverse nowrap;
  justify-content:center;
  gap:6.9333vw;
  padding:4.2667vw 0;
}

:is(.s-index .anime.theme-anime) .anime-list{
  display:flex;
  flex-flow:row nowrap;
  gap:3.2vw;
  padding:4.2667vw 0;
}

:is(.picturebook-content){
  position:relative;
}
:is(.picturebook-content) .badge{
  position:absolute;
  top:0;
  right:0;
  width:25.6vw;
  height:25.6vw;
}
:is(.picturebook-content) + *{
  margin-block-start:9.8667vw;
}
:is(.picturebook-content) .book-wrapper{
  background-image:url("../images/index/picturebook_wrapper-bg.png");
  background-position:calc(50% - 11.2vw) bottom;
  background-size:auto 51.7333vw;
  background-repeat:no-repeat;
  padding:30.1333vw 0 0;
  max-width:88vw;
}
:is(.picturebook-content) .book-container{
  position:relative;
  margin:0 auto;
  width:100%;
  max-width:88vw;
  overflow:clip;
}
:is(.picturebook-content) .page{
  box-sizing:border-box;
  background:#0000;
  padding:0;
  overflow:clip;
}
:is(.picturebook-content) .page-cover{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#333;
  color:#fff;
  font-weight:bold;
  font-size:24px;
}
:is(.picturebook-content) .stf__parent{
  cursor:grab;
}
:is(.picturebook-content) .stf__parent.grabbing{
  cursor:grabbing;
}

:is(.s-index .goods.theme-goods) .goods-list{
  display:grid;
  grid-template-rows:1fr 1fr 1fr;
  grid-template-columns:1fr 1fr;
  gap:5.6vw;
  padding:4.2667vw 0;
}

:is(.s-index .activities.theme-activities) .activities-list{
  display:grid;
  grid-template-columns:1fr;
  gap:4.2667vw;
  margin-right:auto;
  margin-left:auto;
  padding:4.2667vw 0;
}

:is(.page-intro){
  display:grid;
  place-items:center;
  background-color:var(--bg-color);
  padding:4.2667vw 4vw 6.9333vw;
  color:var(--fg-color);
}
:is(.page-intro) .intro-container{
  display:grid;
  grid-template-columns:1fr;
  gap:6.4vw;
  width:100%;
}
:is(.page-intro) .page-title{
  display:grid;
  place-items:center;
}
:is(.page-intro) .page-description{
  text-align:center;
}

:is(.s-character .characters) .character-list{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  place-items:start center;
  gap:4.8vw;
  margin-right:auto;
  margin-left:auto;
  padding:12.8vw 4vw;
}
:is(.s-character .characters) .character-list_item{
  display:grid;
  position:relative;
  grid-template-rows:auto 1fr;
  align-items:start;
  width:100%;
  height:100%;
}
:is(.s-character .characters) .character-list_item :where(.svg-icon){
  width:max-content;
  height:auto;
}
:is(.s-character .characters) .character-caption{
  padding:1.6vw 0 0;
}
:is(.s-character .characters) .image-button{
  display:grid;
  position:relative;
  justify-content:center;
  align-items:end;
}
:is(.s-character .characters) .image-button.overimage{
  position:relative;
  width:27.4667vw;
  height:27.7333vw;
}
:is(.s-character .characters) .image-button.overimage :is(img){
  position:absolute;
  bottom:0;
}

:is(#friends-modal) .c-modal__container{
  border-radius:3.2vw;
}
:is(#friends-modal) .c-modal__close{
  position:relative;
  appearance:none;
  outline:0;
  border:0;
  background-color:initial;
  color:#676767;
  font-size:8.5333vw;
}
:is(#friends-modal) .c-modal__close::after{
  position:absolute;
  z-index:3;
  cursor:pointer;
  inset:-.75rem -1.25rem;
  background-color:initial;
  content:"";
}
:is(#friends-modal) .c-modal__header{
  display:grid;
  place-items:start end;
}
:is(#friends-modal) .c-modal__footer{
  display:grid;
  place-items:center;
  padding:1.6vw 0 3.2vw;
}
:is(#friends-modal) .friends-slide-content{
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:2.4vw;
  margin-right:auto;
  margin-left:auto;
  width:100%;
}
:is(#friends-modal) .friends-slide-content .figure{
  display:grid;
  place-items:center;
  margin-right:auto;
  margin-left:auto;
  width:100%;
  max-width:50.6667vw;
}
:is(#friends-modal) .friends-slide-content .heading{
  color:#474747;
  font-weight:700;
  font-size:5.6vw;
  text-align:center;
}
:is(#friends-modal) .friends-slide-content .description{
  margin-block-start:1.6vw;
  text-align:center;
}
:is(#friends-modal) .friends-slide-content .description .text-container{
  color:#474747;
  font-weight:700;
  font-size:4.2667vw;
  line-height:1.8;
}

:is(.s-goods .tab-container){
  padding:8.5333vw 4vw;
}
:is(.s-goods .tab-container) .tab-button-list{
  display:grid;
  grid-template-rows:repeat(2, 1fr);
  grid-template-columns:repeat(3, 1fr);
  align-items:stretch;
  gap:6.4vw 2.1333vw;
}
:is(.s-goods .tab-container) .tab-button-list_item{
  position:relative;
}
:is(.s-goods .tab-container) .tab-button-list_item:nth-child(2){
  --bg-color:#158341;
}
:is(.s-goods .tab-container) .tab-button-list_item:nth-child(3){
  --bg-color:#dc147f;
}
:is(.s-goods .tab-container) .tab-button-list_item:nth-child(4){
  --bg-color:#54bcea;
}
:is(.s-goods .tab-container) .tab-button-list_item:nth-child(5){
  --bg-color:#86bc20;
}
:is(.s-goods .tab-container) .tab-button-list_item:nth-child(6){
  --bg-color:#f6c900;
}
:is(.s-goods .tab-container) .tab-button-list_item:nth-child(7){
  --bg-color:#ec9000;
}
:is(.s-goods .tab-container) .tab-button-list_item::before{
  display:block;
  position:absolute;
  top:-3.2vw;
  left:calc(50% - 1.2vw);
  opacity:0;
  transition:opacity .36s ease;
  background-image:url("../images/common/tab-button_active-arrow.svg");
  background-position:bottom;
  background-size:contain;
  background-repeat:no-repeat;
  width:2.4vw;
  height:2.4vw;
  pointer-events:none;
  content:"";
}
:is(.s-goods .tab-container) .tab-button-list_item:has(.active)::before{
  opacity:1;
}
:is(.s-goods .tab-container) .tab-button{
  appearance:none;
  transition:filter .36s ease;
  cursor:pointer;
  border:0;
  border-radius:1.6vw;
  background-color:var(--bg-color, #919191);
  padding:3.2vw 0;
  width:100%;
  height:100%;
  hanging-punctuation:allow-end;
  color:#fff;
  font-weight:700;
  font-size:3.2vw;
  font-kerning:normal;
  font-feature-settings:"palt" 1;
  letter-spacing:-.02em;
  line-break:auto;
}

:is(.s-activities .tab-container){
  padding:8.5333vw 4vw;
}
:is(.s-activities .tab-container) .tab-button-list{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  align-items:stretch;
  gap:6.4vw 2.1333vw;
}
:is(.s-activities .tab-container) .tab-button-list_item{
  --fg-color:#3fb2af;
  --bg-color:#fff;
  position:relative;
  background-color:#fff;
}
:is(.s-activities .tab-container) .tab-button-list_item:has(.active){
  --fg-color:#fff;
  --bg-color:#3fb2af;
}
:is(.s-activities .tab-container) .tab-button{
  appearance:none;
  transition:filter .36s ease;
  cursor:pointer;
  border:.5333vw solid #3fb2af;
  border-radius:1.6vw;
  background-color:var(--bg-color, #919191);
  padding:3.2vw 0;
  width:100%;
  height:100%;
  hanging-punctuation:allow-end;
  color:var(--fg-color, #fff);
  font-weight:700;
  font-size:3.2vw;
  font-kerning:normal;
  font-feature-settings:"palt" 1;
  letter-spacing:-.02em;
  line-break:auto;
}

:is(.s-goods .goods-content, .s-activities .activities-content){
  position:relative;
  padding:0 4vw;
}
:is(.s-goods .goods-content, .s-activities .activities-content) .tab-panel{
  width:100%;
}
:is(.s-goods .goods-content, .s-activities .activities-content) .tab-panel[x-show=true]{
  display:block;
  animation:fade-in .3s ease-in-out;
}
:is(.s-goods .goods-content, .s-activities .activities-content) .tab-title{
  padding:9.8667vw 0;
  font-weight:700;
  font-size:6.4vw;
  line-height:1.1;
}
:is(.s-goods .goods-content, .s-activities .activities-content) .tab-description{
  padding:4.2667vw 0;
  color:#3fb2af;
  font-weight:700;
  font-size:3.7333vw;
  line-height:1.67;
}

:is(.s-goods .goods-list, .s-activities .activities-list){
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8.5333vw 2.1333vw;
}
:is(.s-goods .goods-list, .s-activities .activities-list):is(.activities-list){
  grid-template-columns:repeat(2, 1fr);
  gap:9.8667vw 1.125rem;
}
:is(.s-goods .goods-list, .s-activities .activities-list) .goods-button{
  display:grid;
  place-items:start center;
  width:100%;
}
:is(.s-goods .goods-list, .s-activities .activities-list) .goods-name{
  color:#000;
  font-weight:bold;
}
:is(.s-goods .goods-list, .s-activities .activities-list) .activities-list_item{
  display:flex;
  flex-flow:column nowrap;
  gap:1.8667vw;
}
:is(.s-goods .goods-list, .s-activities .activities-list) .activities-image.cat01{
  border:3px solid #3fb2af;
  border-radius:.75rem;
  overflow:clip;
}
:is(.s-goods .goods-list, .s-activities .activities-list) .button-link{
  transition:filter .36s ease;
  margin-right:auto;
  margin-left:auto;
  border-radius:9999px;
  background-color:#d87580;
  padding:1.0667vw 6.9333vw;
  color:#fff;
  font-weight:700;
  font-size:3.2vw;
  line-height:1.1;
  text-decoration:none;
}

:is(#goods-modal) .c-modal__container{
  border:1.6vw solid var(--bg-color, #919191);
  border-radius:3.2vw;
  padding-bottom:6.4vw;
}
:is(#goods-modal) .c-modal__container.theme-1{
  --bg-color:#158341;
}
:is(#goods-modal) .c-modal__container.theme-2{
  --bg-color:#dc147f;
}
:is(#goods-modal) .c-modal__container.theme-3{
  --bg-color:#54bcea;
}
:is(#goods-modal) .c-modal__container.theme-4{
  --bg-color:#86bc20;
}
:is(#goods-modal) .c-modal__container.theme-5{
  --bg-color:#f6c900;
}
:is(#goods-modal) .c-modal__container.theme-6{
  --bg-color:#ec9000;
}
:is(#goods-modal) .c-modal__close{
  display:block;
  position:sticky;
  top:1.6vw;
  left:1.6vw;
  z-index:1060;
  cursor:pointer;
  border-radius:50%;
  background-color:var(--bg-color, #919191);
  width:4.8vw;
  height:4.8vw;
  overflow:visible;
  font-size:8.5333vw;
}
:is(#goods-modal) .c-modal__close::after{
  position:absolute;
  z-index:3;
  cursor:pointer;
  inset:-.75rem;
  background-color:initial;
  content:"";
}
:is(#goods-modal) .c-modal__close :is(svg){
  position:absolute;
  top:0;
  left:0;
  width:4.8vw;
  height:4.8vw;
  fill:#fff;
}
:is(#goods-modal) .c-modal__header{
  display:grid;
  position:relative;
  place-items:center;
  padding:0;
}
:is(#goods-modal) .c-modal__header .goods-name{
  font-size:4.2667vw;
}
:is(#goods-modal) .modal-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:5.6vw;
}
:is(#goods-modal) .modal-grid .figure{
  display:grid;
  place-items:center;
}
:is(#goods-modal) .modal-grid .description > .text-container{
  font-weight:700;
  font-size:3.4667vw;
}
:is(#goods-modal) .modal-grid :is(.contact_heading, .detail-link_heading){
  margin-right:auto;
  margin-left:auto;
  border-radius:9999px;
  background-color:#48b5ba;
  width:100%;
  max-width:44vw;
  color:#fff;
  font-weight:700;
  font-size:3.7333vw;
  text-align:center;
}
:is(#goods-modal) .modal-grid :is(.contact-link, .detail-link){
  margin-block-start:.8vw;
  text-align:center;
}
:is(#goods-modal) .modal-grid :is(.contact-link, .detail-link) :is(.text-link, .tel-link){
  color:#474747;
  font-weight:700;
  font-size:3.2vw;
  text-decoration:none;
  word-break:break-word;
  overflow-wrap:break-word;
}

@keyframes fade-in{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}

@media (min-width:40em){
  [data-view=sm]{
    display:revert;
  }}

@media not all and (min-width:40em){
  
  [data-view="&gt;sm"],
  [data-view="&lt;sm"],[data-view="<sm"],[data-view=">sm"]{
    display:revert;
  }}

@media (min-width:48em){
  [data-view=md]{
    display:revert;
  }
  .splide__arrow,.splide__arrow svg{
    width:2.3125rem;
    height:4rem;
  }
  .splide__arrow svg path{
    transform:translateX(.5rem);
  }
  .c-modal .c-modal__container > div:only-child,
  .c-modal .c-modal__container > main:only-child{
    padding:2rem;
  }
  .c-modal .c-modal__header{
    padding:2rem 2rem 1rem;
  }
  .c-modal .c-modal__footer{
    padding:1rem 2rem 2rem;
  }
  .c-modal .c-modal__content{
    padding:1rem 2rem;
  }
  :target{
    scroll-margin-top:8.25rem;
  }
  :is(.text-xs){
    font-size:12px;
  }
  :is(.text-sm){
    font-size:14px;
  }
  :is(.text-md){
    font-size:16px;
  }
  :is(.text-lg){
    font-size:18px;
  }
  :is(.text-xl){
    font-size:20px;
  }
  :is(.text-2xl){
    font-size:24px;
  }
  :is(.text-3xl){
    font-size:28px;
  }
  :is(.text-4xl){
    font-size:36px;
  }
  :is(.text-5xl){
    font-size:48px;
  }
  .site-header{
    min-height:8.25rem;
  }
  .site-header .header-container{
    display:grid;
    grid-template-columns:26.25rem 1fr;
    place-items:center;
    border-image-source:linear-gradient(0deg, #fff, #fff);
    border-image-slice:fill 0;
    border-image-outset:0 100vw;
    max-width:70.375rem;
    min-height:8.25rem;
  }
  .site-header .site-title .image-link,.site-header .site-title .site-logo{
    width:100%;
    max-width:26.25rem;
    height:auto;
    max-height:5.875rem;
  }
  .site-header .mobile-menu-toggle{
    display:none;
    pointer-events:none;
  }
  .site-header .site-nav{
    position:static;
    justify-self:end;
    transform:none;
  }
  .site-header .site-nav-list{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    place-items:end stretch;
    gap:1.6875rem;
    padding:0;
  }
  .site-header .site-nav_link{
    display:grid;
    place-items:end center;
    background-image:var(--menu-bg);
    background-position:bottom;
    background-size:100% auto;
    background-repeat:no-repeat;
    width:100%;
    max-width:5.25rem;
    height:6.875rem;
  }
  .site-header .site-nav_link :is(img){
    transition:transform .36s ease;
  }
  .site-footer .contact{
    padding:4.625rem 2rem 4rem;
  }
  .site-footer .contact .contact-mail{
    border-width:.375rem;
    padding:.5rem 3rem;
  }
  .site-footer .copyright{
    padding:1rem 2rem 2rem;
  }
  .site-footer .banner-link{
    padding:2.375rem 2rem;
  }
  .site-footer .banner-link-list{
    grid-template-columns:repeat(5, 1fr);
    gap:.875rem;
    max-width:70.375rem;
  }
  :is(.hero){
    padding:1.6875rem 2rem 6rem;
  }
  :is(.hero) > .section-container{
    max-width:70.375rem;
  }
  :where(.s-index section[class*=theme-]){
    padding:2rem 2.3125rem;
  }
  :where(.s-index .section-container){
    max-width:70.375rem;
  }
  :is(.section-title){
    padding:2rem 0;
  }
  :is(.s-index .contents-navigation){
    padding:1.6875rem 0 2rem;
  }
  :is(.section-container .contents-navigation .button-link){
    padding:.5rem 2rem;
    width:100%;
    max-width:37.5rem;
  }
  :is(.s-index .news.theme-news) .section-container > *:not(.news-container){
    margin-right:auto;
    margin-left:auto;
    max-width:70.375rem;
  }
  :is(.s-index .news.theme-news) .news-container{
    background-image:linear-gradient(#fff, #fff), url("../images/index/news-list-bg-top.svg"), url("../images/index/news-list-bg-bottom.svg");
    background-size:100% calc(100% - 1.25rem), auto 1.25rem, auto 1.25rem;
    padding:4rem 2rem;
  }
  :is(.s-index .news.theme-news) .news-list{
    max-width:62.5rem;
  }
  :is(.s-index .news.theme-news) .news-list_item{
    grid-template-columns:auto 1fr;
    gap:1.34em;
    padding:.5rem 0;
  }
  :is(.s-index .news.theme-news) .sns-link{
    grid-template-columns:1fr 1fr;
    gap:3rem;
    margin-right:auto;
    margin-left:auto;
    padding:3rem 0 1.6875rem;
    max-width:60rem;
  }
  :is(.s-index .news.theme-news) .sns-link > .text-container{
    justify-self:end;
    text-align:right;
  }
  :is(.s-index .news.theme-news) .sns-link-list{
    grid-template-columns:repeat(4, 5.125rem);
    justify-self:start;
    gap:2.625rem;
    width:unset;
  }
  :is(.s-index .friends.theme-friends) .friends-list{
    gap:3.25rem;
    max-width:60rem;
  }
  :is(.s-index .anime.theme-anime) .anime-list,:is(.s-index .friends.theme-friends) .friends-list{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    margin-right:auto;
    margin-left:auto;
    padding:1.6875rem 0;
  }
  :is(.s-index .anime.theme-anime) .anime-list{
    gap:1.125rem;
  }
  :is(.picturebook-content) .badge{
    position:absolute;
    top:-4rem;
    right:2rem;
    width:12rem;
    height:pxu2(rem, 192);
  }
  :is(.picturebook-content) + *{
    margin-block-start:2.25rem;
  }
  :is(.picturebook-content) .book-wrapper{
    background-position:calc(50% - 5.25rem) bottom;
    background-size:auto;
    padding:8.375rem 0 0;
  }
  :is(.picturebook-content) .book-container{
    width:21.6875rem;
    height:23rem;
  }
  :is(.s-index .goods.theme-goods) .goods-list{
    grid-template-rows:1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
    gap:1.5rem;
    margin-right:auto;
    margin-left:auto;
    padding:1.6875rem 0;
    max-width:52.5rem;
  }
  :is(.s-index .activities.theme-activities) .activities-list{
    grid-template-columns:1fr 1fr 1fr;
    gap:4rem;
    padding:1.6875rem 0;
  }
  :is(.page-intro){
    padding:1rem 2rem;
  }
  :is(.page-intro) .intro-container{
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:3rem;
    max-width:70.375rem;
    min-height:6.125rem;
  }
  :is(.page-intro) .page-description{
    text-align:left;
  }
  :is(.s-character .characters) .character-list{
    grid-template-columns:repeat(6, 1fr);
    gap:3rem 1.625rem;
    padding:4rem 0;
    max-width:70.375rem;
  }
  :is(.s-character .characters) .character-caption{
    padding:1rem 0;
  }
  :is(.s-character .characters) .image-button.overimage{
    width:10.375rem;
    height:10.875rem;
  }
  :is(#friends-modal) .c-modal__container{
    border-radius:1.5rem;
    padding:0;
    max-width:61.75rem;
  }
  :is(#friends-modal) .c-modal__close{
    font-size:1.5rem;
  }
  :is(#friends-modal) .c-modal__header{
    padding:pxu2(rem, 8) .5rem 0 0;
  }
  :is(#friends-modal) .c-modal__footer{
    padding:.75rem 0 2rem;
  }
  :is(#friends-modal) .friends-slide-content{
    grid-template-columns:52% 48%;
    gap:3rem;
    max-width:50rem;
  }
  :is(#friends-modal) .friends-slide-content .figure{
    width:100%;
  }
  :is(#friends-modal) .friends-slide-content .heading{
    font-weight:700;
    font-size:2.25rem;
    text-align:left;
  }
  :is(#friends-modal) .friends-slide-content .description{
    margin-block-start:.75em;
    text-align:left;
  }
  :is(#friends-modal) .friends-slide-content .description .text-container{
    font-size:1.25rem;
  }
  :is(#friends-modal) .friends-slide-content :is(img){
    width:100%;
    height:auto;
  }
  :is(.s-goods .tab-container){
    padding:3.25rem 0 7.5rem;
  }
  :is(.s-goods .tab-container) .tab-buttons{
    margin-right:auto;
    margin-left:auto;
    max-width:70.375rem;
  }
  :is(.s-goods .tab-container) .tab-button-list{
    grid-template-rows:1fr;
    grid-template-columns:repeat(6, 1fr);
    gap:.625rem;
  }
  :is(.s-goods .tab-container) .tab-button-list_item::before{
    top:-1.5em;
    left:calc(50% - .625em);
    width:1.25em;
    height:1.25em;
  }
  :is(.s-goods .tab-container) .tab-button{
    border-radius:.625rem;
    padding:.8125rem 0;
    width:100%;
    height:100%;
    font-size:1rem;
  }
  :is(.s-activities .tab-container){
    padding:3.25rem 0 7.5rem;
  }
  :is(.s-activities .tab-container) .tab-buttons{
    margin-right:auto;
    margin-left:auto;
    max-width:70.375rem;
  }
  :is(.s-activities .tab-container) .tab-button-list{
    grid-template-rows:1fr;
    grid-template-columns:repeat(3, 1fr);
    gap:2rem;
  }
  :is(.s-activities .tab-container) .tab-button{
    border-width:.1875rem;
    border-radius:.625rem;
    padding:1rem 0;
    width:100%;
    height:100%;
    font-size:1.25rem;
  }
  :is(.s-goods .goods-content, .s-activities .activities-content){
    margin-right:auto;
    margin-left:auto;
    padding:0;
    max-width:70.375rem;
    min-height:52.5rem;
  }
  :is(.s-goods .goods-content, .s-activities .activities-content) .tab-title{
    padding:4.625rem 0;
    font-size:2rem;
  }
  :is(.s-goods .goods-content, .s-activities .activities-content) .tab-description{
    padding:2rem 0;
    font-size:1.25rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list){
    grid-template-columns:repeat(4, 1fr);
    gap:4.625rem 1rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list):is(.activities-list){
    grid-template-columns:repeat(3, 1fr);
    gap:4rem 3rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list):is(.activities-list)[data-col=dt-col-4]{
    grid-template-columns:repeat(4, 1fr);
    gap:4rem 2rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list) .goods-button{
    gap:.75rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list) .goods-image{
    background-color:#fafafa;
    width:100%;
    min-height:14.375rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list) .goods-name{
    font-size:1.125rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list) .activities-list_item{
    gap:.75rem;
  }
  :is(.s-goods .goods-list, .s-activities .activities-list) .button-link{
    padding:.25rem 4rem;
    width:fit-content;
    font-size:1.25rem;
  }
  :is(#goods-modal) .c-modal__container{
    border-width:.625rem;
    border-radius:1.5rem;
    padding:0;
    max-width:50rem;
  }
  :is(#goods-modal) .c-modal__close{
    top:.5rem;
    left:.5rem;
  }
  :is(#goods-modal) .c-modal__close,:is(#goods-modal) .c-modal__close :is(svg){
    width:1.75rem;
    height:1.75rem;
  }
  :is(#goods-modal) .c-modal__header{
    padding:0 2rem;
  }
  :is(#goods-modal) .c-modal__header .goods-name{
    font-size:1.75rem;
  }
  :is(#goods-modal) .modal-grid{
    place-items:start center;
    gap:2rem;
    padding-bottom:2rem;
  }
  :is(#goods-modal) .modal-grid .figure :is(img){
    width:22.5rem;
    height:auto;
    min-height:18.75rem;
  }
  :is(#goods-modal) .modal-grid .description{
    max-width:32.5rem;
  }
  :is(#goods-modal) .modal-grid .description > .text-container{
    font-size:1.375rem;
  }
  :is(#goods-modal) .modal-grid :is(.contact_heading, .detail-link_heading){
    padding:.5rem 3rem;
    max-width:17.5rem;
    font-size:1.5rem;
    line-height:1.1;
  }
  :is(#goods-modal) .modal-grid :is(.contact-link, .detail-link){
    margin-block-start:.75em;
  }
  :is(#goods-modal) .modal-grid :is(.contact-link, .detail-link) :is(.text-link, .tel-link){
    font-size:1.25rem;
  }
  :is(#goods-modal) .modal-grid :is(.contact-link, .detail-link) :is(.text-link, .tel-link):is([href^="tel:"]){
    cursor:auto;
    pointer-events:none;
  }}

@media not all and (min-width:48em){
  
  [data-view="&gt;md"],
  [data-view="&lt;md"],[data-view="<md"],[data-view=">md"]{
    display:revert;
  }
  .site-header .site-title{
    padding:4.2667vw 0;
  }
  .site-header .site-nav{
    transform:translateY(-100%);
    visibility:hidden;
    opacity:0;
    z-index:-1;
    transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;
    background-color:#fff;
    overflow-y:auto;
  }
  .site-footer .contact .contact-mail :is(img){
    width:33.6vw;
    height:4.9333vw;
  }
  .site-footer .contact .contact-navigation{
    margin-block-start:6.4vw;
    padding-bottom:4.2667vw;
  }
  .site-footer .contact .contact-navigation :is(.text-xl){
    font-size:3.7333vw;
  }
  :is(.section-title) :where(.svg-image){
    width:auto;
    height:17.3333vw;
  }
  :is(.section-container .contents-navigation .button-link):is(.text-3xl){
    font-size:4.8vw;
  }
  :is(.s-index .news.theme-news) .sns-link-list .sns-link-list_item{
    width:13.0667vw;
  }
  :is(.s-index .friends.theme-friends) .friends-list > .friends-list_item{
    width:37.8667vw;
  }
  :is(.s-index .anime.theme-anime) .anime-list .anime-list_item:nth-child(2),:is(.s-index .friends.theme-friends) .friends-list > .friends-list_item:last-child{
    display:none;
  }
  :is(.picturebook-content){
    margin-block-start:2.1333vw;
  }
  :is(.s-index .activities.theme-activities) .activities-list{
    max-width:56vw;
  }
  :is(.s-character .characters) .character-caption{
    font-size:3.2vw;
  }
  :is(.s-goods .page-intro, .s-activities .page-intro){
    padding:3.7333vw 4vw;
  }
  :is(.s-goods .page-intro, .s-activities .page-intro) .page-title :is(img){
    width:17.375rem;
    height:17.3333vw;
  }
  :is(.s-goods .page-intro, .s-activities .page-intro) .page-description{
    display:none;
  }
  :is(#goods-modal) .modal-grid .description{
    text-align:center;
  }}

@media (min-width:64em){
  [data-view=lg]{
    display:revert;
  }}

@media not all and (min-width:64em){
  
  [data-view="&gt;lg"],
  [data-view="&lt;lg"],[data-view="<lg"],[data-view=">lg"]{
    display:revert;
  }}

@media (min-width:80em){
  [data-view=xl]{
    display:revert;
  }}

@media not all and (min-width:80em){
  
  [data-view="&gt;xl"],
  [data-view="&lt;xl"],[data-view="<xl"],[data-view=">xl"]{
    display:revert;
  }}

@media (min-width:96em){
  [data-view="2xl"]{
    display:revert;
  }}

@media not all and (min-width:96em){
  
  [data-view="&gt;2xl"],
  [data-view="&lt;2xl"],[data-view="<2xl"],[data-view=">2xl"]{
    display:revert;
  }}

@media (hover:hover) and (pointer:fine){
  .c-modal .c-modal__close-outside:hover{
    border-color:#fff;
  }
  :where(.icon-link):hover{
    opacity:.88;
    filter:drop-shadow(0 0 3px rgba(255, 255, 255, .34));
  }
  .site-header .site-nav_link:hover :is(img){
    transform:translateY(-8%);
  }
  .site-footer .contact .contact-mail:hover{
    filter:brightness(1.8);
  }
  .site-footer .contact :is(.text-link):hover,.site-footer .text-link:hover{
    text-decoration:underline;
  }
  .site-footer .banner-link-list .image-link:hover{
    opacity:.67;
  }
  :is(.s-activities .tab-container) .tab-button:hover,:is(.s-goods .tab-container) .tab-button:hover{
    filter:brightness(1.2);
  }
  :is(.s-goods .goods-list, .s-activities .activities-list) .button-link:hover{
    filter:brightness(1.4);
  }
  :is(#goods-modal) .modal-grid :is(.contact-link, .detail-link):hover{
    color:#00e;
    text-decoration:underline;
  }}

@media screen and (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }}