@charset "UTF-8";

/* Table Of Contents
----------------------------------------

#01 layout
#02 link
#05 content
#06 font

----------------------------------------*/


/* Base  */
:root {
	--jiman-color-1: #7e318e;
	--jiman-color-2: #fff9c9;
  --jiman-color-3: #b871ad;
	--jiman-color-2024: #7e318e;
	--jiman-color-2025: #bb5472;
  --jiman-color-2026: #943848;
}



/* 01 layout  */
body {
  background-image: linear-gradient(135deg, #fff9c9, #7e318e);
}


/* 02 link */

/* 05 content */
main {
  background-color: #fff;
  border-radius: 20px;
}
main h1 {
	background: none;
	color: #000;
	line-height: 0;
  text-shadow: none;
	height: auto;
	border: none;
}
main h1 img { width: 100%; height: auto; }
main .lead {
  font-size: 3.0rem;
  font-family: serif;
  line-height: 1.4;
  background: url(/jiman/images/line.png) no-repeat center bottom;
  padding-bottom: 2em;
  margin-bottom: 0;
}
main h2 {
  font-family: serif;
  font-size: 3rem;
  color: var(--jiman-color-1);
  margin-bottom: 1em;
}
#jiman2 main h2 {
  color: var(--jiman-color-2025);
}
#jiman3 main h2 {
  color: var(--jiman-color-2026);
}
main h3 {
  font-family: serif;
  font-size: 2.4rem;
  border-bottom: #2a305a 2px solid;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}
table td ul { margin-left: 1em; }
table td .linkBtn { text-align: right; }
table td .linkBtn a { text-align: center; }


.pagenav ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  flex-wrap: wrap;
}
.pagenav .linkBtn a::after { content: '↓'; }

.msg { text-align: left; }
.msg .name {
  text-align: right;
  border-bottom: dotted 2px #7e318e;
  margin-bottom: 2em;
}
#jiman2 .msg .name {
  border-bottom-color: var(--jiman-color-2025);
}
#jiman3 .msg .name {
  border-bottom-color: var(--jiman-color-2026);
}
.msg .name strong {
  font-size: 2.4rem;
  font-family: serif;
  margin-left: 0.5em;
}
section p { text-align: left; }
section p.link { text-align: right; margin-top: 3em; margin-bottom: 0; }

#judging .profile { margin-bottom: 60px; }
#judging p.name { line-height: 1.2; margin-bottom: 2em; }
#judging ul.name { list-style: none; text-align: left; line-height: 1.6; }
#judging .name strong {
  font-size: 2.6rem;
  font-family: serif;
}
#judging .note { text-align: right; }



@media (min-width: 961px){
  main { width: 950px; margin: 60px auto 120px; padding: 40px }
  .wrapper { width: auto; }
  table th { width: 8em; }
  .pagenav { margin: auto 80px; }
  .pagenav .linkBtn a { width: 10em; }
  .msg { margin: 60px; }
  main section { margin: 120px 80px; }
  #judging figure { width: 250px; text-align: right; float: right; margin-left: 1em; margin-bottom: 1em; }
}
@media (max-width: 960px){
  main { width: 96%; margin: 6vw auto 12vw; padding: 2vw; }
  .pagenav { margin: auto; }
  .pagenav .linkBtn a { width: 8em; }
  .msg { margin: 12vw 4vw; }
  main section { margin: 12vw 4vw; }
  #judging figure { width: 100%; margin-bottom: 2em; }
}