@charset "UTF-8";
/* =========================================================
 Foundation
========================================================= */
/* =========================================================
 Base
========================================================= */
/* ==============================
	base/base
================================= */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

canvas {
  vertical-align: top;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
}

i {
  font-style: normal;
}

button {
  border: none;
  border-color: none;
  background: none;
  cursor: pointer;
}

div {
  line-height: 1.6;
}

p {
  font-size: inherit;
  line-height: 1.6;
}

label {
  font-size: inherit;
  line-height: 1.6;
}

input::-webkit-input-placeholder {
  font-size: inherit;
}

input::-moz-placeholder {
  font-size: inherit;
}

input:-ms-input-placeholder {
  font-size: inherit;
}

input::-ms-input-placeholder {
  font-size: inherit;
}

input::placeholder {
  font-size: inherit;
}

table {
  border-collapse: collapse;
}

th {
  font-weight: normal;
}

main {
  display: block;
}

/* ==============================
	base/ 調整
================================= */
.sl_mt0 {
  margin-top: 0px !important;
}

.sl_mt5 {
  margin-top: 5px !important;
}

.sl_mt10 {
  margin-top: 10px !important;
}

.sl_mt15 {
  margin-top: 15px !important;
}

.sl_mt20 {
  margin-top: 20px !important;
}

.sl_mt25 {
  margin-top: 25px !important;
}

.sl_mt30 {
  display: inline-block;
  margin-top: 30px !important;
}

.sl_mt35 {
  margin-top: 35px !important;
}

.sl_mt40 {
  margin-top: 40px !important;
}

.sl_mt45 {
  margin-top: 45px !important;
}

.sl_mt50 {
  margin-top: 50px !important;
}

.sl_mb0 {
  margin-bottom: 0px !important;
}

.sl_mb5 {
  margin-bottom: 5px !important;
}

.sl_mb10 {
  margin-bottom: 10px !important;
}

.sl_mb15 {
  margin-bottom: 15px !important;
}

.sl_mb20 {
  margin-bottom: 20px !important;
}

.sl_mb25 {
  margin-bottom: 25px !important;
}

.sl_mb30 {
  margin-bottom: 30px !important;
}

.sl_mb35 {
  margin-bottom: 35px !important;
}

.sl_mb40 {
  margin-bottom: 40px !important;
}

.sl_mb45 {
  margin-bottom: 45px !important;
}

.sl_mb50 {
  margin-bottom: 50px !important;
}

.sl_mb60 {
  margin-bottom: 60px !important;
}

.sl_mb80 {
  margin-bottom: 80px !important;
}

.sl_mb100 {
  margin-bottom: 100px !important;
}

.sl_mb110 {
  margin-bottom: 110px !important;
}

.sl_mb120 {
  margin-bottom: 120px !important;
}

.sl_ml0 {
  margin-left: 0px !important;
}

.sl_ml5 {
  margin-left: 5px !important;
}

.sl_ml10 {
  margin-left: 10px !important;
}

.sl_ml15 {
  margin-left: 15px !important;
}

.sl_ml20 {
  margin-left: 20px !important;
}

.sl_ml25 {
  margin-left: 25px !important;
}

.sl_ml30 {
  margin-left: 30px !important;
}

.sl_ml35 {
  margin-left: 35px !important;
}

.sl_ml40 {
  margin-left: 40px !important;
}

.sl_ml45 {
  margin-left: 45px !important;
}

.sl_ml50 {
  margin-left: 50px !important;
}

.sl_mr0 {
  margin-right: 0px !important;
}

.sl_mr5 {
  margin-right: 5px !important;
}

.sl_mr10 {
  margin-right: 10px !important;
}

.sl_mr15 {
  margin-right: 15px !important;
}

.sl_mr20 {
  margin-right: 20px !important;
}

.sl_mr25 {
  margin-right: 25px !important;
}

.sl_mr30 {
  margin-right: 30px !important;
}

.sl_mr35 {
  margin-right: 35px !important;
}

.sl_mr40 {
  margin-right: 40px !important;
}

.sl_mr45 {
  margin-right: 45px !important;
}

.sl_mr50 {
  margin-right: 50px !important;
}

.sl_pt0 {
  padding-top: 0px !important;
}

.sl_pt10 {
  padding-top: 10px !important;
}

.sl_pb0 {
  padding-bottom: 0px !important;
}

.is-sp {
  display: block !important;
}

@media (min-width: 768px) {
  .is-sp {
    display: none !important;
  }
}

.is-pc {
  display: none !important;
}

@media (min-width: 768px) {
  .is-pc {
    display: block !important;
  }
}

[class^="sl_icon"] {
  display: inline-block;
  position: relative;
  line-height: 1.0;
  width: 16px;
  height: 16px;
}

[class^="sl_icon"]::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sl_icon--arrow::before {
  background-image: url("../images/icons/arrow.svg");
}

.sl_icon--arrowTop::before {
  background-image: url("../images/icons/arrowTop.svg");
}

.sl_icon--arrowTop--slim::before {
  background-image: url("../images/icons/arrowTop--slim.svg");
}

.sl_icon--arrowBottom::before {
  background-image: url("../images/icons/arrowBottom.svg");
}

.sl_icon--arrowBottom--gray::before {
  background-image: url("../images/icons/arrowBottom_gray.svg");
}

.sl_icon--arrowLeft::before {
  background-image: url("../images/icons/arrowLeft_blue.svg");
}

.sl_icon--arrowLeft--def::before {
  background-image: url("../images/icons/arrowLeft.svg");
}

.sl_icon--arrowRight::before {
  background-image: url("../images/icons/arrowRight_blue.svg");
}

.sl_icon--arrowRight--black::before {
  background-image: url("../images/icons/arrowRight_black.svg");
}

.sl_icon--arrowRight--def::before {
  background-image: url("../images/icons/arrowRight.svg");
}

.sl_icon--arrowRight--orange::before {
  background-image: url("../images/icons/arrowRight_orange.svg");
}

.sl_icon--calendar::before {
  background-image: url("../images/icons/calendar.svg");
}

.sl_icon--check::before {
  background-image: url("../images/icons/check.svg");
}

.sl_icon--check--black::before {
  background-image: url("../images/icons/check_black.svg");
}

.sl_icon--circle::before {
  background-image: url("../images/icons/circle.svg");
}

.sl_icon--circleArrowBottom::before {
  background-image: url("../images/icons/circleArrowBottom.svg");
}

.sl_icon--circleCheck::before {
  background-image: url("../images/icons/circleCheck.svg");
}

.sl_icon--clock::before {
  background-image: url("../images/icons/clock.svg");
}

.sl_icon--close::before {
  background-image: url("../images/icons/close.svg");
}

.sl_icon--close--white::before {
  background-image: url("../images/icons/close_white.svg");
}

.sl_icon--copy::before {
  background-image: url("../images/icons/copy.svg");
}

.sl_icon--exclamation::before {
  background-image: url("../images/icons/exclamation.svg");
}

.sl_icon--exclamationRed::before {
  background-image: url("../images/icons/exclamationRed.svg");
}

.sl_icon--exclamationTriangle::before {
  background-image: url("../images/icons/exclamationTriangle.svg");
}

.sl_icon--exclamationTriangle--gray::before {
  background-image: url("../images/icons/exclamationTriangle_gray.svg");
}

.sl_icon--human::before {
  background-image: url("../images/icons/human.svg");
}

.sl_icon--humanDouble--gray::before {
  background-image: url("../images/icons/human_double_gray.svg");
}

.sl_icon--info::before {
  background-image: url("../images/icons/info.svg");
}

.sl_icon--info--blue::before {
  background-image: url("../images/icons/info_blue.svg");
}

.sl_icon--info--def::before {
  background-image: url("../images/icons/info_def.svg");
}

.sl_icon--info--gray::before {
  background-image: url("../images/icons/info_gray.svg");
}

.sl_icon--login::before {
  background-image: url("../images/icons/login.svg");
}

.sl_icon--mapPinOutline::before {
  background-image: url("../images/icons/mapPinOutline.svg");
}

.sl_icon--menu::before {
  background-image: url("../images/icons/menu.svg");
}

.sl_icon--move::before {
  background-image: url("../images/icons/move.svg");
}

.sl_icon--movie::before {
  background-image: url("../images/icons/movie.svg");
}

.sl_icon--question::before {
  background-image: url("../images/icons/question.svg");
}

.sl_icon--refund::before {
  background-image: url("../images/icons/refund.svg");
}

.sl_icon--refund--black::before {
  background-image: url("../images/icons/refund_black.svg");
}

.sl_icon--search::before {
  background-image: url("../images/icons/search.svg");
}

.sl_icon--search_glass::before {
  background-image: url("../images/icons/searchGlass.svg");
}

.sl_icon--ticket::before {
  background-image: url("../images/icons/ticket.svg");
}

.sl_icon--ticket--gray::before {
  background-image: url("../images/icons/ticket_gray.svg");
}

.sl_icon--ticket--black::before {
  background-image: url("../images/icons/ticket_black.svg");
}

.sl_icon--ticketSmall::before {
  background-image: url("../images/icons/ticketSmall.svg");
}

.sl_icon--draw::before {
  background-image: url("../images/icons/draw.svg");
}

/* =========================================================
 Layout
========================================================= */
.sl_page {
  position: static;
  word-break: break-all;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  min-height: 100vh;
  min-width: initial;
  font-size: 1.6em;
  color: #333;
}

.sl_page ul,
.sl_page ol,
.sl_page li {
  list-style-type: none;
}

.sl_page table {
  width: 100%;
}

.sl_page a {
  text-decoration: none;
  font-size: 1em;
}

.sl_page .sl_attentionText_link {
  text-decoration: underline;
}

.sl_page .sl_attentionText_link:hover {
  text-decoration: none;
}

.sl_page .sl_doButton_icon, .sl_page .sl_doButton_title, .sl_page .sl_doButton_next, .sl_page .sl_doButton_wrap:visited {
  color: #333;
}

.sl_page .sl_doButton .sl_textLink {
  display: inline;
}

.sl_page .sl_alert_heading {
  margin-bottom: 10px;
}

.sl_page .sl_lotteryResultsDetail_choiceItems {
  width: auto;
}

.sl_main {
  background-color: #F0F0F0;
  font-size: 1em;
  overflow-x: hidden;
}

.sl_main--doubleColumn {
  overflow: visible;
}

@media (min-width: 768px) {
  .sl_main--doubleColumn .sl_main_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
}

@media (min-width: 768px) {
  .sl_main--doubleColumn .sl_section {
    width: calc(100% - (40px + 285px));
    height: 100%;
  }
  .sl_main--doubleColumn .sl_section:not(:last-of-type) {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .sl_main--doubleColumn .sl_section--fixed {
    display: block;
    width: 285px;
    margin: 0;
    padding: 30px 0 0;
    background-color: transparent;
  }
}

.sl_main--doubleColumn .sl_section--fixed.sl_section {
  margin: 0;
}

@media (max-width: calc(768px - 1px)) {
  .sl_main--doubleColumn .sl_main_wide {
    margin-bottom: 0;
  }
}

.sl_main_wide {
  background-color: #fff;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .sl_main_wide {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .sl_main_wide--another {
    max-width: 874px;
    margin: 30px auto;
  }
}

.sl_main_wide--another .sl_heading {
  text-align: center;
}

.sl_main_wideWrap {
  padding: 30px 15px;
  max-width: calc(874px + 30px);
  width: 100%;
  margin: 0 auto;
}

.sl_main_contents {
  width: 100%;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .sl_main_contents {
    max-width: 874px;
    margin: 0 auto;
    padding-bottom: 60px;
  }
}

.sl_main_stepber {
  margin-top: 30px;
  margin-bottom: 15px;
}

.sl_main_stepnavi .sl_stepnavi {
  margin: 0 auto 30px;
}

.sl_main_stepnaviWrap {
  padding: 15px 0;
}

.sl_main_stepnaviWrap .sl_heading {
  margin: 0;
  text-align: center;
}

.sl_main_alert {
  margin: 15px;
}

@media (min-width: 768px) {
  .sl_main_alert {
    margin: 30px 0;
  }
}

.sl_main_weakInfo.sl_weakInfo {
  border: solid 1px #A7C1D8;
  margin: 15px;
  width: auto;
}

@media (min-width: 768px) {
  .sl_main_weakInfo.sl_weakInfo {
    margin: 30px 0;
  }
}

@media (min-width: 768px) {
  .sl_main--white .sl_section {
    border-radius: 6px;
    border: 1px solid #DDDDDD;
  }
  .sl_main--white .sl_ticketArchive_recommendWrap {
    border-radius: 6px;
    border: 1px solid #DDDDDD;
  }
}

@media (max-width: calc(768px - 1px)) {
  .sl_main--white.sl_orderHistory .sl_section {
    margin-bottom: 10px;
  }
}

.sl_main_back {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_main_back {
    margin-top: 30px;
  }
}

.sl_main_back .sl_button {
  margin-right: auto;
  margin-left: auto;
}

.sl_main_back .sl_button.sl_button--back {
  margin-top: 30px;
}

.sl_main_back.sl_main_back--check {
  margin-top: 20px;
}

.sl_main_back.sl_main_back--text {
  margin-top: 48px;
}

.sl_main_back.sl_main_back--text .sl_textLink.sl_textLink--prev {
  margin-top: 20px;
}

.sl_main_back.sl_main_back--text .sl_button.sl_button--back {
  margin-top: 0;
}

.sl_main_more {
  margin-top: 20px;
  margin-bottom: 60px;
}

.sl_main_more .sl_button {
  margin-top: 0;
}

.sl_main_weakLink {
  font-size: 0.88889em;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_main_weakLink {
    margin-top: 30px;
  }
}

.sl_section {
  background-color: #fff;
  padding: 30px 15px;
  width: 100%;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .sl_section {
    border-radius: 4px;
    padding: 25px 40px 30px;
  }
}

@media (min-width: 768px) {
  .sl_section {
    margin: 30px 0;
  }
}

.sl_section:first-child {
  margin: 0;
}

@media (min-width: 768px) {
  .sl_section:first-child {
    margin: 30px 0;
  }
}

.sl_section + .sl_button {
  margin: 40px auto 0;
}

@media (min-width: 768px) {
  .sl_section + .sl_button {
    margin-top: 30px;
  }
}

.sl_section .sl_button:not(.sl_button--select) {
  max-width: 345px;
}

@media (min-width: 768px) {
  .sl_section .sl_button:not(.sl_button--select) {
    max-width: 384px;
  }
}

.sl_section .sl_heading {
  font-size: 1.25em;
}

@media (min-width: 768px) {
  .sl_section .sl_heading {
    font-size: 1.75em;
    text-align: center;
  }
}

.sl_content--fixed {
  position: sticky;
  top: 30px;
  z-index: 2;
}

/* =========================================================
 Module
========================================================= */
/* =====================
  ■ アコーディオン
===================== */
.sl_accordion {
  position: relative;
  overflow: hidden;
}

