@CHARSET "UTF-8";

.ui-datepicker {
	z-index: 3 !important;
}

/* bootstrap datepicker オーバーライド */

@media (max-width: 768px) {
	.datepicker.datepicker-dropdown {
		width:100%;
		/* top: 0 !important;*/
		left: 0 !important;
	}
	.datepicker.datepicker-dropdown table {
		width:100%;
		max-width: 100%;
	}

	.datepicker table tr td.day {
		font-size: 20px;
		line-height: 1.5;
	}
	.dropdown-submenu > div{
		font-size: 20px;
		padding: 5px;
	}
	.dropdown-menu > li > span{
		font-size: 20px;
		padding: 5px 20px;
	}
}

.gray { color: #999999; }
.red { color: #CC0000; }
.orange { color: orange; }

.tooltip-inner{
  max-width: 100%;
}


/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  vertical-align: middle;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}

.material-icons.smoke {
	color: #008800;
}
.material-icons.nosmoke {
	color: #C00000;
}
/* アイコンサイズ */
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* bootstrap margin,padding */
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}


.panel-timetable .panel-body {
	padding: 5px 0;
}
.panel-timetable .panel-body.panel-price {
	padding: 15px;
}
.row-heading .detail {
	display: inline-block;
	display: none;
}
.row-heading .vacant {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.row-seat div{
	display: inline-block;
	width: 30%;
	font-size: 12px;
	text-align: center;
}
.row-smoke div{
	display: inline-block;
	width: 15%;
	text-align: center;
}

.row-train .block-time{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.row-train .block-time .time{
	display: inline-block;
	width: 35%;
}
.row-train .block-time .arrow{
	display: inline-block;
	width: 10%;
}
.row-train .block-time .traveling-time{
	display: inline-block;
	width: 15%;
}

.row-train .block-name{
	display: inline-block;
	width: 33%;
	text-align: center;
}
.row-train .block-bound{
	display: inline-block;
	width: 33%;
	text-align: center;
}
.row-train .block-vacant{
	display: inline-block;
	width: 32%;
	text-align: center;
}
.row-train .block-seat{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.row-train .block-seat div{
	display: inline-block;
	width: 15%;
	text-align: center;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 22px;
	line-height: 22px;
	vertical-align: middle;
}
.row-train .block-seatinfo{
	display: inline-block;
	width: 32%;
	text-align: center;
}
.row-train .block-price{
	display: inline-block;
	width: 79%;
	text-align: right;
}
.row-train .block-console{
	display: inline-block;
	width: 20%;
	text-align: center;
}
.row-price div {
	display: inline-block;
	text-align: right;
	width: 24%;
	padding: 5px 0px;
}

@media (min-width: 768px) {

	.row-heading .row-detail {
		display: inline-block;
		width: 66%;
		text-align: center;
	}
	.row-heading .row-vacant {
		display: inline-block;
		width: 33%;
		text-align: center;
	}
	.row-train .block-time{
		display: inline-block;
		width: 33%;
		text-align: center;
	}
	.row-train .block-name{
		display: inline-block;
		width: 12%;
		text-align: center;
	}
	.row-train .block-bound{
		display: inline-block;
		width: 12%;
		text-align: center;
	}
	.row-train .block-vacant{
		display: inline-block;
		width: 8%;
		text-align: center;
	}
	.row-train .block-seat{
		display: inline-block;
		width: 33%;
		text-align: center;
	}
	.row-train .block-seatinfo{
		display: inline-block;
		width: 15%;
		text-align: center;
	}
	.row-train .block-price{
		display: inline-block;
		width: 10%;
		text-align: right;
	}
	.row-train .block-console{
		display: inline-block;
		width: 15%;
		text-align: center;
	}

	.row-price div {
		display: inline-block;
		text-align: right;
		width: 15%;
		padding: 5px 0px;
	}

	.row-price div.block-title{
		width: 53%;
	}

	.row-price span.cost{
		display: block;
		color: #597ea2;
		font-size: .7em;
	}
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#login-area {
	padding: 4px 8px;
}

.table-delivery div{
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3px 6px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.table-delivery div span{
	font-size: 12px;
}
.table-delivery div.disabled{
  background-color: #ccc;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.flex-box {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.flex-box > div {
	padding: 0 0.5em;
	position: relative;
	flex-grow: 1;
	width: 100%
}

/* ブロック　送信前ローダー */
#loader { text-align:center; font-size: 1.2em; padding: 1em; line-height: 2; }
.screenlock { position:absolute;left:0;top:0;width:100%;height:100%; }

.panel-hotel .lead {
	font-size: 1em;
	margin-bottom: 10px;
}

#searcher-tour .flex-container {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-items: flex-start;
}
#searcher-tour .flex-container div {
	flex-grow: 1;
	flex-basis: 50%;
}
#searcher-tour .flex-container div:last-child {
	flex-grow: 2;
	flex-basis: 100%;
}

.modal-hotel .price,
#stay .price {
	font-size: 1.8em;
	text-shadow:
        black 1px 1px 0, #cc0000-1px -1px 0,/*右下、左上*/
        black -1px 1px 0, #cc0000 1px -1px 0,/*右上、左下*/
        black 0px 1px 0, #cc0000  0-1px 0,/*右、左*/
        black -1px 0 0, #cc0000 1px 0 0;/*上、下*/
}

