@charset "UTF-8";
@import url(https://public.spwn.jp/event-pages/assets/css/sanitize.css);
@import url(https://public.spwn.jp/event-pages/assets/css/base.css);
/* mixinの設定 */
/* 共通レイアウト */



img.change_img_pc {
  display: none; }
  @media screen and (min-width: 768px) {
    img.change_img_pc {
      display: block; }
  }
img.change_img_sp {
  display: block; }
  @media screen and (min-width: 768px) {
    img.change_img_sp {
      display: none; }
  }

.none_link{
  opacity: 0.3;
}

#wrap {
  width: 100%;
  margin: 0 auto;
  background-image: url(assets/images/bg_effect.png);
  /* 画像の高さを指定 */
  background-size: auto 1500px;
  background-position: 0% 100%;
  /* 15sの部分は背景画像の約数だとスムーズ */
  animation: effect 15s linear infinite;
  -webkit-animation: effect 15s linear infinite;
  -moz-animation: effect 15s linear infinite; }
  @media screen and (min-width: 768px) {
    #wrap {
      width: 1280px;
      background-size: auto 6000px;
      background-repeat: repeat-y;
      animation: effect_pc 30s linear infinite;
      -webkit-animation: effect_pc 30s linear infinite;
      -moz-animation: effect_pc 30s linear infinite; } }

@keyframes effect {
  /* 1500pxとは使用した背景画像の長さ */
  0% {
    background-position: 0px 1500px; }
  100% {
    background-position: 0px 0px; } }
@keyframes effect_pc {
  0% {
    background-position: 50% 6000px; }
  100% {
    background-position: 50% 0px; } }
#container {
  background-color: rgba(0, 0, 0, 0.5); }

.contents_layout {
  width: 90%;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .contents_layout {
      width: 980px; } }

select {
  width: 80px;
  padding: 8px 28px 8px 17px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #dedede;
  background: url(assets/images/select_pulldown.png) right 50% no-repeat;
  background-size: 29px, 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Pickup Area CSS */
.live_stream_design {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  font-family: din-2014-narrow, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #01ffe1;
  font-size: 35px;
  text-align: center;
  line-height: 1em;
  letter-spacing: 1px;
  white-space: nowrap; }
  @media screen and (min-width: 768px) {
    .live_stream_design {
      margin-bottom: 20px;
      font-size: 40px; } }
  .live_stream_design:after, .live_stream_design:before {
    content: '';
    width: 30%;
    background: linear-gradient(transparent 40%, currentColor 40%, currentColor calc(40% + 2px), transparent calc(40% + 2px));
    background-clip: padding; }
    @media screen and (min-width: 768px) {
      .live_stream_design:after, .live_stream_design:before {
        width: 40%; } }
  .live_stream_design:after {
    margin-left: 4%; }
  .live_stream_design:before {
    margin-right: 4%; }

.basic_heading_design {
  margin-bottom: 20px;
  letter-spacing: 1px; }
  @media screen and (min-width: 768px) {
    .basic_heading_design {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 40px; } }
  .basic_heading_design h2 {
    font-family: din-2014-narrow, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 5px 0 0 15px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 35px;
    line-height: 1em;
    border-left: 5px solid #01ffe1; }
    @media screen and (min-width: 768px) {
      .basic_heading_design h2 {
        margin-bottom: 0;
        letter-spacing: 3px; } }
  .basic_heading_design p {
    padding-left: 21px;
    color: #fff;
    font-size: 12px; }
    @media screen and (min-width: 768px) {
      .basic_heading_design p {
        color: #D2D2D2;
        font-size: 15px; } }

.page_guide {
  display: none;
  padding: 12px 0;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .page_guide {
      display: block; } }
  .page_guide p {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px; }
  .page_guide.page_black {
    background-color: #141718; }
    .page_guide.page_black p {
      color: #fff; }
  .page_guide.mypage_guide {
    border-bottom: 1px solid #d2d2d2; }

.search_area {
  padding: 10px 0;
  margin-bottom: 20px;
  background-color: #141718; }
  @media screen and (min-width: 768px) {
    .search_area {
      padding: 15px 0;
      margin-bottom: 40px; } }
  .search_area .search_area_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .search_area .search_form {
    width: 50%;
    position: relative; }
    @media screen and (min-width: 768px) {
      .search_area .search_form {
        width: auto; } }
    .search_area .search_form:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 5px;
      display: block;
      width: 30px;
      height: 30px;
      background-image: url(assets/images/icon_search.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
  .search_area input[type="search"] {
    width: 100%;
    padding: 7px 15px 7px 45px;
    color: #eeeeee;
    font-size: 14px;
    border: none;
    background-color: #000; }
    @media screen and (min-width: 768px) {
      .search_area input[type="search"] {
        width: 280px;
        padding: 10px 15px 10px 45px; } }
  .search_area .search_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .search_area .search_btn li {
      color: #fff;
      font-weight: bold;
      font-size: 13px;
      cursor: pointer; }
      @media screen and (min-width: 768px) {
        .search_area .search_btn li {
          font-size: 16px; } }
      .search_area .search_btn li:not(:first-child) {
        margin-left: 20px; }
        @media screen and (min-width: 768px) {
          .search_area .search_btn li:not(:first-child) {
            margin-left: 100px; } }

.link_button {
  display: block;
  padding: 12px 0;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 1.2em;
  letter-spacing: 1px;
  background-color: #00c2ae;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .link_button {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 2px; } }

/* header CSS */
#header_pc {
  display: none; }
  @media screen and (min-width: 768px) {
    #header_pc {
      display: block;
      background-color: #000; } }
  #header_pc .header_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0px; }
  #header_pc .header_layout_r, #header_pc .header_layout_l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #header_pc .nav_open {
    display: block;
    width: 26px;
    height: 14px;
    margin: 10px 45px 10px 10px;
    vertical-align: middle;
    cursor: pointer; }
    #header_pc .nav_open span, #header_pc .nav_open span:before, #header_pc .nav_open span:after {
      position: absolute;
      height: 1px;
      width: 25px;
      border-radius: 3px;
      background: #fff;
      display: block;
      content: '';
      cursor: pointer; }
    #header_pc .nav_open span:before {
      bottom: -6px; }
    #header_pc .nav_open span:after {
      bottom: -12px; }
  #header_pc .header_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #header_pc .header_nav .nav_list {
      margin-right: 40px;
      font-size: 14px; }
  #header_pc .icon_cart {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 5px; }
    #header_pc .icon_cart img {
      width: 100%;
      height: auto; }

#header_sp {
  padding: 12px 0;
  background-color: #000; }
  #header_sp .contents_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  @media screen and (min-width: 768px) {
    #header_sp {
      display: none; } }
  #header_sp .nav_open {
    display: block;
    width: 26px;
    height: 14px;
    vertical-align: middle;
    cursor: pointer; }
    #header_sp .nav_open span, #header_sp .nav_open span:before, #header_sp .nav_open span:after {
      position: absolute;
      height: 1px;
      width: 25px;
      border-radius: 3px;
      background: #fff;
      display: block;
      content: '';
      cursor: pointer; }
    #header_sp .nav_open span:before {
      bottom: -6px; }
    #header_sp .nav_open span:after {
      bottom: -12px; }
  #header_sp .logo_spwn {
    width: 40%; }
    #header_sp .logo_spwn img {
      width: 100%; }
  #header_sp .icon_cart {
    display: block;
    width: 35px;
    height: 35px; }
    #header_sp .icon_cart img {
      width: 100%;
      height: auto; }

.news_area {
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px;
  background-color: #141718;
  overflow: hidden; }
  .news_area .news_area_marquee {
    width: 350%;
    padding-left: 5%;
    padding-left: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 1em;
    white-space: nowrap;
    animation: marquee 20s linear 0s infinite; }
    @media screen and (min-width: 768px) {
      .news_area .news_area_marquee {
        width: 170%;
        animation: marquee 30s linear 0s infinite; } }

@keyframes marquee {
  from {
    transform: translate(0); }
  to {
    transform: translate(-100%); } }
/* Event Card（小）CSS */
.event_card_layout_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .event_card_layout_s {
      margin-bottom: 40px; } }

