@charset "UTF-8";

/* ==================================================
Page Header
================================================== */
#page-hdr {
  margin-bottom: var(--clamp8);
}

#hdr-contents {
  /*padding-top: var(--clamp2);*/
}

/* ==================================================
Main
================================================== */
#page-main {
  padding-bottom: var(--clamp12);
  --page-width: min(94%, 1000px);
  --page-width-inner: min(94%, 800px);
}

a.link-btn.type-ticket {
  clip-path: polygon(12% 0, 100% 0%, 88% 100%, 0% 100%);
  background-color: var(--color-blue);
  color: var(--color-white) !important;
  font-family: var(--font-en);
  font-weight: 400;
  font-size: var(--fz-large);
  line-height: 1;
  letter-spacing: 0;
  margin: var(--clamp8) auto 0;
  padding: 1.2em 2em;
  vertical-align: baseline;
  width: 200px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition-def);
}

a.link-btn.type-ticket:hover {
  background-color: var(--color-blue-dark);
  filter: var(--hover-filter-def);
  color: var(--color-aqua) !important;
}

/* ==================================================
Live Performance Area
================================================== */
#live-area {
}

#live-area .area-inner {
}

/* .table-title / .title-caption　※詳細は、tabswitch.css で設定
------------------------------ */
.table-title {
}

.title-caption {
}

.credit {
  /*color: var(--color-black);*/
  color: var(--color-aqua);
  line-height: 1.4;
  width: 86%;
  margin: 0 auto;
  margin-bottom: 24px;
}

.credit::before,
.credit::after {
  content: '';
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.credit::before {
  background-image: url(/iwf2023/asset_subpage/img/svg/frame_table_inner1_aqua.svg);
  background-position: left top;
  height: 26px;
  margin-bottom: 4px;
}

.credit::after {
  background-image: url(/iwf2023/asset_subpage/img/svg/frame_table_inner2_aqua.svg);
  background-position: right bottom;
  height: 16px;
  margin-top: 12px;
}
.credit span {
  color: var(--color-aqua);
}

/* .table-detail
------------------------------ */
.table-detail {
  width: var(--page-width);
  margin-inline: auto;
  margin-top: var(--clamp5);
}

/* ==================================================
Section Frame
================================================== */
.section-frame {
  position: relative;
  border: 3px solid rgba(var(--rgb-aqua), 1);
  background-color: rgba(var(--rgb-black), 0.6);
  padding: 6px;
}

.section-frame:not(:last-child) {
  margin-bottom: var(--clamp10);
}

.section-frame.camp::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -20px;
  left: -16px;
  width: clamp(60px, 48.966px + 3.448vw, 80px);
  aspect-ratio: 1 / 1;
  background: url(/iwf2023/asset_subpage/img/svg/icon_techcamp.svg) no-repeat center center;
  background-size: contain;
}

@media (width <= 900px) {
  .section-frame.camp::before {
    top: -30px;
    left: -10px;
  }
}

/* .section-head */
.section-head {
  border: 1px solid rgba(var(--rgb-aqua), 0.6);
  border-bottom: none;
  padding: 30px min(3%, 40px);
}

.section-head .new {
  font-family: var(--font-en);
  font-weight: 400;
  font-size: clamp(13px, 8.625px + 1.042vw, 18px);
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-yellow);
  width: calc((100% - var(--part-width)) / 2);
  /*padding-right: 1em;*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  display: inline-block;
  text-align: center;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgb(var(--rgb-yellow));
  margin-bottom: 1em !important;
}

.section-head .catch {
  color: var(--color-yellow);
  font-size: var(--fz-xxlarge);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-bottom: 0.5em;
}

.section-head .catch b {
  display: inline-block;
}

.section-head .name {
  font-size: clamp(24px, 16.276px + 2.414vw, 38px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.section-head .name b {
  display: inline-block;
}

.section-head .note {
  color: var(--color-aqua);
  font-size: var(--fz-xlarge);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-top: 0.8em;
}

.section-head .note b {
  display: inline-block;
}

.section-head .label {
  font-family: var(--font-en);
  font-weight: 400;
  color: var(--color-black);
  font-size: clamp(18px, 14.69px + 1.034vw, 24px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 0.8em;
}

.section-head .label b {
  display: inline-block;
}




/* .section-body */
.section-body {
  border: 1px solid rgba(var(--rgb-aqua), 0.6);
  background-color: rgba(var(--rgb-aqua), 0.1);
  padding: var(--clamp5) 0 var(--clamp6);
}

