@charset "UTF-8";
/*!
 * Theme Name: 		hinabot 2.0 Marakas
 * Theme URI: 		https://
 * Author: 			BCHD
 * Author URI: 		https://
 * Description: 	すごいパワフル。そして強靭。
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

html, body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.85em;
  scroll-behavior: smooth; }

p {
  margin-bottom: 1.5em; }

img {
  max-width: 100%; }

hr {
  border: none;
  border-bottom: 3px solid #000;
  opacity: .15;
  margin: 1.5rem 0 1.4rem; }

.global_width {
  margin: 0 auto;
  width: calc( 100% - 2rem );
  max-width: 760px; }

@media screen and (min-width: 769px) {
  .wrapper {
    padding: 0 2rem; } }
@media screen and (max-width: 768px) {
  .wrapper {
    padding: 0 1rem; } }

.hidden {
  overflow: hidden; }

.bt {
  border-radius: 5px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  transition: .15s ease;
  position: relative;
  top: 0px;
  opacity: 1; }
  .bt:hover {
    opacity: .8;
    top: -4px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2); }

a.bt {
  display: block;
  margin: 0 auto;
  max-width: 14em;
  padding: 1rem; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.justify {
  text-align: justify; }

.thin {
  margin: .5rem; }

.nolist {
  padding: 0; }
  .nolist li {
    list-style: none; }

.list_link {
  display: block;
  padding: 1rem;
  overflow: hidden; }

.noline {
  text-decoration: none; }

.bolder {
  font-weight: 700;
  font-size: 1.2em; }

#main {
  padding: 2rem 0 2rem;
  background-color: rgba(255, 255, 255, 0.85); }

#hidden_wrapper {
  transition: .3s ease;
  min-height: 86vh; }

#log_list div {
  transition: .3s ease;
  position: relative; }
#log_list dl {
  display: inline-block;
  vertical-align: top;
  width: calc( 100% - 6rem ); }
#log_list dt {
  font-size: .8rem;
  opacity: .6; }
#log_list dd {
  margin: 0; }
#log_list p {
  max-width: 90%;
  margin: 0;
  display: inline-block;
  padding: .4em .7em;
  border-radius: .5em;
  width: fit-content;
  word-wrap: break-word;
  transition: .3s ease; }
#log_list img.icon {
  display: inline-block;
  width: 5rem;
  border-radius: 50%; }

.me dl {
  margin-right: 1rem; }
.me dt {
  text-align: right; }
.me dd {
  text-align: right;
  position: relative; }
  .me dd::before {
    position: absolute;
    content: url("./assets/popup_2.svg");
    top: 0;
    right: -14px;
    width: 17px; }
.me p {
  background-color: #DDD; }

.com dl {
  margin-left: 1rem; }
.com dd {
  position: relative; }
  .com dd::before {
    position: absolute;
    content: url("./assets/popup_1.svg");
    top: 0;
    left: -14px;
    width: 17px; }
.com p {
  background-color: #C8161D;
  color: #fff; }

#message {
  background-color: #eee;
  width: calc(100% - 6rem);
  vertical-align: middle;
  border: none;
  border-radius: 1.2rem;
  padding: .6rem 1rem;
  font-size: 1.2rem;
  outline: none; }

#message_bt {
  background-color: inherit;
  padding: 0;
  vertical-align: middle;
  border: none;
  margin-left: 1rem;
  width: 2rem;
  height: 2rem;
  outline: none;
  cursor: pointer; }
  #message_bt img {
    width: 100%;
    height: 100%; }

/*# sourceMappingURL=style.css.map */