.event_card {
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .event_card {
      width: 48%; } }
  .event_card .datetime_area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 85%;
    padding: 10px 6%;
    margin-bottom: -15px;
    margin-left: -10px;
    background: linear-gradient(315deg, transparent 10px, #141718 10px);
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .event_card .datetime_area {
        width: 55%;
        padding: 10px 22px; } }
    .event_card .datetime_area::before {
      content: '';
      position: absolute;
      left: 0px;
      bottom: -10px;
      display: block;
      width: 10px;
      height: 10px;
      background: linear-gradient(45deg, transparent 7px, #252e33 7px); }
  .event_card .datetime {
    font-family: din-2014-narrow, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 5.5vw; }
    @media screen and (min-width: 768px) {
      .event_card .datetime {
        width: 120px;
        font-size: 20px; } }
    .event_card .datetime span {
      font-size: 5vw; }
      @media screen and (min-width: 768px) {
        .event_card .datetime span {
          font-size: 19px; } }
  .event_card .status {
    width: 90px; }
    @media screen and (min-width: 768px) {
      .event_card .status {
        padding: 0; } }
    .event_card .status img {
      width: 75%; }
      @media screen and (min-width: 768px) {
        .event_card .status img {
          width: 80%; } }
  .event_card .thumbnail_area {
    position: relative; }
    .event_card .thumbnail_area .event_img {
      width: 100%; }
      .event_card .thumbnail_area .event_img img {
        width: 100%; }
    .event_card .thumbnail_area .event_place {
      position: absolute;
      bottom: -1px;
      right: 0;
      width: 50%;
      padding: 8px 0px 8px 20px;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      background: linear-gradient(135deg, transparent 21px, #fff 21px); }
      @media screen and (min-width: 768px) {
        .event_card .thumbnail_area .event_place {
          width: 170px;
          font-size: 14px; } }
  .event_card .information_area {
    padding: 4% 4% 6%;
    background-color: #fff;
    background: linear-gradient(315deg, transparent 15px, #fff 15px); }
    @media screen and (min-width: 768px) {
      .event_card .information_area {
        padding: 10px 15px 40px; } }
    .event_card .information_area .event_title {
      margin-bottom: 8px;
      line-height: 1.4em; }
      @media screen and (min-width: 768px) {
        .event_card .information_area .event_title {
          min-height: 56px;
          margin-bottom: 15px;
          font-size: 20px; } }
    .event_card .information_area .event_artist {
      color: #707070;
      font-size: 13px;
      font-weight: bold;
      line-height: 1.5em; }
      @media screen and (min-width: 768px) {
        .event_card .information_area .event_artist {
          min-height: 42px;
          font-size: 14px; } }

.event_card_s {
  width: 47.5%; }
  @media screen and (min-width: 768px) {
    .event_card_s {
      width: 31%; } }
  .event_card_s .datetime_area {
    width: 100%;
    margin-left: -7px;
    background: linear-gradient(315deg, transparent 6px, #141718 6px); }
    @media screen and (min-width: 768px) {
      .event_card_s .datetime_area {
        width: 82%;
        padding: 10px 22px;
        background: linear-gradient(315deg, transparent 14px, #141718 14px); } }
    .event_card_s .datetime_area:before {
      bottom: -7px;
      width: 7px;
      height: 7px;
      background: linear-gradient(45deg, transparent 5px, #252e33 5px); }
    .event_card_s .datetime_area .datetime {
      width: 65%;
      font-size: 4vw; }
      @media screen and (min-width: 768px) {
        .event_card_s .datetime_area .datetime {
          font-size: 20px; } }
      .event_card_s .datetime_area .datetime span {
        font-size: 4vw; }
        @media screen and (min-width: 768px) {
          .event_card_s .datetime_area .datetime span {
            font-size: 19px; } }
    .event_card_s .datetime_area .status {
      width: 50px; }
      @media screen and (min-width: 768px) {
        .event_card_s .datetime_area .status {
          width: 65px;
          padding: 0; } }
      .event_card_s .datetime_area .status img {
        width: 100%;
        vertical-align: baseline; }
      @media screen and (min-width: 768px) {
        .event_card_s .datetime_area .status.to_be_released span:last-child {
          font-size: 18px; } }
  .event_card_s .event_place {
    display: none; }
    @media screen and (min-width: 768px) {
      .event_card_s .event_place {
        display: block; } }
  .event_card_s .information_area {
    padding: 6% 7% 12%; }
    .event_card_s .information_area .event_title {
      min-height: 50px;
      margin-bottom: 5px;
      font-size: 13px; }
      @media screen and (min-width: 768px) {
        .event_card_s .information_area .event_title {
          min-height: 85px;
          font-size: 20px;
          margin-bottom: 10px; } }
    .event_card_s .information_area .event_artist {
      min-height: 40px; }

#page_top {
  /* Upcoming Event CSS */
  /* Archives CSS */
  /* Catch Copy CSS */ }
  #page_top .pickup_area {
    width: 100%;
    padding: 20px 0 30px;
    margin-bottom: 40px;
    background-color: rgba(6, 24, 35, 0.6); }
    @media screen and (min-width: 768px) {
      #page_top .pickup_area {
        padding: 20px 0 40px;
        margin-bottom: 30px; } }
    @media screen and (min-width: 768px) {
      #page_top .pickup_area .pickup_event_display {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    #page_top .pickup_area .pickup_event_display .pickup_event_thumb {
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        #page_top .pickup_area .pickup_event_display .pickup_event_thumb {
          width: 48%;
          margin-bottom: 0; } }
      #page_top .pickup_area .pickup_event_display .pickup_event_thumb img {
        width: 100%; }
    @media screen and (min-width: 768px) {
      #page_top .pickup_area .pickup_event_display .pickup_event_info {
        width: 48%; } }
    #page_top .pickup_area .pickup_event_display .pickup_event_info .title {
      margin-bottom: 10px;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.4em; }
      @media screen and (min-width: 768px) {
        #page_top .pickup_area .pickup_event_display .pickup_event_info .title {
          width: 420px;
          font-size: 24px; } }
    #page_top .pickup_area .pickup_event_display .pickup_event_info .artist {
      margin-bottom: 30px;
      color: #D2D2D2;
      font-size: 16px;
      line-height: 1.3em;
      letter-spacing: 1px; }
      @media screen and (min-width: 768px) {
        #page_top .pickup_area .pickup_event_display .pickup_event_info .artist {
          width: 420px;
          margin-bottom: 40px;
          font-size: 20px; } }
    #page_top .pickup_area .pickup_event_display .pickup_event_info .btn_list .link_button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #page_top .pickup_area .pickup_event_display .pickup_event_info .btn_list .link_button:not(:last-child) {
        margin-bottom: 20px; }
      #page_top .pickup_area .pickup_event_display .pickup_event_info .btn_list .link_button:before {
        content: "";
        display: block;
        width: 32px;
        height: 27px;
        margin-top: -5px;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-size: 100% auto; }
    #page_top .pickup_area .pickup_event_display .pickup_event_info .btn_list .icon_youtube {
      background-color: #ff006b; }
      #page_top .pickup_area .pickup_event_display .pickup_event_info .btn_list .icon_youtube:before {
        background-image: url(assets/images/icon_play.svg); }
    #page_top .pickup_area .pickup_event_display .pickup_event_info .btn_list .icon_details:before {
      background-image: url(assets/images/icon_details.svg); }
  #page_top .upcoming_event {
    margin-bottom: 80px; }
    @media screen and (min-width: 768px) {
      #page_top .upcoming_event {
        margin-bottom: 120px; } }
    @media screen and (min-width: 768px) {
      #page_top .upcoming_event .event_card_layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  #page_top .event_card.to_be_released .datetime_area {
    padding: 8px 22px; }
    #page_top .event_card.to_be_released .datetime_area .status {
      color: #cccccc;
      font-size: 10px; }
      #page_top .event_card.to_be_released .datetime_area .status span:first-child {
        display: block;
        margin-bottom: 6px; }
      #page_top .event_card.to_be_released .datetime_area .status span:last-child {
        display: block;
        font-family: din-2014-narrow, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 18px; }
        @media screen and (min-width: 768px) {
          #page_top .event_card.to_be_released .datetime_area .status span:last-child {
            font-size: 19px; } }
  #page_top .archives {
    margin-bottom: 270px; }
    @media screen and (min-width: 768px) {
      #page_top .archives {
        margin-bottom: 740px; } }
    #page_top .archives .basic_heading_design {
      margin-bottom: 20px; }
    #page_top .archives .archive_list_layout {
      width: 100%;
      padding: 15px 0% 20px 5%;
      margin-bottom: 20px;
      background-color: rgba(6, 24, 35, 0.6); }
      @media screen and (min-width: 768px) {
        #page_top .archives .archive_list_layout {
          padding: 40px 0 40px 150px; } }
      #page_top .archives .archive_list_layout .archive_list {
        overflow-x: scroll;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none; }
        #page_top .archives .archive_list_layout .archive_list::-webkit-scrollbar {
          display: none; }
      #page_top .archives .archive_list_layout .archive_item_layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(830px + 5%); }
        @media screen and (min-width: 768px) {
          #page_top .archives .archive_list_layout .archive_item_layout {
            width: calc(1580px + 150px); } }
      #page_top .archives .archive_list_layout .archive_item {
        width: 150px;
        background: linear-gradient(315deg, transparent 15px, #fff 15px); }
        @media screen and (min-width: 768px) {
          #page_top .archives .archive_list_layout .archive_item {
            width: 300px; } }
        #page_top .archives .archive_list_layout .archive_item:not(:last-child) {
          margin-right: 20px; }
        #page_top .archives .archive_list_layout .archive_item img {
          width: 100%; }
        #page_top .archives .archive_list_layout .archive_item .archive_text {
          padding: 12px 15px 35px; }
          #page_top .archives .archive_list_layout .archive_item .archive_text .archive_date {
            margin-bottom: 10px;
            font-family: din-2014-narrow, sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 18px;
            letter-spacing: 1px; }
            @media screen and (min-width: 768px) {
              #page_top .archives .archive_list_layout .archive_item .archive_text .archive_date {
                font-size: 19px; } }
          #page_top .archives .archive_list_layout .archive_item .archive_text .archive_title {
            min-height: 48px;
            margin-bottom: 10px;
            font-size: 13px;
            line-height: 1.3em; }
            @media screen and (min-width: 768px) {
              #page_top .archives .archive_list_layout .archive_item .archive_text .archive_title {
                min-height: 52px;
                font-size: 20px; } }
          #page_top .archives .archive_list_layout .archive_item .archive_text .archive_artist {
            margin-bottom: 10px;
            color: #707070;
            font-size: 12px;
            font-weight: bold; }
            @media screen and (min-width: 768px) {
              #page_top .archives .archive_list_layout .archive_item .archive_text .archive_artist {
                font-size: 14px; } }
          #page_top .archives .archive_list_layout .archive_item .archive_text .archive_discription {
            font-size: 10px;
            line-height: 1.5em; }
            @media screen and (min-width: 768px) {
              #page_top .archives .archive_list_layout .archive_item .archive_text .archive_discription {
                font-size: 14px; } }
  #page_top .catchcopy {
    margin-bottom: 100px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #page_top .catchcopy {
        margin-bottom: 260px; } }
    #page_top .catchcopy .logo_spwn {
      width: 55%;
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        #page_top .catchcopy .logo_spwn {
          width: 440px;
          margin-bottom: 90px; } }
    #page_top .catchcopy .catchcopy_text_bold {
      margin-bottom: 60px; }
      @media screen and (min-width: 768px) {
        #page_top .catchcopy .catchcopy_text_bold {
          margin-bottom: 90px; } }
      #page_top .catchcopy .catchcopy_text_bold p {
        color: #fff;
        font-size: 16px;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          #page_top .catchcopy .catchcopy_text_bold p {
            font-size: 24px; } }
        #page_top .catchcopy .catchcopy_text_bold p:not(:last-child) {
          margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            #page_top .catchcopy .catchcopy_text_bold p:not(:last-child) {
              margin-bottom: 40px; } }
    #page_top .catchcopy .catchcopy_text {
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        #page_top .catchcopy .catchcopy_text {
          width: 600px; } }
      #page_top .catchcopy .catchcopy_text p {
        color: #fff;
        font-size: 12px;
        text-align: left;
        line-height: 1.8em; }
        @media screen and (min-width: 768px) {
          #page_top .catchcopy .catchcopy_text p {
            font-size: 16px;
            text-align: center;
            line-height: 2.5em; } }
        #page_top .catchcopy .catchcopy_text p:not(:last-child) {
          margin-bottom: 5px; }
          @media screen and (min-width: 768px) {
            #page_top .catchcopy .catchcopy_text p:not(:last-child) {
              margin-bottom: 0; } }

