@charset "utf-8";

#fullWrap {
  position: relative;
  z-index: 0;
  background: linear-gradient(90deg, #D0E2FF 0%, #CCF7FF 20%, #F4FFE2 50%, #CCF7FF 80%, #D0E2FF 100%);
  overflow-x: clip;
}
.mainTitle,
.special {
  width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
  margin: 0 auto;
  padding: 0 min(calc(153 / var(--vw-min) * 100vw),153px);
}
.mainTitle {
  padding-top: min(calc(119 / var(--vw-min) * 100vw),119px);
  position: relative;
}
.mainTitle__title {
  width: min(calc(606 / var(--vw-min) * 100vw),606px);
  height: min(calc(78 / var(--vw-min) * 100vw),78px);
  margin: 0 auto min(calc(80 / var(--vw-min) * 100vw),80px);
  background: url(../../img/top/title_special.svg) no-repeat center center / contain;
  position: relative;
  z-index: 1;
}
.mainTitle__deco {
  position: absolute;
  top: min(calc(176 / var(--vw-min) * 100vw),176px);
  right: max(calc(-109 / var(--vw-min) * 100vw),-109px);
  width: min(calc(436 / var(--vw-min) * 100vw),436px);
  height: min(calc(120 / var(--vw-min) * 100vw),120px);
  background: url(../../img/live/deco_cloud.png) no-repeat center center / contain;
}
.special {
  position: relative;
  z-index: 1;
}

.special__content {
  min-height: min(calc(160 / var(--vw-min) * 100vw),160px);
  max-width: 920px;
  margin: 0 auto;
}
.special__lists {
  display: flex;
  flex-wrap: wrap;
}
.special__item {
  width: 50%;
  min-width: 0;
  padding: 0 min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(40 / var(--vw-min) * 100vw),40px);
}
.special__itemLink {
  display: block;
  width: 100%;
  padding-top: 52.5%;
  position: relative;
  box-shadow: 0 0 min(calc(16 / var(--vw-min) * 100vw),16px) rgba(0,195,195,.4);
  transition: transform .8s ease;
}
.special__itemLink img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.special__itemName {
  padding-top: .5em;
  font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
  text-align: center;
  color: var(--color-purple);
}
.special__status {
  text-align: center;
  color: var(--color-purple);
  font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
  font-weight: 900;
}
.special__status[hidden],
.special__article[hidden] {
  display: none;
}
.special__article {
  margin-bottom: min(calc(64 / var(--vw-min) * 100vw),64px);
}
.special__header {
  padding: min(calc(36 / var(--vw-min) * 100vw),36px);
  border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg, #CFC8FF 0%, #8C8EEF 100%);
}
.special__detailTitle {
  color: #fff;
  font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
  font-weight: 700;
  line-height: 1.5;
}
.special__detailContent {
  padding: min(calc(40 / var(--vw-min) * 100vw),40px);
  border: 3px solid #8C8EEF;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: rgba(255,255,255,.6);
  font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
  overflow-wrap: anywhere;
  display: flow-root;
}
.special__detailContent p {
  margin-bottom: 1.5em;
}
.special__detailContent img {
  max-width: 100%;
  height: auto;
}
.special__detailContent a {
  color: var(--color-purple);
}
.special__detailContent em {
  font-style: italic;
  font-weight: inherit;
}
.special__detailContent :is(h1,h2,h3,h4,h5,h6) {
  margin: 1em 0 .5em;
  font-weight: 700;
}
.special__detailContent :is(ul,ol):not(.keyword__lists) {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}
.special__detailContent ul:not(.keyword__lists) > li { list-style: disc; }
.special__detailContent ol > li { list-style: decimal; }
.special__detailContent .alignleft { float: left; margin: 0 1.5em 1em 0; }
.special__detailContent .alignright { float: right; margin: 0 0 1em 1.5em; }
.special__detailContent .aligncenter { display: block; margin: 0 auto 1.5em; }
.special__detailContent iframe {
  display: block;
  width: min(100%,720px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}
.special__detailContent table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.keyword__lists { margin-bottom: 2em; }
.keyword__item {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid var(--color-lightpurple);
}
.keyword__item:last-child { margin-bottom: 0; border-bottom: 0; }
.keyword__name {
  width: 100%;
  color: var(--color-purple);
  font-size: 1.5em;
  margin-bottom: 0 !important;
}
.keyword__name:before { content: '▶'; margin-right: .5em; }
.keyword__left { width: 40%; }
.keyword__left img { display: block; width: 100%; }
.keyword__right { flex: 1; min-width: 0; }
.special__back {
  width: min(100%,320px);
  margin: 2em auto 0;
}
@media (hover:hover) {
  a.special__itemLink:hover { transform: scale(1.05); transition-duration: .3s; }
}
@media (prefers-reduced-motion:reduce) {
  .special__itemLink { transition: none; }
}
@media screen and (max-width:768px) {
  .mainTitle,
  .special {
    width: 100%;
    padding: 0 calc(8 / var(--vw-min) * 100vw);
  }
  .mainTitle {
    padding-top: calc(58 / var(--vw-min) * 100vw);
  }
  .mainTitle__title {
    width: calc(295 / var(--vw-min) * 100vw);
    height: calc(38 / var(--vw-min) * 100vw);
    margin-bottom: calc(40 / var(--vw-min) * 100vw);
  }
  .mainTitle__deco {
    display: none;
  }
  .special__item {
    width: 100%;
    padding: 0 calc(12 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
  }
  .special__itemName { font-size: calc(13 / var(--vw-min) * 100vw); }
  .special__status { font-size: calc(28 / var(--vw-min) * 100vw); }
  .special__header { padding: calc(17 / var(--vw-min) * 100vw); }
  .special__detailTitle { font-size: calc(15 / var(--vw-min) * 100vw); }
  .special__detailContent {
    padding: calc(24 / var(--vw-min) * 100vw) calc(17 / var(--vw-min) * 100vw);
    font-size: calc(13 / var(--vw-min) * 100vw);
  }
  .keyword__item { display: block; }
  .keyword__left { width: 100%; margin: 1em 0; }
}