@charset "utf-8";

/*-------------------------------------------
	ページ下部-----検索ボックス用＆新着情報用
---------------------------------------------*/
#info{
    background: #EEE;
}
#info .GeneralTtl{
	padding: 30px 0 10px;
}
#searchContainer {
    margin-top: 10px;
}
.search-box {
	width:100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.search-box * {
	box-sizing: border-box;
}
#searchContainer .inner {
    font-size: .85em;
}
#searchContainer .Tab {
	display: flex;
	margin: 0;
}
#searchContainer .Tab li{
	display: block;
	width: 32%;
	margin: 0 .5%;
	padding: 7px 3px 4px;
	border-radius: 10px 10px 0 0;
	background: #ffffff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.4s;
	font-size: 0.85em;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#searchContainer input:not([type="checkbox"]),
#searchContainer button,
#searchContainer select{
	-webkit-appearance: none;
}
#searchContainer .selectbox{
	position: relative;
}
#searchContainer .selectbox:before{
  z-index: 1;
  position: absolute;
  right: 8px;
  top: 25%;
  margin-top: -0.5em;
  content: "\f0d7";
  font-family: FontAwesome;
  color: #7F878C;
  font-size: 16px;
  pointer-events: none;
}
#searchContainer .TabEntry{
	padding: 10px;
	background: #ffffff;
	border-radius: 3px;
	font: 13px/1.5 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


#searchContainer .Tab li#tourTab{
	color: #7D7C40;
	border-top: 2px solid #7D7C40;
	border-right: 2px solid #7D7C40;
	border-left: 2px solid #7D7C40;
}
#searchContainer .Tab li#airTab{
	color: #436C7A;
	border-top: 2px solid #436C7A;
	border-right: 2px solid #436C7A;
	border-left: 2px solid #436C7A;
}
#searchContainer .Tab li#ahTab{
	color: #78456D;
	border-top: 2px solid #78456D;
	border-right: 2px solid #78456D;
	border-left: 2px solid #78456D;
}
#searchContainer .Tab li.select{color: #ffffff!important;}
#searchContainer .Tab li#tourTab.select{background: #7D7C40;}
#searchContainer .Tab li#airTab.select{background: #436C7A;}
#searchContainer .Tab li#ahTab.select{background: #78456D;}
#searchContainer .TabEntry#tour{border: solid 1px #7D7C40;}
#searchContainer .TabEntry#air{border: solid 1px #436C7A;}
#searchContainer .TabEntry#AH{border: solid 1px #78456D;}

#searchContainer select,
#searchContainer input {
	margin: 2px 2px 4px 0;
	padding: 4px 20px 3px 10px;
	font-size: 11px;
	background-color: #fff;
}
#searchContainer #MaxCst {
	width: 70%;
}
#searchContainer dd.w100p select {
	width: 31%;
}
#searchContainer .smpDate,
#searchContainer .memberData dd ul{
	display: flex;
	align-items: center;
}
#searchContainer .smpDate p{
	margin: 0 10px 0 0;
}
#searchContainer .smpDate  span {
	margin: 0 4px 0 0;
}



/* a+h部屋・人数 */
#searchContainer .roomNum dl{ padding-right:20px; padding-bottom:0;}
#searchContainer .room{ display: block;}
#searchContainer .room select{padding-right:30px;width: auto;}
#searchContainer .room .roomNum .selectbox{ width:auto;}
#searchContainer .room .personNum{flex: 1;margin-top:10px;border: 1px solid #ccc; margin-bottom:10px;}
#searchContainer .room .personNum .entry{position:relative;}
#searchContainer .room .personNum .entry:Nth-Child(1n+2){ display:none}
#searchContainer .room .personNum .entry p{background-color:#5a5a5a;color:#fff;text-align: center;}
#searchContainer .room .personNum .entry dl{}
#searchContainer .room .personNum .entry dt{padding-right: 15px;}
#searchContainer .room .personNum .entry dd select{width: auto;}
#searchContainer .room .personNum .entry + .entry{margin-top: 15px;}
#searchContainer .room .personNum .entry .num{display: flex;padding:5px 10px;}
#searchContainer .room .personNum .entry .num dl{margin: 0;padding-bottom: 0;padding-right: 20px;}
#searchContainer .room .personNum .entry .num dt {width: 100%;margin: 0;padding: 0;background-color: #fff;color: inherit;}
#searchContainer .room .personNum .entry .age{text-align: center;bottom: 1%;left: 2%;display:none;padding: 5px 10px;background-color: #eaeaea;position: absolute;z-index:99;width: 96%;box-sizing: border-box;}
#searchContainer .room .personNum .entry .age dt span{display:block;background-color:#5a5a5a;color:#FFFFFF;padding: 0 5px;}
#searchContainer .room .personNum .entry .age dd{ display:none; width: 30%;}
#searchContainer .room .personNum .entry .age dd + dd{margin-left:10px;}
#searchContainer .room .personNum .entry .age dl{display: flex;padding-right: 0;}
#searchContainer .room .personNum .entry .age dt{width: 30%;}
#searchContainer .room .personNum .entry .age dd select{width: 60%;padding: 10px;}