#event_details {
  /* Event Eyecatch CSS */
  /* Act Info CSS */
  /* PLACE & TICKET CSS */
  /* Goods CSS */ }
  #event_details .event_eye_catch {
    background-color: #000; }
    #event_details .event_eye_catch .contents_layout {
      width: 100%; }
      @media screen and (min-width: 768px) {
        #event_details .event_eye_catch .contents_layout {
          width: 980px; } }
    #event_details .event_eye_catch img {
      width: 100%; }
  #event_details .event_link {
    position: sticky;
    top: 0;
    background-color: #141718;
    z-index: 999; }
    #event_details .event_link .contents_layout {
      width: 100%; }
      @media screen and (min-width: 768px) {
        #event_details .event_link .contents_layout {
          width: 980px; } }
    #event_details .event_link ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #event_details .event_link ul li {
        width: 18%;
        text-align: center; }
        @media screen and (min-width: 768px) {
          #event_details .event_link ul li {
            width: 100%;
            letter-spacing: 2px; } }
        #event_details .event_link ul li a {
          display: block;
          padding: 15px 0;
          font-size: 10px;
          font-weight: bold; }
          @media screen and (min-width: 768px) {
            #event_details .event_link ul li a {
              font-size: 16px; } }
        #event_details .event_link ul li.top {
          border-bottom: 4px solid #08ccd5;
          background-color: rgba(255, 255, 255, 0.1); }
          @media screen and (min-width: 768px) {
            #event_details .event_link ul li.top {
              border-bottom: 3px solid #08ccd5; } }
          #event_details .event_link ul li.top a {
            color: #08ccd5; }
        #event_details .event_link ul li.ticket {
          width: 25%; }
          @media screen and (min-width: 768px) {
            #event_details .event_link ul li.ticket {
              width: 100%; } }
        #event_details .event_link ul li.frasta {
          width: 21%; }
          @media screen and (min-width: 768px) {
            #event_details .event_link ul li.frasta {
              width: 100%; } }
  #event_details .event_info {
    padding: 15px 0 50px;
    margin-bottom: 40px;
    background-color: #fff; }
    @media screen and (min-width: 768px) {
      #event_details .event_info {
        padding: 30px 0 100px;
        margin-bottom: 100px; } }
    #event_details .event_info .datetime_area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #eeeeee; }
      #event_details .event_info .datetime_area .date_area {
        font-family: din-2014-narrow, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px; }
        @media screen and (min-width: 768px) {
          #event_details .event_info .datetime_area .date_area {
            font-size: 30px; } }
      #event_details .event_info .datetime_area .time_area .open {
        margin-bottom: 3px;
        font-family: din-2014-narrow, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px; }
      #event_details .event_info .datetime_area .time_area .time {
        font-family: din-2014-narrow, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px; }
        @media screen and (min-width: 768px) {
          #event_details .event_info .datetime_area .time_area .time {
            font-size: 25px; } }
    #event_details .event_info .message_sales_start {
      margin-bottom: 15px;
      color: #FF0076;
      font-size: 14px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #event_details .event_info .message_sales_start {
          margin-bottom: 18px;
          font-size: 20px; } }
    #event_details .event_info .event_name {
      margin-bottom: 10px;
      font-size: 22px; }
      @media screen and (min-width: 768px) {
        #event_details .event_info .event_name {
          margin-bottom: 25px;
          font-size: 32px; } }
    #event_details .event_info .artist_name {
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.3em; }
      @media screen and (min-width: 768px) {
        #event_details .event_info .artist_name {
          margin-bottom: 45px;
          font-size: 24px; } }
    #event_details .event_info .event_description p {
      font-size: 14px;
      line-height: 1.5em;
      letter-spacing: 1px; }
      @media screen and (min-width: 768px) {
        #event_details .event_info .event_description p {
          font-size: 20px; } }
      #event_details .event_info .event_description p:not(:last-child) {
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #event_details .event_info .event_description p:not(:last-child) {
            margin-bottom: 35px; } }
            #event_details .event_info .event_description p a {
              color: #00bdc4;
              text-decoration: underline;
            }



    #event_details .event_info .event_cautions{
      margin-top: 30px; }
    #event_details .event_info .event_cautions .heading {
      margin-bottom: 10px;
      font-weight: bold; }
    #event_details .event_info .event_cautions .block {
      margin-bottom: 20px; }
    #event_details .event_info .event_cautions .block p{
      font-size: 14px;
      line-height: 1.5em; }
    #event_details .event_info .event_cautions .block a{
      color: #00bdc4;
      text-decoration: underline;
      font-size: 14px; }
    #event_details .event_info .event_cautions .block .list li{
      margin-bottom: 10px;
      font-size: 14px;
      line-height: 1.5em; }
    
    
    
  #event_details .act_info {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #event_details .act_info {
        margin-bottom: 60px; } }
    #event_details .act_info .basic_heading_design {
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        #event_details .act_info .basic_heading_design {
          margin-bottom: 60px; } }
  #event_details .act_card_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #event_details .act_card_list::after {
      content: "";
      display: block;
      width: 47.5%;
    }
    @media screen and (min-width: 768px) {
      #event_details .act_card_list::after {
        width: 30%;
      }
    }
    #event_details .act_card_list .act_card {
      width: 47.5%;
      margin-bottom: 40px;
      background: linear-gradient(315deg, transparent 15px, #fff 15px); }
      @media screen and (min-width: 768px) {
        #event_details .act_card_list .act_card {
          width: 30%;
          margin-bottom: 60px; } }
      #event_details .act_card_list .act_card .act_img {
        position: relative; }
        #event_details .act_card_list .act_card .act_img img {
          width: 100%; }
        #event_details .act_card_list .act_card .act_img .artist_tag {
          position: absolute;
          top: -20px;
          left: -8px;
          width: 65px;
          height: 42px;
          padding-top: 9px;
          color: #01ffe1;
          font-family: din-2014-narrow, sans-serif;
          font-size: 16px;
          font-weight: 400;
          font-style: normal;
          text-align: center;
          background-image: url(images/label_act_sp.svg);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto; }
          @media screen and (min-width: 768px) {
            #event_details .act_card_list .act_card .act_img .artist_tag {
              width: 120px;
              height: 48px;
              padding-top: 8px;
              font-size: 25px;
              background-image: url(images/label_act_pc.svg); } }
      #event_details .act_card_list .act_card .information_area {
        padding: 6% 7% 20%; }
        @media screen and (min-width: 768px) {
          #event_details .act_card_list .act_card .information_area {
            padding: 15px 15px 25px; } }
        #event_details .act_card_list .act_card .information_area .act_title {
          min-height: 40px;
          margin-bottom: 8px;
          font-size: 15px;
          line-height: 1.4em; }
          @media screen and (min-width: 768px) {
            #event_details .act_card_list .act_card .information_area .act_title {
              min-height: 60px;
              font-size: 20px;
              text-align: center; } }
        #event_details .act_card_list .act_card .information_area .act_description {
          font-size: 10px;
          line-height: 1.5em; }
          @media screen and (min-width: 768px) {
            #event_details .act_card_list .act_card .information_area .act_description {
              min-height: 65px;
              font-size: 13px; } }
        #event_details .act_card_list .act_card .information_area .p1 {
          margin-top: 10px;
          font-size: 10px; }
          @media screen and (min-width: 768px) {
            #event_details .act_card_list .act_card .information_area .p1 {
              font-size: 13px; } }
        #event_details .act_card_list .act_card .information_area .p1 a {
          color: #01baa5;
          font-size: 10px;
          line-height: 1.3em;
        text-decoration: underline; }
          @media screen and (min-width: 768px) {
            #event_details .act_card_list .act_card .information_area .p1 a {
              font-size: 13px; } }
  #event_details .place_ticket {
    margin-bottom: 60px; }
    @media screen and (min-width: 768px) {
      #event_details .place_ticket {
        margin-bottom: 100px; } }
    #event_details .place_ticket .basic_heading_design {
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket .basic_heading_design {
          margin-bottom: 60px; } }
    #event_details .place_ticket h3 {
      margin-bottom: 20px;
      color: #fff;
      font-size: 17px;
      font-weight: normal;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket h3 {
          margin-bottom: 25px;
          font-size: 24px; } }
  #event_details .place_ticket_layout.place {
    margin-bottom: 60px; }
    @media screen and (min-width: 768px) {
      #event_details .place_ticket_layout.place {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px; } }
    #event_details .place_ticket_layout.place:after {
      content: "";
      width: 305px;
      margin-bottom: 20px; }
    #event_details .place_ticket_layout.place .place_information {
      margin-bottom: 20px;
      background-color: #fff; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.place .place_information {
          width: 305px; } }
    #event_details .place_ticket_layout.place .place_area {
      padding: 13px 6%; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.place .place_area {
          padding: 15px 15px 30px; } }
      #event_details .place_ticket_layout.place .place_area .area {
        margin-bottom: 8px;
        font-size: 13px; }
        @media screen and (min-width: 768px) {
          #event_details .place_ticket_layout.place .place_area .area {
            margin-bottom: 10px;
            font-size: 15px; } }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.place .place_area .venue {
          margin-bottom: 50px;
          font-size: 20px; } }
      #event_details .place_ticket_layout.place .place_area .time {
        margin-top: 10px;
        font-size: 13px;
        text-align: right; }
    #event_details .place_ticket_layout.place .link_information {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 7px 6%;
      background-color: #f5fbfc; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.place .link_information {
          padding: 10px 15px; } }
      #event_details .place_ticket_layout.place .link_information a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #00bdc4;
        font-size: 14px;
        font-weight: bold; }
        #event_details .place_ticket_layout.place .link_information a.map:before {
          content: "";
          display: block;
          width: 30px;
          height: 30px;
          background-image: url(images/icon_map.svg);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto; }
  @media screen and (min-width: 768px) {
    #event_details .place_ticket_layout.ticket {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.ticket::after {
          content: "";
          display: block;
          width: 305px;
          } }
  #event_details .place_ticket_layout.ticket .ticket_information {
    margin-bottom: 20px;
    background: linear-gradient(225deg, transparent 15px, #fff 15px); }
    @media screen and (min-width: 768px) {
      #event_details .place_ticket_layout.ticket .ticket_information {
        width: 305px; } }
  #event_details .place_ticket_layout.ticket .place_area {
    padding: 13px 6% 18px; }
    @media screen and (min-width: 768px) {
      #event_details .place_ticket_layout.ticket .place_area {
        padding: 15px 15px 25px; } }
    #event_details .place_ticket_layout.ticket .place_area .area {
      margin-bottom: 8px;
      color: #0095ba;
      font-size: 11px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.ticket .place_area .area {
          font-size: 14px;
          margin-bottom: 15px; } }
    @media screen and (min-width: 768px) {
      #event_details .place_ticket_layout.ticket .place_area .ticket {
        font-size: 20px; } }
    #event_details .place_ticket_layout.ticket .place_area .price {
      margin-top: 12px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #event_details .place_ticket_layout.ticket .place_area .price {
          font-size: 20px; } }
  #event_details .place_ticket_layout.ticket .benefits_list {
    padding: 15px;
    font-size: 10px;
    background-color: #f0fdfd;
    transition: 0.1s; }
    #event_details .place_ticket_layout.ticket .benefits_list li {
      padding-left: 1em;
      text-indent: -1em;
      line-height: 1.5em; }
  #event_details .goods_area {
    margin-bottom: 80px; }
    @media screen and (min-width: 768px) {
      #event_details .goods_area {
        margin-bottom: 120px; } }
    #event_details .goods_area h3 {
      margin-bottom: 20px;
      color: #fff;
      font-size: 17px;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        #event_details .goods_area h3 {
          margin-bottom: 25px;
          font-size: 24px; } }
  #event_details .goods_area .basic_heading_design, #event_details .flower_stand_area .basic_heading_design {
    margin-bottom: 40px; }
  #event_details .goods_area img, #event_details .flower_stand_area img {
    width: 100%; }
  #event_details .goods_area .link_button, #event_details .flower_stand_area .link_button {
    width: 100%;
    margin: 40px auto 0; }
    @media screen and (min-width: 768px) {
      #event_details .goods_area .link_button, #event_details .flower_stand_area .link_button {
        width: 880px;
        margin: 60px auto 0; } }
  #event_details .purchase_layout .purchaseable_goods {
    margin-bottom: 60px; }
    @media screen and (min-width: 768px) {
      #event_details .purchase_layout .purchaseable_goods {
        margin-bottom: 80px; } }
  #event_details .flower_stand_area {
    margin-bottom: 100px; }
    @media screen and (min-width: 768px) {
      #event_details .flower_stand_area {
        margin-bottom: 200px; } }




        #event_details .event_info .event_description .description {
          margin-bottom: 30px;
          font-size: 18px; }
          #event_details .event_info .event_description .description a {
            color: #08ccd5;
            text-decoration: underline; }
        #event_details .event_info .event_description .caution {
          padding: 5% 5% 0;
          border: 1px solid #000; }
          @media screen and (min-width: 768px) {
            #event_details .event_info .event_description .caution {
              padding: 30px 30px 0; } }
          #event_details .event_info .event_description .caution .heading {
            margin-bottom: 10px;
            font-size: 15px;
            font-weight: bold; }
          #event_details .event_info .event_description .caution a {
            color: #08ccd5;
            text-decoration: underline; }
          #event_details .event_info .event_description .caution .block {
            margin-bottom: 30px; }
            #event_details .event_info .event_description .caution .block .text {
              margin-top: 10px;
              font-size: 15px;
              line-height: 1.3em; }
          #event_details .event_info .event_description .caution ul.list li {
            padding-left: 1em;
            margin-bottom: 10px;
            font-size: 15px;
            text-indent: -1em; }
            @media screen and (min-width: 768px) {
              #event_details .event_info .event_description .caution ul.list li {
                margin-bottom: 0; } }







