@charset "UTF-8";

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

  Layout - Second Page
  /event/
  /event/detail/00

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

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

  Intro

--------------------------- */
@media (min-width: 751px) and (max-width: 1100px) {
/* Intro > Illust */
.int-illust img:nth-child(1) { top: -60px; }
.int-illust img:nth-child(2) { right: -20px; top: 20px; }
.int-illust img:nth-child(3) { top: 10px; }
}
/* ------------------------ */
@media (min-width: 751px) and (max-width: 950px) {
/* Intro > Illust */
.int-illust img:nth-child(1) { right: -30px; }
.int-illust img:nth-child(3) { top: 70px; }
}
/* ------------------------ */
@media (max-width: 750px) {
/* Intro > Illust */
.int-illust img:nth-child(1) {
  max-width: 100px;
  right: 2.5%;
  top: -5px;
  }
.int-illust img:nth-child(2) {
  bottom: 10%;
  left: 5%;
  max-width: 70px;
  }
.int-illust img:nth-child(3) {
  bottom: -10px;
  max-width: 70px;
  right: 10%;
  z-index: 1;
  }
  /* Intro > Scheme - Page Custom */
  #intro.mdl .int-illust img:nth-child(1) { max-width: 70px; }
  #intro.mdl .int-illust img:nth-child(2) { max-width: 40px; }
  #intro.mdl .int-illust img:nth-child(3) { max-width: 50px; }
}

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

  container

