.mynewbook_dates_infoPart{width: 600px; margin: 10px auto;}

/** 日付・人数・ペット・来場方法の入力ボックス */
.searchBox{ height:60px; border-radius: 15px; background-color: white; margin: 10px 2px; padding: 15px 10px 5px 10px; display: inline-block; text-align:left; border:solid 1px #afb3bc; margin-bottom:10px; box-shadow: 0 10px 10px -5px rgb(0 0 0 / 20%); vertical-align: top; }
.searchBox:hover{cursor:pointer;}
/** 日付サイズ */
.searchBox.date{width:600px;}
/** 人数・ペット・来場方法サイズ */
.searchBox.short{width:195px;}
.searchBox div{ display:inline-block; }
.searchBox .placeholder{margin-top:5px;font-size: 90%;line-height: 150%; opacity: 0.8; color:gray; font-size: medium;  }
/** 入力値を文字列で表示する 規定幅を超える場合「...」となる */
.searchBox .inputStr{white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   width: 500px;   color: black;   vertical-align: middle;   margin-bottom: -8px; }
.searchBox.short .inputStr{width:120px;}


/** 入力ヘッダー */
.searchInputHead{ font-size: 90%; line-height: 150%; opacity: 0.8; color: rgba(0,0,0,0.8); padding: 5px; margin-right: 10px; border-right: dotted 1px gray;}

/** 日付などの入力結果 */
.dateShowBox{width:30px;}

/** モーダル関連 */
/** モーダルタイトル */
.mdwttl { font-size: 140%; text-align: center; margin: 20px auto 10px auto; }
/** モーダルサブタイトル */
.mdwsubttl { font-size: 140%; margin: 20px auto 10px auto; }
/** モーダルコンテンツ */
.mdwContents{ margin:20px 0px;}
.mdwContents select{text-align: center;}

/** モーダル 人数・頭数・台数 入力フォーム */
.numTable td div{ background: #F1F1F1; padding: 15px 15px 15px 20px; }

/** 車両サイズ入力フォームブロック */
.carSizeInputBlock{text-align:center;}
/** 車両サイズ入力モーダル 縦横サイズ */
.mypagePseudoPopupBox.Confirmation{ height:560px; }
/** 車両サイズ入力フィールド */
input[type=number].changeCarsize{ background-color: #fafafa; border-style: solid; border-color: #e1e1e1; border-width: 1px; width:110px; padding:10px;}
.reserved .page .infoPart dl.mypagecarclm dd.carsizebox{ width: 420px; margin-left:64px; border-top: 2px solid #fff; }
/** 車両サイズエラーメッセージ */
#carsizeErr{ display:none; }
.carsizemsg{ margin:20px; }
.carsizeDiv{ display:inline-block; }
.numTable td div.carsizeDivTani{ display:inline-block; margin-right:5px; padding:0px;}
.carSizeInputBlock .carsizeDivTani{ display:inline-block; margin-right:10px;}

/** ペットその他入力 */
.otherPetKind{
    background-color: #fafafa;
    border-style: solid;
    border-color: #e1e1e1;
    border-width: 1px;
    width: 525px;
    padding: 10px;
}


/** 吹き出しポップアップの作成 */
.speechBubblePopupBox{
  display: none;
  z-index: 910;
  position: absolute;
  padding: 16px;
  width:600px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FFF;
  border:solid 1px #afb3bc;
  color: #333;
}
.speechBubblePopupBoxArrow{
  display: none;
  z-index: 920;
  position: absolute;
  pointer-events: none;
  content: " ";
}
.speechBubblePopupBoxArrowWaku{
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #afb3bc;
  border-width: 20px;
  pointer-events: none;
  content: " ";
}
.speechBubblePopupBoxArrowNaka{
  position: absolute;
  width: 0;
  height: 0;
  top:1px;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #FFF;
  border-width: 20px;
  pointer-events: none;
  content: " ";
}

.speechBubblePopupBox.error{
	width:300px;
	color: #f00;
	font-weight:bold;
}

.invisibleOverlay {
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    background-color: #CCC; */
    filter: alpha(opacity = 60);
    -moz-opacity: 0.6;
    opacity: .60;
    display: none;
}
.speechBubblePopupBox .numTable{width:100%;}


/** スマホ用 */
@media(max-width:640px ){
	.searchBox{width:600px;height:80px;padding: 25px 10px 5px 10px;}
	.searchInputHead{ width:auto; }
	.speechBubblePopupBox{width:600px;}
}