/* Lower Event Info CSS */
.lower_event_info_pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .lower_event_info_pc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 100px; } }
  .lower_event_info_pc .ticket_info_thumb {
    width: 380px; }
    .lower_event_info_pc .ticket_info_thumb img {
      width: 100%; }
  .lower_event_info_pc .ticket_info_title {
    width: 560px; }
    .lower_event_info_pc .ticket_info_title .date {
      margin-bottom: 30px;
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 35px; }
    .lower_event_info_pc .ticket_info_title .time span {
      display: block;
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal; }
      .lower_event_info_pc .ticket_info_title .time span:first-child {
        margin-bottom: 5px;
        font-size: 12px; }
      .lower_event_info_pc .ticket_info_title .time span:last-child {
        font-size: 25px; }
    .lower_event_info_pc .ticket_info_title .title {
      margin-bottom: 25px;
      font-size: 30px;
      font-weight: bold; }
    .lower_event_info_pc .ticket_info_title .artist {
      font-size: 25px;
      font-weight: bold; }

.lower_event_info_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .lower_event_info_sp {
      display: none; } }
  .lower_event_info_sp .ticket_info_thumb {
    width: 48%; }
    .lower_event_info_sp .ticket_info_thumb img {
      width: 100%; }
  .lower_event_info_sp .ticket_info_datetime {
    width: 48%; }
    .lower_event_info_sp .ticket_info_datetime .date {
      margin-bottom: 10px;
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 30px; }
    .lower_event_info_sp .ticket_info_datetime .time {
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal; }
      .lower_event_info_sp .ticket_info_datetime .time span {
        display: block; }
        .lower_event_info_sp .ticket_info_datetime .time span:first-child {
          margin-bottom: 3px;
          font-size: 12px; }
        .lower_event_info_sp .ticket_info_datetime .time span:last-child {
          font-size: 20px; }
  .lower_event_info_sp .ticket_info_title {
    width: 100%;
    padding: 15px 0 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee; }
    .lower_event_info_sp .ticket_info_title .title {
      margin-bottom: 13px;
      font-size: 20px; }
    .lower_event_info_sp .ticket_info_title .artist {
      font-weight: bold; }

/* Ticket Info CSS */
#ticket_details {
  /* Ticket CSS */
  padding: 20px 0 65px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    #ticket_details {
      padding: 40px 0 220px; } }
  #ticket_details .ticket_select_heading {
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px; }
    @media screen and (min-width: 768px) {
      #ticket_details .ticket_select_heading {
        margin-bottom: 40px;
        font-size: 25px; } }
    #ticket_details .ticket_select_heading span {
      display: block;
      margin-right: 5%;
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 35px; }
      @media screen and (min-width: 768px) {
        #ticket_details .ticket_select_heading span {
          margin-right: 20px;
          font-size: 43px; } }
  #ticket_details .select_area {
    margin-bottom: 60px; }
    @media screen and (min-width: 768px) {
      #ticket_details .select_area {
        margin-bottom: 100px; } }
  #ticket_details .checkbox_layout {
    display: block;
    margin-bottom: 25px; }
    #ticket_details .checkbox_layout input {
      display: none; }
      #ticket_details .checkbox_layout input:checked + .checkbox {
        background-color: #f0fdfd;
        border: 2px solid #009a9a; }
      #ticket_details .checkbox_layout input:checked + .checkbox:before {
        border: 1px solid #009a9a; }
      #ticket_details .checkbox_layout input:checked + .checkbox:after {
        opacity: 1; }
      #ticket_details .checkbox_layout input:checked + .checkbox .label_icon {
        visibility: hidden; }
    #ticket_details .checkbox_layout .checkbox {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #fff;
      border: 2px solid #dcdbdc;
      transition: 0.3s; }
      #ticket_details .checkbox_layout .checkbox:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        left: 14px;
        width: 20px;
        height: 20px;
        border: 1px solid #999;
        border-radius: 50%; }
        @media screen and (min-width: 768px) {
          #ticket_details .checkbox_layout .checkbox:before {
            top: 22px;
            width: 25px;
            height: 25px; } }
      #ticket_details .checkbox_layout .checkbox:after {
        content: "";
        display: block;
        position: absolute;
        top: 27px;
        left: 17px;
        width: 14px;
        height: 14px;
        background: #009a9a;
        border-radius: 50%;
        opacity: 0;
        transition: 0.3s; }
        @media screen and (min-width: 768px) {
          #ticket_details .checkbox_layout .checkbox:after {
            top: 25px;
            width: 19px;
            height: 19px; } }
      #ticket_details .checkbox_layout .checkbox span {
        display: block; }
      #ticket_details .checkbox_layout .checkbox .label_text {
        width: calc(100% - 20px);
        padding: 10px 4% 10px 15%; }
        @media screen and (min-width: 768px) {
          #ticket_details .checkbox_layout .checkbox .label_text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 16px 40px 16px 80px; } }
        @media screen and (min-width: 768px) {
          #ticket_details .checkbox_layout .checkbox .label_text span:first-child {
            min-width: 75px;
            margin-right: 50px;
            font-size: 24px; } }
        #ticket_details .checkbox_layout .checkbox .label_text span:last-child {
          font-weight: bold; }
          @media screen and (min-width: 768px) {
            #ticket_details .checkbox_layout .checkbox .label_text span:last-child {
              font-size: 24px; } }
      #ticket_details .checkbox_layout .checkbox .label_icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px;
        background-color: #f0fdfd; }
        #ticket_details .checkbox_layout .checkbox .label_icon img {
          width: 25px; }

/* Goods List CSS */
#goods_details .basic_heading_design {
  margin-bottom: 40px; }
#goods_details .goods_info_layout {
  padding: 30px 0;
  margin-bottom: 40px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    #goods_details .goods_info_layout {
      margin-bottom: 90px; } }
#goods_details .lower_event_info_pc {
  margin-bottom: 0px; }
#goods_details .lower_event_info_sp .ticket_info_title {
  padding-bottom: 0; }
#goods_details .lower_event_info_sp .ticket_info_title {
  margin-bottom: 0;
  border: 0; }
#goods_details .goods_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  #goods_details .goods_list:after {
    content: "";
    width: 305px; }
  #goods_details .goods_list .goods_item {
    width: 48%;
    margin-bottom: 20px;
    background-color: #fff;
    background: linear-gradient(315deg, transparent 15px, #fff 15px); }
    @media screen and (min-width: 768px) {
      #goods_details .goods_list .goods_item {
        width: 305px; } }
    #goods_details .goods_list .goods_item .goods_img {
      width: 100%; }
    #goods_details .goods_list .goods_item .goods_info {
      padding: 20px 15px; }
      @media screen and (min-width: 768px) {
        #goods_details .goods_list .goods_item .goods_info {
          padding: 20px 15px 40px; } }
      #goods_details .goods_list .goods_item .goods_info .goods_name {
        min-height: 35px;
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5em; }
        @media screen and (min-width: 768px) {
          #goods_details .goods_list .goods_item .goods_info .goods_name {
            min-height: 60px;
            margin-bottom: 20px;
            font-size: 20px; } }
      #goods_details .goods_list .goods_item .goods_info .goods_price {
        font-size: 13px;
        text-align: left;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          #goods_details .goods_list .goods_item .goods_info .goods_price {
            font-size: 18px;
            text-align: right; } }