/* .description
------------------------------ */
.description {
  width: var(--page-width-inner);
  margin-inline: auto;
}

.description > .note {
  color: var(--color-aqua);
  font-size: var(--fz-xlarge);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  margin-bottom: 0.8em;
}

.description > .note b {
  display: inline-block;
}

.description .label {
  font-family: var(--font-en);
  font-weight: 400;
  color: var(--color-black);
  font-size: clamp(18px, 14.69px + 1.034vw, 24px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 0.8em;
}

.description .label b {
  display: inline-block;
}

.description p {
  font-size: var(--fz-xlarge);
  color: var(--color-white);
  margin-top: 0;
  text-align: left;
}

.description p:not(:first-child) {
  margin: 2em auto;
}

.description p .caution {
  color: var(--color-red);
  font-weight: 700;
}

.description .pct {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 2em auto;
}

.description .pct:last-child {
  margin-bottom: 0;
}

.description .pct li {
}

/* column0 */
.description .pct:empty,
.description .pct.column0 {
  display: none;
}

/* column1 */
.description .pct.column1 li {
  width: min(97%, 600px);
  margin-inline: auto;
}

/* column2 */
.description .pct.column2 li {
  width: 47%;
  margin: 0 1.5%;
}

.description .pct.column2 li:nth-child(n + 3) {
  margin-top: 3%;
}

@media screen and (max-width: 480px) {
  .description .pct.column2 li {
    width: 97%;
    margin: 0 auto;
  }

  .description .pct.column2 li:nth-child(n + 2) {
    margin-top: 3%;
  }
}
/**/

.description .pct-fit {
  width: 97%;
  margin: 2em auto;
}

.description .pct li img {
}

.description .pct-fit img {
}

/* .accordion
------------------------------ */
.accordion {
  text-align: left;
  width: var(--page-width-inner);
  margin-inline: auto;
  margin-top: 4em;
  border: 1px solid rgba(var(--rgb-aqua), 1);
}

.accordion > dt {
  font-size: clamp(18px, 16.897px + 0.345vw, 20px);
  color: var(--color-black);
  font-family: var(--font-en);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  background-color: rgba(var(--rgb-aqua), 1);
  padding: 0.3em min(3%, 20px);
  cursor: pointer;
  position: relative;
  transition: var(--transition-def);
}

.accordion > dt:hover {
  filter: var(--hover-filter-def);
}

.accordion.open > dt {
  background-color: rgba(var(--rgb-aqua), 0.6);
}

/* .icon */
.accordion > dt .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: min(2%, 16px);
  margin: auto 0;
  width: 24px;
  aspect-ratio: 1 / 1;
  background-color: rgba(var(--rgb-black), 1);
}

.accordion > dt .icon::before,
.accordion > dt .icon::after {
  content: '';
  position: absolute;
  background: var(--color-aqua);
  margin: auto;
  width: 54%;
  height: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: var(--transition-def);
}

.accordion > dt .icon::before {
}

.accordion > dt .icon::after {
  transform: rotate(90deg);
}

.accordion.open > dt .icon::before {
  transform: rotate(180deg);
}

.accordion.open > dt .icon::after {
  transform: rotate(360deg);
}
/* // */

.accordion > dd {
  border-top: 1px solid var(--color-aqua);
  padding: 0.5em 3%;
  background: rgba(var(--rgb-black), 0.7);
  color: #fff;
  font-size: var(--fz-large);
  letter-spacing: 0.06em;
  line-height: 1.8;
}

.accordion > dd p {
}

