@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap');

body {
font-family: "Oswald", "Noto Sans JP", sans-serif;
}

#title h1 {
    background: url(/materials/176492240668301.png) center no-repeat;
    background-size: contain;
    height: 384128px;
    width: 384px;
}

#title h1 a {
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    height: inherit;
}

#title #title_outer {
    height: 408px;
justify-content: center;
}

#mainArticles h2, #listTopics h2 {
font-size: 4em;
background: #222;
}

#wrap_body #title {
background: #1b1b1b;
}

div#mainContents {
background: linear-gradient(45deg, rgba(24, 24, 24, 1) 13%, rgba(72, 72, 72, 1) 100%, rgba(32, 32, 32, 1) 100%);
}

.article_body {
display: flex;
flex-direction: row;
align-items: center;
}

.article .article_left .image, .article .article_right .image {
max-width: 50%;
}

ul.status {
width: 48%;
color: #fff;
 li.names {
  font-size: 3em;
  line-height: 1.25;
 }
 li.price {
  font-size: 2em;
   .tax {
    font-size: .65em;
   }
 }
 li.add {
  margin: 5em 0 0;
   a.btn {
    width: fit-content;
   }
 }
}

a.btn {
border-radius: 0;
background: #f06;
}
a.btn:hover {
background: #ab466e;
}

#footer_body .copyright {
background: #222;
}

#footer_body .topMenu, #footer_body .services {
display: none;
}

#footer_body {
padding: 0;
}

@media only screen and (max-width: 600px) {
#toggle {
display:none;
}
#title #title_outer {
    height: 208px;
}
#title h1 {
    height: 192px;
    width: 192px;
}
#mainArticles h2, #listTopics h2 {
 font-size: 3em;
}
.article_body {
flex-direction: column;
}
.article .article_left .image, .article .article_right .image {
max-width: 100%;
}
ul.status {
width: 100%;
 li.add {
  margin: 1em 0;
  a.btn {
   margin: auto;
  }
 }
}
.sideContents {
padding: 0;
}
}