@charset "UTF-8";
.event-view__title {
  margin-bottom: 0.625rem;
  word-break: keep-all;
  word-wrap: break-word; }

.event-view__title2 {
  margin: 2.5rem 0 0.9375rem;
  padding-bottom: 0.3125rem;
  color: #000;
  border-bottom: 1px solid black; }

@media (min-width: 60em) {
  .event-view {
    zoom: 1; }
    .event-view:before {
      content: '';
      display: block; }
    .event-view:after {
      content: '';
      display: table;
      clear: both; } }

@media (min-width: 80em) {
  .event-view__title {
    margin-bottom: 1.5625rem; }
  .event-view__title2 {
    margin: 3.75rem 0 1.875rem;
    padding-bottom: 0.4375rem;
    border-bottom-width: 2px; }
    .event-view__title2--sm {
      margin-top: 1.5625rem;
      font-size: 1.0625rem;
      border-bottom-width: 1px; } }

@media (min-width: 60em) {
  .event-pad {
    float: left;
    width: calc(100% - 260px - 40px); }
  .event-aside {
    position: absolute;
    right: 0;
    width: 260px; }
    .event-aside + .event-detail {
      margin-top: 0; }
    .event-aside.is-sticky .step {
      display: none; }
      .event-aside.is-sticky .step--current {
        display: block; } }

