@charset "utf-8";

 /* ======================================

        Basic Settings.

========================================= */

#contents-wrap section{
	padding:40px 0;
}
#contents-wrap img {
	display:block;
	max-width:100%;
	margin:auto;
}
article#contents-wrap a {
	opacity:1;
}
article#contents-wrap i {
	margin:0 5px;
}
article#contents-wrap a:hover {
	opacity:0.7;
}

/* etc */
#contents-wrap .pctab{ display:none!important; }
#contents-wrap .onlysm{ display:none!important; }


@media screen and (max-width: 767px) {
	body{
		min-width:320px;
	}
	#contents-wrap section{
		padding:30px 0;
	}
	#contents-wrap .onlypc{ display:none!important; }
	#contents-wrap .pctab{ display:block!important; }
	#contents-wrap .onlysm{ display:block!important; }
}



 /* ======================================

       searchbox Settings.

========================================= */

/*
searchbox
******************************************/
#searchbox-tour01-in{
	padding:10px 20px 15px 20px;
}
#searchbox-tour01 .form-control{
	width:auto;
	max-width:100%;
}
#searchbox-tour01 .form-inline label{
    width: 55px;
}
#searchbox-tour01 .form-inline label.checkin{
    width: 120px;
}

input, button {
 outline: 0;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
 border: 0;
}
.font-awesome{
  font-family: FontAwesome;
}

.select-group{
	position: relative;
	margin-bottom:0;
}

.select-group label{
	position: absolute;
	top:7px;
	left:0;
}

.select-group select{
	margin-left:65px;
}

select,option{
	font-size:15px !important;
}

.i-fromto:after{
	position: absolute;
	top:32px;
	right:-7px;
	content: "\f178";
	font-family: FontAwesome;
}


button.btn-accordion:before {
	content: "\f0d7";
	font-family: FontAwesome;
	margin-right:5px;
}

button.btn-accordion.active:before {
	content: "\f0d8";
	font-family: FontAwesome;
	margin-right:5px;
}

#departure,
#return-date-box{
	margin-bottom:0;
}




@media(min-width:1200px) {
/* PC大画面用 */

	.from-to{
		display:inline-block;
	}

	.go-to{
		display:inline-block;
		margin-left:5px;
	}

}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
/* PC用 */

	.from-to{
		display:inline-block;
	}

	.go-to{
		display:inline-block;
		margin-left:5px;
	}



}

@media(max-width:991px) {
/* タブレット以下 */

}

@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレット用 */

	.from-to{
		display:inline-block;
	}

	.go-to{
		display:inline-block;
		margin-left:5px;
	}

}

@media(max-width:767px) {
/* スマホ用 */
	.from-to{
		display:inline-block;
	}

	.go-to{
		display:inline-block;
		margin-left:0px;
	}
	
	select#hotel_local{
		max-width:200px;
	}

}





/*
datepicker
******************************************/
.datepicker{
	padding-top:6px;
	font-size:15px;
	text-align:center;
	background:#fff !important;
}
.datepicker::-webkit-input-placeholder{
  text-align:left;
  padding-left:7px;
}
.datepicker::-moz-placeholder {
  text-align:left;
  padding-left:7px;
}
.datepicker:-moz-placeholder {
  text-align:left;
  padding-left:7px;
}
.datepicker:-ms-input-placeholder {
  text-align:left;
  padding-left:7px;
}
select:hover,
input.datepicker,
.datepicker tbody td:hover{
	cursor: pointer;
}
.datepicker table{
	margin:10px;
}
.datepicker-switch{
	margin-bottom:5px !important;
}

.table-condensed thead tr:nth-child(2){
	background:#ddd;
	border: 1px solid #d3d3d3;
	cursor:default !important;
}

.table-condensed thead tr:nth-child(2) th:hover{
	background:#fee6ee !important;
}

.table-condensed{
	font-size:15px;
	border: 1px solid #d3d3d3;
}