/* Event List CSS */
#event_list_details {
  margin-bottom: 125px; }
  @media screen and (min-width: 768px) {
    #event_list_details {
      margin-bottom: 60px; } }
  #event_list_details:after {
    content: "";
    width: 47.5%; }
    @media screen and (min-width: 768px) {
      #event_list_details:after {
        width: 31%; } }

/* Event List Old CSS */
#event_list_old_details {
  margin-top: 20px;
  margin-bottom: 125px; }
  @media screen and (min-width: 768px) {
    #event_list_old_details {
      margin-top: 40px;
      margin-bottom: 60px; } }
  #event_list_old_details:after {
    content: "";
    width: 47.5%; }
    @media screen and (min-width: 768px) {
      #event_list_old_details:after {
        width: 31%; } }
  #event_list_old_details .datetime_area {
    width: 55%; }
    @media screen and (min-width: 768px) {
      #event_list_old_details .datetime_area {
        width: 135px; } }
    #event_list_old_details .datetime_area .datetime {
      width: 100%; }

/* Modal Window CSS */
.modal_window {
  padding: 0 5%;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .modal_window {
      width: 800px;
      margin: 0 auto; } }
  .modal_window .goods_item_details_close {
    margin-top: 160px;
    color: #757575;
    text-align: center; }

/* Cart Details */
#in_cart_details {
  padding-top: 30px;
  padding-bottom: 60px; }
  @media screen and (min-width: 768px) {
    #in_cart_details {
      padding: 80px 60px; } }
  #in_cart_details .link_button.cart_style {
    width: 85%;
    margin: 30px auto 30px;
    background-color: #41ace9; }
    @media screen and (min-width: 768px) {
      #in_cart_details .link_button.cart_style {
        width: 460px;
        margin: 15px auto 50px; } }
  #in_cart_details .in_cart_text {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #in_cart_details .in_cart_text {
        margin-bottom: 35px; } }
    #in_cart_details .in_cart_text .num {
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #in_cart_details .in_cart_text .num {
          font-size: 25px; } }
    #in_cart_details .in_cart_text .caution {
      font-size: 14px;
      line-height: 1.5em; }
  #in_cart_details .in_cart {
    margin-bottom: 40px;
    border: 1px solid #d2d2d2; }
    #in_cart_details .in_cart .in_cart_event {
      padding: 15px 3%;
      border-bottom: 1px solid #d2d2d2; }
      @media screen and (min-width: 768px) {
        #in_cart_details .in_cart .in_cart_event {
          padding: 20px 10px; } }
      #in_cart_details .in_cart .in_cart_event .event {
        margin-bottom: 15px;
        color: #0cc8cd;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_event .event {
            margin-bottom: 10px; } }
      #in_cart_details .in_cart .in_cart_event .date {
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_event .date {
            font-size: 20px; } }
    #in_cart_details .in_cart .in_cart_item {
      padding: 0px 3%;
      border-bottom: 1px solid #d2d2d2; }
      @media screen and (min-width: 768px) {
        #in_cart_details .in_cart .in_cart_item {
          padding: 0px 10px; } }
      #in_cart_details .in_cart .in_cart_item .in_cart_item_heading {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_item .in_cart_item_heading {
            font-size: 16px; } }
      #in_cart_details .in_cart .in_cart_item .in_cart_ticket, #in_cart_details .in_cart .in_cart_item .in_cart_goods {
        padding: 15px 0;
        border-bottom: 1px solid #d2d2d2; }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
        #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l {
              width: 420px;
              margin-bottom: 0; } }
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .img, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .img {
            width: 100px;
            margin-right: 15px; }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .img img, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .img img {
              width: 100%; }
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info {
            width: calc(100% - 110px); }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .place, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .place {
              margin-bottom: 5px;
              font-size: 12px;
              font-weight: bold; }
              @media screen and (min-width: 768px) {
                #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .place, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .place {
                  margin-bottom: 10px;
                  font-size: 16px; } }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .ticket, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .ticket {
              margin-bottom: 8px;
              font-size: 12px;
              font-weight: bold; }
              @media screen and (min-width: 768px) {
                #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .ticket, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .ticket {
                  margin-bottom: 30px;
                  font-size: 16px; } }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .deadline, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .deadline {
              display: none;
              color: #454545;
              font-size: 12px;
              font-weight: bold; }
              @media screen and (min-width: 768px) {
                #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .deadline, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .deadline {
                  display: block; } }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .price, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .price {
              margin-right: 10px;
              margin-bottom: 3px;
              font-size: 15px;
              font-weight: bold; }
              @media screen and (min-width: 768px) {
                #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .price, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .price {
                  display: none; } }
              #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info .price span, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .price span {
                color: #757575;
                font-size: 10px;
                font-weight: normal; }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info select, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info select {
              display: block;
              margin-left: auto; }
              @media screen and (min-width: 768px) {
                #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_l .info select, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info select {
                  display: none; } }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
        #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .price, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .price {
          display: none;
          margin-right: 10px;
          font-size: 20px;
          font-weight: bold; }
          @media screen and (min-width: 768px) {
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .price, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .price {
              display: block; } }
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .price span, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .price span {
            color: #757575;
            font-size: 10px;
            font-weight: normal; }
        #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .deadline, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .deadline {
          color: #454545;
          font-size: 10px;
          font-weight: bold; }
        #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .form, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .form {
          display: none;
          width: 80px;
          margin-left: auto; }
          @media screen and (min-width: 768px) {
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .form, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .form {
              display: block;
              width: auto;
              margin-top: -10px; } }
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .form select, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .form select {
            margin-bottom: 15px; }
            @media screen and (min-width: 768px) {
              #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .form select, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .form select {
                margin-bottom: 40px; } }
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .in_car_item_layout_r .form .delete, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_r .form .delete {
            color: #757575;
            font-size: 12px;
            text-align: right; }
        #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .deadline_sp, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .deadline_sp {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media screen and (min-width: 768px) {
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .deadline_sp, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .deadline_sp {
              display: none; } }
          #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .deadline_sp span, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .deadline_sp span {
            display: block;
            font-size: 11px;
            font-weight: bold; }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .deadline_sp span:first-child, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .deadline_sp span:first-child {
              color: #575757; }
            #in_cart_details .in_cart .in_cart_item .in_cart_ticket .in_car_item_layout .deadline_sp span:last-child, #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .deadline_sp span:last-child {
              color: #a1a1a1; }
      #in_cart_details .in_cart .in_cart_item .in_cart_goods {
        border: none; }
        #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .goods {
          margin-bottom: 5px;
          font-size: 12px;
          font-weight: bold; }
          @media screen and (min-width: 768px) {
            #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .goods {
              font-size: 16px;
              margin-bottom: 10px; } }
        #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .size {
          margin-bottom: 10px;
          font-size: 12px;
          font-weight: bold; }
          @media screen and (min-width: 768px) {
            #in_cart_details .in_cart .in_cart_item .in_cart_goods .in_car_item_layout .in_car_item_layout_l .info .size {
              margin-bottom: 0;
              font-size: 16px; } }
    #in_cart_details .in_cart .in_cart_total {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 20px 10px; }
      #in_cart_details .in_cart .in_cart_total .heading {
        font-size: 12px; }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_total .heading {
            font-size: 16px; } }
      #in_cart_details .in_cart .in_cart_total .total {
        font-size: 16px;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          #in_cart_details .in_cart .in_cart_total .total {
            font-size: 25px; } }
        #in_cart_details .in_cart .in_cart_total .total span {
          color: #818181;
          font-size: 10px;
          font-weight: normal; }
  #in_cart_details .in_cart_all_total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 40px;
    margin-bottom: 80px;
    border-top: 1px solid #e0e0e0; }
    @media screen and (min-width: 768px) {
      #in_cart_details .in_cart_all_total {
        padding-top: 40px;
        margin-top: 120px; } }
    #in_cart_details .in_cart_all_total .text {
      font-size: 12px; }
      @media screen and (min-width: 768px) {
        #in_cart_details .in_cart_all_total .text {
          font-size: 16px; } }
    #in_cart_details .in_cart_all_total .total {
      font-size: 18px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #in_cart_details .in_cart_all_total .total {
          font-size: 25px; } }
      #in_cart_details .in_cart_all_total .total span {
        color: #696969;
        font-size: 10px;
        font-weight: normal; }

/* Goods Item Details */
#goods_item_details {
  padding-bottom: 40px; }
  @media screen and (min-width: 768px) {
    #goods_item_details {
      padding: 60px 120px 80px; } }
  @media screen and (min-width: 768px) {
    #goods_item_details .contents_layout {
      width: 100%; } }
  #goods_item_details h2 {
    padding: 10px 5%;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede; }
    @media screen and (min-width: 768px) {
      #goods_item_details h2 {
        border: none; } }
    #goods_item_details h2 span {
      display: block;
      width: 90%; }
      @media screen and (min-width: 768px) {
        #goods_item_details h2 span {
          width: 100%; } }
  #goods_item_details h3 {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 1.5em; }
  #goods_item_details .goods_item_img {
    display: block;
    width: 100%;
    margin: 0 auto 30px; }
    @media screen and (min-width: 768px) {
      #goods_item_details .goods_item_img {
        width: 550px;
        margin: 0 auto 80px; } }
  #goods_item_details .item_description {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.5em; }
    @media screen and (min-width: 768px) {
      #goods_item_details .item_description {
        font-size: 20px; } }
  #goods_item_details .item_price {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold;
    text-align: right; }
  #goods_item_details .selectbox_list {
    margin-bottom: 50px; }
    @media screen and (min-width: 768px) {
      #goods_item_details .selectbox_list {
        margin-bottom: 80px; } }
  #goods_item_details .selectbox_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid #dedede; }
    #goods_item_details .selectbox_layout:not(:last-child) {
      margin-bottom: 20px; }
    #goods_item_details .selectbox_layout .select_label {
      font-size: 20px;
      font-weight: bold; }
  #goods_item_details .link_button {
    width: 100%;
    margin: 0 auto 40px; }
    @media screen and (min-width: 768px) {
      #goods_item_details .link_button {
        width: 560px; } }

