/*  ---------------------------
		SEARCH SETTING
---------------------------  */

.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/searchpanel/select_01.png);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 63px;
	border-radius: unset;
}
.select-box01 select.minPrice{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/searchpanel/select_02.png);
	background-repeat: no-repeat;
	width: 115px;
}
.select-box01 select.maxPrice{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/searchpanel/select_02.png);
	background-repeat: no-repeat;
	width: 115px;

}
.select-box01 select.cmbNights{
	text-align: center;

}

/*各項目の題目*/
.style_subhead {
	margin		 : 0;
	padding		 : 0;
	font-size	 : 14px;
	font-weight	 : bold;
}
/*各項目本体部分*/
.style_block_area {
	margin		 : 0;
	padding		 : 0 5px;
	display		 : block;
}

.style_chkymd,/*日付未定チェックボックス*/
.style_chkpsn {/*人数未定チェックボックス*/
	margin		 : 0;
	padding		 : 0;
}
input[type="submit"], input[type="button"] { 
  -webkit-appearance: none; 
  outline: none;
}
.style_inputButton {/*各ボタン入力項目*/
background: #BA2F00;
    color: #fff;
    display: inline-block;
    width: 55%;
    margin: 10px auto 10px;
    padding: 2px 0;
    text-align: center;
    position: relative;
    display: inline-block;
    
}

.buttonSubmit input[type="button"]{
    content: "";
    width: 55%;
    height: 1px
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #333;
  border: solid 10px #959595;
  display: block;
}

.style_inputButton::after{
    content: "";
    width: 55%;
    height: 1px
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #333;
  border: solid 10px #959595;
  display: block;
}
.style_inputButton::after{
border-bottom: -10px;
    border-bottom: 1px solid #959595;
}
input[type=“button”]{
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f4196b;
  color: #fff;
  padding: 10px 50px;
  font-size: 13px;
  border-bottom: 1px solid #959595;

}
.dynSubmit input[type=“submit”]:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width:768px){
.style_inputButton {/*各ボタン入力項目*/
}
}

.style_inputArea {/*その他の入力項目*/
	margin		 : 2px 0;
	padding		 : 0px 3px;
	border: none;
	height: 25px;
}
.bookingNights .cmbNights{
	text-align: center;
}
input[type=radio]{
-webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0px;
}

.dynDispunit .style_inputArea{
	background-color: #ffffff;
	vertical-align: middle;
	 width: 15px;
  height: 15px;
  border-radius: 50%;
  position: relative;
	outline: none;
}
.dynDispunit .style_inputArea:checked{
  color: #235590;
  background-color: #235590;
	 width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow : none;
}
.dynDispunit .style_inputArea:focus {
  border-radius: 50%;
	 width: 15px;
  height: 15px;
  border-radius: 50%;
}
.dynDispunit .style_inputArea::before{
  content: "";
  display: block;
    position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.dynDispunit .style_inputArea::after{
  content: "";
  display: block;
  position: absolute;
       top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}

/*input[type=checkbox]{
-webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0px;
}
.dynPersons .style_chkpsn{
	background-color: #ffffff;
	vertical-align: middle;
	 width: 20px;
  height: 20px;
  position: relative;
	outline: none;
	 -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.dynPersons .style_chkpsn:checked{
      border-left: 3px solid #235590;
    border-bottom: 2px solid #235590;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);    width: 5px;
    height: 5px;
  background-color: #fff;
	 width: 10px;
  box-shadow : none;
}
.dynPersons .style_chkpsn:focus {
	 width: 20px;
  height: 20px;
}
.dynPersons .style_chkpsn::before{
  content: "";
  display: block;
    position: absolute;
  top: 0;
  left: 0;
	 width: 20px;
  height: 20px;
}
.dynPersons .style_chkpsn::after{
  content: "";
  display: block;
  position: absolute;
   top:6px;
    height:7px;
    border-left: 3px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);    width: 5px;
    height: 5px;
    background: #fff;
}


.dynPersons .style_chkpsn:before {
     background:#fff;
    border:1px solid #000;
}
input:checked + .dynPersons .style_chkpsns:after {
   top:6px;
    height:7px;
    border-left: 3px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}*/


.dynDP,/*航空券付プラン検索項目*/
.dynGroup,/*グループ検索項目*/
.bookingDate,/*日付設定項目*/
.dynPersons,/*人数設定項目*/
.dynPrice,/*金額上下限項目*/
.dynDispunit {/*検索モード選択項目*/
	width		 : 100%;
	margin		 : 0;
	padding		 : 5px;
	border		 : none;
}
.dynPersons .lbchkpsn{
  display: inline-block;
}
.dynPersons .cmbPerson1{
  display: inline-block;
}
.dynDispunit{
      text-align: left;
    justify-content: left;
    width: 40%;
    margin: 0 auto;
}
/*検索モードの各選択肢*/
.style_dyndispunitElement {
}

hr {
	clear		 : both;
	width		 : 54%;
	height		 : 0;
	margin		 : 0 auto;
	padding		 : 0;
	border		 : none;
    border-bottom: 1px solid #959595;
}
/*
--------------------------------------------------
	Topic Path tabs
	以下タブ切り替え関連
--------------------------------------------------
*/
/*タブ切り替え項目全体*/
.style_topicPathTabs {
	padding:0px 0 5px 0;
	width: 98%;
	font-size: 100%;
	line-height: 1.3em;
	margin:0;
	padding: 0 5px;
	background: url(http://asp.hotel-story.ne.jp/ver3d/image/topic_path_tabs_bg.png) no-repeat left bottom;
	float: left;
	}
/*各タブの大外枠*/
.style_topicPathTabsList { display: block; float: left;}
/*非選択タブ*/
.style_topicPathTabsLink {
	color: #333;
	font-size:85%;
	margin: 3px 1px 0 1px;
	padding: 6px 6px;
	border: solid #aaa;
	border-width: 1px 1px 0;
	border-bottom: 1px solid #aaa;
	background: #dedede;
	display: block;
	}
.style_topicPathTabsLink:hover { color: #555; text-decoration: underline;}
/*選択タブ*/
.style_topicPathTabsLink.current {
	color: #3366CC;
	font-size:100%;
	font-weight: bold;
	margin: 0 5px;
	padding: 6px 6px 11px;
	border: solid #aaa;
	border-width: 1px 1px 0;
	border-bottom: 1px solid #FFF;
	background: url(http://asp.hotel-story.ne.jp/ver3d/image/topic_path_tabs.png) no-repeat left top;
	display: block;
	}
.style_topicPathTabsLink.current:hover { color: #003399; text-decoration: none;}