@charset "utf-8";
/* CSS Document */

.user_waku select{
	padding: 0 0 0 5px;
    font-size:1.4rem;
}
.t_ash{ background-color:#eee;}
.timetable_waku{
    width: 100%;
    overflow-x:auto;
	white-space: nowrap;
    padding: 5px;
    margin-bottom: 20px;
}
.botan input{
    border: none;
    color: #fff;
    text-align: 1;
    font-size: 1rem;
    padding: 2px;
}
.timetable{
    width: 100%;
    table-layout: fixed;
}
.timetable td{
   
    border-left: 1px solid #ccc;
    white-space: nowrap;
   
}
.timetable td:last-child{
    border-right: 1px solid #ccc;
   
   
}
.time_line_tr1 td{
    border-top: 1px solid #ccc;
     width: 16px;
}
.t_reserve {
	background: #D1ECFF;
	/*padding: 5px;*/
	vertical-align: middle;	
	text-align: center;
}
.t_reserve_z {
	background: #E4FFD9;
	/*padding: 5px;*/
	vertical-align: middle;	
	text-align: center;
}


.t_reserve2 {
	background: #eee;
	/*padding: 5px;*/
	vertical-align: middle;	
	text-align: center;
}

.t_reserve_ok{
	background:#ABD8F5;
	/*padding: 5px;*/
	vertical-align: middle;	
	text-align: center;
}
.t_reserve_ok_z{
	background:#96E77F;
	/*padding: 5px;*/
	vertical-align: middle;	
	text-align: center;
}
.yoyakutd{
	color:#F39;
	text-align:center;
	background-color: #FF9;
    border-bottom: solid 1px #ccc;
}
td.yoyakutd:last-child{
	 border-right: solid 1px #ccc;
}
.t_blue2 {
	background: #F2F9FF;
	color: #00F;
	padding: 2px;
	vertical-align: middle;	
	border-bottom:dashed #CCC 1px;
}
.t_red2 {
	background: #FFF2F2;
	color:#EC0006;
	padding: 2px;
	vertical-align: middle;
	border-bottom:dashed #CCC 1px;
}
.t_white2 {
	background: #FFFFFF;
	/*padding: 2px;*/
	vertical-align: middle;
	border-bottom:dashed #CCC 1px;

}
.reserve_waku{
justify-content: center;
    display: flex;
	margin-bottom: 3px;
    
}
.triangle{
width: 30px;
  height: 30px;
background-color:#54aad9; 
  transform: rotate(-45deg);
    position: relative;
top:-50px;
}
.t_white{
    background-color: #fff;
}
.rireki_td_gradient{
  background: -moz-linear-gradient(top, #54aad9 50%, #3799cf);
  background: -webkit-linear-gradient(top, #54aad9 50%, #3799cf);
  background: linear-gradient(to bottom, #54aad9 50%, #3799cf);
}
.rireki_td_nomal{
  background-color: #00a31b;
}
.encho_text{
	margin: 0 0 0 10px;
}
.text-danger {
	color: red;
	text-align: center;
	font-weight: bold;
}
/* GRC_SYS-377_S */
#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color:rgba(255,255,255,0.80);
	z-index: 200; 
}
#loader {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color:rgba(53,53,53,1.00);
	z-index: 2;
}
#loader img{
	width: 32px;
	height: 32px;
}
/* GRC_SYS-377_E */

/* GRC_SYS-558_S */
/* wrap を基準にして▼を置く（ベースラインずれ対策） */
.user_waku td .js-fav-pref-wrap,
.user_waku td .js-fav-store-wrap{
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* select は block にして高さ基準を安定させる */
.user_waku td select.js-fav-pref,
.user_waku td select.js-fav-store{
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  box-sizing: border-box;
  height: 33px;
  padding-right: 35px;   /* 文字と▼が被らない */
  margin-bottom: 10px;
}

/* IE/旧Edge の標準▼を消す */
.user_waku td select.js-fav-pref::-ms-expand,
.user_waku td select.js-fav-store::-ms-expand{
  display: none;
}

/* ▼は中央に固定（transformの順番を修正） */
.user_waku td .js-fav-pref-wrap::after,
.user_waku td .js-fav-store-wrap::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 3px #000;
  border-right: solid 3px #000;
  position: absolute;
  top: 40%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
  pointer-events: none;
}

/* 幅（都道府県だけ） */
.user_waku td .js-fav-pref-wrap{ width: 125px; }
.user_waku td select.js-fav-pref{ width: 100%; }

/* 店舗は幅100% */
.user_waku td .js-fav-store-wrap{ width: 100%; }
.user_waku td select.js-fav-store{ width: 100%; }

.user_waku td p.c{
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  margin: 0;
}
.fav-store-box{
  border: 1px solid #000;
  background: #fff;
  max-height: 260px;
  overflow-y: auto;
  padding: 8px;
  box-sizing: border-box;
}

.fav-store-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 4px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.fav-store-item:last-child{ border-bottom: none; }

.fav-store-item input[type="checkbox"]{
  width: 22px;
  height: 22px;
}
.fav-store-item span{
  font-size: 16px;
  color: #111111;
}

.user_waku td .js-reg-pref-wrap,
.user_waku td .js-reg-store-wrap{
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* セレクトは block で高さ基準を安定 */
.user_waku td select.js-reg-pref,
.user_waku td select.js-reg-store{
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  box-sizing: border-box;
  height: 33px;
  padding: 0 35px 0 5px;
}

/* IE/旧Edge の標準▼を消す */
.user_waku td select.js-reg-pref::-ms-expand,
.user_waku td select.js-reg-store::-ms-expand{
  display: none;
}

/* ▼（中央固定） */
.user_waku td .js-reg-pref-wrap::after,
.user_waku td .js-reg-store-wrap::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 3px #000;
  border-right: solid 3px #000;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
  pointer-events: none;
}

.user_waku td p.form_label{
  line-height: 16px;
  font-weight: bold;
  margin: 0;
}
/* GRC_SYS-558_E */