/* Mypege CSS */
.mypage_details {
  padding-bottom: 60px;
  background-color: #fff; }
  .mypage_details .style_border {
    border-bottom: 1px solid #e6e5e6; }
  .mypage_details .style_background {
    background-color: #f9f9f9; }
  .mypage_details .mypage_info {
    padding: 20px 5%;
    border-bottom: 1px solid #e6e5e6; }
    .mypage_details .mypage_info .mypage_info_layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px; }
      .mypage_details .mypage_info .mypage_info_layout .img {
        width: 20%; }
        .mypage_details .mypage_info .mypage_info_layout .img img {
          width: 100%;
          border: 1px solid #dedede;
          border-radius: 50%; }
      .mypage_details .mypage_info .mypage_info_layout .profile {
        width: 65%; }
        .mypage_details .mypage_info .mypage_info_layout .profile .name {
          margin-bottom: 5px;
          font-size: 18px;
          font-weight: bold; }
        .mypage_details .mypage_info .mypage_info_layout .profile .address {
          color: #8a8f8f;
          font-size: 12px; }
      .mypage_details .mypage_info .mypage_info_layout .sns {
        width: 10%; }
        .mypage_details .mypage_info .mypage_info_layout .sns img {
          width: 100%; }
    .mypage_details .mypage_info .mypage_spwnid_layout .heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px;
      font-size: 13px; }
      .mypage_details .mypage_info .mypage_spwnid_layout .heading span {
        display: block;
        margin-left: 15px;
        color: #19d0d8;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer; }
    .mypage_details .mypage_info .mypage_spwnid_layout .id {
      font-size: 13px;
      font-weight: bold; }
  .mypage_details .mypage_nav {
    margin-top: 40px;
    border-top: 1px solid #e6e5e6; }
    .mypage_details .mypage_nav .nav_heading {
      padding: 5px 5%;
      color: #fff;
      font-size: 10px;
      background-color: #979797; }
    .mypage_details .mypage_nav li {
      border-bottom: 1px solid #e6e5e6; }
      .mypage_details .mypage_nav li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        color: #38444b;
        font-size: 13px;
        background-image: url(img/sample_arrow_right.png);
        background-position: right center;
        background-repeat: no-repeat; }
        .mypage_details .mypage_nav li a.ticket, .mypage_details .mypage_nav li a.lottery {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .mypage_details .mypage_nav li a .item_name {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .mypage_details .mypage_nav li a .item_name:before {
            content: "";
            display: block;
            width: 30px;
            height: 30px;
            margin-right: 5px;
            background-image: url(assets/images/icon_map.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto; }
        .mypage_details .mypage_nav li a.ticket .item_name:before {
          background-image: url(assets/images/icon_ticket_b.svg); }
        .mypage_details .mypage_nav li a.settlement_history .item_name:before {
          background-image: url(assets/images/icon_paymenthistory.svg); }
        .mypage_details .mypage_nav li a.lottery .item_name:before {
          background-image: url(assets/images/icon_ticket_b.svg); }
        .mypage_details .mypage_nav li a.charge_history .item_name:before {
          background-image: url(assets/images/icon_pawchargehistory.svg); }
        .mypage_details .mypage_nav li a.usage_history .item_name:before {
          background-image: url(assets/images/icon_paypaymenthistory.svg); }
        .mypage_details .mypage_nav li a.edit_profile .item_name:before {
          background-image: url(assets/images/icon_profile.svg); }
        .mypage_details .mypage_nav li a.credit_info .item_name:before {
          background-image: url(assets/images/icon_creditcard.svg); }
        .mypage_details .mypage_nav li a.edit_pass .item_name:before {
          background-image: url(assets/images/icon_password.svg); }
        .mypage_details .mypage_nav li a.logout .item_name:before {
          background-image: url(assets/images/icon_logout.svg); }
        .mypage_details .mypage_nav li a .number_tickets {
          color: #01baa5;
          font-size: 14px;
          font-weight: bold;
          margin-right: 25px; }

/* Current Paw Layout CSS */
.paw_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 5%;
  border-bottom: 1px solid #e6e5e6;
  background-color: #f9f9f9; }
  @media screen and (min-width: 768px) {
    .paw_info .heading {
      font-size: 20px; } }
  .paw_info .paw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: din-2014-narrow, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 35px; }
    @media screen and (min-width: 768px) {
      .paw_info .paw {
        font-size: 55px; } }
    .paw_info .paw:after {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      margin-left: 5px;
      background-image: url(assets/images/icon_paw.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media screen and (min-width: 768px) {
        .paw_info .paw:after {
          width: 40px;
          height: 40px;
          margin-left: 10px; } }
  .paw_info .owned_paw {
    width: 54%; }
    @media screen and (min-width: 768px) {
      .paw_info .owned_paw {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .paw_info .owned_paw .heading {
      font-size: 13px;
      margin-bottom: 5px; }
      @media screen and (min-width: 768px) {
        .paw_info .owned_paw .heading {
          margin-right: 20px;
          margin-bottom: 0px;
          font-size: 20px; } }
  .paw_info .charge_paw {
    width: 42%;
    text-align: center;
    background-color: #00c2ae; }
    .paw_info .charge_paw a {
      display: block;
      padding: 15px 0;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .paw_info .charge_paw a {
          padding: 10px 0;
          font-size: 20px; } }

/* Edit Form CSS */
.edit_form_layout {
  margin-bottom: 25px; }
  .edit_form_layout p {
    margin-bottom: 10px;
    font-size: 14px; }
  .edit_form_layout input[type="text"], .edit_form_layout input[type="email"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #e6e5e6; }

/* Mypage Edit Profile CSS */
.mypage_editprofile_details {
  height: calc(100vh - 59px);
  padding-top: 20px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .mypage_editprofile_details {
      height: calc(100vh - 104px);
      padding-top: 40px; } }
  @media screen and (min-width: 768px) {
    .mypage_editprofile_details .contents_layout {
      width: 560px; } }
  .mypage_editprofile_details .profile_edit_img {
    position: relative;
    width: 45%;
    margin: 0 auto 15px; }
    @media screen and (min-width: 768px) {
      .mypage_editprofile_details .profile_edit_img {
        margin-bottom: 40px; } }
    .mypage_editprofile_details .profile_edit_img img {
      width: 100%;
      border-radius: 50%;
      border: 2px solid #dedede; }
    .mypage_editprofile_details .profile_edit_img .profile_edit_img_btn {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 45px;
      height: 45px;
      text-align: center;
      background-color: #000;
      background-image: url(img/sample_icon_camera.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 50% auto;
      border-radius: 50%;
      cursor: pointer; }
      @media screen and (min-width: 768px) {
        .mypage_editprofile_details .profile_edit_img .profile_edit_img_btn {
          width: 60px;
          height: 60px; } }
  .mypage_editprofile_details .prifle_edit_info {
    margin-bottom: 80px; }

/* Mypage Edit Password CSS */
.mypage_editpass_details {
  height: calc(100vh - 59px);
  padding-top: 40px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .mypage_editpass_details {
      height: calc(100vh - 104px);
      padding-top: 80px; } }
  @media screen and (min-width: 768px) {
    .mypage_editpass_details .contents_layout {
      width: 560px; } }
  .mypage_editpass_details .current_pass {
    margin-bottom: 40px; }
  .mypage_editpass_details .new_pass {
    margin-bottom: 80px; }

/* Mypage Paw Charge */
.mypage_paw_charge_details {
  min-height: calc(100vh - 59px);
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .mypage_paw_charge_details {
      min-height: calc(100vh - 104px); } }
  .mypage_paw_charge_details .style_background {
    background-color: #fafafa; }
  .mypage_paw_charge_details .paw_info {
    padding: 20px 5%; }
    @media screen and (min-width: 768px) {
      .mypage_paw_charge_details .paw_info {
        padding: 10px 270px; } }
    .mypage_paw_charge_details .paw_info .paw {
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 35px; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_details .paw_info .paw {
          font-size: 55px; } }
  .mypage_paw_charge_details .paw_caution_text {
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #e6e5e6;
    letter-spacing: 1px; }
    @media screen and (min-width: 768px) {
      .mypage_paw_charge_details .paw_caution_text {
        margin-bottom: 80px;
        font-size: 14px; } }
  .mypage_paw_charge_details .paw_charge_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      .mypage_paw_charge_details .paw_charge_list {
        width: 740px; } }
  .mypage_paw_charge_details .paw_charge_item {
    width: 48%;
    padding: 10px 0;
    margin-bottom: 20px;
    border: 1px solid #e6e5e6; }
    @media screen and (min-width: 768px) {
      .mypage_paw_charge_details .paw_charge_item {
        width: 31%;
        padding: 25px 0; } }
    .mypage_paw_charge_details .paw_charge_item .paw_charge_item_layout .paw {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 30px; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_details .paw_charge_item .paw_charge_item_layout .paw {
          margin-bottom: 5px;
          font-size: 45px; } }
      .mypage_paw_charge_details .paw_charge_item .paw_charge_item_layout .paw:after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 5px;
        background-image: url(assets/images/icon_paw.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto; }
        @media screen and (min-width: 768px) {
          .mypage_paw_charge_details .paw_charge_item .paw_charge_item_layout .paw:after {
            width: 35px;
            height: 35px; } }
    .mypage_paw_charge_details .paw_charge_item .paw_charge_item_layout .price {
      width: 100px;
      padding: 5px 0px;
      margin: 0 auto;
      color: #fff;
      font-size: 14px;
      text-align: center;
      letter-spacing: 1px;
      background-color: #00c2ae; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_details .paw_charge_item .paw_charge_item_layout .price {
          width: 83%;
          padding: 8px 0px;
          font-size: 20px; } }

/* Mypage Ticket */
.mypage_ticket_details {
  min-height: calc(100vh - 59px);
  padding-bottom: 60px;
  background-color: #fff; }
  .mypage_ticket_details .ticket_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .mypage_ticket_details .ticket_category li {
      width: 100%;
      padding: 15px 0;
      margin-bottom: 20px;
      font-size: 12px;
      text-align: center;
      border-bottom: 1px solid #e0e0e0; }
      .mypage_ticket_details .ticket_category li.showing {
        border-bottom: 3px solid #000; }
  .mypage_ticket_details .mypage_ticket {
    margin-bottom: 20px; }
    .mypage_ticket_details .mypage_ticket .ticket_flame {
      width: 100%;
      background-color: #fff;
      vertical-align: bottom; }
  .mypage_ticket_details .mypage_ticket_info {
    padding: 0 5% 20px;
    margin-top: -5px;
    border-right: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2; }
    .mypage_ticket_details .mypage_ticket_info .datetime {
      margin-bottom: 10px;
      font-size: 14px; }
    .mypage_ticket_details .mypage_ticket_info .event {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #d2d2d2; }
      .mypage_ticket_details .mypage_ticket_info .event a {
        color: #54d8dc;
        font-size: 14px;
        font-weight: bold; }
    .mypage_ticket_details .mypage_ticket_info .place {
      font-size: 10px;
      margin-bottom: 8px; }
    .mypage_ticket_details .mypage_ticket_info .name {
      font-weight: bold; }
    .mypage_ticket_details .mypage_ticket_info .ticket_content_layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .mypage_ticket_details .mypage_ticket_info .ticket_content_layout .price {
        font-weight: bold; }
      .mypage_ticket_details .mypage_ticket_info .ticket_content_layout .num {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        font-family: din-2014-narrow, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 40px; }
        .mypage_ticket_details .mypage_ticket_info .ticket_content_layout .num span {
          display: block;
          font-size: 30px; }
  .mypage_ticket_details .mypage_ticket_benefit {
    padding: 10px 5%;
    font-size: 10px;
    background-color: #f2fdfd;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
    .mypage_ticket_details .mypage_ticket_benefit li:not(:last-child) {
      margin-bottom: 3px; }

/* Mypage Settlement History CSS */
.mypage_settlement_history_details {
  background-color: #fff; }
  .mypage_settlement_history_details .heading, .mypage_settlement_history_details .settlement_history_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .mypage_settlement_history_details .heading, .mypage_settlement_history_details .settlement_history_item {
        padding: 10px 130px; } }
  .mypage_settlement_history_details .settlement_history_heading {
    background-color: #8c8c8c; }
    .mypage_settlement_history_details .settlement_history_heading p {
      padding: 5px 0;
      color: #fff;
      font-size: 12px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .mypage_settlement_history_details .settlement_history_heading p {
          font-size: 14px;
          text-align: left; } }
    .mypage_settlement_history_details .settlement_history_heading p:first-child {
      width: 70%; }
    .mypage_settlement_history_details .settlement_history_heading p:last-child {
      width: 25%; }
      @media screen and (min-width: 768px) {
        .mypage_settlement_history_details .settlement_history_heading p:last-child {
          padding-right: 20px;
          text-align: right; } }
  .mypage_settlement_history_details .settlement_history_list {
    min-height: calc(100vh - 81px);
    padding-bottom: 40px; }
    @media screen and (min-width: 768px) {
      .mypage_settlement_history_details .settlement_history_list {
        min-height: calc(100vh - 148px); } }
  .mypage_settlement_history_details .settlement_history_item {
    padding: 10px 5%;
    border-bottom: 1px solid #e6e5e6; }
    @media screen and (min-width: 768px) {
      .mypage_settlement_history_details .settlement_history_item {
        padding: 10px 280px; } }
    .mypage_settlement_history_details .settlement_history_item .content .date {
      margin-bottom: 5px;
      color: #8c8c8c;
      font-size: 12px; }
      @media screen and (min-width: 768px) {
        .mypage_settlement_history_details .settlement_history_item .content .date {
          margin-bottom: 10px; } }
    .mypage_settlement_history_details .settlement_history_item .content .item {
      font-size: 14px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .mypage_settlement_history_details .settlement_history_item .content .item {
          font-size: 20px; } }
    .mypage_settlement_history_details .settlement_history_item .amount {
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .mypage_settlement_history_details .settlement_history_item .amount {
          font-size: 20px; } }

/* Mypage Paw Charge History & Mypage Paw Usage History*/
.mypage_paw_charge_history_details, .mypage_paw_usage_history_details {
  min-height: calc(100vh - 59px);
  padding-bottom: 60px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .mypage_paw_charge_history_details .paw_info, .mypage_paw_usage_history_details .paw_info {
      padding: 10px 245px; } }
  .mypage_paw_charge_history_details .paw_caution_text, .mypage_paw_usage_history_details .paw_caution_text {
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #e6e5e6;
    background-color: #fafafa; }
    @media screen and (min-width: 768px) {
      .mypage_paw_charge_history_details .paw_caution_text, .mypage_paw_usage_history_details .paw_caution_text {
        font-size: 14px;
        letter-spacing: 1px; } }
  .mypage_paw_charge_history_details .paw_history_layout, .mypage_paw_usage_history_details .paw_history_layout {
    padding-bottom: 40px; }
  .mypage_paw_charge_history_details .paw_history, .mypage_paw_usage_history_details .paw_history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .mypage_paw_charge_history_details .paw_history p, .mypage_paw_usage_history_details .paw_history p {
      color: #fff;
      font-size: 10px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_history_details .paw_history p, .mypage_paw_usage_history_details .paw_history p {
          font-size: 14px; } }
    .mypage_paw_charge_history_details .paw_history .purchase, .mypage_paw_usage_history_details .paw_history .purchase {
      width: 30%; }
    .mypage_paw_charge_history_details .paw_history .paw, .mypage_paw_usage_history_details .paw_history .paw {
      width: 36%; }
    .mypage_paw_charge_history_details .paw_history .expiration, .mypage_paw_usage_history_details .paw_history .expiration {
      width: 30%; }
  .mypage_paw_charge_history_details .paw_history_heading, .mypage_paw_usage_history_details .paw_history_heading {
    padding: 5px 0;
    background-color: #8c8c8c; }
    @media screen and (min-width: 768px) {
      .mypage_paw_charge_history_details .paw_history_heading, .mypage_paw_usage_history_details .paw_history_heading {
        padding: 10px 0; } }
  .mypage_paw_charge_history_details .paw_history_list, .mypage_paw_usage_history_details .paw_history_list {
    padding: 10px 0;
    border-bottom: 1px solid #e6e5e6; }
    .mypage_paw_charge_history_details .paw_history_list p, .mypage_paw_usage_history_details .paw_history_list p {
      color: #000; }
    .mypage_paw_charge_history_details .paw_history_list .purchase, .mypage_paw_usage_history_details .paw_history_list .purchase {
      font-size: 14px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_history_details .paw_history_list .purchase, .mypage_paw_usage_history_details .paw_history_list .purchase {
          font-size: 20px;
          font-weight: normal; } }
    .mypage_paw_charge_history_details .paw_history_list .paw, .mypage_paw_usage_history_details .paw_history_list .paw {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 25px; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_history_details .paw_history_list .paw, .mypage_paw_usage_history_details .paw_history_list .paw {
          font-size: 35px; } }
      .mypage_paw_charge_history_details .paw_history_list .paw:after, .mypage_paw_usage_history_details .paw_history_list .paw:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin-left: 5px;
        background-image: url(assets/images/icon_paw.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto; }
    .mypage_paw_charge_history_details .paw_history_list .expiration, .mypage_paw_usage_history_details .paw_history_list .expiration {
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .mypage_paw_charge_history_details .paw_history_list .expiration, .mypage_paw_usage_history_details .paw_history_list .expiration {
          font-size: 20px;
          font-weight: normal; } }
    .mypage_paw_charge_history_details .paw_history_list.expired, .mypage_paw_usage_history_details .paw_history_list.expired {
      background-color: #f2f2f2; }
      .mypage_paw_charge_history_details .paw_history_list.expired p, .mypage_paw_usage_history_details .paw_history_list.expired p {
        color: #a3a4a5; }

/* Mypage Credit */
.mypage_credit_details {
  min-height: calc(100vh - 59px);
  padding-top: 30px;
  padding-bottom: 60px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .mypage_credit_details {
      min-height: calc(100vh - 104px);
      padding-top: 40px; } }
  @media screen and (min-width: 768px) {
    .mypage_credit_details .link_button {
      margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    .mypage_credit_details .contents_layout {
      width: 740px; } }
  .mypage_credit_details .mypage_credit_text {
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .mypage_credit_details .mypage_credit_text {
        font-size: 18px;
        margin-bottom: 40px; } }
  .mypage_credit_details .credit_card_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .mypage_credit_details .credit_card_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3%;
    margin-bottom: 20px;
    border: 1px solid #d2d2d2; }
    @media screen and (min-width: 768px) {
      .mypage_credit_details .credit_card_info {
        width: 360px;
        padding: 20px 15px; } }
    @media screen and (min-width: 768px) {
      .mypage_credit_details .credit_card_info .info {
        width: 210px; } }
    @media screen and (min-width: 768px) {
      .mypage_credit_details .credit_card_info .expiration {
        width: 60px; } }
    .mypage_credit_details .credit_card_info .credit_num p:first-child, .mypage_credit_details .credit_card_info .credit_name p:first-child, .mypage_credit_details .credit_card_info .expiration p:first-child {
      margin-bottom: 5px;
      font-size: 10px; }
    .mypage_credit_details .credit_card_info .credit_num p:last-child, .mypage_credit_details .credit_card_info .credit_name p:last-child, .mypage_credit_details .credit_card_info .expiration p:last-child {
      font-family: din-2014-narrow, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 22px; }
      @media screen and (min-width: 768px) {
        .mypage_credit_details .credit_card_info .credit_num p:last-child, .mypage_credit_details .credit_card_info .credit_name p:last-child, .mypage_credit_details .credit_card_info .expiration p:last-child {
          font-size: 28px; } }
    @media screen and (min-width: 768px) {
      .mypage_credit_details .credit_card_info .credit_num {
        margin-bottom: 15px; } }
    .mypage_credit_details .credit_card_info .credit_num p:last-child {
      letter-spacing: 2px; }
    .mypage_credit_details .credit_card_info .delete {
      width: 10%;
      color: #78e7eb;
      font-size: 10px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .mypage_credit_details .credit_card_info .delete {
          width: 25px; } }

/* Sub Page CSS */
.sub_page_details {
  padding: 40px 0 60px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .sub_page_details {
      padding: 80px 0 130px; } }
  @media screen and (min-width: 768px) {
    .sub_page_details .sub_page_layout {
      width: 680px; } }
  .sub_page_details h2 {
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: normal; }
    @media screen and (min-width: 768px) {
      .sub_page_details h2 {
        font-size: 25px; } }
  .sub_page_details p {
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: 1px; }
  .sub_page_details .law_lead_sentence {
    margin-bottom: 40px; }
  .sub_page_details .text_block {
    margin-bottom: 25px; }
    .sub_page_details .text_block h3 {
      margin-bottom: 15px;
      line-height: 1.3em; }
    .sub_page_details .text_block h4 {
      margin-bottom: 10px;
      line-height: 1.3em; }
    .sub_page_details .text_block p {
      padding-left: 1.4em;
      margin-bottom: 10px;
      text-indent: -1.4em; }
      .sub_page_details .text_block p.indent_none {
        padding-left: 0;
        text-indent: inherit; }
    .sub_page_details .text_block a {
      color: #000;
      font-size: 15px;
      text-decoration: underline; }
    .sub_page_details .text_block ul {
      padding-left: 1.4em; }
      .sub_page_details .text_block ul li {
        font-size: 15px;
        padding-left: 1.8em;
        margin-bottom: 10px;
        text-indent: -1.8em; }
  .sub_page_details.page_law .text_block p, .sub_page_details.page_event_note .text_block p, .sub_page_details.page_faq .text_block p {
    padding-left: 0;
    text-indent: inherit; }

/* Auth Page CSS */
.page_auth {
  padding: 25px 0 180px;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .page_auth {
      padding: 75px 0 200px; } }
  .page_auth .live_stream_design {
    margin-bottom: 30px;
    color: #000; }
    @media screen and (min-width: 768px) {
      .page_auth .live_stream_design {
        margin-bottom: 60px; } }
  .page_auth .auth_layout {
    margin-bottom: 160px; }
    @media screen and (min-width: 768px) {
      .page_auth .auth_layout {
        margin-bottom: 140px; } }
    .page_auth .auth_layout .button {
      padding-bottom: 20px;
      margin-bottom: 40px;
      border-bottom: 1px solid #d2d2d2; }
      @media screen and (min-width: 768px) {
        .page_auth .auth_layout .button {
          padding-bottom: 60px; } }
      .page_auth .auth_layout .button li {
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .page_auth .auth_layout .button li {
            width: 560px;
            margin: 0 auto 30px; } }
      .page_auth .auth_layout .button .facebook {
        background-color: #3c5a99; }
      .page_auth .auth_layout .button .twitter {
        background-color: #1da1f2; }
      .page_auth .auth_layout .button .google {
        background-color: #d84437; }
    @media screen and (min-width: 768px) {
      .page_auth .auth_layout .form {
        width: 560px;
        margin: 0 auto; } }
    .page_auth .auth_layout .form .item {
      margin-bottom: 10px; }
    .page_auth .auth_layout .form input {
      width: 100%;
      padding: 10px;
      margin-bottom: 20px;
      font-size: 18px;
      border: 1px solid #d2d2d2;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .page_auth .auth_layout .form .link_button {
      margin: 0px auto 40px; }
      @media screen and (min-width: 768px) {
        .page_auth .auth_layout .form .link_button {
          width: 460px;
          margin: 20px auto 0px; } }
  .page_auth .button_layout .link_button {
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .page_auth .button_layout .link_button {
        width: 460px; } }

/* Signup CSS */
.page_signup_details .signup_caution {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5em; }
  @media screen and (min-width: 768px) {
    .page_signup_details .signup_caution {
      margin-bottom: 40px;
      font-size: 16px;
      text-align: center; } }
  .page_signup_details .signup_caution a {
    color: #0dd3db;
    text-decoration: underline; }

/* Login CSS */
.page_login_details .forget_pass {
  margin-top: 40px;
  color: #757575;
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

/* footer CSS */
.sp_sns_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px; }
  .sp_sns_area li img {
    width: 30px; }
  .sp_sns_area li:not(:last-child) {
    margin-right: 40px; }
  @media screen and (min-width: 768px) {
    .sp_sns_area.pc_none_item {
      display: none; } }

#footer .sp_none_item {
  display: none; }
  @media screen and (min-width: 768px) {
    #footer .sp_none_item {
      display: list-item; } }
#footer .footer_layout {
  background-color: #141718; }
  @media screen and (min-width: 768px) {
    #footer .footer_layout {
      width: 1280px;
      padding: 40px 140px 80px; } }
#footer .contents_layout {
  width: 100%; }
  @media screen and (min-width: 768px) {
    #footer .contents_layout {
      width: 980px; } }
@media screen and (min-width: 768px) {
  #footer .footer_nav_upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #6a6a6a; } }
@media screen and (min-width: 768px) {
  #footer .footer_nav_upper .footer_main_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
#footer .footer_nav_upper .footer_main_menu li {
  padding: 13px 5%;
  border-bottom: 2px solid #121212; }
  @media screen and (min-width: 768px) {
    #footer .footer_nav_upper .footer_main_menu li {
      padding: 0;
      margin-right: 40px;
      border-bottom: none; } }
  #footer .footer_nav_upper .footer_main_menu li a {
    color: #f0f0f0;
    font-size: 13px; }
#footer .footer_nav_upper .footer_sns {
  display: none; }
  @media screen and (min-width: 768px) {
    #footer .footer_nav_upper .footer_sns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  #footer .footer_nav_upper .footer_sns li:not(:last-child) {
    margin-right: 30px; }
  #footer .footer_nav_upper .footer_sns img {
    width: 25px; }
@media screen and (min-width: 768px) {
  #footer .footer_nav_beneath {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
@media screen and (min-width: 768px) {
  #footer .footer_nav_beneath .footer_main_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
#footer .footer_nav_beneath .footer_main_menu li {
  padding: 13px 5%;
  border-bottom: 2px solid #121212; }
  @media screen and (min-width: 768px) {
    #footer .footer_nav_beneath .footer_main_menu li {
      padding: 0;
      margin-right: 30px;
      border-bottom: none; } }
  #footer .footer_nav_beneath .footer_main_menu li a {
    color: #f0f0f0;
    font-size: 12px; }
    @media screen and (min-width: 768px) {
      #footer .footer_nav_beneath .footer_main_menu li a {
        color: #77797a; } }
#footer .footer_nav_beneath .copyright {
  padding: 15px 0 40px;
  color: #47494a;
  font-size: 10px;
  text-align: center;
  background-color: #000; }
  @media screen and (min-width: 768px) {
    #footer .footer_nav_beneath .copyright {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
      font-size: 12px;
      text-align: left;
      background-color: transparent; } }

/* Ticket Purchase Button CSS */
.purchase_button {
  height: 75px;
  background-color: #141718; }
  @media screen and (min-width: 768px) {
    .purchase_button {
      height: 100px; } }
  .purchase_button .purchase_button_layout {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 15px 0;
    background-color: rgba(255, 255, 255, 0.5); }
    @media screen and (min-width: 768px) {
      .purchase_button .purchase_button_layout {
        width: 1280px;
        padding: 25px 0; } }
    .purchase_button .purchase_button_layout .link_button {
      width: 90%;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .purchase_button .purchase_button_layout .link_button {
          width: 560px; } }
  .purchase_button.page_event .link_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .purchase_button.page_event .link_button:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    background-image: url(assets/images/icon_ticket.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .purchase_button.page_ticket {
    background-color: #ffffff; }
    .purchase_button.page_ticket .purchase_button_layout {
      background-color: rgba(0, 0, 0, 0.3); }

/* スタイルガイド CSS */
.infoormation_card_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 110px;
  margin-bottom: 15px;
  background: linear-gradient(315deg, transparent 15px, #fff 15px); }
  .infoormation_card_layout .infoormation_thumbnail {
    width: 110px;
    height: 110px; }
    .infoormation_card_layout .infoormation_thumbnail img {
      width: 110px;
      height: 110px;
      object-fit: cover; }
  .infoormation_card_layout .infoormation_thumbnail_text {
    width: calc(100% - 110px);
    padding: 8px 4% 20px; }
    .infoormation_card_layout .infoormation_thumbnail_text .infoormation_date {
      margin-bottom: 8px;
      font-size: 10px; }
    .infoormation_card_layout .infoormation_thumbnail_text .infoormation_title {
      min-height: 30px;
      margin-bottom: 8px;
      font-size: 12px;
      line-height: 1.3em; }
    .infoormation_card_layout .infoormation_thumbnail_text .infoormation_description {
      font-size: 10px;
      line-height: 1.3em; }

.ticket_by_layout {
  background: linear-gradient(225deg, transparent 15px, #fff 15px); }
  .ticket_by_layout .ticket_info {
    padding: 13px 6%; }
    .ticket_by_layout .ticket_info .area {
      margin-bottom: 8px;
      color: #0095ba;
      font-size: 11px;
      font-weight: bold; }
    .ticket_by_layout .ticket_info .price {
      margin-top: 12px;
      font-weight: bold; }
  .ticket_by_layout .benefits_info {
    background-color: #f0fdfd; }
    .ticket_by_layout .benefits_info .benefits_list {
      max-height: 0;
      font-size: 10px;
      transition: 0.1s;
      opacity: 0; }
      .ticket_by_layout .benefits_info .benefits_list li {
        padding-left: 1em;
        font-size: 10px;
        text-indent: -1em;
        line-height: 1.5em;
        transition: 0.1s; }
    .ticket_by_layout .benefits_info .benefits_button {
      padding: 5px 6% 5px;
      text-align: center;
      border-top: 1px solid #e4e9e9; }
      .ticket_by_layout .benefits_info .benefits_button:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(img/sample_arrow_down.png);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        transition: 0.3s; }
    .ticket_by_layout .benefits_info.opened .benefits_list {
      max-height: 100rem;
      padding: 8px 6%;
      opacity: 1; }
    .ticket_by_layout .benefits_info.opened .benefits_button {
      border: none; }
    .ticket_by_layout .benefits_info.opened .benefits_button:before {
      margin-top: -6px;
      transform: rotate(180deg); }

.header_menu_layout {
  width: 75%;
  height: 100vh;
  padding-top: 60px;
  background-color: #181b1b; }
  .header_menu_layout .header_menu_list {
    margin-bottom: 20px;
    background-color: #111314; }
    .header_menu_layout .header_menu_list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 12px 10%;
      border-bottom: 1px solid #181b1b; }
      .header_menu_layout .header_menu_list li:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 7%;
        background-image: url(img/sample_nav_home.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .header_menu_layout .header_menu_list li a {
        display: block;
        color: #fff;
        font-size: 12px;
        letter-spacing: 1px; }

/*# sourceMappingURL=style.css.map */