@charset "UTF-8";

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1.4;
  background: #e3e8ec;
  overflow-x: hidden;
}

h1{
    margin: 0;
    max-height: 200px;
}

/* トークデッキルーレット */
.talk-roulette{max-width:700px;margin:1rem auto;padding:1rem;border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.tr-screen{font-size:2rem;min-height:3.2em;display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem;border-radius:12px;background:#f9fafb}
.tr-controls{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}
.tr-controls button{padding:.6rem 1rem;border-radius:50px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;}
.tr-rolling{animation: blurspin .6s ease-in-out}

.roulette_buttons{padding:.6rem 1.2rem;
  border:none;
  border-radius:50px;
  background:#888;
  color:#fff;
  font-size:1rem;
  cursor:pointer;
margin:5px;}

/** mainvisual **/
.mainvisual {
  width: 900px;
  text-align: center;
  background: linear-gradient(to top, rgba(255, 167, 229, 0.8) 0%, rgba(151, 227, 255, 0.8) 100%);
  margin: 0 auto;
}
.mainvisual img {
  width: 900px;
}
.mainvisual_inner {
  width: 900px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mainvisual {
    width: 100%;
    text-align: center;
  }
  .mainvisual img {
    width: 100%;
  }
  #glt-translate-trigger {
    right: 80px;
  }
  .mainvisual_inner {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
}