.table-condensed th,
.table-condensed td{
	padding:7px !important;
	border-radius:0;
}

.table-condensed td.day.active,
.table-condensed td.day.focused,
.table-condensed td.day:hover{
	border-radius:0px;
}

.table-condensed td.day:hover{
		background:#fee6ee !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover{
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
}

.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active:hover{
	color:#333 !important;
}
.datepicker-days .table-condensed thead tr:last-child th{
	background:#f4f4f4;
	border:1px solid #d3d3d3;

}

.datepicker-days td:last-child{
	color:#006699;
	background:#e8f2fa;
}

.datepicker-days td:first-child{
	color:#ff384c;
	background:#ffeefd;
}

.datepicker-days td{
	border:1px solid #d3d3d3;
}

.datepicker table tr td span{
	height:40px;
	line-height:40px;
}

.table-condensed td.day:hover{}

.datepicker td.holiday{
	color: #ff384c;
    background: #ffeefd;
}
@media(max-width:767px) {
	.i-fromto:after{
		display:none;
	}
}



/*
modal
******************************************/
.modal-title{
	font-weight:bold;
}

.modal-header{
	padding-bottom:5px;
}

.modal-body h5{
	font-size:16px;
	font-weight:bold;
}

.modal-body .text-red{
	color:#cc0000;
	font-size:16px;
}

.persons-ttl01{
	color:#fff;
	font-size:14px;
	background:#333;
	padding:5px;
	text-align:center;
	display:block;
}

p.persons-ttl02{
	color:#fff;
	font-size:14px;
	background:#333;
	padding:5px;
	text-align:center;
	display:block;
	width:100%;
	border:1px solid #ccc;
}

.persons-ttl01 i{
	color:#fff;
}

.btn-accordion{
	color:#333;
	font-weight:bold;
	background:#ccc;
	margin-bottom:10px;
}

ul.persons{
	width:100%;
	margin:0 auto 10px auto;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

ul.persons li{
	float:left;
	width:25%;
	text-align:center;
}

ul.persons li{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}


ul.persons li p{
	font-size:12px;
	padding-top:5px;
}

ul.persons li .persons-ttl{
	border-right:none;
	
}

.tilali{
	padding:5px;
}

.tilali select{
	margin:0 5px;
}

.modal-txt{
	font-size:14px;
	margin:10px 0;
}

.modal-footer{
	text-align:center;
}

.modal-footer button,
.modal-footer button:hover,
.modal-footer button:focus{
	color:#fff;
	background:#333;
}

button.btn-accordion:before {
    content: "\f0d8";
    font-family: FontAwesome;
    margin-right: 5px;
}

button.btn-accordion.active:before {
	content: "\f0d7";
	font-family: FontAwesome;
	margin-right:5px;
}
@media(max-width:767px) {
/* スマホ用 */

	ul.persons li{
		width:50%;
	}

	ul.persons li{
		font-size:12px;
	}
}




@media only screen and (min-width : 320px) and (max-width : 374px) {
/* スマホ用（小） */

	#main{
		padding:15px 0 !important;
	}
	
	#searchbox-tour01 h1{
		font-size:16px;
	}

	#searchbox-tour01-in{
		padding:0px 10px 15px 10px;
	}
	
	.btn-reverse01{
		right:-111px;
	}
	.select-group select{
		width:140px;
		padding: 6px 5px;
	}
	
	
	.btn-search{
		width:100% !important;
		margin:0 auto;
	}



}