.accordion > dd p a {
}

.accordion > dd p a:link,
.accordion > dd p a:visited {
  text-decoration: underline;
  color: var(--color-pink-light);
}

.accordion > dd p a:hover,
.accordion > dd p a:active {
  text-decoration: none;
  color: var(--color-pink);
}

/* .prof-wrap
------------------------------ */
dl.prof-wrap {
  padding: 2em 0 3em;
}

dl.prof-wrap:nth-child(n + 2) {
  border-top: 2px dotted rgba(var(--rgb-aqua), 0.4);
}

dl.prof-wrap dt {
  margin-bottom: 1.8em;
}

dl.prof-wrap dt .name {
  font-size: var(--fz-extra);
  color: var(--color-white);
  line-height: 1.4;
}

dl.prof-wrap dt .caption {
  font-size: var(--fz-large);
  color: var(--color-gray-3);
  line-height: 1.4;
  margin-top: 0.8em;
}

dl.prof-wrap dt .caption:empty {
  display: none;
}

dl.prof-wrap dd {
}

dl.prof-wrap dd p.prof {
  font-size: var(--fz-xlarge);
  color: var(--color-aqua);
}

dl.prof-wrap dd p.prof a {
  display: inline-block;
}

dl.prof-wrap dd p.prof a:link,
dl.prof-wrap dd p.prof a:visited {
  text-decoration: underline;
  color: rgba(var(--rgb-blue-light), 1);
}

dl.prof-wrap dd p.prof a:hover,
dl.prof-wrap dd p.prof a:active {
  text-decoration: none;
  color: rgba(var(--rgb-blue-light), 0.8);
}

/* .link-btn */
dl.prof-wrap dd a.link-btn {
  position: relative;
  z-index: 1;
  display: block;
  text-align: left;
  width: min(60%, 170px);
  margin-inline: auto;
  margin-top: 2em;
  padding: 0.4em 1.2em 0.4em 0.8em;
  font-family: var(--font-mix);
  color: var(--color-black) !important;
  background-color: var(--color-aqua);
  font-size: var(--fz-regular);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  transition: var(--transition-def);
  overflow: hidden;
}

dl.prof-wrap dd a.link-btn:hover {
  filter: var(--hover-filter-def);
}

dl.prof-wrap dd a.link-btn.type-external {
  letter-spacing: 0.08em;
  margin-inline: 0 auto;
}

dl.prof-wrap dd a.link-btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto 0;
  width: 7px;
  aspect-ratio: 7 / 16;
  background-image: url(/iwf2023/asset_subpage/img/svg/icon_arrow_black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: var(--transition-def);
}

dl.prof-wrap dd a.link-btn:not(.type-external):hover::after {
  transform: translateX(4px);
}

dl.prof-wrap dd a.link-btn.type-external::after {
  width: 14px;
  aspect-ratio: 1 / 1;
  background-image: url(/iwf2023/asset_subpage/img/svg/icon_link_target_black.svg);
}

dl.prof-wrap dd a.link-btn:not(.type-external):hover::after {
  transform: translateX(4px);
}

dl.prof-wrap dd a.link-btn.type-external:hover::after {
}

dl.prof-wrap dd a.link-btn.type-external {
}

/* リンク未設定ボタン */
dl.prof-wrap dd a.link-btn[href='#'] {
  pointer-events: none;
  opacity: 0.3;
  text-align: center;
  padding: 0.4em 0.8em 0.4em 0.8em;
}

dl.prof-wrap dd a.link-btn[href='#']::after {
  display: none;
}

/* ==================================================
Color Change
================================================== */
#day1 .section-frame,
#day1 .accordion {
  border-color: rgba(var(--rgb-day1), 1);
}

#day1 .section-head {
  border-color: rgba(var(--rgb-day1), 0.6);
}

#day1 .section-head .catch {
  color: var(--color-yellow);
}

#day1 .section-body {
  border-color: rgba(var(--rgb-day1), 0.6);
  background-color: rgba(var(--rgb-day1), 0.1);
}

