@charset "UTF-8";
/*******************************************************************************
*
* 処理中画面
*
*******************************************************************************/
/*=========================================
ボタンテンプレート
=========================================*/
/* デフォルトCSSを無効にするだけのCSS */
/* 高強調ボタン大 */
/* 高強調ボタン中 */
/* 高強調ボタン小 */
/* 高強調ボタン小　インライン */
/* 高強調ボタン大　背景緑 */
/* 高強調ボタン中　背景緑 */
/* 高強調ボタン小　背景緑 */
/* 高強調ボタン小　背景緑　インライン */
/* 高強調ボタン大　背景白 */
/* 高強調ボタン中　背景白 */
/* 高強調ボタン小　背景白 */
/* 高強調ボタン小　背景白　インライン */
/* 中強調ボタン大　緑 */
/* 中強調ボタン中　緑 */
/* 中強調ボタン小　緑 */
/* 中強調ボタン小　緑　インライン */
/* 中強調ボタン大　背景緑 */
/* 中強調ボタン中　背景緑 */
/* 中強調ボタン小　背景緑 */
/* 中強調ボタン小　背景緑　インライン */
/* 中強調ボタン大　青 */
/* 中強調ボタン中　青 */
/* 中強調ボタン小　青 */
/* 中強調ボタン小　青　インライン */
/* サブボタン小　青 */
/* サブボタン小　緑 */
/* サブボタン小　グレー */
/* ボタン内のフォントサイズ変更 */
.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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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("/Personal/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%;
  }
}

/*=========================================
フォームテンプレート
=========================================*/
/* 1行テキストエリア */
/* テキストエリア */
/* テキストエリア枠に▼アイコン付けるcss */
/* セレクトボックス */
/*******************************************************************************
*
* 処理中画面
*
*******************************************************************************/
/* 専用ヘッダー */
#loading .header_menuList {
  height: 48px;
  align-items: center;
}

.header_menuListTitleH {
  margin-left: 6px;
}

@media print, screen and (min-width: 750px) {
  .header_menuListTitleH {
    margin-left: 0;
  }
}
/* コンテンツ */

div.top_blurW{
  z-index: 1600;
}
.trainSearch_loading {
  display: block;
}
div.idxFooter_copy_loading {
  display: block;
  background-color: #f5f5f5;
  height: 150px;
  width: 100%;
}

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

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

#ts_loading-cont p#ts_loading-txt {
  text-align: center;
  font-size: 1.13rem;
}

#ts_loading-train {
  display: none;
}

#ts_loading-train-sp {
  display: block;
  margin: 15px auto 5vh;
  width: 72%;
}

#ts_loading-train-sp img {
  width: 100%;
}

@media print, screen and (min-width: 750px) {
  #ts_loading-cont {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 85px;
    /* padding-top: 170px; */
    max-width: 780px;
    height: 390px;
    /* background: url("../img/trainsearch/ts_loading_bg.png") 0 0 no-repeat; */
  }

  #ts_loading-cont p#ts_loading-txt {
    font-size: 1.25rem;
  }

  #ts_loading-txt {
    position: absolute;
    top: calc(100%/2 - 25px);
    left: 270px;
  }

  #ts_loading-train {
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: -1400px;
    /*		left:-800px;*/
  }

  #ts_loading-train img {
    display: block;
  }

  #ts_loading-train-sp {
    display: none;
  }
}

/*=========================================
ヘッダー（SP版）
=========================================*/
.idxTopSpHW {
  width: 100%;
  height: auto;
  display: block;
}
@media print, screen and (min-width: 750px) {
  .idxTopSpHW {
    display: none;
  }
}
.idxTopSpHMenuW {
  width: 100%;
  height: auto;
  display: block;
}
.idxTopSpHnavW {
  width: 100%;
  height: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #fff;
  position: static;
}
.idxTopSpHnavLogoH {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  margin-right: 5px;
}
.idxTopSpHnavJreogoH {
  min-width: 50px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*=========================================
ヘッダー（PC版）
=========================================*/
.idxTopPcHW {
  display: none;
}
@media print, screen and (min-width: 750px) {
  .idxTopPcHW {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
  }
}

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

.idxTopPcHnavW {
  max-width: 1000px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.idxTopPcHnavLogoH {
  width: 130px;
  min-height: 46px;
  height: 100%;
  margin-right: 15px;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 750px) {
  .idxTopPcHnavLogoH {
    width: 240px;
  }
}.idxTopPcHnavJreogoH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: auto;
  margin-left: 15px;
}

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