/*
#search-wrap　　　※pegeのデザイン調整部分
******************************************/
#search-wrap{
	background:#ededed;
}
#searchbox-tour01 h1{
	position:relative;
	margin:30px auto;
	padding:10px 0;
	font-size:26px;
	font-weight:bold;
	line-height: 1.4;
	text-align:center;
	color:#555;
	text-shadow:1px 1px 0 #fff;
}
#searchbox-tour01 h1:before{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-25px;
	content:"";
	display:block;
	width:50px;
	height:6px;
	background:#f84e7a;
}
#searchbox-tour01-in{
	padding:30px!important;
	background:#fff;
}
form .nav-pills>li.active>a, form .nav-pills>li.active>a:focus, form .nav-pills>li.active>a:hover{
	background:#f84e7a;
}
#searchbox-tour01-in .step{
	padding:5px 0;
	line-height: 1.4;
	border-width:4px;
}
#searchbox-tour01-in .step span{
	margin:5px 10px 5px 0!important;
}
#searchbox-tour01-in .row > div{
	padding-right:20px!important;
	border-right:1px dashed #ccc;
}
#searchbox-tour01-in .row > div:last-child{
	padding-left:20px!important;
	padding-right:0!important;
	border-right:none;
}

.btn-search{
	display:block !important;
	width:300px;
	margin:30px auto;
	padding:15px !important;
	color:#fff;
	font-size:16px;
	background:#f84e7a;
	border:none;
	border-radius: 5px;
}
.btn-search i{
	font-size:20px;
}
.btn-search:hover{
	background:#ff91b3;
	transition: all .3s;
}

@media screen and (max-width: 991px) {
	#searchbox-tour01-in .row > div{
		padding-right:0!important;
		padding-bottom:25px!important;
		border-right:none;
		border-bottom:1px dashed #ccc;
	}
	#searchbox-tour01-in .row > div:last-child{
		padding-left:0!important;
	}

}
@media screen and (max-width: 767px) {
	#searchbox-tour01 h1{
		margin:0 auto 15px;
		padding:5px 0;
		font-size:16px;
	}
	#searchbox-tour01 h1:before{
		margin-left:-20px;
		width:40px;
	}
	#searchbox-tour01-in{
		padding:15px!important;
	}
	form .nav-pills>li a{
		padding:8px 8px 6px 8px;
		font-size:12px!important;
	}
	.btn-search{
		width:80%;
		margin:15px auto;
		padding:10px !important;
		font-size:14px;
	}
	.btn-search i{
		font-size:16px;
	}
}





 /* ======================================
03.
        Etc Settings.
========================================= */
.title-style01{
	position:relative;
	margin:30px auto;
	padding:10px 0;
	font-size:24px;
	font-weight:bold;
	line-height: 1.4;
	text-align:center;
	color:#555;
	text-shadow:1px 1px 0 #fff;
}
.title-style01:before{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-15px;
	content:"";
	display:block;
	width:30px;
	height:6px;
	background:#f84e7a;
}

.list-link01{
	text-align:left;
	letter-spacing:-0.4em;
}
.list-link01:after{
	content:"";
	display:block;
	clear:both;
}
.list-link01 li{
	float:left;
	margin:0 10px 10px 0;
	letter-spacing:normal;
	vertical-align:top;
}
.list-link01 a{
	position:relative;
	display:block;
	padding:8px 28px 8px 10px;
	text-decoration:none!important;
	font-size:13px;
	line-height: 1.2;
	color:#222!important;
	border:1px solid #f84e7a;
	border-radius:5px;
}
.list-link01 a:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f138";
	font-family:fontAwesome;
}
.list-link01 a:hover{
	opacity:0.7;
}


@media screen and (max-width: 960px) {
	.title-style01{
		margin:15px auto;
		padding:5px 0;
		font-size:14px;
	}
	.title-style01:before{
		bottom:-3px;
		margin-left:-10px;
		width:20px;
		height:5px;
	}
	.list-link01{
		border-left:1px solid #f84e7a;
		border-top:1px solid #f84e7a;
	}
	.list-link01 li{
		width:50%;
		margin:0;
		border-right:1px solid #f84e7a;
		border-bottom:1px solid #f84e7a;
	}
	.list-link01 a{
		border:none;
		border-radius:0;
	}
}