#day1 .accordion > dt {
  color: var(--color-black);
  background-color: rgba(var(--rgb-day1), 1);
}

#day1 .accordion.open > dt {
  background-color: rgba(var(--rgb-day1), 0.6);
}

#day1 .accordion > dt .icon {
  background-color: rgba(var(--rgb-black), 1);
}

#day1 .accordion > dt .icon::before,
#day1 .accordion > dt .icon::after {
  background: var(--color-day1);
}

#day1 .accordion > dd {
  border-color: var(--color-day1);
  background: rgba(var(--rgb-black), 0.7);
}

#day1 dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-day1), 0.4);
}

#day1 dl.prof-wrap dt .name {
  color: var(--color-day1);
}

#day1 dl.prof-wrap dd p.prof a:link,
#day1 dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-day1), 1);
}

#day1 dl.prof-wrap dd p.prof a:hover,
#day1 dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-day1), 0.8);
}

#day1 dl.prof-wrap dd a.link-btn {
  background-color: var(--color-day1);
}

#day2 .section-frame,
#day2 .accordion {
  border-color: rgba(var(--rgb-day2), 1);
}

#day2 .section-head {
  border-color: rgba(var(--rgb-day2), 0.6);
}

#day2 .section-head .catch {
  color: var(--color-yellow);
}

#day2 .section-body {
  border-color: rgba(var(--rgb-day2), 0.6);
  background-color: rgba(var(--rgb-day2), 0.1);
}

#day2 .accordion > dt {
  color: var(--color-black);
  background-color: rgba(var(--rgb-day2), 1);
}

#day2 .accordion.open > dt {
  background-color: rgba(var(--rgb-day2), 0.6);
}

#day2 .accordion > dt .icon {
  background-color: rgba(var(--rgb-black), 1);
}

#day2 .accordion > dt .icon::before,
#day2 .accordion > dt .icon::after {
  background: var(--color-day2);
}

#day2 .accordion > dd {
  border-color: var(--color-day2);
  background: rgba(var(--rgb-black), 0.7);
}

#day2 dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-day2), 0.4);
}

#day2 dl.prof-wrap dt .name {
  color: var(--color-day2);
}

#day2 dl.prof-wrap dd p.prof a:link,
#day2 dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-day2), 1);
}

#day2 dl.prof-wrap dd p.prof a:hover,
#day2 dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-day2), 0.8);
}

#day2 dl.prof-wrap dd a.link-btn {
  background-color: var(--color-day2);
}

#day3 .section-frame,
#day3 .accordion {
  border-color: rgba(var(--rgb-day3), 1);
}

#day3 .section-head {
  border-color: rgba(var(--rgb-day3), 0.6);
}

#day3 .section-head .catch {
  color: var(--color-yellow);
}

#day3 .section-body {
  border-color: rgba(var(--rgb-day3), 0.6);
  background-color: rgba(var(--rgb-day3), 0.1);
}

#day3 .accordion > dt {
  color: var(--color-black);
  background-color: rgba(var(--rgb-day3), 1);
}

#day3 .accordion.open > dt {
  background-color: rgba(var(--rgb-day3), 0.6);
}

#day3 .accordion > dt .icon {
  background-color: rgba(var(--rgb-black), 1);
}

#day3 .accordion > dt .icon::before,
#day3 .accordion > dt .icon::after {
  background: var(--color-day3);
}

#day3 .accordion > dd {
  border-color: var(--color-day3);
  background: rgba(var(--rgb-black), 0.7);
}

#day3 dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-day3), 0.4);
}

#day3 dl.prof-wrap dt .name {
  color: var(--color-day3);
}

#day3 dl.prof-wrap dd p.prof a:link,
#day3 dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-day3), 1);
}

#day3 dl.prof-wrap dd p.prof a:hover,
#day3 dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-day3), 0.8);
}

#day3 dl.prof-wrap dd a.link-btn {
  background-color: var(--color-day3);
}

.section-frame.special,
.section-frame.special .accordion {
  border-color: rgba(var(--rgb-special), 1) !important;
}