#searchContainer .room .personNum .entry .age .selectbox{ width:auto;}

#searchContainer .inner dl{
	margin: 2px 0 3px;
}
#searchContainer .inner dt, .brand .cap{
	position: relative;
	display: inline-block;
	width: 100px;
	padding: 2px 0 0;
	background: #5a5a5a;
	color:#FFF;
	border-radius: 5px;
	margin-bottom: 4px;
	margin-right: 0.5em!important;
	text-align: center;
}
#searchContainer .inner .required{
	position: absolute;
	right:-35px;
	top: 25%;
	display: inline-block;
	padding: 0 4px;
	font-size: 10px;
	background-color: #f90;
	border-radius: 10px;

}
#searchContainer .inner dt:empty{
	display: none;
}
#searchContainer .md_search_checkboxArea a.is_pleasureTrip{
	color: #001171;
}
#searchContainer .btn {
	display: flex;
	width: 100%;
}
#searchContainer .btn button{
	padding: 7px;
	font-size:1.0em;
	font-weight:600;
	border-radius: 10px;
	box-shadow: none;
	transition: all 0.5s;
}
#searchContainer #tour .btn button[type="submit"]{
	width: 70%;
	margin: 0 2% 0 0 ;
	color: #fff;
	background-color: #7D7C40;
	border: solid 1px #7D7C40;
}
#searchContainer #air .btn button[type="submit"]{
	width: 70%;
	margin: 0 2% 0 0 ;
	color: #fff;
	background-color: #436C7A;
	border: solid 1px #436C7A;
}
#searchContainer #AH .btn button[type="submit"]{
	width: 70%;
	margin: 0 2% 0 0 ;
	color: #fff;
	background-color: #78456D;
	border: solid 1px #78456D;
}
#searchContainer .btn button[type="submit"].disabled{
  background-color: rgba(0, 17, 113, .5);
}
#searchContainer .btn button.reset{
	width: 28%;
  background: #fff;
	color: inherit;
	font-weight: normal;
}
#searchContainer .btn button.reset::before{
	content: "\f00d";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
	color: #444;
}
#searchContainer .md_search_btn{
  background: #fff000;
  box-shadow: 2px 2px #666;
  transition: all 0.5s;
}
#searchContainer .md_search_btn:hover{
  /*opacity: 0.7;*/
}
#searchContainer .md_search_btn_txt{
  text-shadow: inherit;
  color: #000;
}
#searchContainer .md_search_btn_txt:before{
  width: 27px;
  height: 25px;
  margin: -12px 0 0 0;
  left: 0;
  background: url(../img/icon_search.png) left center no-repeat;
}
.brand .form-line-txt {
    margin-right: 10px;
}
.brand input {
    margin: 0!important;
}
#searchContainer .error{
	color: red;
}
#js_searchTour_wrap select option{
	color:#000 !important;
}
#js_tabBody{
	margin:0;
}

/*---------------------------
	新着情報ここから
---------------------------*/
#searchContainer-ttl{
	margin:10px;
}
#searchContainer-ttl img{
	width: 100%;
}
.news-box-wrap{
	width: 90%;
    margin: 0 auto;
	padding-bottom: 30px;
}
.news-box{
	background:#FFF;
	padding:5px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	border: solid 1px #ddc482;
	border-radius: 3px;
}
.news-box li {
    font-size: 0.85em;
    margin-bottom: 5px;
    padding: 7px;
	border-top: 1px solid #dadada;
}
.news-box li:first-child{border-top: none;}

.news-box li:hover a{
	/*text-decoration: underline #1E51C6;*/
}
.news-box-icon {
    text-align: center;
    padding: 2px 10px;
	border-radius: 3px;
    font-size: 0.9em;
    /*width: 80px;*/
	display: inline-block!important;
    margin-right: 8px;
}
.news-box-date{
	font-size: 1.1em;
}
.news-box li span {
    display: contents;
    vertical-align: middle;
}
.news-box li .news-box-txt {
	font-size: 1.1em;
	margin-top: 0.5em;
}
.news-box li .news-box-txt a{
	color: #000;
}
.news-box li span.price{
	font-weight: bold;
	color: red;
}
.news-box li:empty{display: none;}
