@charset "utf-8";
/* volks 50th anniversary project _ contents PJ01 css - update: 2022.11.14 */
:root {
  --c-red: #8e000f;
}
/*-------------------------------
 pr01  common
---------------------------------*/
hr {
  margin-top: calc(var(--fs) * 4);
}
.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: calc(var(--fs) * 0.5);
}
/*-------------------------------
 pj01 presents
---------------------------------*/
@media screen and (min-width: 768px) {
  .pj01-presents {
    width: 98%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
  }
  .pj01-presents_title {
    grid-column: 1/2;
    grid-row: 1/2;
    position: relative;
  }
  .pj01-presents_mainimg {
    margin-left: calc(var(--rs) * -10);
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .pj01-presents_text {
    grid-column: 1/2;
    grid-row: 2/3;
    position: relative;
  }
}
.pj01-presents_mainimg {
  margin-top: calc(var(--fs) * 1);
  margin-bottom: calc(var(--fs) * -5);
  text-align: right;
}

.pj01-presents {
  margin: 0 auto  calc(var(--fs) * 4);
}
/* presents title */
.pj01-presents_title {
  width: min(100%, calc(var(--fs) * 46));
  text-align: center;
}
.pj01-presents_text {
  width: 96%;
  margin: 0 auto;
  font-size: calc(var(--fs) * 2.2);
  font-weight: bold;
}
/* elements in presents text */
.presents_text-em {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 125%;
  font-weight: bold;
}
.presents_text-block {
  margin: 0;
  display: inline-block;
}
.presents_text-pointcolor,
.presents_text-bold {
  color: var(--c-l-pc-red);
}
.presents_text-underline {
  padding: 0 0.1em;
  margin-top: -0.2em;
  background-image: linear-gradient(0deg, transparent 15%, #e9e9ff 15%, #e9e9ff 35%, transparent 35%);
  font-size: 125%;
}
.presents_text-bold {
  font-size: 150%;
}
/*-------------------------------
 pj01 presents information
---------------------------------*/
.pj01-presentsinfo {
  --c-h: 240deg;
  --c-s: 30%;
  --c-l: 80%;
  width: 96%;
  padding: calc(var(--rs) * 1) 0;
  margin: calc(var(--rs) * 4) auto;
  border: 2px solid #fff;
  box-shadow: var(--bs-cmn);
  font-weight: bold;
  position: relative;
}
.pj01-presentsinfo > .pj01-pre {
  top: calc(var(--rs) * -1);
}
/* presents information primary */
.presentsinfo-primary {
  width: 96%;
  margin: calc(var(--fs) * 2) auto;
  display: flex;
  flex-flow: row wrap;
}
.presentsinfo-primary_members {
  max-width: 20%;
  text-align: center;
  flex: 1 1 auto;
}
.presentsinfo-primary_text {
  width: min(80%, calc(var(--rs) * 60));
  padding: calc(var(--fs) * 1);
  color: #fff;
  font-size: calc(var(--rs) * 3);
  line-height: 1.3;
  text-shadow: 
    1px 1px 0px rgb(0 0 0 / 20%), 
    0 0 1px rgb(0 0 0 / 20%), 
    0 0 2px rgb(0 0 0 / 20%), 
    0 0 3px rgb(0 0 0 / 20%), 
    0 0 4px rgb(0 0 0 / 20%), 
    0 0 5px rgb(0 0 0 / 20%);
  filter: drop-shadow(0 calc(var(--fs) * 0.1) calc(var(--rs) * 0.2) rgb(0 0 0 / 100%));
  flex: 1 1 auto;
}
.presentsinfo-primary_text span {
  display: block;
}
.presentsinfo-primary_text b {
  font-size: 112.5%;
}
.presentsinfo-pop {
  width: calc(var(--rs) * 20);
  margin: calc(var(--rs) * -3) calc(var(--rs) * -1.5) calc(var(--rs) * -16) auto;
  text-align: center;
  flex: 0 1 auto;
  z-index: 1;
}
/* presents information details */
.presentsinfo-details-container {
  width: 96%;
  padding: calc(var(--fs) * 1) 0;
  margin: 0 auto;
  background: #fff;
  border-radius: var(--border-r);
  position: relative;
}
/* information table */
.presentsinfo-details {
  width: 100%;
  margin: calc(var(--fs) * 0.5) auto;
  font-size: calc(var(--rs) * 2.6);
  line-height: 1.3;
}
.presentsinfo-details th,
.presentsinfo-details td {
  padding: calc(var(--fs) * 0.5) calc(var(--fs) * 1);
  font-weight: bold;
}
.presentsinfo-details th {
  width: 15%;
  white-space: nowrap;
}
.presentsinfo-details th::before {
  content: "";
  width: 0.3em;
  height: 1em;
  margin-right: 0.4em;
  background: #967667;
  display: inline-block;
  position: relative;
  top: 0.1em;
}
.presentsinfo-details td {
}
.presentsinfo-details td::before {
  content: "：";
  position: relative;
  left: -0.5em;
  top: 0;
}

/*-------------------------------
 pj01 presents vs - vs news 97 ver.
---------------------------------*/
.presents-vsvip {
  padding: 0 calc(var(--rs) * 1);
  background-image:
    repeating-linear-gradient(
      135deg,
      hsl(54deg 100% 80%), 
      hsl(54deg 100% 80%) calc(var(--rs) * 0.5), 
      hsl(50deg 100% 80%) calc(var(--rs) * 0.5),
      hsl(50deg 100% 80%) calc(var(--rs) * 1) 
    )
    ;
  box-shadow: var(--bs-cmn);
}
.presents-vsvip-info {
  margin: calc(var(--rs) * 2) auto 0;
  display: flex;
  flex-flow: row wrap;
}
.presents-vsvip-info__mark {
  width: min(20%, 10rem);
  margin: calc(var(--rs) * 1);
}
/* members admission*/
.presents-members-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.presents-members-admission {
  width: min(85%, calc(var(--rs) * 40));
  padding: calc(var(--fs) * 1);
  font-size: calc(var(--rs) * 2.2);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  flex: 1 1 auto;
}
/* admission link*/
.vip-admission_link,
.vs-admission_link {
  --bs-cmn: 0 2px 2px 1px rgb(0 0 0 / 30%);
  width: min(90%, calc(var(--fs) * 48));
  padding: calc(var(--rs) * 0.8) 0.5em;
  margin: calc(var(--rs) * 1.5)  auto;
  border: 1px solid #fff;
  border-radius: calc(var(--rs) * 0.5);
  box-shadow: var(--bs-cmn);
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.5;
  text-align: center;
  position: relative;
}
.vip-admission_link:hover,
.vs-admission_link:hover {

  text-decoration: none;
  filter: opacity(0.8);
}
.vip-admission_link img,
.vs-admission_link img {
  width: calc(var(--fs) * 8);
  margin-right: calc(var(--fs) * 1);
  margin-bottom: calc(var(--rs) * -2.5);
  margin-left: calc(var(--rs) * -4);
  /*filter: drop-shadow(1px 1px calc(var(--rs) * 0.2) #333);*/
  position: relative;
  top: calc(var(--rs) * -2);
}
/* admission link - vip members*/
.vip-admission_link {
  --bg-admission: #ea5283;
  --c-link: #fff;
  --c-link-hover: #fff;
  background: var(--bg-admission);
  border-color: var(--bg-admission);
}

.vip-admission_link img {
  transform: rotate(-5deg);
}
/* admission link - vs members*/
.vs-admission_link {
  --vs-admission: #ffd100;
  --c-link: #54504f;
  --c-link-hover: #54504f;
  background: var(--vs-admission);
  border-color:  var(--vs-admission);
}
.vs-admission_link img {
}
/* komame */
.presents-vs_komame {
  margin: 0 calc(var(--rs) * 1) 0 auto;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}
.presents-vs_memberslink {
  width: 7.2em;
  padding: 1.2em 1.5em 1.2em 1.0em;
  background: var(--c-link);
  border-radius: 50%;
  box-sizing: content-box;
  font-size: calc(var(--fs) * 1.5);
  line-height: 1.3;
  text-align: center;
  position: relative;
  bottom: calc(var(--fs) * 1);
}
.presents-vs_memberslink::before {
  content: "";
  width: 0;
  height: 0;
  border: calc(var(--fs) * 1) solid var(--c-link);
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: calc(var(--fs) * 0.5);
  left: 0%;
  transform: rotate(38deg);
}
.presents-vs_memberslink > a {
  --c-link: #fff;
}
.presents-vs_memberslink > a.link-text::after {
  margin: 0;
  position: absolute;
  bottom: 42%;
  top: auto;
  right: calc(var(--fs) * 1);
}
}
.presents-vs_memberslink:hover {
  --c-link: var(--c-link-hover);
}
.presents-vs_memberslink > a:hover {
  --c-link-hover: #fff;
  text-decoration: none;
}
/* presents information */
.presentsinfo-note {
  width: 98%;
  margin: calc(var(--rs) * 2) auto calc(var(--rs) * 1);
}
.presentsinfo-note li {
  padding-left: 1em;
  margin-top: 0.3em;
  font-size: calc(var(--fs) * 1.4);
  font-weight: bold;
  line-height: 1.3;
  text-indent: -1em;
}
.presentsinfo-details {
  font-size: calc(var(--fs) * 2.0);
}
.presentsinfo-details td {
  padding-left: 1em;
  text-indent: -0.5em;
}
@media screen and (max-width: 767px) {
  .presentsinfo-details th,
  .presentsinfo-details td {
    display: block;
  }
  .presentsinfo-details td {
    font-weight: normal;
    padding: 0 1em calc(var(--fs) * 1);
    line-height: 1.5;
  }
 .presentsinfo-details td::before {
   visibility: hidden;
  }
}
/*-------------------------------
 pj01 pre
---------------------------------*/
.pj01-pre {
  margin-left: calc(var(--rs) * -1);
  margin-bottom: calc(var(--rs) * -0.6);
}
.pj01-pre > span {
  padding: 0.2em 1em;
  background: var(--c-l-pc-red);
  color: #fff;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
}
.pj01-shirokua-sign {
  margin-top: 1rem;
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
}
/*-------------------------------
 pj01 shirokuma-sign
---------------------------------*/
.shirokua-sign {
  padding: 0.5em 0.5em 0.1em;
  font-family: "wf-tegaki";
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  justify-content: center;
}
.shirokua-sign_img {
  width: calc(var(--fs) * 10);
  margin-left: calc(var(--rs) * -5);
  display: inline-block;
}
.shirokua-sign_text {
  padding: 0 1.5em;
  margin-left: auto;
  margin-right: calc(var(--rs) * 5);
  display: inline-block;
  position: relative;
}
.shirokua-sign_text::before,
.shirokua-sign_text::after {
  content: "";
  width: 1.2em;
  height: 0.9em;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.2em;
}
.shirokua-sign_text::before {
  background-image: url("/50th/assets/image/pj01_bg_shirokuma-sign-l.png");
  background-position: 0 0;
  left: 0.3em;
}
.shirokua-sign_text::after {
  background-image: url("/50th/assets/image/pj01_bg_shirokuma-sign-r.png");
  background-position: 100% 0;
  right: 0.3em;
}
.link-shirokua-sign {
  padding: 0.5em 2em;
  margin-top: 0.5em;
  background-color: var(--c-l-pc-red);
  border-radius: calc(var(--rs) * 0.5);
  color: #fff;
  font-size: calc(var(--fs) * 1.8);
  box-shadow: 0 calc(var(--rs) * 0.4) calc(var(--rs) * 0.7) calc(var(--rs) * -0.2) hsl(0 0% 0% / 30%);
}
.link-shirokua-sign:hover {
  color: #fff;
  filter: opacity(0.8);
  text-decoration: none;
}
/*-------------------------------
 pj01 cont01
---------------------------------*/
.pj01-cont01 {
  margin-bottom: calc(var(--rs) * -10);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.pj01-cont01 > * {
  flex: 1 1 auto;
}
.pj01-cont01 > .pj-img {
  margin-top: calc(var(--rs) * -5);
}
.pj01-cont02 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
}
.pj01-cont02 > * {
  width: min(100%, calc(var(--rs) * 42));
  margin-bottom: calc(var(--rs) * 5);
  flex: 1 1 auto;
}
.pj01-cont02 > .pj-img {
  width: min(100%, 40rem);
  padding-left: 3rem;
  margin-top: calc(var(--rs) * -5);
  margin-bottom: calc(var(--rs) * -3);
  text-align: right;
}
/*-------------------------------
 pj01 notice
---------------------------------*/
.pj01-Notice {
  width: min(94%, 88rem);
  padding: calc(var(--rs) * 1) calc(var(--rs) * 2);
  margin: calc(var(--rs) * 3) auto 0;
  background: #f4fbfe;
  border-radius: calc(var(--rs) * 1);
  box-shadow: var(--bs-cmn);
  position: relative;
}
.pj01-Notice-text {
  padding: 0;
  padding-top: 0.5em;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  text-align: center;
}
.pj01-Notice-head {
  padding: calc(var(--rs) * 0.2) calc(var(--rs) * 3);
  background: var(--c-mc);
  color: #fff;
  font-family: "wf-tegaki";
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  display: inline-block;
  transform: rotate(-10deg);
  position: absolute;
  left: -0.8em;
  top: -1em;
}
.pj01-Notice-head::after {
  content: "";
  width: 2.8em;
  height: 2em;
  background: url("/50th/assets/image/pj01_ic_notice.png") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  right: -2.2em;
  top: -0.4em;
}
.pj01-Notice-members {
  padding: 0.8em 0.5em;
  margin-top: 0.5em;
  background-image: repeating-linear-gradient(
    135deg, 
    hsl(200deg 79% 43%), 
    hsl(200deg 79% 43%) calc(var(--rs) * 0.5), 
    hsl(202deg 100% 39%) calc(var(--rs) * 0.5), 
    hsl(202deg 100% 39%) calc(var(--rs) * 1) )
    ;
  color: #fff;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px hsl(0deg 0% 0% / 90%);
}
.pj01-Notice-members > a {
  --bs-cmn: 0 2px 3px 1px rgb(50 50 50 / 50%);
  margin: 0.5em auto;
  box-shadow: var(--bs-cmn);
  font-weight: normal;
  text-shadow: none;
}
/*-------------------------------
 photocon
---------------------------------*/
.photocon-info {
  width: min(96%, calc(var(--rs) * 80));
  margin: 0 auto;
  background: #fffdee;
  box-shadow: var(--bs-cmn);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.photocon-info-img {
  width: min(35%, 15rem);
  flex: 0 1 auto;
}
.photocon-info-text {
  padding: calc(var(--rs) * 1);
  line-height: 1.3;
  text-align: center;
  flex: 1 1 auto;
}
.photocon-info-text b {
  font-size: 125%;
}
.photocon-info-text a.link-btn {
  padding: calc(var(--rs) * 1) calc(var(--rs) * 3);
  margin-top: calc(var(--rs) * 1);
  margin-bottom: 0;
  max-width: calc(var(--rs) * 48);
}
.photocon {
  padding: calc(var(--rs) * 1);
  padding-top: calc(var(--rs) * 2);
  margin-top: calc(var(--rs) * -1);
  background-color: #fffdee;
  box-shadow: 0 1px calc(var(--rs) * 0.5) 1px hsl(0deg 0% 60%);
  text-align: center;
}
.photocon-text {
  width: 96%;
  margin: 1em auto 0;
  font-size: calc(var(--fs) * 1.7);
  font-weight: bold;
}
/* photocon example */
.photocon-example {
  text-align: center;
}
.photocon-example > li {
  max-width: 48%;
  padding: calc(var(--rs) * 2.4) calc(var(--rs) * 2)  calc(var(--rs) * 2.2) ;
  margin: calc(var(--rs) * 1);
  background: hsl(201deg 70% 92% / 90%);
  border-radius: 50%;;
  box-shadow: var(--bs-cmn);
  color: #503430;
  font-family: "wf-tegaki";
  font-size: calc(var(--fs) * 2);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-indent: 0.5em;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.photocon-example > li + li {
  margin-left: calc(var(--rs) * -2);
}
.photocon-example > li:nth-child(2) {
  background: hsl(355deg 76% 94% / 90%);
  bottom: calc(var(--rs) * -1);
  z-index: 1
}
.photocon-example > li:nth-child(3) {
  background: hsl(56deg 100% 91% / 90%);
}
/* photocon award */
.photocon-award-cont {
  width: min(98%, 70rem);
  padding: calc(var(--rs) * 1);
  margin: calc(var(--rs) * 1) 1%;
  background: #fff;
  border: 1px solid var(--c-l-pc-red);
  display: inline-block;
}
.photocon-award-title {
  padding: 0 2em;
  background: var(--c-l-pc-red);
  color: #fff;
  font-size: calc(var(--fs) * 2);
}
.photocon-award {
  margin: calc(var(--rs) * 1) auto 0;
  border-collapse: separate;
  border-spacing: calc(var(--fs) * 1);
  font-size: calc(var(--rs) * 2.4);
  text-align: right;
}
.photocon-award tr:nth-child(1) {
  font-size: 125%;
}
.photocon-award tr:nth-child(2) {
  font-size: 105%;
}
.photocon-award tr:nth-child(1) th,
.photocon-award tr:nth-child(1) td,
.photocon-award tr:nth-child(2) th,
.photocon-award tr:nth-child(2) td{
  font-weight: bold;
}
.photocon-award th {
  text-align: center;
  vertical-align: middle;  
}
.photocon-award td {
  vertical-align: middle;
}
/* photocon outline */
.photocon-outline {
  width: min(100%, calc(var(--rs) * 90));
  margin: calc(var(--fs) * 1) auto;
  border-collapse: separate;
  border-spacing: calc(var(--rs) * 1);
}
.photocon-outline th,
.photocon-outline td {
  display: block;
}
.photocon-outline th {
  width: min(30%, 8em);
  padding: calc(var(--fs) * 0.2) calc(var(--rs) * 1);
  background: var(--c-mc);
  color: #fff;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.photocon-outline td {
  padding: calc(var(--fs) * 1) calc(var(--rs) * 1);
  font-size: calc(var(--fs) * 1.7);
  font-weight: 500;
  text-align: left;
}
.photocon-outline tr:nth-child(1) td {
  padding: calc(var(--fs) * 2);
  border: 1px solid var(--c-mc);
  background: #fff;
}
/* outline text */
.outline-text {
  margin-top: 1em;
}
/* outline list */
.outline-list  {
  line-height: 1.3;
}
.outline-list li ~ li {
  margin-top: 0.5em;
}
.outline-list--ol {
  padding-left: 1em;
}
.outline-list--ol li {
  list-style: decimal;
  text-indent: 0;
}
/* outline terms */
.outline-terms {
}
.outline-terms dt {
  font-weight: bold;
}
.outline-terms dd + dt {
  margin-top: 1.5em;
}
.outline-terms dd {
  padding-left: 0.5em;
  margin-top: 0.5em;
  font-size: calc(var(--fs) * 1.5);
  text-indent: -0.5em;
}
.outline-terms dd.not-indent {
  padding-left: 0;
  text-indent: 0;
}
.outline-terms dt + dd {
  margin-top: 0.2em;
}
/*-------------------------------
 presents schedule
---------------------------------*/
.presents-schedule {
  width: min(96%,calc(var(--rs) * 93));
  padding: 0.2em;
  margin: 0 auto -2px;
  background: var(--c-mc);
  border: 2px solid #777;
  border-bottom: none;
  color: #fff;
  font-size: calc(var(--rs) * 2.5);
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  position: relative;
  z-index: 1;
}
.presents-tbl-container {
  width: min(96%,calc(var(--rs) * 93));
  overflow-x: scroll;
  padding-bottom: calc(var(--fs) * 1);
  margin: 0 auto;
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--c-l-pc-red-hsl));
}
.presents-tbl-container::-webkit-scrollbar {
  width: calc(var(--rs) * 1);
  height: calc(var(--rs) * 1);
}
.presents-tbl-container::-webkit-scrollbar-track {
  border-radius: 0.5rem;
  background: #fcfcfc;
  box-shadow: 0 0 0.3rem #aaa inset;
}
.presents-tbl-container::-webkit-scrollbar-thumb {
  background: hsl(var(--c-l-pc-red-hsl));
  border-radius: 0.5rem;
}
.presents-tbl {
  width: calc(var(--rs) * 93);
  border: 2px solid #777;
  box-shadow: var(--bs-cmn);
}
.presents-tbl th,
.presents-tbl td {
  min-height: calc(var(--rs) * 5);
  padding: calc(var(--rs) * 1.5) calc(var(--rs) * 0.5);
  border: 1px solid #777;
  border-right-color: #ccc;
  border-left-color: #ccc;
  border-top-width: 2px;
  border-bottom-width: 2px;
  font-size: calc(var(--fs) * 1.5);
  font-weight: bold;
}
/* presents table - th */
.presents-tbl-th {
  background: #fff;
}
.presents-tbl-title {
  --c-h: 240deg;
  --c-s: 30%;
  --c-l: 90%;
  width: 22%;
  padding: calc(var(--rs) * 0.5);
  background-color: hsl(var(--c-h) var(--c-s) var(--c-l) / var(--c-a));
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.presents-tbl th.presents-tbl-title--members {
  border-bottom: none;
}
.presents-tbl-title--lank {
  width: 10%;
}
.presents-tbl th.presents-tbl-period {
  width: 7%;
  padding-right: calc(var(--rs) * 1);
  padding-left: 0;
  /*background: #936048;*/
  background: #fffdee;
  color: #fff;
  font-size: calc(var(--fs) * 1.6);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.presents-tbl-period span {
  padding: 0.5em;
  background: var(--c-pc-red-dark);
  line-height: 1;
  position: relative;
}
.presents-tbl-period span::after {
  content: "";
  width: 0.8em;
  height: 100%;;
  background:  var(--c-pc-red-dark);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  right: calc(1px - 0.8em);
  top: 0;
  z-index: 1;
}
.presents-tbl tr:nth-child(2n) th.presents-tbl-period {
  /*background: #a17662;*/
  background: #eae3cf;
}
/* presents table - td */
.presents-tbl td {
  background: #fffdee;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
a.ticket-noticelink {
  color: #f15f76;
  position: absolute;
  bottom: calc(var(--rs) * 1);
  left: calc(50% - 1em);
}
.presents-tbl td.presents-tbl-adjust {
  padding: calc(var(--rs) * 4) calc(var(--rs) * 0.5);
}
.presents-tbl tr:nth-child(2n) td {
  /*background: #fffcf8;*/
  background: #eae3cf;
}
.presents-tbl tr td:nth-child(2) {
  width: 32%;
  padding-left: 0.5em;
}
.presents-tbl th.lank--vip,
.presents-tbl th.lank--vs,
.presents-tbl th.lank--gl {
  border-top: 1px solid #ccc;
  font-size: calc(var(--fs) * 1.4);
  white-space: nowrap
}
.presents-tbl th.lank--vip,
.presents-tbl tr td:nth-child(4) {
  background: #ffecef;
}
.presents-tbl th.lank--vs,
.presents-tbl tr td:nth-child(5) {
  background: #ffecbb;
}
.presents-tbl th.lank--gl,
.presents-tbl tr td:nth-child(6) {
  background: #e9f9ff;
}
/* members lank */
.presents-tbl-lank {
  padding: 0.2em 0.4em;
  font-size: 112.5%;
  color: #fff;
}
.presents-tbl-lank--vip {
  background: #f15f76;
}
.presents-tbl-lank--vs {
  background: #ffb700;
  color: #222;
}
.presents-tbl-lank--gl {
  background: #009ea7;
}
.presents-tbl-lankic {
  width: calc(var(--rs) * 4);
  margin-bottom: calc(var(--rs) * 0.5);
  filter: drop-shadow(0px 2px 2px #6e4734);
}
.presents-tbl-on {
  color: var(--c-l-pc-red);
  font-size: calc(var(--fs) * 8);
  font-weight: bold;
}
/* schedule ic */
.schedule-ic {
  width: calc(var(--fs) * 5);
  margin: calc(var(--rs) * 0.8) auto 0;
  text-align: center;
}
/* schedule end */
td.schedule-end {
  position: relative;
}
td.schedule-end::after {
  content: "終了";
  width: 160%;;
  height: 80%;
  background: rgb(0 0 0 / 40%);
  color: #fff;
  font-size: calc(var(--fs) * 2);
  text-shadow: 0 1px 2px #000;
  position: absolute;
  left: 5%;
  top: 10%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*-------------------------------
 presents ticket for vip members
---------------------------------*/
.presents-ticket-container {
  width: min(96%,calc(var(--rs) * 93));
  padding: calc(var(--fs) * 1);
  margin: calc(var(--rs) * 2) auto calc(var(--rs) * 6);
  background: #ffe8ec;
}
.presents-ticket {
  --ticket-color: #875548;
  width: 100%;
  background: #fff;
  border: 2px solid var(--ticket-color);
  line-height: 1.3;
} 
.presents-ticket th,
.presents-ticket td {
  border-right: 1px dashed #c5afaf;
  border-left: 1px dashed  #c5afaf;
  border-top: 2px solid var(--ticket-color);
  border-bottom-width: 2px solid var(--ticket-color);
  vertical-align: middle;
}
.presents-ticket ht.presents-tbl-title--lank {
  border-top: 1px solid #ccc;
}
.presents-ticket td {
  width: 50%;
  padding: calc(var(--rs) * 1) calc(var(--rs) * 0.5);
  text-align: center;
}
.presents-ticket tr:nth-child(2n+1) td {
  background: #fff5f2;
}
.presents-ticket-title {
  padding: 0.5em 1px;
  background: #fff;
  border: 3px double var(--c-l-pc-red);
  text-align: center;
}
.presents-ticket-text {
  padding: 1em;
  color: var(--c-l-pc-red);
  font-weight: bold;
}
.presents-ticket-text small {
  color: #444;
}
.presents-ticket-head {
  width: 20%;
  padding: calc(var(--rs) * 0.5);
  background-color: var(--ticket-color);
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.presents-ticket-period,
.presents-ticket-vsnews{
  padding: calc(var(--rs) * 1) calc(var(--rs) * 0.5)
}
.presents-ticket-vsnews {
  font-weight: bold;
  text-align: center;
}
/*-------------------------------
 apply 03 - mail
---------------------------------*/
.pj01-apply03 {
  width: 96%;
  padding: calc(var(--rs) * 0.5) calc(var(--rs) * 1);
  margin: calc(var(--rs) * 2) auto;
  background: #fff;
  border: 2px solid var(--c-pc-red-dark);
  border-radius: calc(var(--fs) * 1);
  box-shadow: var(--bs-cmn);
}
.pj01-apply03_warp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.pj01-apply03-howto {
  width: min(100%, 25rem);
  flex: 1 1 auto;
}
.pj01-apply03-howto_title {
  padding: 0.5em calc(var(--fs) * 6);
  margin-left: calc(var(--rs) * -1);
  margin-bottom: calc(var(--fs) * 1);
  background: var(--c-pc-red-dark);
  color: #fff;
  font-size: calc(var(--fs) * 1.7);
  line-height: 1;
  display: inline-block;
  position: relative;
}
.pj01-apply03-howto_title::after {
  content: "";
  width: 0.8em;
  height: 100%;;
  background:  var(--c-pc-red-dark);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  right: -0.8em;
  top: 0;
  z-index: 1;
}
.pj01-apply03-howto_title span::before {
  content: "";
  width: calc(var(--fs) * 4.4);
  height: calc(var(--fs) * 4.9);
  background: url(/50th/assets/image/pj01_ic_post-wht.png) 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -0.2em;
  left: calc(var(--rs) * 1);
}
.pj01-apply03-howto_title span::after {
  content: "";
  width: calc(var(--fs) * 3.2);
  height: calc(var(--fs) * 2.2);
  background: url("/50th/assets/image/pj01_ic_mail.png") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 15%;
  right: 0.5em;
  transform: rotate(-11deg);
}
.pj01-apply03-howto_text {
  padding-left: 1.2em;
  margin-top: 0.8em;
  font-size: calc(var(--fs) * 1.7);
  line-height: 1.3;
  text-indent: -1.2em;
}
.pj01-apply03-howto_text:first-letter {
  margin-right: 0.2em;
  color: #013288;
}
.pj01-apply03-ticket {
  max-width: 30rem;
  margin: 0 auto;
  text-align: center;
}
.pj01-apply03-add {
  width: 98%;
  margin: calc(var(--rs) * 1) auto;
  background: #fffded;
  border: 2px solid #bdb1a9;
  line-height: 1.3;
  display: flex;
  flex-flow: row nowrap;
}
.pj01-apply03-add > span {
  min-width: 4em;
  padding: calc(var(--fs) * 0.5) ;
  background: var(--c-pc-red-dark);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  position: relative;
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: flex-end;
  align-items: center;
}
.pj01-apply03-add > span > img {
  max-width: calc(var(--fs) * 3.2);
  margin-top: 0.5em;
}
.pj01-apply03-add > b {
  padding: calc(var(--fs) * 0.5) calc(var(--rs) * 1);
  display: block;
  align-self: center;
}
.pj01-apply03-add > b > span {
  display: inline-block;
}
/*-------------------------------
 pj01 ticket info - vs news 98 ver.
---------------------------------*/
.ticket-info {
  padding: 0 calc(var(--rs) * 1);
  margin: calc(var(--rs) * 4) auto 0;
  background: #fffcf3;
}
.ticket-info-cont {
  margin: calc(var(--rs) * 2) auto 0;
  display: flex;
  flex-flow: row wrap;
}
.ticket-info-cont-detail {
  width: min(100%, 42rem);
  flex: 1 1 auto;
}
.ticket-info-cont_mark {
  width: min(20%, 10rem);
  margin: calc(var(--rs) * 2);
  float: left;
}
.ticket-info-cont_text {
  padding: calc(var(--rs) * 1) 0;
  padding-left: 5%;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  line-height: 1.4;
}
.ticket-info-cont_text b {
  font-size: 125%;
}
.ticket-info-cont-img {
  padding-right: calc(var(--rs) * 0.5);
  margin: calc(var(--fs) * 2) auto;
  text-align: center;
  transform: rotate(-5deg);
  filter: drop-shadow(2px 2px 3px rgb(50, 50, 50, 70%));
}
/* ticket schedule */
.ticket-info-schedule {
  width: 96%;
  padding-bottom: calc(var(--fs) * 1);
  margin: calc(var(--fs) * 1) auto calc(var(--rs) * 4);
  background: #fff;
  border: 2px solid var(--c-mc);
  text-align: center;
}
.ticket-info-schedule dt {
  padding: 0.5em;
  margin-bottom: calc(var(--fs) * 1);
  background: var(--c-mc);
  color: #fff;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  line-height: 1.3;
}
.ticket-info-schedule dd {
  width: min(17%, 15rem);
  margin: calc(var(--fs) * 1) calc(var(--rs) * 0.5);
  display: inline-block;
}
a.btn-schedule-link {
  padding: 0.2em 1em 0.2em 0.5em;
  background: var(--c-pc-red-dark);
  border-radius: 0.4rem;
  color: #fff;
  display: block;
  position: relative;
}
a.btn-schedule--end {
  background: #999;
  color: #555;
}
a.btn-schedule-link:hover {
  text-decoration: none;
  filter: brightness(1.1);
}
a.btn-schedule-link:not(.btn-schedule--end)::after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -0.125em;
  border: 0.25em solid transparent;
  border-top-color: #fff;
  position: absolute;
  right: 0.3em;
  top: 50%;
}
/* ticket info notice */
.ticket-info-notice {
  width: 96%;
  padding-bottom: calc(var(--rs) * 1);
  margin: calc(var(--rs) * 2) auto;
}
.ticket-info-notice dt {
  padding: calc(var(--rs) * 0.2) calc(var(--fs) * 1.4);
  margin-bottom: 0.8em;
  background: #777;
  color: #fff;
  font-weight: bold;
}
.ticket-info-notice dd {
  padding-left: 1em;
  margin: 0.6em calc(var(--fs) * 1);
  color: #555;
  font-size: calc(var(--fs) * 1.4);
  font-weight: bold;
  line-height: 1.3;
  text-indent: -0.8em
}
.ticket-info-notice dd:first-letter {
  color: #777;
}