.section-frame.special .section-head {
  border-color: rgba(var(--rgb-special), 0.6) !important;
  background-color: rgba(var(--rgb-special), 0.9) !important;
}

.section-frame.special .section-head .catch,
.section-frame.special .section-head .name {
  color: var(--color-black) !important;
}

.section-frame.special .section-body {
  border-color: rgba(var(--rgb-special), 0.6) !important;
  background-color: rgba(var(--rgb-special), 0.1) !important;
}

/*.section-frame.special .section-body .description p {
  color: #000;
  font-weight: 700;
}

.section-frame.special .section-body .description li {
  border: 1px solid #000;
}*/

.section-frame.special .accordion > dt {
  color: var(--color-black) !important;
  background-color: rgba(var(--rgb-special), 1) !important;
}

.section-frame.special .accordion.open > dt {
  background-color: rgba(var(--rgb-special), 0.6) !important;
}

.section-frame.special .accordion > dt .icon {
  background-color: rgba(var(--rgb-black), 1) !important;
}

.section-frame.special .accordion > dt .icon::before,
.section-frame.special .accordion > dt .icon::after {
  background: var(--color-special) !important;
}

.section-frame.special .accordion > dd {
  border-color: var(--color-special) !important;
  background: rgba(var(--rgb-black), 0.7) !important;
}

.section-frame.special dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-special), 0.4) !important;
}

.section-frame.special dl.prof-wrap dt .name {
  color: var(--color-special) !important;
}

.section-frame.special dl.prof-wrap dd p.prof a:link,
.section-frame.special dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-special), 1) !important;
}

.section-frame.special dl.prof-wrap dd p.prof a:hover,
.section-frame.special dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-special), 0.8) !important;
}

.section-frame.special dl.prof-wrap dd a.link-btn {
  background-color: var(--color-special) !important;
}

/* ========== */
.ver2 .description p .caution {
  color: var(--color-black);
}

.ver2 dl.prof-wrap dd p.prof {
  color: var(--color-white);
}

.ver2 dl.prof-wrap dt .caption {
  color: var(--color-gray-2);
}

.ver2 .accordion {
  border-width: 2px;
}
/* ========== */

.ver2 #day1 .section-frame {
  border-color: rgba(var(--rgb-day1), 1);
}

.ver2 #day1 .section-head {
  border-color: rgba(var(--rgb-day1), 0.6);
}

.ver2 #day1 .section-head .catch {
  color: var(--color-yellow);
}

.ver2 #day1 .section-body {
  border-color: rgba(var(--rgb-day1), 0.6);
  background-color: rgba(var(--rgb-day1), 0.8);
}

.ver2 #day1 .accordion > dt {
  color: rgba(var(--rgb-day1), 1);
  background-color: var(--color-black);
}

.ver2 #day1 .accordion.open > dt {
  background-color: rgba(var(--rgb-black), 0.8);
}

.ver2 #day1 .accordion {
  border-color: rgba(var(--rgb-black), 1);
}

.ver2 #day1 .accordion > dt .icon {
  background-color: transparent;
}

.ver2 #day1 .accordion > dt .icon::before,
.ver2 #day1 .accordion > dt .icon::after {
  background: var(--color-day1);
}

.ver2 #day1 .accordion > dd {
  border-color: var(--color-black);
  background: rgba(var(--rgb-black), 0.3);
}

.ver2 #day1 dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-black), 0.8);
}

.ver2 #day1 dl.prof-wrap dt .name {
  color: var(--color-white);
}

.ver2 #day1 dl.prof-wrap dd p.prof a:link,
.ver2 #day1 dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-aqua), 1);
}

.ver2 #day1 dl.prof-wrap dd p.prof a:hover,
.ver2 #day1 dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-aqua), 0.8);
}

.ver2 #day1 dl.prof-wrap dd a.link-btn {
  background-color: var(--color-day1);
}

.ver2 #day2 .section-frame {
  border-color: rgba(var(--rgb-day2), 1);
}

