@charset "UTF-8";
/*******************************************************************************
*
* 検索結果ページスタイルシート
*
*******************************************************************************/
/*=========================================
ボタンテンプレート
=========================================*/
/* デフォルトCSSを無効にするだけのCSS */
/* 高強調ボタン大 */
/* 高強調ボタン中 */
/* 高強調ボタン小 */
/* 高強調ボタン小　インライン */
/* 高強調ボタン大　背景緑 */
/* 高強調ボタン中　背景緑 */
/* 高強調ボタン小　背景緑 */
/* 高強調ボタン小　背景緑　インライン */
/* 高強調ボタン大　背景白 */
/* 高強調ボタン中　背景白 */
/* 高強調ボタン小　背景白 */
/* 高強調ボタン小　背景白　インライン */
/* 中強調ボタン大　緑 */
/* 中強調ボタン中　緑 */
/* 中強調ボタン小　緑 */
.top_formEntryBtnViaW button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  background-color: #fff;
  color: #007a52;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  outline: none;
  padding: 0 12px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryBtnViaW button {
      padding-left: 1.4em;
      padding-right: 1.4em; } }
  .top_formEntryBtnViaW button:hover, .top_formEntryBtnViaW button:active {
    background-color: #f2f9f2;
    color: #007a52; }
  .top_formEntryBtnViaW button.nonselect {
    color: #a6a6a6;
    cursor: default; }
    .top_formEntryBtnViaW button.nonselect:hover, .top_formEntryBtnViaW button.nonselect:active {
      background-color: #fff; }

/* 中強調ボタン小　緑　インライン */
/* 中強調ボタン大　背景緑 */
/* 中強調ボタン中　背景緑 */
/* 中強調ボタン小　背景緑 */
/* 中強調ボタン小　背景緑　インライン */
/* 中強調ボタン大　青 */
/* 中強調ボタン中　青 */
/* 中強調ボタン小　青 */
/* 中強調ボタン小　青　インライン */
/* サブボタン小　青 */
/* サブボタン小　緑 */
/* サブボタン小　グレー */
/* ボタン内のフォントサイズ変更 */
.tmp_btn_font-small {
  font-size: 70%; }

/* アイコン設置用 */
.tmp_btn_icon-posLeft {
  padding-left: 30px !important; }

.tmp_btn_icon-posRight {
  padding-right: 30px !important; }

.tmp_btn_icon-back-green::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngreen-icon.png") no-repeat left top;
  background-size: 7px 11px; }
.tmp_btn_icon-back-green.nonselect::before {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px; }

.tmp_btn_icon-next-green::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngreen-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }
.tmp_btn_icon-next-green.nonselect::after {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }

.tmp_btn_icon-back-blue::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnblue-icon.png") no-repeat left top;
  background-size: 7px 11px; }
.tmp_btn_icon-back-blue.nonselect::before {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px; }

.tmp_btn_icon-next-blue::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnblue-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }
.tmp_btn_icon-next-blue.nonselect::after {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }

.tmp_btn_icon-back-red::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnred-icon.png") no-repeat left top;
  background-size: 7px 11px; }
.tmp_btn_icon-back-red.nonselect::before {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px; }

.tmp_btn_icon-next-red::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnred-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }
.tmp_btn_icon-next-red.nonselect::after {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }

.tmp_btn_icon-back-gray::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px; }

.tmp_btn_icon-next-gray::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }

.tmp_btn_icon-back-white::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnwhite-icon.png") no-repeat left top;
  background-size: 7px 11px; }

.tmp_btn_icon-next-white::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnwhite-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1); }

.tmp_btn_icon-timeSelect {
  padding-right: 30px;
  position: relative;
  text-decoration: none;
  /*&::before {
  	position: absolute;
  	content:"";
  	display: block;
  	width: 3px;
  	height: 3px;
  	right:3px;
  	top:0;
  	bottom:3px;
  	margin-top: auto;
  	margin-bottom: auto;
  	border-top:1px solid $primary_blue;
  	border-right:1px solid $primary_blue;
  	transform: rotate(-45deg);
  }*/ }
  .tmp_btn_icon-timeSelect::after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 15px;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_timeSelect-icon.png") no-repeat;
    background-size: 24px 15px; }

.tmp_btn_icon-rentacar::before {
  content: "";
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultrentacar-icon.png") no-repeat left top;
  background-size: 25px 25px; }

.tmp_btn_icon-twitter::before {
  content: "";
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttwitter-icon.png") no-repeat left top;
  background-size: 25px 25px; }

/* ボタン幅調整用 */
@media print, screen and (min-width: 750px) {
  .pc_w380px {
    max-width: 380px;
    width: 100%; } }

/* ボタン高さ調整用 */
@media print, screen and (max-width: 749px) {
  .sp_h60px {
    height: auto;
    min-height: 60px;
    padding: 10px 12px; } }

/*=========================================
フォームテンプレート
=========================================*/
/* 1行テキストエリア */
.top_formEntryInput-text label, .topPuStGeton_tabStFormGetonW label, .topPuStGetoff_tabStFormGetonW label {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6em;
  min-height: 40px;
  height: 2rem;
  background: #007a52;
  color: #fff;
  font-size: 1rem;
  font-size: calc(1rem * (16 / 15));
  border-radius: 5px 0 0 5px;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryInput-text label, .topPuStGeton_tabStFormGetonW label, .topPuStGetoff_tabStFormGetonW label {
      width: 7em; } }

.top_formEntryInput-text input, .topPuStGeton_tabStFormGetonW input, .topPuStGetoff_tabStFormGetonW input {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 6em);
  min-height: 40px;
  height: 2rem;
  font-size: 1rem;
  font-size: calc(1rem * (16 / 15));
  border: 1px solid #a6a6a6;
  border-left: none;
  border-radius: 0 5px 5px 0;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryInput-text input, .topPuStGeton_tabStFormGetonW input, .topPuStGetoff_tabStFormGetonW input {
      width: calc(100% - 7em); } }
  .top_formEntryInput-text input:placeholder-shown, .topPuStGeton_tabStFormGetonW input:placeholder-shown, .topPuStGetoff_tabStFormGetonW input:placeholder-shown {
    color: #a6a6a6; }
  .top_formEntryInput-text input:focus:placeholder-shown, .topPuStGeton_tabStFormGetonW input:focus:placeholder-shown, .topPuStGetoff_tabStFormGetonW input:focus:placeholder-shown {
    color: transparent; }
  .top_formEntryInput-text input::-webkit-input-placeholder, .topPuStGeton_tabStFormGetonW input::-webkit-input-placeholder, .topPuStGetoff_tabStFormGetonW input::-webkit-input-placeholder {
    color: #a6a6a6; }
  .top_formEntryInput-text input:focus::-webkit-input-placeholder, .topPuStGeton_tabStFormGetonW input:focus::-webkit-input-placeholder, .topPuStGetoff_tabStFormGetonW input:focus::-webkit-input-placeholder {
    color: transparent; }
  .top_formEntryInput-text input:-moz-placeholder, .topPuStGeton_tabStFormGetonW input:-moz-placeholder, .topPuStGetoff_tabStFormGetonW input:-moz-placeholder {
    color: #a6a6a6;
    opacity: 1; }
  .top_formEntryInput-text input:focus:-moz-placeholder, .topPuStGeton_tabStFormGetonW input:focus:-moz-placeholder, .topPuStGetoff_tabStFormGetonW input:focus:-moz-placeholder {
    color: transparent; }
  .top_formEntryInput-text input::-moz-placeholder, .topPuStGeton_tabStFormGetonW input::-moz-placeholder, .topPuStGetoff_tabStFormGetonW input::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1; }
  .top_formEntryInput-text input:focus::-moz-placeholder, .topPuStGeton_tabStFormGetonW input:focus::-moz-placeholder, .topPuStGetoff_tabStFormGetonW input:focus::-moz-placeholder {
    color: transparent; }
  .top_formEntryInput-text input:-ms-input-placeholder, .topPuStGeton_tabStFormGetonW input:-ms-input-placeholder, .topPuStGetoff_tabStFormGetonW input:-ms-input-placeholder {
    color: #a6a6a6; }
  .top_formEntryInput-text input:focus:-ms-input-placeholder, .topPuStGeton_tabStFormGetonW input:focus:-ms-input-placeholder, .topPuStGetoff_tabStFormGetonW input:focus:-ms-input-placeholder {
    color: transparent; }
  .top_formEntryInput-text input:disabled, .topPuStGeton_tabStFormGetonW input:disabled, .topPuStGetoff_tabStFormGetonW input:disabled {
    background: #ebebeb;
    color: #a6a6a6; }

/* テキストエリア */
/* テキストエリア枠に▼アイコン付けるcss */
/* セレクトボックス */
.top_formEntryAdlutInput, .top_formEntryChildInput, .top_formEntryDateSelectDateInput, .icSeat_formTicketSelect, .reserveList_refineSelect, .reserveList_periodSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  font-size: 1rem;
  font-size: calc(1rem * (16 / 15));
  padding: 10px 26px 10px 10px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png") no-repeat right 10px center;
  background-size: 10px 5px;
  background-color: #fff;
  width: 100%;
  height: auto;
  font-family: inherit;
  line-height: 1;
  font-weight: normal; }
  .top_formEntryAdlutInput::-ms-expand, .top_formEntryChildInput::-ms-expand, .top_formEntryDateSelectDateInput::-ms-expand, .icSeat_formTicketSelect::-ms-expand, .reserveList_refineSelect::-ms-expand, .reserveList_periodSelect::-ms-expand {
    /* select要素のデザインを無効にする（IE用） */
    display: none; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutInput, .top_formEntryChildInput, .top_formEntryDateSelectDateInput, .icSeat_formTicketSelect, .reserveList_refineSelect, .reserveList_periodSelect {
      padding: 10px 28px 10px 10px; } }
  .top_formEntryAdlutInput:disabled, .top_formEntryChildInput:disabled, .top_formEntryDateSelectDateInput:disabled, .icSeat_formTicketSelect:disabled, .reserveList_refineSelect:disabled, .reserveList_periodSelect:disabled {
    background: #ebebeb;
    color: #a6a6a6; }

.tmp_btn_icon-hotel::before {
  content: "";
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 50px;
  height: 25px;
  margin-right: 8px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/mp_dynamic_icon.png") no-repeat left top;
  background-size: contain; }

/*=========================================
エマージェンシー
=========================================*/
.top_emergency {
  margin: 25px 15px 0;
  border: 3px double #ee2200;
  padding: 10px; }
  @media print, screen and (min-width: 750px) {
    .top_emergency {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-right: 13px;
      padding-left: 13px; } }

/*=========================================
検索条件
=========================================*/
.ts_condMainW {
  width: 100%;
  height: auto; }

.ts_condMainWBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: auto;
  background: none;
  border: none;
  color: #1a70b2;
  font-size: 1rem;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  outline: none;
  margin-top: 10px;
  margin-bottom: 13px;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  .ts_condMainWBtn::before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 3px; }
  .ts_condMainWBtn.active::before {
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open-blue.png); }

.ts_cond {
  display: none;
  width: 100%;
  height: auto;
  background-color: #f5f5f5; }
  .ts_cond.spStyle {
    width: 100%;
    margin-bottom: 13px; }
    @media print, screen and (min-width: 750px) {
      .ts_cond.spStyle {
        margin-right: 0;
        margin-left: 0;
        width: 100%; } }
  .ts_cond.spStyle .ts_condW .ts_condW-inner {
    padding-bottom: 40px; }
    @media print, screen and (min-width: 750px) {
      .ts_cond.spStyle .ts_condW .ts_condW-inner {
        padding-bottom: 0; } }

.ts_condW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
  padding-bottom: 25px; }
  @media print, screen and (min-width: 750px) {
    .ts_condW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.ts_condW-inner {
  width: 100%;
  height: auto;
  position: relative; }

.ts_condTitle {
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_condTitle {
      font-size: 1.2rem; } }

.ts_condList {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.ts_condListDestination {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  color: #666666;
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }
  .ts_condListDestination::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 17px;
    top: 2px;
    left: 3px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_condlistdestination-icon.png") no-repeat left top;
    background-size: 14px 17px; }

.ts_condListDestinationList {
  width: 100%;
  height: auto; }

.ts_condListDestinationListItem {
  display: inline-block;
  font-weight: bold; }
  .ts_condListDestinationListItem::after {
    content: "→";
    margin-left: 0.5em;
    margin-right: 0.5em; }
  .ts_condListDestinationListItem:last-of-type::after {
    content: ""; }

.ts_condListTicket {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  font-weight: bold;
  color: #666666;
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }
  .ts_condListTicket::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 2px;
    left: 3px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_condlistticket-icon.png") no-repeat left top;
    background-size: 14px 14px; }

.ts_condListDate {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  font-weight: bold;
  color: #666666;
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }
  .ts_condListDate::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 2px;
    left: 3px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_condlistdate-icon.png") no-repeat left top;
    background-size: 14px 14px; }
  @media print, screen and (min-width: 750px) {
    .ts_condListDate {
      width: auto; } }

.ts_condListAdult {
  width: calc(100% - 9em);
  height: auto;
  font-size: 0.8rem;
  font-weight: bold;
  color: #666666;
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }
  .ts_condListAdult::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 11px;
    top: 4px;
    left: 3px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_condlistadult-icon.png") no-repeat left top;
    background-size: 15px 11px; }
  @media print, screen and (min-width: 750px) {
    .ts_condListAdult {
      width: auto;
      margin-left: 20px; } }

.ts_condListOther {
  /*	width: calc(100% - 9em);
  	height: 1rem;*/
  font-size: 0.8rem;
  color: #666666;
  margin-bottom: 7px;
  padding-left: 25px;
  overflow: hidden;
  position: relative;
  /*	@include pc {
  		width: 100%;
  		height: auto;
  		line-height:1.6;

  		&.icon_more {
  			width:100%;

  			&::after {
  				content:none;
  			}
  		}

  	}*/ }
  @media print, screen and (min-width: 750px) {
    .ts_condListOther {
      margin-bottom: 13px; } }
  .ts_condListOther::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 2px;
    left: 3px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_condlistother-icon.png") no-repeat left top;
    background-size: 14px 14px; }
  .ts_condListOther.icon_more {
    padding-right: 1em; }
    .ts_condListOther.icon_more::after {
      position: absolute;
      content: "…";
      width: 1em;
      height: 1em;
      top: 2px;
      right: 0; }

.ts_condListOtherList {
  width: auto;
  font-weight: bold; }

.ts_condListOtherListItem {
  display: inline; }
  .ts_condListOtherListItem::after {
    content: "";
    margin-left: 0.8em;
    margin-right: 0.5em;
    border-right: 1px solid #666666; }
  .ts_condListOtherListItem:last-of-type::after {
    border: none; }

.ts_condListWord {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  font-weight: bold;
  color: #666666;
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }
  .ts_condListWord::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    top: 2px;
    left: 3px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_condlistother-icon.png") no-repeat left top;
    background-size: 14px 14px; }

.ts_condListBtnchange {
  position: absolute;
  bottom: -36px;
  right: 0;
  min-width: 6em;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .ts_condListBtnchange {
      position: static;
      margin-left: auto; } }

.ts_condListBtnotoku {
  margin-bottom: 30px; }

.ts_condListBtnotokuBtn {
  display: block;
  width: auto;
  margin-top: 18px;
  background-color: rgba(0, 128, 0, 0.03);
  color: #007a52;
  border: 1px solid #d9d9d9;
  border-radius: 2em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  padding: 7px 22px 10px;
  line-height: 1.4;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .ts_condListBtnotokuBtn {
      max-width: 578px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align: center; } }
  .ts_condListBtnotokuBtn:hover, .ts_condListBtnotokuBtn:active {
    color: #007a52; }

.ts_condListBtnotokuBtn-main {
  display: block; }
  @media print, screen and (min-width: 750px) {
    .ts_condListBtnotokuBtn-main {
      display: inline; } }

.ts_condListBtnotokuBtn-sub {
  display: block;
  font-size: 0.8rem;
  color: #000; }
  @media print, screen and (min-width: 750px) {
    .ts_condListBtnotokuBtn-sub {
      display: inline;
      margin-left: 1em; } }

/*=========================================
検索結果
=========================================*/
.ts_result {
  width: 100%;
  height: auto;
  background-color: #fff; }

.ts_resultW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 25px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.ts_resultW-inner {
  width: 100%;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ts_resultW-inner {
      margin-bottom: 30px; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultW-inner + .ts_resultDetail {
      margin-top: 15px; } }
  .ts_resultW-inner .top_formError {
    margin-top: 20px;
    padding-left: 0; }
  .ts_resultW-inner .top_formError.ts_error {
    margin-top: 30px;
    margin-bottom: 0; }
    @media print, screen and (max-width: 749px) {
      .ts_resultW-inner .top_formError.ts_error {
        margin-top: 25px;
        padding-bottom: 0; } }
  #trainSearch_error .ts_resultW-inner {
    margin-bottom: 0; }

.ts_resultGetonGetoffW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultGetonGetoffW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (max-width: 749px) {
    .ts_resultGetonGetoffW {
      margin-bottom: 30px; } }

.ts_resultGetonGetoffWList {
  width: 100%;
  height: auto; }

.ts_resultGetonGetoffWListItem {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem; }
  .ts_resultGetonGetoffWListItem::after {
    content: "→";
    margin-left: 0.5em;
    margin-right: 0.5em; }
  .ts_resultGetonGetoffWListItem:last-of-type::after {
    content: ""; }

.ts_resultDetailedInfo {
  display: flex;
  flex-wrap: wrap; }
  .ts_resultDetailedInfo:last-of-type {
    margin-bottom: 30px; }

.ts_resultInfoIconW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultInfoIconW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.ts_resultInfoIcon {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultInfoIcon {
      justify-content: flex-start; } }
  .ts_resultInfoIcon li {
    display: block;
    width: 49%;
    border-radius: 5px;
    padding: 2px 15px;
    text-align: center;
    font-size: 0.7rem; }
    @media print, screen and (min-width: 750px) {
      .ts_resultInfoIcon li {
        display: inline-block;
        width: auto;
        margin-right: 10px; } }
    .ts_resultInfoIcon li.hope {
      border: 1px solid #d9d9d9;
      background-color: #fff; }
    .ts_resultInfoIcon li.train {
      border: 1px solid #563d34;
      background-color: #563d34;
      color: #fff; }

.ts_resultTitle {
  width: 100%;
  height: auto;
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between; }
  @media print, screen and (max-width: 749px) {
    .ts_resultTitle {
      font-size: 1.5rem; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTitle {
      margin-bottom: 15px; } }
  .ts_resultTitle > span a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: bold; }
  .ts_resultTitle > span a:before {
    content: '';
    display: inline-block;
    transform: rotate(-90deg);
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnblue-icon.png");
    background-position: 1px 0;
    background-repeat: no-repeat;
    background-size: contain; }
  #trainSearch_error .ts_resultTitle {
    margin-top: 15px; }

.ts_resultNextprev {
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 15px;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .ts_resultNextprev:last-child {
    margin-top: 30px; }
    @media print, screen and (min-width: 750px) {
      .ts_resultNextprev:last-child {
        margin-top: 30px; } }

.ts_resultNextprevItem {
  max-width: 8em;
  width: 100%; }

.ts_resultTkduse {
  text-align: right;
  font-size: 0.875rem; }

.ts_resultTkduseLink {
  display: inline-block;
  width: auto;
  padding-left: 22px;
  text-indent: -22px;
  text-decoration: none;
  position: relative; }
  .ts_resultTkduseLink::before {
    /*position: absolute;*/
    content: "";
    display: inline-block;
    /*top:0;
    bottom:0;
    left:0;
    margin-top: auto;
    margin-bottom: auto;*/
    margin-right: 5px;
    width: 12px;
    height: 12px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttkduse-icon.png") no-repeat left top;
    background-size: 12px 12px;
    vertical-align: -1px; }

.ts_resultSampleW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -25px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleW {
      margin-top: -25px; } }

.ts_resultSample {
  text-align: right;
  font-size: 0.875rem; }

.ts_resultSampleLink {
  display: inline-block;
  /*	text-align: center;*/
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
  font-family: inherit;
  border: none;
  padding-right: 0;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  .ts_resultSampleLink:hover {
    color: #44a3ec; }

.ts_resultSampleModal {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleModal {
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
      width: 780px;
      height: calc(100vh - 100px);
      z-index: 9999;
      border-radius: 5px; } }
  .ts_resultSampleModal.active {
    top: 0; }
    @media print, screen and (min-width: 750px) {
      .ts_resultSampleModal.active {
        display: block;
        top: 50px; } }

.ts_resultSampleModal_headerW {
  width: 100%;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleModal_headerW {
      border-radius: 5px 5px 0 0; } }

.ts_resultSampleModal_header {
  width: 100%;
  height: auto;
  background: #007a52;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 0.9rem;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleModal_header {
      font-size: 1.2rem;
      padding: 17px 0;
      border-radius: 5px 5px 0 0; } }

.ts_resultSampleModal_headerBtnClose {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 0;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
  .ts_resultSampleModal_headerBtnClose::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg); }
    @media print, screen and (min-width: 750px) {
      .ts_resultSampleModal_headerBtnClose::before {
        left: 30px;
        height: 22px; } }
  .ts_resultSampleModal_headerBtnClose::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg); }
    @media print, screen and (min-width: 750px) {
      .ts_resultSampleModal_headerBtnClose::after {
        left: 30px;
        height: 22px; } }

.ts_resultSampleModal_wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto; }

.ts_resultSampleModal_inner {
  width: 100%;
  height: auto;
  padding: 15px 15px 30px 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleModal_inner {
      padding: 25px 25px 40px 25px; } }

.ts_resultSampleModal_innerHeader {
  font-weight: bold;
  font-size: 1rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleModal_innerHeader {
      color: #000; } }

.ts_resultSampleModal_innerLead {
  font-size: 0.8rem;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSampleModal_innerLead {
      margin-bottom: 20px; } }

.ts_resultDetail {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin-bottom: 40px; }
  .ts_resultDetail:last-of-type {
    margin-bottom: 15px; }
  .ts_resultDetail.bor_none {
    border: none; }
  .ts_resultDetail.bor_none .ts_resultDetailReserve {
    border-top: none; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetail {
      margin-top: 7px; }
      .ts_resultDetail:last-of-type {
        margin-bottom: 10px; } }

.ts_resultDetailOutline {
  padding: 0; }

.ts_resultDetailOutlineW {
  border-radius: 5px 5px 0 0;
  padding: 10px;
  background-color: #007a52;
  	/*
  	&:after {
  		content: '';
  		display: inline-block;
  		position: absolute;
  		top: 50%;
  		right: 10px;
  		margin-top: -12px;
  		width: 24px;
  		height: 24px;
  		background-repeat: no-repeat;
  		background-size: contain;

  		@include pc {
  			display: none;
  		}

  	}
  	.acd.open &:after {
  		background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open.png");
  	}
  	.acd.close &:after {
  		background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close.png");
  	}
  	*/ }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineW {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 10px 20px; } }
  .acd .ts_resultDetailOutlineW {
    position: relative; }

.ts_resultDetailOutlineWItemDep {
  width: auto;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineWItemDep {
      margin-bottom: 5px;
      margin-right: 1em; } }
  .ts_resultDetailOutlineWItemDep.caution::before {
    content: '';
    display: inline-block;
    margin-right: 2px;
    width: 22px;
    height: 25px;
    background-image: url("/jreast-train-reservation/common/img/ico_caution.png");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineWItemDep.caution::before {
        margin-right: 10px; } }
  .ts_resultDetailOutlineWItemDep span.small {
    font-size: 1rem; }
  .ts_resultDetailOutlineWItemDep span.arrow {
    margin-left: 4px;
    margin-right: 4px; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineWItemDep span.arrow {
        margin-right: 0.7em;
        margin-left: 0.7em; } }

.ts_resultDetailOutlineWItemTime {
  display: inline-block;
  width: auto;
  font-size: 1rem;
  margin-top: 5px;
  color: #fff; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineWItemTime {
      margin-bottom: 5px;
      margin-right: 1em;
      display: flex;
      align-items: center; } }

.ts_resultDetailOutlineWItemTransit {
  display: inline-block;
  width: auto;
  font-size: 1rem;
  margin-top: 5px;
  color: #fff;
  margin-right: 1em; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineWItemTransit {
      margin-bottom: 5px;
      display: flex;
      align-items: center; } }

.ts_resultDetailOutlineWItemKm {
  display: inline-block;
  width: auto;
  font-size: 1rem;
  margin-top: 5px;
  color: #fff; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineWItemKm {
      margin-bottom: 5px;
      display: flex;
      align-items: center; } }

.ts_resultDetailOutlineWItemRouteW {
  width: 100%;
  height: auto; }

.ts_resultDetailOutlineWItemPrice {
  display: flex;
  padding: 0 10px;
  width: auto;
  text-align: right;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 5px; }
  .ts_resultDetailOutlineWItemPrice .small {
    font-size: 0.75rem;
    color: #666666;
    font-weight: normal; }
    .ts_resultDetailOutlineWItemPrice .small::before {
      top: -11px; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineWItemPrice .small {
        font-size: 0.9rem; } }
  .ts_resultDetailOutlineWItemPrice li.btn {
    padding-top: 3px;
    width: 118px;
    text-align: left;
    font-size: 0.8rem; }
    .ts_resultDetailOutlineWItemPrice li.btn > span {
      display: inline-block;
      margin: 0px 5px 5px 0;
      border-radius: 5px;
      padding: 5px 7px;
      width: 100%;
      line-height: 1;
      color: #fff;
      font-weight: normal; }
      .ts_resultDetailOutlineWItemPrice li.btn > span:last-of-type {
        margin: 0; }
      @media print, screen and (min-width: 750px) {
        .ts_resultDetailOutlineWItemPrice li.btn > span {
          margin: 0; } }
    .ts_resultDetailOutlineWItemPrice li.btn > span.tokudane {
      background-color: #007a52; }
      @media print, screen and (min-width: 750px) {
        .ts_resultDetailOutlineWItemPrice li.btn > span.tokudane {
          display: inline;
          width: auto;
          margin-right: 5px;
          margin-bottom: 5px; } }
    .ts_resultDetailOutlineWItemPrice li.btn > span.ticketless {
      background-color: #965ea7; }
      @media print, screen and (min-width: 750px) {
        .ts_resultDetailOutlineWItemPrice li.btn > span.ticketless {
          display: inline;
          width: auto;
          margin-right: 5px;
          margin-bottom: 5px; } }
    .ts_resultDetailOutlineWItemPrice li.btn > span span {
      display: inline-block;
      margin-left: 5px;
      font-size: 0.85em; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineWItemPrice li.btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 650px; } }
  .ts_resultDetailOutlineWItemPrice li.price {
    width: 100%; }
    .ts_resultDetailOutlineWItemPrice li.price > span {
      display: inline-block;
      font-size: 0.75rem;
      font-weight: normal; }
  .ts_resultDetailOutlineWItemPrice li.btn + li.price {
    width: calc(100% - 120px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    align-content: flex-start; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineWItemPrice li.btn + li.price {
        width: 100%; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineWItemPrice {
      margin-top: 0;
      padding: 10px 20px 0; } }

.ts_DetailTrainCheckBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: auto;
  background: none;
  border: none;
  color: #1a70b2;
  font-size: 1rem;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  outline: none;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ts_DetailTrainCheckBtn {
      margin-left: 20px; } }
  .ts_DetailTrainCheckBtn::before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 3px; }
  .ts_DetailTrainCheckBtn.active::before {
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open-blue.png); }

.ts_resultDetailOutlineRoute {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #f5f5f5;
  padding: 5px 10px 0;
  margin-top: 10px;
  border-radius: 5px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineRoute {
      padding: 10px 25px 5px; } }

.ts_resultDetailOutlineRouteItem {
  display: inline-block;
  margin-bottom: 5px;
  padding-right: 32px;
  font-weight: bold;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailOutlineRouteItem {
      padding-right: calc(2em + 10px); } }
  .ts_resultDetailOutlineRouteItem::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 8px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #bdbdbd; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineRouteItem::after {
        width: 10px;
        right: 1em; } }
  .ts_resultDetailOutlineRouteItem.station {
    font-size: 0.875em; }
  .ts_resultDetailOutlineRouteItem.shinkansen {
    font-size: 0rem;
    font-weight: normal;
    padding-left: 22px;
    margin-top: 0.1em; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineRouteItem.shinkansen {
        font-size: 0.8rem; } }
    .ts_resultDetailOutlineRouteItem.shinkansen::before {
      position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") no-repeat left top;
      background-size: 16px 16px;
      top: 0;
      bottom: 0;
      left: 0;
      margin-top: auto;
      margin-bottom: auto; }
  .ts_resultDetailOutlineRouteItem.limitedex {
    font-size: 0rem;
    font-weight: normal;
    padding-left: 22px;
    margin-top: 0.1em; }
    @media print, screen and (min-width: 750px) {
      .ts_resultDetailOutlineRouteItem.limitedex {
        font-size: 0.8rem; } }
    .ts_resultDetailOutlineRouteItem.limitedex::before {
      position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") no-repeat left top;
      background-size: 16px 16px;
      top: 0;
      bottom: 0;
      left: 0;
      margin-top: auto;
      margin-bottom: auto; }
  .ts_resultDetailOutlineRouteItem.local {
    font-size: 0.8rem;
    font-weight: normal;
    margin-top: 0.1em; }
  .ts_resultDetailOutlineRouteItem:last-of-type {
    padding-right: 0; }
    .ts_resultDetailOutlineRouteItem:last-of-type::after {
      content: none; }

.ts_resultDetailTrain {
  display: none;
  width: 100%;
  height: auto; }
  .ts_resultDetailTrain > .ts_resultDetailOutline {
    padding-top: 0; }

.ts_resultDetailTrainList {
  width: 100%;
  height: auto; }

.ts_resultDetailTrainListItem {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  padding: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9; }
  .ts_resultDetailTrainListItem:first-of-type {
    border-top: 1px solid #d9d9d9; }
  .ts_resultDetailTrainListItem:last-of-type {
    border-bottom: none; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailTrainListItem {
      justify-content: flex-end;
      align-items: flex-start;
      padding: 20px;
      padding-bottom: 30px; } }

.ts_resultDetail_heading {
  display: flex; }

.ts_resultTrainName {
  width: 100%;
  margin-bottom: 15px;
  padding-left: 42px;
  position: relative;
  font-size: 1.1rem; }
  .ts_resultTrainName.shinkansen::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") no-repeat left top;
    background-size: 32px 32px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTrainName.shinkansen::before {
        top: 0;
        background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") no-repeat left top;
        background-size: 32px 32px; } }
  .ts_resultTrainName.limitedex::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon.png") no-repeat left top;
    background-size: 32px 32px;
    top: 5px;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: auto; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTrainName.limitedex::before {
        top: 0;
        background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") no-repeat left top;
        background-size: 32px 32px; } }
  .ts_resultTrainName .ts_resultTrainNameType {
    display: block;
    font-size: 0.75rem;
    font-weight: normal;
    color: #666666; }

/*.ts_resultTrainType {
	width: 100%;
	margin-top: 4px;
	line-height: 1;
	font-size:0.75rem;
	color:$black_60per;

	@include pc {
		order:3;
		width: 100%;
		margin-top: 0;
		padding-left: 30px;
	}
}*/
.ts_resultTrainTicket {
  width: 100%;
  margin-top: 5px;
  /*	padding-left: 25px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainTicket {
      order: 3; } }

.ts_resultTrainTokudane {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #007a52;
  border-radius: 5px;
  font-size: 0;
  color: #fff;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainTokudane {
      margin-bottom: 0; } }

.ts_resultTrainTokudaneItem {
  display: inline-block;
  line-height: 1;
  padding: 5px 7px;
  border-right: 1px solid #fff;
  font-size: 0.8rem; }
  .ts_resultTrainTokudaneItem:last-of-type {
    border: none; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainTokudaneItem {
      font-size: 0.9rem; } }

.ts_resultTrainTicketlessLi {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #9b5cad;
  border-radius: 5px;
  font-size: 0;
  color: #fff;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainTicketlessLi {
      margin-bottom: 0; } }

.ts_resultTrainTicketlessLiItem {
  display: inline-block;
  line-height: 1;
  padding: 5px 7px;
  border-right: 1px solid #fff;
  font-size: 0.8rem; }
  .ts_resultTrainTicketlessLiItem:last-of-type {
    border: none; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainTicketlessLiItem {
      font-size: 0.9rem; } }

.ts_resultTrainTicketless {
  display: inline;
  width: auto;
  margin-bottom: 5px;
  padding: 5px 7px;
  background-color: #9b5cad;
  border-radius: 5px;
  font-size: 0.8rem;
  color: #fff;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainTicketless {
      margin-bottom: 0;
      font-size: 0.9rem; } }

.ts_resultTrainSeat {
  width: 100%;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #d9d9d9; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeat {
      order: 2;
      padding: 13px 0;
      background-color: #fff;
      justify-content: flex-start; } }

.ts_resultTrainSeatItem {
  width: 49%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  background: #fff;
  padding: 7px 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeatItem:nth-of-type(2n) {
      border-right: 1px solid #d9d9d9; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeatItem:nth-of-type(2) {
      padding-right: 15px; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeatItem:nth-of-type(3) {
      padding-left: 15px; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeatItem {
      width: 25%;
      margin-bottom: 0;
      border-right: 1px solid #d9d9d9;
      background: none;
      padding: 0 15px; }
      .ts_resultTrainSeatItem:last-of-type {
        border: none; }
      .ts_resultTrainSeatItem:nth-of-type(3) {
        border-right: 1px solid #d9d9d9; } }

.ts_resultTrainSeatItem-seatIcon {
  width: 16px;
  height: auto;
  margin-right: 10px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeatItem-seatIcon {
      width: 30px;
      margin-right: 5px; } }
  .ts_resultTrainSeatItem-seatIcon img {
    display: block; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTrainSeatItem-seatIcon img {
        width: 30px;
        height: 30px; } }

.ts_resultTrainSeatItem-seatName {
  font-size: 0.75rem; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainSeatItem-seatName {
      font-size: 0.8rem; } }

.ts_resultTrainSeatItem-seatCond {
  width: auto;
  height: auto;
  margin-left: auto; }
  .ts_resultTrainSeatItem-seatCond img {
    display: block; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTrainSeatItem-seatCond img {
        width: 30px;
        height: 30px; } }
  .ts_resultTrainSeatItem-seatCond span {
    display: block;
    font-size: 0.9rem; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTrainSeatItem-seatCond span {
        font-size: 1rem; } }

.ts_resultTrainNote {
  width: 100%;
  font-size: 0.75rem;
  color: #e75032; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTrainNote {
      order: 4;
      margin-top: 5px; } }
  .ts_resultTrainNote.researved {
    text-align: center;
    font-size: 0.875rem;
    font-weight: bold; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTrainNote.researved {
        margin-top: -29px; } }

.ts_resultDetailReserve {
  width: 100%;
  height: auto;
  border-top: 1px solid #d9d9d9;
  padding: 15px 10px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultDetailReserve {
      padding: 20px 0; } }
  .ts_resultDetailReserve .nonselect {
    cursor: auto;
    font-size: 1.1rem;
    color: #666666; }

.ts_resultLegend {
  width: 100%;
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px; }

.ts_resultLegendList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end; }

.ts_resultLegendListItem {
  width: auto;
  font-size: 0.9rem;
  padding-left: 1em;
  padding-right: 1em;
  border-right: 1px solid #d9d9d9; }
  .ts_resultLegendListItem:last-of-type {
    padding-right: 0;
    border: none; }
  .ts_resultLegendListItem:first-of-type {
    padding-left: 0; }
  @media print, screen and (min-width: 750px) {
    .ts_resultLegendListItem {
      border: none; } }

.ts_resultLegendListItemLink span.tokudane {
  background-color: #007a52;
  border-radius: 5px;
  color: #fff;
  padding: 1px 3px;
  font-size: 0.8rem;
  margin-right: 5px; }
.ts_resultLegendListItemLink span.ticketless {
  background-color: #c1417f;
  border-radius: 5px;
  color: #fff;
  padding: 1px 3px;
  font-size: 0.8rem; }

/* おトクなきっぷ検索結果 */
.ts_serResTicketTitleW {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0;
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_serResTicketTitleW {
      align-items: center;
      max-width: 810px;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      padding-top: 23px;
      padding-bottom: 20px; } }

.ts_serResTicketTitle {
  font-size: 1.8rem;
  font-weight: normal; }

.ts_serResTicketTitle-inner {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media print, screen and (min-width: 750px) {
    .ts_serResTicketTitle-inner {
      flex-direction: column;
      align-items: flex-end; } }

.ts_resultNumber {
  position: absolute;
  bottom: 0;
  left: 15px;
  font-size: 0.9rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .ts_resultNumber {
      position: static; } }

.ts_resultSearchOption {
  min-width: 7em;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: right; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSearchOption {
      margin-top: 1em; } }
  .ts_resultSearchOption::before {
    content: '';
    display: inline-block;
    transform: rotate(-90deg);
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnblue-icon.png");
    background-position: 1px 0;
    background-repeat: no-repeat;
    background-size: contain; }
  @media print, screen and (min-width: 750px) {
    .ts_resultSearchOption:first-child {
      margin-top: 0; } }
  .ts_resultSearchOption a {
    text-decoration: none; }

.ts_resultTicketListW {
  overflow: hidden; }

.ts_resultTicketList {
  margin: -40px 0; }

.ts_resultTicketListItem {
  margin: 40px 0;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  overflow: hidden; }

.ts_resultTicketImgW img {
  width: 100%;
  vertical-align: top; }

.ts_resultTicketTxtW {
  padding: 15px; }

.ts_resultTicketTitle {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }

.ts_resultTicketTitle02 {
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 5px;
  display: flex;
  align-items: center; }
  .ts_resultTicketTitle02:before {
    content: "";
    display: block;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/sr_ticket_icon_g.png) no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    margin-right: 6px; }

.ts_resultTicketCategory {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between; }

.ts_resultTicketType {
  border: 1px solid #d9d9d9;
  border-radius: 1em;
  padding: 4px 6px;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: bold; }

.ts_resultTicketLabel {
  display: flex;
  flex-wrap: wrap;
  margin: -3px; }

.ts_resultTicketLabelItem {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  margin: 3px;
  padding: 4px 6px;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: bold; }

.ts_resultTicketTxt {
  margin-top: 1em;
  font-size: 0.9rem;
  line-height: 1.5; }

.ts_resultTicketDl {
  margin-top: 25px; }

.ts_resultTicketDt {
  margin-bottom: 0.4em;
  font-size: 1em;
  font-weight: bold;
  color: #007a52; }
  .ts_resultTicketDt ~ .ts_resultTicketDt {
    margin-top: 1.4em; }

.ts_resultTicketDd {
  font-size: 0.9em; }

.ts_resultTicketBtnW {
  margin-top: 25px; }

.ts_resultTicketNextprev {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-bottom: 15px; }
  .ts_resultTicketNextprev:last-child {
    margin-top: 30px; }

.ts_resultTicketNextprevItem {
  max-width: 10em;
  height: 100%; }
  .ts_resultTicketNextprevItem select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    font-size: 0.9rem;
    padding: 5px 25px 5px 10px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png") no-repeat right 10px center;
    background-size: 10px 5px;
    background-color: #fff;
    width: 100%;
    min-width: 10em;
    height: auto; }
    .ts_resultTicketNextprevItem select::-ms-expand {
      /* select要素のデザインを無効にする（IE用） */
      display: none; }
    .ts_resultTicketNextprevItem select:focus {
      outline: solid 2px #06c; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTicketNextprevItem select {
        padding: 10px 28px 10px 10px; } }

.ts_resultTicketNextprevItemNextbtn,
.ts_resultTicketNextprevItemPrevbtn {
  display: block;
  position: relative;
  width: 30px;
  height: 34px;
  font-size: 0; }
  .ts_resultTicketNextprevItemNextbtn::before,
  .ts_resultTicketNextprevItemPrevbtn::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    border-top: 3px solid #1a6fb2;
    border-left: 3px solid #1a6fb2; }
  .ts_resultTicketNextprevItemNextbtn:focus:not([disabled]),
  .ts_resultTicketNextprevItemPrevbtn:focus:not([disabled]) {
    outline: solid 2px #06c; }
  .ts_resultTicketNextprevItemNextbtn[disabled],
  .ts_resultTicketNextprevItemPrevbtn[disabled] {
    pointer-events: none;
    outline: none; }
    .ts_resultTicketNextprevItemNextbtn[disabled]::before,
    .ts_resultTicketNextprevItemPrevbtn[disabled]::before {
      border-top-color: #626262;
      border-left-color: #626262; }

.ts_resultTicketNextprevItemNextbtn::before {
  margin-left: 3px;
  transform: translate(-50%, -50%) rotate(-45deg); }

.ts_resultTicketNextprevItemPrevbtn::before {
  margin-left: -3px;
  transform: translate(-50%, -50%) rotate(135deg); }

/* おトクなきっぷ詳細 */
.ts_detailW.bg-gray {
  background-color: #f5f5f5; }

.ts_detailW-inner {
  width: 100%;
  height: auto;
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  padding-bottom: 25px; }
  @media print, screen and (min-width: 750px) {
    .ts_detailW-inner {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (min-width: 750px) {
    .ts_detailW-inner {
      padding-top: 25px; } }
  .ts_detailW-inner.main {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px; }
    .ts_detailW-inner.main .ts_detailTitle {
      order: 2; }
    .ts_detailW-inner.main .ts_detailMainImgW {
      order: 1; }

.ts_detailMainImgW {
  margin: -25px -15px 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_detailMainImgW {
      margin: 0 0 15px; } }
  .ts_detailMainImgW:first-child {
    margin-bottom: 0; }
  .ts_detailMainImgW img {
    width: 100%;
    vertical-align: top; }

.ts_detailTitle {
  font-size: 1.2rem; }

.ts_detailTitle02 {
  font-size: 1.1rem;
  display: flex;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .ts_detailTitle02 {
      font-size: 1.4rem; } }
  .ts_detailTitle02:before {
    content: "";
    display: block;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/sr_ticket_icon_g.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin-right: 6px; }
    @media print, screen and (min-width: 750px) {
      .ts_detailTitle02:before {
        width: 43px;
        height: 43px; } }

.ts_resultTicketOverviewDl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9; }

.ts_resultTicketOverviewDt,
.ts_resultTicketOverviewDd {
  border-bottom: 1px solid #d9d9d9;
  padding: 10px;
  font-size: 0.8rem; }

.ts_resultTicketOverviewDt {
  width: 40%;
  background-color: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketOverviewDt {
      width: 20%; }
      .ts_resultTicketOverviewDt:only-of-type {
        width: 40%; } }

.ts_resultTicketOverviewDd {
  width: 60%;
  border-right: 1px solid #d9d9d9; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketOverviewDd {
      width: 30%; }
      .ts_resultTicketOverviewDd:only-of-type {
        width: 60%; } }

.ts_resultTicketNote {
  margin-top: 5px;
  font-size: 0.8rem;
  text-indent: -1em;
  padding-left: 1em; }

.ts_resultTicketDdTxt {
  line-height: 1.4; }

.ts_resultTicketLinkW {
  margin-top: 5px; }

.ts_resultTicketLink {
  display: inline;
  text-decoration: none; }
  .ts_resultTicketLink::after {
    content: '\3e';
    margin-left: 0.6em;
    line-height: 1.5; }

.ts_resultTicketToggleList {
  margin: 10px 0; }

.ts_resultTicketToggleListTitle {
  margin-top: 1.4em;
  margin-bottom: 0.4em;
  font-weight: bold;
  color: #007a52; }

.ts_resultTicketToggleBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  text-align: center;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  color: #007a52;
  margin: 0;
  padding: 15px;
  cursor: pointer;
  position: relative; }
  .ts_resultTicketToggleBtn::after {
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 9px;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close-green.png) no-repeat left top;
    background-size: 24px 24px; }
  .active + .ts_resultTicketToggleBtn::after {
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open-green.png) no-repeat left top;
    background-size: 24px 24px; }

.ts_resultTicketToggleBtn02 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: auto;
  background: none;
  border: none;
  color: #1a70b2;
  font-size: 1rem;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  outline: none;
  margin: 10px auto 13px;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  .ts_resultTicketToggleBtn02::before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 3px; }
  .active + .ts_resultTicketToggleBtn02::before {
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open-blue.png); }

.ts_resultTicketToggleListSub {
  position: relative;
  list-style-type: disc;
  padding-left: 25px;
  font-size: 0.9rem;
  overflow: hidden; }
  .ts_resultTicketToggleListSub::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.8em;
    background-image: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); }
  .ts_resultTicketToggleListSub.active::after {
    display: none; }

.ts_resultTicketToggleListSubItem {
  margin-bottom: 1em; }

.top_formEntryAcW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 19px;
  padding-bottom: 19px; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAcW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.top_formEntryAcH {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png") no-repeat left bottom;
  background-size: 29px 3px; }
  .top_formEntryAcH span {
    color: #666666;
    font-size: 0.8rem;
    margin-left: 1em; }
    .top_formEntryAcH span.top_formEntryAcH-error {
      display: none; }
      @media print, screen and (min-width: 750px) {
        .top_formEntryAcH span.top_formEntryAcH-error {
          display: inline;
          font-size: 1rem;
          color: #b42700; } }

.top_formEntryAcH-errorSp {
  font-size: 1rem;
  color: #b42700;
  font-weight: bold;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAcH-errorSp {
      display: none; } }

.top_formEntryAcInner {
  width: 100%;
  height: auto;
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAcInner {
      flex-wrap: nowrap;
      justify-content: space-between; } }
  .top_formEntryAcInner.entryStaff {
    flex-wrap: wrap; }

.top_formEntryStaff {
  width: 48%;
  height: auto;
  display: flex;
  margin-right: 52%;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryStaff {
      width: 260px;
      margin-right: calc(100% - 260px); } }

.top_formEntryAdlut {
  width: 46%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlut {
      width: 190px; } }
  .entryStaff .top_formEntryAdlut {
    width: 48%; }
    @media print, screen and (min-width: 750px) {
      .entryStaff .top_formEntryAdlut {
        width: 260px; } }

.top_formEntryChild {
  width: 46%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryChild {
      width: 190px;
      margin-left: 52px; } }
  .entryStaff .top_formEntryChild {
    width: 48%; }
    @media print, screen and (min-width: 750px) {
      .entryStaff .top_formEntryChild {
        width: 260px;
        margin-left: 20px; } }

.top_formEntryAdlutLead {
  width: 3.5rem;
  font-size: 0.8rem; }
  .top_formEntryAdlutLead span {
    display: block;
    font-size: 0.8rem;
    color: #666666; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutLead {
      width: 3em;
      font-size: 1rem; } }
  .entryStaff .top_formEntryAdlutLead {
    width: 4.5rem;
    margin-right: 0; }
    @media print, screen and (min-width: 750px) {
      .entryStaff .top_formEntryAdlutLead {
        width: 9rem; } }

.top_formEntryChildLead {
  width: 3.5rem;
  font-size: 0.8rem; }
  .top_formEntryChildLead span {
    display: block;
    font-size: 0.8rem;
    color: #666666; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryChildLead {
      width: 3em;
      font-size: 1rem; } }
  .entryStaff .top_formEntryChildLead {
    width: 4.5rem; }
    @media print, screen and (min-width: 750px) {
      .entryStaff .top_formEntryChildLead {
        width: 9rem;
        padding-right: 1em;
        text-align: right; } }

.top_formEntryAdlutInputW {
  margin-left: 5px;
  /*	width:calc(100% - 3.5rem);*/
  width: 50%;
  /*	@include pc {
  		width:calc(100% - 5em - 100px);
  	}*/ }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutInputW {
      /*width:calc(100% - 3em - 20px);*/
      width: 80px; } }
  .entryStaff .top_formEntryAdlutInputW {
    width: calc(100% - 4.5rem); }
    @media print, screen and (min-width: 750px) {
      .entryStaff .top_formEntryAdlutInputW {
        width: calc(100% - 9em); } }

.top_formEntryChildInputW {
  margin-left: 5px;
  /*	width:calc(100% - 3.5rem);*/
  width: 50%; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryChildInputW {
      /*width:calc(100% - 3em - 20px);*/
      width: 80px; } }
  .entryStaff .top_formEntryChildInputW {
    width: calc(100% - 4.5rem); }
    @media print, screen and (min-width: 750px) {
      .entryStaff .top_formEntryChildInputW {
        width: calc(100% - 9em); } }

.top_formEntryAdlutInput, .top_formEntryChildInput {
  width: 100%; }
  @media print, screen and (min-width: 750px) {
    .entryStaff .top_formEntryAdlutInput,
    .entryStaff .top_formEntryChildInput {
      width: 100%; } }
  .top_formEntryAdlutInput:focus, .top_formEntryChildInput:focus {
    outline: solid 2px #06c; }
  .top_formEntryAdlutInput.input_error, .top_formEntryChildInput.input_error {
    border: 2px solid #b42700;
    background-color: #f9d6d8; }

.top_formEntryAdlutIncW,
.top_formEntryChildIncW {
  width: 30px;
  height: auto;
  display: flex;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutIncW,
    .top_formEntryChildIncW {
      width: 26px; } }

.top_formEntryAdlutIncBtn,
.top_formEntryChildIncBtn {
  width: 30px;
  height: 30px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formacinc_on-icon.png") no-repeat left top;
  background-size: 30px 30px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  outline: none;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutIncBtn,
    .top_formEntryChildIncBtn {
      width: 26px;
      height: 26px;
      background-size: 26px 26px; } }
  .top_formEntryAdlutIncBtn.off,
  .top_formEntryChildIncBtn.off {
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formacinc_off-icon.png") no-repeat left top;
    background-size: 30px 30px;
    cursor: default; }
    @media print, screen and (min-width: 750px) {
      .top_formEntryAdlutIncBtn.off,
      .top_formEntryChildIncBtn.off {
        background-size: 26px 26px; } }

.top_formEntryAdlutDecW,
.top_formEntryChildDecW {
  width: 30px;
  height: auto;
  display: flex;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutDecW,
    .top_formEntryChildDecW {
      margin-right: 20px;
      width: 26px; } }

.top_formEntryAdlutDecBtn,
.top_formEntryChildDecBtn {
  width: 30px;
  height: 30px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formacdec_on-icon.png") no-repeat left top;
  background-size: 30px 30px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  outline: none;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAdlutDecBtn,
    .top_formEntryChildDecBtn {
      width: 26px;
      height: 26px;
      background-size: 26px 26px; } }
  .top_formEntryAdlutDecBtn.off,
  .top_formEntryChildDecBtn.off {
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formacdec_off-icon.png") no-repeat left top;
    background-size: 30px 30px;
    cursor: default; }
    @media print, screen and (min-width: 750px) {
      .top_formEntryAdlutDecBtn.off,
      .top_formEntryChildDecBtn.off {
        background-size: 26px 26px; } }

.top_formEntryAcHelp {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 25px;
  text-align: right;
  font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryAcHelp {
      width: calc(100% - 380px - 52px);
      text-align: left;
      padding-left: 13px; } }
  @media print, screen and (min-width: 750px) {
    .entryStaff .top_formEntryAcHelp {
      width: calc(100% - 520px - 20px); } }

.ts_resultTicketCardList {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #fff; }
  .ts_resultTicketCardList + .ts_resultTicketCardList {
    margin-top: 20px; }

.ts_resultTicketCardListItem {
  border-top: 1px solid #d9d9d9; }
  .ts_resultTicketCardListItem:first-of-type {
    border-top: none; }

.ts_resultTicketCardListItem-inner {
  padding: 25px 15px; }

.top_formEntryStationW {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
  padding-bottom: 55px; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryStationW {
      padding-bottom: 0; } }

.top_formEntryStationNote {
  margin-bottom: 3px;
  width: 100%;
  font-size: 0.75em; }

.top_formEntryGetonW {
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryGetonW {
      width: calc(50% - 40px);
      order: 1; } }

.top_formEntryViaW {
  margin-left: 50px;
  width: calc(100% - 65px);
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryViaW {
      order: 4;
      margin-right: auto;
      margin-left: auto;
      width: 350px; } }

.top_formEntryBtnViaW {
  height: auto;
  margin-top: 15px;
  margin-left: 50px; }
  .top_formEntryBtnViaW button {
    width: 9em;
    padding-left: 24px;
    font-size: 0.9rem;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    outline: none;
    background: none;
    box-sizing: border-box;
    cursor: pointer;
    position: relative; }
    .top_formEntryBtnViaW button::before {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 12px;
      margin-top: auto;
      margin-bottom: auto;
      width: 10px;
      height: 10px;
      background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formplus_green-icon.png") no-repeat left top;
      background-size: 10px 10px; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryBtnViaW {
      width: 100%;
      order: 5;
      margin-left: 0; }
      .top_formEntryBtnViaW button {
        margin-right: auto;
        margin-left: auto;
        width: 7em; } }

.top_formEntryBtnChangeW {
  position: absolute;
  top: calc(50% - 24px);
  left: 15px;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  margin-top: 15px; }
  .top_formEntryBtnChangeW button {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    border: none;
    outline: none;
    background: none;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer; }
    @media print, screen and (min-width: 750px) {
      .top_formEntryBtnChangeW button {
        transform: rotate(90deg); } }
  @media print, screen and (min-width: 750px) {
    .top_formEntryBtnChangeW {
      position: static;
      order: 2;
      margin-right: 0;
      margin-top: 0;
      display: flex;
      align-items: center; } }

.top_formEntryGetoffW {
  width: 100%;
  height: auto;
  margin-top: 15px;
  position: absolute;
  bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryGetoffW {
      position: static;
      width: calc(50% - 40px);
      margin-top: 0;
      order: 3; } }

.top_formEntryInput-text {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative; }
  .top_formEntryInput-text input:focus {
    outline: solid 2px #06c; }
  .top_formEntryInput-text input::-ms-clear {
    visibility: hidden; }
  .top_formEntryInput-text select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(100% - 6em);
    min-height: 40px;
    height: 2rem;
    border: 1px solid #a6a6a6;
    border-radius: 0 5px 5px 0;
    padding: 10px 8px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png") no-repeat right 10px center;
    background-size: 10px 5px;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1; }
    .top_formEntryInput-text select::-ms-expand {
      /* select要素のデザインを無効にする（IE用） */
      display: none; }
    .top_formEntryInput-text select:focus {
      outline: solid 2px #06c; }
    @media print, screen and (min-width: 750px) {
      .top_formEntryInput-text select {
        width: calc(100% - 7em);
        padding: 10px 28px 10px 10px; } }
  @media print, screen and (min-width: 750px) {
    .top_formEntryInput-text.active {
      z-index: 9999; } }
  .top_formEntryInput-text.via {
    width: calc(100% - 10px);
    margin-top: 15px; }
    .top_formEntryInput-text.via label {
      padding: 8px;
      font-size: 0.9rem;
      width: 5.5em;
      border: 1px solid #a6a6a6;
      background: #fff;
      color: #007a52; }
      @media print, screen and (min-width: 750px) {
        .top_formEntryInput-text.via label {
          padding: 8px 8px 8px 8px;
          position: relative;
          				/*&::before {
          					position: absolute;
             					content: "";
             					top: 0;
             					bottom: 0;
             					left: 12px;
             					margin-top: auto;
             					margin-bottom: auto;
             					width: 10px;
             					height: 10px;
             					background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formplus_white-icon.png) no-repeat left top;
             					background-size: 10px 10px;
          				}*/ } }
    .top_formEntryInput-text.via input {
      width: calc(100% - 4.95em);
      padding: 8px;
      font-size: 1.0rem; }
    @media print, screen and (min-width: 750px) {
      .top_formEntryInput-text.via {
        width: 350px; } }
  .top_formEntryInput-text.deleteBtn input {
    padding-right: 35px; }
  .top_formEntryInput-text.deleteBtn > button {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -25px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    border: none;
    outline: none;
    background: none;
    box-sizing: border-box;
    background-color: #a6a6a6;
    border-radius: 50%;
    cursor: pointer; }
    .top_formEntryInput-text.deleteBtn > button::before {
      position: absolute;
      content: "";
      width: 2px;
      height: 12px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #fff;
      transform: rotate(45deg); }
    .top_formEntryInput-text.deleteBtn > button::after {
      position: absolute;
      content: "";
      width: 2px;
      height: 12px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #fff;
      transform: rotate(-45deg); }

/*=========================================
乗車駅降車駅選択時のポップアップ
=========================================*/
.topPuStGeton {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  box-shadow: 0px 0px 1px 0px #cccccc; }
  .topPuStGeton.active {
    display: block;
    top: 100%; }

.topPuStGeton_tabWrapper {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabWrapper {
      height: auto;
      margin-top: 0;
      border: 1px solid #d9d9d9; } }
  .topPuStGeton_tabWrapper h4 {
    position: relative; }
  .topPuStGeton_tabWrapper h4 .close {
    content: '';
    position: relative;
    margin: 1px 0 1px auto;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: #1a70b2; }
    .topPuStGeton_tabWrapper h4 .close::before {
      position: absolute;
      content: "";
      width: 2px;
      height: 12px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #fff;
      transform: rotate(45deg); }
    .topPuStGeton_tabWrapper h4 .close::after {
      position: absolute;
      content: "";
      width: 2px;
      height: 12px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #fff;
      transform: rotate(-45deg); }

.topPuStGeton_tabW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabW {
      max-width: none;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; } }
  .topPuStGeton_tabW li.tab {
    width: 100%;
    height: auto;
    padding-top: 43px; }
    .topPuStGeton_tabW li.tab:last-of-type {
      padding-top: 0; }
    @media print, screen and (min-width: 750px) {
      .topPuStGeton_tabW li.tab {
        padding-top: 46px; } }

.topPuStGeton_tabStInner {
  display: none; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStInner {
      padding-left: 15px;
      padding-right: 15px; } }
  .active + .topPuStGeton_tabStInner {
    display: block; }

.topPuStGeton_tabStH-st {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 50%;
  width: 50%;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStH-st {
      width: 50%;
      height: 46px;
      border-radius: 0;
      left: 0;
      border-top: none;
      border-left: none; } }
  .topPuStGeton_tabStH-st.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .topPuStGeton_tabStH-st.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 8em;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .topPuStGeton_tabStH-st.active::before {
          width: 100px; } }

.topPuStGeton_tabStH-for {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 50%;
  width: 50%;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStH-for {
      width: 50%;
      height: 46px;
      border-radius: 0;
      left: 50%;
      border-top: none;
      border-right: none; } }
  .topPuStGeton_tabStH-for.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .topPuStGeton_tabStH-for.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 8em;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .topPuStGeton_tabStH-for.active::before {
          width: 100px; } }

.topPuStGeton_tabStFormGeton {
  padding-top: 15px; }

.topPuStGeton_tabStFormGetonLead {
  font-size: 0.8rem;
  color: #666666; }

.topPuStGeton_tabStFormGetonW {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStFormGetonW {
      display: none; } }

.topPuStGeton_tabStRecent {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.topPuStGeton_tabStRecentHeader {
  width: 100%;
  height: auto;
  font-size: 1rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStRecentHeader {
      font-size: 0.8rem;
      font-weight: normal; } }

.topPuStGeton_tabStRecentListW {
  width: 100%;
  height: auto;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStRecentListW {
      margin-top: 10px; } }

.topPuStGeton_tabStRecentList {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStRecentList {
      overflow-y: auto;
      height: 100%;
      border: none;
      background: none; } }
  .topPuStGeton_tabStRecentList li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d9d9d9;
    color: #1a70b2;
    font-weight: bold;
    font-size: 0.9rem; }
    .topPuStGeton_tabStRecentList li:last-of-type {
      border-bottom: none; }
    @media print, screen and (min-width: 750px) {
      .topPuStGeton_tabStRecentList li {
        border: none; } }

.topPuStGeton_tabStRecentListBtn {
  width: 100%;
  height: auto;
  display: block;
  padding: 12px;
  text-align: left;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStRecentListBtn {
      padding: 8px 0; } }
  .topPuStGeton_tabStRecentListBtn.more {
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .topPuStGeton_tabStRecentListBtn.more {
        color: #1a70b2;
        padding-top: 10px;
        padding-bottom: 10px; } }

.topPuStGeton_tabStForInner {
  display: none; }
  .active .topPuStGeton_tabStForInner {
    display: block; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForInner {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 10px; } }

.topPuStGeton_tabStForStname {
  padding-top: 15px; }

.topPuStGeton_tabStForStnameLead {
  font-size: 1.0rem;
  font-weight: bold;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForStnameLead {
      font-size: 0.8rem;
      font-weight: normal; } }

.topPuStGeton_tabStForSelect {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.topPuStGeton_tabStForSelectHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  font-size: 1rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForSelectHeader {
      font-size: 0.8rem;
      font-weight: normal; } }

.topPuStGeton_tabStForSelectListW {
  width: 100%;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForSelectListW {
      max-height: 360px;
      margin-top: 10px;
      overflow-y: auto; } }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForStname + .topPuStGeton_tabStForSelect .topPuStGeton_tabStForSelectListW {
      height: 325px; } }

.topPuStGeton_tabStForSelectList {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow-y: scroll; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForSelectList {
      border: none;
      background: none;
      overflow-y: auto; } }
  .topPuStGeton_tabStForSelectList li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d9d9d9;
    color: #1a70b2;
    font-weight: bold;
    font-size: 0.9rem; }
    .topPuStGeton_tabStForSelectList li:last-of-type {
      border-bottom: none; }
    @media print, screen and (min-width: 750px) {
      .topPuStGeton_tabStForSelectList li {
        border: none; } }

.topPuStGeton_tabStForSelectListBtn {
  width: 100%;
  height: auto;
  display: block;
  padding: 12px;
  text-align: left;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGeton_tabStForSelectListBtn {
      padding: 8px 0; } }
  .topPuStGeton_tabStForSelectListBtn.more {
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .topPuStGeton_tabStForSelectListBtn.more {
        color: #a6a6a6;
        padding-top: 10px;
        padding-bottom: 10px; } }

.topPuStGetoff {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  box-shadow: 0px 0px 1px 0px #cccccc; }
  .topPuStGetoff.active {
    display: block;
    top: 100%; }

.topPuStGetoff_tabWrapper {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabWrapper {
      height: auto;
      margin-top: 0;
      border: 1px solid #d9d9d9; } }
  .topPuStGetoff_tabWrapper h4 {
    position: relative; }
  .topPuStGetoff_tabWrapper h4 .close {
    content: '';
    position: relative;
    margin: 1px 0 1px auto;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: #1a70b2; }
    .topPuStGetoff_tabWrapper h4 .close::before {
      position: absolute;
      content: "";
      width: 2px;
      height: 12px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #fff;
      transform: rotate(45deg); }
    .topPuStGetoff_tabWrapper h4 .close::after {
      position: absolute;
      content: "";
      width: 2px;
      height: 12px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #fff;
      transform: rotate(-45deg); }

.topPuStGetoff_tabW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabW {
      max-width: none;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; } }
  .topPuStGetoff_tabW li.tab {
    width: 100%;
    height: auto;
    padding-top: 43px; }
    .topPuStGetoff_tabW li.tab:last-of-type {
      padding-top: 0; }
    @media print, screen and (min-width: 750px) {
      .topPuStGetoff_tabW li.tab {
        padding-top: 46px; } }

.topPuStGetoff_tabStInner {
  display: none; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStInner {
      padding-left: 15px;
      padding-right: 15px; } }
  .active + .topPuStGetoff_tabStInner {
    display: block; }

.topPuStGetoff_tabStH-st {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 50%;
  width: 50%;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStH-st {
      width: 50%;
      height: 46px;
      border-radius: 0;
      left: 0;
      border-top: none;
      border-left: none; } }
  .topPuStGetoff_tabStH-st.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .topPuStGetoff_tabStH-st.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 8em;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .topPuStGetoff_tabStH-st.active::before {
          width: 100px; } }

.topPuStGetoff_tabStH-for {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 50%;
  width: 50%;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStH-for {
      width: 50%;
      height: 46px;
      border-radius: 0;
      left: 50%;
      border-top: none;
      border-right: none; } }
  .topPuStGetoff_tabStH-for.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .topPuStGetoff_tabStH-for.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 8em;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .topPuStGetoff_tabStH-for.active::before {
          width: 100px; } }

.topPuStGetoff_tabStFormGeton {
  padding-top: 15px; }

.topPuStGetoff_tabStFormGetonLead {
  font-size: 0.8rem;
  color: #666666; }

.topPuStGetoff_tabStFormGetonW {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStFormGetonW {
      display: none; } }

.topPuStGetoff_tabStRecent {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.topPuStGetoff_tabStRecentHeader {
  width: 100%;
  height: auto;
  font-size: 1rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStRecentHeader {
      font-size: 0.8rem;
      font-weight: normal; } }

.topPuStGetoff_tabStRecentListW {
  width: 100%;
  height: auto;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStRecentListW {
      margin-top: 10px; } }

.topPuStGetoff_tabStRecentList {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStRecentList {
      border: none;
      background: none; } }
  .topPuStGetoff_tabStRecentList li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d9d9d9;
    color: #1a70b2;
    font-weight: bold;
    font-size: 0.9rem; }
    .topPuStGetoff_tabStRecentList li:last-of-type {
      border-bottom: none; }
    @media print, screen and (min-width: 750px) {
      .topPuStGetoff_tabStRecentList li {
        border: none; } }

.topPuStGetoff_tabStRecentListBtn {
  width: 100%;
  height: auto;
  display: block;
  padding: 12px;
  text-align: left;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStRecentListBtn {
      padding: 8px 0; } }
  .topPuStGetoff_tabStRecentListBtn.more {
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .topPuStGetoff_tabStRecentListBtn.more {
        color: #1a70b2;
        padding-top: 10px;
        padding-bottom: 10px; } }

.topPuStGetoff_tabStForInner {
  display: none; }
  .active .topPuStGetoff_tabStForInner {
    display: block; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStForInner {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 10px; } }

.topPuStGetoff_tabStForStname {
  padding-top: 15px; }

.topPuStGetoff_tabStForStnameLead {
  font-size: 0.8rem;
  color: #666666; }

.topPuStGetoff_tabStForSelect {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.topPuStGetoff_tabStForSelectHeader {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  font-size: 1rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStForSelectHeader {
      font-size: 0.8rem;
      font-weight: normal; } }

.topPuStGetoff_tabStForSelectListW {
  width: 100%;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStForSelectListW {
      max-height: 360px;
      margin-top: 10px;
      overflow-y: auto; } }

.topPuStGetoff_tabStForSelectList {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow-y: scroll; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStForSelectList {
      border: none;
      background: none;
      overflow-y: auto; } }
  .topPuStGetoff_tabStForSelectList li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d9d9d9;
    color: #1a70b2;
    font-weight: bold;
    font-size: 0.9rem; }
    .topPuStGetoff_tabStForSelectList li:last-of-type {
      border-bottom: none; }
    @media print, screen and (min-width: 750px) {
      .topPuStGetoff_tabStForSelectList li {
        border: none; } }

.topPuStGetoff_tabStForSelectListBtn {
  width: 100%;
  height: auto;
  display: block;
  padding: 12px;
  text-align: left;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .topPuStGetoff_tabStForSelectListBtn {
      padding: 8px 0; } }
  .topPuStGetoff_tabStForSelectListBtn.more {
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .topPuStGetoff_tabStForSelectListBtn.more {
        color: #a6a6a6;
        padding-top: 10px;
        padding-bottom: 10px; } }

.top_formEntryDateSelectW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryDateSelectW {
      flex-wrap: nowrap;
      justify-content: flex-start;
      position: relative; } }
  @media print, screen and (min-width: 750px) {
    .top_formEntryDateSelectW.alignLeft {
      justify-content: flex-start; } }
  @media print, screen and (min-width: 750px) {
    .top_formEntryDateSelectW.alignLeft .top_formEntryDateSelectRtH {
      margin-right: 8px; } }
  @media print, screen and (min-width: 750px) {
    .top_formEntryDateSelectW.alignLeft .top_formEntryDateSelectCalendar {
      margin-left: 12px; } }

.top_formEntryDateSelectDate {
  width: calc(100% - 60px); }
  @media print, screen and (min-width: 750px) {
    .top_formEntryDateSelectDate {
      max-width: 330px;
      width: 100%; }
      .top_formEntryDateTabRoundtrip .top_formEntryDateSelectDate {
        max-width: calc(330px - 3em); } }

.top_formEntryDateSelectDateInput {
  width: 100%;
  height: auto; }
  .top_formEntryDateSelectDateInput:focus {
    outline: solid 2px #06c; }

.top_formEntryDateSelectCalendar {
  width: 45px;
  height: auto;
  display: flex;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .top_formEntryDateSelectCalendar {
      margin-left: 15px; } }

.top_formEntryDateSelectCalendarBtn {
  width: 45px;
  height: 46px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  box-sizing: border-box;
  cursor: pointer; }

/*=========================================
日付を選択ポップアップ
=========================================*/
.topPuCalendar-1, .topPuCalendar-2, .topPuCalendar-3 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1500;
  background: #fff;
  transition-duration: .5s;
  overflow: hidden; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar-1, .topPuCalendar-2, .topPuCalendar-3 {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 780px;
      height: auto;
      z-index: 1500;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 19px;
      transition-duration: 0s; } }
  .topPuCalendar-1.active, .topPuCalendar-2.active, .topPuCalendar-3.active {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
    height: 100vh; }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar-1.active, .topPuCalendar-2.active, .topPuCalendar-3.active {
        display: block;
        top: calc(100% + 5px);
        box-shadow: 0 0 2px #bbb;
        height: auto; } }

.topPuCalendar_headerW {
  width: 100%;
  height: auto;
  position: relative; }

.topPuCalendar_header {
  width: 100%;
  height: auto;
  background: #007a52;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 0.9rem;
  font-weight: normal; }

.topPuCalendar_headerBtnClose {
  position: absolute;
  display: block;
  width: 24px;
  height: 100%;
  left: 6px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 0;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
  .topPuCalendar_headerBtnClose::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 9px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 18px;
    background: #fff;
    transform: rotate(45deg); }
  .topPuCalendar_headerBtnClose::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 9px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 18px;
    background: #fff;
    transform: rotate(-45deg); }

.topPuCalendar_wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_wrapper {
      order: 2;
      overflow-y: auto; } }

.topPuCalendar_mainW {
  width: 100%; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainW {
      order: 3;
      overflow-x: scroll;
      overflow-y: auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      width: auto; } }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainW.amonth {
      width: 364px; } }

.topPuCalendar_main {
  width: 100%;
  height: auto; }

.topPuCalendar_mainBox {
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBox {
      min-width: 360px;
      margin-right: 20px; }
      .topPuCalendar_mainBox:last-of-type {
        margin-right: 0; } }
  .topPuCalendar_mainBox:nth-child(n + 2) .topPuCalendar_mainBoxDd-week {
    display: none; }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBox:nth-child(n + 2) .topPuCalendar_mainBoxDd-week {
        display: block; } }

.topPuCalendar_mainBoxDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.topPuCalendar_mainBoxDt {
  display: block;
  width: 100%;
  height: auto;
  font-weight: bold;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 5px;
  order: 2; }
  .topPuCalendar_mainBox:first-of-type .topPuCalendar_mainBoxDt {
    margin-top: 40px; }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBox:first-of-type .topPuCalendar_mainBoxDt {
        margin-top: 20px; } }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBoxDt {
      order: 1;
      margin-right: 0;
      margin-left: 0; } }

.topPuCalendar_mainBoxDd-week {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #d9d9d9;
  order: 1;
  z-index: 20;
  top: 100vh;
  transition-duration: .5s; }
  .topPuCalendar_mainBoxDd-week.fixed {
    position: fixed; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBoxDd-week {
      position: static;
      order: 2;
      padding-left: 0;
      padding-right: 0;
      border-bottom: 0;
      background: none; } }

.topPuCalendar_mainBoxWeekList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }

.topPuCalendar_mainBoxWeekListItem {
  display: block;
  width: calc(100% / 7);
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBoxWeekListItem {
      color: #a6a6a6;
      margin-top: 8px;
      margin-bottom: 8px; } }

.topPuCalendar_mainBoxDd-day {
  display: block;
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 10px;
  margin-top: 7px;
  order: 3; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBoxDd-day {
      padding-left: 0;
      padding-right: 0;
      overflow: hidden; } }

.topPuCalendar_mainBoxDayList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBoxDayList {
      width: 364px; } }
  .topPuCalendar_mainBoxDayList.start1::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 0); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start1::before {
        width: calc(52px * 0); } }
  .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+8) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+8) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+8) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+7) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+7) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+7) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start2::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 1); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start2::before {
        width: calc(52px * 1); } }
  .topPuCalendar_mainBoxDayList.start2 li:nth-of-type(7n+7) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start2 li:nth-of-type(7n+7) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start2 li:nth-of-type(7n+7) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start2 li:nth-of-type(7n+6) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start2 li:nth-of-type(7n+6) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start2 li:nth-of-type(7n+6) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start3::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 2); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start3::before {
        width: calc(52px * 2); } }
  .topPuCalendar_mainBoxDayList.start3 li:nth-of-type(7n+6) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start3 li:nth-of-type(7n+6) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start3 li:nth-of-type(7n+6) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start3 li:nth-of-type(7n+5) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start3 li:nth-of-type(7n+5) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start3 li:nth-of-type(7n+5) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start4::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 3); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start4::before {
        width: calc(52px * 3); } }
  .topPuCalendar_mainBoxDayList.start4 li:nth-of-type(7n+5) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start4 li:nth-of-type(7n+5) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start4 li:nth-of-type(7n+5) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start4 li:nth-of-type(7n+4) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start4 li:nth-of-type(7n+4) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start4 li:nth-of-type(7n+4) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start5::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 4); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start5::before {
        width: calc(52px * 4); } }
  .topPuCalendar_mainBoxDayList.start5 li:nth-of-type(7n+4) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start5 li:nth-of-type(7n+4) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start5 li:nth-of-type(7n+4) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start5 li:nth-of-type(7n+3) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start5 li:nth-of-type(7n+3) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start5 li:nth-of-type(7n+3) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start6::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 5); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start6::before {
        width: calc(52px * 5); } }
  .topPuCalendar_mainBoxDayList.start6 li:nth-of-type(7n+3) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start6 li:nth-of-type(7n+3) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start6 li:nth-of-type(7n+3) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start6 li:nth-of-type(7n+2) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start6 li:nth-of-type(7n+2) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start6 li:nth-of-type(7n+2) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start7::before {
    content: "";
    display: block;
    width: calc(((100vw - 25px) / 7) * 6); }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayList.start7::before {
        width: calc(52px * 6); } }
  .topPuCalendar_mainBoxDayList.start7 li:nth-of-type(7n+2) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start7 li:nth-of-type(7n+2) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start7 li:nth-of-type(7n+2) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start7 li:nth-of-type(7n+1) div {
    color: #1a70b2; }
    .topPuCalendar_mainBoxDayList.start7 li:nth-of-type(7n+1) div a {
      color: #1a70b2; }
      .topPuCalendar_mainBoxDayList.start7 li:nth-of-type(7n+1) div a:hover {
        color: #44a3ec; }
  .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+1) div {
    color: #b42700; }
    .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+1) div a {
      color: #b42700; }
      .topPuCalendar_mainBoxDayList.start1 li:nth-of-type(7n+1) div a:hover {
        color: #44a3ec; }
        .topPuCalendar_mainBoxDayListItem.holiday div {
          color: #b42700 !important; }
          .topPuCalendar_mainBoxDayListItem.holiday div a {
            color: #b42700 !important; }
            .topPuCalendar_mainBoxDayListItem.holiday div a:hover {
              color: #44a3ec !important; }

.topPuCalendar_mainBoxDayListItem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: calc(((100vw - 25px) / 7) - 5px);
  min-height: calc(((100vw - 25px) / 7) - 5px);
  height: auto;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 5px; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_mainBoxDayListItem {
      width: 48px;
      height: 48px;
      min-height: auto;
      margin-right: 4px; } }
  .topPuCalendar_mainBoxDayListItem > div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  .topPuCalendar_mainBoxDayListItem .nonSelect {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: calc(((100vw - 25px) / 7) - 5px);
    min-height: calc(((100vw - 25px) / 7) - 5px);
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_calendarnonselect-bg.png") repeat left top;
    border-radius: 10px;
    color: #a6a6a6; }
    @media print, screen and (min-width: 750px) {
      .topPuCalendar_mainBoxDayListItem .nonSelect {
        width: 48px;
        height: 48px;
        min-height: auto; } }
  .topPuCalendar_mainBoxDayListItem a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
    border: 1px solid #fff; }
    .topPuCalendar_mainBoxDayListItem a:hover {
      color: #44a3ec;
      border: 1px solid #44a3ec;
      border-radius: 10px; }
  .topPuCalendar_mainBoxDayListItem .today {
    display: flex;
    flex-wrap: wrap; /*本日表示のため追加*/
    align-items: center;
    justify-content: center;
    position: relative; } /*本日表示のため追加*/
      .topPuCalendar_mainBoxDayListItem .today .days {
        display: flex;
        width: calc(100% - 20px);
        align-items: center;
        justify-content: center;
        background: #1a70b2;
        color: #fff;
        border-radius: 60%;
        padding: 4px;
        margin-top: -10px; }
        @media print, screen and (min-width: 750px) {
        .topPuCalendar_mainBoxDayListItem .today .days {
        width: calc(100% - 20px); } }
      .topPuCalendar_mainBoxDayListItem .today .todayTxt {
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        top: calc(100% - 1.4em);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-left: auto;
        color: #666666;
        font-weight: normal;
        font-size: 0.7rem; }
  .topPuCalendar_mainBoxDayListItem .before a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative; }
    .topPuCalendar_mainBoxDayListItem .before a .days {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      padding: 6px; }
    .topPuCalendar_mainBoxDayListItem .before a .beforeTxt {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      top: calc(100% - 1.3em);
      left: 0;
      right: 0;
      margin-left: auto;
      margin-left: auto;
      color: #666666;
      font-weight: normal;
      font-size: 0.7rem; }

.topPuCalendar_att {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding: 15px;
  padding-bottom: 30px; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_att {
      order: 1;
      padding-left: 0;
      padding-right: 0; } }

.topPuCalendar_attTxt {
  font-size: 0.8rem; }

.topPuCalendar_attBtn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  .topPuCalendar_attBtn:hover {
    color: #44a3ec; }

.topPuCalendar_scroll {
  display: none; }
  @media print, screen and (min-width: 750px) {
    .topPuCalendar_scroll {
      order: 2;
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; } }

@media print, screen and (min-width: 750px) {
  .topPuCalendar_scrollBtn {
    width: 10em; } }

.ts_resultTicketPayAcW {
  width: 100%;
  height: auto;
  margin-top: 20px; }
  .ts_resultTicketPayAcW:first-child {
    margin-top: 0; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayAcW {
      padding-left: 22%; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayW .ts_resultTicketPayAcW {
      padding-left: 18%; } }

.ts_resultTicketPayAcDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px; }
  .ts_resultTicketPayAcDl:first-of-type {
    margin-top: 0; }

.ts_resultTicketPayAcDt {
  display: block;
  width: 4em;
  height: auto;
  color: #666666;
  margin-right: auto;
  font-size: 0.9rem; }
  .compSeat_confW_2 .ts_resultTicketPayAcDt {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayAcDt {
      font-size: 1rem;
      font-weight: bold; }
      .compSeat_confW_2 .ts_resultTicketPayAcDt {
        font-size: 1rem; } }

.ts_resultTicketPayAcDd-pay {
  display: block;
  width: auto;
  height: auto;
  color: #666666;
  font-size: 0.9rem; }
  .compSeat_confW_2 .ts_resultTicketPayAcDd-pay {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayAcDd-pay {
      font-size: 1rem;
      font-weight: bold; }
      .compSeat_confW_2 .ts_resultTicketPayAcDd-pay {
        font-size: 1rem; } }

.ts_resultTicketPayAcDd-person {
  display: block;
  width: auto;
  height: auto;
  color: #666666;
  font-size: 0.9rem;
  margin-left: 2em;
  position: relative; }
  .compSeat_confW_2 .ts_resultTicketPayAcDd-person {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayAcDd-person {
      font-size: 1rem;
      font-weight: bold; }
      .compSeat_confW_2 .ts_resultTicketPayAcDd-person {
        font-size: 1rem; } }
  .ts_resultTicketPayAcDd-person::before {
    position: absolute;
    display: block;
    content: "\d7";
    width: 1em;
    height: auto;
    top: 0;
    left: -1.5em;
    color: #666666; }

.ts_resultTicketPayAcDd-total {
  display: block;
  width: 5.5em;
  height: auto;
  color: #007a52;
  font-weight: bold;
  font-size: 0.9rem;
  margin-left: 2em;
  position: relative;
  text-align: right; }
  .ts_resultTicketPayAcDd-total::before {
    position: absolute;
    display: block;
    content: "\ff1d";
    width: 1em;
    height: auto;
    top: 0;
    left: -1.5em;
    color: #666666; }
    .compSeat_confW_2 .ts_resultTicketPayAcDd-total::before {
      font-size: 0.8rem;
      width: 1em;
      height: 1em;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
      line-height: 1; }

.ts_resultTicketPayTotalDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #d9d9d9; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayTotalDl {
      padding-left: 22%; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayW .ts_resultTicketPayTotalDl {
      padding-left: 18%; } }

.ts_resultTicketPayTotalDt {
  width: auto;
  height: auto;
  font-weight: bold;
  color: #007a52; }

.ts_resultTicketPayTotalDd {
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: 1.5rem;
  color: #007a52; }

.ts_resultTicketPayPointDl {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayPointDl {
      flex-wrap: nowrap;
      padding-left: 22%; } }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayW .ts_resultTicketPayPointDl {
      padding-left: 18%; } }

.ts_resultTicketPayPointDt {
  font-size: 0.9rem;
  font-weight: bold;
  color: #007a52;
  margin-right: 10px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayPointDt {
      width: auto;
      margin-bottom: 0; } }

.ts_resultTicketPayPointDd {
  display: inline-block;
  height: auto;
  font-weight: bold;
  font-size: 0.8rem;
  background: #fff;
  border: 2px solid #bacc93;
  padding: 2px 15px;
  color: #007a52;
  text-align: center;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ts_resultTicketPayPointDd {
      width: auto;
      font-size: 1rem;
      margin-left: 2rem;
      padding: 1px 15px 3px;
      line-height: 1.1; }
      .ts_resultTicketPayPointDd:first-of-type {
        margin-left: 0; } }
  .ts_resultTicketPayPointDd.bonus::before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\ff0b";
    font-size: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: calc(-0.6rem - 3px);
    color: #007a52; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTicketPayPointDd.bonus::before {
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        left: calc(-1.5rem - 2px); } }
  .ts_resultTicketPayPointDd.total::before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\ff1d";
    font-size: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: calc(-0.6rem - 3px);
    color: #007a52; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTicketPayPointDd.total::before {
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        left: calc(-1.5rem - 2px); } }
  .ts_resultTicketPayPointDd span {
    font-size: 0.5rem; }
    @media print, screen and (min-width: 750px) {
      .ts_resultTicketPayPointDd span {
        font-size: 0.8rem; } }
    .ts_resultTicketPayPointDd span:last-child {
      display: inline-block;
      margin-left: 2px; }

.ts_resultTicketPayBtnW {
  display: flex;
  width: 100%;
  margin-top: 40px; }
  .ts_resultTicketPayBtnW + .ts_resultTicketPayBtnW {
    margin-top: 15px; }

/*=========================================
ページ下部ナビゲーションボタン
=========================================*/
.ts_resultBottomBtn {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .ts_resultBottomBtn {
      margin-top: 0;
      padding-top: 35px; } }

.ts_resultBottomBtnList {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .ts_resultBottomBtnList {
      max-width: 780px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
.ts_resultBottomBtnList:not(:first-child) {
      margin-top: 15px; }

.ts_resultBottomBtnListItem {
  display: block;
  margin-right: 20px; }

/*=========================================
列車の変更ポップアップ
=========================================*/
.subPuCtrain {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background: #f5f5f5;
  transition-duration: .5s; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain {
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
      width: 780px;
      height: calc(100vh - 100px);
      z-index: 9999;
      border-radius: 5px; } }
  .subPuCtrain.active {
    top: 0; }
    @media print, screen and (min-width: 750px) {
      .subPuCtrain.active {
        display: block;
        top: 50px; } }

.subPuCtrain_headerW {
  width: 100%;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain_headerW {
      border-radius: 5px 5px 0 0; } }

.subPuCtrain_header {
  width: 100%;
  height: auto;
  background: #007a52;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 0.9rem;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain_header {
      font-size: 1.2rem;
      padding: 17px 0;
      border-radius: 5px 5px 0 0; } }

.subPuCtrain_headerBtnClose {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 0;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
  .subPuCtrain_headerBtnClose::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg); }
    @media print, screen and (min-width: 750px) {
      .subPuCtrain_headerBtnClose::before {
        left: 30px;
        height: 22px; } }
  .subPuCtrain_headerBtnClose::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg); }
    @media print, screen and (min-width: 750px) {
      .subPuCtrain_headerBtnClose::after {
        left: 30px;
        height: 22px; } }

.subPuCtrain_wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto; }

.subPuCtrain_inner {
  width: 100%;
  height: auto;
  padding: 15px 15px 30px 15px; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain_inner {
      padding: 25px 25px 40px 25px; } }

.subPuCtrain_innerHeader {
  font-weight: bold;
  font-size: 1rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain_innerHeader {
      color: #000; } }

.subPuCtrain_innerLead {
  font-size: 0.8rem;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain_innerLead {
      margin-bottom: 20px; } }

@media print, screen and (min-width: 750px) {
  .tmp_list_normal {
    width: 580px;
    margin-left: auto;
    margin-right: auto; } }
.tmp_list_normal li.active {
  border: 2px solid #007a52;
  background: #e8f0f7;
  margin-top: -1px; }
.subPuCtrain_inner .tmp_list_normal li.active {
  border: none;
  border-bottom: inherit;
  background-color: #fff;
  margin-top: 0;
  color: #a6a6a6; }
  .subPuCtrain_inner .tmp_list_normal li.active * {
    color: #a6a6a6; }

.subPuCtrain_ListLink {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 15px;
  text-decoration: none; }
  .subPuCtrain_ListLink:hover {
    background-color: #e8f0f7;
    color: #1a70b2; }
  li.active .subPuCtrain_ListLink:hover {
    background-color: inherit;
    color: inherit; }

.subPuCtrain_ListLinkTime {
  font-weight: bold; }

.subPuCtrain_ListLinkTrain {
  font-size: 0.8rem;
  color: #000; }
  @media print, screen and (min-width: 750px) {
    .subPuCtrain_ListLinkTrain {
      font-size: 0.7rem; } }

/*=========================================
号車選択ポップアップ
=========================================*/
.subPuCcar {
  /*position: fixed;
  //top: 100%;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index:9999;
  background:$white;
  transition-duration: .5s;
  */
  	/*
  	&.active {
  		top: 0;
  		-webkit-overflow-scrolling: touch;
  		pointer-events: auto;

  		@include pc {
  			display: block;
  			top: 50px;
  		}
  	}*/ }
  @media print, screen and (min-width: 750px) {
    .subPuCcar {
      /*
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;*/
      width: 1000px;
      /*height: calc(100vh - 100px);
      z-index:9999;
      border-radius: 5px;
      transition-duration:0s;*/ } }

.subPuCcar_headerW {
  width: 100%;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_headerW {
      border-radius: 5px 5px 0 0; } }

.subPuCcar_header {
  width: 100%;
  height: auto;
  background: #007a52;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 0.9rem;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_header {
      font-size: 1.2rem;
      padding: 17px 0;
      border-radius: 5px 5px 0 0; } }

.subPuCcar_headerBtnClose {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 0;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
  .subPuCcar_headerBtnClose::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg); }
    @media print, screen and (min-width: 750px) {
      .subPuCcar_headerBtnClose::before {
        left: 30px;
        height: 22px; } }
  .subPuCcar_headerBtnClose::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg); }
    @media print, screen and (min-width: 750px) {
      .subPuCcar_headerBtnClose::after {
        left: 30px;
        height: 22px; } }

.subPuCcar_wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_wrapper {
      max-height: calc(80vh - 60px);
      height: auto; } }

.subPuCcar_inner {
  width: 100%;
  height: 100%;
  /*	padding: 0 0 30px 0;*/ }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_inner {
      padding: 0; } }

.subPuCcar_innerLeadW {
  padding: 15px; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerLeadW {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 15px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      background: #fff; } }

.subPuCcar_innerbackLink {
  font-size: 0.8rem; }
  @media print, screen and (max-width: 749px) {
    .subPuCcar_innerbackLink .tmp_btn_icon-back {
      min-width: 80px; } }

.subPuCcar_innerLeadTxt {
  font-size: 1rem;
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerLeadTxt {
      margin-bottom: 0; } }

.subPuCcar_innerMainW {
  padding: 30px 15px 15px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerMainW {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 30px;
      background: #fff;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      min-height: 27rem; } }

.subPuCcar_innerMainFromW {
  display: block;
  text-align: center; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerMainFromW {
      text-align: left;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      position: relative; }
      .subPuCcar_innerMainFromW:last-of-type {
        text-align: right; } }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerMainFromW button {
      margin-right: auto;
      margin-left: 50px; } }
  .subPuCcar_innerMainFromW span {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    padding: 4px 0;
    font-weight: bold; }
    .subPuCcar_innerMainFromW span.for::after {
      width: 1em;
      height: auto;
      content: "↑"; }
      @media print, screen and (min-width: 750px) {
        .subPuCcar_innerMainFromW span.for::after {
          content: none; } }
    @media print, screen and (min-width: 750px) {
      .subPuCcar_innerMainFromW span.for::before {
        width: 1em;
        height: auto;
        content: "←"; } }

.subPuCcar_innerTabW {
  width: 100%;
  margin-top: 20px; }

.subPuCcar_innerTabWlist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerTabWlist {
      flex-wrap: nowrap; } }

.subPuCcar_innerTabWlistItem {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 5px; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerTabWlistItem {
      width: auto; } }
  .subPuCcar_innerTabWlistItem:nth-child(3n) {
    margin-right: 0; }
    @media print, screen and (min-width: 750px) {
      .subPuCcar_innerTabWlistItem:nth-child(3n) {
        margin-right: 2%; } }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerTabWlistItem:last-of-type {
      margin-right: 0; } }

.subPuCcar-helpLink {
  width: auto;
  font-size: 0.8rem;
  text-align: right;
  margin-top: 18px; }

.subPuCcar_attBtn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer;
  padding-right: 0;
  margin-right: 8px; }
  .subPuCcar_attBtn:hover {
    color: #44a3ec; }

.subPuCcar_innerList {
  width: 100%;
  height: auto;
  margin-top: 4px;
  margin-bottom: 25px;
  border: 1px solid #d9d9d9;
  border-radius: 5px; }

.subPuCcar_innerListItem {
  width: 100%;
  height: auto; }
  .subPuCcar_innerListItem.active .subPuCcar_ListLink {
    border: 2px solid #007a52;
    padding: 9px 11px;
    background: #f2f9f2; }
  .subPuCcar_innerListItem.inactive .subPuCcar_ListLinkSeat {
    flex-direction: row;
    align-items: center; }
  .subPuCcar_innerListItem.inactive .subPuCcar_ListLinkSeat-icon {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto; }
    .subPuCcar_innerListItem.inactive .subPuCcar_ListLinkSeat-icon img {
      opacity: 0.4; }
  .subPuCcar_innerListItem.inactive .subPuCcar_ListLink {
    color: #a6a6a6;
    height: 100%; }
    .subPuCcar_innerListItem.inactive .subPuCcar_ListLink:hover {
      cursor: default;
      background: #fff;
      padding: 9px 12px; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerListItem {
      width: 700px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 33px; } }

.subPuCcar_innerListDl {
  display: block;
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerListDl {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start; } }

.subPuCcar_innerListDt {
  display: block;
  width: 100%;
  height: auto;
  color: #007a52;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerListDt {
      width: 55px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-right: 20px; } }

.subPuCcar_innerListDd {
  display: block;
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_innerListDd {
      width: 580px;
      margin-top: 0; } }

.subPuCcar_ListLink {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 64px;
  height: auto;
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
  padding: 10px 12px;
  text-decoration: none; }
  .subPuCcar_ListLink:hover {
    background: #e8f0f7; }
  .subPuCcar_innerListItem:first-of-type .subPuCcar_ListLink {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .subPuCcar_innerListItem:last-of-type .subPuCcar_ListLink {
    border-bottom: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

.subPuCcar_ListLinkSeat {
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  min-width: 5em; }

.subPuCcar_ListLinkSeat-icon {
  display: block;
  width: 22px;
  height: 22px;
  margin-left: 5px; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_ListLinkSeat-icon {
      top: 3px;
      bottom: auto; } }

.subPuCcar_ListLinkSeat-name {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 0.9rem; }
  .subPuCcar_ListLinkSeat-name span {
    font-size: 1.2rem; }
  .inactive .subPuCcar_ListLinkSeat-name {
    color: #a6a6a6; }

.subPuCcar_ListLinkSeat-rest {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 4rem;
  padding-left: 5px;
  color: #000;
  font-size: 0.9rem;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .subPuCcar_ListLinkSeat-rest {
      margin-top: 3px;
      padding-left: 5px;
      font-size: 0.8rem; } }
  .subPuCcar_ListLinkSeat-rest img {
    margin-left: 3px; }

.subPuCcar_ListLinkSpec {
  width: auto;
  margin-right: auto;
  border-left: 1px solid #d9d9d9;
  margin-left: 10px;
  padding-left: 7px;
  flex: 1; }

.subPuCcar_ListLinkSpecList {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.subPuCcar_ListLinkSpecListItem {
  width: 22px;
  height: 22px;
  margin: 3px; }

.subPuCcar_innerW {
  position: relative; }

.subPuCcarPc_innerList {
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 20px;
  padding: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #f5f5f5; }
  .subPuCcarPc_innerList:first-of-type {
    margin-top: 12px; }

.subPuCcarPc_innerList2nd {
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 20px;
  padding: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #f5f5f5;
  margin-left: auto; }

.subPuCcarPc_innerListItem {
  width: 98px;
  height: auto;
  margin-right: 5px; }
  .subPuCcarPc_innerListItem:last-of-type {
    margin-right: 0; }

.subPuCcarPc_innerListItemLink {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  text-decoration: none; }
  .subPuCcarPc_innerListItemLink.active {
    cursor: default;
    border: 2px solid #007a52;
    background: #f2f9f2; }
  .subPuCcarPc_innerListItemLink.inactive {
    opacity: 0.4; }
    .subPuCcarPc_innerListItemLink.inactive:hover {
      background: #fff; }
  .subPuCcarPc_innerListItemLink:hover {
    background: #f2f9f2; }

.subPuCcarPc_innerTrainW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  margin-top: 15px; }

.subPuCcarPc_innerTrainNum {
  width: auto;
  font-size: 0.8rem;
  color: #000;
  line-height: 1; }

.subPuCcarPc_innerTrainSeat {
  width: auto;
  line-height: 1;
  margin-left: 5px;
  	/*
  	&.reserve::before {
  		position: absolute;
  		content: "";
  		width: 12px;
  		height: 12px;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		margin-top: auto;
  		margin-bottom: auto;
  		background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_reserve-icon.png) no-repeat left top;
  		background-size: 12px 12px;
  	}

  	&.green::before {
  		position: absolute;
  		content: "";
  		width: 12px;
  		height: 12px;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		margin-top: auto;
  		margin-bottom: auto;
  		background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_green-icon.png) no-repeat left top;
  		background-size: 12px 12px;
  	}

  	&.granclass::before {
  		position: absolute;
  		content: "";
  		width: 12px;
  		height: 12px;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		margin-top: auto;
  		margin-bottom: auto;
  		background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png) no-repeat left top;
  		background-size: 12px 12px;
  	}
  	*/ }

.subPuCcarPc_innerTrainSeatRest {
  width: 100%;
  padding: 6px 0 5px;
  border-top: 1px solid #d9d9d9;
  margin-top: auto; }

.subPuCcarPc_innerTrainSeatRest-text {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  color: #000;
  font-size: 0.8rem; }
  .subPuCcarPc_innerTrainSeatRest-text img {
    margin-left: 5px; }

.subPuCcarPc_innerTrainSpec {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 14px 0 8px;
  padding: 0 8px; }

.subPuCcarPc_innerTrainSpecForwardList {
  width: 21px;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start; }

.subPuCcarPc_innerTrainSpecForwardListItem {
  width: 21px;
  height: 21px;
  margin-bottom: 2px; }
  .subPuCcarPc_innerTrainSpecForwardListItem:last-of-type {
    margin-bottom: 0; }

.subPuCcarPc_innerTrainSpecBackwardList {
  width: 21px;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start; }

.subPuCcarPc_innerTrainSpecBackwardListItem {
  width: 21px;
  height: 21px;
  margin-bottom: 2px; }
  .subPuCcarPc_innerTrainSpecBackwardListItem:last-of-type {
    margin-bottom: 0; }

/*=========================================
個別発券用QRコードの共有
=========================================*/
.qrShare_titleW {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media print, screen and (min-width: 750px) {
    .qrShare_titleW {
      margin-bottom: 15px; } }

.qrShare_title {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_title {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      font-size: 1.8rem;
      padding-top: 15px;
      padding-bottom: 15px; } }

.qrShare_formTrain {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 40px; } }

.qrShare_formComp {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_formComp {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 40px; } }

.qrShare_formComp-inner {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: #fff; }

.qrShare_formReadNote {
  width: 100%; }

.qrShare_formReadHelpW {
  width: 100%;
  text-align: right;
  font-size: 0.8rem; }

.qrShare_formTrainDate {
  font-size: 1.5rem;
  font-weight: bold; }
  .qrShare_formTrainDate span {
    font-size: 1rem; }
  .qrShare_formTrainDate.padL_42 {
    padding-left: 42px; }

.qrShare_titleReslut {
  width: 100%;
  height: auto;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_titleReslut {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.qrShare_titleReslutSt {
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .qrShare_titleReslutSt {
      width: auto; } }

.qrShare_titleReslutStName {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .qrShare_titleReslutStName {
      margin-bottom: 5px; } }

.qrShare_titleReslutStNameGeton dl,
.qrShare_titleReslutStNameGetoff dl {
  width: 100%;
  height: auto; }
.qrShare_titleReslutStNameGeton dt,
.qrShare_titleReslutStNameGetoff dt {
  font-weight: bold; }
.qrShare_titleReslutStNameGeton dd,
.qrShare_titleReslutStNameGetoff dd {
  font-weight: bold;
  font-size: 1.5rem; }
  .qrShare_titleReslutStNameGeton dd span,
  .qrShare_titleReslutStNameGetoff dd span {
    font-size: 1rem; }

.qrShare_titleReslutStNameGeton {
  width: auto;
  height: auto; }

.qrShare_titleReslutStNameGetoff {
  width: auto;
  margin-left: 1em;
  padding-left: 2em;
  height: auto;
  position: relative; }
  .qrShare_titleReslutStNameGetoff::before {
    position: absolute;
    bottom: 0.5em;
    left: 0;
    width: 1em;
    height: 1em;
    content: "→"; }

.qrShare_titleReslutSub {
  width: 100%;
  height: auto;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_titleReslutSub {
      width: auto; } }

.qrShare_titleReslutStTime {
  font-size: 0.9rem; }

.qrShare_trainW {
  width: 100%;
  height: auto; }

.qrShare_trainList {
  width: 100%;
  height: auto;
  margin-top: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  overflow: hidden; }

.qrShare_trainListItem {
  width: 100%;
  height: auto;
  padding: 20px 15px;
  background: #fff; }
  .qrShare_trainListItem:last-of-type {
    margin-bottom: 0; }
  .qrShare_trainListItem + .qrShare_trainListItem {
    border-top: 1px solid #d9d9d9; }
  .qrShare_trainListItem .tmp_form_1col_text-input-nonlabel {
    min-height: 50px; }

.qrShare_trainListHeader {
  display: flex;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }
  .qrShare_trainListHeader ~ .qrShare_trainListHeader {
    margin-top: 40px; }
  .qrShare_trainListHeader .unregistered {
    margin-left: 1em;
    padding: 2px 15px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: #007a52;
    color: #fff;
    font-size: 0.7rem;
    font-weight: normal;
    text-align: center; }

.qrShare_formTrainInfoIcon {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin: 10px -5px; }
  .qrShare_formTrainInfoIcon:first-child {
    margin-top: -5px; }
  .qrShare_formTrainInfoIcon li {
    margin: 5px;
    border-radius: 5px;
    padding: 2px 15px;
    text-align: center;
    font-size: 0.7rem; }
    .qrShare_formTrainInfoIcon li.train {
      border: 1px solid #563d34;
      background-color: #563d34;
      color: #fff; }
    .qrShare_formTrainInfoIcon li.return {
      border: 1px solid #000;
      background-color: #000;
      color: #fff; }
    .qrShare_formTrainInfoIcon li.ticketed {
      border: 1px solid #d9d9d9;
      background-color: #b42700;
      color: #fff; }
    .qrShare_formTrainInfoIcon li.unregistered {
      border: 1px solid #d9d9d9;
      background-color: #007a52;
      color: #fff; }

.qrShare_trainOverview {
  display: flex;
  margin-bottom: 25px;
  font-size: 0.9rem;
  line-height: 1.5; }
  @media print, screen and (min-width: 750px) {
    .qrShare_trainOverview {
      font-size: 1rem; } }
  .qrShare_trainOverview:last-child {
    margin-bottom: 0; }
  .qrShare_trainOverview dt {
    min-width: 4.5em;
    font-weight: bold; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainOverview dt {
        min-width: 5em; } }
  .qrShare_trainOverview dd {
    min-width: calc(100% - 4.5em); }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainOverview dd {
        min-width: calc(100% - 5em); } }
  .qrShare_trainOverview + .qrShare_trainOverview {
    margin-top: -16px; }

.qrShare_trainListName {
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: bold;
  padding-left: 20px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .qrShare_trainListName {
      font-size: 1rem;
      padding-left: 28px; } }
  .qrShare_trainListName.shinkansen::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 1.5px;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 16px 16px; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainListName.shinkansen::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px; } }
  .qrShare_trainListName.limitedex::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 1.5px;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") left top;
    background-size: 16px 16px; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainListName.limitedex::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px; } }
  .qrShare_trainListName.local {
    padding-left: 0; }

.qrShare_trainListSeatW {
  display: flex;
  flex-wrap: wrap; }

.qrShare_trainListSeatName {
  font-size: 0.9rem;
  font-weight: bold;
  margin-left: 25px;
  padding-left: 32px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .qrShare_trainListSeatName {
      font-size: 1rem;
      padding-left: 28px; } }
.qrShare_trainListSeatName.reserve::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 4px;
    left: 8px; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainListSeatName.reserve::before {
        top: 6px; } }
        .qrShare_trainListSeatName.unreserve::before {
          position: absolute;
          content: "";
          width: 16px;
          height: 16px;
          top: 4px;
          left: 8px; }
          @media print, screen and (min-width: 750px) {
            .qrShare_trainListSeatName.unreserve::before {
              top: 6px; } }
              .qrShare_trainListSeatName.green::before {
                position: absolute;
                content: "";
                width: 16px;
                height: 16px;
                top: 4px;
                left: 8px;
                background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_green-icon.png") no-repeat left top;
                background-size: 16px 16px; }
                @media print, screen and (min-width: 750px) {
                  .qrShare_trainListSeatName.green::before {
                    top: 6px; } }
  .qrShare_trainListSeatName.granclass::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 4px;
    left: 8px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png") no-repeat left top;
    background-size: 16px 16px; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainListSeatName.granclass::before {
        top: 6px; } }
  .qrShare_trainListSeatName.dxgreen::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 4px;
    left: 8px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_dxgreen-icon.png") no-repeat left top;
    background-size: 16px 16px; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainListSeatName.dxgreen::before {
        top: 6px; } }
  .qrShare_trainListSeatName.premiumgreen::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 2px;
    left: 9px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseatspec_pgreen-icon-pc.png") no-repeat left top;
    background-size: 18px 18px; }
    @media print, screen and (min-width: 750px) {
      .qrShare_trainListSeatName.premiumgreen::before {
        top: 4px;
        left: 5px; } }

  .qrShare_trainListSeatName .info {
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 0.6em; }
  @media print, screen and (min-width: 750px) {
    .qrShare_trainListSeatName + .qrShare_trainListSeatnumTxt {
      padding-left: 28px; } }

.qrShare_trainListSeatnumTxt {
  width: calc(100% - 25px);
  margin-left: 25px;
  padding-left: 32px;
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .qrShare_trainListSeatnumTxt {
      font-size: 1rem;
      padding-left: 28px; } }
  .qrShare_trainListSeatnumTxt span {
    font-size: 0.8rem; }

.qrShare_trainListSpecial {
  margin-bottom: 15px; }
  .qrShare_trainListSpecial:last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .qrShare_trainListSpecial {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

.qrShare_trainListSpecialItem {
  font-weight: bold;
  font-size: 0.8rem; }
  .qrShare_trainListSpecialItem.notes {
    color: #b42700; }

.qrShare_trainListSpecialSsHelp {
  text-align: right;
  font-size: 0.8rem; }

.qrShare_formQrSendW {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 0.9rem; }
  .qrShare_formQrSendW.notes {
    color: #b42700; }

.qrShare_formQrSendCheck {
  opacity: 0;
  position: absolute; }
  .qrShare_formQrSendCheck:focus + label {
    outline: 2px solid #06c; }
  .qrShare_formQrSendCheck + label {
    display: block;
    line-height: 1.4;
    padding-left: 25px;
    position: relative; }
    .qrShare_formQrSendCheck + label::before {
      position: absolute;
      content: "";
      width: 18px;
      height: 18px;
      top: 1px;
      left: 0;
      border: 2px solid #626262;
      border-radius: 2px;
      box-sizing: border-box; }
    .qrShare_formQrSendCheck + label span {
      display: block;
      font-size: 0.8rem;
      font-weight: normal;
      margin-top: 0.3em; }
      @media print, screen and (min-width: 750px) {
        .qrShare_formQrSendCheck + label span {
          display: inline-block;
          margin-left: 1em;
          margin-top: 0;
          vertical-align: top; } }
  .qrShare_formQrSendCheck:checked + label::before {
    background-color: #007a52;
    border: none; }
  .qrShare_formQrSendCheck:checked + label::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 7px;
    top: 4px;
    left: 2px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-sizing: border-box; }
  .qrShare_formQrSendCheck:disabled + label {
    color: #a6a6a6; }
    .qrShare_formQrSendCheck:disabled + label::before {
      border-color: #a6a6a6; }
  .qrShare_formQrSendCheck:disabled:checked + label {
    color: #a6a6a6; }
    .qrShare_formQrSendCheck:disabled:checked + label::before {
      background-color: #a6a6a6;
      border: none; }
    .qrShare_formQrSendCheck:disabled:checked + label::after {
      position: absolute;
      content: "";
      width: 14px;
      height: 7px;
      top: 4px;
      left: 2px;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      border-radius: 2px;
      transform: rotate(-45deg);
      box-sizing: border-box; }

.qrShare_formQrSendSelect {
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_formQrSendSelect {
      width: 450px; } }
  .qrShare_formQrSendSelect select {
    border-radius: 5px;
    padding: 12px 5px 12px 20px;
    width: 100%;
    font-size: 1rem;
    min-height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    font-size: 1rem;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png) no-repeat right 10px center;
    background-size: 10px 5px;
    background-color: #fff;
    -webkit-user-select: auto; }
    .qrShare_formQrSendSelect select:focus {
      outline: 2px solid #06c;
      color: inherit !important; }
    .qrShare_formQrSendSelect select .month {
      display: none;
      color: #a6a6a6; }

.qrShare_formQrSendTitle {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: auto;
  display: block;
  /*	color: $black_60per;*/
  font-weight: bold;
  margin-bottom: 10px;
  background-size: 29px 3px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_formQrSendTitle {
      /*		margin-bottom: 5px;*/ } }
  .qrShare_formQrSendTitle:first-of-type {
    margin-top: 0; }
  .qrShare_formQrSendTitle.adult, .qrShare_formQrSendTitle.child {
    margin-left: 30px; }
  .qrShare_formQrSendTitle::before {
    content: '';
    position: absolute;
    top: 3px;
    left: -30px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px; }
  .qrShare_formQrSendTitle.adult::before {
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_adult_icon.png); }
  .qrShare_formQrSendTitle.child::before {
    background-image: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_child_icon.png); }
  .qrShare_formQrSendTitle span {
    font-size: 0.8rem; }

.qrShare_formQrSendInput {
  height: auto; }
  .qrShare_formQrSendInput input:focus {
    outline: 2px solid #06c;
    color: inherit !important; }
  @media print, screen and (min-width: 750px) {
    .qrShare_formQrSendInput {
      width: 8em; } }
  .qrShare_formQrSendInput .tmp_form_1col_text-input-nonlabel {
    padding: 12px 5px 12px 20px; }
  .qrShare_formQrSendInput.email {
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .qrShare_formQrSendInput.email {
        width: 450px; } }
  .qrShare_formQrSendInput .input_error {
    border: 2px solid #b42700;
    background-color: #f9d6d8; }

.qrShare_formQrSendInputError {
  display: block;
  color: #b42700;
  font-weight: bold;
  margin-top: 5px; }

.qrShare_formQrSendComp {
  font-weight: bold;
  word-break: break-all; }

.qrShare_formQrSendSubmitW {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .qrShare_formQrSendSubmitW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      flex-wrap: nowrap;
      padding-top: 40px;
      padding-bottom: 40px; } }

@media print, screen and (min-width: 750px) {
  .qrShare_formQrSendSubmitGo {
    margin-right: auto;
    margin-left: auto;
    width: 54%; } }
.qrShare_formQrSendSubmitGo + .qrShare_formQrSendSubmitGo {
  margin-top: 15px; }

/*=========================================
座席の種類と料金
=========================================*/
.selService_titleW {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media print, screen and (min-width: 750px) {
    .selService_titleW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.selService_titleW100per {
  order: 2; }

.selService_title {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 25px 15px; }
  .selService_title .ckSeat_titleNote {
    display: block;
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .selService_title {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      font-size: 1.8rem;
      padding-top: 15px;
      padding-bottom: 15px; } }

.selService_formTrainInfoIcon {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainInfoIcon {
      max-width: 810px;
      margin-top: -10px;
      margin-left: auto;
      margin-right: auto; } }
  .selService_formTrainInfoIcon li {
    margin: 5px;
    border-radius: 5px;
    padding: 2px 15px;
    text-align: center;
    font-size: 0.7rem; }
    .selService_formTrainInfoIcon li.hope {
      border: 1px solid #d9d9d9;
      background-color: #fff; }
    .selService_formTrainInfoIcon li.train {
      border: 1px solid #563d34;
      background-color: #563d34;
      color: #fff; }

.ckSeat_titleNote {
  margin-top: 5px;
  font-size: 0.8rem; }

.selService_titleReslutW100per {
  order: 1; }

.selService_titleReslut {
  width: 100%;
  height: auto;
  padding: 15px;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .selService_titleReslut {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.selService_titleReslutStName {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.selService_titleReslutStNameGeton {
  width: auto;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .selService_titleReslutStNameGeton {
      min-width: auto; } }

.selService_titleReslutStNameGetoff {
  width: auto;
  margin-left: 1em;
  padding-left: 2em;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .selService_titleReslutStNameGetoff {
      min-width: auto;
      margin-left: 1em; } }
  .selService_titleReslutStNameGetoff::before {
    position: absolute;
    bottom: 0.5em;
    left: 0;
    width: 1em;
    height: 1em;
    content: "→"; }

.selService_titleReslutStNameGeton dl,
.selService_titleReslutStNameGetoff dl {
  width: 100%;
  height: auto; }
.selService_titleReslutStNameGeton dt,
.selService_titleReslutStNameGetoff dt {
  font-weight: bold; }
.selService_titleReslutStNameGeton dd,
.selService_titleReslutStNameGetoff dd {
  font-weight: bold;
  font-size: 1.5rem; }
  .selService_titleReslutStNameGeton dd span,
  .selService_titleReslutStNameGetoff dd span {
    font-size: 1rem; }

.selService_titleReslutStTime {
  font-size: 0.9rem; }

.selService_formGetStW {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0px;
  box-shadow: 0 -1px 0 #e8e8e8;
  position: relative; }
  .selService_formGetStW::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    top: 100%;
    left: 0;
    background: linear-gradient(to bottom, #999999 0%, rgba(187, 187, 187, 0) 100%);
    z-index: 1; }

.selService_formGetonStNameW {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 10px 15px;
  position: relative; }
  .selService_formGetonStNameW.formGeton_layout02 {
    padding: 10px 15px 15px; }
    @media print, screen and (min-width: 750px) {
      .selService_formGetonStNameW.formGeton_layout02 {
        padding-top: 20px;
        padding-bottom: 20px; } }
  .select_service .selService_formGetonStNameW.shinkansen::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: #5faf3e;
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.shinkansen::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.limitedex::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: #1a70b2;
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.limitedex::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.normal::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: #979797;
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.normal::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.shinkansen-limitedex::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: linear-gradient(to bottom, #5faf3e 0%, #5faf3e 50%, #1a70b2 51%);
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.shinkansen-limitedex::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.shinkansen-normal::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: linear-gradient(to bottom, #5faf3e 0%, #5faf3e 50%, #979797 51%);
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.shinkansen-normal::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.limitedex-shinkansen::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: linear-gradient(to bottom, #1a70b2 0%, #1a70b2 50%, #5faf3e 51%);
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.limitedex-shinkansen::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.limitedex-normal::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: linear-gradient(to bottom, #1a70b2 0%, #1a70b2 50%, #979797 51%);
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.limitedex-normal::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.normal-shinkansen::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: linear-gradient(to bottom, #979797 0%, #979797 50%, #5faf3e 51%);
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.normal-shinkansen::after {
        left: 55px; } }
  .select_service .selService_formGetonStNameW.normal-limitedex::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 50%;
    left: 25px;
    bottom: 0;
    background: linear-gradient(to bottom, #979797 0%, #979797 50%, #1a70b2 51%);
    z-index: 2; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formGetonStNameW.normal-limitedex::after {
        left: 55px; } }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonStNameW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 20px;
      padding-bottom: 20px; } }
  .transit .selService_formGetonStNameW::after {
    height: 100%; }
  .getoff .selService_formGetonStNameW::after {
    top: 0; }

.selService_formGetonStOnOff {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  z-index: 3;
  margin-top: 7px;
  margin-bottom: 7px; }
  .selService_formGetonStOnOff span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    background: #fff;
    border: 2px solid #666666;
    border-radius: 3px;
    color: #007a52;
    font-weight: bold;
    line-height: 1;
    position: relative; }
    .transit .selService_formGetonStOnOff span {
      font-size: 0;
      /*			border-radius: 50%;*/
      border-color: #000;
      min-width: 22px;
      min-height: 22px; }
  .geton .selService_formGetonStOnOff span::before {
    content: "発"; }
  .transit .selService_formGetonStOnOff span::before {
    content: "乗換";
    display: none; }
  .getoff .selService_formGetonStOnOff span::before {
    content: "着"; }
  .transit .selService_formGetonStOnOff {
    margin-left: 1px;
    margin-right: 7px; }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonStOnOff {
      margin-left: 30px;
      margin-right: 26px; }
      .transit .selService_formGetonStOnOff {
        margin-left: 31px;
        margin-right: 25px; } }

.selService_formGetonStTime {
  font-size: 0.8rem;
  margin-right: 10px;
  font-weight: bold;
  width: 7rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonStTime {
      width: 8em;
      font-size: 1rem;
      margin-right: 18px; } }

.selService_formGetonStTime-arr {
  color: #666666; }

.selService_formGetonStTime-dep {
  color: #000; }

.selService_conf_box {
  width: 100%;
  height: auto;
  padding: 0 15px 20px; }
  @media print, screen and (min-width: 750px) {
    .selService_conf_box {
      width: 100%;
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.selService_formGetonStNameW {
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-radius: 5px 5px 0 0; }
  .select_service .selService_formGetonStNameW {
    border: none; }

.selService_formGetonStTrW {
  width: calc(100% - 7rem - 42px); }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonStTrW {
      width: auto;
      display: flex;
      flex-wrap: nowrap; } }

.selService_formGetonStName {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.2rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonStName {
      margin-right: 20px;
      font-size: 1.4rem; } }

.selService_formGetonTrW {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  min-height: 20px; }
  .selService_formGetonTrW.shinkansen {
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") no-repeat left top;
    background-size: 20px 20px;
    padding-left: 25px; }
    @media print, screen and (min-width: 750px) {
      .selService_formGetonTrW.shinkansen {
        background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") no-repeat left top;
        background-size: 38px 38px;
        padding-left: 50px; } }
  .selService_formGetonTrW.limitedex {
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon.png") no-repeat left top;
    background-size: 20px 20px;
    padding-left: 25px; }
    @media print, screen and (min-width: 750px) {
      .selService_formGetonTrW.limitedex {
        background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") no-repeat left top;
        background-size: 38px 38px;
        padding-left: 50px; } }

.selService_formGetonTrWName {
  font-weight: bold;
  line-height: 1.3;
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonTrWName {
      font-size: 1.1rem; } }

.selService_formGetonTrWRoute {
  line-height: 1.3;
  color: #666666;
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formGetonTrWRoute {
      font-size: 0.75rem; } }

.selService_formTrain {
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0 0 5px 5px;
  padding: 20px 15px 15px 15px;
  position: relative; }
  .select_service .selService_formTrain {
    background: none;
    border: none;
    padding: 20px 15px 40px 43px; }
    @media print, screen and (min-width: 750px) {
      .select_service .selService_formTrain {
        padding-left: 95px; } }
    .select_service .selService_formTrain.shinkansen::after {
      content: "";
      position: absolute;
      width: 4px;
      height: 100%;
      left: 25px;
      bottom: 0;
      background: #5faf3e;
      z-index: 1; }
      @media print, screen and (min-width: 750px) {
        .select_service .selService_formTrain.shinkansen::after {
          left: 55px; } }
    .select_service .selService_formTrain.limitedex::after {
      content: "";
      position: absolute;
      width: 4px;
      height: 100%;
      left: 25px;
      bottom: 0;
      background: #1a70b2;
      z-index: 1; }
      @media print, screen and (min-width: 750px) {
        .select_service .selService_formTrain.limitedex::after {
          left: 55px; } }
    .select_service .selService_formTrain.normal::after {
      content: "";
      position: absolute;
      width: 4px;
      height: 100%;
      left: 25px;
      bottom: 0;
      background: #979797;
      z-index: 1; }
      @media print, screen and (min-width: 750px) {
        .select_service .selService_formTrain.normal::after {
          left: 55px; } }
  @media print, screen and (min-width: 750px) {
    .selService_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 35px;
      padding-right: 35px;
      padding-bottom: 30px; } }

.selService_formTrainHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }
  .selService_formTrainHeader-discount {
    margin-left: 8px;
    padding: 2px;
    border: 1px solid #2d2a8a;
    border-radius: 3px;
    background-color: #2d2a8a;
    color: #fff;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1;
    text-align: center; }

.selService_formTrainHeader-sub {
  font-size: 0.9rem;
  margin-top: 20px;
  font-weight: bold; }

.selService_formTrainNameNum {
  font-size: 0.9rem; }
  .selService_formTrainNameNum.one::before {
    content: "1";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    margin-right: 5px; }
  .selService_formTrainNameNum.two::before {
    content: "2";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    margin-right: 5px; }

.selService_formTrainName {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 25px;
  padding-left: 32px;
  position: relative; }
  .selService_formTrainName.shinkansen::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 24px 24px; }
  .selService_formTrainName.limitedex::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") left top;
    background-size: 24px 24px; }
  .selService_formTrainName.local {
    padding-left: 0; }

.selService_formTrainInfoW {
  display: block; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainInfoW.activeGreen {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }

.activeGreen .selService_formTrainInfoW-1stW {
  display: block; }
  @media print, screen and (min-width: 750px) {
    .activeGreen .selService_formTrainInfoW-1stW {
      width: calc(100% - 520px); } }

.activeGreen .selService_formTrainInfoW-2ndW {
  display: block; }
  @media print, screen and (min-width: 750px) {
    .activeGreen .selService_formTrainInfoW-2ndW {
      width: 100%; } }

.activeGreen .selService_formTrainInfoGreen {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  background: #fff;
  border-radius: 3px;
  font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .activeGreen .selService_formTrainInfoGreen {
      margin-top: 0; } }

.selService_formTrainInfoGreenHeader {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  color: #000;
  font-weight: bold; }

.selService_formTrainInfoGreenText {
  width: 50%;
  padding: 10px;
  border-right: 1px solid #e8e8e8;
  text-align: center;
  color: #666666; }
  .selService_formTrainInfoGreenText:last-of-type {
    border-right: none; }
  .selService_formTrainInfoGreenText span.title {
    display: block; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainInfoGreenText span.title {
        display: inline; }
        .selService_formTrainInfoGreenText span.title:after {
          content: "："; } }
  .selService_formTrainInfoGreenText span.price {
    display: block; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainInfoGreenText span.price {
        display: inline; } }

.selService_formTrainSubW {
  width: 100%;
  height: auto;
  margin-top: 6px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSubW {
      margin-top: 12px; } }

.selService_formTrainSubHeader {
  width: auto;
  height: auto;
  margin-top: 25px;
  font-size: 0.9rem; }
  .selService_formTrainSubHeader span {
    font-weight: normal;
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSubHeader {
      margin-top: 28px; } }

.selService_formTrainSubHeader-helpLink {
  width: auto;
  font-size: 0.8rem;
  text-align: right; }

.selService_attBtn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer;
  padding-right: 0;
  margin-right: 8px; }
  .selService_attBtn:hover {
    color: #44a3ec; }

.selService_formTrainSubHeaderW-2row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-top: 25px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSubHeaderW-2row {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-end; } }

.selService_formTrainRideSelList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainRideSelList {
      margin-top: 10px; } }

.selService_formTrainRideSelListCheck {
  /* 透明度0 */
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  /* ブラウザのデフォルトのスタイルを削除 */
  -webkit-appearance: none;
  appearance: none;
  /* レイアウトから無視 */
  position: absolute; }
  .selService_formTrainRideSelListCheck + label {
    display: block;
    width: 100%;
    height: auto;
    padding: 9px 81px 9px 9px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    box-sizing: border-box; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainRideSelListCheck + label {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 16px 10px 16px 46px;
        width: calc(50% - 6px); } }
    .selService_formTrainRideSelListCheck + label::before {
      position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      top: 9px;
      left: 9px;
      margin-top: auto;
      margin-bottom: auto;
      border: 2px solid #666666;
      border-radius: 50%; }
      .nonselect .selService_formTrainRideSelListCheck + label::before {
        display: none; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainRideSelListCheck + label::before {
          left: 14px;
          top: 17px;
          margin-top: auto;
          margin-bottom: auto; } }
    .selService_formTrainRideSelListCheck + label.iccard {
      background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_suica-icon.png") no-repeat;
      background-size: 60px 38px;
      background-position: right 9px center;
      background-color: #fff; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainRideSelListCheck + label.iccard {
          padding: 15px 95px 15px 45px; } }
    .selService_formTrainRideSelListCheck + label.ticket {
      background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_ticket-icon.png") no-repeat;
      background-size: 60px 50px;
      background-position: right 9px center;
      background-color: #fff; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainRideSelListCheck + label.ticket {
          padding: 15px 95px 15px 45px; } }
  .selService_formTrainRideSelListCheck:checked + label {
    border: 2px solid #007a52;
    background-color: #f2f9f2;
    cursor: default;
    padding: 8px 80px 8px 8px; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainRideSelListCheck:checked + label {
        padding: 14px 94px 14px 44px; } }
    .selService_formTrainRideSelListCheck:checked + label::before {
      top: 8px;
      left: 8px;
      border: 2px solid #007a52; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainRideSelListCheck:checked + label::before {
          left: 13px;
          top: 16px;
          margin-top: auto;
          margin-bottom: auto; } }
    .selService_formTrainRideSelListCheck:checked + label::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      top: 13px;
      left: 13px;
      margin-top: auto;
      margin-bottom: auto;
      background: #007a52;
      border-radius: 50%; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainRideSelListCheck:checked + label::after {
          left: 18px;
          top: 21px;
          margin-top: auto;
          margin-bottom: auto; } }
    .selService_formTrainRideSelListCheck:checked + label.iccard {
      background-position: right 8px center; }
    .selService_formTrainRideSelListCheck:checked + label.ticket {
      background-position: right 8px center; }
  .selService_formTrainRideSelListCheck:focus + label {
    border: 2px solid #007a52; }
  .nonselect .selService_formTrainRideSelListCheck {
    width: 100%; }

.selService_fareTrain {
  width: 100%;
  height: auto;
  padding: 20px 15px 22px 43px;
  box-shadow: 0 -1px 0 #e8e8e8;
  position: relative; }
  .selService_fareTrain.shinkansen::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    left: 25px;
    bottom: 0;
    background: #5faf3e;
    z-index: 1; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrain.shinkansen::after {
        left: 55px; } }
  .selService_fareTrain.limitedex::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    left: 25px;
    bottom: 0;
    background: #1a70b2;
    z-index: 1; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrain.limitedex::after {
        left: 55px; } }
  .selService_fareTrain.normal::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    left: 25px;
    bottom: 0;
    background: #979797;
    z-index: 1; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrain.normal::after {
        left: 55px; } }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 95px;
      padding-bottom: 37px; } }

.selService_fareTrainHeader {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background-size: 29px 3px; }

.selService_fareTrainResult {
  padding: 10px;
  background-color: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainResult {
      padding: 20px 0; } }

.selService_fareTrainName {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 25px;
  padding-left: 32px;
  position: relative; }
  .selService_fareTrainName.shinkansen::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 24px 24px; }
  .selService_fareTrainName.limitedex::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") left top;
    background-size: 24px 24px; }
  .selService_fareTrainName.local {
    padding-left: 0; }

.selService_fareTrainSubW {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.selService_fareTrainSubHeader {
  width: auto;
  height: auto;
  margin-top: 15px;
  font-size: 0.9rem; }
  .selService_fareTrainSubHeader span {
    font-weight: normal;
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSubHeader {
      margin-top: 28px; } }

.selService_fareTrainSeatSelList {
  width: 100%;
  height: auto;
  background: #fff;
  margin-bottom: 20px; }
  .selService_fareTrainSeatSelList.normalTicket {
    width: calc(100% - 10px);
    margin-top: 15px;
    margin-left: 10px; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrainSeatSelList.normalTicket {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0;
        margin-left: 0; } }
    .selService_fareTrainSeatSelList.normalTicket label {
      border-radius: 3px; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelList.ride {
      width: 322px; } }
  .selService_fareTrainSeatSelList:focus + label {
    border: 2px solid #007a52; }
  @media print, screen and (min-width: 750px) {
    .selService_formNticket .selService_fareTrainSeatSelList {
      margin-top: 10px; } }
  @media print, screen and (min-width: 750px) {
    .selService_formNticket .selService_fareTrainSeatSelList:first-of-type {
      margin-top: 20px; } }

.selService_fareTrainSeatSelListItem {
  width: 100%;
  height: auto;
  margin-top: 18px; }
  .selService_fareTrainSeatSelListItem:first-of-type {
    margin-top: 0; }
  .selService_fareTrainSeatSelListItem:last-of-type .selService_fareTrainSeatSelListItemLink {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #d9d9d9; }
  .selService_fareTrainSeatSelListItem:last-of-type input:checked + .selService_fareTrainSeatSelListItemLink {
    border-bottom: 2px solid #007a52;
    padding-bottom: 8px; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrainSeatSelListItem:last-of-type input:checked + .selService_fareTrainSeatSelListItemLink {
        padding-bottom: 15px; } }
  .selService_fareTrainSeatSelListItem input {
    /* 透明度0 */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    /* ブラウザのデフォルトのスタイルを削除 */
    -webkit-appearance: none;
    appearance: none;
    /* レイアウトから無視 */
    position: absolute; }
    .selService_fareTrainSeatSelListItem input + label {
      cursor: pointer; }
      @media print, screen and (min-width: 750px) {
        .selService_fareTrainSeatSelListItem input + label {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center;
          padding: 16px 10px 16px 46px; } }
      .selService_fareTrainSeatSelListItem input + label::before {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        top: 9px;
        left: 9px;
        border: 2px solid #666666;
        border-radius: 50%; }
        .nonselect .selService_fareTrainSeatSelListItem input + label::before {
          display: none; }
        @media print, screen and (min-width: 750px) {
          .selService_fareTrainSeatSelListItem input + label::before {
            top: 50%;
            left: 14px;
            transform: translateY(-50%); } }
    .selService_fareTrainSeatSelListItem input:checked + label {
      border: 2px solid #007a52;
      background-color: #f2f9f2;
      cursor: default;
      padding: 8px; }
      @media print, screen and (min-width: 750px) {
        .selService_fareTrainSeatSelListItem input:checked + label {
          padding: 15px 9px 15px 45px; } }
      .selService_fareTrainSeatSelListItem input:checked + label::before {
        top: 8px;
        left: 8px;
        border: 2px solid #007a52; }
        @media print, screen and (min-width: 750px) {
          .selService_fareTrainSeatSelListItem input:checked + label::before {
            top: 50%;
            left: 13px; } }
      .selService_fareTrainSeatSelListItem input:checked + label::after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        top: 13px;
        left: 13px;
        background: #007a52;
        border-radius: 50%; }
        @media print, screen and (min-width: 750px) {
          .selService_fareTrainSeatSelListItem input:checked + label::after {
            top: 50%;
            left: 18px;
            transform: translateY(-50%); } }
  .selService_fareTrainSeatSelListItem.ticketSelect .selService_fareTrainSeatSelListItemLink {
    border-radius: 5px;
    padding-left: 15px; }
    .selService_fareTrainSeatSelListItem.ticketSelect .selService_fareTrainSeatSelListItemLink::before {
      content: none; }
    .selService_fareTrainSeatSelListItem.ticketSelect .selService_fareTrainSeatSelListItemLink::after {
      content: none; }

.selService_fareTrainSeatSelListItemLink {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 9px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  box-sizing: border-box; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelListItemLink {
      padding: 15px 9px 15px 45px; } }

.selService_fareTrainSeatSelListItemLink-subText {
  width: 100%;
  display: block;
  text-align: left;
  padding-left: 26px;
  font-size: 0.8rem;
  margin-bottom: 5px; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelListItemLink-subText {
      width: calc(62px + 5rem);
      margin-bottom: 0;
      padding-left: 0; } }

.selService_fareTrainSeatSelListItemLinkSaleW {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding-left: 26px; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelListItemLinkSaleW {
      width: calc(62px + 5rem);
      padding-left: 0; } }

.selService_fareTrainSeatSelSeatAcW {
  display: block;
  width: calc(100% - 26px);
  margin-top: 8px;
  margin-left: 26px; }
  .selService_fareTrainSeatSelSeatAcW:first-child {
    margin-top: 0; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelSeatAcW {
      display: block;
      margin-top: 0;
      margin-left: auto;
      width: calc(100% - 62px - 5rem); } }

.selService_fareTrainSeatSelSeatAcDl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  padding: 10px 12px; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelSeatAcDl {
      align-items: center; } }

.selService_fareTrainSeatSelSeatAcDt-ad {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 1;
  color: #666666;
  font-size: 0.7rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelSeatAcDt-ad {
      width: 3.5em;
      order: 1; } }
  .inactive .selService_fareTrainSeatSelSeatAcDt-ad {
    opacity: 0.4;
    color: #000; }

.selService_fareTrainSeatSelSeatAcDt-cl {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 2;
  color: #666666;
  font-size: 0.7rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelSeatAcDt-cl {
      width: 4em;
      order: 3; } }
  .inactive .selService_fareTrainSeatSelSeatAcDt-cl {
    opacity: 0.4;
    color: #000; }

.selService_fareTrainSeatSelSeatAcDd-ad {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelSeatAcDd-ad {
      width: calc(50% - 3.5em);
      padding-right: 12px;
      justify-content: flex-end;
      align-items: baseline;
      order: 2;
      position: relative; }
      .selService_fareTrainSeatSelSeatAcDd-ad::after {
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100% + 20px);
        right: 0;
        top: -10px;
        background: #fff; } }
  .selService_fareTrainSeatSelSeatAcDd-ad span.price {
    display: block;
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrainSeatSelSeatAcDd-ad span.price {
        display: inline;
        width: auto; } }
  .selService_fareTrainSeatSelSeatAcDd-ad span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    margin-left: 0;
    padding: 2px 0; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrainSeatSelSeatAcDd-ad span.jrepoint {
        display: inline;
        margin-left: 6px;
        min-width: 85px;
        padding: 2px 0;
        text-align: center; } }
    .selService_fareTrainSeatSelSeatAcDd-ad span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .selService_fareTrainSeatSelSeatAcDd-ad {
    opacity: 0.4;
    color: #000; }

.selService_fareTrainSeatSelSeatAcDd-cl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_fareTrainSeatSelSeatAcDd-cl {
      width: calc(50% - 4em);
      justify-content: flex-end;
      align-items: baseline;
      order: 4; } }
  .selService_fareTrainSeatSelSeatAcDd-cl span.price {
    display: block;
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrainSeatSelSeatAcDd-cl span.price {
        display: inline;
        width: auto; } }
  .selService_fareTrainSeatSelSeatAcDd-cl span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    margin-left: 0;
    padding: 2px 0; }
    @media print, screen and (min-width: 750px) {
      .selService_fareTrainSeatSelSeatAcDd-cl span.jrepoint {
        display: inline;
        margin-left: 6px;
        min-width: 85px;
        padding: 2px 0;
        text-align: center; } }
    .selService_fareTrainSeatSelSeatAcDd-cl span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .selService_fareTrainSeatSelSeatAcDd-cl {
    opacity: 0.4;
    color: #000; }

.selService_formTrainRideSelListItem-ic {
  display: block;
  color: #666666;
  font-weight: bold;
  padding-left: 25px;
  font-size: 1em;
  position: relative; }
  .selService_formTrainRideSelListCheck:checked + label .selService_formTrainRideSelListItem-ic {
    color: #007a52; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainRideSelListItem-ic {
      align-items: center;
      width: auto;
      order: 1;
      padding-left: 0; }
      .ride .selService_formTrainRideSelListItem-ic {
        max-width: 100%; } }
  .nonselect .selService_formTrainRideSelListItem-ic {
    padding-left: 0;
    color: #000; }
  .active .selService_formTrainRideSelListItem-ic {
    color: #007a52; }

.selService_formTrainRideSelListItem-ic-small {
  font-size: 0.7rem; }

.selService_formTrainRideSelListItem-lead {
  display: block;
  font-size: 0.75rem;
  line-height: 1.4;
  margin-top: 6px;
  padding-left: 25px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainRideSelListItem-lead {
      width: 100%;
      order: 3;
      padding-left: 0; }
      .nonselect .selService_formTrainRideSelListItem-lead {
        padding-left: 0; } }
  .selService_formTrainRideSelListItem-lead span {
    font-weight: bold; }
    .selService_formTrainRideSelListItem-lead span.strong {
      color: #b42700; }

.selService_formTrainRideSelListItem-text {
  display: block; }

.selService_formTrainRideSelListItemFukidashi {
  position: absolute;
  z-index: 2;
  background: #fae789;
  display: none;
  width: calc(100% + 4px);
  margin-left: -10px;
  top: calc(100% + 8px);
  padding: 12px; }
  .selService_formTrainRideSelListItemFukidashi::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    right: 58px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 27px 27px;
    border-color: transparent transparent #fae789 transparent; }
  .selService_formTrainRideSelListCheck:checked + label .selService_formTrainRideSelListItemFukidashi {
    display: block;
    top: calc(100% + 9px); }
    .selService_formTrainRideSelListCheck:checked + label .selService_formTrainRideSelListItemFukidashi::before {
      right: 56px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainRideSelListItemFukidashi {
      margin-left: -47px; } }

.selService_formTrainRideSelListItemFukidashiList {
  display: block;
  font-size: 0.75rem;
  padding-left: 1em;
  margin-bottom: 0.7em;
  font-weight: normal !important;
  position: relative; }
  .selService_formTrainRideSelListItemFukidashiList:last-of-type {
    margin-bottom: 0; }
  .selService_formTrainRideSelListItemFukidashiList::before {
    content: "・";
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    left: 0; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainRideSelListItemFukidashiList {
      font-size: 0.7rem; } }

.selService_formTrainRideSelListItemFukidashiList-borderWave {
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_textborderwave-icon.png") repeat-x left bottom; }

.selService_formTrainRideSelListItem-jre {
  display: block;
  color: #007a52;
  font-size: 0.7rem;
  border: 2px solid #bacc93;
  line-height: 1;
  margin-top: 5px;
  padding: 4px;
  text-align: center;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainRideSelListItem-jre {
      align-self: center;
      display: flex;
      align-items: center;
      max-width: 50%;
      width: auto;
      order: 2;
      margin-top: 0;
      margin-left: 5px; } }

.selService_formTrainSeatSelHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 18px 9px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  margin-top: 11px;
  background: #fff;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelHeader {
      padding: 12px 20px;
      margin-top: 22px; } }
  .selService_formTrainSeatSelHeader img {
    vertical-align: middle;
    margin-right: 5px; }
  .selService_formTrainSeatSelHeader .selService_formTrainSeatSelHeader-info {
    font-size: 0.9rem;
    margin-left: 0.7em; }
  .selService_formTrainSeatSelHeader.limitedTicket {
    background: #f7f6e2; }
  .selService_formTrainSeatSelHeader.active {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: none; }

.selService_formTrainSeatSelHeaderTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: bold; }

.selService_formTrainSeatSelHeaderBtn {
  font-size: 0.8rem;
  color: #666666;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formacinc_off-icon.png") no-repeat left center;
  background-size: 16px 16px;
  padding-left: 20px; }
  .selService_formTrainSeatSelHeader.active .selService_formTrainSeatSelHeaderBtn {
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formacdec_off-icon.png") no-repeat left center;
    background-size: 16px 16px; }

.selService_formTrainSeatSelList {
  display: none;
  width: 100%;
  height: auto;
  background: #fff; }
  .selService_formTrainSeatSelList.active {
    display: block; }
  .selService_formTrainSeatSelList.normalTicket {
    display: block;
    width: 100%;
    margin-top: 15px; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelList.normalTicket {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0;
        margin-left: 0; } }
    .selService_formTrainSeatSelList.normalTicket label {
      border-radius: 3px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelList.ride {
      width: 322px; } }
  .selService_formTrainSeatSelList:focus + label {
    border: 2px solid #007a52; }
  @media print, screen and (min-width: 750px) {
    .selService_formNticket .selService_formTrainSeatSelList {
      margin-top: 10px; } }
  @media print, screen and (min-width: 750px) {
    .selService_formNticket .selService_formTrainSeatSelList:first-of-type {
      margin-top: 20px; } }

.selService_formTrainSeatSelListItem {
  width: 100%;
  height: auto;
  	/*&:first-of-type .selService_formTrainSeatSelListItemLink {
  		border-top-left-radius: 5px;
  		border-top-right-radius: 5px;

  	}*/ }
  .selService_formTrainSeatSelListItem:last-of-type .selService_formTrainSeatSelListItemLink {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #d9d9d9; }
  .selService_formTrainSeatSelListItem:last-of-type .selService_formTrainSeatSelListItemReserve {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #d9d9d9; }
  .selService_formTrainSeatSelListItem:last-of-type input:checked + .selService_formTrainSeatSelListItemLink {
    border-bottom: 2px solid #007a52;
    padding-bottom: 8px; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItem:last-of-type input:checked + .selService_formTrainSeatSelListItemLink {
        padding-bottom: 15px; } }
  .selService_formTrainSeatSelListItem input {
    /* 透明度0 */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    /* ブラウザのデフォルトのスタイルを削除 */
    -webkit-appearance: none;
    appearance: none;
    /* レイアウトから無視 */
    position: absolute; }
    .selService_formTrainSeatSelListItem input + label {
      display: block;
      width: 100%;
      height: auto;
      padding: 9px;
      border: 1px solid #d9d9d9;
      border-bottom: none;
      background: #fff;
      cursor: pointer;
      position: relative;
      box-sizing: border-box; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainSeatSelListItem input + label {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center;
          padding: 16px 10px 16px 46px; } }
      .selService_formTrainSeatSelListItem input + label::before {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        top: 11px;
        left: 9px;
        margin-top: auto;
        margin-bottom: auto;
        border: 2px solid #666666;
        border-radius: 50%; }
        .nonselect .selService_formTrainSeatSelListItem input + label::before {
          display: none; }
        @media print, screen and (min-width: 750px) {
          .selService_formTrainSeatSelListItem input + label::before {
            left: 14px;
            top: 0;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto; } }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainSeatSelListItem input + label.checkBoxTop::before {
          left: 14px;
          top: 17px;
          bottom: auto;
          margin-top: auto;
          margin-bottom: auto; } }
    .selService_formTrainSeatSelListItem input:checked + label {
      border: 2px solid #007a52;
      background-color: #f2f9f2;
      cursor: default;
      padding: 8px 8px 7px 8px; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainSeatSelListItem input:checked + label {
          padding: 15px 9px 14px 45px; } }
      .selService_formTrainSeatSelListItem input:checked + label::before {
        top: 10px;
        left: 8px;
        border: 2px solid #007a52; }
        @media print, screen and (min-width: 750px) {
          .selService_formTrainSeatSelListItem input:checked + label::before {
            left: 13px;
            top: 1px;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto; } }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainSeatSelListItem input:checked + label.checkBoxTop::before {
          left: 13px;
          top: 16px;
          bottom: auto;
          margin-top: auto;
          margin-bottom: auto; } }
      .selService_formTrainSeatSelListItem input:checked + label::after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        top: 15px;
        left: 13px;
        margin-top: auto;
        margin-bottom: auto;
        background: #007a52;
        border-radius: 50%; }
        @media print, screen and (min-width: 750px) {
          .selService_formTrainSeatSelListItem input:checked + label::after {
            left: 18px;
            top: 1px;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto; } }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainSeatSelListItem input:checked + label.checkBoxTop::after {
          left: 18px;
          top: 21px;
          bottom: auto;
          margin-top: auto;
          margin-bottom: auto; } }
  .selService_formTrainSeatSelListItem.ticketSelect .selService_formTrainSeatSelListItemLink {
    border-radius: 5px;
    padding-left: 15px; }
    .selService_formTrainSeatSelListItem.ticketSelect .selService_formTrainSeatSelListItemLink::before {
      content: none; }
    .selService_formTrainSeatSelListItem.ticketSelect .selService_formTrainSeatSelListItemLink::after {
      content: none; }

.selService_formTrainSeatSelListItemReserve {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  padding: 10px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelListItemReserve {
      padding: 20px 0; } }
  .selService_formTrainSeatSelListItemReserve .nonselect {
    cursor: auto;
    font-size: 1.1rem;
    color: #666666; }

.inactive .selService_formTrainSeatSelListItemLink {
  display: block;
  width: 100%;
  height: auto;
  padding: 9px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background: #fff;
  position: relative;
  box-sizing: border-box; }
  @media print, screen and (min-width: 750px) {
    .inactive .selService_formTrainSeatSelListItemLink {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      padding: 16px 10px 16px 46px; } }
  .inactive .selService_formTrainSeatSelListItemLink::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 9px;
    left: 9px;
    margin-top: auto;
    margin-bottom: auto;
    border: 2px solid #d9d9d9;
    border-radius: 50%; }
    .nonselect .inactive .selService_formTrainSeatSelListItemLink::before {
      display: none; }
    @media print, screen and (min-width: 750px) {
      .inactive .selService_formTrainSeatSelListItemLink::before {
        left: 14px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto; } }

/*.selService_formTrainSeatSelListItemLink {
	display: block;
	width: 100%;
	height: auto;
	padding: 11px;
	border:1px solid $black_15per;
	border-bottom:none;
	cursor:pointer;

	@include pc {
		padding: 12px 20px;

		.normalTicket & {
			padding: 22px 19px 19px 19px;
		}
	}

	.inactive & {
		cursor:default;
	}



}*/
.selService_formTrainSeatSelListItemLink-subText {
  width: 100%;
  display: block;
  text-align: left;
  padding-left: 26px;
  font-size: 0.8rem;
  margin-bottom: 5px;
  color: #b42700;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelListItemLink-subText {
      padding-left: 0; } }

.selService_formTrainSeatSelListItemLinkSaleW {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding-left: 26px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelListItemLinkSaleW {
      width: calc(85px + 9rem);
      padding-left: 0; } }

.selService_formTrainSeatSelListItemLink-sale {
  display: flex;
  flex-flow:column;/*オフィスシート対応*/
  justify-content: center;
  align-items: center;
  width: calc(100% - 7rem);
  height: auto;
  padding: 3px 0; }
  @media print, screen and (max-width: 749px) {
    .selService_formTrainSeatSelListItemLink-sale {
      margin-right: 10px; } }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelListItemLink-sale {
      width: 85px;
      height: auto;
      padding: 3px; } }
  .selService_formTrainSeatSelListItemLink-sale.noDiscount {
    border: 1px solid #007a52;
    border-radius: 5px;
    background: none;
    font-size: 0.8rem;
    line-height: 1.2;
    color: #007a52;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.noDiscount {
        font-size: 12px;
        line-height: 1; } }
  .selService_formTrainSeatSelListItemLink-sale.ic, .selService_formTrainSeatSelListItemLink-sale.normal {
    border: 1px solid #007a52;
    border-radius: 5px;
    font-size: 0.8rem;
    line-height: 1.2;
    background: none;
    color: #007a52;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.ic, .selService_formTrainSeatSelListItemLink-sale.normal {
        font-size: 11px;
        line-height: 1.2; } }
  .selService_formTrainSeatSelListItemLink-sale.tokudane, .selService_formTrainSeatSelListItemLink-sale.kabunushi, .selService_formTrainSeatSelListItemLink-sale.shawari, .selService_formTrainSeatSelListItemLink-sale.green {
    border: 1px solid #007a52;
    border-radius: 5px;
    font-size: 0.8rem;
    line-height: 1.2;
    background: #007a52;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.tokudane, .selService_formTrainSeatSelListItemLink-sale.kabunushi, .selService_formTrainSeatSelListItemLink-sale.shawari, .selService_formTrainSeatSelListItemLink-sale.green {
        font-size: 11px;
        line-height: 1.2; } }
  .selService_formTrainSeatSelListItemLink-sale.premiumGreen {
    border: 1px solid #c6d6e8;
    border-radius: 5px;
    font-size: 0.8rem;
    line-height: 1.2;
    background: #c6d6e8;
    color: #000;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.premiumGreen {
        font-size: 11px;
        line-height: 1.2; } }
  .selService_formTrainSeatSelListItemLink-sale.otona {
    border: 1px solid #7a6f39;
    border-radius: 5px;
    background: #7a6f39;
    font-size: 0.8rem;
    line-height: 1.2;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.otona {
        font-size: 11px;
        line-height: 1.1; } }
  .selService_formTrainSeatSelListItemLink-sale.granClass {
    border: 1px solid #B79100;
    border-radius: 5px;
    background: #B79100;
    font-size: 0.8rem;
    line-height: 1.2;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.granClass {
        font-size: 11px;
        line-height: 1.1; } }
  .selService_formTrainSeatSelListItemLink-sale.free {
    border: 1px solid #1a70b2;
    border-radius: 5px;
    background: #1a70b2;
    font-size: 0.8rem;
    line-height: 1.2;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.free {
        font-size: 11px;
        line-height: 1.1; } }
  .selService_formTrainSeatSelListItemLink-sale.upgrade {
    border: 1px solid #7a6f39;
    border-radius: 5px;
    background: #673911;
    font-size: 0.8rem;
    line-height: 1.2;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.upgrade {
        font-size: 11px;
        line-height: 1.2; } }
  .selService_formTrainSeatSelListItemLink-sale.kabunushi {
    border: 1px solid #7a6f39;
    border-radius: 5px;
    background: #673911;
    font-size: 0.8rem;
    line-height: 1.2;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.kabunushi {
        font-size: 11px;
        line-height: 1.2; } }
  .selService_formTrainSeatSelListItemLink-sale.ticketless-yen {
    border: 1px solid #c1417f;
    border-radius: 5px;
    background: #c1417f;
    font-size: 0.8rem;
    line-height: 1.3;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.ticketless-yen {
        font-size: 11px;
        line-height: 1.1; } }
  .selService_formTrainSeatSelListItemLink-sale.ticketless-per {
    border: 1px solid #955ea7;
    border-radius: 5px;
    background: #955ea7;
    font-size: 0.8rem;
    line-height: 1.3;
    color: #fff;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelListItemLink-sale.ticketless-per {
        font-size: 11px;
        line-height: 1.1; } }
  .inactive .selService_formTrainSeatSelListItemLink-sale {
    border: 1px solid #a6a6a6;
    background: #a6a6a6; }

.selService_formTrainSeatSelListItemLink-rest {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 7rem;
  font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelListItemLink-rest {
      justify-content: center;
      width: 9rem; } }
  .selService_formTrainSeatSelListItemLink-rest img {
    vertical-align: middle;
    margin-left: 3px; }

.selService_formTrainSeatSelListItemLink-upgradeTxt {
  width: 100%;
  display: block;
  text-align: left;
  padding-left: 26px;
  font-size: 0.8rem;
  margin-bottom: 5px;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelListItemLink-upgradeTxt {
      padding-left: 0; } }

.selService_formTrainSeatSelSeattypeW {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 0; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeattypeW {
      width: 100%;
      padding-left: 0; } }
  .selService_formTrainSeatSelSeattypeW .seatOption {
    display: block;
    width: 100%;
    height: auto;
    font-size: 0.8rem;
    margin-top: 5px;
    padding-left: 0;
    font-weight: bold; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeattypeW .seatOption {
        order: 3;
        width: auto;
        margin-left: 0; } }
  .selService_formTrainSeatSelSeattypeW .subTextW {
    width: 100%;
    padding-left: 26px; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeattypeW .subTextW {
        width: 15em;
        margin-top: 5px;
        padding-left: 0; } }
  .selService_formTrainSeatSelSeattypeW .subText {
    display: block;
    width: 100%;
    height: auto;
    color: #000;
    font-size: 0.8rem;
    margin-top: 5px;
    padding-left: 0; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeattypeW .subText {
        order: 4;
        width: auto;
        margin-left: 0;
        margin-top: 0; } }
    .selService_formTrainSeatSelSeattypeW .subText span {
      font-weight: bold; }
      .selService_formTrainSeatSelSeattypeW .subText span.strong {
        color: #b42700; }
  .selService_formTrainSeatSelSeattypeW .tokudane {
    background: #007a52;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 3px;
    margin-left: 8px;
    padding: 3px;
    line-height: 1;
    margin-right: auto;
    order: 2; }
    .inactive .selService_formTrainSeatSelSeattypeW .tokudane {
      opacity: 0.4;
      background: #000; }
  .selService_formTrainSeatSelSeattypeW .shawari {
    background: #007a52;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 3px;
    margin-left: 8px;
    padding: 3px;
    line-height: 1;
    margin-right: auto;
    order: 2; }
    .inactive .selService_formTrainSeatSelSeattypeW .shawari {
      opacity: 0.4;
      background: #000; }
  .selService_formTrainSeatSelSeattypeW .ticketless {
    background: #c1417f;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 3px;
    margin-left: 8px;
    padding: 3px;
    line-height: 1;
    margin-right: auto;
    order: 2; }
    .inactive .selService_formTrainSeatSelSeattypeW .ticketless {
      opacity: 0.4;
      background: #000; }
  .selService_formTrainSeatSelSeattypeW .upgrade {
    background: #673911;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 3px;
    margin-left: 8px;
    padding: 3px;
    line-height: 1;
    margin-right: auto;
    order: 2; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeattypeW .upgrade {
        margin-right: 0;
        margin-left: 10px; } }
    .inactive .selService_formTrainSeatSelSeattypeW .upgrade {
      opacity: 0.4;
      background: #000; }
  .selService_formTrainSeatSelSeattypeW .rest {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #000;
    order: 4; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeattypeW .rest {
        margin-left: auto; } }
    .selService_formTrainSeatSelSeattypeW .rest img {
      margin-left: 5px; }
      @media print, screen and (min-width: 750px) {
        .selService_formTrainSeatSelSeattypeW .rest img {
          margin-left: 13px; } }
  .selService_formTrainSeatSelSeattypeW .reserve {
    display: block;
    color: #1a70b2;
    font-weight: bold;
    width: 100%;
    padding-left: 26px; }
    .selService_formTrainSeatSelSeattypeW .reserve .reserve-small {
      font-size: 0.8rem; }
    .selService_formTrainSeatSelSeattypeW .reserve img {
      vertical-align: bottom;
      margin-right: 5px; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeattypeW .reserve {
        padding-left: 0; } }
  .selService_formTrainSeatSelSeattypeW .unreserve {
    display: block;
    color: #1a70b2;
    font-weight: bold; }
    .selService_formTrainSeatSelSeattypeW .unreserve img {
      vertical-align: bottom;
      margin-right: 5px; }

.selService_formTrainSeatSelSeatAcW {
  display: block;
  width: calc(100% - 26px);
  height: auto;
  background: #f5f5f5;
  margin-top: 8px;
  margin-left: 26px;
  padding: 10px 12px;
  border-radius: 3px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcW {
      width: 100%;
      margin-top: 5px;
      margin-left: 0;
      width: calc(100% - 85px - 9em); } }
  @media print, screen and (min-width: 750px) {
    .normalTicket .selService_formTrainSeatSelSeatAcW {
      width: calc(100% - 15em);
      margin-top: 5px; } }

.selService_formTrainSeatSelSeatAcDl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto; }
  .selService_formTrainSeatSelSeatAcDl + .selService_formTrainSeatSelSeatAcDl {
    margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDl {
      align-items: center; } }

.selService_formTrainSeatSelSeatAcDt-ad {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 1;
  color: #666666;
  font-size: 0.7rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDt-ad {
      width: 7.5em;
      order: 1; } }
  .inactive .selService_formTrainSeatSelSeatAcDt-ad {
    opacity: 0.4;
    color: #000; }

.selService_formTrainSeatSelSeatAcDt-cl {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 2;
  color: #666666;
  font-size: 0.7rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDt-cl {
      width: 7.5em;
      order: 3; } }
  .inactive .selService_formTrainSeatSelSeatAcDt-cl {
    opacity: 0.4;
    color: #000; }

.selService_formTrainSeatSelSeatAcDt-em {
  display: block;
  width: 100%;
  height: auto;
  text-align: left;
  color: #666666;
  font-size: 0.7rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDt-em {
      width: 3.5em;
      order: 1; } }
  .inactive .selService_formTrainSeatSelSeatAcDt-em {
    opacity: 0.4;
    color: #000; }

.selService_formTrainSeatSelSeatAcDd-ad {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDd-ad {
      width: calc(50% - 7.5em);
      padding-right: 12px;
      align-items: baseline;
      order: 2;
      position: relative; }
      .selService_formTrainSeatSelSeatAcDd-ad::after {
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100% + 20px);
        right: 0;
        top: -10px;
        background: #fff; } }
  .selService_formTrainSeatSelSeatAcDd-ad span.price {
    display: block;
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeatAcDd-ad span.price {
        display: inline;
        width: auto; } }
  .selService_formTrainSeatSelSeatAcDd-ad span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    margin-left: 0;
    padding: 2px 0; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeatAcDd-ad span.jrepoint {
        display: inline;
        margin-left: 6px;
        min-width: 85px;
        text-align: center; } }
    .selService_formTrainSeatSelSeatAcDd-ad span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .selService_formTrainSeatSelSeatAcDd-ad {
    opacity: 0.4;
    color: #000; }

.selService_formTrainSeatSelSeatAcDd-cl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDd-cl {
      width: calc(50% - 7.5em);
      align-items: baseline;
      order: 4; } }
  .selService_formTrainSeatSelSeatAcDd-cl span.price {
    display: block;
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeatAcDd-cl span.price {
        display: inline;
        width: auto; } }
  .selService_formTrainSeatSelSeatAcDd-cl span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    margin-left: 0;
    padding: 2px 0; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeatAcDd-cl span.jrepoint {
        display: inline;
        margin-left: 6px;
        min-width: 85px;
        text-align: center; } }
    .selService_formTrainSeatSelSeatAcDd-cl span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .selService_formTrainSeatSelSeatAcDd-cl {
    opacity: 0.4;
    color: #000; }

.selService_formTrainSeatSelSeatAcDd-em {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin-left: 3px;
  margin-right: auto;
  text-align: left;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelSeatAcDd-em {
      width: calc(50% - 3.5em);
      justify-content: flex-end;
      align-items: center;
      margin-left: 0;
      order: 2;
      position: relative; } }
  .selService_formTrainSeatSelSeatAcDd-em span.price {
    display: block;
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeatAcDd-em span.price {
        display: inline;
        width: auto; } }
  .selService_formTrainSeatSelSeatAcDd-em span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    margin-left: 0;
    padding: 2px 0; }
    @media print, screen and (min-width: 750px) {
      .selService_formTrainSeatSelSeatAcDd-em span.jrepoint {
        display: inline;
        margin-left: 6px;
        min-width: 85px;
        padding: 2px 0;
        text-align: center; } }
    .selService_formTrainSeatSelSeatAcDd-em span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .selService_formTrainSeatSelSeatAcDd-em {
    opacity: 0.4;
    color: #000; }

.selService_formNticket {
  width: 100%;
  height: auto;
  padding: 15px; }
  @media print, screen and (min-width: 750px) {
    .selService_formNticket {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px;
      padding-bottom: 80px; } }

.selService_formNticketLead {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 27px;
  padding-left: 5px;
  font-size: 0.9rem;
  color: #666666; }

.selService_formTrainSeatSelIcW {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelIcW {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-top: 5px; } }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelIcW .subTextW {
      width: 15em;
      margin-top: 0; } }

.selService_formTrainSeatSelIcDl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% - 26px);
  height: auto;
  background: #f5f5f5;
  margin-top: 8px;
  margin-left: 26px;
  padding: 10px 12px;
  border-radius: 3px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelIcDl {
      width: calc(100% - 15em);
      margin-left: 0;
      margin-top: 0; } }

.selService_formTrainSeatSelIcDt {
  display: block;
  font-size: 0.8rem;
  color: #000;
  font-weight: bold;
  padding-left: 26px; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelIcDt {
      padding-left: 0; } }

.selService_formTrainSeatSelIcDd {
  display: block;
  width: 50%;
  text-align: left;
  font-size: 0.8rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .selService_formTrainSeatSelIcDd {
      display: inline; } }

.selService_formAttList {
  width: 100%;
  margin-top: 10px;
  padding-left: 20px;
  list-style-type: disc; }
  .selService_formAttList.nodisc {
    list-style-type: none; }

.selService_formAttListItem {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  margin-bottom: 0.5em; }
  .selService_formAttListItem:last-of-type {
    margin-bottom: 0; }
  .selService_formAttListItem.inactive {
    color: #666666; }

/*=========================================
お支払い総額枠
=========================================*/
.selService_formDisplyW100per {
  	/*&.activeDisplay {
  		position: fixed;
  		bottom:0;
  		left:0;
  		display: block;
  		width: 100%;
  		height: auto;
  		background:$white;
  		box-shadow:0 -1px 9px #999;
  		z-index:9999;

  		@include pc {
  			position: static;
  			box-shadow: none;
  		}
  	}*/ }

.selService_formDisplyW {
  width: 100%;
  height: auto;
  padding: 18px 15px 25px; }
  @media print, screen and (min-width: 750px) {
    .selService_formDisplyW {
      position: relative;
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      padding: 16px 15px 25px; } }

.selService_formTotalW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .activeDisplay .selService_formTotalW {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 8px 15px 10px;
    box-shadow: 0 -1px 9px #999;
    z-index: 9999; }
    @media print, screen and (min-width: 750px) {
      .activeDisplay .selService_formTotalW {
        position: static;
        box-shadow: none; } }
  @media print, screen and (min-width: 750px) {
    .selService_formTotalW {
      position: absolute;
      top: -25%;
      display: table;
      left: 17px;
      width: 160px;
      background: #f2f9f2;
      border-radius: 5px;
      z-index: 10000;
      box-shadow: 0 1px 2px #777;
      padding: 10px 15px; }
      .activeDisplay .selService_formTotalW {
        position: fixed;
        display: block;
        bottom: auto;
        top: calc(50% - 80px);
        right: 20px;
        left: auto;
        background: #f2f9f2;
        border-radius: 5px;
        z-index: 10000;
        box-shadow: 0 1px 2px #777;
        padding: 10px 15px; } }

.selService_formTotalDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .selService_formTotalDl {
      width: 130px; } }

.selService_formTotalDt {
  width: 50%;
  height: auto;
  font-weight: bold;
  font-size: 1.2rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formTotalDt {
      order: 1;
      width: 100%;
      border-radius: 3px;
      padding: 5px 0;
      background: #007a52;
      color: #fff;
      text-align: center;
      font-weight: bold;
      font-size: 0.9rem;
      line-height: 1; } }

.selService_formTotalDd {
  width: 50%;
  height: auto;
  font-weight: bold;
  font-size: 1.2rem;
  color: #007a52;
  text-align: right; }
  @media print, screen and (min-width: 750px) {
    .selService_formTotalDd {
      order: 3;
      width: 100%;
      font-size: 1.7rem;
      font-weight: bold;
      text-align: center;
      line-height: 1.7; } }

.selService_formTotalAc {
  width: 100%;
  font-size: 0.8rem;
  color: #666666;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formTotalAc {
      order: 2;
      width: 100%;
      text-align: center;
      font-size: 0.7rem;
      color: #666666;
      margin-top: 7px;
      font-weight: normal; } }

.selService_formPointDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center; }

.selService_formPointDt {
  width: 50%;
  height: auto;
  color: #666666;
  font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .selService_formPointDt {
      order: 4;
      width: 100%;
      text-align: center;
      font-size: 0.7rem;
      color: #666666;
      margin-top: 5px; } }

.selService_formPointJrepoint {
  display: inline-block;
  max-width: 50%;
  font-size: 0.7rem;
  background: #fff;
  border: 2px solid #bacc93;
  margin-left: 0;
  padding: 2px 15px;
  color: #007a52;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .selService_formPointJrepoint {
      order: 5;
      display: block;
      min-width: 100px;
      max-width: 100%;
      height: auto;
      margin-top: 3px;
      margin-left: auto;
      margin-right: auto;
      padding: 3px 0;
      text-align: center;
      font-size: 0.7rem;
      background: #fff;
      border: 2px solid #bacc93;
      color: #007a52;
      font-weight: bold; } }
  .selService_formPointJrepoint span {
    display: inline-block;
    margin-left: 2px;
    font-size: 0.575rem; }

.selService_formSubmitW {
  width: 100%;
  height: auto;
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .selService_formSubmitW {
      width: calc(50% - 15px);
      margin-left: auto;
      margin-right: auto; } }

/*=========================================
座席を指定
=========================================*/
.css_seatBgcolor {
  background-color: #f5f5f5; }
  .css_seatBgcolor:nth-child(even) {
    background-color: #fff; }
    .css_seatBgcolor:nth-child(even) .selSeat_formTrainRideSelList {
      background-color: #f5f5f5; }
    .css_seatBgcolor:nth-child(even) .selSeat_formTrainRidePosList {
      background-color: #f5f5f5; }
    .css_seatBgcolor:nth-child(even) .selSeat_formTrainRideMapList {
      background-color: #f5f5f5; }

.selSeat_formTrain {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 40px; } }

.selSeat_formTrainHopeW {
  width: 100%;
  height: auto; }

.selSeat_formTrainHope {
  display: inline;
  width: auto;
  height: auto;
  background: #007a52;
  color: #fff;
  border-radius: 3px;
  padding: 0 5px;
  font-size: 0.9rem; }

.selSeat_formTrainInoutW {
  width: 100%;
  height: auto; }

.selSeat_formTrainInout {
  display: inline;
  width: auto;
  height: auto;
  background: #007a52;
  color: #fff;
  border-radius: 3px;
  margin-top: 3px;
  padding: 0 5px;
  font-size: 0.9rem; }

.selSeat_formTrainInfoIcon {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
  margin-right: -10px; }
  .selSeat_formTrainInfoIcon li {
    margin-top: 8px;
    margin-right: 10px;
    border-radius: 5px;
    padding: 2px 15px;
    text-align: center;
    font-size: 0.7rem; }
    .selSeat_formTrainInfoIcon li.hope {
      border: 1px solid #d9d9d9;
      background-color: #fff; }
    .selSeat_formTrainInfoIcon li.train {
      border: 1px solid #563d34;
      background-color: #563d34;
      color: #fff; }

.selSeat_formTrainHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px;
  margin-top: 0px; }
  .selSeat_formTrainW:first-of-type .selSeat_formTrainHeader {
    margin-top: 15px; }

.selSeat_formTrainSeatName {
  font-size: 0.9rem;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 25px;
  padding-left: 32px;
  position: relative; }
  .selSeat_formTrainSeatName.reserve::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_reserve-icon.png") no-repeat left top;
    background-size: 16px 16px; }
  .selSeat_formTrainSeatName.granclass::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 8px;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png") no-repeat left top;
    background-size: 16px 16px; }
  .selSeat_formTrainSeatName .info {
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 0.6em; }

.selSeat_formTrainSeatNameType {
  /*	display: flex;
  	flex-wrap: wrap;*/
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 42px;
  font-weight: bold; }
  .selSeat_formTrainSeatNameType img {
    vertical-align: middle;
    margin-right: 5px; }
  .selSeat_formTrainSeatNameType .info {
    margin-left: 0.6em; }
  .selSeat_formTrainSeatNameType .info.persons {
    display: block;
    margin-left: 29px; }

  .selSeat_formTrainSeatNameType.reserve {
    position: relative;}
  .selSeat_formTrainSeatNameType.unreserve {
    position: relative;}
  .selSeat_formTrainSeatNameType.green {
    position: relative;
    padding-left: 62px; }
  .selSeat_formTrainSeatNameType.green::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_green-icon.png") no-repeat left top;
    background-size: 16px 16px;
    top: 0;
    bottom: 0;
    left: 42px;
    margin-top: auto;
    margin-bottom: auto; }
  .selSeat_formTrainSeatNameType.granclass {
    position: relative;
    padding-left: 62px; }
  .selSeat_formTrainSeatNameType.granclass::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png") no-repeat left top;
    background-size: 16px 16px;
    top: 0;
    bottom: 0;
    left: 42px;
    margin-top: auto;
    margin-bottom: auto; }
  .selSeat_formTrainSeatNameType.dxgreen {
    position: relative;
    padding-left: 62px; }
  .selSeat_formTrainSeatNameType.dxgreen::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_dxgreen-icon.png") no-repeat left top;
    background-size: 16px 16px;
    top: 0;
    bottom: 0;
    left: 42px;
    margin-top: auto;
    margin-bottom: auto; }
  .selSeat_formTrainSeatNameType.premiumgreen {
    position: relative;
    padding-left: 62px; }
  .selSeat_formTrainSeatNameType.premiumgreen::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseatspec_pgreen-icon-pc.png") no-repeat left top;
    background-size: 16px 16px;
    top: 0;
    bottom: 0;
    left: 42px;
    margin-top: auto;
    margin-bottom: auto; }

.selSeat_formTrainName {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 25px;
  padding-left: 32px;
  position: relative; }
  .selSeat_formTrainName.shinkansen::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 24px 24px; }
  .selSeat_formTrainName.limitedex::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") left top;
    background-size: 24px 24px; }
  .selSeat_formTrainName.local {
    padding-left: 0; }

.selSeat_formTrainTime {
  font-size: 0.8rem;
  margin-top: 5px;
  color: #666666;
  font-weight: bold; }

.selSeat_formTrainSubW {
  width: 100%;
  height: auto;
  margin-top: 25px; }

.selSeat_formTrainSubHeader {
  width: 100%;
  height: auto;
  margin-top: 25px;
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainSubHeader {
      width: 620px;
      margin-left: auto;
      margin-right: auto; } }

.selSeat_formTrainSubLead {
  width: 100%;
  height: auto;
  margin-top: 10px;
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainSubLead {
      width: 620px;
      margin-left: auto;
      margin-right: auto;
      font-size: 0.8rem;
      font-weight: bold; } }

.selSeat_formTrainRideSelHeader {
  font-size: 0.9rem;
  font-weight: bold;
  margin-top: 30px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainRideSelHeader {
      width: 620px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px; } }

.selSeat_formTrainRideSelList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
  padding: 15px;
  background: #fff;
  border-radius: 5px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainRideSelList {
      width: 620px;
      margin-left: auto;
      margin-right: auto;
      padding: 20px; } }

.selSeat_formTrainRideSelListItem {
  display: block;
  width: 100%;
  height: auto; }

.selSeat_formTrainRideSelListSeat1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .selSeat_formTrainRideSelListSeat1 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat1 > input + label.selSeat_formTrainRideSelListSeat1Item {
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #007a52;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      margin-right: 10px;
      padding: 15px 30px;
      background: #fff;
      cursor: pointer;
      position: relative; }
      .selSeat_formTrainRideSelListSeat1 > input + label.selSeat_formTrainRideSelListSeat1Item:last-of-type {
        margin-right: 0; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat1 > input + label.selSeat_formTrainRideSelListSeat1Item {
          padding: 19px 30px; } }
    .selSeat_formTrainRideSelListSeat1 > input:checked + label.selSeat_formTrainRideSelListSeat1Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 14px 29px; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat1 > input:checked + label.selSeat_formTrainRideSelListSeat1Item {
          padding: 18px 29px; } }

.selSeat_formTrainRideSelListSeatOther {
  width: 100%;
  height: auto; }

.selSeat_formTrainRideSelListSeatOtherItem {
  text-align: center;
  color: #666666;
  font-size: 0.8rem;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold; }

.selSeat_formTrainRideSelListSeat2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .selSeat_formTrainRideSelListSeat2 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat2 > input + label.selSeat_formTrainRideSelListSeat2Item {
      width: calc(50% - 5px);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #007a52;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 15px;
      background: #fff;
      cursor: pointer;
      /*font-size: 0.655rem;*/
      font-size: 0.733334rem; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat2 > input + label.selSeat_formTrainRideSelListSeat2Item {
          padding: 19px 15px;
          font-size: 1.0rem; } }
    .selSeat_formTrainRideSelListSeat2 > input:checked + label.selSeat_formTrainRideSelListSeat2Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 14px; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat2 > input:checked + label.selSeat_formTrainRideSelListSeat2Item {
          padding: 18px 14px; } }

.selSeat_formTrainRideSelListSeat3 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  .selSeat_formTrainRideSelListSeat3 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat3 > input + label.selSeat_formTrainRideSelListSeat3Item {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      color: #007a52;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 12px 0;
      background: #fff;
      cursor: pointer; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat3 > input + label.selSeat_formTrainRideSelListSeat3Item {
          flex-wrap: nowrap;
          align-items: center;
          padding-top: 20px;
          padding-bottom: 20px; } }
      .selSeat_formTrainRideSelListSeat3 > input + label.selSeat_formTrainRideSelListSeat3Item .seatNum {
        display: block;
        width: 100%;
        text-align: center; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat3 > input + label.selSeat_formTrainRideSelListSeat3Item .seatNum {
            width: auto;
            line-height: 1;
            font-size: 0.9rem; } }
      .selSeat_formTrainRideSelListSeat3 > input + label.selSeat_formTrainRideSelListSeat3Item .seatSide {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        color: #000;
        line-height: 1;
        font-weight: normal; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat3 > input + label.selSeat_formTrainRideSelListSeat3Item .seatSide {
            width: auto;
            margin-left: 7px; } }
    .selSeat_formTrainRideSelListSeat3 > input:checked + label.selSeat_formTrainRideSelListSeat3Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 11px 0; }
  .selSeat_formTrainRideSelListSeat3.shinkansen label.selSeat_formTrainRideSelListSeat3Item {
    width: 17%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.shinkansen label.selSeat_formTrainRideSelListSeat3Item {
        width: 14%; } }
    .selSeat_formTrainRideSelListSeat3.shinkansen label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(3) {
      margin-right: 6%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat3.shinkansen label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(3) {
          margin-right: 16%; } }
  .selSeat_formTrainRideSelListSeat3.seat4 label.selSeat_formTrainRideSelListSeat3Item {
    width: 20%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.seat4 label.selSeat_formTrainRideSelListSeat3Item {
        width: 20%; } }
    .selSeat_formTrainRideSelListSeat3.seat4 label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(2) {
      margin-right: 13%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat3.seat4 label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(2) {
          margin-right: 14%; } }
  .selSeat_formTrainRideSelListSeat3.seat3l label.selSeat_formTrainRideSelListSeat3Item {
    width: 28%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.seat3l label.selSeat_formTrainRideSelListSeat3Item {
        width: 28%; } }
    .selSeat_formTrainRideSelListSeat3.seat3l label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(1) {
      margin-right: 13%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat3.seat3l label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(1) {
          margin-right: 14%; } }
  .selSeat_formTrainRideSelListSeat3.seat3r label.selSeat_formTrainRideSelListSeat3Item {
    width: 28%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.seat3r label.selSeat_formTrainRideSelListSeat3Item {
        width: 28%; } }
    .selSeat_formTrainRideSelListSeat3.seat3r label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(2) {
      margin-right: 13%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat3.seat3r label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(2) {
          margin-right: 14%; } }
  .selSeat_formTrainRideSelListSeat3.seat3c label.selSeat_formTrainRideSelListSeat3Item {
    width: 17%;
    margin-right: 2.25%; }
    .selSeat_formTrainRideSelListSeat3.seat3c label.selSeat_formTrainRideSelListSeat3Item:last-of-type {
      margin-right: 0; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.seat3c label.selSeat_formTrainRideSelListSeat3Item {
        width: 14%;
        margin-right: 3.5%; }
        .selSeat_formTrainRideSelListSeat3.seat3c label.selSeat_formTrainRideSelListSeat3Item:last-of-type {
          margin-right: 0; } }
  .selSeat_formTrainRideSelListSeat3.seat2c label.selSeat_formTrainRideSelListSeat3Item {
    width: 17%;
    margin-right: 14%; }
    .selSeat_formTrainRideSelListSeat3.seat2c label.selSeat_formTrainRideSelListSeat3Item:last-of-type {
      margin-right: 0; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.seat2c label.selSeat_formTrainRideSelListSeat3Item {
        width: 14%;
        margin-right: 10%; }
        .selSeat_formTrainRideSelListSeat3.seat2c label.selSeat_formTrainRideSelListSeat3Item:last-of-type {
          margin-right: 0; } }
  .selSeat_formTrainRideSelListSeat3.seat6 label.selSeat_formTrainRideSelListSeat3Item {
    width: 15%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat3.seat6 label.selSeat_formTrainRideSelListSeat3Item {
        width: 14%; } }
    .selSeat_formTrainRideSelListSeat3.seat6 label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(3) {
      margin-right: 5%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat3.seat6 label.selSeat_formTrainRideSelListSeat3Item:nth-of-type(3) {
          margin-right: 10%; } }

.selSeat_formTrainRideSelListSeat4 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  .selSeat_formTrainRideSelListSeat4 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat4 > input + label.selSeat_formTrainRideSelListSeat4Item {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      color: #007a52;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 12px 0;
      background: #fff;
      cursor: pointer; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat4 > input + label.selSeat_formTrainRideSelListSeat4Item {
          flex-wrap: nowrap;
          align-items: center;
          padding-top: 20px;
          padding-bottom: 20px; } }
      .selSeat_formTrainRideSelListSeat4 > input + label.selSeat_formTrainRideSelListSeat4Item .seatNum {
        display: block;
        width: 100%;
        text-align: center; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat4 > input + label.selSeat_formTrainRideSelListSeat4Item .seatNum {
            width: auto;
            line-height: 1;
            font-size: 0.9rem; } }
      .selSeat_formTrainRideSelListSeat4 > input + label.selSeat_formTrainRideSelListSeat4Item .seatSide {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        color: #000;
        line-height: 1;
        font-weight: normal; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat4 > input + label.selSeat_formTrainRideSelListSeat4Item .seatSide {
            width: auto;
            margin-left: 7px; } }
    .selSeat_formTrainRideSelListSeat4 > input:checked + label.selSeat_formTrainRideSelListSeat4Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 11px 0; }
  .selSeat_formTrainRideSelListSeat4.shinkansen label.selSeat_formTrainRideSelListSeat4Item {
    width: 17%;
    margin-right: 2.25%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat4.shinkansen label.selSeat_formTrainRideSelListSeat4Item {
        width: 14%;
        margin-right: 3.5%; } }
    .selSeat_formTrainRideSelListSeat4.shinkansen label.selSeat_formTrainRideSelListSeat4Item:nth-of-type(2) {
      margin-right: 8.25%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat4.shinkansen label.selSeat_formTrainRideSelListSeat4Item:nth-of-type(2) {
          margin-right: 19.5%; } }

.selSeat_formTrainRideSelListSeat5 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  .selSeat_formTrainRideSelListSeat5 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat5 > input + label.selSeat_formTrainRideSelListSeat5Item {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      color: #007a52;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 12px 0;
      background: #fff;
      cursor: pointer; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat5 > input + label.selSeat_formTrainRideSelListSeat5Item {
          flex-wrap: nowrap;
          align-items: center;
          padding-top: 20px;
          padding-bottom: 20px; } }
      .selSeat_formTrainRideSelListSeat5 > input + label.selSeat_formTrainRideSelListSeat5Item .seatNum {
        display: block;
        width: 100%;
        text-align: center; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat5 > input + label.selSeat_formTrainRideSelListSeat5Item .seatNum {
            width: auto;
            line-height: 1;
            font-size: 0.9rem; } }
      .selSeat_formTrainRideSelListSeat5 > input + label.selSeat_formTrainRideSelListSeat5Item .seatSide {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        color: #000;
        line-height: 1;
        font-weight: normal; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat5 > input + label.selSeat_formTrainRideSelListSeat5Item .seatSide {
            width: auto;
            margin-left: 7px; } }
    .selSeat_formTrainRideSelListSeat5 > input:checked + label.selSeat_formTrainRideSelListSeat5Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 11px 0; }
  .selSeat_formTrainRideSelListSeat5.shinkansen label.selSeat_formTrainRideSelListSeat5Item {
    width: 17%;
    margin-right: 2.25%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat5.shinkansen label.selSeat_formTrainRideSelListSeat5Item {
        width: 14%;
        margin-right: 3.5%; } }
    .selSeat_formTrainRideSelListSeat5.shinkansen label.selSeat_formTrainRideSelListSeat5Item:nth-of-type(1) {
      margin-right: 8.25%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat5.shinkansen label.selSeat_formTrainRideSelListSeat5Item:nth-of-type(1) {
          margin-right: 19.5%; } }
    .selSeat_formTrainRideSelListSeat5.shinkansen label.selSeat_formTrainRideSelListSeat5Item:last-of-type {
      margin-right: 0; }

.selSeat_formTrainRideSelListSeat6 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  .selSeat_formTrainRideSelListSeat6 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat6 > input + label.selSeat_formTrainRideSelListSeat6Item {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      color: #007a52;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 12px 0;
      background: #fff;
      cursor: pointer; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat6 > input + label.selSeat_formTrainRideSelListSeat6Item {
          flex-wrap: nowrap;
          align-items: center;
          padding-top: 20px;
          padding-bottom: 20px; } }
      .selSeat_formTrainRideSelListSeat6 > input + label.selSeat_formTrainRideSelListSeat6Item .seatNum {
        display: block;
        width: 100%;
        text-align: center; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat6 > input + label.selSeat_formTrainRideSelListSeat6Item .seatNum {
            width: auto;
            line-height: 1;
            font-size: 0.9rem; } }
      .selSeat_formTrainRideSelListSeat6 > input + label.selSeat_formTrainRideSelListSeat6Item .seatSide {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        color: #000;
        line-height: 1;
        font-weight: normal; }
        @media print, screen and (min-width: 750px) {
          .selSeat_formTrainRideSelListSeat6 > input + label.selSeat_formTrainRideSelListSeat6Item .seatSide {
            width: auto;
            margin-left: 7px; } }
    .selSeat_formTrainRideSelListSeat6 > input:checked + label.selSeat_formTrainRideSelListSeat6Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 11px 0; }
  .selSeat_formTrainRideSelListSeat6.shinkansen label.selSeat_formTrainRideSelListSeat6Item {
    width: 17%;
    margin-right: 2.25%; }
    @media print, screen and (min-width: 750px) {
      .selSeat_formTrainRideSelListSeat6.shinkansen label.selSeat_formTrainRideSelListSeat6Item {
        width: 14%;
        margin-right: 3.5%; } }
    .selSeat_formTrainRideSelListSeat6.shinkansen label.selSeat_formTrainRideSelListSeat6Item:nth-of-type(2) {
      margin-right: 8.25%; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat6.shinkansen label.selSeat_formTrainRideSelListSeat6Item:nth-of-type(2) {
          margin-right: 19.5%; } }
    .selSeat_formTrainRideSelListSeat6.shinkansen label.selSeat_formTrainRideSelListSeat6Item:last-of-type {
      margin-right: 0; }

.selSeat_formTrainRideSelListSeat7 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .selSeat_formTrainRideSelListSeat7 > input {
    display: none; }
    .selSeat_formTrainRideSelListSeat7 > input + label.selSeat_formTrainRideSelListSeat7Item {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #007a52;
      line-height: 1.7;
      font-weight: bold;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      padding: 15px 3px;
      background: #fff;
      cursor: pointer; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat7 > input + label.selSeat_formTrainRideSelListSeat7Item {
          padding: 19px 15px; } }
      .selSeat_formTrainRideSelListSeat7 > input + label.selSeat_formTrainRideSelListSeat7Item .selSeat_formTrainRideSelListSeat7Item-seatNum {
        display: block;
        width: 100%;
        color: #000;
        font-size: 0.9rem;
        text-align: center; }
    .selSeat_formTrainRideSelListSeat7 > input:checked + label.selSeat_formTrainRideSelListSeat7Item {
      border: 2px solid #007a52;
      background: #f2f9f2;
      cursor: default;
      padding: 14px 1px; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelListSeat7 > input:checked + label.selSeat_formTrainRideSelListSeat7Item {
          padding: 18px 14px; } }

.selSeat_formTrainRidePosList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
  background: #fff;
  border-radius: 5px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainRidePosList {
      width: 620px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px; } }

.selSeat_formTrainRidePosListItem {
  width: 100%;
  height: auto; }

.selSeat_formTrainRidePosListBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  text-align: center;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  color: #007a52;
  margin: 0;
  padding: 15px;
  cursor: pointer;
  position: relative; }
  .selSeat_formTrainRidePosListBtn::after {
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 9px;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close-green.png) no-repeat left top;
    background-size: 24px 24px; }
  .selSeat_formTrainRidePosListBtn.active::after {
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open-green.png) no-repeat left top;
    background-size: 24px 24px; }

.selSeat_formTrainRidePosListSub {
  display: none;
  padding-top: 20px; }
  .selSeat_formTrainRidePosListSub.active {
    display: block; }

.selSeat_formTrainRidePosListSubItem {
  margin-bottom: 30px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainRidePosListSubItem {
      margin-bottom: 50px; } }
  .selSeat_formTrainRidePosListSubItem:last-of-type {
    margin-bottom: 0; }

.selSeat_formTrainRidePosListSub-radio {
  display: none; }
  .selSeat_formTrainRidePosListSub-radio + label {
    display: block;
    padding-left: 30px;
    font-weight: bold;
    color: #666666;
    position: relative;
    cursor: pointer; }
    .selSeat_formTrainRidePosListSub-radio + label::before {
      position: absolute;
      content: "";
      width: 20px;
      height: 20px;
      top: 3px;
      left: 3px;
      border: 2px solid #a6a6a6;
      border-radius: 50%;
      box-sizing: border-box; }
    .selSeat_formTrainRidePosListSub-radio + label span.leadTxt {
      display: block;
      width: 100%;
      height: auto; }
    .selSeat_formTrainRidePosListSub-radio + label span.leadPic {
      display: block;
      width: 60%;
      height: 65px;
      margin-left: 16%;
      margin-top: 10px;
      position: relative; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic {
          width: 45%;
          height: 80px;
          margin-left: 25%; } }
      .selSeat_formTrainRidePosListSub-radio + label span.leadPic.nonselect {
        background: #007a52; }
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic.nonselect::before {
          position: absolute;
          content: "";
          min-width: 40px;
          width: 25%;
          height: 65px;
          top: 0;
          right: calc(100% + 4px);
          background: #007a52;
          border-radius: 10px 0 0 10px; }
          @media print, screen and (min-width: 750px) {
            .selSeat_formTrainRidePosListSub-radio + label span.leadPic.nonselect::before {
              width: 60px;
              min-width: auto;
              height: 80px; } }
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic.nonselect::after {
          position: absolute;
          content: "";
          min-width: 40px;
          width: 25%;
          height: 65px;
          top: 0;
          left: calc(100% + 4px);
          background: #007a52;
          border-radius: 0 10px 10px 0; }
          @media print, screen and (min-width: 750px) {
            .selSeat_formTrainRidePosListSub-radio + label span.leadPic.nonselect::after {
              width: 60px;
              min-width: auto;
              height: 80px; } }
      .selSeat_formTrainRidePosListSub-radio + label span.leadPic.end {
        background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_trainridepos_nonselect_bg.png") repeat left top; }
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic.end::before {
          position: absolute;
          content: "";
          min-width: 40px;
          width: 25%;
          height: 65px;
          top: 0;
          right: calc(100% + 4px);
          background: #007a52;
          border-radius: 10px 0 0 10px; }
          @media print, screen and (min-width: 750px) {
            .selSeat_formTrainRidePosListSub-radio + label span.leadPic.end::before {
              width: 60px;
              min-width: auto;
              height: 80px; } }
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic.end::after {
          position: absolute;
          content: "";
          min-width: 40px;
          width: 25%;
          height: 65px;
          top: 0;
          left: calc(100% + 4px);
          background: #007a52;
          border-radius: 0 10px 10px 0; }
          @media print, screen and (min-width: 750px) {
            .selSeat_formTrainRidePosListSub-radio + label span.leadPic.end::after {
              width: 60px;
              min-width: auto;
              height: 80px; } }
      .selSeat_formTrainRidePosListSub-radio + label span.leadPic.center {
        background: #007a52; }
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic.center::before {
          position: absolute;
          content: "";
          min-width: 40px;
          width: 25%;
          height: 65px;
          top: 0;
          right: calc(100% + 4px);
          background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_trainridepos_nonselect_bg.png") repeat left top;
          border-radius: 10px 0 0 10px; }
          @media print, screen and (min-width: 750px) {
            .selSeat_formTrainRidePosListSub-radio + label span.leadPic.center::before {
              width: 60px;
              min-width: auto;
              height: 80px; } }
        .selSeat_formTrainRidePosListSub-radio + label span.leadPic.center::after {
          position: absolute;
          content: "";
          min-width: 40px;
          width: 25%;
          height: 65px;
          top: 0;
          left: calc(100% + 4px);
          background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_trainridepos_nonselect_bg.png") repeat left top;
          border-radius: 0 10px 10px 0; }
          @media print, screen and (min-width: 750px) {
            .selSeat_formTrainRidePosListSub-radio + label span.leadPic.center::after {
              width: 60px;
              min-width: auto;
              height: 80px; } }
  .selSeat_formTrainRidePosListSub-radio:checked + label {
    color: #007a52;
    cursor: default; }
    .selSeat_formTrainRidePosListSub-radio:checked + label::before {
      border: 2px solid #007a52; }
    .selSeat_formTrainRidePosListSub-radio:checked + label::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      top: 8px;
      left: 8px;
      border-radius: 50%;
      background-color: #007a52;
      box-sizing: border-box; }
  .selSeat_formTrainRidePosListSub-radio:disabled + label {
    color: #a6a6a6; }
    .selSeat_formTrainRidePosListSub-radio:disabled + label::before {
      border-color: #a6a6a6; }
  .selSeat_formTrainRidePosListSub-radio:disabled:checked + label {
    color: #a6a6a6; }
    .selSeat_formTrainRidePosListSub-radio:disabled:checked + label::before {
      border-color: #a6a6a6; }
    .selSeat_formTrainRidePosListSub-radio:disabled:checked + label::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      top: 6px;
      left: 8px;
      border-radius: 50%;
      background-color: #a6a6a6;
      box-sizing: border-box; }

.selSeat_formTrainRideSelSpecial {
  margin-top: 1.2em; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainRideSelSpecial {
      width: 620px;
      margin-top: 1.8em;
      margin-left: auto;
      margin-right: auto; } }

.ckSeat_trainListSpecial {
  margin-bottom: 15px; }
  .ckSeat_trainListSpecial:last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSpecial {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

.ckSeat_trainListSpecialItem {
  font-weight: bold;
  font-size: 0.8rem; }
  .ckSeat_trainListSpecialItem.notes {
    color: #b42700; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSpecialItem.notes {
        margin-top: 0.5em; } }

.selSeat_formTrainRideSelSpecialItem {
  font-weight: bold;
  font-size: 0.9rem; }
  .selSeat_formTrainRideSelSpecialItem.notes {
    color: #b42700; }

.selSeat_formTrainRideSelSpecialCheck {
  opacity: 0;
  position: absolute; }
  .selSeat_formTrainRideSelSpecialCheck:focus + label {
    outline: 2px solid #06c; }
  .selSeat_formTrainRideSelSpecialCheck + label {
    display: block;
    line-height: 1.4;
    padding-left: 25px;
    position: relative; }
    .selSeat_formTrainRideSelSpecialCheck + label::before {
      position: absolute;
      content: "";
      width: 18px;
      height: 18px;
      top: 1px;
      left: 0;
      border: 2px solid #626262;
      border-radius: 2px;
      box-sizing: border-box; }
    .selSeat_formTrainRideSelSpecialCheck + label span {
      display: block;
      font-size: 0.8rem;
      font-weight: normal;
      margin-top: 0.3em; }
      @media print, screen and (min-width: 750px) {
        .selSeat_formTrainRideSelSpecialCheck + label span {
          display: inline-block;
          margin-left: 1em;
          margin-top: 0;
          vertical-align: top; } }
  .selSeat_formTrainRideSelSpecialCheck:checked + label::before {
    background-color: #007a52;
    border: none; }
  .selSeat_formTrainRideSelSpecialCheck:checked + label::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 7px;
    top: 4px;
    left: 2px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-sizing: border-box; }
  .selSeat_formTrainRideSelSpecialCheck:disabled + label {
    color: #a6a6a6; }
    .selSeat_formTrainRideSelSpecialCheck:disabled + label::before {
      border-color: #a6a6a6; }
  .selSeat_formTrainRideSelSpecialCheck:disabled:checked + label {
    color: #a6a6a6; }
    .selSeat_formTrainRideSelSpecialCheck:disabled:checked + label::before {
      background-color: #a6a6a6;
      border: none; }
    .selSeat_formTrainRideSelSpecialCheck:disabled:checked + label::after {
      position: absolute;
      content: "";
      width: 14px;
      height: 7px;
      top: 4px;
      left: 2px;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      border-radius: 2px;
      transform: rotate(-45deg);
      box-sizing: border-box; }

.selSeat_formTrainRideSelSpecialSsHelp,
.ckSeat_trainListSpecialSsHelp {
  text-align: right;
  font-size: 0.8rem; }

.selSeat_formTrainRideMapList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
  padding: 15px;
  background: #fff;
  border-radius: 5px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainRideMapList {
      width: 620px;
      margin-left: auto;
      margin-right: auto;
      padding: 20px; } }

.selSeat_formTrainRideMapListItem {
  display: block;
  width: 100%;
  height: auto; }

.selSeat_formTrainRideMapListSeat1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }

.selSeat_formTrainRideMapListSeat1Item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #007a52;
  background: #fff;
  font-weight: bold;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin-right: 10px;
  padding: 15px 30px;
  cursor: pointer;
  position: relative; }
  .selSeat_formTrainRideMapListSeat1Item:last-of-type {
    margin-right: 0; }
  .selSeat_formTrainRideMapListSeat1Item.active {
    border: 2px solid #007a52;
    background: #f2f9f2; }
  @media print, screen and (max-width: 749px) {
    .selSeat_formTrainRideMapListSeat1Item .sheatmap {
      font-size: 0.8125rem; } }

.selSeat_formTrainRideMapListSeat1Item-seatNum {
  display: block;
  width: 100%;
  color: #000;
  font-size: 0.9rem;
  text-align: center; }

.selSeat_formTrainRideMapListSeat1Item-notes {
  color: #b42700;
  font-size: 0.6875rem;
  text-align: center;
  margin-bottom: -1em; }

.selSeat_formTrainReservecheck {
  width: 100%;
  height: auto;
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainReservecheck {
      padding-top: 40px; } }

.selSeat_formTrainReservecheckBottomBtnList {
  width: 100%;
  height: auto;
  margin-top: 15px;
  font-size: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainReservecheckBottomBtnList {
      flex-wrap: nowrap;
      max-width: 780px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

.selSeat_formTrainReservecheckBottomBtnListItem {
  display: block;
  margin-bottom: 10px; }
  .selSeat_formTrainReservecheckBottomBtnListItem:last-of-type {
    margin-bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainReservecheckBottomBtnListItem {
      margin-right: 20px;
      margin-bottom: 0; } }

.selSeat_formTrainAppNext {
  width: 100%;
  height: auto;
  padding: 25px 15px; }
  .selSeat_formTrainAppNext ~ .selSeat_formTrainAppDetailcheck {
    margin-top: -38px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainAppNext {
      padding-top: 40px; } }

.selSeat_formTrainAppDetailcheck {
  width: 100%;
  height: auto;
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .selSeat_formTrainAppDetailcheck {
      padding-top: 40px; } }

/*=========================================
車両内の位置を指定
=========================================*/
.selSeat_formTrainRidePosListSubItem span.location {
  display: inline-block;
  margin-top: 10px; }
  @media print, screen and (max-width: 749px) {
    .selSeat_formTrainRidePosListSubItem span.location img {
      width: 100%; } }

/*=========================================
シートマップ（座席表）から選択
=========================================*/
.subPuSmap {
  /*//position: fixed;
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  width: 100%;
  // height: 100vh;
  z-index:9999;
  background:$bg_gray;
  transition-duration: .5s;
  //visibility: hidden;
  overflow:hidden;*/
  	/*
  	::-webkit-scrollbar {
  		width: 10px;
  	}
  	::-webkit-scrollbar-track {
  		background: $white;
  		border-left: 1px solid #ececec;
  	}
  	::-webkit-scrollbar-thumb {
  		background: #ccc;
  		border-radius: 10px;
  		box-shadow: inset 0 0 0 2px $white;
  	}

  	&.small {
  		@include pc {
  			height: 595px;
  		}
  	}

  	&.active {
  		//top: 0;
  		//-webkit-overflow-scrolling: touch;
  		//visibility: visible;
  		overflow:hidden;
  		pointer-events: auto;
  		height: 100vh;

  		&:not(.boxSeat) {
  			-webkit-overflow-scrolling: touch;
  		}

  		@include pc {
  			display: block;
  			top: 50px;
  			height: 80vh
  		}
  	}*/ }
  @media print, screen and (min-width: 750px) {
    .subPuSmap {
      /*display: none;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;*/
      width: 1000px;
      max-height: 90vh;
      height: 80vh;
      /*z-index:9999;
      border-radius: 5px;
      transition-duration: 0s;*/
      background: #fff; } }

.subPuSmap_headerW {
  width: 100%;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_headerW {
      border-radius: 5px 5px 0 0; } }

.subPuSmap_header {
  width: 100%;
  height: auto;
  background: #007a52;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 0.9rem;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_header {
      font-size: 1.2rem;
      padding: 17px 0;
      border-radius: 5px 5px 0 0; } }

.subPuSmap_headerBtnClose {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 0;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
  .subPuSmap_headerBtnClose::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg); }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_headerBtnClose::before {
        left: 30px;
        height: 22px; } }
  .subPuSmap_headerBtnClose::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg); }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_headerBtnClose::after {
        left: 30px;
        height: 22px; } }

.subPuSmap_wrapper {
  width: 100%;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_wrapper {
      max-height: calc(80vh - 60px);
      height: auto;
      border-radius: 0 0 10px 10px;
      height: 100% !important; } }

.subPuSmap_titleInner {
  width: 100%;
  height: auto;
  padding: 14px 15px 18px 15px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_titleInner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0 20px 14px 20px;
      background: #fff;
      border-bottom: 1px solid #d9d9d9; } }

@media print, screen and (min-width: 750px) {
  .subPuSmap_titleInnerSub {
    width: 100%;
    height: auto;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*&:last-of-type {
    	width: calc(100% - 260px);
    	border-left:1px solid $black_15per;
    	padding-left: 40px;
    }*/ } }

.subPuSmap_trainHeader {
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }

.subPuSmap_trainSeatName {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 42px;
  padding-left: 25px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_trainSeatName {
      font-size: 1.1rem;
      margin-top: 0;
      margin-left: 20px;
      padding-left: 35px;
      width: auto;
      display: flex; } }
  .subPuSmap_trainSeatName.reserve::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 5px;
    left: 0;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/rc_seattype_blue_icon.png") no-repeat left top;
    background-size: 20px 20px; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_trainSeatName.reserve::before {
        left: 8px; } }
  .subPuSmap_trainSeatName.granclass::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 5px;
    left: 0;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png") no-repeat left top;
    background-size: 20px 20px; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_trainSeatName.granclass::before {
        left: 8px; } }

.subPuSmap_trainName {
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 15px;
  padding-left: 42px;
  position: relative;
  line-height: 1.2; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_trainName {
      margin-top: 0;
      width: auto;
      line-height: normal; } }
  .subPuSmap_trainName.shinkansen::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 32px 32px; }
  .subPuSmap_trainName.limitedex::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") left top;
    background-size: 32px 32px; }
  .subPuSmap_trainName.local {
    padding-left: 0; }

.subPuSmap_routeName {
  color: #666666;
  font-size: 0.75rem;
  padding-left: 42px; }

.subPuSmap_trainTime {
  color: #666666;
  font-size: 0.75rem;
  padding-left: 42px;
  line-height: 1.4;
  display: block;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_trainTime {
      width: 100%;
      padding-left: 0; } }

.subPuSmap_trainAc {
  font-size: 1rem;
  font-weight: bold;
  display: block; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_trainAc {
      display: inline;
      font-size: 1.1rem;
      font-weight: bold;
      width: auto;
      margin-left: 1em; } }

.subPuSmap_sel {
  width: 100%;
  height: auto;
  padding: 20px 15px;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_sel {
      text-align: center;
      padding: 25px 10px 0; }
      .subPuSmap_sel:last-child {
        padding-bottom: 25px; } }

@media print, screen and (min-width: 750px) {
  .subPuSmap_sel-subW {
    display: inline-block; } }

.subPuSmap_selCarnumW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selCarnumW {
      display: block;
      width: 580px;
      margin-top: 40px;
      margin-left: auto;
      margin-right: auto;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: auto;
      text-align: center;
      text-decoration: none;
      font-weight: normal;
      font-family: inherit;
      font-size: 1rem;
      outline: none;
      box-sizing: border-box;
      cursor: pointer;
      background: #fff;
      font-weight: bold;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      padding: 20px 26px 20px 15px;
      position: relative; }
      .subPuSmap_selCarnumW::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 11px;
        right: 10px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        transform: scale(-1, 1);
        background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtngray-icon.png) no-repeat left top;
        background-size: 7px 11px; }
      .subPuSmap_selCarnumW:hover {
        color: #007a52;
        background-color: #f2f9f2;
        border-color: #d9d9d9; } }
  .subPuSmap_selCarnumW:focus {
    outline: solid 2px #06c; }

.subPuSmap_selCarnumLead {
  width: 9em;
  height: auto;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selCarnumLead {
      width: 100%;
      color: #1a70b2;
      text-align: left; } }

.subPuSmap_selCarnumBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 1rem;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #fff;
  font-weight: bold;
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  padding: 10px 26px 10px 10px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png) no-repeat right 10px center;
  background-size: 10px 5px;
  /*&::after {
  	position: absolute;
  	content:"";
  	width: 0;
  	height: 0;
  	top:0;
  	bottom:0;
  	right:10px;
  	margin-top: auto;
  	margin-bottom: auto;
  	margin-left: 9px;
  	border-style: solid;
  	border-width: 5px 4px 0 4px;
  	border-color: $black_60per transparent transparent transparent;
  	z-index:1;
  	pointer-events: none;
  }*/ }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selCarnumBtn {
      border: none;
      background: none;
      padding: 0;
      color: #666666;
      text-align: left;
      font-size: 0.8rem;
      font-weight: normal; } }

.subPuSmapPc_selSeatW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 20px;
  border-radius: 20px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmapPc_selSeatW {
      margin-bottom: 0;
      position: relative; } }

.subPuSmapPc_selSeatSubW {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmapPc_selSeatSubW {
      justify-content: space-between;
      align-items: center;
      margin-top: 0; } }

.subPuSmapPc_selSeatFacility {
  width: 70px;
  height: auto;
  background: #f5f5f5;
  padding: 15px;
  border-radius: 20px 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #d9d9d9; }
  .subPuSmapPc_selSeatFacility:first-of-type {
    border-right: none; }
  .subPuSmapPc_selSeatFacility:last-of-type {
    border-radius: 0 20px 20px 0;
    border-left: none; }

.subPuSmapPc_selSeatInner {
  width: auto;
  height: auto;
  padding: 25px 9px calc(30px + 0.9rem);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  position: relative; }
  .subPuSmapPc_selSeatInner.boxSeat {
    padding-left: 6px;
    padding-right: 6px;
    min-width: 390px;
    justify-content: center; }
  .subPuSmapPc_selSeatInner.reserved {
    min-width: 390px;
    justify-content: center; }

.subPuSmapPc_selSeatFacilityHelp {
  width: 8rem;
  font-size: 0.8rem;
  font-weight: bold; }
  .subPuSmapPc_selSeatFacilityHelp:nth-last-child(2) {
    margin-right: auto; }
  .selectCarTrg .subPuSmapPc_selSeatFacilityHelp {
    width: 8rem; }

.subPuSmap_selSeatCarW {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: calc(100% - 7rem - 8rem - 7rem); }
  .selectCarTrg .subPuSmap_selSeatCarW {
    justify-content: flex-start; }

.subPuSmapPc_displayLead {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  bottom: 10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 0.9rem;
  color: #666666;
  font-weight: bold; }

/**** アイコンの意味（シートマップPC版独自のもの） ****/
.modal_searchLegend-seatmap {
  display: none;
  position: absolute;
  top: 0 !important;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  height: auto;
  background: #FFF6DA;
  border-radius: 0;
  padding: 0 20px 20px;
  border: 1px solid #d9d9d9;
  z-index: 10000; }
  .modal_searchLegend-seatmap.active {
    display: block; }

.subPuSmap_selSeatW {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 10px; }
  .subPuSmap_selSeatW:first-child {
    margin-top: 0; }

.subPuSmap_selSeatFacility {
  width: 100%;
  height: auto;
  background: #f5f5f5;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .subPuSmap_selSeatFacility:last-of-type {
    border-radius: 0 0 10px 10px; }

.subPuSmap_selSeatFacilityTitle {
  width: auto;
  font-size: 0.8rem;
  font-weight: bold;
  order: 1; }

.subPuSmap_selSeatFacilityHelp {
  width: auto;
  font-size: 0.8rem;
  font-weight: bold;
  order: 2; }

.subPuSmap_selSeatFacilityHelpBtn {
  display: inline-block;
  padding-right: 0;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #1a70b2;
  cursor: pointer; }
  .subPuSmap_selSeatFacilityHelpBtn:hover {
    color: #44a3ec; }

.subPuSmap_selSeatFacilityList {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
  order: 3; }

.subPuSmap_selSeatFacilityListItem {
  width: auto;
  height: auto;
  margin-right: 5px; }
  .subPuSmap_selSeatFacilityListItem:last-of-type {
    margin-top: 0; }

.subPuSmap_selSeatInner {
  width: 100%;
  height: auto;
  padding: 20px 15px; }

.subPuSmap_selSeatFromW {
  display: block;
  text-align: center; }
  .subPuSmap_selSeatFromW span {
    display: inline-block;
    border: 1px solid #a6a6a6;
    background: #fff;
    font-size: 0.9rem;
    border-radius: 1em;
    line-height: 1;
    padding: 4px 10px;
    font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatFromW {
      width: 7rem;
      text-align: left;
      font-size: 0.9rem;
      font-weight: bold; }
      .subPuSmap_selSeatFromW:last-of-type {
        text-align: right; } }
  .selectCarTrg .subPuSmap_selSeatFromW {
    width: 6rem; }

.subPuSmap_selSeatCarnum {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #007a52;
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatCarnum {
      width: auto;
      color: #000;
      margin-top: 0;
      margin-right: 10px; } }

.subPuSmap_selSeatLead {
  font-size: 0.9rem;
  font-weight: bold;
  margin-top: 30px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatLead {
      margin-top: 0;
      text-align: left; } }

.subPuSmap_selSeatLead2 {
  font-size: 0.9rem;
  color: #a6a6a6;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatLead2 {
      text-align: left; } }

.subPuSmap_selSeatLead3 {
  font-size: 0.9rem;
  color: #b42700; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatLead3 {
      text-align: left; } }

.subPuSmap_selSeatTerm {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 10px;
  padding-left: 7vw;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatTerm {
      width: 1em;
      flex-direction: column;
      align-items: flex-start;
      padding-left: 0;
      margin-top: 0;
      padding-top: 26px;
      margin-right: 8px; } }
  .subPuSmap_selSeatTerm:last-of-type {
    margin-bottom: 20px; }
  .subPuSmap_selSeatTerm.seat6 li {
    width: 12vw;
    height: auto;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat6 li {
        width: 1em;
        height: 26px;
        margin-bottom: 10px; } }
    .subPuSmap_selSeatTerm.seat6 li:nth-of-type(3) {
      margin-right: 7vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat6 li:nth-of-type(3) {
          margin-right: 0;
          margin-bottom: 40px; } }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat6 li:last-of-type {
        margin-bottom: 0; } }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatTerm.seat6:last-of-type {
      margin-bottom: 0; } }
  .subPuSmap_selSeatTerm.seat5 li, .subPuSmap_selSeatTerm.seat5r li {
    width: 12vw;
    height: auto;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat5 li, .subPuSmap_selSeatTerm.seat5r li {
        width: 1em;
        height: 26px;
        margin-bottom: 10px; } }
    .subPuSmap_selSeatTerm.seat5 li:nth-of-type(3) {
      margin-right: 7vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat5 li:nth-of-type(3) {
          margin-right: 0;
          margin-bottom: 40px; } }
    .subPuSmap_selSeatTerm.seat5r li:nth-of-type(2) {
      margin-right: 7vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat5r li:nth-of-type(2) {
          margin-right: 0;
          margin-bottom: 40px; } }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat5 li:last-of-type, .subPuSmap_selSeatTerm.seat5r li:last-of-type {
        margin-bottom: 0; } }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatTerm.seat5:last-of-type, .subPuSmap_selSeatTerm.seat5r:last-of-type {
      margin-bottom: 0; } }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatTerm.seat4 {
      padding-top: 46px;
      justify-content: flex-start; } }
  .subPuSmap_selSeatTerm.seat4:last-of-type {
    margin-bottom: 20px; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat4:last-of-type {
        margin-bottom: 20px; } }
  .subPuSmap_selSeatTerm.seat4 li {
    width: 14vw;
    height: auto;
    text-align: center; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat4 li {
        width: 1em;
        height: 30px;
        margin-bottom: 10px;
        line-height: 1.875; } }
    .subPuSmap_selSeatTerm.seat4 li:nth-of-type(1) {
      margin-right: 2.5vw; }
    .subPuSmap_selSeatTerm.seat4 li:nth-of-type(3) {
      margin-left: auto; }
    .subPuSmap_selSeatTerm.seat4 li:nth-of-type(4) {
      margin-left: 2.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat4 li:nth-of-type(1) {
        margin-right: auto; }
      .subPuSmap_selSeatTerm.seat4 li:nth-of-type(3) {
        margin-top: 30px; }
      .subPuSmap_selSeatTerm.seat4 li:nth-of-type(4) {
        margin-left: auto; }
      .subPuSmap_selSeatTerm.seat4 li:last-of-type {
        margin-bottom: 0; } }
  .subPuSmap_selSeatTerm.seat3l {
    padding-left: 11.5vw;
    padding-right: 11.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat3l {
        justify-content: flex-start;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0; } }
    .subPuSmap_selSeatTerm.seat3l li {
      width: 14vw;
      height: auto;
      text-align: center; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat3l li {
          width: 1em;
          height: 30px;
          margin-bottom: 10px; } }
      .subPuSmap_selSeatTerm.seat3l li:nth-of-type(1) {
        margin-right: auto; }
      .subPuSmap_selSeatTerm.seat3l li:nth-of-type(3) {
        margin-left: 2.5vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat3l li {
          line-height: 1.875; }
          .subPuSmap_selSeatTerm.seat3l li:nth-of-type(1) {
            margin-bottom: 40px; }
          .subPuSmap_selSeatTerm.seat3l li:nth-of-type(3) {
            margin-left: 0; }
          .subPuSmap_selSeatTerm.seat3l li:last-of-type {
            margin-bottom: 0; } }
  .subPuSmap_selSeatTerm.seat3r {
    padding-left: 11.5vw;
    padding-right: 11.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat3r {
        justify-content: flex-start;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0; } }
    .subPuSmap_selSeatTerm.seat3r li {
      width: 14vw;
      height: auto;
      text-align: center; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat3r li {
          width: 1em;
          height: 30px;
          margin-bottom: 10px; } }
      .subPuSmap_selSeatTerm.seat3r li:nth-of-type(1) {
        margin-right: 2.5vw; }
      .subPuSmap_selSeatTerm.seat3r li:nth-of-type(3) {
        margin-left: auto; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat3r li {
          line-height: 1.875; }
          .subPuSmap_selSeatTerm.seat3r li:nth-of-type(1) {
            margin-right: 0; }
          .subPuSmap_selSeatTerm.seat3r li:nth-of-type(2) {
            margin-bottom: 0; }
          .subPuSmap_selSeatTerm.seat3r li:nth-of-type(3) {
            margin-top: 40px; }
          .subPuSmap_selSeatTerm.seat3r li:last-of-type {
            margin-bottom: 0; } }
  .subPuSmap_selSeatTerm.seat3c {
    padding-left: 11.5vw;
    padding-right: 11.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat3c {
        justify-content: flex-start;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0; } }
    .subPuSmap_selSeatTerm.seat3c li {
      width: 14vw;
      height: auto;
      text-align: center; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat3c li {
          width: 1em;
          height: 30px;
          margin-bottom: 15px; } }
      .subPuSmap_selSeatTerm.seat3c li:nth-of-type(1), .subPuSmap_selSeatTerm.seat3c li:nth-of-type(2) {
        margin-right: 2.5vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat3c li {
          line-height: 1.875;
          /*&:nth-of-type(1) { margin-right: 0; }
          &:nth-of-type(2) { margin-bottom: 0; }
          &:nth-of-type(3) { margin-top: 40px; }
          &:last-of-type { margin-bottom: 0; }*/ }
          .subPuSmap_selSeatTerm.seat3c li:nth-of-type(3) {
            margin-bottom: 0; } }
  .subPuSmap_selSeatTerm.seat2c {
    padding-left: 15.5vw;
    padding-right: 15.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatTerm.seat2c {
        justify-content: flex-start;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0; } }
    .subPuSmap_selSeatTerm.seat2c li {
      width: 14vw;
      height: auto;
      text-align: center; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat2c li {
          width: 1em;
          height: 30px;
          margin-bottom: 10px; } }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatTerm.seat2c li {
          line-height: 1.875;
          margin-right: 0; }
          .subPuSmap_selSeatTerm.seat2c li:nth-of-type(2) {
            margin-bottom: 0;
            margin-top: 30px; } }
  .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm {
    width: calc(100% + 15px * 2 - 10px);
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 10vw;
    padding-left: 10vw; }
    .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm ~ .subPuSmap_selSeatTerm {
      margin-top: 5px; }
    .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm + .subPuSmap_selSeatTerm {
      margin-top: 8px; }
    .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 {
      justify-content: flex-start; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li {
        width: calc(12vw + 3px + (6px / 2));
        padding: 0 3px;
        text-align: center; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(1) {
          margin-left: 6px;
          margin-right: 0; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(3) {
          margin-left: auto; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(4) {
          margin-left: 0;
          margin-right: 6px; }
  .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm {
    margin-right: 4px; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 {
      align-items: center;
      padding-top: 44px;
      padding-bottom: 44px; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4:last-of-type {
        margin-bottom: 0; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li {
        height: 30px;
        line-height: 1.875; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(1) {
          margin-bottom: 4px; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(2) {
          margin-bottom: 0; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(3) {
          margin-top: auto;
          margin-bottom: 0; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatTerm.seat4 li:nth-of-type(4) {
          margin-top: 4px; }

.subPuSmap_selSeatDesc {
  list-style-type: none;
  counter-reset: selSeatDesc_num;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatDesc {
      width: auto;
      margin-top: 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; } }
.subPuSmap_selSeatDesc.contentOmit.skip {
  position: relative;
  margin-left: 16px;
  padding-left: 26px; }
.subPuSmap_selSeatDesc.contentOmit.skip::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  border-top: none;
  border-bottom: none;
  border-left: 1px dashed #a6a6a6;
  border-right: 1px dashed #a6a6a6;
  height: 100%; }
  .subPuSmap_selSeatDesc .subPuSmap_selSeatCol {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left: 7vw;
    margin-bottom: 5px;
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol {
        width: 30px;
        padding-top: 26px;
        padding-left: 0;
        margin-bottom: 0;
        margin-right: 8px;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:last-of-type {
          margin-right: 0; } }
    .subPuSmap_selSeatDesc .subPuSmap_selSeatCol::before {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 7vw;
      height: 100%;
      top: 0;
      bottom: 0;
      left: -6px;
      margin-top: auto;
      margin-bottom: auto;
      counter-increment: selSeatDesc_num;
      content: attr(data-seatnum);
      color: #666666; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol::before {
          left: 0;
          width: 30px;
          height: 1em;
          bottom: auto;
          text-align: center;
          font-size: 0.8rem; } }
    .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow {
          flex-direction: column; } }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li {
        width: 10vw;
        height: 10vw; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li {
            width: 30px;
            height: 30px;
            margin-bottom: 10px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li:nth-of-type(3) {
          margin-right: 7vw; }
          @media print, screen and (min-width: 750px) {
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li:nth-of-type(3) {
              margin-right: 0;
              margin-bottom: 40px; } }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li:last-of-type {
            margin-bottom: 0; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          cursor: pointer;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #fff;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 50%;
            height: 50%;
            border: 2px solid #1a70b2;
            border-radius: 50%; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p::before {
                width: 40%;
                height: 40%;
                border-width: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button:focus, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p:focus {
            outline: solid 2px #06c; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button.active, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p.active {
            background-color: #1a70b2;
            border-color: #1a70b2; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p.active::before {
              top: 47%;
              bottom: auto;
              left: 44%;
              right: auto;
              width: 30%;
              height: 2px;
              background-color: #fff;
              border: none;
              border-radius: 1px;
              transform: rotate(-45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p.active::before {
                  left: 41%;
                  width: 38%;
                  height: 1px; } }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p.active::after {
              content: "";
              position: absolute;
              top: 50%;
              bottom: auto;
              right: 47%;
              left: auto;
              width: 20%;
              height: 2px;
              background-color: #fff;
              border-radius: 1px;
              transform: rotate(45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p.active::after {
                  right: 50%;
                  width: 24%;
                  height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li button.noclick, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li p.noclick {
            pointer-events: none; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.nonselect {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.nonselect::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.nonselect::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.nonselect::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(-45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.nonselect::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.paid {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #666666;
          border-radius: 5px;
          background-color: #666666;
          					/*&::before {
          						content:"";
          						position: absolute;
          						top:0;
          						bottom:0;
          						left:0;
          						right:0;
          						margin:auto;;
          						width: 40%;
          						height: 2px;
          						background-color:$black_35per;
          						transform: rotate(45deg);

          						@include pc {
          							width: 45%;
          							height: 1px;
          						}
          					}



          					&::after {
          						content:"";
          						position: absolute;
          						top:0;
          						bottom:0;
          						left:0;
          						right:0;
          						margin:auto;;
          						width: 40%;
          						height: 2px;
          						background-color:$black_35per;
          						transform: rotate(-45deg);

          						@include pc {
          							width: 45%;
          							height: 1px;
          						}
          					}*/ }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.paid img.paidIcon {
            width: 70%;
            height: auto; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.delete, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li .delete {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #b42700;
          border-radius: 5px;
          background-color: #b42700;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li .delete::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #fff;
            transform: rotate(45deg);
            border: none; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li .delete::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li .delete::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #fff;
            transform: rotate(-45deg);
            border: none; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li .delete::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat6 li span.default {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9; }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li {
        width: 11vw;
        height: 11vw; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li {
            width: 30px;
            height: 30px;
            margin-bottom: 10px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li:nth-of-type(3) {
          margin-right: 6vw; }
          @media print, screen and (min-width: 750px) {
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li:nth-of-type(3) {
              margin-right: 0;
              margin-bottom: 40px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li:nth-of-type(2) {
            margin-right: 6vw; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li:nth-of-type(2) {
                margin-right: 0;
                margin-bottom: 40px; } }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li:last-of-type, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li:last-of-type {
            margin-bottom: 0; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          cursor: pointer;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #fff;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 50%;
            height: 50%;
            border: 2px solid #1a70b2;
            border-radius: 50%; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p::before {
                width: 40%;
                height: 40%;
                border-width: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button:focus, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button:focus, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p:focus, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p:focus {
            outline: solid 2px #06c; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button.active, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button.active, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p.active, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p.active {
            background-color: #1a70b2;
            border-color: #1a70b2; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p.active::before {
              top: 47%;
              bottom: auto;
              left: 44%;
              right: auto;
              width: 30%;
              height: 2px;
              background-color: #fff;
              border: none;
              border-radius: 1px;
              transform: rotate(-45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p.active::before {
                  left: 41%;
                  width: 38%;
                  height: 1px; } }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p.active::after {
              content: "";
              position: absolute;
              top: 50%;
              bottom: auto;
              right: 47%;
              left: auto;
              width: 20%;
              height: 2px;
              background-color: #fff;
              border-radius: 1px;
              transform: rotate(45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p.active::after {
                  right: 50%;
                  width: 24%;
                  height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li button.noclick, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li button.noclick, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li p.noclick, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li p.noclick {
            pointer-events: none; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.nonselect, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.nonselect {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.nonselect::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.nonselect::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.nonselect::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.nonselect::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.nonselect::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.nonselect::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(-45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.nonselect::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.nonselect::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.paid, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.paid {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #666666;
          border-radius: 5px;
          background-color: #666666;
          					/*&::before {
          						content:"";
          						position: absolute;
          						top:0;
          						bottom:0;
          						left:0;
          						right:0;
          						margin:auto;;
          						width: 40%;
          						height: 2px;
          						background-color:$black_35per;
          						transform: rotate(45deg);

          						@include pc {
          							width: 45%;
          							height: 1px;
          						}
          					}



          					&::after {
          						content:"";
          						position: absolute;
          						top:0;
          						bottom:0;
          						left:0;
          						right:0;
          						margin:auto;;
          						width: 40%;
          						height: 2px;
          						background-color:$black_35per;
          						transform: rotate(-45deg);

          						@include pc {
          							width: 45%;
          							height: 1px;
          						}
          					}*/ }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.paid img.paidIcon, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.paid img.paidIcon {
            width: 70%;
            height: auto; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.delete, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.delete, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li .delete, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li .delete {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #b42700;
          border-radius: 5px;
          background-color: #b42700;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li .delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li .delete::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #fff;
            transform: rotate(45deg);
            border: none; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li .delete::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li .delete::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li .delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li .delete::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #fff;
            transform: rotate(-45deg);
            border: none; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li .delete::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li .delete::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5 li span.default, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat5r li span.default {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9; }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li {
        width: 14vw;
        height: 14vw; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li {
            width: 30px;
            height: 30px;
            margin-bottom: 10px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:nth-of-type(1) {
          margin-right: 2.5vw; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:nth-of-type(3) {
          margin-left: auto; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:nth-of-type(4) {
          margin-left: 2.5vw; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:nth-of-type(1) {
            margin-right: 0; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:nth-of-type(3) {
            margin-top: 30px; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:nth-of-type(4) {
            margin-left: 0; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li:last-of-type {
            margin-bottom: 0; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          cursor: pointer;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #fff;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 50%;
            height: 50%;
            border: 2px solid #1a70b2;
            border-radius: 50%; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button::before {
                width: 40%;
                height: 40%;
                border-width: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button:focus {
            outline: solid 2px #06c; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button.active {
            background-color: #1a70b2;
            border-color: #1a70b2; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button.active::before {
              top: 47%;
              bottom: auto;
              left: 44%;
              right: auto;
              width: 30%;
              height: 2px;
              background-color: #fff;
              border: none;
              border-radius: 1px;
              transform: rotate(-45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button.active::before {
                  left: 41%;
                  width: 38%;
                  height: 1px; } }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button.active::after {
              content: "";
              position: absolute;
              top: 50%;
              bottom: auto;
              right: 47%;
              left: auto;
              width: 20%;
              height: 2px;
              background-color: #fff;
              border-radius: 1px;
              transform: rotate(45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li button.active::after {
                  right: 50%;
                  width: 24%;
                  height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.nonselect {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.nonselect::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.nonselect::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.nonselect::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(-45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.nonselect::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.paid {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #666666;
          border-radius: 5px;
          background-color: #666666;
          					/*&::before {
          						content:"";
          						position: absolute;
          						top:0;
          						bottom:0;
          						left:0;
          						right:0;
          						margin:auto;;
          						width: 40%;
          						height: 2px;
          						background-color:$black_35per;
          						transform: rotate(45deg);

          						@include pc {
          							width: 45%;
          							height: 1px;
          						}
          					}



          					&::after {
          						content:"";
          						position: absolute;
          						top:0;
          						bottom:0;
          						left:0;
          						right:0;
          						margin:auto;;
          						width: 40%;
          						height: 2px;
          						background-color:$black_35per;
          						transform: rotate(-45deg);

          						@include pc {
          							width: 45%;
          							height: 1px;
          						}
          					}*/ }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.paid img.paidIcon {
            width: 70%;
            height: auto; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat4 li span.default {
              display: block;
              text-align: center;
              text-decoration: none;
              font-weight: normal;
              font-family: inherit;
              font-size: 0;
              outline: none;
              box-sizing: border-box;
              width: 100%;
              height: 100%;
              margin: 0;
              padding: 0;
              border: 1px solid #d9d9d9;
              border-radius: 5px;
              background-color: #d9d9d9; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c {
          /* height: 100%; */
          justify-content: flex-start; } }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li {
        width: 14vw;
        height: 14vw; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li {
            width: 30px;
            height: 30px;
            margin-bottom: 10px; } }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li:last-of-type, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li:last-of-type, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li:last-of-type {
            margin-bottom: 0; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          cursor: pointer;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #fff;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 50%;
            height: 50%;
            border: 2px solid #1a70b2;
            border-radius: 50%; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button::before {
                width: 40%;
                height: 40%;
                border-width: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button:focus, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button:focus, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button:focus {
            outline: solid 2px #06c; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button.active, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button.active, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button.active {
            background-color: #1a70b2;
            border-color: #1a70b2; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button.active::before {
              top: 47%;
              bottom: auto;
              left: 44%;
              right: auto;
              width: 30%;
              height: 2px;
              background-color: #fff;
              border: none;
              border-radius: 1px;
              transform: rotate(-45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button.active::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button.active::before {
                  left: 41%;
                  width: 38%;
                  height: 1px; } }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button.active::after {
              content: "";
              position: absolute;
              top: 50%;
              bottom: auto;
              right: 47%;
              left: auto;
              width: 20%;
              height: 2px;
              background-color: #fff;
              border-radius: 1px;
              transform: rotate(45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li button.active::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li button.active::after {
                  right: 50%;
                  width: 24%;
                  height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.nonselect, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.nonselect, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.nonselect {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.nonselect::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.nonselect::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.nonselect::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.nonselect::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.nonselect::before, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.nonselect::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.nonselect::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.nonselect::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.nonselect::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(-45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.nonselect::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.nonselect::after, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.nonselect::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.paid, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.paid, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.paid {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #666666;
          border-radius: 5px;
          background-color: #666666;
          						/*&::before {
          							content:"";
          							position: absolute;
          							top:0;
          							bottom:0;
          							left:0;
          							right:0;
          							margin:auto;;
          							width: 40%;
          							height: 2px;
          							background-color:$black_35per;
          							transform: rotate(45deg);

          							@include pc {
          								width: 45%;
          								height: 1px;
          							}
          						}



          						&::after {
          							content:"";
          							position: absolute;
          							top:0;
          							bottom:0;
          							left:0;
          							right:0;
          							margin:auto;;
          							width: 40%;
          							height: 2px;
          							background-color:$black_35per;
          							transform: rotate(-45deg);

          							@include pc {
          								width: 45%;
          								height: 1px;
          							}
          						}*/ }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li span.paid img.paidIcon, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li span.paid img.paidIcon, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li span.paid img.paidIcon {
            width: 70%;
            height: auto; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l span.default, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r span.default, .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c span.default {
              display: block;
              text-align: center;
              text-decoration: none;
              font-weight: normal;
              font-family: inherit;
              font-size: 0;
              outline: none;
              box-sizing: border-box;
              width: 100%;
              height: 100%;
              margin: 0;
              padding: 0;
              border: 1px solid #d9d9d9;
              border-radius: 5px;
              background-color: #d9d9d9;
            }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li:nth-of-type(1) {
        margin-right: auto; }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li:nth-of-type(3) {
        margin-left: 2.5vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li:nth-of-type(1) {
          margin-bottom: 40px; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3l li:nth-of-type(3) {
          margin-left: 0; } }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li:nth-of-type(1) {
        margin-right: 2.5vw; }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li:nth-of-type(3) {
        margin-left: auto; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li:nth-of-type(1) {
          margin-right: 0; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li:nth-of-type(2) {
          margin-bottom: 0; }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3r li:nth-of-type(3) {
          margin-top: 40px; } }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li:nth-of-type(1), .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li:nth-of-type(2) {
        margin-right: 2.5vw; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li {
          margin-bottom: 15px;
          margin-right: 0; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat3c li:nth-of-type(3) {
            margin-top: 0; } }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c {
          /* height: 100%; */
          justify-content: flex-start; } }
      .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li {
        width: 14vw;
        height: 14vw; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li {
            width: 30px;
            height: 30px;
            margin-bottom: 10px; } }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li:last-of-type {
            margin-bottom: 0;
            margin-top: 30px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          cursor: pointer;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #fff;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 50%;
            height: 50%;
            border: 2px solid #1a70b2;
            border-radius: 50%; }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button::before {
                width: 40%;
                height: 40%;
                border-width: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button:focus {
            outline: solid 2px #06c; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button.active {
            background-color: #1a70b2;
            border-color: #1a70b2; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button.active::before {
              top: 47%;
              bottom: auto;
              left: 44%;
              right: auto;
              width: 30%;
              height: 2px;
              background-color: #fff;
              border: none;
              border-radius: 1px;
              transform: rotate(-45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button.active::before {
                  left: 41%;
                  width: 38%;
                  height: 1px; } }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button.active::after {
              content: "";
              position: absolute;
              top: 50%;
              bottom: auto;
              right: 47%;
              left: auto;
              width: 20%;
              height: 2px;
              background-color: #fff;
              border-radius: 1px;
              transform: rotate(45deg); }
              @media print, screen and (min-width: 750px) {
                .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li button.active::after {
                  right: 50%;
                  width: 24%;
                  height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.nonselect {
          display: block;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          background-color: #d9d9d9;
          position: relative; }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.nonselect::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.nonselect::before {
                width: 45%;
                height: 1px; } }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.nonselect::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 40%;
            height: 2px;
            background-color: #a6a6a6;
            transform: rotate(-45deg); }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.nonselect::after {
                width: 45%;
                height: 1px; } }
        .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.paid {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          text-decoration: none;
          font-weight: normal;
          font-family: inherit;
          font-size: 0;
          outline: none;
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: 1px solid #666666;
          border-radius: 5px;
          background-color: #666666;
          						/*&::before {
          							content:"";
          							position: absolute;
          							top:0;
          							bottom:0;
          							left:0;
          							right:0;
          							margin:auto;;
          							width: 40%;
          							height: 2px;
          							background-color:$black_35per;
          							transform: rotate(45deg);

          							@include pc {
          								width: 45%;
          								height: 1px;
          							}
          						}



          						&::after {
          							content:"";
          							position: absolute;
          							top:0;
          							bottom:0;
          							left:0;
          							right:0;
          							margin:auto;;
          							width: 40%;
          							height: 2px;
          							background-color:$black_35per;
          							transform: rotate(-45deg);

          							@include pc {
          								width: 45%;
          								height: 1px;
          							}
          						}*/ }
          .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c li span.paid img.paidIcon {
            width: 70%;
            height: auto; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow.seat2c span.default {
              display: block;
              text-align: center;
              text-decoration: none;
              font-weight: normal;
              font-family: inherit;
              font-size: 0;
              outline: none;
              box-sizing: border-box;
              width: 100%;
              height: 100%;
              margin: 0;
              padding: 0;
              border: 1px solid #d9d9d9;
              border-radius: 5px;
              background-color: #d9d9d9;
            }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow span.ticketing {
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              text-decoration: none;
              font-weight: normal;
              font-family: inherit;
              font-size: 0;
              outline: none;
              box-sizing: border-box;
              width: 100%;
              height: 100%;
              margin: 0;
              padding: 0;
              border: 1px solid #d9d9d9;
              border-radius: 5px;
              background-color: #d9d9d9; }
            .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow span.ticketing img.ticketingIcon {
              width: 70%;
              height: auto; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatDesc.seat4 .subPuSmap_selSeatCol {
      margin-top: 20px;
      margin-bottom: 20px; } }
  .subPuSmap_selSeatDesc.seat3l, .subPuSmap_selSeatDesc.seat3r, .subPuSmap_selSeatDesc.seat3c {
    padding-left: 4.5vw;
    padding-right: 11.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatDesc.seat3l, .subPuSmap_selSeatDesc.seat3r, .subPuSmap_selSeatDesc.seat3c {
        padding-left: 0;
        padding-right: 0; } }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatDesc.seat3l .subPuSmap_selSeatCol, .subPuSmap_selSeatDesc.seat3r .subPuSmap_selSeatCol, .subPuSmap_selSeatDesc.seat3c .subPuSmap_selSeatCol {
        margin-top: 40px;
        margin-bottom: 40px; } }
  .subPuSmap_selSeatDesc.seat2c {
    padding-left: 8.5vw;
    padding-right: 15.5vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatDesc.seat2c {
        padding-left: 0;
        padding-right: 0; } }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatDesc.seat2c .subPuSmap_selSeatCol {
        margin-top: 40px;
        margin-bottom: 40px; } }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_selSeatDesc.seat3r-nar .subPuSmap_selSeatCol {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol {
    padding-left: 0; }
    .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol::before {
      display: none; }
    .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip {
      position: relative;
      margin-top: 20px;
      padding-top: 30px; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip {
          width: 56px;
          margin-top: 0;
          margin-left: 8px;
          padding-top: 26px;
          padding-left: 26px; }
          .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip.s4 {
            margin-top: 20px; }
          .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip.s4_40 {
            margin-top: 40px; }
          .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip .subPuSmap_selSeatColNum {
            margin-left: 26px; } }
      .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 10px;
        margin: 0;
        border-top: 1px dashed #a6a6a6;
        border-bottom: 1px dashed #a6a6a6; }
        @media print, screen and (min-width: 750px) {
          .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip::before {
            width: 8px;
            height: 100%;
            border-top: none;
            border-bottom: none;
            border-left: 1px dashed #a6a6a6;
            border-right: 1px dashed #a6a6a6; } }
              .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip.s4::before {
                margin-top: -10px;
                height: calc(100% - 20px); } }
            @media print, screen and (min-width: 750px) {
              .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatCol.skip.s4_40::before {
                margin-top: -10px;
                height: calc(100% - 20px); } }
  .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatColNum {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -6px;
    width: 7vw; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_selSeatDesc.reserved .subPuSmap_selSeatColNum {
        position: absolute;
        top: 0;
        width: 30px;
        height: 1em;
        left: 0;
        text-align: center;
        font-size: 0.8rem; } }
  .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc {
    height: 45vh;
    overflow-y: scroll;
    margin: 6px -15px; }
.subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc.contentOmit {
  height: auto;
  overflow-y: visible;
  padding-left: 0; }
.subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc.contentOmit.skip {
  position: relative;
  margin-top: 20px;
  padding-top: 30px; }
.subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc.contentOmit.skip::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 10px;
  margin: 0 auto;
  border-left: none;
  border-right: none;
  border-top: 1px dashed #a6a6a6;
  border-bottom: 1px dashed #a6a6a6; }
    .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc::-webkit-scrollbar-thumb {
      background: #007a52; }
    .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol {
      margin-bottom: auto;
      padding-left: 10vw;
      padding-right: 10vw; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol::before {
        width: 7vw;
        height: 0;
        bottom: auto;
        left: auto;
        right: 2.5vw;
        margin-top: 2.5px;
        counter-increment: none;
        content: ''; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol::after {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 7vw;
        height: 0;
        top: auto;
        bottom: 0;
        left: 2.5vw;
        right: auto;
        margin-top: 2.5px;
        margin-bottom: auto;
        color: #666666; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd)::before {
        height: 200%;
        content: attr(data-seatnum); }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd):first-of-type {
        padding-top: 12px; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd):first-of-type .subPuSmap_selSeatRow::before, .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd):first-of-type .subPuSmap_selSeatRow::after {
        border-top: 8px solid #979797; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd) .subPuSmap_selSeatRow {
        padding-top: 8px; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even)::after {
        height: 200%;
        content: attr(data-seatnum); }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even)::before {
        content: none; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even):last-of-type .subPuSmap_selSeatRow {
        padding-bottom: 12px; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even):last-of-type .subPuSmap_selSeatRow::before, .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even):last-of-type .subPuSmap_selSeatRow::after {
          border-bottom: 8px solid #979797; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even) .subPuSmap_selSeatRow {
        padding-bottom: 8px; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even) .subPuSmap_selSeatRow::before, .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even) .subPuSmap_selSeatRow::after {
          top: auto;
          bottom: 0;
          border-top: none;
          border-bottom: 4px solid #979797; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow {
        justify-content: flex-start; }
    .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow {
      position: relative;
      padding: 4px 9px; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::before, .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::after {
        position: absolute;
        top: 0;
        pointer-events: none;
        width: calc(12vw * 2 + 6px * 3);
        height: 100%;
        content: '';
        border-top: 4px solid #979797; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::before {
        left: 0;
        border-left: 3px solid #979797; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::after {
        right: 0;
        border-right: 3px solid #979797; }
      .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow li {
        width: 12vw;
        height: 12vw; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow li:nth-of-type(1) {
          margin-right: 6px; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow li:nth-of-type(3) {
          margin-left: auto; }
        .subPuSmap_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow li:nth-of-type(4) {
          margin-left: 6px; }
  .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol {
    width: auto;
    margin-right: auto;
    padding-top: 38px;
    padding-bottom: 38px; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol::before {
      width: 200%; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd)::before {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200%;
        height: 1em;
        left: 0;
        color: #666666;
        content: attr(data-seatnum); }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd)::before {
      top: 6px; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd):first-of-type .subPuSmap_selSeatRow {
      padding-left: 5px; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd):first-of-type .subPuSmap_selSeatRow::before, .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd):first-of-type .subPuSmap_selSeatRow::after {
        border-left: 2px solid #979797; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd) .subPuSmap_selSeatRow {
      padding-left: 4px; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd) .subPuSmap_selSeatRow::before, .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(odd) .subPuSmap_selSeatRow::after {
        border-right: none; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even)::after {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200%;
      height: 1em;
      right: 0;
      color: #666666;
      content: attr(data-seatnum); }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even)::before {
      content: none; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even)::after {
      bottom: 6px;
      font-size: 0.8rem; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even):last-of-type .subPuSmap_selSeatRow {
      padding-right: 5px; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even):last-of-type .subPuSmap_selSeatRow::before, .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even):last-of-type .subPuSmap_selSeatRow::after {
        border-right: 2px solid #979797; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even) .subPuSmap_selSeatRow {
      padding-right: 4px; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even) .subPuSmap_selSeatRow::before, .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol:nth-of-type(even) .subPuSmap_selSeatRow::after {
        left: auto;
        right: 0;
        border-left: none; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow {
      padding: 6px 3px; }
      .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow li {
        width: 30px;
        height: 30px;
        margin-bottom: 0; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow li:nth-of-type(1) {
          margin-right: 0;
          margin-bottom: 4px; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow li:nth-of-type(3) {
          margin-left: 0; }
        .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatCol .subPuSmap_selSeatRow li:nth-of-type(4) {
          margin-top: 4px;
          margin-left: 0; }
  .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow {
    position: relative; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::before, .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::after {
      position: absolute;
      left: 0;
      pointer-events: none;
      width: 100%;
      height: 72px;
      content: '';
      border-left: 1px solid #979797;
      border-right: 1px solid #979797; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::before {
      top: 0;
      border-top: 2px solid #979797; }
    .subPuSmapPc_selSeatInner.boxSeat .subPuSmap_selSeatDesc .subPuSmap_selSeatRow::after {
      bottom: 0;
      border-bottom: 2px solid #979797; }

.subPuSmap_legendW {
  width: 100%;
  height: auto;
  padding: 15px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_legendW {
      background: #fff;
      padding: 20px 0 24px;
      position: relative;
      margin-bottom: 0; }
      .subPuSmap_legendW .subPuSmap_selSeatFacilityHelp {
        position: absolute;
        right: 20px;
        top: 20px; } }

.subPuSmap_legendDl {
  width: 100%;
  height: auto;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #d9d9d9;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_legendDl {
      justify-content: flex-start;
      border: none;
      border-top: 1px solid #d9d9d9;
      padding: 10px 0 0 0;
      background: none;
      margin-top: 20px; }
      .subPuSmap_legendDl:first-child {
        border: none;
        margin-top: 0; } }

.subPuSmap_legendDt {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  font-weight: bold;
  color: #000; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_legendDt {
      text-align: left; } }

.subPuSmap_legendDd {
  display: block;
  width: auto;
  height: auto;
  margin-right: 15px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_legendDd {
      width: auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      margin-top: 15px;
      margin-right: 0; } }
  .subPuSmap_legendDd:last-of-type {
    margin-right: 0; }
  .subPuSmap_legendDd span.legendOk {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    outline: none;
    box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: #fff;
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendOk {
        width: 30px;
        height: 30px; } }
    .subPuSmap_legendDd span.legendOk::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 50%;
      height: 50%;
      border: 2px solid #1a70b2;
      border-radius: 50%; }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendOk::before {
          width: 40%;
          height: 40%;
          border-width: 1px; } }
  .subPuSmap_legendDd span.legendNg {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    outline: none;
    box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: #d9d9d9;
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendNg {
        width: 30px;
        height: 30px; } }
    .subPuSmap_legendDd span.legendNg::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 40%;
      height: 2px;
      background-color: #a6a6a6;
      transform: rotate(45deg); }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendNg::before {
          width: 45%;
          height: 1px; } }
    .subPuSmap_legendDd span.legendNg::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 40%;
      height: 2px;
      background-color: #a6a6a6;
      transform: rotate(-45deg); }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendNg::after {
          width: 45%;
          height: 1px; } }
  .subPuSmap_legendDd span.legendDelete {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    outline: none;
    box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #b42700;
    border-radius: 5px;
    background-color: #b42700;
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendDelete {
        width: 30px;
        height: 30px; } }
    .subPuSmap_legendDd span.legendDelete::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 40%;
      height: 2px;
      background-color: #fff;
      transform: rotate(45deg); }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendDelete::before {
          width: 45%;
          height: 1px; } }
    .subPuSmap_legendDd span.legendDelete::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 40%;
      height: 2px;
      background-color: #fff;
      transform: rotate(-45deg); }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendDelete::after {
          width: 45%;
          height: 1px; } }
  .subPuSmap_legendDd span.legendCheck {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    outline: none;
    box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #1a70b2;
    border-radius: 5px;
    background-color: #1a70b2;
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendCheck {
        width: 30px;
        height: 30px; } }
    .subPuSmap_legendDd span.legendCheck::before {
      content: "";
      position: absolute;
      top: 47%;
      bottom: auto;
      left: 44%;
      right: auto;
      width: 30%;
      height: 2px;
      background-color: #fff;
      border: none;
      border-radius: 1px;
      transform: rotate(-45deg); }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendCheck::before {
          left: 41%;
          width: 38%;
          height: 1px; } }
    .subPuSmap_legendDd span.legendCheck::after {
      content: "";
      position: absolute;
      top: 50%;
      bottom: auto;
      right: 47%;
      left: auto;
      width: 20%;
      height: 2px;
      background-color: #fff;
      border-radius: 1px;
      transform: rotate(45deg); }
      @media print, screen and (min-width: 750px) {
        .subPuSmap_legendDd span.legendCheck::after {
          right: 50%;
          width: 24%;
          height: 1px; } }
  .subPuSmap_legendDd span.legendPaid {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    outline: none;
    box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #666666;
    border-radius: 5px;
    background-color: #666666;
    position: relative;
    		/*
    		&::before {
    			content:"";
    			position: absolute;
    			top:47%;
    			bottom:auto;
    			left:44%;
    			right:auto;
    			width: 30%;
    			height: 2px;
    			background-color:$white;
    			border:none;
    			border-radius: 1px;
    			transform: rotate(-45deg);

    			@include pc {
    				left: 41%;
    				width: 38%;
    				height: 1px;
    			}
    		}

    		&::after {
    			content:"";
    			position: absolute;
    			top:50%;
    			bottom:auto;
    			right:47%;
    			left:auto;
    			width:20%;
    			height: 2px;
    			background-color:$white;
    			border-radius: 1px;
    			transform: rotate(45deg);

    			@include pc {
    				right: 50%;
    				width: 24%;
    				height: 1px;
    			}
    		}*/ }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendPaid {
        width: 30px;
        height: 30px; } }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendPaid img.paidIcon {
        width: 70%;
        height: auto; } }
  .subPuSmap_legendDd span.legendIcon {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-family: inherit;
    font-size: 0;
    outline: none;
    box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin: 0 auto;
    padding: 0;
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendIcon {
        width: 26px;
        height: 26px; } }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_legendDd.seaticon span.legendIcon {
      width: 32px;
      height: 32px; } }
  .subPuSmap_legendDd span.legendTxt {
    display: block;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 5px;
    color: #666666; }
    @media print, screen and (min-width: 750px) {
      .subPuSmap_legendDd span.legendTxt {
        margin-top: 0;
        margin-left: 5px;
        margin-right: 20px;
        text-align: left; } }

.subPuSmap_displayW100per {
  display: block;
  width: 100%;
  height: auto;
  background: #fff; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_displayW100per {
      position: static;
      box-shadow: none; } }
  @media print, screen and (min-width: 750px) {
    .active .subPuSmap_displayW100per {
      position: static; } }

.subPuSmap_displayW {
  width: 100%;
  height: auto;
  padding: 8px 15px 10px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_displayW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding: 35px 40px 60px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }

.subPuSmap_displayLead {
  font-size: 0.9rem;
  color: #666666;
  text-align: center; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_displayLead {
      width: 100%;
      font-weight: bold; } }

.subPuSmap_displayBtnW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_displayBtnW {
      margin-top: 0; } }

.subPuSmap_displayBtnW-clear {
  width: 48%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_displayBtnW-clear {
      width: 260px; } }
  .subPuSmap_displayBtnW-clear button:focus {
    outline: solid 2px #06c; }

.subPuSmap_displayBtnW-decide {
  width: 48%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .subPuSmap_displayBtnW-decide {
      width: 400px; } }

/*=========================================
ご予約内容の確認
=========================================*/
.ckSeat_formEntryW {
  width: 100%;
  height: auto;
  background: linear-gradient(to bottom, #fff, #fff 43px, #f5f5f5 43px); }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formEntryW {
      margin-top: 20px;
      background: linear-gradient(to bottom, #fff, #fff 45px, #f5f5f5 45px); } }

.comp_listCheck_ul {
  padding: 20px 0; }
  @media print, screen and (min-width: 750px) {
    .comp_listCheck_ul {
      padding: 0 0 20px 0; } }

.comp_listCheck_ul_list {
  margin-bottom: 15px;
  position: relative;
  padding-left: 18px; }
  .comp_listCheck_ul_list:before {
    content: "";
    display: block;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 10px;
    height: 4px;
    transform: rotate(-45deg);
    position: absolute;
    top: 9px;
    left: 0; }

.ckSeat_formEntryTabW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formEntryTabW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  .ckSeat_formEntryTabW li.tab {
    width: 100%;
    height: auto;
    padding-top: 0; }
    .ckSeat_formEntryTabW li.tab:first-of-type {
      padding-top: 43px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formEntryTabW li.tab:first-of-type {
        padding-top: 46px; } }

.ckSeat_formEntryTabH-oneway:focus,
.ckSeat_formEntryTabH-roundtrip:focus {
  outline: solid 2px #06c; }

.ckSeat_formEntryTabH-first {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 15px;
  width: 95px;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formEntryTabH-first {
      width: 180px;
      height: 46px; } }
  .ckSeat_formEntryTabH-first.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .ckSeat_formEntryTabH-first.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 70px;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .ckSeat_formEntryTabH-first.active::before {
          width: 100px; } }

.ckSeat_formEntryTabH-second {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 118px;
  width: 95px;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formEntryTabH-second {
      width: 180px;
      height: 46px;
      left: 215px; } }
  .ckSeat_formEntryTabH-second.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .ckSeat_formEntryTabH-second.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 70px;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .ckSeat_formEntryTabH-second.active::before {
          width: 100px; } }

.ckSeat_formEntryTabH-third {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 223px;
  width: 95px;
  height: 43px;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formEntryTabH-third {
      width: 180px;
      height: 46px;
      left: 415px; } }
  .ckSeat_formEntryTabH-third.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .ckSeat_formEntryTabH-third.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 70px;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .ckSeat_formEntryTabH-third.active::before {
          width: 100px; } }

.ckSeat_formEntryTabInner {
  width: 100%;
  height: auto; }

.ckSeat_formTrainW {
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 0 15px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 60px; } }

.ckSeat_formTrainW-inner {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainW-inner {
      padding-bottom: 25px; } }

.ckSeat_formTrain {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 40px; } }
  .ckSeat_formTrain.ckSeat_formTrainIc {
    padding-top: 20px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrain.ckSeat_formTrainIc {
        padding-top: 0; } }
  .compSeat_confW_2 .ckSeat_formTrain {
    padding: 0; }

.ckSeat_formTrainNote {
  margin-bottom: 45px;
  font-weight: bold;
  color: #b42700; }

.ckSeat_formTrainHeader {
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px;
  margin-top: 45px; }
  .ckSeat_formTrainHeader:first-of-type {
    margin-top: 0; }
  .compSeat_confW_2 .ckSeat_formTrainHeader {
    font-size: 1rem; }
  .ckSeat_trainCardItem .ckSeat_formTrainHeader {
    font-size: 1rem; }
  .compSeat_formTrainSubPassW .ckSeat_formTrainHeader {
    margin-top: 45px; }

.ckSeat_formTrainSubHeader {
  margin-top: 10px; }
  .ckSeat_formTrainSubHeader.before {
    color: #666666; }
  .ckSeat_formTrainSubHeader ~ .ckSeat_formTrainSubHeader {
    margin-top: 30px; }

.ckSeat_formTrainTxt {
  margin: 25px 0; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainTxt {
      margin-top: 15px; } }

.ckSeat_formTrainSubTxt {
  margin: 15px 0 10px; }

.ckSeat_formTrainContent {
  margin-top: 10px; }
  .ckSeat_formTrainContent.ckSeat_formTrainContent_col2 {
    margin-bottom: 10px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainContent.ckSeat_formTrainContent_col2 {
        display: flex;
        align-items: flex-start; } }
  .ckSeat_formTrainContent.shinkansen {
    position: relative;
    padding-left: 22px; }
    .ckSeat_formTrainContent.shinkansen::before {
      position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png) no-repeat left top;
      background-size: 16px 16px;
      top: 0;
      bottom: 0;
      left: 0;
      margin-top: auto;
      margin-bottom: auto; }
.ckSeat_formTrainContent.limitedex {
  position: relative;
  padding-left: 22px; }
      .ckSeat_formTrainContent.limitedex::before {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon.png) no-repeat left top;
        background-size: 16px 16px;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto; }
  .ckSeat_formTrainContent.reserve {
    position: relative;}
.ckSeat_formTrainContent.unreserve {
position: relative;}
  .ckSeat_formTrainContent.green {
    position: relative;
    padding-left: 22px; }
        .ckSeat_formTrainContent.green::before {
          position: absolute;
          content: "";
          width: 16px;
          height: 16px;
          background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_green-icon.png") no-repeat left top;
          background-size: 16px 16px;
          top: 0;
          bottom: 0;
          left: 0;
          margin-top: auto;
          margin-bottom: auto; }
      .ckSeat_formTrainContent.granclass {
        position: relative;
        padding-left: 22px; }
            .ckSeat_formTrainContent.granclass::before {
              position: absolute;
              content: "";
              width: 16px;
              height: 16px;
              background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png") no-repeat left top;
              background-size: 16px 16px;
              top: 0;
              bottom: 0;
              left: 0;
              margin-top: auto;
              margin-bottom: auto; }
          .ckSeat_formTrainContent.dxgreen {
            position: relative;
            padding-left: 22px; }
                .ckSeat_formTrainContent.dxgreen::before {
                  position: absolute;
                  content: "";
                  width: 16px;
                  height: 16px;
                  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_dxgreen-icon.png") no-repeat left top;
                  background-size: 16px 16px;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  margin-top: auto;
                  margin-bottom: auto; }
              .ckSeat_formTrainContent.premiumgreen {
                position: relative;
                padding-left: 22px; }
                    .ckSeat_formTrainContent.premiumgreen::before {
                      position: absolute;
                      content: "";
                      width: 16px;
                      height: 16px;
                      background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseatspec_pgreen-icon-pc.png") no-repeat left top;
                      background-size: 16px 16px;
                      top: 0;
                      bottom: 0;
                      left: 0;
                      margin-top: auto;
                      margin-bottom: auto; }

.ckSeat_formTrainContent_price {
  display: flex; }
  .ckSeat_formTrainContent_price .attr {
    min-width: 55px;
    margin-right: 5px; }
  .ckSeat_formTrainContent_price .price {
    min-width: 5em;
    text-align: right; }

.pc_w200px {
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .pc_w200px {
      margin-top: 0;
      max-width: 200px;
      width: 100%; } }

.ckSeat_formTrainInfoIcon {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin: 10px -5px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainInfoIcon {
      order: 1; } }
  .ckSeat_formTrainInfoIcon:first-child {
    margin-top: -5px; }
  .ckSeat_formTrainInfoIcon li {
    margin: 5px;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 15px;
    background-color: #fff;
    text-align: center;
    font-size: 0.7rem; }
    @media print, screen and (max-width: 749px) {
      .ckSeat_formTrainInfoIcon li {
        width: calc(50% - 10px);
        display: flex;
        justify-content: center;
        align-items: center; } }
    .ckSeat_formTrainInfoIcon li.train {
      border-color: #563d34;
      background-color: #563d34;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.return {
      border-color: #000;
      background-color: #000;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.ticketed {
      border-color: #d9d9d9;
      background-color: #555555;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.spent {
      border-color: #d9d9d9;
      background-color: #555555;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.issued {
      border-color: #d9d9d9;
      background-color: #555555;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.refunded {
      border-color: #d9d9d9;
      background-color: #555555;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.unregistered {
      border-color: #d9d9d9;
      background-color: #007a52;
      color: #fff; }
    .ckSeat_formTrainInfoIcon li.unused {
      border-color: #d9d9d9;
      background-color: #007a52;
      color: #fff; }

.ckSeat_formTrainDate {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 20px;
  /*	@include pc {
  		font-size:1rem;
  	}*/ }
  .ckSeat_formTrainDate span {
    font-size: 1rem; }

.ckSeat_titleReslut {
  width: 100%;
  height: auto;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_titleReslut {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; } }

.ckSeat_titleReslutSt {
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_titleReslutSt {
      width: auto; } }

.ckSeat_titleReslutStName {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_titleReslutStName {
      margin-bottom: 5px; } }

.ckSeat_titleReslutStNameGeton {
  min-width: 33%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_titleReslutStNameGeton {
      min-width: auto; } }

.ckSeat_titleReslutStNameGetoff {
  min-width: 33%;
  padding-left: 2em;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_titleReslutStNameGetoff {
      min-width: auto;
      padding-left: 3em;
      margin-left: 2em; } }
  .ckSeat_titleReslutStNameGetoff::before {
    position: absolute;
    bottom: 0.5em;
    left: 0;
    width: 1em;
    height: 1em;
    content: "→"; }

.ckSeat_titleReslutStNameGeton dl,
.ckSeat_titleReslutStNameGetoff dl {
  width: 100%;
  height: auto; }
.ckSeat_titleReslutStNameGeton dt,
.ckSeat_titleReslutStNameGetoff dt {
  font-weight: bold; }
.ckSeat_titleReslutStNameGeton dd,
.ckSeat_titleReslutStNameGetoff dd {
  font-weight: bold;
  font-size: 1.5rem; }
  .ckSeat_titleReslutStNameGeton dd span,
  .ckSeat_titleReslutStNameGetoff dd span {
    font-size: 1rem; }

.ckSeat_titleReslutStNameIconW {
  display: flex;
  align-items: center;
  padding-right: 10px; }

.ckSeat_titleReslutStNameIcon {
  padding: 5px;
  line-height: 1; }

.ckSeat_titleReslutSub {
  width: 100%;
  height: auto;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_titleReslutSub {
      width: auto; } }

.ckSeat_titleReslutStTime {
  font-size: 0.9rem; }

.ckSeat_titleReslutStAc {
  font-size: 0.9rem; }

.ckSeat_formGetStW {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0px;
  box-shadow: 0 0 1px #ccc;
  position: relative; }
  .ckSeat_formGetStW::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    top: 100%;
    left: 0;
    background: linear-gradient(to bottom, #bbbbbb 0%, rgba(187, 187, 187, 0) 100%);
    z-index: 1; }

.ckSeat_trainW {
  width: 100%;
  height: auto; }

.ckSeat_trainList {
  width: 100%;
  height: auto;
  /*	border:1px solid $black_15per;
  	border-radius: 3px;*/
  /*	background:$white;*/
  margin-top: 15px; }

.ckSeat_trainCardItem {
  width: 100%;
  height: auto;
  padding: 10px;
  border: 1px solid #d9d9d9;
  margin-bottom: -1px;
  background-color: #fff; }
  .ckSeat_trainCardItem:first-of-type {
    margin-top: 10px;
    border-radius: 5px 5px 0 0; }
  .ckSeat_trainCardItem:last-of-type {
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px; }
  .ckSeat_trainCardItem:last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainCardItem {
      padding: 19px; } }

.ckSeat_trainListItem_listBox {
  display: flex;
  justify-content: space-between; }

.ckSeat_trainListItem {
  width: 100%;
  height: auto;
  padding: 0;
  border-radius: 3px;
  margin-bottom: 20px;
  background: #fff; }
  .ckSeat_trainListItem:last-of-type {
    margin-bottom: 0; }

.ckSeat_trainListHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }
  .ckSeat_trainListHeader ~ .ckSeat_trainListHeader {
    margin-top: 40px; }

.ckSeat_trainListIcW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 15px;
  align-items: center; }

.ckSeat_trainListIcType {
  margin-top: 5px;
  display: inline-block;
  width: auto;
  height: auto;
  border: 2px solid #000;
  font-size: 0.9rem;
  border-radius: 1em;
  line-height: 1;
  padding: 4px 10px;
  font-weight: bold; }
  .ckSeat_trainListIcType.iccard {
    background: #daedd9; }
  .ckSeat_trainListIcType.normal {
    background: #fff; }

.ckSeat_trainListIcLead {
  margin-left: 10px;
  /*	width: 100%;*/
  height: auto;
  font-size: 0.8rem;
  /*	padding-left: 4px;*/ }

.ckSeat_trainListNameW {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.ckSeat_trainListName {
  font-size: 1.1rem;
  font-weight: bold;
  padding-left: 42px;
  position: relative;
  line-height: 1.4; }
  .subPuSmap_sel .ckSeat_trainListName {
    text-align: left;
    margin-bottom: 10px; }
  .ckSeat_trainListName.shinkansen::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 32px 32px; }
  .ckSeat_trainListName.limitedex::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_limitedex-icon-pc.png") left top;
    background-size: 32px 32px; }
  .ckSeat_trainListName.local {
    padding-left: 0; }
  .ckSeat_trainListName .ckSeat_trainListNameType {
    display: block;
    font-size: 0.75rem;
    font-weight: normal;
    color: #666666; }

.ckSeat_trainListTime {
  font-size: 0.75rem;
  font-weight: normal;
  color: #666666; }

@media print, screen and (min-width: 750px) {
  .ckSeat_trainListSeatBonusW {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 15px; } }

.ckSeat_trainListSeatW {
  width: 100%;
  height: auto;
  margin-top: 15px;
  padding: 15px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatW {
      flex-basis: auto;
      margin-top: 0;
      padding: 20px;
      display: block;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start; } }

.ckSeat_trainListSeatAcDl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDl {
      width: 50%; } }

.ckSeat_trainListSeatAcDl-cp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: 15px; }

.ckSeat_trainListSeatAcDt-em {
  display: block;
  width: 100%;
  height: auto;
  text-align: left;
  order: 1;
  color: #666666;
  font-size: 0.9rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDt-em {
      width: 30%;
      font-size: 0.8rem;
      order: 1;
      margin-bottom: 15px; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDt-em {
      width: 30%; } }
  .inactive .ckSeat_trainListSeatAcDt-em {
    opacity: 0.4;
    color: #000; }
  .compSeat_confW .ckSeat_trainListSeatAcDt-em {
    font-size: 0.8rem; }

.ckSeat_trainListSeatAcDt-ad {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #666666;
  font-size: 0.9rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDt-ad {
      width: 30%;
      font-size: 0.8rem;
      order: 3;
      margin-bottom: 15px; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDt-ad {
      width: 30%; } }
  .inactive .ckSeat_trainListSeatAcDt-ad {
    opacity: 0.4;
    color: #000; }
  .compSeat_confW .ckSeat_trainListSeatAcDt-ad {
    font-size: 0.8rem; }

.ckSeat_trainListSeatAcDt-cl {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 4;
  color: #666666;
  font-size: 0.9rem;
  font-weight: bold; }
  .ckSeat_trainListSeatAcDt-cl.noData {
    opacity: 0; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDt-cl.noData {
        display: none; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDt-cl {
      width: 30%;
      order: 5;
      font-size: 0.8rem; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDt-cl {
      width: 30%; } }
  .inactive .ckSeat_trainListSeatAcDt-cl {
    opacity: 0.4;
    color: #000; }
  .compSeat_confW .ckSeat_trainListSeatAcDt-cl {
    font-size: 0.8rem; }

.ckSeat_trainListSeatAcDt-cp {
  display: block;
  height: auto;
  text-align: left;
  color: #666666;
  font-size: 0.9rem;
  font-weight: bold; }
  .ckSeat_trainListSeatAcDt-cp.noData {
    opacity: 0; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDt-cp.noData {
        display: none; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDt-cp {
      font-size: 0.8rem; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDt-cp {
      width: 30%; } }
  .inactive .ckSeat_trainListSeatAcDt-cp {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDd-em {
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  text-align: left;
  order: 2;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDd-em {
      display: flex;
      width: 70%;
      order: 2;
      justify-content: flex-start;
      margin-bottom: 15px;
      margin-top: -2px; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDd-em {
      width: 70%; } }
  .ckSeat_trainListSeatAcDd-em span.price {
    display: block;
    min-width: 80px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-em span.price {
        text-align: right; } }
  .ckSeat_trainListSeatAcDd-em span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    background: #fff;
    border: 2px solid #bacc93;
    margin-left: 0;
    padding: 2px 15px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-em span.jrepoint {
        display: inline;
        margin-left: 10px;
        min-width: 98px;
        padding: 2px 10px;
        text-align: right; } }
    .ckSeat_trainListSeatAcDd-em span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .ckSeat_trainListSeatAcDd-em {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDd-ad {
  align-items: center;
  width: 50%;
  height: auto;
  text-align: left;
  order: 5;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDd-ad {
      display: flex;
      width: 70%;
      order: 4;
      justify-content: flex-start;
      margin-bottom: 15px;
      margin-top: -2px; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDd-ad {
      width: 70%; } }
  .ckSeat_trainListSeatAcDd-ad span.price {
    display: block;
    min-width: 80px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-ad span.price {
        text-align: right; } }
  .ckSeat_trainListSeatAcDd-ad span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    background: #fff;
    border: 2px solid #bacc93;
    margin-left: 0;
    padding: 2px 15px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-ad span.jrepoint {
        display: inline;
        margin-left: 10px;
        min-width: 98px;
        padding: 2px 10px;
        text-align: right; } }
    .ckSeat_trainListSeatAcDd-ad span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .ckSeat_trainListSeatAcDd-ad {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDd-cl {
  width: 50%;
  height: auto;
  align-items: center;
  text-align: left;
  order: 6;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  .ckSeat_trainListSeatAcDd-cl.noData {
    opacity: 0; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-cl.noData {
        display: none; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDd-cl {
      width: 70%;
      order: 6;
      margin-top: -2px;
      display: flex;
      align-items: center;
      justify-content: flex-start; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDd-cl {
      width: 70%; } }
  .ckSeat_trainListSeatAcDd-cl span.price {
    display: block;
    min-width: 80px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-cl span.price {
        text-align: right; } }
  .ckSeat_trainListSeatAcDd-cl span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    background: #fff;
    border: 2px solid #bacc93;
    padding: 2px 15px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-cl span.jrepoint {
        display: inline;
        margin-left: 10px;
        min-width: 98px;
        padding: 2px 10px;
        text-align: right; } }
    .ckSeat_trainListSeatAcDd-cl span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .ckSeat_trainListSeatAcDd-cl {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDd-cp {
  min-width: 100px;
  height: auto;
  align-items: center;
  text-align: right;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  .ckSeat_trainListSeatAcDd-cp.noData {
    opacity: 0; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-cp.noData {
        display: none; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDd-cp {
      min-width: 108px;
      margin-top: -2px;
      display: flex;
      align-items: center;
      justify-content: flex-start; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatAcDd-cp {
      width: 70%; } }
  .ckSeat_trainListSeatAcDd-cp span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    background: #fff;
    border: 2px solid #bacc93;
    padding: 2px 15px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-cp span.jrepoint {
        display: inline;
        margin-left: 10px;
        min-width: 98px;
        padding: 2px 10px;
        text-align: right; } }
    .ckSeat_trainListSeatAcDd-cp span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .ckSeat_trainListSeatAcDd-cp {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatNameW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatNameW {
      margin-top: -4px;
      width: 100%; } }
  @media print, screen and (min-width: 750px) {
    .noBonus .ckSeat_trainListSeatNameW {
      width: 50%; } }

.ckSeat_trainListSeatName {
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-weight: bold;
  margin-right: 5px;
  padding-left: 20px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatName {
      margin-right: 0; } }
  .ckSeat_trainListSeatName.reserve::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 6px;
    bottom: 0;
    left: 0;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_reserve-icon.png") no-repeat left top;
    background-size: 16px 16px; }
  .ckSeat_trainListSeatName.granclass::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 6px;
    bottom: 0;
    left: 0;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttrainseat_granclass-icon.png") no-repeat left top;
    background-size: 16px 16px; }
  .ckSeat_trainListSeatName.noSeatChange {
    padding-right: 0; }
  .ckSeat_trainListSeatName .info {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.953125;
    margin-left: 0.6em; }

.ckSeat_trainListSeatNameIconW {
  display: flex;
  flex-wrap: wrap;
  margin: -3px -5px; }

.ckSeat_trainListSeatNameIcon.tokudane, .ckSeat_trainListSeatNameIcon.kabunushi {
  display: inline-flex;
  align-self: center;
  width: auto;
  background: #007a52;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.ticketless {
  display: inline-flex;
  align-self: center;
  width: auto;
  background-color: #c1417f;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.bonus {
  display: inline-flex;
  align-self: center;
  width: auto;
  background: #bacc93;
  color: #000;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.ic {
  display: inline-flex;
  align-self: center;
  width: auto;
  border: 1px solid #007a52;
  color: #007a52;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.otona {
  display: inline-flex;
  align-self: center;
  width: auto;
  border: 1px solid #7a6f39;
  background-color: #7a6f39;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.upgrade {
  display: inline-flex;
  align-self: center;
  width: auto;
  border: 1px solid #7a6f39;
  background-color: #673911;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.ticketless-per {
  display: inline-flex;
  align-self: center;
  width: auto;
  border: 1px solid #955ea7;
  background-color: #955ea7;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.ticketless-yen {
  display: inline-flex;
  align-self: center;
  width: auto;
  border: 1px solid #c1417f;
  background-color: #c1417f;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }
.ckSeat_trainListSeatNameIcon.ofuku {
  display: inline-flex;
  align-self: center;
  width: auto;
  border: 1px solid #2d2a8a;
  background-color: #2d2a8a;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1;
  margin: 3px 5px; }

.ckSeat_trainListBonusW {
  width: 100%;
  height: auto;
  padding: 15px;
  background: #f5f5f5;
  margin-top: 1px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListBonusW {
      flex-basis: auto;
      display: block;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      border-left: 1px solid #fff;
      padding: 20px; } }

.ckSeat_trainListBonusWTitle {
  width: 100%;
  height: auto;
  font-weight: bold; }

.ckSeat_trainListBonusItem {
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListBonusItem {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start; } }

.ckSeat_trainListBonusTitleW {
  width: 80%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListBonusTitleW {
      margin-top: -4px; } }

.ckSeat_trainListBonusTitle {
  /*	width: 100%;
  	height: auto;
  	font-weight:bold;*/
  max-width: 100%;
  display: inline-block;
  align-self: center;
  width: auto;
  background: #bacc93;
  color: #000;
  font-size: 0.8rem;
  border-radius: 3px;
  padding: 3px;
  line-height: 1; }

.ckSeat_trainListBonuspointDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListBonuspointDl {
      margin-top: 0; } }

.ckSeat_trainListBonuspointDt {
  min-width: 70%;
  font-size: 0.9rem;
  color: #666666;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListBonuspointDt {
      margin-bottom: 15px;
      font-size: 0.8rem; } }
  .ckSeat_trainListBonuspointDt:last-of-type {
    margin-bottom: 0; }

.ckSeat_trainListBonuspointDd {
  width: auto;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListBonuspointDd {
      margin-bottom: 15px;
      font-size: 0.8rem; } }
  .ckSeat_trainListBonuspointDd:last-of-type {
    margin-bottom: 0; }
  .ckSeat_trainListBonuspointDd span {
    font-size: 0.5rem;
    background: #fff;
    color: #007a52;
    font-weight: bold;
    border: 2px solid #bacc93;
    border-radius: 1em;
    margin-left: 5px;
    padding: 1px 5px; }

.ckSeat_trainListSeatnumW {
  width: 100%;
  height: auto;
  padding: 15px;
  background: #f5f5f5;
  margin-top: 10px;
  position: relative; }

.ckSeat_trainListSeatnum {
  position: relative;
  margin-bottom: 20px; }
  .ckSeat_trainListSeatnum::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -16px;
    left: 36px;
    width: 0;
    height: 0;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatnum::before {
        bottom: -3px;
        left: 36px; } }
  .ckSeat_trainListSeatnum:last-of-type {
    position: static;
    margin-bottom: 0; }
    .ckSeat_trainListSeatnum:last-of-type::before {
      display: none; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatnum {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      align-items: center; } }

.ckSeat_trainListSeatnumTitleW {
  width: 100%;
  height: auto; }

.ckSeat_trainListSeatnumTitle {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  height: auto;
  padding-right: 125px;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatnumTitle {
      margin-top: 0;
      padding-right: 120px; } }

.ckSeat_trainListSeatnumTxtW {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-left: 42px; }
  .ckSeat_trainListSeatnumTxtW::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/rc_seattype_green_icon.png") left top;
    background-size: 32px 32px; }
  .ckSeat_trainListSeatnumTxtW.blue::before {
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/rc_seattype_blue_icon.png"); }
  .ckSeat_trainListSeatnumTxtW.gray::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ic_seattype_green_icon.png") no-repeat;
    background-size: 32px,32px; }

.ckSeat_trainListSeatnumTxt {
  font-size: 1.1rem;
  font-weight: bold;
  /*word-break: break-word;*/ }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatnumTxt {
      margin-right: 20px; } }
  @media print, screen and (min-width: 750px) {
    .icSeat_formTicketListItem .ckSeat_trainListSeatnumTxt {
      margin-right: 0; } }
  .ckSeat_trainListSeatnumTxt span {
    font-size: 0.88rem; }

.ckSeat_trainListSeatnumTxt-comp {
  width: 100%;
  font-size: 1rem;
  margin-right: 10px; }
  .ckSeat_trainListSeatnumTxt-comp span {
    font-size: 0.8rem; }

.ckSeat_trainListSeatnumBtn {
  top: 15px;
  right: 15px;
  width: 115px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatnumBtn {
      width: 110px;
      margin-left: auto; } }
  .ckSeat_trainListSeatnumBtn .tmp_btn_sub1_s_green-auto {
    font-size: 0.8rem; }

.ckSeat_trainListTicketW {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  margin-top: 20px; }

.ckSeat_trainListTicketItem {
  width: 100%;
  height: auto;
  padding: 10px;
  border-bottom: 1px solid #d9d9d9; }
  .ckSeat_trainListTicketItem:last-of-type {
    border-bottom: none; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListTicketItem {
      padding: 20px; } }

.ckSeat_trainListTicketTitle {
  width: 100%;
  height: auto;
  font-size: 1rem;
  font-weight: bold; }

.ckSeat_trainListTicketTitle-date {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  font-weight: normal;
  color: #666666;
  margin-top: 5px; }

.ckSeat_trainListTicketTxtW {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 10px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListTicketTxtW {
      padding: 20px 24px; } }

.ckSeat_trainListTicketTxt {
  font-size: 0.8rem; }

.ckSeat_trainListTicketItemSeatAcW {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 10px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListTicketItemSeatAcW {
      padding: 20px 24px; } }
  .ckSeat_trainListTicketItemSeatAcW .ckSeat_trainListSeatAcDl {
    margin-top: 0; }

.ckSeat_formTrainIcBtnW {
  width: 100%;
  height: auto;
  margin-top: 20px; }

.ckSeat_formTrainIcBtn {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
  font-size: 1rem;
  font-family: inherit;
  text-decoration: none;
  text-align: left;
  color: #1a70b2;
  outline: none;
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainIcBtn {
      padding: 20px; } }
  .ckSeat_formTrainIcBtn:hover {
    background: #f2f9f2; }
  .ckSeat_formTrainIcBtn.error {
    border: 2px solid #b42700;
    background: #f9d6d8;
    padding: 14px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainIcBtn.error {
        padding: 19px; } }

.ckSeat_formTrainError {
  margin-top: 1em; }

.ckSeat_formTrainIcBtn-txt1 {
  display: block;
  text-align: left;
  font-weight: bold; }

.ckSeat_formTrainIcBtn-txt2 {
  display: block;
  text-align: left;
  color: #000;
  font-size: 0.8rem;
  margin-top: 10px; }

.ckSeat_formTrainPayW {
  background-color: #f5f5f5;
  margin-top: 15px;
  padding: 15px;
  border-radius: 5px; }

.ckSeat_formTrainPayAcW {
  width: 100%;
  height: auto;
  margin-top: 20px; }
  .ckSeat_formTrainPayAcW.before .ckSeat_formTrainPayAcDl,
  .ckSeat_formTrainPayAcW.before .ckSeat_formTrainPayAcDt,
  .ckSeat_formTrainPayAcW.before .ckSeat_formTrainPayAcDd-pay,
  .ckSeat_formTrainPayAcW.before .ckSeat_formTrainPayAcDd-person,
  .ckSeat_formTrainPayAcW.before .ckSeat_formTrainPayAcDd-total,
  .ckSeat_formTrainPayAcW.before .ckSeat_formTrainPayTotalDl {
    color: #666666; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayAcW {
      padding-left: 22%; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayW .ckSeat_formTrainPayAcW {
      padding-left: 18%; } }

.ckSeat_formTrainPayAcDl {
  width: 100%;
  height: auto;
  display: flex;
  /*flex-wrap: nowrap;*/
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  align-items: center;
  margin-top: 10px; }
  .ckSeat_formTrainPayAcDl:first-of-type {
    margin-top: 0; }

.ckSeat_formTrainPayAcDt {
  display: block;
  /*width: 5em;*/
  width: 100%;
  height: auto;
  color: #666666;
  margin-right: auto;
  font-size: 1rem; }
  .compSeat_confW_2 .ckSeat_formTrainPayAcDt {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayAcDt {
      font-weight: bold;
      width: 8em; }
      .compSeat_confW_2 .ckSeat_formTrainPayAcDt {
        font-size: 1rem; } }

.ckSeat_formTrainPayAcDd-pay {
  display: block;
  width: auto;
  height: auto;
  color: #666666;
  font-size: 1rem; }
  .compSeat_confW_2 .ckSeat_formTrainPayAcDd-pay {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayAcDd-pay {
      font-weight: bold; }
      .compSeat_confW_2 .ckSeat_formTrainPayAcDd-pay {
        font-size: 1rem; } }
  .ckSeat_formTrainPayAcDd-pay span {
    margin-left: 2px;
    font-size: 0.6rem; }

.ckSeat_formTrainPayAcDd-person {
  display: block;
  width: auto;
  height: auto;
  min-width: 2em;
  color: #666666;
  font-size: 1rem;
  margin-left: 2em;
  position: relative; }
  .compSeat_confW_2 .ckSeat_formTrainPayAcDd-person {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayAcDd-person {
      font-weight: bold; }
      .compSeat_confW_2 .ckSeat_formTrainPayAcDd-person {
        font-size: 1rem; } }
  .ckSeat_formTrainPayAcDd-person::before {
    position: absolute;
    display: block;
    content: "\d7";
    width: 1em;
    height: auto;
    top: 0;
    left: -1.5em;
    color: #666666; }

.ckSeat_formTrainPayAcDd-total {
  display: block;
  /*width: 5.5em;*/
  width: 100%;
  height: auto;
  color: #007a52;
  font-weight: bold;
  font-size: 1rem;
  margin-left: 2em;
  position: relative;
  text-align: right; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayAcDd-total {
      /*		width: 8em;*/
      width: auto; } }
  .ckSeat_formTrainPayAcDd-total::before {
    /*position: absolute;
    display: block;*/
    content: "\ff1d";
    width: 1em;
    height: 1em;
    top: -0.4em;
    bottom: 0;
    left: -1.5em;
    margin-top: auto;
    margin-right: 10px;
    margin-bottom: auto;
    margin-left: 5px;
    color: #666666; }
    .compSeat_confW_2 .ckSeat_formTrainPayAcDd-total::before {
      font-size: 0.8rem;
      width: 1em;
      height: 1em;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
      line-height: 1; }
  .ckSeat_formTrainPayAcDd-total span {
    margin-left: 2px;
    font-size: 0.6rem; }

.ckSeat_formTrainPayTotalDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #d9d9d9; }
  .ckSeat_formTrainPayTotalDl.before .ckSeat_formTrainPayTotalDt,
  .ckSeat_formTrainPayTotalDl.before .ckSeat_formTrainPayTotalDd {
    color: #666666; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayTotalDl {
      padding-left: 22%; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayW .ckSeat_formTrainPayTotalDl {
      padding-left: 18%; } }
  .ckSeat_formTrainPayTotalDl.noborder {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }

.ckSeat_formTrainPayTotalDt {
  width: auto;
  height: auto;
  font-weight: bold;
  color: #007a52; }

.ckSeat_formTrainPayTotalDd {
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: 1.5rem;
  color: #007a52;
  text-align: right; }
  .ckSeat_formTrainPayTotalDd span {
    font-size: 0.8rem;
    margin-left: 2px; }

.ckSeat_formTrainPayCancelDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayCancelDl {
      padding-left: 22%; } }

.ckSeat_formTrainPayCancelDt {
  width: auto;
  height: auto;
  font-weight: bold;
  color: #b42700; }

.ckSeat_formTrainPayCancelDd {
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: 1.5rem;
  color: #b42700;
  text-align: right; }
  .ckSeat_formTrainPayCancelDd span {
    font-size: 0.8rem;
    margin-left: 2px; }

.ckSeat_formTrainPayTotalText {
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: 1.5rem;
  color: #007a52; }
  .ckSeat_formTrainPayTotalText span {
    font-size: 0.8rem;
    margin-left: 2px; }

.ckSeat_formTrainPayPointDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayPointDl {
      flex-wrap: nowrap;
      padding-left: 22%; } }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayW .ckSeat_formTrainPayPointDl {
      padding-left: 18%; } }

.ckSeat_formTrainPayPointDt {
  width: 100%;
  height: auto;
  font-weight: bold;
  color: #007a52;
  margin-right: auto;
  margin-bottom: 5px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayPointDt {
      width: auto;
      margin-bottom: 0; } }

.ckSeat_formTrainPayPointDd {
  display: inline-block;
  width: calc(33% - 0.6rem + 2px);
  height: auto;
  font-weight: bold;
  font-size: 0.8rem;
  background: #fff;
  border: 2px solid #bacc93;
  padding: 1px 0;
  color: #007a52;
  text-align: center;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayPointDd {
      width: auto;
      font-size: 1rem;
      margin-left: 2rem;
      padding: 1px 15px 3px;
      line-height: 1.1; }
      .ckSeat_formTrainPayPointDd:first-of-type {
        margin-left: 0; } }
  .ckSeat_formTrainPayPointDd.bonus::before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\ff0b";
    font-size: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: calc(-0.6rem - 3px);
    color: #007a52; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayPointDd.bonus::before {
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        left: calc(-1.5rem - 2px); } }
  .ckSeat_formTrainPayPointDd.total::before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\ff1d";
    font-size: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: calc(-0.6rem - 3px);
    color: #007a52; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayPointDd.total::before {
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        left: calc(-1.5rem - 2px); } }
  .ckSeat_formTrainPayPointDd span {
    font-size: 0.5rem; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayPointDd span {
        font-size: 0.8rem; } }
    .ckSeat_formTrainPayPointDd span:last-child {
      display: inline-block;
      margin-left: 2px; }

.ckSeat_formTrainCreditcardDl {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 10px;
  color: #666666; }

.ckSeat_formTrainCreditcardDt {
  width: 100%;
  height: auto;
  display: block;
  font-weight: bold; }

.ckSeat_formTrainCreditcardDd {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px; }
  .ckSeat_formTrainCreditcardDd span:first-of-type {
    display: block;
    width: 60%; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainCreditcardDd span:first-of-type {
        width: 13em; } }
  .ckSeat_formTrainCreditcardDd span:last-of-type {
    display: block;
    width: calc(100% - 60% - 1em);
    position: relative; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainCreditcardDd span:last-of-type {
        width: calc(100% - 14em); } }
    .ckSeat_formTrainCreditcardDd span:last-of-type::before {
      position: absolute;
      display: block;
      content: "：";
      width: 1em;
      height: auto;
      top: 0;
      left: -1.5em;
      color: #666666; }

.ckSeat_formTrainBanktransferText {
  margin-top: 10px; }

.ckSeat_formTrainBanktransferLink {
  margin-top: 10px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainBanktransferLink {
      width: 54%;
      margin-right: auto;
      margin-left: auto; } }

.ckSeat_formTrainShareW {
  margin-top: 15px; }

.ckSeat_formTrainPaysel {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 14px 10px 10px;
  background: #fff;
  border: 1px solid #d9d9d9; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPaysel {
      padding: 14px 19px 19px; } }

.ckSeat_formTrainPayselInputError {
  display: block;
  color: #b42700;
  font-weight: bold;
  margin-top: 5px;
  width: 100%; }

.ckSeat_formTrainPayselMethod {
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayselMethod {
      padding: 18px 20px; } }

.ckSeat_formTrainPayselPeriod {
  margin-top: 20px; }

.ckSeat_formTrainPayselPeriodTitle {
  margin-bottom: 5px; }

.ckSeat_formTrainPayselAfterW {
  width: 100%;
  height: auto;
  margin-top: 20px; }

.ckSeat_formTrainPayselAfterHeader {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  display: block;
  font-size: 0.9rem;
  color: #666666; }

.ckSeat_formTrainPayselAfterCcList {
  width: 100%;
  height: auto; }
  .ckSeat_formTrainPayselAfterCcList.PayselAfterCcListReserve_comp {
    margin-bottom: 30px;
    background: #fff; }

.ckSeat_formTrainPayselAfterCcListItem {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayselAfterCcListItem {
      padding: 10px 20px; } }
  .ckSeat_formTrainPayselAfterCcListItem.single {
    padding: 17px 10px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayselAfterCcListItem.single {
        padding: 22px 20px; } }
  .ckSeat_formTrainPayselAfterCcListItem:last-of-type {
    margin-bottom: 0; }
  .ckSeat_formTrainPayselAfterCcListItem.active {
    border: 2px solid #007a52;
    background: #f2f9f2;
    cursor: default;
    padding: 4px 9px 9px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayselAfterCcListItem.active {
        padding: 9px 19px 19px; } }
    .ckSeat_formTrainPayselAfterCcListItem.active.single {
      padding: 16px 9px; }
      @media print, screen and (min-width: 750px) {
        .ckSeat_formTrainPayselAfterCcListItem.active.single {
          padding: 21px 19px; } }
  .ckSeat_formTrainPayselAfterCcListItem.error {
    border: 2px solid #b42700;
    background: #f9d6d8;
    padding: 4px 9px 9px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayselAfterCcListItem.error {
        padding: 9px 19px 19px; } }
    .ckSeat_formTrainPayselAfterCcListItem.error.single {
      padding: 16px 9px; }
      @media print, screen and (min-width: 750px) {
        .ckSeat_formTrainPayselAfterCcListItem.error.single {
          padding: 21px 19px; } }

.ckSeat_formTrainPayselAfterCcError {
  display: block;
  margin-left: -32px;
  color: #b42700;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 0.9rem; }

.ckSeat_formTrainPayselAfterCcNumW {
  display: block;
  width: 100%;
  height: auto;
  padding-left: 32px;
  position: relative; }
  .ckSeat_formTrainPayselAfterCcNumW::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    border: 2px solid #a6a6a6;
    border-radius: 50%;
    box-sizing: border-box; }
  .active .ckSeat_formTrainPayselAfterCcNumW::before {
    border: 2px solid #007a52; }
  .active .ckSeat_formTrainPayselAfterCcNumW::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 5px;
    border-radius: 50%;
    background-color: #007a52;
    box-sizing: border-box; }

.ckSeat_formTrainPayselAfterCcNum-num {
  display: block;
  width: 100%;
  height: auto;
  color: #666666;
  font-size: 0.9rem;
  font-weight: bold; }

.ckSeat_formTrainPayselAfterCcNum-name {
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-size: 0.9rem;
  font-weight: bold; }

.ckSeat_formTrainPayselAfterCcInfo {
  display: flex;
  align-items: center;
  width: auto;
  font-size: 0.8rem;
  font-weight: bold;
  color: #666666; }
  .ckSeat_formTrainPayselAfterCcInfo span:nth-of-type(1) {
    display: inline-block;
    /*width: 11em;*/
    width: calc(100% - 7.5em); }
    .ckSeat_formTrainPayselAfterCcInfo span:nth-of-type(2) {
      display: inline-block;
      width: 5em; }
      @media print, screen and (min-width: 750px) {
        .ckSeat_formTrainPayselAfterCcInfo span:nth-of-type(2) {
          width: 11em; } }
    .ckSeat_formTrainPayselAfterCcInfo span:nth-of-type(2)::before {
      content: '：';
      display: inline-block;
      margin-right: 5px; }

.ckSeat_formTrainPayselAfterCcCodeW {
  width: 100%;
  height: auto;
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayselAfterCcCodeW {
      margin-top: 25px; } }
  .active .ckSeat_formTrainPayselAfterCcCodeW {
    display: flex; }

.ckSeat_formTrainPayselAfterCcCodeTitle {
  margin-top: 20px;
  width: 100%;
  height: auto;
  display: block;
  color: #666666;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayselAfterCcCodeTitle {
      margin-bottom: 5px; } }
  .ckSeat_formTrainPayselAfterCcCodeTitle:first-of-type {
    margin-top: 0; }
  .ckSeat_formTrainPayselAfterCcCodeTitle span {
    font-size: 0.8rem; }
    .ckSeat_formTrainPayselAfterCcCodeTitle span.example {
      font-size: 0.7rem;
      display: block;
      font-weight: normal; }
  .ckSeat_formTrainPayselAfterCcCodeTitle.flex {
    width: 7rem; }

.ckSeat_formTrainPayselAfterCcCodeInputCb {
  /*	display:none;*/
  opacity: 0;
  position: absolute; }
  .ckSeat_formTrainPayselAfterCcCodeInputCb:focus + label {
    outline: 2px solid #06c; }
  .ckSeat_formTrainPayselAfterCcCodeInputCb + label {
    display: block;
    padding-left: 27px;
    position: relative;
    line-height: 1.3;
    margin-bottom: 5px; }
    .ckSeat_formTrainPayselAfterCcCodeInputCb + label::before {
      position: absolute;
      content: "";
      width: 18px;
      height: 18px;
      top: 1px;
      left: 0;
      border: 2px solid #626262;
      border-radius: 2px;
      box-sizing: border-box; }
  .ckSeat_formTrainPayselAfterCcCodeInputCb:checked + label::before {
    background-color: #007a52;
    border: none; }
  .ckSeat_formTrainPayselAfterCcCodeInputCb:checked + label::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 7px;
    top: 4px;
    left: 2px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-sizing: border-box; }

.ckSeat_formTrainPayselAfterCcCodeNote {
  width: 100%;
  font-size: 0.8em;
  margin-bottom: 10px; }

.ckSeat_formTrainPayselAfterCcCodeInput {
  /*	width: 8em;*/
  height: auto; }
  .ckSeat_formTrainPayselAfterCcCodeInput input:focus {
    outline: 2px solid #06c;
    color: inherit !important; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayselAfterCcCodeInput {
      width: 8em; } }
  .ckSeat_formTrainPayselAfterCcCodeInput .tmp_form_1col_text-input-nonlabel {
    padding: 12px 5px 12px 20px; }
  .ckSeat_formTrainPayselAfterCcCodeInput.cardNumber, .ckSeat_formTrainPayselAfterCcCodeInput.cardName, .ckSeat_formTrainPayselAfterCcCodeInput.cardNickname {
    width: 100%; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayselAfterCcCodeInput.cardNumber, .ckSeat_formTrainPayselAfterCcCodeInput.cardName, .ckSeat_formTrainPayselAfterCcCodeInput.cardNickname {
        width: 450px;
        margin-right: calc(260px); } }
  .ckSeat_formTrainPayselAfterCcCodeInput.icCardNumber {
    width: calc(100% - 7rem); }
  .ckSeat_formTrainPayselAfterCcCodeInput .input_error {
    border: 2px solid #b42700;
    background-color: #f9d6d8; }
  .ckSeat_formTrainPayselAfterCcCodeInput.flex {
    width: calc(100% - 7rem);
    margin-top: 20px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPayselAfterCcCodeInput.flex {
        width: calc(450px - 7rem);
        margin-right: 330px; } }
  .ckSeat_formTrainPayselAfterCcCodeInput.noinput {
    color: #000;
    font-size: 1.2rem; }
  .ckSeat_formTrainPayselAfterCcCodeInput.noinputPassword {
    color: #000;
    font-size: 0.8rem; }

.ckSeat_formTrainPayselAfterCcCodeInputPeriod {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch; }
  @media print, screen and (max-width: 749px) {
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod {
      width: 100% !important;
      margin-bottom: 5px; } }
  .ckSeat_formTrainPayselAfterCcCodeInputPeriod input {
    border-radius: 5px;
    padding-left: 20px;
    width: 3em;
    font-size: 1rem;
    box-sizing: content-box; }
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod input:focus {
      outline: 2px solid #06c;
      color: inherit !important; }
  .ckSeat_formTrainPayselAfterCcCodeInputPeriod select {
    border-radius: 5px;
    padding: 12px 5px 12px 20px;
    width: 6em;
    font-size: 1rem;
    min-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    font-size: 1rem;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png) no-repeat right 10px center;
    background-size: 10px 5px;
    background-color: #fff;
    -webkit-user-select: auto; }
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod select:focus {
      outline: 2px solid #06c;
      color: inherit !important; }
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod select .month {
      display: none;
      color: #a6a6a6; }
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod select::-ms-expand {
      display: none; }
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod select#cardBrand {
      width: 20em; }
      @media print, screen and (max-width: 749px) {
        .ckSeat_formTrainPayselAfterCcCodeInputPeriod select#cardBrand {
          width: 100%; } }
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod .input_error {
      border: 2px solid #b42700;
      background-color: #f9d6d8; }

.ckSeat_formTrainPayselAfterCcCodeInputPeriod-month {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 10px; }

.ckSeat_formTrainPayselAfterCcCodeInputPeriod-20 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 25px;
  margin-right: 5px; }
  @media print, screen and (max-width: 749px) {
    .ckSeat_formTrainPayselAfterCcCodeInputPeriod-20 {
      margin-left: 0; } }

.ckSeat_formTrainPayselAfterCcCodeHelp {
  width: auto;
  height: auto;
  font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPayselAfterCcCodeHelp {
      width: calc(100% - 11em); } }
  .ckSeat_formTrainPayselAfterCcCodeHelp .tmp_btn_icon-help {
    margin-bottom: 5px; }
    .ckSeat_formTrainPayselAfterCcCodeHelp .tmp_btn_icon-help:last-of-type {
      margin-bottom: 0; }

.ckSeat_formTrainPayselAfterCcCash {
  margin-top: 20px;
  width: 100%;
  height: auto;
  display: block; }
  .ckSeat_formTrainPayselAfterCcCash.center {
    text-align: center; }
    .ckSeat_formTrainPayselAfterCcCash.center .ckSeat_formTrainPayselAfterCcCashInput + label {
      display: inline-block; }

.ckSeat_formTrainPayselAfterCcCashInput {
  /*	display:none;*/
  opacity: 0;
  position: absolute; }
  .ckSeat_formTrainPayselAfterCcCashInput:focus + label {
    outline: 2px solid #06c; }
  .ckSeat_formTrainPayselAfterCcCashInput + label {
    display: block;
    padding-left: 27px;
    position: relative;
    font-size: 0.8em;
    font-weight: bold;
    color: #666666; }
    .ckSeat_formTrainPayselAfterCcCashInput + label::before {
      position: absolute;
      content: "";
      width: 18px;
      height: 18px;
      top: 1px;
      left: 0;
      border: 2px solid #626262;
      border-radius: 2px;
      box-sizing: border-box; }
  .ckSeat_formTrainPayselAfterCcCashInput:checked + label::before {
    background-color: #007a52;
    border: none; }
  .ckSeat_formTrainPayselAfterCcCashInput:checked + label::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 7px;
    top: 4px;
    left: 2px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    box-sizing: border-box; }

.ckSeat_formTrainPayselAfterCcCashNote {
  margin-top: 5px;
  padding-left: 27px;
  font-size: 0.8em;
  color: #666666; }

.ckSeat_formTrainPayselAfterCcNicknameNote {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 0.8em;
  color: #666666; }

.ckSeat_formTrainPaySubmitW {
  width: 100%;
  height: auto;
  margin-top: 60px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainPaySubmitW {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .ckSeat_formTrainPaySubmitW .tmp_btn_sub1_s_green-auto {
    margin-top: 15px; }
    .ckSeat_formTrainPaySubmitW .tmp_btn_sub1_s_green-auto:first-of-type {
      margin-top: 0; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_formTrainPaySubmitW .tmp_btn_sub1_s_green-auto {
        margin-top: 20px; } }

.ckSeat_formTrainSubmitW {
  width: 100%;
  height: auto;
  padding: 20px 15px 15px;
  /*	display:flex;
  	flex-wrap: wrap;
  	justify-content: space-between;*/ }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainSubmitW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      flex-wrap: nowrap;
      padding-top: 40px;
      padding-bottom: 40px; } }

.ckSeat_formTrainSubmitBack {
  width: 100%;
  height: auto;
  padding: 12px;
  order: 2; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainSubmitBack {
      margin-left: 0;
      padding-right: 10px;
      padding-left: 10px;
      width: 13em;
      order: 1; } }
  .ckSeat_formTrainSubmitBack.ckSeat_formReFirst {
    padding-left: 10px !important; }

.ckSeat_formTrainSubmitGo {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  padding: 20px;
  order: 1; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_formTrainSubmitGo {
      margin-right: auto;
      margin-left: auto;
      width: 54%;
      order: 2;
      margin-bottom: 20px; } }

.ckSeat_formTrainSubmitNotes {
  font-size: 0.8rem;
  margin-bottom: 10px;
  text-align: center; }

.ckSeat_trainListTicketItemSeatAcW-nomal {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding: 10px;
  background: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListTicketItemSeatAcW-nomal {
      padding: 15px; } }

.ckSeat_trainListSeatAcDl-nomal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0; }
  .ckSeat_trainListSeatNameW + .ckSeat_trainListSeatAcDl-nomal {
    margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDl-nomal {
      width: 50%; } }

.ckSeat_trainListSeatAcDt-nomal-ad {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 1;
  color: #666666;
  font-size: 0.8rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDt-nomal-ad {
      width: 30%;
      margin-bottom: 15px;
      order: 1; } }
  .inactive .ckSeat_trainListSeatAcDt-nomal-ad {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDt-nomal-cl {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  order: 2;
  color: #666666;
  font-size: 0.8rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDt-nomal-cl {
      width: 30%;
      order: 3; } }
  .inactive .ckSeat_trainListSeatAcDt-nomal-cl {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDd-nomal-ad {
  align-items: center;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDd-nomal-ad {
      display: flex;
      flex-wrap: wrap;
      width: 70%;
      margin-bottom: 15px;
      order: 2;
      justify-content: flex-start;
      position: relative; }
      .ckSeat_trainListSeatAcDd-nomal-ad::after {
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100% + 20px);
        right: 0;
        top: -10px;
        background: #fff; } }
  .ckSeat_trainListSeatAcDd-nomal-ad span.price {
    display: block;
    min-width: 80px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-nomal-ad span.price {
        text-align: right; } }
  .ckSeat_trainListSeatAcDd-nomal-ad span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    background: #fff;
    border: 2px solid #bacc93;
    margin-left: 0;
    padding: 2px 15px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-nomal-ad span.jrepoint {
        display: inline;
        margin-left: 10px;
        min-width: 90px;
        padding: 2px 0;
        text-align: center; } }
    .ckSeat_trainListSeatAcDd-nomal-ad span.jrepoint span {
      display: inline-block;
      margin-left: 2px;
      font-size: 0.575rem; }
  .inactive .ckSeat_trainListSeatAcDd-nomal-ad {
    opacity: 0.4;
    color: #000; }

.ckSeat_trainListSeatAcDd-nomal-cl {
  align-items: center;
  width: 50%;
  height: auto;
  text-align: left;
  order: 3;
  color: #007a52;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .ckSeat_trainListSeatAcDd-nomal-cl {
      display: flex;
      flex-wrap: wrap;
      width: 70%;
      order: 4;
      display: flex;
      align-items: center;
      justify-content: flex-start; } }
  .ckSeat_trainListSeatAcDd-nomal-cl span.price {
    display: block;
    min-width: 80px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-nomal-cl span.price {
        text-align: right; } }
  .ckSeat_trainListSeatAcDd-nomal-cl span.jrepoint {
    display: inline;
    font-size: 0.7rem;
    background: #fff;
    border: 2px solid #bacc93;
    margin-left: 0;
    padding: 2px 15px; }
    @media print, screen and (min-width: 750px) {
      .ckSeat_trainListSeatAcDd-nomal-cl span.jrepoint {
        display: inline;
        margin-left: 10px;
        min-width: 90px;
        padding: 2px 0;
        text-align: center; } }
    .ckSeat_trainListSeatAcDd-nomal-cl span.jrepoint span {
      font-size: 0.5rem; }
  .inactive .ckSeat_trainListSeatAcDd-nomal-cl {
    opacity: 0.4;
    color: #000; }

/*=========================================
ご予約完了
=========================================*/
.compSeat_formTrainHeaderW {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainHeaderW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrain {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainHeader {
  font-size: 1rem;
  font-weight: normal;
  padding-bottom: 5px;
  background-size: 29px 3px;
  margin-top: 15px;
  font-weight: bold; }
  .compSeat_formTrainHeader span.name {
    margin-bottom: 1em;
    display: block; }
  .compSeat_formTrainHeader span.honorific {
    margin-left: 0.5rem; }

.compSeat_formTrainSubW {
  width: 100%;
  height: auto;
  margin-top: 15px;
  padding: 15px 15px 22px 15px;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 3px 3px 0 0; }
  .compSeat_formTrainSubW:first-of-type {
    margin-top: 42px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubW {
      padding: 19px; } }

.compSeat_formTrainSubHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubHeader {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainSubGeton {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 5px; }
  .compSeat_formTrainSubGeton.formTrainSubGeton_noBg {
    background: none;
    padding: 0; }

.compSeat_formTrainSubGeton-date {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold; }
  .compSeat_formTrainSubGeton-date span {
    font-size: 1rem; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubGeton-date {
      -ms-flex-order: 2;
      order: 2;
      width: auto; } }

.compSeat_formTrainSubGeton-reserveNum {
  width: 100%;
  font-size: 0.8rem;
  text-align: left; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubGeton-reserveNum {
      -ms-flex-order: 3;
      order: 3;
      width: auto; } }

.compSeat_formTrainSubReslut {
  width: 100%;
  height: auto;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubReslut {
      -ms-flex-order: 4;
      order: 4; } }

.compSeat_formTrainSubReslutSt {
  width: 100%;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubReslutSt {
      width: auto; } }
  .compSeat_formTrainSubReslutSt ~ .compSeat_formTrainSubReslutSt {
    margin-top: 20px; }

.compSeat_formTrainSubReslutStName {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.compSeat_formTrainSubReslutStNameGeton {
  width: auto;
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubReslutStNameGeton {
      min-width: auto; } }

.compSeat_formTrainSubReslutStNameGetoff {
  width: auto;
  margin-left: 1em;
  padding-left: 2em;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubReslutStNameGetoff {
      min-width: auto;
      margin-left: 1em; } }
  .compSeat_formTrainSubReslutStNameGetoff::before {
    position: absolute;
    bottom: 0.5em;
    left: 0;
    width: 1em;
    height: 1em;
    content: "→"; }

.compSeat_formTrainSubReslutStNameGeton dl,
.compSeat_formTrainSubReslutStNameGetoff dl {
  width: 100%;
  height: auto; }
.compSeat_formTrainSubReslutStNameGeton dt,
.compSeat_formTrainSubReslutStNameGetoff dt {
  font-weight: bold; }
.compSeat_formTrainSubReslutStNameGeton dd,
.compSeat_formTrainSubReslutStNameGetoff dd {
  font-weight: bold;
  font-size: 1.5rem; }
  .compSeat_formTrainSubReslutStNameGeton dd span,
  .compSeat_formTrainSubReslutStNameGetoff dd span {
    font-size: 1rem; }

.compSeat_formTrainSubReslutStNameIconW {
  display: flex;
  align-items: center;
  padding-right: 10px; }

.compSeat_formTrainSubReslutStNameIcon {
  padding: 5px;
  line-height: 1; }

.compSeat_formTrainSubReslutSub {
  width: 100%;
  height: auto;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubReslutSub {
      width: auto; } }

.compSeat_formTrainSubReslutStTime {
  font-size: 0.9rem; }

.compSeat_formTrainSubReslutStAc {
  font-size: 0.9rem; }

.compSeat_formTrainSubPassW {
  width: 100%;
  height: auto;
  margin-top: 15px; }

.compSeat_formTrainSubPassBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #1a70b2;
  border: none;
  background: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  outline: none;
  padding: 10px 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubPassBtn {
      margin-bottom: 0; } }
  .compSeat_formTrainSubPassBtn::after {
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 9px;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_close-blue.png) no-repeat left top;
    background-size: 24px 24px; }
  .compSeat_formTrainSubPassBtn.active::after {
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_acd_open-blue.png) no-repeat left top;
    background-size: 24px 24px; }

.compSeat_formTrainSubShareW {
  width: 100%;
  height: auto;
  margin-top: 45px; }

.compSeat_formTrainSubShareHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px;
  margin-top: 15px; }

.compSeat_formTrainSubShareTxt {
  text-align: center; }

.compSeat_formTrainSubShareList {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 15px;
  padding: 15px;
  background: #f5f5f5;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubShareList {
      padding: 15px 50px;
      justify-content: center;
      background: none; } }
  .compSeat_formTrainSubShareList.sp_none {
    display: none; }
    @media print, screen and (min-width: 750px) {
      .compSeat_formTrainSubShareList.sp_none {
        display: block; } }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubShareList.line_none {
      display: none; } }
  .compSeat_formTrainSubShareList a.sendMail_btn:before {
    content: "";
    display: inline-block;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttraincomp_mail.png) no-repeat;
    width: 20px;
    height: 14px;
    margin-right: 10px; }
  .compSeat_formTrainSubShareList a:hover.sendMail_btn:before {
    content: "";
    display: inline-block;
    background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resulttraincomp_mail_on.png) no-repeat;
    width: 20px;
    height: 14px;
    margin-right: 10px; }

.compSeat_formTrainSubShareListItem {
  width: calc(100% / 3);
  text-align: center; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubShareListItem {
      width: 25%; } }

.compSeat_formTrainSubShareListItemLink {
  display: inline-block;
  line-height: 1; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubShareListItemLink img {
      width: 106px;
      height: 26px; } }

.compSeat_formTrainQrW {
  width: 100%;
  height: auto;
  margin-top: 22px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainQrW {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainQrHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainQrHeader {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainQrLead {
  font-size: 0.9rem;
  margin-top: 25px;
  margin-bottom: 25px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainQrLead {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainQrW-credit {
  font-size: 0.7rem;
  text-align: right;
  margin-top: 15px;
  color: #666666; }

.compSeat_formTrainPaymentAttList {
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainPaymentAttList {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }
  .compSeat_confW_2 .compSeat_formTrainPaymentAttList {
    width: calc(100% - 20px); }
    @media print, screen and (min-width: 750px) {
      .compSeat_confW_2 .compSeat_formTrainPaymentAttList {
        width: 100%; } }

.compSeat_formTrainPaymentAttListItem {
  font-size: 0.9rem; }

.compSeat_formTrainPaymentAttListItemInnerList {
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainPaymentAttListItemInnerList {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainPaymentAttListItemInnerListItem {
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainPaymentAttListItemInnerListItem {
      margin-left: 20px; } }

.compSeat_formTrainPaymentAttDetail {
  margin-top: 10px;
  border: 1px solid #b42700;
  border-radius: 5px;
  padding: 15px;
  background-color: #fcefeb; }

.compSeat_formTrainPaymentAttTitle {
  margin-bottom: 15px;
  font-size: 0.9rem;
  font-weight: bold; }

.compSeat_formTrainPaymentAttDetailList {
  font-size: 0.9rem;
  color: #b42700; }

.compSeat_formTrainPaymentAttDetailListItem {
  margin-bottom: 1em; }
  .compSeat_formTrainPaymentAttDetailListItem span {
    font-size: 1.25rem; }

.compSeat_formTrainQrAttList {
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainQrAttList {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainQrAttListItem {
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainQrAttListItem {
      margin-left: 20px; } }

.compSeat_formTrainEnqW {
  width: 100%;
  height: auto;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 3px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqW {
      padding: 19px; } }

.compSeat_formTrainEnqHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqHeader {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainEnqInner {
  margin-top: 25px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqInner {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainEnqQ {
  width: 100%;
  height: auto;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 15px; }

.compSeat_formTrainEnqA {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqA {
      width: 380px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainEnqABtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  background-color: #fff;
  color: #007a52;
  border: 1px solid #007a52;
  border-radius: 5px;
  font-size: 0.9rem;
  font-weight: bold;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  outline: none;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  cursor: pointer;
  position: relative; }
  .compSeat_formTrainEnqABtn:hover {
    background-color: #f2f9f2; }
  .compSeat_formTrainEnqABtn[disabled] {
    justify-content: space-between;
    pointer-events: none;
    border-color: #a6a6a6;
    color: #666666; }
  .compSeat_formTrainEnqABtn .answered {
    position: relative;
    padding-left: 24px;
    color: #007a52; }
    .compSeat_formTrainEnqABtn .answered::before, .compSeat_formTrainEnqABtn .answered::after {
      position: absolute;
      content: "";
      display: block;
      top: 50%;
      left: 0; }
    .compSeat_formTrainEnqABtn .answered::before {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 2px solid #007a52;
      background-color: #fff;
      transform: translateY(-50%); }
    .compSeat_formTrainEnqABtn .answered::after {
      width: 10px;
      height: 4px;
      border-bottom: 2px solid #007a52;
      border-left: 2px solid #007a52;
      margin-top: -1px;
      transform: translate(4px, -50%) rotate(-45deg);
      z-index: 2; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqABtn {
      justify-content: center; } }

.compSeat_formTrainEnqALead {
  font-size: 0.8rem;
  color: #666666; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqALead {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainEnqAThankstxt {
  margin-top: 20px;
  font-size: 0.9rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainEnqAThankstxt {
      width: 580px;
      margin-left: auto;
      margin-right: auto; } }

.compSeat_formTrainSubmitW {
  width: 100%;
  height: auto;
  padding: 20px 15px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubmitW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      flex-wrap: wrap;
      padding-top: 40px;
      padding-bottom: 40px; } }

.compSeat_formTrainSubmitSubW {
  width: 100%; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubmitSubW {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; } }

.compSeat_formTrainSubmitSubItem {
  width: 100%;
  margin-bottom: 20px; }
  .compSeat_formTrainSubmitSubItem:last-of-type {
    margin-bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubmitSubItem {
      width: 48%;
      margin-bottom: 0; } }

.compSeat_formTrainSubmitReserve {
  width: 100%;
  margin-bottom: 20px; }

.compSeat_formTrainSubmitTop {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_formTrainSubmitTop {
      margin-bottom: 40px; } }

.compSeat_formTrainSubmitBanner {
  width: 48%;
  height: auto;
  text-align: center; }
  .compSeat_formTrainSubmitBanner a {
    display: block; }
  .compSeat_formTrainSubmitBanner img {
    width: 100%;
    height: auto; }

.compSeat_paymentW {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .compSeat_paymentW {
      padding-top: 0; } }
  .compSeat_confW_2 .compSeat_paymentW {
    padding: 0; }

.compSeat_paymentHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px;
  margin-top: 45px; }

.compSeat_paymentLead {
  font-size: 0.9rem;
  margin-top: 15px; }

.compSeat_paymentTxt {
  font-size: 0.8rem;
  margin-top: 10px; }

.compSeat_confW {
  display: none; }
  .compSeat_confW.active {
    display: block; }

.compSeat_qrHeader {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px; }

/*=========================================
のってたのしい列車
=========================================*/
.joyful_titleW {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media print, screen and (min-width: 750px) {
    .joyful_titleW {
      margin-bottom: 15px; } }

.joyful_title {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .joyful_title {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      font-size: 1.8rem;
      padding-top: 15px;
      padding-bottom: 15px; } }

.joyful_formTrain {
  width: 100%;
  height: auto;
  padding: 20px 15px; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 40px; } }

.joyful_formTrainHeader {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png") no-repeat left bottom;
  background-size: 29px 3px;
  font-size: 1rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainHeader {
      margin-bottom: 15px; } }
  .joyful_formTrainHeader:last-child {
    margin-bottom: 0; }
  .joyful_formTrainHeader ~ .joyful_formTrainHeader {
    margin-top: 20px; }

.joyful_formTrainSelect {
  margin-top: 10px; }
  .joyful_formTrainSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    font-size: 1rem;
    font-size: calc(1rem * (16 / 15));
    padding: 12px 5px 12px 20px;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_formselectarrow-icon.png") no-repeat right 10px center;
    background-size: 10px 5px;
    background-color: #fff;
    width: 100%;
    min-width: 10em;
    min-height: 50px;
    -webkit-user-select: auto; }
    .joyful_formTrainSelect select::-ms-expand {
      /* select要素のデザインを無効にする（IE用） */
      display: none; }
    .joyful_formTrainSelect select:focus {
      outline: 2px solid #06c;
      color: inherit !important; }

.joyful_formTrainList {
  display: flex;
  flex-wrap: wrap;
  margin: 12.5px -7.5px -7.5px; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainList {
      margin: 20px -10px -10px; } }

.joyful_formTrainListItem {
  width: calc(50% - 15px);
  margin: 7.5px; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainListItem {
      width: calc(25% - 20px);
      margin: 10px; } }

.joyful_formTrainListLink {
  display: block;
  width: 100%;
  color: #000;
  text-decoration: none; }
  .joyful_formTrainListLink:hover {
    color: inherit;
    opacity: 0.7; }

.joyful_formTrainImgW {
  border-radius: 5px;
  overflow: hidden; }
  .joyful_formTrainImgW img {
    width: 100%;
    vertical-align: top; }

.joyful_formTrainTxtW {
  margin-top: 10px; }
  .joyful_formTrainTxtW:first-child {
    margin-top: 0; }

.joyful_formTrainName {
  color: #1a70b2; }
  .joyful_formTrainName::after {
    content: '\3e';
    margin-left: 0.6em;
    line-height: 1.6875; }
  .joyful_formTrainName p {
    display: inline;
    font-size: 1rem;
    line-height: 1;
    text-decoration: underline; }

.joyful_formTrainTxt {
  margin-top: 6px;
  font-size: 0.9rem;
  line-height: 1.5; }

.joyful_formTrainSubmitTop {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 15px; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainSubmitTop {
      margin-bottom: 40px; } }

.joyful_modalW {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #f5f5f5;
  transition-duration: .5s; }
  @media print, screen and (min-width: 750px) {
    .joyful_modalW {
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
      width: 780px;
      z-index: 9999;
      border-radius: 5px;
      transition-duration: 0s; } }
  .joyful_modalW ::-webkit-scrollbar {
    width: 10px; }
  .joyful_modalW ::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #ececec; }
  .joyful_modalW ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #fff; }
  .joyful_modalW.active {
    top: 0;
    pointer-events: auto; }
    @media print, screen and (min-width: 750px) {
      .joyful_modalW.active {
        display: block;
        top: 50px; } }

.joyful_modalW_headerW {
  width: 100%;
  height: auto;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .joyful_modalW_headerW {
      border-radius: 5px 5px 0 0; } }

.joyful_modalW_header {
  width: 100%;
  height: auto;
  background: #007a52;
  color: #fff;
  text-align: center;
  padding: 12px 25px;
  font-size: 0.9rem;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .joyful_modalW_header {
      font-size: 1.2rem;
      padding: 17px 0;
      border-radius: 5px 5px 0 0; } }

.joyful_modalW_headerBtnClose {
  position: absolute;
  display: block;
  width: 36px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-family: inherit;
  font-size: 0;
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (min-width: 750px) {
    .joyful_modalW_headerBtnClose {
      left: 18px; } }
  .joyful_modalW_headerBtnClose::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg); }
    @media print, screen and (min-width: 750px) {
      .joyful_modalW_headerBtnClose::before {
        left: 17px;
        height: 22px; } }
  .joyful_modalW_headerBtnClose::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg); }
    @media print, screen and (min-width: 750px) {
      .joyful_modalW_headerBtnClose::after {
        left: 17px;
        height: 22px; } }

.joyful_modalW_wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: #f5f5f5; }
  @media print, screen and (min-width: 750px) {
    .joyful_modalW_wrapper {
      border-radius: 0 0 10px 10px; } }

.joyful_modalW_inner {
  padding: 15px 15px 20px; }
  @media print, screen and (min-width: 750px) {
    .joyful_modalW_inner {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto;
      padding: 30px 20px 40px; } }

@media print, screen and (min-width: 750px) {
  .joyful_formTrainPopupW {
    display: flex;
    flex-wrap: wrap; } }

.joyful_formTrainPopupImgW {
  margin: -15px -15px 10px;
  overflow: hidden; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainPopupImgW {
      width: 35%;
      min-width: 35%;
      margin: 0 20px 0 0; }
      .joyful_formTrainPopupImgW:last-child {
        width: 100%;
        margin-right: 0; } }
  .joyful_formTrainPopupImgW:last-child {
    margin-bottom: 0; }
  .joyful_formTrainPopupImgW img {
    width: 100%;
    vertical-align: top; }

@media print, screen and (min-width: 750px) {
  .joyful_formTrainPopupTxtW {
    width: calc(100% - 35% - 20px); } }

.joyful_formTrainPopupLinkW {
  margin-top: 15px;
  text-align: right; }

.joyful_formTrainPopupLink {
  display: inline;
  color: #1a70b2;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none; }
  .joyful_formTrainPopupLink::after {
    content: '\3e';
    margin-left: 0.6em;
    font-size: 0.9rem;
    line-height: 1.5277777778; }
  .joyful_formTrainPopupLink p {
    display: inline;
    text-decoration: underline; }

.joyful_formTrainPopupFormW {
  margin-top: 20px; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainPopupFormW {
      width: 70%;
      margin-left: auto;
      margin-right: auto; } }

.joyful_formTrainPopupSubmit {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 15px; }
  .joyful_formTrainPopupSubmit:last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 750px) {
    .joyful_formTrainPopupSubmit {
      margin-bottom: 40px; } }
.joyful_footer__copyright {
  font-size: 0.8rem;
  text-align: right; }

/*=========================================
ICカード番号と座席の指定
=========================================*/
.icSeat_titleW {
  padding: 15px 15px 30px; }
  @media print, screen and (min-width: 750px) {
    .icSeat_titleW {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  .icSeat_titleW .top_formError {
    order: 3;
    padding: 0;
    padding-top: 25px;
    width: 100%; }

.icSeat_title {
  height: auto;
  font-size: 1.8rem;
  font-weight: normal;
  display: flex;
  justify-content: space-between; }
  @media print, screen and (max-width: 749px) {
    .icSeat_title {
      font-size: 1.5rem; } }

.icSeat_titleLinkW {
  display: block; }

.icSeat_linkW {
  margin-top: 10px;
  text-align: right; }
  @media print, screen and (min-width: 750px) {
    .icSeat_linkW {
      margin-top: 0; } }

.icSeat_link {
  display: inline;
  position: relative;
  color: #1a70b2;
  font-size: 0.875rem;
  text-decoration: none; }
  .icSeat_link::after {
    content: '\3e';
    margin-left: 0.6em;
    line-height: 1.5; }

/* 列車情報 */
.icSeat_formTrainW {
  margin-bottom: 40px;
  background-color: #f5f5f5; }

.icSeat_formTrain {
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .icSeat_formTrain {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.icSeat_formDetailW {
  padding-top: 25px; }

.icSeat_formTrainList {
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden; }
  .icSeat_formTrainList:last-child {
    margin-bottom: 0; }

.icSeat_formTrainListItem {
  border-top: 1px solid #d9d9d9;
  padding: 20px 15px; }
  .icSeat_formTrainListItem:first-of-type {
    border-top: none; }

.icSeat_formTrainListNameW {
  position: relative; }
  .icSeat_formTrainListNameW.shinkansen::before {
    position: absolute;
    content: '';
    width: 32px;
    height: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: auto;
    background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultdetail_shinkansen-icon.png") left top;
    background-size: 32px 32px; }

.icSeat_formTrainSeatW {
  margin-top: 45px; }
  .icSeat_formTrainSeatW:first-of-type {
    margin-top: 0; }

.icSeat_formTrainTxt {
  margin-top: 20px;
  font-size: 0.9rem; }

.icSeat_formTrainTxtLink {
  font-size: 0.9rem;
  text-align: right; }
  .icSeat_formTrainTxtLink .icSeat_formTrainTxtLinkAnc {
    text-decoration: none; }

.icSeat_formTrainBtnW {
  margin-top: 25px; }

.icSeat_formTicketTxt {
  margin-top: 10px;
  font-size: 0.9rem; }
  @media print, screen and (min-width: 750px) {
    .icSeat_formTicketTxt {
      text-align: center; } }

.icSeat_formTicketSelectTxt {
  margin-top: 10px;
  font-size: 1.0rem;
  font-weight: bold; }
  @media print, screen and (min-width: 750px) {
    .icSeat_formTicketSelectTxt {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto; } }

.icSeat_formTicketSelect {
  display: block;
  min-height: 46px;
  margin-top: 5px; }
  @media print, screen and (min-width: 750px) {
    .icSeat_formTicketSelect {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto; } }
  .icSeat_formTicketSelect.noselect {
    border: none;
    background: none;
    background-color: #d9d9d9; }

.icSeat_formTrainSubmitBtnW {
  padding: 25px 15px; }
  @media print, screen and (min-width: 750px) {
    .icSeat_formTrainSubmitBtnW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.icSeat_formTrainBackInput {
  padding-bottom: 25px;
  text-align: center;
  font-size: 0.9rem; }
  .icSeat_formTrainBackInput .icSeat_formTrainBackInputAnc {
    text-decoration: none; }

/*=========================================
申込履歴
=========================================*/
.reserveList_titleW {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  padding: 25px 15px 0; }
  @media print, screen and (min-width: 750px) {
    .reserveList_titleW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }

.reserveList_title {
  order: 1;
  font-size: 1.5rem;
  font-weight: normal; }
  @media print, screen and (min-width: 750px) {
    .reserveList_title {
      order: 2;
      font-size: 1.8rem; } }

.reserveList_headInfoLink {
  order: 3;
  margin-top: 10px;
  font-size: 0.8rem;
  text-align: right; }
  @media print, screen and (min-width: 750px) {
    .reserveList_headInfoLink {
      order: 1;
      margin-bottom: -21px;
      padding-left: 7.5rem; } }
  .reserveList_headInfoLink a {
    display: inline;
    text-decoration: none; }
    .reserveList_headInfoLink a::after {
      content: '\3e';
      margin-left: 0.6em;
      line-height: 1.5; }

.reserveList_headInfoNote {
  order: 2;
  margin-top: 10px;
  font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .reserveList_headInfoNote {
      order: 3; } }

/* タブ(スタイル流用) */
.reserveList_hisW {
  width: 100%;
  height: auto;
  margin-top: 25px;
  background: linear-gradient(to bottom, #fff, #fff 43px, #f5f5f5 43px); }
  @media print, screen and (min-width: 750px) {
    .reserveList_hisW {
      margin-top: 40px;
      background: linear-gradient(to bottom, #fff, #fff 45px, #f5f5f5 45px); } }

.reserveList_hisTabW {
  width: 100%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .reserveList_hisTabW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  .reserveList_hisTabW li.tab {
    width: 100%;
    height: auto;
    padding-top: 43px; }
    .reserveList_hisTabW li.tab:last-of-type {
      padding-top: 0; }
    @media print, screen and (min-width: 750px) {
      .reserveList_hisTabW li.tab {
        padding-top: 46px; } }

.reserveList_hisTabMenu {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  min-width: 95px;
  height: 43px;
  padding: 0 15px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  color: #666666;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer; }
  @media print, screen and (max-width: 749px) {
    .reserveList_hisTabMenu {
      width: calc(50% - 20px); } }
  @media print, screen and (min-width: 750px) {
    .reserveList_hisTabMenu {
      width: 180px;
      height: 46px; } }
  .reserveList_hisTabItem:nth-of-type(1) .reserveList_hisTabMenu {
    left: 15px; }
  .reserveList_hisTabItem:nth-of-type(2) .reserveList_hisTabMenu {
    /*left: 141px;*/ }
    @media print, screen and (max-width: 749px) {
      .reserveList_hisTabItem:nth-of-type(2) .reserveList_hisTabMenu {
        right: 15px; } }
    @media print, screen and (min-width: 750px) {
      .reserveList_hisTabItem:nth-of-type(2) .reserveList_hisTabMenu {
        left: 215px; } }
  .reserveList_hisTabMenu.active {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #007a52;
    cursor: default; }
    .reserveList_hisTabMenu.active::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      margin-left: auto;
      margin-right: auto;
      width: 70px;
      height: 4px;
      background: #007a52; }
      @media print, screen and (min-width: 750px) {
        .reserveList_hisTabMenu.active::before {
          width: 100px; } }

.reserveList_hisTabItemInner {
  width: 100%;
  height: auto;
  display: none; }
  .active + .reserveList_hisTabItemInner {
    display: block;
    padding-top: 20px; }

.reserveList_help {
  margin-top: 10px;
  text-align: right;
  font-size: 0.8rem; }

/* 予約の絞り込み */
.reserveList_refineTitle {
  width: 100%;
  margin-bottom: 5px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #666666; }

@media print, screen and (min-width: 750px) {
  .reserveList_refineSelectW {
    display: flex;
    flex-wrap: wrap; } }

@media print, screen and (min-width: 750px) {
  .reserveList_refineSelect {
    width: 360px; } }

.reserveList_refineBtnW {
  margin-top: 15px;
  margin-bottom: 35px; }
  @media print, screen and (min-width: 750px) {
    .reserveList_refineBtnW {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 20px; } }
  .reserveList_period .reserveList_refineBtnW {
    height: 100%; }
  .reserveList_refineBtnW .tmp_btn_sub1_s_green-auto {
    font-size: 0.8rem; }
  @media print, screen and (min-width: 750px) {
    .reserveList_refineBtnW a {
      height: 100%; } }

/* 期間で絞り込み */
.reserveList_periodW {
  margin-top: 25px; }

.reserveList_periodTitle {
  margin-bottom: 5px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #666666; }

.reserveList_period {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .reserveList_period.inSubmit {
    flex-wrap: wrap; }
    .reserveList_period.inSubmit .reserveList_periodSelect {
      width: calc(50% - 1.5em); }
      @media print, screen and (min-width: 750px) {
        .reserveList_period.inSubmit .reserveList_periodSelect {
          width: 50%;
          width: calc(50% - (3em + 14em)/2); } }
    .reserveList_period.inSubmit .reserveList_refineBtnW {
      width: 100%; }
      @media print, screen and (min-width: 750px) {
        .reserveList_period.inSubmit .reserveList_refineBtnW {
          width: auto;
          min-width: 14em;
          margin-left: 0;
          padding-left: 20px; }
          .reserveList_period.inSubmit .reserveList_refineBtnW a {
            padding: 16px 1.4em; } }

@media print, screen and (min-width: 750px) {
  .reserveList_periodSelect {
    width: 360px; } }

.reserveList_periodSubTxt {
  min-width: 3em;
  font-size: 0.9rem;
  text-align: center; }

/* 申込内容 */
.myTop_ticketW {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin-top: 20px;
  padding: 15px;
  background-color: #fff;
  overflow: hidden; }

/* 価格 & 獲得予定ポイント */
.myTop_latestResPay {
  margin-bottom: 15px; }

.myTop_latestResPayPrice {
  color: #007a52;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: right; }

.myTop_latestResPayPointDl {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center; }
  @media print, screen and (min-width: 750px) {
    .myTop_latestResPayPointDl {
      flex-wrap: nowrap; } }
  .myTop_latestResPayPointDl + .myTop_latestResPayPointDl {
    margin-top: 5px; }

.myTop_latestResPayPointDt {
  color: #007a52;
  font-weight: bold;
  line-height: 1.4375; }

.myTop_latestResPayPointDd {
  display: inline-block;
  width: calc(33% - 0.6rem + 2px);
  height: auto;
  font-weight: bold;
  font-size: 0.8rem;
  background: #fff;
  border: 2px solid #bacc93;
  padding: 1px 0;
  color: #007a52;
  text-align: center;
  position: relative; }
  @media print, screen and (min-width: 750px) {
    .myTop_latestResPayPointDd {
      width: auto;
      font-size: 1rem;
      margin-left: 2rem;
      padding: 1px 15px 3px;
      line-height: 1.1; }
      .myTop_latestResPayPointDd:first-of-type {
        margin-left: 0; } }
  .myTop_latestResPayPointDd span {
    font-size: 0.5rem; }
    @media print, screen and (min-width: 750px) {
      .myTop_latestResPayPointDd span {
        font-size: 0.8rem; } }
    .myTop_latestResPayPointDd span:last-child {
      display: inline-block;
      margin-left: 2px; }

.myTop_latestResPayBtnW {
  margin-top: 25px; }
  .myTop_latestResPayBtnW + .myTop_latestResPayBtnW {
    margin-top: 15px; }

/* 各ステータス(決済・ICカード指定・発券状況)表示領域 */
.myTop_latestResInfoList {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden; }

.myTop_latestResInfoListItem {
  border-top: 1px solid #d9d9d9; }
  .myTop_latestResInfoListItem:first-of-type {
    border-top: none; }
  .myTop_latestResInfoListItem > a {
    display: block;
    position: relative;
    padding-right: 16px;
    color: inherit;
    text-decoration: none; }
    .myTop_latestResInfoListItem > a::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%) rotate(180deg);
      width: 7px;
      height: 11px;
      background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_resultnextprevbtnblue-icon.png) no-repeat center center;
      background-size: 7px 11px; }
    .myTop_latestResInfoListItem > a:hover {
      background-color: #f2f9f2; }
    @media print, screen and (min-width: 750px) {
      .myTop_latestResInfoListItem > a {
        padding-right: 20px; }
        .myTop_latestResInfoListItem > a::after {
          right: 16px; } }

.myTop_latestResInfoListItem-inner {
  padding: 15px 10px; }

.myTop_latestResInfoTitle {
  position: relative;
  margin-bottom: 5px;
  padding-left: 32px;
  font-size: 0.9rem;
  font-weight: bold; }
  .myTop_latestResInfoTitle::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-size: contain; }
  .myTop_latestResInfoTitle.settlement::before {
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/mp_settlement_icon.png"); }
  .myTop_latestResInfoTitle.icCard::before {
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/mp_ic-card_icon.png"); }
  .myTop_latestResInfoTitle.refund::before {
    top: 2px;
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/mp_refund_icon.png"); }
  .myTop_latestResInfoTitle.ticket::before {
    background-image: url("/jreast-train-reservation/reserve/wb/img/trainsearch/mp_ticket_icon.png"); }

.myTop_latestResInfoTxtW {
  padding-left: 32px;
  color: #666666;
  font-size: 0.9rem; }
  .myTop_latestResInfoTxtW p {
    font-size: inherit; }

.myTop_latestResInfoBtnW {
  margin-top: 6px;
  margin-bottom: 6px; }

.myTop_latestResInfoBtn {
  display: inline-flex;
  width: auto; }

/* リンク */
.myTop_compSeatW {
  margin-top: 20px; }

/*=========================================
払戻内容の確認
=========================================*/
.ckSeat_cancelConfW {
  padding-top: 62px; }

/*=========================================
履歴詳細
=========================================*/
.reserveListInnerW {
  margin: 20px 0;
  padding: 0 15px; }
  @media print, screen and (min-width: 750px) {
    .reserveListInnerW {
      max-width: 810px;
      margin-left: auto;
      margin-right: auto; } }
  .reserveListInnerW .compSeat_formTrainSubW {
    margin-top: 0; }

.reserveList_kabunushiListW {
  margin-top: 40px;
  margin-bottom: -15px; }

.reserveList_kabunushiDl {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
  line-height: 1.375; }
  .reserveList_kabunushiDl + .reserveList_kabunushiDl {
    margin-top: 0.6em; }

.reserveList_kabunushiDt {
  flex: 0 0 auto;
  line-height: inherit; }

.reserveList_kabunushiDd p,
.reserveList_kabunushiDd strong {
  line-height: inherit; }
.reserveList_kabunushiDd strong {
  color: #b42700; }

.reserveListBtnW {
  margin-top: 20px; }
  .reserveListBtnW .tmp_btn_sub1_s_green-auto {
    margin-top: 10px; }
    .reserveListBtnW .tmp_btn_sub1_s_green-auto:first-of-type {
      margin-top: 0; }

/* お支払い方法 */
.reserveList_payMethodW {
  padding: 15px; }

.reserveList_payMethodTitle {
  margin-top: 45px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px;
  font-size: 1.125rem;
  font-weight: bold; }
  .reserveList_payMethodTitle:first-of-type {
    margin-top: 0; }

.reserveList_payMethodSubTitle {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background: url(/jreast-train-reservation/reserve/wb/img/trainsearch/ts_header-bg-1.png) no-repeat left bottom;
  background-size: 29px 3px;
  font-size: 0.9rem;
  font-weight: bold; }

.reserveList_payMethodTxt {
  margin-top: 10px;
  font-size: 0.9rem; }

.reserveList_payMethodBtnW {
  margin-top: 15px; }

.reserveList_payMethodList {
  position: relative;
  list-style-type: disc;
  margin-top: 15px;
  padding-left: 25px;
  font-size: 0.9rem; }

.reserveList_payMethodListItem {
  margin-bottom: 1em; }

/*=========================================
エラー表示
=========================================*/
.ts_errorW {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 24px 18px 54px;
  background: url("/jreast-train-reservation/reserve/wb/img/trainsearch/ts_error_icon.png") no-repeat right 8px bottom 0; }
  @media print, screen and (max-width: 749px) {
    .ts_errorW {
      margin-top: 15px; } }
  @media print, screen and (min-width: 750px) {
    .ts_errorW {
      /*		margin-top: 30px;*/
      padding: 26px 30px 30px; } }

.ts_errorText {
  color: #007a52;
  font-weight: bold; }

.ts_errorTextCode {
  font-size: 0.8rem;
  line-height: 1.2; }
  @media print, screen and (min-width: 750px) {
    .ts_errorTextCode {
      line-height: 1.7; } }

.ts_errorBottomBtn {
  width: 100%;
  height: auto;
  margin-top: 18px; }
  @media print, screen and (min-width: 750px) {
    .ts_errorBottomBtn {
      margin-top: 25px;
      margin-bottom: 20px; } }

.ts_errorBottomBtnList {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; }
  @media print, screen and (min-width: 750px) {
    .ts_errorBottomBtnList {
      max-width: 780px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  .ts_errorBottomBtnList + .ts_errorBottomBtnList {
    margin-top: 15px; }

.ts_errorBottomBtnListItem {
  display: block;
  margin-right: 20px; }

/*=========================================
注意画面ポップアップ
=========================================*/
.modal_formAttention {
  height: auto; }
  @media print, screen and (min-width: 750px) {
    .modal_formAttention {
      width: 400px; } }

.modal_formAttentionTextList {
  font-size: 0.9rem; }

.modal_formAttentionTextListItem {
  margin-bottom: 1.5em; }
  .modal_formAttentionTextListItem:last-of-type {
    margin-bottom: 0; }

.modal_formAttentionSubmitW {
  width: 100%;
  height: auto;
  margin-top: 30px; }

.modal_formAttentionSubmitGo {
  width: 100%;
  margin-bottom: 20px; }

.modal_formAttentionSubmitCancel {
  width: 100%; }

.ts_cautionList {
  text-indent: -1em;
  padding-left: 1em; }

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