.event-view-header {
  margin: 3.75rem 0 1.25rem; }
  .event-view-header .event-share {
    margin-top: 0.625rem; }
    .event-view-header .event-share__btn {
      position: relative;
      display: inline-block;
      font-size: 0; }
      .event-view-header .event-share__btn + .event-share__btn {
        margin-left: 0.625rem; }
    .event-view-header .event-share .icon {
      color: #767676;
      font-size: 1.375rem;
      line-height: 1; }
      .event-view-header .event-share .icon-copy-url {
        font-size: 1.25rem; }
  .event-view-header .event-date {
    margin: 0; }
  @media (min-width: 60em) {
    .event-view-header {
      margin: 4.375rem 0 1.875rem; }
      .event-view-header .event-share {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        margin-left: 1.25rem;
        padding-left: 1.25rem; }
        .event-view-header .event-share::before {
          position: absolute;
          top: 4px;
          left: 0;
          width: 2px;
          height: 20px;
          background-color: #ccc;
          content: ''; }
      .event-view-header .event-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  @media (min-width: 80em) {
    .event-view-header {
      margin: 3.75rem 0 3.125rem; }
      .event-view-header .event-date {
        font-size: 1rem; } }

.event-nav {
  margin-top: 0.75rem;
  font-size: 0.9375rem; }
  .event-nav li {
    opacity: 0.4;
    min-height: 0;
    padding: 0.625rem 1.875rem 0.625rem 0.9375rem; }
    .event-nav li:hover, .event-nav li:focus {
      background-color: #f7f7f7; }
    .event-nav li > a {
      padding: 0;
      color: #000; }
    .event-nav li .num {
      background-color: #ddd;
      color: #000;
      line-height: 27px; }
    .event-nav li.has-link {
      opacity: 0.7; }
      .event-nav li.has-link > a {
        color: #4477be;
        font-weight: 700; }
        .event-nav li.has-link > a .num {
          color: #fff;
          background-color: #4477be; }
    .event-nav li.is-selected {
      opacity: 1; }
      .event-nav li.is-selected > a {
        color: #4477be;
        font-weight: 700; }
        .event-nav li.is-selected > a .num {
          color: #fff;
          background-color: #4477be; }
  .event-nav .dropdown-selector {
    color: #4477be;
    font-weight: 700;
    opacity: 1; }
    .event-nav .dropdown-selector::before, .event-nav .dropdown-selector::after {
      color: #767676; }
    .event-nav .dropdown-selector .num {
      color: #fff;
      background-color: #4477be; }
  .event-nav .num {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 0.625rem;
    color: #fff;
    font-family: "brandon-grotesque", "Arita", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    background-color: #444; }
  @media (min-width: 60em) {
    .event-nav {
      display: none; } }

.event-view-footer {
  margin-bottom: 6.25rem; }
  .event-view-footer .func {
    margin-top: 2.5rem; }
  @media (min-width: 60em) {
    .event-view-footer .func {
      margin-top: 5rem; } }

.event-intro__cont {
  margin: 0.9375rem 0 1.875rem; }

.event-intro__title {
  margin-bottom: 0.9375rem;
  word-break: keep-all;
  word-wrap: break-word; }

.event-intro__text {
  margin: 0.75rem 0; }
  .event-intro__text--em {
    color: #4477be; }

.event-intro__info .info-item + .info-item {
  margin-top: 0.625rem; }

.event-intro-video .video-caption {
  position: relative;
  background-color: #f7f7f7; }
  .event-intro-video .video-caption::before, .event-intro-video .video-caption::after {
    position: absolute;
    left: 0;
    width: calc(100% - 15px);
    height: 20px;
    background-color: #f7f7f7;
    content: ''; }
  .event-intro-video .video-caption::before {
    top: 0; }
  .event-intro-video .video-caption::after {
    bottom: 0; }
  .event-intro-video .video-caption__inner {
    overflow-y: scroll;
    height: 40px;
    padding: 20px;
    font-size: 0.875rem; }
  .event-intro-video .video-caption__text {
    margin: 0; }
    .event-intro-video .video-caption__text br {
      display: none; }

@media (min-width: 60em) {
  .event-intro__info {
    margin-top: 20px; } }

@media (min-width: 80em) {
  .event-intro__cont {
    position: relative;
    margin: 55px 0 70px;
    padding-left: 360px; }
  .event-intro__title {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 360px; }
  .event-intro__text {
    font-size: 1rem; } }

.event-aside .step-list {
  display: none; }

@media (min-width: 60em) {
  .event-aside .step {
    display: block;
    position: relative;
    padding: 6px 0 6px 37px;
    font-size: 1rem;
    border-radius: 30px;
    background-color: #eaeaea;
    color: #000;
    letter-spacing: -.05em; }
    .event-aside .step + .step {
      margin-top: 10px; }
    .event-aside .step--link {
      background-color: #d1e2fc; }
      .event-aside .step--link .step__text {
        display: inline;
        width: calc(100%);
        background-image: -o-linear-gradient(transparent calc(100% - 1px), #000 1px);
        background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
        background-repeat: no-repeat;
        background-size: 0% 100%;
        -webkit-transition: background-size .3s;
        -o-transition: background-size .3s;
        transition: background-size .3s; }
      .event-aside .step--link::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 16px;
        width: 6px;
        height: 6px;
        border-top: 2px solid;
        border-right: 2px solid;
        opacity: .7;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .event-aside .step--link:hover .step__text, .event-aside .step--link:focus .step__text {
        background-size: 100% 100%; }
      .event-aside .step--link:hover::before, .event-aside .step--link:focus::before {
        opacity: 1; }
    .event-aside .step--current {
      color: #fff;
      background-color: #4477be; }
      .event-aside .step--current .step__num {
        color: #4477be; }
      .event-aside .step--current .step__text {
        border-bottom: 1px solid #fff; }
      .event-aside .step--current::before {
        display: none; }
      .event-aside .step--current:hover, .event-aside .step--current:focus {
        opacity: 1; }
        .event-aside .step--current:hover .step__text, .event-aside .step--current:focus .step__text {
          background-size: 0 0; }
    .event-aside .step-list {
      display: block;
      margin-bottom: 1.25rem; }
    .event-aside .step__num {
      position: absolute;
      top: 10px;
      left: 9px;
      width: 21px;
      height: 21px;
      margin-right: 2px;
      color: #2b2b2b;
      font-family: "brandon-grotesque", "Arita", sans-serif;
      font-size: 13px;
      font-weight: 600;
      text-align: center;
      border-radius: 50%;
      line-height: 21px;
      background-color: #fff; }
    .event-aside .step__text {
      display: inline-block;
      font-size: 0.9375rem;
      line-height: 1.2; } }

.e-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.1875rem;
  padding: 1.25rem 3%;
  color: #000;
  border: 1px solid #ddd; }
  .e-gift + .func {
    margin-top: 0.625rem; }
  .e-gift__img {
    width: 40%;
    max-width: 200px; }
  .e-gift__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 60%;
    font-size: 0.9375rem; }
  .e-gift__btn {
    min-width: inherit;
    padding: 0;
    color: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .e-gift__btn:hover, .e-gift__btn:focus {
      color: #000;
      border-bottom: 1px solid #000; }
  .e-gift__text {
    max-width: 100%;
    margin: 0.5rem 0 0.625rem;
    word-break: keep-all;
    word-wrap: break-word; }
  @media (min-width: 60em) {
    .e-gift {
      display: block;
      margin-top: 0;
      padding: 0 0 2.5rem; }
      .e-gift + .func {
        margin-top: 2.5rem; }
      .e-gift__img, .e-gift__cont {
        width: auto;
        text-align: center; }
      .e-gift__img {
        max-width: none; }
      .e-gift__cont {
        padding: 0 1.25rem; }
      .e-gift__btn {
        display: block;
        margin: auto; }
      .e-gift__brow {
        display: block;
        width: 100%; }
      .e-gift__text {
        margin-top: 0;
        width: 100%; } }
  @media screen and (min-width: 60em) and (max-height: 770px) {
    .e-gift__img > img {
      display: block;
      height: 25vh;
      min-height: 145px;
      margin: 0 auto; }
    .e-gift + .func {
      margin-top: 1.25rem; } }

.event-detail .event-ol + .event-ul {
  margin: 1.875rem 0 0; }

.event-detail .event-ol .item + .item {
  margin-top: 0.9375rem; }

.event-detail .event-ol .num {
  color: #000;
  font-weight: 700; }

.event-detail .event-ol .text {
  margin: 0.625rem 0;
  font-size: 1rem;
  word-break: keep-all;
  word-wrap: break-word; }

.event-detail .event-ul {
  font-size: 0.875rem; }
  .event-detail .event-ul--em {
    margin-bottom: 1.5625rem;
    font-size: 1rem; }
    .event-detail .event-ul--em li {
      position: relative;
      padding-left: 5rem; }
      .event-detail .event-ul--em li + li {
        margin-top: 0.4375rem; }
  .event-detail .event-ul__title {
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    font-weight: 700; }

@media (min-width: 60em) {
  .event-detail .event-dl {
    margin-bottom: 1.25rem; }
    .event-detail .event-dl dt,
    .event-detail .event-dl dd {
      margin-bottom: 0.625rem; }
  .event-detail .event-ol .item {
    position: relative;
    padding-left: 4.6875rem; }
  .event-detail .event-ol .title {
    font-size: 1.1875rem; }
  .event-detail .event-ol .num {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 1rem;
    line-height: 1.2; } }

.event-winner {
  position: relative; }
  .event-winner::before, .event-winner::after {
    position: absolute;
    left: 0;
    width: calc(100% - 16px);
    height: 20px;
    background-color: #fff;
    content: ''; }
  .event-winner::before {
    top: 0; }
  .event-winner::after {
    bottom: 1px; }
  .event-winner__inner {
    max-height: 320px;
    margin-top: -0.9375rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid #ddd; }
  .event-winner .winner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .event-winner .winner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 0.1875rem 0.375rem; }
  @media (min-width: 45em) {
    .event-winner .winner {
      width: 33.33333%; } }
  @media (min-width: 80em) {
    .event-winner__inner {
      padding-bottom: 2.1875rem;
      max-height: 150px; }
    .event-winner .winner {
      width: 20%;
      padding: 0.375rem 0rem; } }

.event-gallery {
  position: relative;
  margin-top: 2.8125rem;
  padding: 2.5rem 0; }
  .event-gallery::before {
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    bottom: 0;
    z-index: -1;
    background-color: #f7f7f7;
    content: ''; }
  .event-gallery__title {
    margin-bottom: 0.625rem;
    font-size: 1.0625rem;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word; }
  .event-gallery .func {
    margin-top: 1.25rem; }
  .event-gallery__btn {
    display: inline-block;
    padding: 0.4375rem 1.875rem;
    color: #000;
    font-size: 0.9375rem;
    font-weight: 700;
    border: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .event-gallery__btn:hover, .event-gallery__btn:focus {
      border-color: #4477be;
      background-color: #4477be;
      color: #fff; }
  @media (min-width: 45em) {
    .event-gallery {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
      .event-gallery::before {
        left: 0;
        right: 0; }
      .event-gallery .swiper-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .event-gallery .swiper-slide {
        width: calc(50% - 5px); }
        .event-gallery .swiper-slide:nth-child(n+3) {
          margin-top: 10px; } }
  @media (min-width: 80em) {
    .event-gallery {
      margin-top: 5rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 3.125rem 4.0625rem 5rem; }
      .event-gallery .func {
        margin-top: 2.5rem; } }

.modal-event .tingle-modal-box {
  min-width: 250px;
  max-width: 420px;
  width: calc(100% - 40px); }
  .modal-event .tingle-modal-box__content {
    padding: 5rem 2.5rem 3.75rem; }

.modal-event .tingle-modal__close {
  top: 18px;
  right: 18px;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s; }
  .modal-event .tingle-modal__close:hover {
    color: #000; }
  .modal-event .tingle-modal__close:before {
    content: '\ea0b';
    display: inline-block;
    font-family: 'icon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    font-size: 18px; }

.modal-event .tingle-modal__closeIcon {
  display: none; }

@media (min-width: 35em) {
  .modal-event .tingle-modal-box__content {
    padding-left: 3.75rem;
    padding-right: 3.75rem; } }

.e-modal {
  position: relative;
  min-height: 340px;
  text-align: center; }
  .e-modal__title {
    color: #000;
    font-size: 1.3125rem; }
  .e-modal__desc, .e-modal__notice {
    word-break: keep-all;
    word-wrap: break-word; }
  .e-modal__desc {
    margin: 0.625rem 0 0.9375rem;
    color: #444;
    font-size: 1rem; }
  .e-modal__usernumber {
    margin: 0;
    padding: 1.875rem 0;
    color: #000;
    font-size: 1.0625rem;
    border-top: 2px solid #5f5f5f; }
  .e-modal__notice {
    position: relative;
    margin: 0;
    padding-top: 1.25rem;
    padding-bottom: 6.25rem;
    color: #767676;
    border-top: 1px solid #ccc; }
  .e-modal .func {
    position: absolute;
    bottom: 0;
    width: 100%; }
  @media (min-width: 35em) {
    .e-modal__title {
      color: #000;
      font-size: 1.8125rem; }
    .e-modal__desc {
      margin: 1.5625rem 0 1.25rem; } }

.event__header {
  padding-top: 70px;
  margin-bottom: 20px;
  text-align: center; }

.event__cap {
  margin-bottom: 36px; }

.event__tabs {
  display: none; }

.event__body {
  margin-bottom: 2.1875rem; }
  .event__body .pagination {
    margin-bottom: 4.0625rem; }

.event__nav .dropdown-selector {
  border-color: #ccc; }
  .event__nav .dropdown-selector:hover, .event__nav .dropdown-selector:focus {
    border-color: #ccc; }

.event__nav.is-opened .dropdown-selector {
  border-color: #ccc; }
  .event__nav.is-opened .dropdown-selector:hover, .event__nav.is-opened .dropdown-selector:focus {
    border-color: #ccc; }

.event__nav.is-opened .dropdown-options {
  border-color: #ccc; }
  .event__nav.is-opened .dropdown-options li.is-selected a:hover {
    color: #79a3dc; }
  .event__nav.is-opened .dropdown-options li > a:hover {
    background-color: #f7f7f7;
    color: #444; }

.event__tabs {
  display: none; }

@media (min-width: 45em) {
  .event__cap {
    display: block; } }

@media (min-width: 60em) {
  .event {
    min-height: 0; }
    .event__header {
      padding-top: 44px;
      margin-bottom: 40px; }
    .event__cap {
      margin-top: 36px; }
    .event__tabs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 3.75rem; }
    .event__body {
      margin-bottom: 6.25rem; } }

.event-list .event__item {
  margin-bottom: 1.875rem; }

.event-list .event__link {
  display: block;
  margin-bottom: 2.1875rem; }

.event-list .event__thumb {
  position: relative;
  padding-top: 75%;
  overflow: hidden; }
  .event-list .event__thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.event-list .event__cont {
  padding: 1.5625rem 0; }

.event-list .event__title {
  margin-bottom: .25em;
  color: #000;
  font-size: 1rem;
  word-break: keep-all;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: normal; }

.event-list .event__date {
  color: #5f5f5f;
  font-size: 0.875rem; }

@media (min-width: 35em) {
  .event-list .event__link {
    margin-bottom: 1.5625rem; }
  .event-list .event__cont {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.9375rem 0; }
  .event-list .event__title {
    height: 56px; } }

@media (min-width: 80em) {
  .event-list .event__link {
    margin-bottom: 3.75rem; }
  .event-list .event__title {
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-wrap: normal; } }