@charset "UTF-8"

.header {
      color: #ced1b3;
}
.backtomenu {
     margin-left: 300px;
     text-align: center;
     font-size: 10px;
     color: white;
     background: black;
     border-radius: 5px;
     padding: 6px 10px;
     text-decoration: none;
}
.thema1 {
      width: 380px;
      height: 60px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      color: black;
      font-size: 40px;
}
.thema2 {
      width: 380px;
      height: 40px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      color: black;
      font-size: 25px;
}
.page1 {
      width: 380px;
      height: 900px;
      padding-top: 50px;
      margin-left: auto;
      margin-right: auto;
}
.hiduke01 {
      margin-top: 350px;
      width: 300px;
      height: 130px;
      background-color: brown;
      color: #fdbf64;
      font-size: 20px;
      padding-top: 5px;
      padding-left: 5px;
      margin-left: auto;
      margin-right: auto;
}
.kuronekogazou1 {
      width: 300px;
      margin-left: auto;
      margin-right: auto;;
}
.jewel1 {
      text-align: center;
      color: black;
      font-size: 25px;
}
.thema3 {
      color: black;
      font-size: 20px;
}
.page2 {
      width: 380px;
      height: 1250px;
      padding-top: 50px;
      padding-left: 30px;
      padding-right: 30px;
      margin-left: auto;
      margin-right: auto;
      color: black;
      font-size: 20px;
      line-height: 2;
}
.kuronekogazou2 {
      width: 300px;
      margin-left: auto;
      margin-right: auto;;
}
.jewel2 {
      text-align: center;
      color: black;
      font-size: 20px;
}
p.page2 {
      color: black;
      font-size: 15px;
}


.page3 {
      width: 380px;
      height: 1250px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 50px;
      margin-left: auto;
      margin-right: auto;
      color: black;
      font-size: 20px;
      line-height: 2;
}
.yjmuseum1 {
      width: 300px;
      margin-left: auto;
      margin-right: auto;;
}


@media screen and (min-width: 768px) {
  .backtomenu {
       margin-left: 80vw;
       text-align: center;
       font-size: 15px;
       color: white;
       background: black;
       border-radius: 5px;
       padding: 6px 10px;
       text-decoration: none;
  }
.container1 {
              width: 1280;
              margin-left: auto;
              margin-right: auto;
}
.container2 {
              width: 1280;
              margin-left: auto;
              margin-right: auto;
              display: grid;
}
.page2 {
      width: 380px;
      height: 1250px;
      padding-top: 50px;
      padding-left: 30px;
      padding-right: 30px;
      margin-left: auto;
      margin-right: auto;
      color: black;
      font-size: 20px;
      line-height: 2;
      grid-row: 2/3;
      grid-column: 1/2;
}
.kuronekogazou2 {
      width: 300px;
      margin-left: auto;
      margin-right: auto;;
}
.page1 {
      width: 380px;
      height: 1250px;
      padding-top: 50px;
      margin-left: auto;
      margin-right: auto;
      grid-row: 2/3;
      grid-column: 2/3;
}
.page3 {
      width: 380px;
      height: 1250px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 50px;
      margin-left: auto;
      margin-right: auto;
      color: black;
      font-size: 20px;
      line-height: 2;
      grid-row: 2/3;
      grid-column: 3/4;
}
.yjmuseum1 {
      width: 300px;
      margin-left: auto;
      margin-right: auto;;
}
}
address {
      text-align: right;
}