.topsearch .member_ages_area sub {
	line-height: 1.1;
	display:inline-block;
}

/* CSSローダー */
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #5c9ccc, 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.5), -1.8em -1.8em 0 0em rgba(92,156,204, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.7), 1.8em -1.8em 0 0em #5c9ccc, 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.5), 1.8em -1.8em 0 0em rgba(92,156,204, 0.7), 2.5em 0em 0 0em #5c9ccc, 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.5), 2.5em 0em 0 0em rgba(92,156,204, 0.7), 1.75em 1.75em 0 0em #5c9ccc, 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.5), 1.75em 1.75em 0 0em rgba(92,156,204, 0.7), 0em 2.5em 0 0em #5c9ccc, -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.5), 0em 2.5em 0 0em rgba(92,156,204, 0.7), -1.8em 1.8em 0 0em #5c9ccc, -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.5), -1.8em 1.8em 0 0em rgba(92,156,204, 0.7), -2.6em 0em 0 0em #5c9ccc, -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.5), -2.6em 0em 0 0em rgba(92,156,204, 0.7), -1.8em -1.8em 0 0em #5c9ccc;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #5c9ccc, 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.5), -1.8em -1.8em 0 0em rgba(92,156,204, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.7), 1.8em -1.8em 0 0em #5c9ccc, 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.5), 1.8em -1.8em 0 0em rgba(92,156,204, 0.7), 2.5em 0em 0 0em #5c9ccc, 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.5), 2.5em 0em 0 0em rgba(92,156,204, 0.7), 1.75em 1.75em 0 0em #5c9ccc, 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.5), 1.75em 1.75em 0 0em rgba(92,156,204, 0.7), 0em 2.5em 0 0em #5c9ccc, -1.8em 1.8em 0 0em rgba(92,156,204, 0.2), -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.5), 0em 2.5em 0 0em rgba(92,156,204, 0.7), -1.8em 1.8em 0 0em #5c9ccc, -2.6em 0em 0 0em rgba(92,156,204, 0.2), -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.5), -1.8em 1.8em 0 0em rgba(92,156,204, 0.7), -2.6em 0em 0 0em #5c9ccc, -1.8em -1.8em 0 0em rgba(92,156,204, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(92,156,204, 0.2), 1.8em -1.8em 0 0em rgba(92,156,204, 0.2), 2.5em 0em 0 0em rgba(92,156,204, 0.2), 1.75em 1.75em 0 0em rgba(92,156,204, 0.2), 0em 2.5em 0 0em rgba(92,156,204, 0.2), -1.8em 1.8em 0 0em rgba(92,156,204, 0.5), -2.6em 0em 0 0em rgba(92,156,204, 0.7), -1.8em -1.8em 0 0em #5c9ccc;
  }
}