.sl_accordion--function > * {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sl_accordion--function .sl_accordion_icon--open {
  display: inline-block;
}

.sl_accordion--function .sl_accordion_icon--close {
  display: none;
}

.sl_accordion--function .sl_ticketDetail_text:last-child {
  border-radius: 0;
}

.sl_accordion--function .sl_ticketDetail_text:last-child .sl_labelFit.is-disabled {
  border-radius: 0;
}

.sl_accordion--active .sl_accordion_icon--open {
  display: none;
}

.sl_accordion--active .sl_accordion_icon--close {
  display: inline-block;
}

.sl_accordion--active.sl_accordion_button--another {
  height: 45px;
  border-top: solid 1px #DDDDDD;
}

.sl_accordion--active.sl_accordion_button--another .sl_textLink {
  padding-top: 0;
}

.sl_accordion_button {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 0 0 6px 6px;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.sl_accordion_button--another {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, white), color-stop(75%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 45%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  height: 70px;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  border-top: none;
}

.sl_accordion_button--another .sl_textLink {
  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;
  border-radius: 0 0 12px 12px;
  width: 100%;
  height: 100%;
}

.sl_accordion_button .sl_textLink_text {
  color: #333;
}

.sl_accordion_button .sl_textLink_icon {
  color: #333;
}

.sl_accordion .sl_textLink {
  margin: 0 auto;
  padding-top: 20px;
}

.sl_accordion .sl_textLink .sl_textLink_icon {
  font-size: 0.75em;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

.sl_accordion .sl_textLink .sl_textLink_icon:first-of-type {
  font-size: 0.75em;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

@media (min-width: 768px) {
  .sl_accordion .sl_textLink .sl_textLink_icon:first-of-type {
    margin-left: 5px;
  }
}

@media (min-width: 768px) {
  .sl_accordion .sl_textLink .sl_textLink_icon {
    margin-left: 5px;
  }
}

.sl_accordionProhibitedMatters {
  border-radius: 6px;
  border: solid 1px #DDDDDD;
  position: relative;
}

.sl_accordionProhibitedMatters--function {
  height: 154px;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  padding-bottom: 43px;
}

.sl_accordionProhibitedMatters_icon--open[class^="sl_icon"] {
  display: inline-block;
}

.sl_accordionProhibitedMatters_icon--close[class^="sl_icon"] {
  display: none;
}

.sl_accordionProhibitedMatters--active .sl_accordionProhibitedMatters_icon--open {
  display: none;
}

.sl_accordionProhibitedMatters--active .sl_accordionProhibitedMatters_icon--close {
  display: inline-block;
}

.sl_accordionProhibitedMatters--active .sl_accordionProhibitedMatters_button {
  border-top: solid 1px #DDDDDD;
}

.sl_accordionProhibitedMatters--active .sl_accordionProhibitedMatters_button .sl_textLink {
  padding: 12px 0;
}

.sl_accordionProhibitedMatters .sl_prohibitedMatters {
  border: none;
}

.sl_accordionProhibitedMatters_button {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, white), color-stop(70%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 45%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}

.sl_accordionProhibitedMatters_button .sl_textLink {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sl_accordionProhibitedMatters_button .sl_textLink .sl_textLink_text {
  color: #333;
}

.sl_accordionProhibitedMatters_button .sl_textLink .sl_textLink_icon {
  color: #333;
  margin-left: 10px;
  font-size: 0.75em;
  width: 12px;
  height: 12px;
}

.sl_accordionProhibitedMatters .sl_textLink .sl_textLink_icon:first-of-type {
  font-size: 0.75em;
  width: 12px;
  height: 12px;
  margin-left: 10px;
}

@media (min-width: 768px) {
  .sl_accordionProhibitedMatters .sl_textLink .sl_textLink_icon:first-of-type {
    margin-left: 5px;
  }
}

.sl_accordionTable {
  font-size: 1em;
  position: relative;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
}

.sl_accordionTable:not(.sl_accordionTable--hidden) .sl_accordionTable_button {
  display: none;
}

.sl_accordionTable:not(.sl_accordionTable--hidden) .sl_accordionTable--text .sl_accordionTable_button {
  display: block;
}

.sl_accordionTableDouble .sl_accordionTable:not(.sl_accordionTable--hidden):not(:only-child) {
  border-radius: 6px 6px 0 0;
  border-bottom: none;
}

.sl_accordionTableDouble .sl_accordionTable:not(.sl_accordionTable--hidden):not(:only-child) .sl_dataTable {
  border-radius: 6px 6px 0 0;
  border-bottom: none;
}

.sl_accordionTableDouble .sl_accordionTable:not(.sl_accordionTable--hidden):not(:only-child) .sl_dataTable_wrap:last-of-type {
  border-radius: 0;
}

.sl_accordionTableDouble .sl_accordionTable:not(.sl_accordionTable--hidden):not(:only-child) .sl_dataTable_wrap:last-of-type .sl_dataTable_text {
  border-radius: 0;
}

.sl_accordionTableDouble .sl_accordionTable.sl_accordionTable--hidden {
  height: 100px;
  border-radius: 0 0 6px 6px;
  border-top-color: #F0F0F0;
}

.sl_accordionTableDouble .sl_accordionTable.sl_accordionTable--hidden .sl_accordionTable {
  border-radius: 0 0 6px 6px;
}

.sl_accordionTableDouble .sl_accordionTable.sl_accordionTable--hidden .sl_dataTable {
  border-radius: 0 0 6px 6px;
}

.sl_accordionTableDouble .sl_accordionTable.sl_accordionTable--hidden .sl_dataTable_wrap:first-of-type {
  border-radius: 0;
}

.sl_accordionTableDouble .sl_accordionTable.sl_accordionTable--hidden .sl_dataTable_wrap:first-of-type .sl_dataTable_title {
  border-radius: 0;
}

.sl_accordionTableDouble--another .sl_accordionTable + .sl_accordionTable {
  border-top: none;
}

.sl_accordionTableDouble--another .sl_accordionTable .sl_ticketDetail {
  border-radius: 0;
  border: none;
}

.sl_accordionTableDouble--another .sl_accordionTable .sl_ticketDetail_text {
  background-image: linear-gradient(to right, #DDD, #DDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_accordionTableDouble--another .sl_accordionTable .sl_userData {
  border: none;
}

.sl_accordionTableDouble--another .sl_accordionTable .sl_userData .sl_userData_group:last-child {
  border-bottom: solid 1px #F0F0F0;
}

.sl_accordionTableDouble--another .sl_accordionTable .sl_userData .sl_userData_group:last-child:only-child {
  border-bottom: none;
}

.sl_accordionTableDouble--another .sl_accordionTable--hidden .sl_ticketDetail_text:last-child {
  border-bottom: solid 1px #DDDDDD;
}

.sl_accordionTableDouble--another .sl_accordionTable--hidden .sl_userData .sl_userData_group:last-child {
  border-bottom: solid 1px #DDDDDD;
}

.sl_accordionTableDouble--another .sl_accordionTable--hidden .sl_userData .sl_userData_group:last-child:only-child {
  border-bottom: solid 1px #DDDDDD;
}

.sl_accordionTableDouble--another .sl_accordionTable:first-child .sl_ticketDetail {
  border-radius: 6px 6px 0 0;
}

.sl_accordionTableDouble--another .sl_accordionTable:first-child .sl_ticketDetail .sl_ticketDetail_text:first-child {
  background-image: none;
}

.sl_accordionTableDouble--another .sl_accordionTable:last-child .sl_ticketDetail {
  border-radius: 0 0 6px 6px;
}

.sl_accordionTableDouble--another .sl_accordionTable--active .sl_ticketDetail_text {
  border-radius: 0;
}

.sl_accordionTableDouble--another .sl_accordionTable--active .sl_accordionTable_button {
  height: 45px;
}

.sl_accordionTableDouble--another .sl_accordionTable--active .sl_accordionTable_button .sl_textLink {
  padding: 15px 0;
}

.sl_accordionTableDouble--another .sl_accordionTable--active.sl_accordionTable--hidden .js-sl-accordionTable--wrap:last-child {
  padding-bottom: 40px;
}

.sl_accordionTable--active .sl_accordionTable--icon--open.sl_textLink_icon {
  display: none;
}

.sl_accordionTable--active ~ .sl_accordionTable_button .sl_accordionTable--icon--open {
  display: none;
}

.sl_accordionTable--active .sl_accordionTable--icon--close.sl_textLink_icon {
  display: inline-block;
}

.sl_accordionTable--active ~ .sl_accordionTable_button .sl_accordionTable--icon--close {
  display: inline-block;
}

.sl_accordionTable--active .js-sl-accordionTable--content:last-child {
  padding-bottom: 60px;
}

.sl_accordionTable--hidden {
  height: 200px;
  overflow: hidden;
}

.sl_accordionTable--text {
  position: relative;
}

.sl_accordionTable--text .sl_accordionTable--hidden {
  height: 200px;
  overflow: hidden;
  padding-bottom: 60px;
  -webkit-transition: .3s;
  transition: .3s;
}

.sl_accordionTable--text .sl_accordionTable--shortHidden {
  height: 50px;
  overflow: hidden;
}

.sl_accordionTable--text .sl_textLink {
  font-size: 1em;
  margin: 0 auto 0 0;
}

.sl_accordionTable--text .sl_button:nth-child(n+2) {
  margin-top: 15px;
}

.sl_accordionTable--icon--open.sl_textLink_icon {
  display: inline-block;
}

.sl_accordionTable--icon--close.sl_textLink_icon {
  display: none;
}

.sl_accordionTable_button {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, white), color-stop(75%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 45%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0 0 12px 12px;
  bottom: -3px;
  height: 70px;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
}

.sl_accordionTable_button .sl_textLink {
  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;
  width: 100%;
  height: 100%;
}

.sl_accordionTable_button .sl_textLink .sl_textLink_icon {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.sl_accordionTable_button .sl_textLink .sl_textLink_icon:first-of-type {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .sl_accordionTable_button .sl_textLink .sl_textLink_icon {
    margin-left: 5px;
  }
  .sl_accordionTable_button .sl_textLink .sl_textLink_icon:first-of-type {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
}

.sl_accordionTable_button .sl_textLink {
  font-size: 0.75em;
  margin: 0 auto;
}

.sl_accordionTable_button .sl_textLink_text {
  color: #333;
  font-size: 1em;
}

.sl_accordionTable.sl_accordionTable--hidden {
  height: 200px;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

.sl_accordionTable.sl_accordionTable--hidden .js-sl-accordionTable--wrap:last-child {
  padding-bottom: 60px;
}

.sl_accordionTable .sl_dataTable {
  border: none;
}

.sl_accordionTable .sl_dataTable_wrap {
  border: none;
}

.sl_accordionTable .sl_dataTable_wrap:first-of-type {
  border-left: none;
  border-right: none;
  border-top: none;
}

.sl_accordionTable .sl_dataTable_wrap:last-of-type {
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.sl_allHidden {
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  min-height: 42px;
}

.sl_allHidden .sl_dataTable {
  border-color: transparent;
}

.sl_allHidden .sl_dataTable .sl_dataTable_wrap {
  border-color: transparent;
}

.sl_allHidden .sl_userData {
  border-color: transparent;
  border-radius: 0;
}

.sl_allHidden .sl_prohibitedMatters {
  border: none;
  padding: 0;
}

.sl_allHidden--another .sl_allHidden_inner_item {
  padding: 0;
}

.sl_allHidden--another .sl_allHidden_buttonWrap {
  border: none;
}

.sl_allHidden--active .sl_allHidden_inner--deco {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  border-radius: 6px 6px 0 0;
}

.sl_allHidden--active .sl_allHidden_button--close.sl_allHidden_button_icon {
  display: none;
}

.sl_allHidden--active .sl_allHidden_button--open.sl_allHidden_button_icon {
  display: inline-block;
}

.sl_allHidden--active .sl_allHidden_buttonWrap {
  border-radius: 0 0 6px 6px;
}

.sl_allHidden--active .sl_dataTable {
  border-radius: 0;
  border-color: #DDDDDD;
}

.sl_allHidden--active .sl_dataTable .sl_dataTable_wrap {
  border-color: #DDDDDD;
}

.sl_allHidden--active .sl_dataTable_wrap:last-child {
  border-radius: 0;
}

.sl_allHidden--active .sl_dataTable_wrap:last-child .sl_dataTable_text {
  border-radius: 0;
}

.sl_allHidden--active .sl_userData {
  border-color: #DDDDDD;
  border-radius: 6px 6px 0 0;
}

.sl_allHidden_wrap {
  height: 100%;
  overflow: hidden;
}

.sl_allHidden_inner--deco {
  border: none;
}

.sl_allHidden_inner_item {
  padding: 15px;
}

.sl_allHidden_inner_item:nth-child(n + 2) {
  border-top: solid 1px #DDDDDD;
}

.sl_allHidden_button {
  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;
  height: 42px;
  width: 100%;
}

.sl_allHidden_button .sl_allHidden_button_icon {
  width: 12px;
  height: 12px;
}

.sl_allHidden_button--close.sl_allHidden_button_icon {
  display: inline-block;
}

.sl_allHidden_button--open.sl_allHidden_button_icon {
  display: none;
}

.sl_allHidden_buttonWrap {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  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;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  z-index: 2;
}

.sl_allHidden_button_text {
  font-size: 0.75em;
  padding-right: 5px;
}

.sl_allHidden_button_icon::before {
  width: 12px;
  height: 12px;
}

/* =====================
  ■ お知らせ
===================== */
.sl_announce {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 1em;
  padding: 15px;
  width: 100%;
}

.sl_announce--center {
  padding: 20px;
}

@media (min-width: 768px) {
  .sl_announce--center {
    padding: 25px;
  }
}

.sl_announce--center .sl_announce_heading {
  text-align: center;
}

@media (min-width: 768px) {
  .sl_announce--center .sl_announce_heading {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sl_announce--button {
  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;
}

@media (min-width: 768px) {
  .sl_announce--button .sl_announce_textWrap {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
}

.sl_announce--button .sl_announce_button {
  width: 100%;
  margin: 15px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .sl_announce--button .sl_announce_button {
    width: 200px;
    margin: 0 0 0 15px;
  }
}

.sl_announce--button .sl_announce_button .sl_button {
  padding: 7px 15px;
  max-width: none;
}

.sl_announce--button .sl_announce_button .sl_button_text {
  font-size: 0.77778em;
}

.sl_announce--error {
  border-width: 2px;
}

.sl_announce--another {
  font-size: 0.625em;
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 12px;
  margin-top: 20px;
  border-radius: 4px;
}

.sl_announce--another .list--square {
  font-size: 1.4em;
  color: #1F1F1F;
}

.sl_announce--another:last-child {
  margin-bottom: 0;
}

.sl_announce--another .sl_announce_title {
  font-size: 1.6em;
}

.sl_announce--another .sl_announce_text {
  font-size: 1.4em;
  color: #333;
  margin: 10px 0;
}

.sl_announce--another .sl_announce_text:last-child {
  margin-bottom: 0;
}

.sl_announce--another .sl_announce_text--s {
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 0;
}

.sl_announce--another .sl_announce_text--s + .sl_announce_text--s {
  margin-top: 0;
}

.sl_announce--another .sl_announce_heading {
  margin-bottom: 0;
}

.sl_announce--another .sl_announce_heading--border {
  margin-bottom: 0;
  margin-top: 15px;
  padding-top: 15px;
}

.sl_announce--another .sl_announce_heading:nth-of-type(n+2) {
  margin-top: 25px;
}

@media (min-width: 768px) {
  .sl_announce_inner {
    margin: 0 15px;
  }
}

.sl_announce_inner:nth-child(n+2) {
  border-top: solid 1px #DDDDDD;
  padding-top: 15px;
  margin-top: 15px;
}

.sl_announce_heading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sl_announce_heading--error {
  color: #DB0022;
  margin-bottom: 10px;
}

.sl_announce_wrap--border {
  border-top: solid 1px #DDDDDD;
  margin-top: 10px;
  padding-top: 15px;
}

.sl_announce_icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.sl_announce_title {
  font-weight: bold;
  font-size: 0.875em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_announce_title--error {
  font-size: 1em;
}

.sl_announce_button {
  font-size: 1.125em;
  font-weight: bold;
  margin-top: 10px;
}

.sl_announce_button .sl_button {
  margin: 0 auto;
}

.sl_announce_text {
  color: #5C5C5C;
  margin-top: 10px;
  font-size: 0.875em;
}

.sl_announce_text--error {
  color: #333;
  font-size: 0.75em;
  margin-top: 0;
}

.sl_announce_text--strong {
  font-weight: bold;
}

.sl_announce_data {
  margin-top: 5px;
}

.sl_announce_data--error {
  margin-top: 15px;
}

.sl_announce .sl_ticketingDate {
  font-size: 0.875em;
}

.sl_announce .sl_ticketDivideDate {
  font-size: 0.875em;
}

/*
  注意文言系
===================== */
.sl_prohibitedMatters {
  background-color: #fff;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  padding: 20px 15px;
  position: relative;
}

.sl_prohibitedMatters .sl_textLink--inline .sl_textLink_text {
  font-size: 1em;
}

.sl_prohibitedMatters_title {
  font-size: 0.875em;
  font-weight: bold;
  padding-bottom: 12px;
}

.sl_prohibitedMatters_text {
  font-size: 0.75em;
}

.sl_prohibitedMatters_text + [class^="sl_prohibitedMatters"] {
  padding-top: 15px;
}

.sl_prohibitedMatters_text--normal {
  font-size: 1.16667em;
}

.sl_prohibitedMatters_text--small {
  font-size: 1em;
}

@media (min-width: 768px) {
  .sl_prohibitedMatters_text--small {
    font-size: 1.16667em;
  }
}

.sl_prohibitedMatters_list {
  font-size: 1em;
}

.sl_prohibitedMatters_list + [class^="sl_prohibitedMatters"] {
  padding-top: 15px;
}

.sl_prohibitedMatters_dotList {
  font-size: 0.75em;
}

.sl_prohibitedMatters_dotList li {
  padding-left: 12px;
  position: relative;
}

.sl_prohibitedMatters_dotList li::before {
  content: '・';
  position: absolute;
  top: 2px;
  left: 0;
}

.sl_prohibitedMatters_important {
  color: #DB0022;
}

.sl_prohibitedMatters_button {
  margin-top: 20px;
}

/*
  弱めの注意
===================== */
.sl_weakInfo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.875em;
  width: 100%;
  padding: 10px;
  background-color: #EDF4FF;
}

.sl_weakInfo .sl_weakInfo_icon {
  color: #BEBEBE;
  font-size: 1.25em;
  width: 20px;
  height: 20px;
  padding: 10px;
  margin: 10px;
}

.sl_weakInfo_text {
  color: #275B88;
  display: block;
}

.sl_weakInfo_text--strong {
  font-weight: bold;
  font-size: 1.14286em;
}

.sl_weakInfo_textWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_weakInfo_text .sl_textLink {
  display: inline;
  text-decoration: underline;
}

.sl_weakInfo_text .sl_textLink:hover {
  text-decoration: none;
}

.sl_weakInfo_text .sl_textLink_text {
  color: #275B88;
  font-size: 1em;
}

.sl_weakInfo_text .sl_attentionText {
  font-size: 1em;
}

.sl_weakInfo_text .sl_attentionText_link {
  color: #275B88;
}

.sl_weakInfo_text .sl_attentionText_link:hover {
  text-decoration: none;
}

.sl_weakInfo_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  margin-bottom: 2px;
  align-items: center;
}

.sl_weakInfo_heading:only-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .sl_weakInfo_heading {
    margin-bottom: 5px;
  }
}

/*
  エラー
===================== */
.sl_alert {
  border: solid 1px #DB0022;
  border-radius: 6px;
  background-color: #FFF;
  font-size: 0.75em;
  padding: 10px;
}

.sl_alert--s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sl_alert--s .sl_alert_icon {
  font-size: 1.33333em;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

.sl_alert--s .sl_alert_text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_alert--main {
  background-color: #FFF5F6;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875em;
}

.sl_alert--main .sl_alert_icon {
  width: 20px;
  height: 20px;
}

.sl_alert_heading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #DB0022;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.sl_alert_icon {
  font-size: 1.66667em;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.sl_alert_title {
  font-size: 1.33333em;
  font-weight: bold;
  width: calc(100% - 25px);
}

.sl_alert_text {
  color: #DB0022;
}

/* =====================
  ■ ボタン
===================== */
.sl_button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E77408;
  border-radius: 6px;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 15px;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: calc(100% - 30px);
}

@media (min-width: 768px) {
  .sl_button {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    max-width: 384px;
  }
  .sl_button:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.sl_button:visited {
  color: #FFF;
}

.sl_button + .sl_button {
  margin-top: 10px;
}

.sl_button_text {
  font-size: 1.125em;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

.sl_button_text--s {
  font-size: 1em;
}

.sl_button_text--xs {
  font-size: 0.875em;
}

.sl_button_icon[class^="sl_icon"] {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.sl_button--secondary {
  background-color: #2B2B2B;
}

.sl_button--etc {
  background-color: #FFF;
  border: solid 1px #333;
  border-radius: 6px;
  color: #333;
  padding: 15px;
}

.sl_button--etc:visited {
  color: #333;
}

.sl_button--etc--s {
  padding: 2px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sl_button--etc--m {
  padding: 7px 20px;
  max-width: 285px;
}

@media (max-width: calc(768px - 1px)) {
  .sl_button--etc--m {
    max-width: 315px;
  }
}

.sl_button--show {
  background-color: #FFF;
  border: solid 1px #BEBEBE;
  border-radius: 6px;
  color: #333;
  padding: 15px;
}

.sl_button--show:visited {
  color: #333;
}

.sl_button--show .sl_button_icon {
  color: #707070;
}

.sl_button--select {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  border: solid 1px #E77408;
  border-radius: 3px;
  color: #E77408;
  padding: 5px 10px;
}

.sl_button--select:visited {
  color: #E77408;
}

.sl_button--select--s {
  padding: 5px 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 92px;
}

.sl_button--select--m {
  max-width: 224px;
}

.sl_button--select .sl_button_icon {
  font-size: 0.75em;
  width: 12px;
  height: 12px;
  right: 10px;
}

.sl_button--disabled, .sl_button:disabled {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
  color: #fff;
  pointer-events: none;
}

.sl_button--disabled:visited, .sl_button:disabled:visited {
  color: #fff;
}

.sl_button--processing {
  padding: 15px;
  background-color: #F5F5F5;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
}

.sl_button--processing:hover {
  cursor: auto;
  opacity: 1;
}

@media (min-width: 768px) {
  .sl_button--processing {
    padding: 20px;
    max-width: 100%;
  }
}

.sl_button--processing .sl_button_text {
  color: #333;
  font-size: 0.875em;
}

.sl_button--back {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  color: #5C5C5C;
  background-color: #F5F5F5;
  padding: 7px;
  padding-left: 26px;
  padding-right: 26px;
  width: 220px;
}

.sl_button--back .sl_button_icon[class^="sl_icon"] {
  width: 12px;
  height: 12px;
  right: auto;
  left: 10px;
}

.sl_button--back:visited {
  color: #5C5C5C;
}

.sl_button--search {
  background-color: #2B2B2B;
}

.sl_doButton {
  background-color: #fff;
  border: solid 2px #DDD;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.16;
  width: 100%;
}

@media (min-width: 768px) {
  .sl_doButton {
    max-width: none;
  }
}

.sl_doButton + .sl_doButton {
  margin-top: 15px;
}

.sl_doButton_wrap {
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #333;
  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;
  padding: 12px 10px;
}

@media (min-width: 768px) {
  .sl_doButton_wrap {
    padding: 12px 15px;
  }
}

.sl_doButton_wrap:visited {
  color: #FFF;
}

.sl_doButton_wrapText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .sl_doButton_wrapText {
    padding-bottom: 0;
  }
}

.sl_doButton_wrapAction {
  width: 100%;
}

@media (min-width: 768px) {
  .sl_doButton_wrapAction {
    width: 200px;
  }
}

.sl_doButton_wrapAction .sl_button {
  font-size: 0.875em;
  max-width: none;
  width: 100%;
  padding: 10px 15px;
}

.sl_doButton_sub {
  background-color: #FFF;
  border-radius: 6px;
  border: 1px solid #DDD;
  padding: 10px 15px;
  margin: 0 10px 10px;
}

@media (min-width: 768px) {
  .sl_doButton_sub {
    margin: 0 15px 10px;
  }
}

.sl_doButton_sub > :not(:first-child):not(.sl_doButton_sub_text) {
  margin-top: 5px;
}

.sl_doButton_sub_text {
  color: #666;
  font-size: 0.75em;
  font-weight: normal;
  margin-top: 8px;
}

.sl_doButton_sub_text .sl_attentionText {
  color: #2B66CC;
  font-size: 1em;
}

.sl_doButton_sub .sl_textLink {
  text-decoration: underline;
}

.sl_doButton_sub .sl_dataTable {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.sl_doButton_sub .sl_dataTable .sl_dataTable_wrap {
  border: none;
}

.sl_doButton_sub .sl_dataTable .sl_dataTable_title {
  padding-top: 0;
}

.sl_doButton_sub .sl_dataTable:only-child .sl_dataTable_text {
  padding-bottom: 0;
}

.sl_doButton_sub .sl_dataTable:not(:only-child) {
  border-bottom: 1px solid #DDD;
  margin-bottom: 10px;
}

.sl_doButton_desc {
  font-size: 1.4em;
}

.sl_doButton_icon {
  fill: #fff;
  min-width: 25px;
  min-height: 25px;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
}

@media (min-width: 768px) {
  .sl_doButton_icon {
    min-width: 30px;
    min-height: 30px;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sl_doButton_icon svg {
  width: 25px;
  height: auto;
}

@media (min-width: 768px) {
  .sl_doButton_icon svg {
    width: 30px;
    height: auto;
  }
}

.sl_doButton_text {
  -webkit-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 768px) {
  .sl_doButton_text {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 10px;
    width: calc(100% - 30px);
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .sl_doButton_text {
    width: calc(100% - 40px);
  }
}

.sl_doButton_title {
  display: inline;
  padding-left: 30px;
  width: 100%;
  letter-spacing: -0.01em;
  line-height: calc(21 / 18);
}

@media (min-width: 768px) {
  .sl_doButton_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    padding-left: 0;
    width: auto;
  }
}

.sl_doButton_title strong {
  color: #DB0022;
}

.sl_doButton_next {
  width: 100%;
  padding-top: 10px;
}

@media (min-width: 768px) {
  .sl_doButton_next {
    width: auto;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sl_doButton_next .sl_button {
  width: 100%;
  max-width: none;
  padding: 8px;
}

@media (min-width: 768px) {
  .sl_doButton_next .sl_button {
    width: 200px;
    padding: 10px;
  }
}

.sl_doButton_next .sl_button_text {
  font-size: 0.77778em;
  letter-spacing: -0.02em;
}

.sl_doButton .sl_availablePeriod {
  font-size: 0.875em;
  font-weight: normal;
}

.sl_doButton .sl_dataTable_title {
  font-size: 1.2em;
}

.sl_doButton .sl_dataTable_text {
  color: #333;
  font-weight: bold;
}

.sl_sideButton {
  background-color: #FFF;
  border: solid 1px #E77408;
  border-radius: 37px 0 0 37px;
  font-size: 1em;
  -webkit-filter: drop-shadow(0 3px 6px rgba(126, 51, 0, 0.2));
          filter: drop-shadow(0 3px 6px rgba(126, 51, 0, 0.2));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 109px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (min-width: 768px) {
  .sl_sideButton {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: auto;
    border-radius: 37px;
    transition: opacity 0.3s;
  }
  .sl_sideButton:hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .sl_sideButton:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

@media (max-width: calc(768px - 1px)) {
  .sl_sideButton {
    border-right: none;
  }
}

.sl_sideButton_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #E77408;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 4px 0 8px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (min-width: 768px) {
  .sl_sideButton_wrap {
    padding: 18px 30px;
  }
}

.sl_sideButton_wrap:visited {
  color: #E77408;
}

.sl_sideButton_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px) {
  .sl_sideButton_container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sl_sideButton_icon {
  font-size: 2.5em;
}

@media (min-width: 768px) {
  .sl_sideButton_icon {
    font-size: 1.75em;
  }
}

.sl_sideButton_text {
  font-size: 0.875em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sl_sideButton_text {
    font-size: 1.125em;
    padding-left: 10px;
  }
}

/* =====================
  ■ コンテンツ
===================== */
/*
  コンテンツ追加系 - 仕切り
===================== */
.sl_userData {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 0.875em;
}

.sl_userData_group {
  padding: 10px 15px;
}

.sl_userData_group + .sl_userData_group {
  border-top: solid 1px #F0F0F0;
  padding-top: 10px;
}

.sl_userData_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.sl_userData_wrap + .sl_userData_wrap {
  padding-top: 5px;
}

.sl_userData_info {
  font-size: 1.14286em;
  font-weight: bold;
  padding-bottom: 10px;
}

.sl_userData_title {
  width: 4em;
  color: #5C5C5C;
  font-weight: normal;
  padding-top: 0;
}

.sl_userData_text {
  margin-left: 10px;
  padding: 0 0 0 10px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_userData_text::before {
  background-color: #F0F0F0;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  left: 0;
  top: 3px;
  width: 1px;
}

.sl_userSelect {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 0.875em;
}

.sl_userSelect_wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
  font-weight: bold;
}

.sl_userSelect_wrap + .sl_userSelect_wrap {
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_userSelect_wrap .sl_button.sl_button--select.sl_button--select--s {
  max-width: 92px;
}

/*
  払戻受付中
===================== */
.sl_refund {
  background-color: #275B88;
  border-radius: 6px;
  font-size: 0.625em;
}

@media (min-width: 768px) {
  .sl_refund {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 768px) {
  .sl_refund--single .sl_refund_label {
    border-radius: 6px 0 0 6px;
  }
}

@media (min-width: 768px) {
  .sl_refund--single .sl_refund_period {
    border-radius: 0;
  }
}

.sl_refund--disable .sl_refund_period {
  background-color: #DDDDDD;
  color: #5C5C5C;
}

.sl_refund_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4em;
}

@media (min-width: 768px) {
  .sl_refund_wrap {
    height: 50px;
    width: 100%;
  }
}

.sl_refund_link {
  border-radius: 0 0 6px 6px;
  padding: 15px;
}

@media (min-width: 768px) {
  .sl_refund_link {
    border-radius: 0 6px 6px 0;
    padding: 14px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

.sl_refund_link .sl_textLink {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .sl_refund_link .sl_textLink {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

.sl_refund_link .sl_textLink .sl_textLink_icon {
  font-size: 1.4em;
  width: 14px;
  height: 14px;
}

.sl_refund_label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #275B88;
  border-radius: 6px 6px 0 0;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  padding: 9px 15px;
  width: 100%;
}

@media (min-width: 768px) {
  .sl_refund_label {
    border-radius: 6px 0 0 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding: 0 20px;
    border-right: solid 1px rgba(255, 255, 255, 0.5);
    width: auto;
  }
}

.sl_refund_label [class^="sl_icon"] {
  font-size: 1.14286em;
  margin-right: 5px;
}

.sl_refund_period {
  color: #FFF;
  background-color: #275B88;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 9px 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-top: solid 1px rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
  .sl_refund_period {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0 6px 0 0;
    height: 100%;
    padding: 0 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-top: none;
  }
}

.sl_refund_period:only-child {
  border-radius: 6px 6px 0 0;
  width: 100%;
}

.sl_refund_text {
  font-weight: bold;
  padding-right: 10px;
}

.sl_refund_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

@media (min-width: 768px) {
  .sl_refund_date {
    width: auto;
  }
}

.sl_refund_date--firstHalf::after {
  content: "～";
  display: inline;
}

.sl_refund_date--hidden {
  opacity: 0;
  position: fixed;
  z-index: -1;
  pointer-events: none;
}

.sl_refund_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 10px;
  width: 100%;
  background-color: #DDDDDD;
  font-size: 0.875em;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  color: #5C5C5C;
  line-height: 1;
}

.sl_refund_tag > :nth-child(n+2) {
  border-left: solid 1px #5C5C5C;
  padding-left: 10px;
}

.sl_refund .sl_textLink_text {
  font-size: 1.2em;
}

.sl_validTicket {
  font-size: 1em;
}

.sl_validTicket + .sl_validTicket {
  margin-top: 20px;
}

.sl_validTicket--announce.sl_announce {
  padding: 15px;
}

@media (min-width: 768px) {
  .sl_validTicket--announce.sl_announce {
    padding: 15px 30px;
  }
}

@media (min-width: 768px) {
  .sl_validTicket--announce .sl_validTicket_tableChild:only-child > :only-child {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.sl_validTicket_todo {
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
}

.sl_validTicket_wrap {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  position: relative;
}

.sl_validTicket_sub {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .sl_validTicket_sub {
    margin-top: 20px;
  }
}

.sl_validTicket_sub > :not(:first-child) {
  margin-top: 10px;
}

.sl_validTicket_sub > :not(:first-child).sl_validTicket_todo {
  margin-top: 20px;
}

.sl_validTicket_sub .sl_modal {
  margin-top: 0;
}

.sl_validTicket_sub .sl_announce {
  padding: 10px 15px;
}

@media (min-width: 768px) {
  .sl_validTicket_sub .sl_validTicket--announce {
    padding: 15px 30px;
  }
}

.sl_validTicket_sub.is-sp {
  margin-top: 20px;
}

.sl_validTicket_subInner {
  padding: 20px 10px;
  border-radius: 6px;
  background-color: #EFF5FF;
}

@media (min-width: 768px) {
  .sl_validTicket_subInner {
    padding: 20px 15px;
  }
}

.sl_validTicket_subInner .sl_doButton {
  border-color: #DDDDDD;
}

.sl_validTicket_subInner .sl_doButton_wrap {
  border-color: #DDDDDD;
}

.sl_validTicket_body {
  padding: 15px;
}

@media (min-width: 768px) {
  .sl_validTicket_body {
    padding: 20px 40px;
    margin: 0 auto;
  }
}

.sl_validTicket_body:last-child.sl_validTicket_map {
  padding-bottom: 0;
}

.sl_validTicket_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.sl_validTicket_label > :not(:first-child) {
  margin-left: 5px;
}

.sl_validTicket_label .sl_labelFit {
  padding: 0 10px;
}

.sl_validTicket_table {
  margin-top: 20px;
}

.sl_validTicket_tableChild + .sl_validTicket_tableChild {
  border-top: solid 1px #DDDDDD;
  padding-top: 15px;
  margin-top: 10px;
}

.sl_validTicket_table .sl_dataTable .sl_dataTable_title {
  color: #333;
  font-weight: bold;
}

.sl_validTicket_table .sl_dataTable .sl_dataTable_text {
  font-size: 1.2em;
}

.sl_validTicket_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

.sl_validTicket_content .sl_validTicket_button {
  display: none;
}

@media (min-width: 768px) {
  .sl_validTicket_content .sl_validTicket_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-left: solid 1px #DDDDDD;
    margin-left: 20px;
    padding-left: 20px;
  }
}

.sl_validTicket_content .sl_validTicket_button .sl_button--disabled {
  color: #fff;
}

.sl_validTicket_content .sl_validTicket_info .sl_date {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 5px;
}

.sl_validTicket_content .sl_validTicket_info .sl_date [class^="sl_icon"] {
  top: 1px;
}

@media (min-width: 768px) {
  .sl_validTicket_info {
    width: calc(100% - 245px);
  }
}

.sl_validTicket_info:only-child {
  width: 100%;
}

.sl_validTicket_tags {
  margin-top: 20px;
}

.sl_validTicket_title {
  font-size: 1.25em;
  padding-bottom: 15px;
}

.sl_validTicket_date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  font-weight: bold;
}

.sl_validTicket_date [class^="sl_icon"] {
  font-weight: normal;
  padding-right: 5px;
}

.sl_validTicket_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 10px;
  width: 100%;
  background-color: #DDDDDD;
  font-size: 0.875em;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  color: #5C5C5C;
  line-height: 1;
}

.sl_validTicket_tag > :nth-child(n+2) {
  border-left: solid 1px #5C5C5C;
  padding-left: 10px;
}

.sl_validTicket_time {
  font-size: 0.875em;
  color: #5C5C5C;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .sl_validTicket_time {
    margin-bottom: 5px;
  }
}

.sl_validTicket_time [class^="sl_icon"]::before {
  margin-top: 2px;
}

.sl_validTicket_time--desc {
  padding-left: 5px;
}

.sl_validTicket_time--desc + .sl_validTicket_time--desc {
  padding-left: 2px;
}

.sl_validTicket_map {
  font-size: 0.875em;
  color: #5C5C5C;
  display: block;
}

.sl_validTicket_map .sl_textLink {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.sl_validTicket_map .sl_textLink [class^="sl_icon"] {
  top: 2px;
}

.sl_validTicket_map .sl_textLink [class^="sl_icon"] + .sl_textLink_text {
  font-size: 1em;
}

.sl_validTicket_button {
  margin-top: 20px;
  display: block;
}

@media (min-width: 768px) {
  .sl_validTicket_button {
    display: none;
    margin-top: 0;
  }
}

.sl_validTicket_button .sl_button--disabled .sl_button_text {
  color: #fff;
}

@media (min-width: 768px) {
  .sl_validTicket_button--visible {
    display: block;
  }
}

.sl_validTicket_button p {
  text-align: center;
  font-size: 0.75em;
  margin-top: 10px;
  color: #5C5C5C;
}

.sl_validTicket_button .sl_button {
  margin: 0 auto;
}

.sl_validTicket_button .sl_button--etc {
  padding: 9.5px 20px;
}

@media (min-width: 768px) {
  .sl_validTicket_button .sl_button--etc {
    padding: 7px 13px;
  }
}

.sl_validTicket_button .sl_button--etc .sl_button_text {
  font-size: 1em;
}

.sl_validTicket_foot {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: solid 1px #DDDDDD;
  color: #5C5C5C;
  font-size: 0.75em;
  padding: 10px 15px 15px;
}

@media (min-width: 768px) {
  .sl_validTicket_foot {
    padding: 15px 40px 15px;
  }
}

.sl_validTicket_foot .sl_textLink {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1em;
}

.sl_validTicket_foot .sl_textLink_text {
  font-size: 1em;
}

.sl_validTicket_foot .sl_textLink .sl_textLink_icon {
  font-size: 1.16667em;
  width: 14px;
  height: 14px;
}

.sl_validTicket_footInner, .sl_validTicket_footInner_translateIgai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}

.sl_validTicket .sl_refund + .sl_validTicket_wrap {
  border-top: none;
  border-radius: 0 0  6px 6px;
  border-top: none;
}

.sl_validTicket .sl_refund + .sl_validTicket_wrap .sl_validTicket_tag {
  border-radius: 0;
}

/*
  公演情報
===================== */
.sl_performanceInfo {
  font-size: 0.625em;
}

.sl_performanceInfo_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .sl_performanceInfo_wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.sl_performanceInfo_title {
  border-bottom: solid 1px #DDDDDD;
  margin-bottom: 12px;
  padding-bottom: 10px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

@media (min-width: 768px) {
  .sl_performanceInfo_title {
    border-bottom: none;
    border-right: solid 1px #DDDDDD;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 25px;
  }
}

.sl_performanceInfo_title .sl_textLink {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
}

@media (min-width: 768px) {
  .sl_performanceInfo_title .sl_textLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.sl_performanceInfo_title .sl_textLink_icon + .sl_textLink_text {
  font-size: 0.875em;
}

.sl_performanceInfo_title .sl_icon--mapPinOutline {
  margin-top: 3px;
}

.sl_performanceInfo_text {
  font-size: 2em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sl_performanceInfo_text {
    padding-bottom: 20px;
    font-size: 2.4em;
  }
}

@media (max-width: calc(768px - 1px)) {
  .sl_performanceInfo_desc {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .sl_performanceInfo_desc {
    padding-left: 25px;
    width: 286px;
  }
}

.sl_performanceInfo_desc .sl_textLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 768px) {
  .sl_performanceInfo_desc .sl_textLink {
    display: none;
  }
}

.sl_performanceInfo_desc .sl_textLink [class*="icon-"] {
  margin-top: 2px;
}

.sl_performanceInfo_num {
  color: #5C5C5C;
  font-size: 1.2em;
}

.sl_performanceInfo .sl_date {
  font-size: 1.6em;
  padding-bottom: 5px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.sl_performanceInfo .sl_date [class*="icon-"]::before {
  margin-top: 2px;
}

.sl_performanceInfo .sl_availablePeriod {
  color: #5C5C5C;
  font-size: 1.4em;
  padding-bottom: 12px;
}

.sl_performanceInfo .sl_textLink {
  font-size: 1.6em;
  padding-bottom: 12px;
}

@media (min-width: 768px) {
  .sl_performanceInfo .sl_textLink {
    padding-bottom: 0;
  }
}

.sl_performanceDetailInfo {
  font-size: 0.625em;
}

.sl_performanceDetailInfo_title {
  font-size: 1.6em;
  padding-bottom: 15px;
}

.sl_performanceDetailInfo_title .sl_performanceDetailInfo_text {
  font-size: 1.25em;
}

@media (min-width: 768px) {
  .sl_performanceDetailInfo_title .sl_performanceDetailInfo_text {
    font-size: 1.5em;
  }
}

.sl_performanceDetailInfo_desc {
  font-size: 1.6em;
}

.sl_performanceDetailInfo_desc > :not(:last-child) {
  margin-bottom: 5px;
}

.sl_performanceDetailInfo_desc .sl_textLink {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.sl_performanceDetailInfo_desc .sl_textLink .sl_textLink_icon::before {
  margin-top: 2px;
}

.sl_performanceDetailInfo_num {
  font-size: 0.75em;
  color: #5C5C5C;
  margin-top: 10px;
}

.sl_performanceDetailInfo .sl_availablePeriod {
  color: #5C5C5C;
}

/*
  席
===================== */
.sl_ticketingDate_wrap {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #5C5C5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sl_ticketingDate_wrap:nth-of-type(n+2) .ticketTable_title,
.sl_ticketingDate_wrap:nth-of-type(n+2) .ticketTable_text {
  padding-top: 10px;
}

.sl_ticketingDate_title {
  width: 6em;
  margin-right: 5px;
}

.sl_ticketingDate_text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 1em;
  position: relative;
}

.sl_ticketingDate_text:only-child {
  padding-left: 0;
}

.sl_ticketingDate_text--hidden {
  opacity: 0;
  position: fixed;
  z-index: -1;
  pointer-events: none;
}

.sl_ticketingDate_text:not(:only-child)::before {
  content: "：";
  display: inline;
  font-weight: normal;
  padding-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.sl_ticketDivideDate {
  color: #5C5C5C;
  font-size: 1.4em;
}

.sl_ticketList {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 1em;
}

.sl_ticketList + .sl_ticketList {
  margin-top: 10px;
}

.sl_ticketList_text {
  font-weight: bold;
  padding: 15px;
  font-size: 0.875em;
}

.sl_ticketList_text + .sl_ticketList_text {
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_ticketList_text--title {
  font-size: 1em;
}

.sl_ticketList_text--title + .sl_ticketList_text--title {
  border-top: none;
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_ticketList_text--title + .sl_ticketList_text--data {
  border-top: solid 1px #DDDDDD;
  background-image: none;
}

.sl_ticketList_text--data {
  font-size: 1em;
  font-weight: normal;
}

.sl_ticketList_text--data ul {
  color: #5C5C5C;
  font-size: 0.75em;
}

.sl_ticketList_text--data li {
  margin-top: 10px;
}

.sl_ticketList_text--data [class*="icon-"] {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.sl_ticketDetail {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 0.875em;
  font-weight: bold;
}

.sl_ticketDetail_controlList_item--disabled .sl_ticketDetail_controlBankInfo--name::after {
  background-color: #DDDDDD;
}

.sl_ticketDetail_wrap {
  padding: 13px 15px 15px;
}

.sl_ticketDetail_text {
  background-color: #FFF;
}

.sl_ticketDetail_text + .sl_ticketDetail_text {
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_ticketDetail_text:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sl_ticketDetail_text:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.sl_ticketDetail_text--disabled {
  background-color: #F5F5F5;
  color: #5C5C5C;
}

.sl_ticketDetail_text--disabled + .sl_ticketDetail_text--disabled {
  background-image: linear-gradient(to right, #BEBEBE, #BEBEBE 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_ticketDetail_text--disabled .sl_priceBreakdown {
  color: #5C5C5C;
}

.sl_ticketDetail_text--disabled .sl_priceBreakdown_price {
  color: #5C5C5C;
}

.sl_ticketDetail_text--disabled [class^="sl_label"] {
  background-color: transparent;
}

.sl_ticketDetail .sl_priceBreakdown {
  font-size: 1.14286em;
  font-weight: normal;
  padding-top: 5px;
}

.sl_ticketDetail [class^="sl_label"] {
  font-size: 0.85714em;
  margin-top: 10px;
}

.sl_ticketDetail_controlBankInfo--name {
  position: relative;
}

.sl_ticketDetail_controlBankInfo--name::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #F0F0F0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sl_ticketPriceDetail {
  font-size: 1em;
  font-weight: bold;
}

.sl_ticketPriceDetail + .sl_ticketPriceDetail {
  border-top: solid 1px #F0F0F0;
  margin-top: 15px;
  padding-top: 15px;
}

.sl_ticketPriceDetail_price {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.3;
  margin-bottom: 10px;
}

.sl_ticketPriceDetail_text {
  font-size: 0.875em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_ticketPriceDetail_num {
  font-size: 0.875em;
  margin-bottom: 10px;
}

.sl_ticketPriceDetail_ticket {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  padding: 10px 15px;
}

.sl_ticketPriceDetail_ticket + .sl_ticketPriceDetail_ticket {
  margin-top: 10px;
}

.sl_ticketPriceDetail_name {
  margin-bottom: 5px;
}

.sl_ticketPriceDetail_breakdown {
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
  color: #5C5C5C;
  display: block;
  font-size: 0.75em;
  font-weight: normal;
  padding-top: 10px;
}

.sl_ticketPriceDetail_breakdown:only-child {
  background: none;
  padding-top: 0;
}

.sl_ticketPriceDetail_sum {
  width: 140px;
  text-align: right;
  color: #333;
}

.sl_ticketPriceDetail_sumText {
  font-size: 1.33333em;
  padding-right: 5px;
}

/*
  期限、番号系
===================== */
.sl_essential {
  background-color: #FFF;
  border: solid 2px #333;
  border-radius: 6px;
  font-size: 0.875em;
  padding: 10px 15px;
}

@media (min-width: 768px) {
  .sl_essential {
    padding: 15px;
  }
}

.sl_essential_title {
  font-weight: bold;
  text-align: center;
}

.sl_essential .sl_keyInfo {
  font-size: 1.42857em;
  margin-top: 5px;
}

.sl_essential--explanation {
  font-size: 1em;
}

@media (min-width: 768px) {
  .sl_essential--explanation {
    text-align: center;
  }
}

.sl_essential--explanation .sl_explanation {
  color: #333;
}

.sl_essential--explanation .sl_explanation_title {
  font-weight: bold;
  color: #333;
}

.sl_essential--explanation .sl_attentionText {
  margin-top: 10px;
}

.sl_essential--explanation .sl_modal_button--item {
  margin-top: 20px;
}

.sl_essential .sl_urlCopy {
  margin-top: 10px;
}

.sl_keyInfo {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 1.25em;
  padding: 10px;
}

.sl_keyInfo_text {
  font-weight: normal;
}

.sl_keyInfo .sl_attentionText {
  font-size: 0.6em;
  margin-top: 10px;
}

/*
  値段
===================== */
.sl_priceBreakdown {
  color: #5C5C5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1em;
  line-height: 1;
}

.sl_priceBreakdown_price {
  color: #333;
  padding-bottom: 5px;
}

.sl_priceBreakdown_text {
  font-size: 0.75em;
  width: 100%;
}

/*
  アプリ
===================== */
.sl_app {
  background-color: transparent;
}

.sl_app .sl_prohibitedMatters {
  margin-top: 20px;
  padding-bottom: 20px;
}

.sl_app_title {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 20px;
}

.sl_app_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 20px;
}

.sl_app_images > :nth-child(1) {
  width: calc(100% * 0.446);
}

.sl_app_images > :nth-child(2) {
  width: calc(100% * 0.553);
  margin-left: 20px;
}

.sl_app_image {
  width: 100%;
}

.sl_app_text {
  font-size: 0.75em;
}

.sl_simpleBlock {
  padding: 15px;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
}

.sl_simpleBlock--title {
  font-weight: bold;
  margin-bottom: 15px;
}

.sl_simpleBlock .sl_simpleList .sl_simpleList--title:nth-of-type(n + 2) {
  margin-top: 4px;
}

.sl_simpleBlock .sl_simpleList .sl_simpleList--data:nth-of-type(n + 2) {
  margin-top: 4px;
}

.sl_simpleBlock .sl_userData {
  border: none;
}

.sl_simpleBlock .sl_userData_group {
  padding: 0;
}

.sl_simple_text {
  margin-top: 10px;
}

.sl_simple_text--small {
  font-size: 0.75em;
  color: #5C5C5C;
}

.sl_simple_flexList {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sl_simple_flexList--title {
  width: 50%;
  font-size: 0.875em;
  text-align: left;
}

.sl_simple_flexList--data {
  width: 50%;
  font-weight: bold;
  font-size: 1.5em;
  text-align: right;
}

.sl_ticketArchiveList--empty {
  background-color: #fff;
  padding: 40px;
  font-size: 0.875em;
  color: #5C5C5C;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  text-align: left;
}

@media (min-width: 768px) {
  .sl_ticketArchiveList--empty {
    text-align: center;
  }
}

.sl_ticketArchiveList--empty .sl_button {
  padding: 5px 15px;
  margin: 30px auto 0;
}

.sl_dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000;
}

.sl_dialog_inner {
  width: 100%;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow-y: scroll;
  padding: 25px 0;
}

.sl_dialog_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.55);
  position: absolute;
  top: 0;
  left: 0;
}

.sl_dialog_container {
  position: relative;
  max-width: calc(100% - 30px);
  width: calc(100% - 30px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: auto;
  margin: auto;
}

@media (min-width: 768px) {
  .sl_dialog_container {
    max-width: 874px;
  }
}

.sl_dialog_body {
  width: 100%;
  max-height: 100%;
  height: 100%;
  background-color: #fff;
  padding: 15px 15px 55px;
}

.sl_dialog_button {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 0 auto;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sl_dialog_button:hover {
  opacity: .7;
}

.sl_dialog_button::before, .sl_dialog_button::after {
  content: '';
  display: block;
  border-radius: 2px;
  width: 20px;
  height: 2px;
  background-color: #2B2B2B;
  position: absolute;
  left: 50%;
}

.sl_dialog_button::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.sl_dialog_button::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}

.sl_dialog_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.sl_dialog_close .sl_button {
  max-width: 345px;
}

@media (min-width: 768px) {
  .sl_dialog_close .sl_button {
    max-width: 384px;
  }
}

@media (min-width: 768px) {
  .sl_dialog_wrap {
    max-width: 724px;
    width: 100%;
    margin: 0 auto;
  }
}

.sl_dialog_block + .sl_dialog_block {
  margin-top: 30px;
}

.sl_dialog_block--center {
  text-align: center;
}

.sl_dialog_block .sl_textLink {
  display: inline;
}

.sl_dialog_block .sl_textLink_text {
  display: inline;
  font-size: 1em;
  text-decoration: underline;
}

.sl_dialog_block .sl_textLink_text:hover {
  text-decoration: none;
}

.sl_dialog--title {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  .sl_dialog--title {
    font-size: 1.5em;
  }
}

.sl_dialog--readText {
  text-align: left;
  line-height: 1.69;
}

@media (min-width: 768px) {
  .sl_dialog--readTextRight {
    text-align: center;
  }
}

.sl_dialog--subTitle {
  font-weight: bold;
}

.sl_dialog--text + .sl_dialog--text {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .sl_dialog--text + .sl_dialog--text {
    margin-top: 10px;
  }
}

.sl_dialog--subText {
  color: #5C5C5C;
  font-size: 0.75em;
  padding-top: 10px;
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}

.sl_dialog--subText + .sl_dialog--subText {
  padding-top: 0;
}

.sl_dialog--table {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .sl_dialog--table {
    margin-top: 10px;
  }
}

/* =====================
  ■ フォーム
===================== */
.sl_form--label {
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.sl_form--requireLabel {
  display: inline-block;
  color: #DB0022;
  font-style: normal;
  font-size: 0.75em;
  line-height: 1.0;
  font-weight: bold;
  margin-left: 10px;
}

.sl_form--optionalLabel {
  display: inline-block;
  color: #5C5C5C;
  font-style: normal;
  font-size: 0.75em;
  line-height: 1.0;
  font-weight: bold;
  margin-left: 10px;
}

.sl_form_simpleBlock {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  padding: 15px;
}

.sl_form_simple_head {
  padding-bottom: 20px;
}

.sl_form_simple_head--title {
  font-weight: bold;
}

.sl_form_simple_head + .sl_form_simple_content {
  padding-top: 15px;
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_form_simple_block + .sl_form_simple_block {
  margin-top: 30px;
}

.sl_form_attention--block {
  margin-top: 10px;
}

.sl_form_attention--text {
  color: #5C5C5C;
  font-size: 0.75em;
}

.sl_form_attention--asteriskText {
  color: #5C5C5C;
  font-size: 0.75em;
  display: block;
  padding-left: 14px;
  text-indent: -14px;
  position: relative;
}

.sl_form_confirm--wrap {
  padding: 8px 15px;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
}

.sl_form_confirm--wrap .sl_simpleList .sl_simpleList--title:nth-of-type(n + 2),
.sl_form_confirm--wrap .sl_simpleList .sl_simpleList--data:nth-of-type(n + 2) {
  margin-top: 4px;
}

.sl_form_confirm__attentionBlock {
  margin-bottom: 20px;
  padding: 0 15px;
}

@media (min-width: 768px) {
  .sl_form_confirm__attentionText {
    text-align: center;
  }
}

.sl_form_text--error {
  color: #DB0022;
  font-size: 0.75em;
  margin-top: 10px;
}

/*
  ラジオボタン
===================== */
.sl_fromRadio--container .sl_fromRadio--content + .sl_fromRadio--content {
  margin-top: 10px;
}

.sl_fromRadio--container .sl_fromRadio--content + .sl_fromRadio_slide--container {
  margin-top: 10px;
}

.sl_fromRadio--container .sl_fromRadio_slide--container + .sl_fromRadio--content {
  margin-top: 10px;
}

.sl_fromRadio--content {
  position: relative;
}

.sl_fromRadio_input {
  opacity: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.sl_fromRadio_input--disabled + .sl_fromRadio_label {
  cursor: default;
}

.sl_fromRadio_input--disabled + .sl_fromRadio_label + .sl_fromRadio_block {
  background-color: #F0F0F0;
}

.sl_fromRadio_input--disabled + .sl_fromRadio_label + .sl_fromRadio_block .sl_fromRadio--icon {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
}

.sl_fromRadio_input--disabled ~ .sl_fromRadio_block {
  color: #5C5C5C;
}

.sl_fromRadio_input:disabled + .sl_fromRadio_label {
  cursor: default;
}

.sl_fromRadio_input:disabled + .sl_fromRadio_label + .sl_fromRadio_block {
  background-color: #F0F0F0;
}

.sl_fromRadio_input:disabled + .sl_fromRadio_label + .sl_fromRadio_block .sl_fromRadio--icon {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
}

.sl_fromRadio_input:disabled ~ .sl_fromRadio_block {
  color: #5C5C5C;
}

.sl_fromRadio_input:checked + .sl_fromRadio_label {
  border-color: #E77408;
  border-width: 2px;
}

.sl_fromRadio_input:checked + .sl_fromRadio_label + .sl_fromRadio_block .sl_fromRadio--icon {
  border-color: #E77408;
}

.sl_fromRadio_input:checked + .sl_fromRadio_label + .sl_fromRadio_block .sl_fromRadio--icon::after {
  background-color: #E77408;
}

.sl_fromRadio_label {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  z-index: 1;
}

.sl_fromRadio_block {
  padding: 12px 15px;
  background-color: #fff;
}

.sl_fromRadio_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sl_fromRadio_row + .sl_fromRadio_row {
  margin-top: 15px;
  padding-top: 15px;
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_fromRadio_row .sl_fromRadio_row--hrefItem .sl_fromRadio_input:checked + .sl_fromRadio_label {
  border-color: #E77408;
  border-width: 2px;
}

.sl_fromRadio_row .sl_fromRadio_row--hrefItem .sl_fromRadio_label {
  border: solid 1px #DDDDDD;
}

.sl_fromRadio_row--hrefItem {
  width: calc((100% - 15px) / 2);
  position: relative;
}

@media (min-width: 768px) {
  .sl_fromRadio_row--hrefItem {
    width: 224px;
  }
}

.sl_fromRadio_row--hrefItem + .sl_fromRadio_row--hrefItem {
  margin-left: 15px;
}

.sl_fromRadio--icon {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #DDDDDD;
  position: relative;
}

.sl_fromRadio--icon::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
}

.sl_fromRadio--title {
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_fromRadio_slide--container {
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  border-color: #DDDDDD;
}

.sl_fromRadio_slide--content {
  position: relative;
}

.sl_fromRadio_slide--content .sl_fromRadio_block {
  border: none;
}

.sl_fromRadio_slide--main {
  display: none;
  padding: 15px 0;
  margin: 0 15px;
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}

.sl_fromRadio_slide--main .sl_prohibitedMatters {
  padding: 16px 15px;
}

.sl_fromRadio_slideFormWrap {
  margin-top: 20px;
}

.sl_fromRadio_slideForm--block + .sl_fromRadio_slideForm--block {
  margin-top: 30px;
}

.sl_fromRadio_slideForm--block .sl_button.sl_button--secondary {
  padding: 10px 15px;
  border-radius: 3px;
  width: auto;
  margin: 0;
}

.sl_fromRadio_slideForm--label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.sl_fromRadio_slideForm--attentionText {
  color: #5C5C5C;
  display: block;
  padding-left: 14px;
  text-indent: -14px;
  position: relative;
  font-size: 0.75em;
  margin-top: 8px;
}

.js-sl-radio-subform .sl_fromRadio_label {
  border: none;
}

.js-sl-radio-subform .sl_fromRadio_block {
  border-radius: 6px;
}

/*
  チェックボックス
===================== */
.sl_seatCheckArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.625em;
  padding: 14px 15px;
  position: relative;
  z-index: 0;
}

.sl_seatCheckArea + .sl_seatCheckArea {
  margin-top: 10px;
}

.sl_seatCheckArea_input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sl_seatCheckArea_input:hover {
  cursor: pointer;
}

.sl_seatCheckArea_input:checked + .sl_seatCheckArea_label {
  border-color: #E77408;
  border-width: 2px;
}

.sl_seatCheckArea_input:checked ~ .sl_seatCheckArea_inner .sl_seatCheckArea_icon {
  background-color: #E77408;
  border-color: #E77408;
}

.sl_seatCheckArea_input:checked ~ .sl_seatCheckArea_inner .sl_seatCheckArea_icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../images/common/checkWhite.svg);
  content: "";
  display: block;
  height: calc(8.25px * 1.25);
  width: calc(12px * 1.25);
}

.sl_seatCheckArea_input:checked ~ .sl_seatCheckArea_inner .sl_seatCheckArea_text {
  padding-left: 35px;
}

.sl_seatCheckArea_input:disabled + .sl_seatCheckArea_label {
  background-color: #F0F0F0;
}

.sl_seatCheckArea_input:disabled + .sl_seatCheckArea_label:hover {
  cursor: default;
}

.sl_seatCheckArea_input:disabled ~ .sl_seatCheckArea_inner .sl_seatCheckArea_icon {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
  width: 24px;
  z-index: 3;
}

.sl_seatCheckArea_input:disabled ~ .sl_seatCheckArea_inner .sl_seatCheckArea_icon:hover {
  cursor: default;
}

.sl_seatCheckArea_input:disabled ~ .sl_seatCheckArea_inner .sl_seatCheckArea_text {
  padding-left: 35px;
  position: relative;
  z-index: 2;
}

.sl_seatCheckArea_input:disabled ~ .sl_seatCheckArea_inner .sl_seatCheckArea_text:hover {
  cursor: default;
}

.sl_seatCheckArea_label {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.sl_seatCheckArea_label:hover {
  cursor: pointer;
}

.sl_seatCheckArea_inner {
  position: relative;
}

.sl_seatCheckArea_inner:hover {
  cursor: pointer;
}

.sl_seatCheckArea_icon {
  border: solid 2px #DDDDDD;
  border-radius: 3px;
  display: block;
  height: 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  z-index: 1;
  cursor: pointer;
}

.sl_seatCheckArea_text {
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  padding-left: 35px;
  width: 100%;
}

.sl_seatCheckArea .sl_priceBreakdown {
  background-image: linear-gradient(to right, #DDDDDD, #DDDDDD 4px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 8px 1px;
  font-size: 1.6em;
  margin-top: 14.21px;
  padding-top: 15.8px;
  width: 100%;
}

.sl_checkArea {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.625em;
  height: 24px;
  position: relative;
}

.sl_checkArea + .sl_checkArea {
  margin-top: 10px;
}

.sl_checkArea_input {
  opacity: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.sl_checkArea_input:checked ~ .sl_checkArea_label_block .sl_checkArea_icon {
  background-color: #E77408;
  border-color: #E77408;
}

.sl_checkArea_input:checked ~ .sl_checkArea_label_block .sl_checkArea_icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../images/common/checkWhite.svg);
  content: "";
  display: block;
  height: calc(8.25px * 1.25);
  width: calc(12px * 1.25);
}

.sl_checkArea_input:disabled ~ .sl_checkArea_label_block .sl_checkArea_icon {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
  width: 24px;
}

.sl_checkArea_label {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.sl_checkArea_label:hover {
  cursor: pointer;
}

.sl_checkArea_label_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.sl_checkArea_label_block .sl_checkArea_icon {
  position: relative;
  top: auto;
}

.sl_checkArea_label_block .sl_checkArea_text {
  width: calc(100% - 24px);
  padding-left: 11px;
}

.sl_checkArea_icon {
  border: solid 2px #DDDDDD;
  background-color: #fff;
  border-radius: 3px;
  display: block;
  height: 24px;
  position: absolute;
  top: 0;
  width: 24px;
}

.sl_checkArea_text {
  display: block;
  font-size: 1.6em;
  padding-left: 35px;
  width: 100%;
}

.sl_checkArea_ticketContainer .sl_checkArea_ticketContent:not(:last-of-type) {
  margin-bottom: 10px;
}

.sl_checkArea_ticketContent {
  position: relative;
}

.sl_checkArea_ticketContent .sl_checkArea_input:checked + .sl_checkArea_label + .sl_checkArea_ticketBlock {
  border-color: #E77408;
  border-width: 2px;
}

.sl_checkArea_ticketContent .sl_checkArea_input:checked + .sl_checkArea_label + .sl_checkArea_ticketBlock .sl_checkArea_icon {
  background-color: #E77408;
  border-color: #E77408;
}

.sl_checkArea_ticketContent .sl_checkArea_input:disabled + .sl_checkArea_label {
  cursor: default;
}

.sl_checkArea_ticketContent .sl_checkArea_input:disabled + .sl_checkArea_label + .sl_checkArea_ticketBlock {
  background-color: #F0F0F0;
}

.sl_checkArea_ticketContent .sl_checkArea_input:disabled + .sl_checkArea_label + .sl_checkArea_ticketBlock .sl_checkArea_icon {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
}

.sl_checkArea_ticketContent .sl_checkArea_input:disabled + .sl_checkArea_label + .sl_checkArea_ticketBlock .sl_checkArea_icon::before {
  display: none;
}

.sl_checkArea_ticketContent .sl_checkArea_input {
  position: absolute;
  top: 0;
  left: 0;
}

.sl_checkArea_ticketContent .sl_checkArea_icon {
  position: relative;
  top: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sl_checkArea_ticketContent .sl_checkArea_icon::before {
  content: '';
  display: block;
  width: 15px;
  height: 10px;
  background-image: url(../images/common/checkWhite.svg);
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sl_checkArea_ticketContent .sl_ticketList {
  display: block;
}

.sl_checkArea_ticketContent .sl_ticketList_text {
  display: block;
}

.sl_checkArea_ticketInner--left {
  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;
  position: relative;
  width: 50px;
  padding: 15px 10px 10px;
}

.sl_checkArea_ticketInner--left + .sl_checkArea_ticketInner--right {
  padding: 15px 15px 15px 10px;
}

.sl_checkArea_ticketInner--left::after {
  content: '';
  display: block;
  background-image: url("../images/common/border_dot.svg");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
}

.sl_checkArea_ticketInner--right {
  display: block;
  width: 100%;
  padding: 15px;
}

.sl_checkArea_ticket--subText {
  margin-top: 10px;
  font-size: 0.75em;
  color: #5C5C5C;
}

.sl_checkArea_ticketBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
}

.sl_checkBoxContainer {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 1em;
}

.sl_checkBoxContainer_wrap {
  padding: 10px 15px;
}

.sl_checkBoxContainer_wrap + .sl_checkBoxContainer_wrap {
  border-top: solid 1px #F0F0F0;
}

.sl_checkBoxContainer_text {
  color: #5C5C5C;
  font-size: 0.875em;
  padding-bottom: 10px;
}

.sl_checkBoxContainer_checkGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sl_checkBoxContainer_checkGroup .sl_checkArea {
  height: initial;
}

.sl_checkBoxContainer_sub {
  color: #5C5C5C;
  display: block;
  font-size: 0.85714em;
}

.sl_checkBoxContainer .sl_checkArea {
  width: 100%;
}

@media (min-width: 768px) {
  .sl_checkBoxContainer .sl_checkArea {
    width: 50%;
  }
  .sl_checkBoxContainer .sl_checkArea:first-child, .sl_checkBoxContainer .sl_checkArea:nth-child(2) {
    margin-top: 0;
  }
}

/*
  セレクトボックス
===================== */
.sl_selectBox {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  color: #333;
  padding: 9px 30px 9px 15px;
  background-color: #fff;
  background-image: url("../images/common/icon_arrowDown.png");
  background-size: 15px, 15px, contain;
  background-position: center right 15px;
  background-repeat: no-repeat;
  font-size: 0.875em;
}

@media (min-width: 768px) {
  .sl_selectBox {
    padding-left: 10px;
  }
}

.sl_selectBox--block + .sl_selectBox--block {
  margin-top: 10px;
}

/*
  カレンダー
===================== */
.sl_calenderSelect {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  color: #333;
  background-image: url("../images/common/icon_calendar.png");
  background-size: 16px, 16px, contain;
  background-position: center right 10px;
  padding: 9px 30px 9px 15px;
  font-size: 0.875em;
}

@media (min-width: 768px) {
  .sl_calenderSelect {
    padding-left: 10px;
  }
}

.sl_calenderSelect::-webkit-calendar-picker-indicator {
  display: none;
}

.sl_calenderSelect--block {
  position: relative;
}

.sl_calenderSelect--block input[type="text"] {
  font-size: 0.875em;
  padding: 9px 30px 9px 9px;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
}

.sl_calenderSelect_datepicker--fixLeft, .sl_calenderSelect_datepicker--fixRight {
  position: relative;
}

/*
  選択モーダルで
  フォームを埋める
===================== */
.sl_selectModal--block {
  padding: 10px 15px;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sl_selectModal--label {
  padding-right: 10px;
  width: calc(100% - 92px);
}

@media (min-width: 768px) {
  .sl_selectModal--label {
    width: calc(100% - 224px);
  }
}

.sl_selectModal--button {
  max-width: 92px;
  width: 100%;
}

@media (min-width: 768px) {
  .sl_selectModal--button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 224px;
  }
}

/*
  テキスト
===================== */
.sl_page .sl_fromText {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  color: #333;
  padding: 9px 30px 9px 15px;
  font-size: 0.875em;
}

@media (min-width: 768px) {
  .sl_page .sl_fromText {
    padding-left: 10px;
  }
}

.sl_page .sl_fromText:focus {
  outline: 1px solid #333;
  border-color: transparent;
}

.sl_page .sl_fromText::-webkit-input-placeholder {
  color: #BEBEBE;
}

.sl_page .sl_fromText::-moz-placeholder {
  color: #BEBEBE;
}

.sl_page .sl_fromText:-ms-input-placeholder {
  color: #BEBEBE;
}

.sl_page .sl_fromText::-ms-input-placeholder {
  color: #BEBEBE;
}

.sl_page .sl_fromText::placeholder {
  color: #BEBEBE;
}

/*
  レイアウト
===================== */
.sl_formLayout--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 768px) {
  .sl_formLayout--wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.sl_formLayout--wrap + .sl_form_simple_attention--block {
  margin-top: 10px;
}

.sl_formLayout--unitText {
  font-size: 0.875em;
  width: 24px;
  margin-left: 10px;
}

.sl_formLayout--unitWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sl_formLayout--hrefBlock {
  width: 100%;
}

.sl_formLayout--hrefBlock:nth-of-type(n+2) {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .sl_formLayout--hrefBlock:nth-of-type(n+2) {
    margin-top: 0;
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  .sl_formLayout--hrefBlock {
    width: calc(50% - 10px);
  }
}

.sl_formLayout--hrefBlock + .sl_formLayout--hrefBlock {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .sl_formLayout--hrefBlock + .sl_formLayout--hrefBlock {
    margin-top: 0;
  }
}

.sl_formLayout--intervalBlock {
  position: relative;
  width: calc(50% - (20px / 2));
}

@media (min-width: 768px) {
  .sl_formLayout--intervalBlock {
    width: 50%;
  }
}

.sl_formLayout--intervalBlock + .sl_formLayout--intervalBlock {
  margin-left: 20px;
}

.sl_formLayout--intervalBlock + .sl_formLayout--intervalBlock::before {
  content: '~';
  color: #5C5C5C;
  font-size: 1em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: -10px;
}

.sl_formLayout_leftLabel {
  min-width: 42px;
  padding-right: 10px;
  text-align: center;
}

.sl_formLayout_leftLabel--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sl_formLayout_leftLabel input {
  width: calc(100% - 52px);
}

/* =====================
  ■ ラベル
===================== */
.sl_tag {
  background-color: #F5F5F5;
  border: solid 1px #DDDDDD;
  border-radius: 0 0 6px 6px;
  font-size: 0.875em;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 4.805px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sl_tag--disabled {
  background-color: #DDDDDD;
  color: #5C5C5C;
}

.sl_tag--caution {
  background-color: #E77408;
  border-color: #E77408;
  color: #fff;
}

.sl_labelFit {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 100px;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 2px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sl_labelFit--strong {
  border-color: #DDD;
  padding: 1px 10px;
}

.sl_labelFit--caution {
  border-color: #E77408;
  color: #E77408;
  padding: 1px 10px;
}

.sl_labelFit--long {
  padding: 1px 10px;
}

.sl_labelFit--disabled {
  background-color: #DDDDDD;
  border-color: #5C5C5C;
  color: #5C5C5C;
  padding: 1px 10px;
}

.sl_labelWide {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  color: #E77408;
  border-radius: 100px;
  font-size: 0.875em;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 1px 10px;
  max-width: 108px;
  text-align: center;
}

.sl_labelWide--important {
  background-color: #DB0022;
  border-color: #DB0022;
  color: #FFF;
}

.sl_labelWide--disabled {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #5C5C5C;
}

/*
  ステップバー
===================== */
.sl_stepnavi {
  margin-bottom: 12px;
}

.sl_stepnavi_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 auto;
  padding: 0 25px;
}

@media (min-width: 768px) {
  .sl_stepnavi_content {
    padding: 0;
    max-width: 580px;
  }
}

.sl_stepnavi_item {
  position: relative;
  height: 100%;
  width: 100%;
}

.sl_stepnavi_item::after {
  content: "";
  background: #bebebe;
  display: inline-block;
  height: 2px;
  vertical-align: middle;
  width: calc(100% - 10px);
}

.sl_stepnavi_item:last-child {
  width: 10px;
}

.sl_stepnavi_item:last-child::after {
  height: 0;
  width: 0;
}

.sl_stepnavi_item--visited::after {
  background: #2b66cc;
}

.sl_stepnavi_dot {
  background: #bebebe;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  padding: 5px;
  width: 10px;
}

.sl_stepnavi_dot--visited {
  background: #2b66cc;
}

.sl_stepnavi_dot--active {
  background: #2b66cc;
}

.sl_stepnavi_cart {
  background: #2b66cc;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 28px;
  left: -7px;
  line-height: 28px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  top: -22px;
  width: 25px;
}

.sl_stepnavi_cart::before {
  border: 3px solid transparent;
  border-top: 3px solid #2b66cc;
  bottom: -5px;
  content: "";
  left: 50%;
  margin-left: -3px;
  position: absolute;
  z-index: 0;
}

.sl_stepnavi_cart img {
  vertical-align: middle;
  width: 14px;
}

.sl_stepnavi_pen {
  background: #2b66cc;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 28px;
  left: -7px;
  line-height: 28px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  top: -22px;
  width: 25px;
}

.sl_stepnavi_pen ::before {
  border: 3px solid transparent;
  border-top: 3px solid #2b66cc;
  bottom: -5px;
  content: "";
  left: 50%;
  margin-left: -3px;
  position: absolute;
  z-index: 0;
}

.sl_stepnavi_pen img {
  padding: 0 0 2px 1px;
  vertical-align: middle;
  width: 14px;
}

.sl_stepnavi_line {
  background: #2b66cc;
  display: inline-block;
  height: 2px;
  vertical-align: middle;
  width: 10px;
}

.sl_simpleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  font-size: 0.875em;
  line-height: 1.2;
  margin-bottom: 0;
}

.sl_simpleList > :nth-child(n+3) {
  margin-top: 10px;
}

.sl_simpleList--wide .sl_simpleList--title {
  width: 100px;
}

.sl_simpleList--wide .sl_simpleList--data {
  width: calc(100% - 100px);
}

.sl_simpleList--border {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  padding: 15px;
}

.sl_simpleList--title {
  color: #5C5C5C;
  font-weight: normal;
  width: 70px;
  border-right: solid 1px #DDDDDD;
  padding: 0;
}

.sl_simpleList--data {
  width: calc(100% - 70px);
  padding: 0 0 0 10px;
  margin: 0;
}

/*
  チケット発券場所のパーツ
========================== */
.sl_dataList_separatorLine {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1.0;
}

.sl_dataList_separatorLine dt {
  font-size: 0.875em;
  color: #5C5C5C;
  padding-right: 21px;
  position: relative;
}

.sl_dataList_separatorLine dt::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background-color: #F0F0F0;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sl_dataList_separatorLine dd {
  font-size: 0.875em;
}

.sl_dataList_separatorLine--block {
  margin-bottom: 10px;
}

/*
  チケット発券場所のパーツ
========================== */
.sl_indent_list--small li {
  padding-left: 12px;
  text-indent: -12px;
}

.sl_indent_list--block {
  margin-bottom: 10px;
}

.sl_modal {
  display: none;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.1s ease, visibility 0.1s ease;
  transition: opacity 0.1s ease, visibility 0.1s ease;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 998;
}

@media (min-width: 768px) {
  .sl_modal {
    -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }
}

.sl_modal .sl_button {
  margin-left: auto;
  margin-right: auto;
}

.sl_modal .sl_userSelect_wrap .sl_button {
  margin-left: 0;
  margin-right: 0;
}

.sl_modal .sl_userSelect_wrap .sl_button_text {
  font-size: 1em;
}

.sl_modal .sl_essential {
  margin-bottom: 10px;
  padding: 15px 20px;
}

@media (min-width: 768px) {
  .sl_modal .sl_essential {
    padding: 20px;
  }
}

.sl_modal .sl_essential .sl_attentionText {
  font-size: 0.6em;
}

.sl_modal .sl_heading--modal {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .sl_modal .sl_heading--modal {
    margin-bottom: 30px;
  }
}

.sl_modal .sl_heading--modal--sub {
  text-align: left;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .sl_modal .sl_heading--modal--sub {
    margin-bottom: 10px;
  }
}

.sl_modal .sl_urlCopy .sl_urlCopy_innerLimit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .sl_modal .sl_urlCopy .sl_urlCopy_innerLimit {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sl_modal_body {
  height: 100%;
}

@media (min-width: 768px) {
  .sl_modal_body {
    display: table;
    width: 100%;
  }
}

.sl_modal_main {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 100vw;
}

@media (min-width: 768px) {
  .sl_modal_main {
    display: table-cell;
    height: auto;
    padding: 25px;
    vertical-align: middle;
    width: 100%;
  }
}

.sl_modal_inner {
  background-color: #FFF;
  height: 100%;
  overflow-y: auto;
  opacity: 0;
  padding: 50px 15px;
  position: relative;
  text-align: left;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  z-index: 999;
}

@media (min-width: 768px) {
  .sl_modal_inner {
    display: inline-block;
    height: auto;
    max-width: 874px;
    padding: 55px 75px;
    width: inherit;
  }
}

.sl_modal_wrap > .sl_modal_text {
  text-align: left;
  margin: 0 auto;
}

.sl_modal_overlay {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.sl_modal_close {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.sl_modal_close--icon {
  position: absolute;
  top: 10px;
  right: 15px;
  height: 30px;
  width: 30px;
  z-index: 1000;
}

@media (min-width: 768px) {
  .sl_modal_close--icon {
    top: 15px;
  }
}

.sl_modal_close--icon:hover {
  opacity: 0.7;
  text-decoration: none;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.sl_modal_close--icon:before {
  background-color: #2B2B2B;
  content: "";
  border-radius: 2px;
  display: block;
  height: 2px;
  position: absolute;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  width: 30px;
}

.sl_modal_close--icon:after {
  background-color: #2B2B2B;
  content: "";
  border-radius: 2px;
  display: block;
  height: 2px;
  position: absolute;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  width: 30px;
}

.sl_modal_alert {
  margin: 0 auto;
}

.sl_modal_alert--block {
  margin: 20px auto 0;
}

.sl_modal_alert--text {
  font-size: 0.75em;
}

.sl_modal_alert--text.sl_text--center {
  text-align: left;
}

@media (min-width: 768px) {
  .sl_modal_alert--text.sl_text--center {
    text-align: center;
  }
}

.sl_modal_contents {
  margin: 0 auto;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_modal_contents {
    margin-top: 30px;
  }
}

.sl_modal_contents.is-sp .sl_modal_button--item {
  margin-top: 20px;
}

.sl_modal_contents + .sl_modal_contents {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_modal_contents + .sl_modal_contents {
    margin-top: 30px;
  }
}

.sl_modal_contents + .sl_modal_text {
  margin-top: 10px;
}

.sl_modal_contents .sl_button {
  max-width: 345px;
}

@media (min-width: 768px) {
  .sl_modal_contents .sl_button {
    max-width: 384px;
  }
}

.sl_modal_contents .sl_ticketPriceDetail_name {
  font-weight: bold;
}

.sl_modal_contents .sl_ticketPriceDetail_sum {
  width: 100%;
  text-align: left;
}

.sl_modal_error {
  margin: 10px auto 30px;
}

@media (min-width: 768px) {
  .sl_modal_error .sl_modal_text--error {
    text-align: center;
  }
}

.sl_modal_text + .sl_modal_button {
  margin-top: 10px;
}

.sl_modal_text--weak {
  color: #5C5C5C;
  font-size: 0.75em;
  text-align: left;
}

.sl_modal_text--weak + .sl_modal_text--weak {
  padding-top: 5px;
}

.sl_modal_text--error {
  color: #DB0022;
  font-size: 0.75em;
  text-align: left;
}

.sl_modal_text--error + .sl_modal_text--error {
  padding-top: 5px;
}

.sl_modal_text--em {
  font-weight: 700;
}

.sl_modal_button {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_modal_button {
    margin-top: 30px;
  }
}

.sl_modal_button .sl_button {
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .sl_modal_button .sl_button {
    max-width: 384px;
  }
}

.sl_modal_button .sl_modal_text {
  font-size: 0.75em;
  padding-top: 10px;
}

.sl_modal_button + .sl_modal_text {
  display: block;
  margin-top: 10px;
}

.sl_modal_button [class^="sl_icon"] {
  font-size: 1.25em;
  padding-right: 10px;
}

.sl_modal_button .sl_textLink.sl_textLink--prev {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_modal_button .sl_textLink.sl_textLink--prev {
    margin-top: 30px;
  }
}

.sl_modal_button--item {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .sl_modal_button--item {
    margin-top: 30px;
  }
}

.sl_modal_ticketButton--block .sl_button {
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .sl_modal_ticketButton--block .sl_button {
    max-width: 384px;
  }
}

.sl_modal_ticketButton--block + .sl_modal_ticketButton--block {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .sl_modal_ticketButton--block + .sl_modal_ticketButton--block {
    margin-top: 10px;
  }
}

.sl_modal_ticketButton--block .sl_ticket_dateBlock {
  max-width: 345px;
  margin: 8px auto 20px;
}

@media (min-width: 768px) {
  .sl_modal_ticketButton--block .sl_ticket_dateBlock {
    max-width: 384px;
  }
}

.sl_modal_subAttentionText {
  display: block;
  color: #5C5C5C;
  font-size: 0.75em;
}

.sl_modal_subAttentionText--block {
  margin: 10px auto 0;
}

.sl_modal_subAttentionText--block .sl_text--center {
  text-align: left;
}

@media (min-width: 768px) {
  .sl_modal_subAttentionText--block .sl_text--center {
    text-align: center;
  }
}

.sl_modal_ticketing--block.sl_hidden_checkbox .sl_seatCheckArea_label {
  background-color: transparent;
  cursor: default;
}

.sl_modal_ticketing--block.sl_hidden_checkbox .sl_seatCheckArea_input:checked + .sl_seatCheckArea_label, .sl_modal_ticketing--block.sl_hidden_checkbox .sl_seatCheckArea_input:disabled + .sl_seatCheckArea_label {
  border-color: #DDDDDD;
  border-width: 1px;
}

.sl_modal_ticketing--block.sl_hidden_checkbox .sl_seatCheckArea {
  background: transparent;
}

.sl_modal_ticketing--block.sl_hidden_checkbox .sl_seatCheckArea_inner .sl_seatCheckArea_icon {
  display: none;
  width: 0;
}

.sl_modal_ticketing--block.sl_hidden_checkbox .sl_seatCheckArea_inner .sl_seatCheckArea_text {
  padding-left: 0;
  width: 100%;
}

.sl_modal_ticketing--item + .sl_modal_ticketing--item {
  margin-top: 10px;
}

.sl_modal_ticketing--item .sl_ticketPriceDetail_name {
  font-weight: 700;
  margin-bottom: 0;
}

.sl_modal_allhidden--wrap {
  margin: 30px 0 10px;
}

@media (min-width: 768px) {
  .sl_modal_allhidden--wrap {
    margin: 30px 0 20px;
  }
}

.sl_modal_allhidden--wrap + .sl_modal_allhidden--wrap {
  margin-top: 10px;
}

.sl_modal_allhidden--wrap:not(:last-of-type) {
  margin-bottom: 0;
}

.sl_modal_allhidden--wrap .sl_button_text {
  font-size: 1.5em;
}

.sl_modal_allhidden--wrap + .sl_modal_ticketButton--block {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .sl_modal_allhidden--wrap + .sl_modal_ticketButton--block {
    margin-top: 20px;
  }
}

.sl_modal_action_button--bottom {
  margin-top: 40px;
}

.sl_pagination {
  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;
}

.sl_paginationWrap {
  margin-top: 30px;
  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;
}

.sl_pagination--item {
  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;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  border-radius: 3px;
  color: #5C5C5C;
}

.sl_pagination--item:hover {
  opacity: .7;
}

.sl_pagination--item:nth-child(n+2) {
  margin-left: 10px;
}

.sl_pagination--prev [class*="icon-"], .sl_pagination--next [class*="icon-"] {
  font-size: 0.75em;
}

@media (min-width: 768px) {
  .sl_pagination--prev, .sl_pagination--next {
    width: 70px;
  }
}

@media (max-width: calc(768px - 1px)) {
  .sl_pagination--prevText, .sl_pagination--nextText {
    display: none;
  }
}

.sl_pagination--prev {
  margin-right: 10px;
}

.sl_pagination--prevText {
  padding-left: 5px;
}

.sl_pagination--prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 12px;
}

.sl_pagination--next {
  margin-left: 10px;
}

.sl_pagination--nextText {
  padding-right: 5px;
}

.sl_pagination--next svg {
  width: 12px;
}

.sl_pagination--omit {
  background-color: transparent;
  border-color: transparent;
}

.sl_pagination--disabled {
  background-color: #BEBEBE;
  color: #fff;
  pointer-events: none;
  cursor: default;
}

.sl_pagination--active {
  background-color: #E77408;
  color: #fff;
  pointer-events: none;
  cursor: default;
}

/* =====================
  ■ タブ
===================== */
.sl_selectTab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.sl_selectTab_list:hover {
  cursor: pointer;
}

.sl_selectTab_switch {
  border-bottom: solid 1px #5C5C5C;
  font-size: 0.875em;
  font-weight: bold;
  padding-bottom: 15px;
  text-align: center;
  width: 50%;
}

.sl_selectTab_switch--active {
  border-bottom: solid 4px #2B66CC;
  color: #2B66CC;
  padding-bottom: 12px;
}

.sl_selectTab_panel {
  display: none;
}

.sl_selectTab_panel--active {
  display: block;
}

/* =====================
  ■ テーブル
===================== */
.sl_dataTable {
  border-radius: 6px;
  font-size: 0.625em;
  width: 100%;
}

.sl_dataTable + .sl_ticketList {
  margin-top: 20px;
}

.sl_dataTable_wrap {
  border-left: solid 1px #DDDDDD;
  border-right: solid 1px #DDDDDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}

.sl_dataTable_wrap + .sl_dataTable_wrap {
  border-top: solid 1px #F0F0F0;
}

.sl_dataTable_wrap:first-of-type {
  border: solid 1px #DDDDDD;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
}

.sl_dataTable_wrap:first-of-type .sl_dataTable_title {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
}

.sl_dataTable_wrap:last-of-type {
  border: solid 1px #DDDDDD;
  border-top-color: #F0F0F0;
  border-radius: 0 0 6px 6px;
}

.sl_dataTable_wrap:last-of-type .sl_dataTable_text {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.sl_dataTable_wrap:only-child {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
}

.sl_dataTable_title {
  color: #5C5C5C;
  font-size: 1.4em;
  width: 100%;
  padding: 10px 15px 5px;
}

.sl_dataTable_title:last-child {
  padding-bottom: 10px;
}

.sl_dataTable_title--moreInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sl_dataTable_title--first {
  padding-right: 10px;
}

.sl_dataTable_title--second {
  position: relative;
  padding-left: 26px;
}

.sl_dataTable_title--second::before {
  content: '';
  display: block;
  height: 1px;
  width: 16px;
  background-color: #DDDDDD;
  position: absolute;
  left: 0;
  top: 10px;
}

.sl_dataTable_text {
  font-size: 1.6em;
  width: 100%;
  padding: 0 15px 10px;
}

.sl_dataTable_text:last-child .sl_button {
  margin-bottom: 5px;
}

.sl_dataTable_text:only-child {
  padding-top: 5px;
}

.sl_dataTable_text .sl_textLink:not(:first-child) {
  margin-top: 10px;
}

.sl_dataTable_text .sl_dataTable_text--sideBySide > :nth-child(n+2) {
  display: inline;
  padding-left: 10px;
}

.sl_dataTable_text .sl_dataTable_text--sideBySide .sl_textLink {
  margin-top: 0;
}

.sl_dataTable_text .sl_dataTable_text--sideBySide .sl_dataTable_text--s {
  margin-top: 0;
}

.sl_dataTable_text--hidden {
  opacity: 0;
  position: fixed;
  z-index: -1;
  pointer-events: none;
}

.sl_dataTable_text--secondHalf::before {
  content: "～";
  display: inline;
}

.sl_dataTable_text--alignTop.sl_textLink {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.sl_dataTable_text--alignTop .sl_textLink_icon {
  margin-top: 3px;
}

.sl_dataTable_text--s {
  color: #5C5C5C;
  font-size: 0.75em;
  margin-top: 5px;
}

.sl_dataTable_text--s + .sl_dataTable_text--s {
  margin-top: 5px;
}

.sl_dataTable_text--s.sl_dataTable_text--red {
  color: #DB0022;
}

.sl_dataTable_text--strong {
  font-weight: bold;
}

.sl_dataTable_text--link {
  margin: 15px 0 0 auto;
}

.sl_dataTable_text--link .sl_textLink_text {
  font-size: 0.75em;
}

.sl_dataTable .sl_ticketingDate {
  font-size: 1em;
  white-space: nowrap;
}

.sl_dataTable .sl_ticketingDate_wrap {
  color: #333;
}

.sl_dataTable .sl_ticketingDate_text {
  font-weight: bold;
}

.sl_ticketDetailTable {
  font-size: 0.625em;
}

.sl_ticketDetailTable:nth-of-type(n+2) {
  border-top: solid 1px #DDDDDD;
}

.sl_ticketDetailTable:nth-of-type(n+2) .sl_ticketDetailTable_head th {
  padding-top: 30px;
}

.sl_ticketDetailTable_title {
  font-size: 1.6em;
  font-weight: bold;
  padding-bottom: 5px;
  text-align: left;
}

@media (min-width: 768px) {
  .sl_ticketDetailTable_title {
    padding-bottom: 15px;
  }
}

.sl_ticketDetailTable_title--all {
  font-size: 1.4em;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_ticketDetailTable_wrap {
  border-top: solid 1px #DDDDDD;
}

.sl_ticketDetailTable_wrap--detailFee {
  border-top: none;
}

.sl_ticketDetailTable_wrap--detailFee .sl_ticketPriceDetail {
  margin-bottom: 15px;
  font-size: 1.6em;
}

.sl_ticketDetailTable_ticket {
  text-align: left;
  padding: 10px 0;
}

.sl_ticketDetailTable_ticketWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .sl_ticketDetailTable_ticketWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.sl_ticketDetailTable_seat {
  font-weight: bold;
  font-size: 1.4em;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

@media (min-width: 768px) {
  .sl_ticketDetailTable_seat {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    width: auto;
  }
}

.sl_ticketDetailTable_text {
  color: #5C5C5C;
  font-size: 1.2em;
  width: 100%;
}

@media (min-width: 768px) {
  .sl_ticketDetailTable_text {
    width: 130px;
    padding-left: 1em;
    text-align: right;
  }
}

.sl_ticketDetailTable_times {
  padding: 0 5px;
}

.sl_ticketDetailTable_sum {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 10px 1em;
  text-align: right;
  vertical-align: middle;
  width: 140px;
}

.sl_ticketDetailTable_sum .sl_ticketDetailTable_ticketWrap {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.sl_ticketDetailTable_sum--all {
  font-size: 2.4em;
  font-weight: bold;
  padding: 0 0 0 10px;
}

.sl_ticketDetailTable_foot {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: solid 1px #5C5C5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.625em;
  padding-top: 10px;
}

.sl_ticketCommission {
  border-top: solid 1px #DDDDDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.625em;
  padding: 10px 0;
}

.sl_ticketCommission_title {
  font-size: 1.4em;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_ticketCommission_sum {
  font-size: 1.6em;
  font-weight: bold;
  padding: 0 0 0 10px;
  line-height: 1.4;
}

/* =====================
  ■ テキスト
===================== */
/*
  タイトル
===================== */
.sl_heading {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .sl_heading {
    font-size: 1.75em;
  }
}

.sl_heading:only-child {
  margin-bottom: 0;
}

.sl_heading--icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 30px;
}

.sl_heading--icon [class^="sl_icon"] {
  padding-right: 5px;
  color: #5C5C5C;
}

.sl_heading--modal {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .sl_heading--modal {
    font-size: 1.75em;
  }
}

.sl_heading--modal--sub {
  font-size: 1.25em;
}

.sl_heading--error {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #DB0022;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
}

.sl_heading--error [class*="icon-"] {
  margin-right: 5px;
  width: 24px;
  height: 24px;
}

.sl_heading--error.sl_text--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: calc(768px - 1px)) {
  .sl_heading--error {
    font-size: 1.25em;
  }
  .sl_heading--error [class*="icon-"] {
    width: 20px;
    height: 20px;
  }
}

.sl_heading--sub {
  font-size: 1.25em;
  margin-bottom: 20px;
}

/*
  支払い期限
===================== */
.sl_availablePeriod {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
}

.sl_availablePeriod_wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5C5C5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sl_availablePeriod_icon {
  font-size: 1.14286em;
}

.sl_availablePeriod_text {
  padding-left: 5px;
}

.sl_availablePeriod_time {
  padding-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  position: relative;
  padding-left: 1em;
}

.sl_availablePeriod_time::before {
  content: "：";
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}

.sl_availablePeriod_time--desc {
  padding-left: 5px;
}

.sl_availablePeriod_time--desc + .sl_availablePeriod_time--desc {
  padding-left: 2px;
}

/*
  日にち
===================== */
.sl_date {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  font-weight: bold;
}

.sl_date [class*="icon-"] {
  font-size: 1em;
  width: 16px;
  height: 16px;
  font-weight: normal;
  margin-right: 5px;
}

.sl_date [class*="icon-"] {
  margin-top: -2px;
  color: #5C5C5C;
}

.sl_date_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1em;
  width: calc(100% - 21px);
}

/*
  URL
===================== */
.sl_urlText {
  background-color: #FFF;
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  font-size: 0.75em;
  padding: 10px;
  overflow: hidden;
}

.sl_urlText_text {
  height: 100%;
  line-height: 1;
  overflow-x: scroll;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sl_urlText_text::-webkit-scrollbar {
  display: none !important;
  -webkit-appearance: none !important;
}

.sl_urlCopy .sl_urlCopy_innerButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
}

.sl_urlCopy .sl_urlCopy_innerButton .sl_urlText {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  height: 100%;
  font-size: 0.85714em;
}

.sl_urlCopy .sl_urlCopy_innerButton .sl_urlText_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sl_urlCopy .sl_urlCopy_innerButton .sl_toastAnnounce {
  margin: 0;
  width: 50px;
  height: 100%;
  margin-left: 10px;
}

.sl_urlCopy .sl_urlCopy_innerButton .sl_toastAnnounce .sl_button {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sl_urlCopy .sl_urlCopy_innerButton .sl_toastAnnounce .sl_button_text {
  font-size: 0.75em;
  line-height: 1;
  padding-top: 4px;
}

.sl_urlCopy .sl_urlCopy_innerButton .sl_toastAnnounce .sl_icon--copy {
  margin: 0 auto;
}

.sl_urlCopy .sl_urlCopy_innerLimit {
  margin-top: 10px;
}

.sl_urlCopy .sl_urlCopy_innerLimit .sl_explanation {
  font-size: 1em;
}

@media (min-width: 768px) {
  .sl_urlCopy .sl_urlCopy_innerLimit .sl_explanation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sl_urlCopy .sl_urlCopy_innerLimit .sl_explanationWrap {
  width: auto;
  margin: 0;
}

.sl_urlCopy .sl_urlCopy_innerLimit .sl_attentionText {
  font-size: 0.85714em;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .sl_urlCopy .sl_urlCopy_innerLimit .sl_attentionText {
    text-align: center;
  }
}

/*
  点
===================== */
.sl_dotText {
  font-size: 0.75em;
}

.sl_dotText_link {
  color: #2B66CC;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .sl_dotText_link {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .sl_dotText_link:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.sl_dotText--indent {
  text-indent: -1em;
  padding-left: 1em;
}

.sl_dotText--important {
  color: #DB0022;
}

.sl_dotText .sl_textLink {
  display: inline;
  text-decoration: underline;
}

/*
  米印
===================== */
.sl_attentionText {
  font-size: 0.75em;
}

.sl_attentionText_link {
  color: #2B66CC;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .sl_attentionText_link {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .sl_attentionText_link:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.sl_attentionText--indent {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

.sl_attentionText--important {
  color: #DB0022;
}

.sl_attentionText--subText {
  font-size: 0.75em;
  color: #5C5C5C;
}

/* =====================
  ■ リンクテキスト
===================== */
.sl_textLink {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #2B66CC;
}

@media (min-width: 768px) {
  .sl_textLink {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .sl_textLink:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.sl_textLink:visited {
  color: #2B66CC;
}

.sl_textLink--right {
  margin-left: auto;
}

.sl_textLink--inline {
  display: inline;
}

.sl_textLink--inline .sl_textLink_text {
  text-decoration: underline;
}

.sl_textLink--inline .sl_textLink_text:hover {
  text-decoration: none;
}

.sl_textLink .sl_textLink_icon {
  margin-left: 5px;
  font-size: 0.5em;
  width: 10px;
  height: 10px;
}

.sl_textLink .sl_textLink_icon:first-of-type {
  font-size: 1em;
  width: 16px;
  height: 16px;
  margin-left: 0;
}

.sl_textLink_text {
  color: #2B66CC;
  font-size: 0.75em;
}

.sl_textLink_text--underline {
  position: relative;
}

.sl_textLink_text--underline::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #2B66CC;
  position: absolute;
  right: 0;
  bottom: 2px;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}

@media (min-width: 768px) {
  .sl_textLink_text--underline:hover::after {
    opacity: 0;
  }
}

.sl_textLink_icon {
  color: #2B66CC;
  font-size: 0.875em;
  width: 14px;
  height: 14px;
}

.sl_textLink_icon + .sl_textLink_text {
  font-size: 0.875em;
  margin-left: 5px;
}

.sl_textLink--border {
  text-align: left;
}

.sl_textLink--border .sl_textLink_text_item {
  display: inline-block;
  position: relative;
}

.sl_textLink--border .sl_textLink_text_item::after {
  content: '';
  display: block;
  background-color: #2B66CC;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 1px;
  left: 0;
  opacity: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (min-width: 768px) {
  .sl_textLink--border:hover .sl_textLink_text_item::after {
    opacity: 0;
  }
}

.sl_textLink--border .sl_textLink_icon {
  margin-top: 3px;
}

.sl_textLink--prev.sl_textLink {
  margin: 0 auto;
  text-decoration: underline;
  color: #333;
}

.sl_textLink--prev.sl_textLink:hover {
  text-decoration: none;
}

.sl_textLink--prev.sl_textLink .sl_textLink_text {
  color: #333;
  font-size: 1.125em;
}

/* =====================
  ■ 分配URLコピー
===================== */
.sl_toastAnnounce {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sl_toastAnnounce .js-sl-toast-announce {
  display: none;
}

.sl_toastAnnounce_text {
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2B2B2B;
  border-radius: 3px;
  width: 160px;
  height: 40px;
  font-size: 0.875em;
  font-weight: bold;
  color: #FFF;
  bottom: calc(100% + 10px);
  right: 0;
  z-index: 2;
  -webkit-filter: drop-shadow(0 2px 4px rgba(231, 116, 8, 0.1));
          filter: drop-shadow(0 2px 4px rgba(231, 116, 8, 0.1));
  -webkit-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
}

@media (min-width: 768px) {
  .sl_toastAnnounce_text {
    bottom: calc(100% - 7px);
  }
}

.sl_toastAnnounce_text:before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 14px;
  background-color: #2B2B2B;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  bottom: -10px;
  right: 15px;
  left: auto;
  -webkit-filter: drop-shadow(0 2px 4px rgba(231, 116, 8, 0.1));
          filter: drop-shadow(0 2px 4px rgba(231, 116, 8, 0.1));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 1;
}

.sl_toastAnnounce_button {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_toastAnnounce .sl_modal_text {
  width: 100%;
  display: block;
}

/* =====================
  ■ 期限周り
===================== */
.sl_explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.875em;
  line-height: 1.15;
}

@media (min-width: 768px) {
  .sl_explanation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sl_explanation + .sl_explanation {
  margin-top: 10px;
}

.sl_explanationWrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 768px) {
  .sl_explanationWrap {
    margin: 0 auto;
  }
}

.sl_explanation_title {
  color: #5C5C5C;
}

.sl_explanation_text {
  border-left: solid 1px #F0F0F0;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 1.14286em;
}

/* =====================
  ■ テキスト周りの調整
===================== */
.sl_text--center {
  text-align: center;
}

.sl_text--left {
  text-align: left;
}

.sl_text--right {
  text-align: right;
}

.sl_text--bold {
  font-weight: bold;
}

.sl_text--indent {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 0.75em;
  margin-bottom: 20px;
}

.sl_text--indent + .sl_text--indent {
  margin-top: -10px;
}

.sl_text--indentLarge {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 0.875em;
  width: 100%;
}

.sl_ticket_dateBlock {
  margin-top: 8px;
}

.sl_ticket_date--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
}

.sl_ticket_date--title {
  color: #5C5C5C;
  padding-right: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8em;
}

.sl_ticket_date--title [class*="icon-"] {
  font-size: 1.14286em;
  margin-right: 5px;
}

.sl_ticket_date--fit {
  width: auto;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.sl_ticket_date--fit .sl_icon--clock {
  top: 2px;
}

.sl_ticket_date--data {
  color: #5C5C5C;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.sl_ticketSeatInfo_item {
  border: solid 1px #DDDDDD;
  border-radius: 6px;
  padding: 10px 15px;
}

.sl_ticketSeatInfo_text {
  font-size: 0.875em;
  font-weight: bold;
}

.sl_ticketSeatInfo_list .sl_ticketSeatInfo_item:not(:last-of-type) {
  margin-bottom: 10px;
}

.sl_ticketArchiveItem--disable .sl_refund {
  background-color: #DDDDDD;
}

.sl_ticketArchiveItem--disable .sl_refund_period {
  background-color: #DDDDDD;
  color: #5C5C5C;
  border: none;
  border-bottom: solid 1px #A5A5A5;
}

.sl_selectTab_link {
  display: block;
  width: 100%;
  height: calc(100% + 15px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sl_ticketGuard_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .sl_ticketGuard_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.sl_ticketGuard_container:first-child {
  margin-top: 0;
}

.sl_ticketGuard_inner:nth-child(1) {
  width: 100%;
}

@media (min-width: 768px) {
  .sl_ticketGuard_inner:nth-child(1) {
    width: 368px;
  }
}

.sl_ticketGuard_inner:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .sl_ticketGuard_inner:nth-child(2) {
    margin-top: 0;
    margin-left: 30px;
  }
}

.sl_ticketGuard_inner .sl_explanation {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.sl_ticketGuard_inner img {
  margin-bottom: 10px;
  width: 100%;
}

.sl_ticketGuard_inner p {
  font-size: 0.875em;
}

.sl_ticketGuard .sl_ticketGuard_container--button {
  margin-top: 20px;
}

.sl_ticketGuard .sl_ticketGuard_container--button .sl_button {
  margin: 0 auto;
}

/* =========================================================
 State
========================================================= */
.sl_sideButton.sl_sideButton--active {
  -webkit-filter: none;
          filter: none;
}

.sl_fromRadio_slide--container.sl_fromRadio_slide--active {
  border-color: #E77408;
  border-width: 2px;
}

.modal--show {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  visibility: visible;
}

.modal--show .sl_modal_inner {
  opacity: 1;
}

.modal--show .sl_modal_overlay {
  display: block;
}

.sl_labelFit.is-disabled {
  border: none;
  border-radius: 0;
  background-color: #F5F5F5;
  color: #5C5C5C;
  width: calc(100% + 30px);
  margin: 10px 0 -15px -15px;
  padding: 8px;
  text-align: center;
}

.sl_ticketDetail_text:last-child .sl_labelFit.is-disabled {
  border-radius: 0 0 5px 5px;
}

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