.ver2 #day2 .section-head {
  border-color: rgba(var(--rgb-day2), 0.6);
}

.ver2 #day2 .section-head .catch {
  color: var(--color-yellow);
}

.ver2 #day2 .section-body {
  border-color: rgba(var(--rgb-day2), 0.6);
  background-color: rgba(var(--rgb-day2), 0.8);
}

.ver2 #day2 .accordion > dt {
  color: rgba(var(--rgb-day2), 1);
  background-color: var(--color-black);
}

.ver2 #day2 .accordion.open > dt {
  background-color: rgba(var(--rgb-black), 0.8);
}

.ver2 #day2 .accordion {
  border-color: rgba(var(--rgb-black), 1);
}

.ver2 #day2 .accordion > dt .icon {
  background-color: transparent;
}

.ver2 #day2 .accordion > dt .icon::before,
.ver2 #day2 .accordion > dt .icon::after {
  background: var(--color-day2);
}

.ver2 #day2 .accordion > dd {
  border-color: var(--color-black);
  background: rgba(var(--rgb-black), 0.3);
}

.ver2 #day2 dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-black), 0.8);
}

.ver2 #day2 dl.prof-wrap dt .name {
  color: var(--color-white);
}

.ver2 #day2 dl.prof-wrap dd p.prof a:link,
.ver2 #day2 dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-aqua), 1);
}

.ver2 #day2 dl.prof-wrap dd p.prof a:hover,
.ver2 #day2 dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-aqua), 0.8);
}

.ver2 #day2 dl.prof-wrap dd a.link-btn {
  background-color: var(--color-day2);
}

.ver2 #day3 .section-frame {
  border-color: rgba(var(--rgb-day3), 1);
}

.ver2 #day3 .section-head {
  border-color: rgba(var(--rgb-day3), 0.6);
}

.ver2 #day3 .section-head .catch {
  color: var(--color-yellow);
}

.ver2 #day3 .section-body {
  border-color: rgba(var(--rgb-day3), 0.6);
  background-color: rgba(var(--rgb-day3), 0.8);
}

.ver2 #day3 .accordion > dt {
  color: rgba(var(--rgb-day3), 1);
  background-color: var(--color-black);
}

.ver2 #day3 .accordion.open > dt {
  background-color: rgba(var(--rgb-black), 0.8);
}

.ver2 #day3 .accordion {
  border-color: rgba(var(--rgb-black), 1);
}

.ver2 #day3 .accordion > dt .icon {
  background-color: transparent;
}

.ver2 #day3 .accordion > dt .icon::before,
.ver2 #day3 .accordion > dt .icon::after {
  background: var(--color-day3);
}

.ver2 #day3 .accordion > dd {
  border-color: var(--color-black);
  background: rgba(var(--rgb-black), 0.3);
}

.ver2 #day3 dl.prof-wrap:nth-child(n + 2) {
  border-color: rgba(var(--rgb-black), 0.8);
}

.ver2 #day3 dl.prof-wrap dt .name {
  color: var(--color-white);
}

.ver2 #day3 dl.prof-wrap dd p.prof a:link,
.ver2 #day3 dl.prof-wrap dd p.prof a:visited {
  color: rgba(var(--rgb-aqua), 1);
}

.ver2 #day3 dl.prof-wrap dd p.prof a:hover,
.ver2 #day3 dl.prof-wrap dd p.prof a:active {
  color: rgba(var(--rgb-aqua), 0.8);
}

.ver2 #day3 dl.prof-wrap dd a.link-btn {
  background-color: var(--color-day3);
}


/* ラベル NEWS
------------------------------ */
.section-frame.label-news {
  margin-top: var(--clamp5);
}

.section-frame.label-news .section-head {
  position: relative;
}

.section-frame.label-news .section-head::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  aspect-ratio: 360 / 50;
  width: min(76%, 300px);
  background-image: url("/iwf2023/asset_subpage/img/svg/label_news.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-bottom: 20px;
}

.section-frame.label-news .section-head {
  padding-top: var(--clamp4);
}