--------------------------- */
@media (min-width: 751px) { #event_list .container { margin-top: 20px; } }

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

  Color Scheme

--------------------------- */
.evt-srt-item.all { border-color: #828181; color: #828181; }
  .evt-srt-item.all.active { background-color: #828181; }
.evt-srt-item.event { border-color: #01c44a; color: #01c44a; }
  .evt-srt-item.event.active { background-color: #01c44a; }
  .evt-catlist ul li.event { background-color: #01c44a; }
.evt-srt-item.sale { border-color: #ff0101; color: #ff0101; }
  .evt-srt-item.sale.active { background-color: #ff0101; }
  .evt-catlist ul li.sale { background-color: #ff0101; }
.evt-srt-item.newitem { border-color: #fe01cb; color: #fe01cb; }
  .evt-srt-item.newitem.active { background-color: #fe01cb; }
  .evt-catlist ul li.newitem { background-color: #fe01cb; }
.evt-srt-item.food { border-color: #fc9a1c; color: #fc9a1c; }
  .evt-srt-item.food.active { background-color: #fc9a1c; }
  .evt-catlist ul li.food { background-color: #fc9a1c; }
.evt-srt-item.location { border-color: #7301ff; color: #7301ff; }
  .evt-srt-item.location.active { background-color: #7301ff; }
  .evt-catlist ul li.location { background-color: #7301ff; }
.evt-srt-item.spring { border-color: #03c1ba; color: #03c1ba; }
  .evt-srt-item.spring.active { background-color: #03c1ba; }
  .evt-catlist ul li.spring { background-color: #03c1ba; }
.evt-srt-item.summer { border-color: #03bdf2; color: #03bdf2; }
  .evt-srt-item.summer.active { background-color: #03bdf2; }
  .evt-catlist ul li.summer { background-color: #03bdf2; }
.evt-srt-item.autumn { border-color: #fc5b1c; color: #fc5b1c; }
  .evt-srt-item.autumn.active { background-color: #fc5b1c; }
  .evt-catlist ul li.autumn { background-color: #fc5b1c; }
.evt-srt-item.winter { border-color: #be370d; color: #be370d; }
  .evt-srt-item.winter.active { background-color: #be370d; }
  .evt-catlist ul li.winter { background-color: #be370d; }
.evt-srt-item.allyear { border-color: #1a8884; color: #1a8884; }
  .evt-srt-item.allyear.active { background-color: #1a8884; }
  .evt-catlist ul li.allyear { background-color: #1a8884; }
/* Color Scheme > Active */
.evt-srt-item.active { color: rgba(255, 255, 255, 1); }
/* Color Scheme > None */
.evt-srt-item.none { cursor: default; opacity: .3; pointer-events: none; }

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

  Category List

--------------------------- */
.evt-catlist {
  width: 100%;
  box-sizing: border-box;
  }
  .evt-catlist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    }
    .evt-catlist ul li {
      color: rgba(255, 255, 255, 1);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      }
/* ------------------------ */
@media (min-width: 751px) {
.evt-catlist { padding: 5px 20px 10px; }
  .evt-catlist ul {}
    .evt-catlist ul li {
      font-size: 16px;
      height: 30px;
      margin: 0 2% 10px;
      width: 46%;
      }
}
/* ------------------------ */
@media (max-width: 750px) {
.evt-catlist { padding: 5px 15px 10px; }
  .evt-catlist ul {}
    .evt-catlist ul li {
      font-size: 14px;
      height: 30px;
      margin: 0 2% 10px;
      width: 46%;
      }
}

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

  List

--------------------------- */
/* List > Sort */
.evt-sort {
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .evt-sort .inner {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    transition: 0.3s ease-in-out;
    }
    .evt-srt-item {
      background-color: rgba(255, 255, 255, 1);
      border: 2px solid;
      width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 100px;
      box-sizing: border-box;
      }
/* List > List */
.evt-list.sec { background-color: rgba(245, 245, 245, 1); }
  .evt-list.sec .inner {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    }
    .evt-lst-item {
      background-color: rgba(255, 255, 255, 1);
      padding: 1px;
      }
      .evt-lst-itm-con {
        margin-top: 0;
        width: 100%;
        box-sizing: border-box;
        }
        a.evt-lst-itm-link .evt-lst-itm-ttl { border-bottom: none; }
        a.evt-lst-itm-link .evt-lst-itm-ttl:after { display: none; }
        .evt-lst-itm-more {
          font-weight: 700;
          text-align: right;
          }
/* ------------------------ */
@media (min-width: 751px) {
/* List > Sort */
.evt-sort { padding: 20px 180px; }
  .evt-sort .inner { max-width: 1290px; }
    .evt-srt-item {
      font-size: 18px;
      height: 55px;
      margin: 0 1% 20px;
      max-width: 14.66666666666667%;
      }
/* List > List */
.evt-list.sec { padding: 60px 30px; }
  .evt-list.sec .inner { max-width: 1080px; }
    .evt-lst-itm-con { padding: 15px 25px; }
      .evt-lst-itm-more {
        margin-top: 10px;
        transition: 0.3s ease-in-out;
        }
  /* List > List > Hover */
  a.evt-lst-itm-link:hover .evt-lst-itm-more { color: rgba(25, 120, 240, 1); }
}
/* ------------------------ */
@media (min-width: 751px) and (max-width: 1200px) {
/* List > Sort */
.evt-sort {
  padding-left: 90px;
  padding-right: 90px;
  }
  .evt-srt-item { max-width: 18%; }
}
/* ------------------------ */
@media (min-width: 751px) and (max-width: 1100px) {
/* List > Sort */
.evt-sort {}
  .evt-srt-item { max-width: 23%; }
}
/* ------------------------ */
@media (min-width: 751px) and (max-width: 900px) {
/* List > Sort */
.evt-sort {
  padding-left: 40px;
  padding-right: 40px;
  }
  .evt-srt-item { max-width: 31.33333333333333%; }
}
/* ------------------------ */
@media (max-width: 750px) {
/* List > Sort */
.evt-sort { padding: 10px; }
  .evt-list.sec .inner {}
    .evt-sort .inner {}
      .evt-srt-item {
        font-size: 14px;
        height: 80px;
        margin: 0 1% 8px;
        max-width: 23%;
        border-radius: 5px;
        }
/* List > List */
.evt-list.sec { padding: 20px 15px; }
  .evt-lst-itm-con { padding: 15px 25px; }
    .evt-lst-itm-more {
      margin-top: 10px;
      transition: 0.3s ease-in-out;
      }
}

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

  Detail - Base

--------------------------- */
/* ------------------------ */
@media (min-width: 751px) {
/* Detail > Intro */
#event_detail #intro { padding: 70px 300px 80px; }
}
/* ------------------------ */
@media (max-width: 750px) {
/* Detail > Intro */
#event_detail #intro { padding: 40px 20px 70px; }
#event_detail .int-ttl {
  font-size: 20px;
  flex-direction: column;
  }
#event_detail .int-ttl i {
  height: 50px;
  width: 50px;
  }
#event_detail .int-illust img:nth-child(1) { max-width: 70px; }
#event_detail .int-illust img:nth-child(2) { max-width: 40px; }
#event_detail .int-illust img:nth-child(3) { max-width: 50px; }
}

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

  Detail - Wrap

--------------------------- */
.evt-dtl-wrap { margin: 0 auto; }
  /* Detail - Wrap > Title Area */
  .evt-dtl-ttlarea {}
    .evt-dtl-ttl { font-weight: 700; }
  /* Detail - Wrap > Thumbnail Area */
  .evt-dtl-thumbarea {}
    .evt-dtl-thumbarea img {}
  /* Detail - Wrap > Text Area */
  .evt-dtl-txtarea {}
    .evt-dtl-txtarea p { word-break: break-all; }
    .evt-dtl-txtarea p img {
      height: auto !important;
      max-width: 100% !important;
      width: auto !important;
      }
    .evt-dtl-txtarea p:last-child { margin-bottom: 0; }
  /* Detail - Wrap > Outline Area */
  .evt-dtl-outlinearea { border-top: 1px solid rgba(0, 0, 0, 1); }
    .evt-dtl-outlinearea dl {
      border-bottom: 1px solid rgba(0, 0, 0, 1);
      display: flex;
      justify-content: flex-start;
      }
      .evt-dtl-outlinearea dl dt,
      .evt-dtl-outlinearea dl dd {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        }
      .evt-dtl-outlinearea dl dt {
        background-color: rgba(230, 240, 250, 1);
        justify-content: center;
        }
        .evt-dtl-outlinearea dl dt span { text-align: left; }
      .evt-dtl-outlinearea dl dd {
        flex-wrap: wrap;
        justify-content: flex-start;
        }
/* ------------------------ */
@media (min-width: 751px) {
.evt-dtl-wrap {
  margin-top: 80px;
  max-width: 800px;
  padding-bottom: 40px;
  }
  /* Detail - Wrap > Title Area */
  .evt-dtl-ttl {
    font-size: 28px;
    letter-spacing: -0.5px;
    }
  /* Detail - Wrap > Thumbnail Area */
  .evt-dtl-thumbarea { margin-top: 40px; }
  /* Detail - Wrap > Text Area */
  .evt-dtl-txtarea { margin-top: 50px; }
    .evt-dtl-txtarea p {
      font-size: 18px;
      line-height: 2;
      margin-bottom: 30px;
      }
  /* Detail - Wrap > Outline Area */
  .evt-dtl-outlinearea { margin-top: 50px; }
    .evt-dtl-outlinearea dl dt,
    .evt-dtl-outlinearea dl dd {
      font-size: 18px;
      padding: 15px 40px;
      }
    .evt-dtl-outlinearea dl dt { min-width: 30%; }
      .evt-dtl-outlinearea dl dt span { min-width: 60px; }
  /* Detail - Wrap > Category Area */
  .evt-dtl-catarea .evt-catlist {
    margin-top: 30px;
    padding: 0;
    }
    .evt-dtl-catarea .evt-catlist ul li {
      margin: 0 7.5px 15px;
      max-width: 145px;
      }
  /* Detail - Wrap > Share Area */
  .evt-dtl-sharearea { margin-top: 40px; }
}
/* ------------------------ */
@media (max-width: 750px) {
.evt-dtl-wrap {
  margin-top: 40px;
  padding: 0 20px 20px;
  }
  /* Detail - Wrap > Title Area */
  .evt-dtl-ttl { font-size: 23px; }
  /* Detail - Wrap > Thumbnail Area */
  .evt-dtl-thumbarea { margin-top: 30px; }
  /* Detail - Wrap > Text Area */
  .evt-dtl-txtarea { margin-top: 30px; }
    .evt-dtl-txtarea p {
      font-size: 14px;
      line-height: 2;
      margin-bottom: 20px;
      }
  /* Detail - Wrap > Outline Area */
  .evt-dtl-outlinearea { margin-top: 30px; }
    .evt-dtl-outlinearea dl dt,
    .evt-dtl-outlinearea dl dd {
      font-size: 14px;
      padding: 15px 20px;
      }
    .evt-dtl-outlinearea dl dt { min-width: 25%; }
      .evt-dtl-outlinearea dl dt span { min-width: 45px; }
  /* Detail - Wrap > Category Area */
  .evt-dtl-catarea .evt-catlist {
    margin-top: 30px;
    padding: 0;
    }
    .evt-dtl-catarea .evt-catlist ul li { margin: 0 2% 10px; }
  /* Detail - Wrap > Share Area */
  .evt-dtl-sharearea { margin-top: 30px; }
}

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

  Print

--------------------------- */
@media print {
}
/* ------------------------ */
@media print and (min-width: 751px) {
}
/* ------------------------ */
@media print and (max-width: 750px) {
}