@charset "UTF-8";
/*
 * TUTURIGACHI 2011 / nogisu design / do not edit without permission
 * Copyright (C) 2011 Tuturigachi Language Solutions Corp. All Rights Reserved.
 */
.tuturigachi .t-bnr {
  position: relative; display: block; box-sizing: border-box; max-width: 100%; overflow: hidden;
  background: var(--shironezumi-50);
}
.tuturigachi .t-bnr--234x60  { width: 234px; aspect-ratio: 234 / 60; }
.tuturigachi .t-bnr--468x60  { width: 468px; aspect-ratio: 468 / 60; }
.tuturigachi .t-bnr--200x200 { width: 200px; aspect-ratio: 1; }
.tuturigachi .t-bnr--728x90  { width: 728px; aspect-ratio: 728 / 90; }

.tuturigachi .t-bnr__a { display: block; width: 100%; height: 100%; text-decoration: none; }
.tuturigachi .t-bnr__a:focus-visible { outline: 2px solid var(--fukagawa-teal-700); outline-offset: -2px; }
.tuturigachi .t-bnr__a:focus-visible .t-bnr__movie { opacity: 0.92; }
.tuturigachi .t-bnr__movie { display: block; width: 100%; height: 100%; }
.tuturigachi .t-bnr__a:hover .t-bnr__movie { filter: brightness(1.06); }

.tuturigachi .t-bnr__alt, .tuturigachi .t-bnr__alt:visited {
  display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%;
  padding: 4px 8px; font-size: 11px; line-height: 1.4; text-align: center; color: var(--fukagawa-teal-800);
  border: 1px solid var(--jimu-gray-300); background: linear-gradient(#fff, var(--shironezumi-50));
}

.tuturigachi .t-bnr.is-broken { background: none; }
.tuturigachi .t-bnr.is-broken img { display: block; width: 100%; height: 100%; font-size: 11px; color: var(--sumi-sub); }

.tuturigachi .t-bnr__plugin {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
  padding: 0 8px; cursor: pointer; font: 10px/1.35 var(--font-agency-ja); color: oklch(0.45 0.005 210);
  background: oklch(0.955 0.002 210); border: 1px solid var(--jimu-gray-300);
}
.tuturigachi .t-bnr__plugin svg { flex: none; width: 20px; height: 20px; }
.tuturigachi .t-bnr--200x200 .t-bnr__plugin { flex-direction: column; gap: 8px; font-size: 11px; }
.tuturigachi .t-bnr--200x200 .t-bnr__plugin svg { width: 36px; height: 36px; }
.tuturigachi .t-bnr__plugin:hover { background: oklch(0.94 0.003 210); }
.tuturigachi .t-bnr__plugin:focus-visible { outline: 2px solid var(--fukagawa-teal-700); outline-offset: -2px; }

.tuturigachi #side .t-bnrs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 8px; }
.tuturigachi #side .t-bnr--200x200 { margin: 16px auto 0; }
.tuturigachi .t-bnr-past { margin: 6px 0 0; font-size: 11px; text-align: right; }
.tuturigachi .t-bnr-past a { position: relative; padding-left: 10px; }
.tuturigachi .t-bnr-past a::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; border: 3px solid transparent; border-left: 4px solid var(--kusumi-gold-600); border-right: 0; }

.tuturigachi .t-bnr-news { margin: 18px 0 6px; }
.tuturigachi .t-bnr-news .t-bnr { margin: 0 auto; }

.tuturigachi .t-bnr--728x90 { margin: 0 auto 26px; }
@media (max-width: 760px) {
  .tuturigachi.t-fluid .t-bnr--728x90 { width: auto; margin: 0 16px 22px; }
}

.tuturigachi .t-camp { margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px dotted var(--jimu-gray-300); }
.tuturigachi .t-camp__item { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 6px 22px; align-items: center; padding: 16px 4px; border-bottom: 1px dotted var(--jimu-gray-300); }
.tuturigachi .t-camp__item .t-bnr { justify-self: start; }
.tuturigachi .t-camp__name { margin: 0; font-size: 13px; font-weight: bold; color: var(--fukagawa-teal-800); }
.tuturigachi .t-camp__period { margin: 4px 0 0; font: 11px var(--font-dates); color: var(--sumi-sub); }
.tuturigachi .t-camp__note { margin: 4px 0 0; font-size: 12px; color: var(--sumi); }
.tuturigachi .t-camp__item--pasted {
  margin: 8px 0 0; padding: 12px 10px; border: 1px dashed oklch(0.7 0 0); background: oklch(0.99 0.02 100);
  font-family: var(--font-ikeda);
}
.tuturigachi .t-camp__item--pasted .t-camp__name { color: var(--sumi); }
.tuturigachi .t-camp-paste { margin: 16px 0 0; }
.tuturigachi .t-camp__foot { margin: 14px 0 0; font-size: 11px; color: var(--sumi-sub); }
@media (max-width: 760px) {
  .tuturigachi .t-camp__item { grid-template-columns: minmax(0, 1fr); }
}