* {
  margin: 0;
  padding: 0;
}
html {
  font-size: min(4vw, 32px);
  font-family: sans-serif;
  width: 100%;
  max-width: 1024px;
}
#header > img {
  display: block;
  width: 100%;
}
#header > h1 {
  margin: 0;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
#translation {
  padding-left: 1rem;
  display: none;
}
#contents {
  padding: 1rem;
  min-height: calc(100vh - 100vw);
}
.jp_mes, .en_mes {
  margin: 1em 0;
}
#contents p {
  padding: 0.25em 0.5em;
  font-size: 1rem;
}
.method_pic {
  margin: 1em;
  text-align: center;
}
.method_pic img {
  width: 90%;
  height: auto;
}
.yosegaki_pic {
  text-align: center;
}
.yosegaki_pic img {
  object-fit: contain;
  width: 45%;
  min-width: 270px;
  height: auto;
  max-height: 270px;
}
#contents > .card_type {
  margin-top: 2em;
}
#contents > .card_wrapper {
  margin: 1rem auto 1.5rem auto;
  background-size: contain;
}
#contents > .card_wrapper > .card_creator_list {
  list-style: none;
}
#contents > .card_wrapper > .right {
  text-align: right;
  padding-right: min(4.5rem, 200px);
}
#contents > .card_wrapper > .card_creator_list > li {
  display: block;
  margin: 0 0 0.5em 0;
}
#contents .card_edit {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
}

footer {
  padding: 1rem;
  text-align: center;
}
footer p {
  padding: 0.5rem 0;
}
.split_postscript {
  margin: 1em;
}
.past_event {
  padding-top: 1em;
}
.past_event > ul {
  padding-left: 1em;
}
.back_to_home {
	margin: 40px auto;
	text-align: center;
}


/**** ページごとの設定 *****/

html {
  color: #893D48;
}
#header > h1 {
  color: white;
  background-color: #df3d52;
}
#contents {
  background-color: #FFFFFF;
}
.en_mes {
  color: #00FF73;
}
#contents > .card_type {
  /* font-weight: bold; */
  color: #35070D;
}
#contents > .card_wrapper {
  width: 91vw;
  height: 29vw;
  max-width: 1000px;
  max-height: 320px;
  box-shadow: 2px 1px 1px 1px rgba(0,0,0,0.6);
}
#contents > .card {
  background-image: url('/20220517card/images/card.png');
}
#contents > .card_wrapper > .card_creator_list {
  padding-top: 5%;
  padding-left: 20%;
  font-size: min(1rem, 24px);
  line-height: 1.5rem;
}
#contents .card_creator_link {
  color: #35070D;
  font-weight: bold;
  text-decoration: underline;
}
footer {
  background-color: #df3d52;
  color: white;
}
footer a {
	color: white;
}
.postscript {
  color: #35070D;
}
.past_event {
  color: #35070D;
}