@charset "utf-8";
/****************************************
		0. 全体の設定
*****************************************/

/*メインビジュアル
*****************************/
.main-header{
	width: 100%;
	/* max-height: 189px; */
	padding: 0;
	margin: 0;
	overflow: hidden;
	/*background-color: red;*/
}
.main-header img{
	width: 100%;
	display: block;
}
.main_tour{
	/* background-color: #FCFCFC; */
	/* background-image: url(/kix/fair/hatsuyume/sp/img/bg_gold.jpg); */
}
.main-header h1{
	font-size: 1.3em;
	text-align: center;
	margin: 0;
	padding: 2% 0;
	color:#FFFFFF;
	background-color: #222222;
}


/*検索結果並び替え
*****************************/
.result-nav{
	width: 100%;
	margin: 0 auto;
}
.result-nav-ul{
	width: 95%;
	margin: 0 auto;
	padding: 0 auto 0.3em;
	/*border-bottom: 2px solid #333;*/
}

ul.set_sort {
    width: 87%;
}
.result-nav-li{
	margin: 0.6em 1% 0.6em 0;
	float: left;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	/*border: 1px solid #333;*/
	padding: 0.8em 0.5em;
	box-sizing: border-box;
	background-color: rgba(196, 0, 2, 0.6);
	box-shadow: 0px 1px 1px #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.set_sort .result-nav-li{
	width: 22%;
	background-color: #808080;
	box-shadow: 0px 1px 1px #000;
	margin-right: 3%;
}
.set_sort .nav-active{
	background-color: #b50102;
	box-shadow: 0px 1px 1px #333;
	color: #FFF;
}
.set_ciao .result-nav-li{
	width: 49%;
	background-color: rgb(189, 189, 189);
	box-shadow: 0px 1px 1px #000;
}

p.results-value {}
.set_ciao .nav-active{
	background-color: #E85181;
	box-shadow: 0px 1px 1px #333;
	color: #FFF;
}

.result-nav-3th{background-color:#DE348C; color:#FFFFFF;}

/*検索結果 header
*****************************/
.results-header{
	width: 100%;
	display: block;
	position: relative;
	background-color: #FFF;
	padding: 0.8em 0em 0.8em;
	box-sizing: border-box;
	text-align: center;
	border: 5px solid #FCFCFC;
}
h4.results-ttl{
	float: left;
	min-width: 55%;
	color: #004BB0;
	padding: 0.8em 0.2em 0.8em 1em;
	font-size: 1em;
	line-height: 1.2em;
	box-sizing: border-box;
	font-weight: bold;
	text-align: left;
}
span.results-ttl-mini{
	font-size: 0.8em;
	color: #666;
}
.results-header-btn{
	display: inline-block;
	/*float: right;*/
	padding: 0.8em;
	margin: 0 0 0 0;
	font-size:1em;
	font-weight: bold;
	color: #FFF;
	box-sizing: border-box;
	text-align: center;
	background-color: #004BB0;
	border-radius: 3px;
	box-shadow: 0px 1px 1px #ddd;
	cursor: pointer;
}
#moreBtnClose{
	display: none;
	padding: 0.8em 1.6em;
	background-color: #808080;
}
.search-close-btn{
	float: none;
	display: block;
	padding: 0.8em 2em;
	background-color: #004BB0;
	width: 60%;
	margin: 00 auto;
}

/*検索結果
*****************************/
.results-value{
	width: 50%;
	margin: 0.6em auto;
	text-align: center;
	padding: 0.4em 0;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	background-color: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.results{
	/* background-color: red; */
	background-color: transparent;
	/*background-image: url(/kix/fair/hatsuyume/sp/img/bg_gold.jpg);*/
}
.result-box{
	width: 95%;
	margin: 0.7em auto 0;
	background-color: #FFF;
	/*border: 1px solid #333;*/
	padding: 0.7em;
	box-sizing: border-box;
	/*border-radius: 3px;*/
	/* border-top: 4px solid #004BB0; */
	box-shadow: 0px 1px 2px #ccc;
	position: relative;
}

.result-info-ttl{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	color: #004BB0;
	margin-bottom: 0.4em;
	padding: 0 0.2em 0;
	box-sizing: border-box;
	position: relative;
}

.result-box-pic{
	width: 35%;
	/*height: 95px;*/
	float: left;
	overflow: hidden;
	position: relative;
}
.result-box-pic img{
	width: 100%;
	/*position: absolute;
	top:0;
	left:-50%;*/
}

.result-info{
	width: 65%;
	float: right;
	font-size: 1em;
	padding-left: 0.6em;
	box-sizing: border-box;
}


.result-info-txt{
	font-size: 0.8em;
	line-height: 1.4em;
	color: #444;
}

.result-info-days{
	font-size: 0.6em;
	line-height: 1.4em;
	color: #999;
}
.result-info-price{
	font-size: 1.05em;
	font-weight: bold;
	line-height: 1.4em;
	color: red;
	padding: 0.2em 0;
}
.result-info-charge{
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1.4em;
	color: #555;
	text-align: right;
}
.result-code{
	clear: both;
	display: block;
	font-size: 0.5em;
	line-height: 1em;
	padding: 0 0.4em;
	box-sizing: border-box;
	color: #888;
}



.result-box-sp{
	width: 95%;
	margin: 0.7em auto 0;
	background-color: #FFF;
	/*border: 1px solid #333;*/
	/* padding: 0.7em; */
	box-sizing: border-box;
	/*border-radius: 3px;*/
	/* border-top: 4px solid #004BB0; */
	box-shadow: 0px 1px 2px #ccc;
	position: relative;
	/*border: 3px solid #666;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.result-box-sp .result-info-ttl{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	color: #004BB0;
	margin-bottom: 0.2em;
	padding: 0.3em 0.5em;
	box-sizing: border-box;
	width: 100%;
	/* float: right; */
}


.result-box-sp .result-box-pic{
	width: 30%;
	/*height: 95px;*/
	float: left;
	margin-bottom: 0.3em;
	overflow: hidden;
	position: relative;
}

.result-box-sp .result-info{
	width: 67%;
	float: right;
	font-size: 1em;
	padding-left: 0.2em;
	box-sizing: border-box;
}


.result-box-sp .result-info-txt{
	font-size: 0.9em;
	line-height: 1.4em;
	color: #004BB0;
	margin-bottom: 0.5em;
	/* text-align: right; */
}
.result-box-sp .result-info-days{
	font-size: 0.6em;
	line-height: 1.4em;
	color: #333;
	background: #FFFFFF;
	/* float: left; */
	padding: 0.2em 0.5em;
	/* text-align: right; */
}
.result-box-sp .result-info-price{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	color: red;
	padding: 0.2em 0 0;
	float: right;
}
.result-box-sp .result-info-charge{
	clear: both;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1.4em;
	color: #555;
	/* text-align: right; */
}
.result-box-sp .result-code{
	clear: both;
	display: block;
	font-size: 0.5em;
	line-height: 1em;
	padding: 0.5em;
	text-align: center;
	box-sizing: border-box;
	color: #888;
}


.result-btn{
	width: 85%;
	margin: 2em auto 1.2em;
	padding: 0.7em 0;
	text-align: center;
	font-size: 1.2em;
	color: #FFF;
	box-sizing: border-box;
	background-color: #023b95;
	border-radius: 3px;
	box-shadow: 0px 2px 1px #000;
	font-weight: bold;
}


.box-label{
	position: absolute;
	bottom:0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #004BB0 transparent;
	transition:all 0.8s ease;
}





.sp-ttl{
	width: 75%;
	background-color: #000;
	color: #FFF;
	text-align: center;
	padding: 0.4em 1em 0.4em 1em;
	margin:0.8em auto 0.5em;
	/*box-shadow: 0px 1px 1px #333;*/
	border-radius: 2px;
}


/*------詳細情報-------*/
ul.info{ display:block; /*width:446px;*/}

ul.info li {
	overflow: hidden;
	margin: 0.4em 0;
	padding: 0 0.5em;
	font-size: 0.6em;
}
ul.info h4 {
	/*width: 72px;*/
	text-align: center;
	float: left;
	padding: 2px 7px;
	background-color: #B77F2C;
	color: #FFF;
	border-radius: 1px;
	/* font-size: 11px; */
	vertical-align: middle;
	line-height: 1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul.info p {
	float: left;
	/* display: table-cell; */
	text-align: left;
	color: #20303B;
	/* font-size: 11px; */
	padding: 1px 7px;
	line-height: 1;
	vertical-align: middle;
}

.detail {
	width: 100%;
	padding: 0.2em 0.5em;
}
.detail p img{
	height: 18px!important;
	vertical-align: baseline;
}

.result-box-sp .tel-icon{
	/*width: 30%;*/
	/* height: 95px; */
	/*float: left;*/
	padding: 0;
	margin-bottom: 0.3em;
	overflow: hidden;
	position: relative;
}

.result-info-ttl-first{
	width: 68%;
	display: inline-block;
}
.result-info-ttl-third{
	width: 90%;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #444;
	font-weight: normal;
}
.result-info-total{
	font-size: 0.8em;
	line-height: 1.4em;
	color: #444;
	background-color: #333;
	color: #FFF;
	text-align: left;
	padding: 0.2em 1em;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.tourname-icon{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #eec900;
	color: #FFF;
	font-weight: bold;
	padding: 0.2em 0.8em 0.5em;
	font-size: 0.9em;
}

.kaigai-box{
	border-top: 4px solid #eec900;
	background-color: #FFFCED;
	position: relative;
}
.kaigai-box .box-label {
    border-color: transparent transparent #eec900 transparent;
}
.kaigai-box .tourname-icon{background-color: #eec900;}
.kaigai-box ul.info h4 {
	background-color: #B77F2C;
	color: #FFF;
}
.kaigai-box ul.info p {
	color: #20303B;
}



.kokunai-box{
	border-top: 4px solid #8AD495;
	background-color: #F8FFEB;
	position: relative;
}
.kokunai-box .box-label {
    border-color: transparent transparent #8AD495 transparent;
}
.kokunai-box .tourname-icon{background-color: #8AD495;}
.kokunai-box ul.info h4 {
	background-color: #FDF0A2;
	color: #333;
}
.kokunai-box ul.info p {
	color: #20303B;
}



.fit-box{
	border-top: 4px solid #0AAAE6;
	background-color: #EAF1F7;
	position: relative;
}
.fit-box .box-label {
    border-color: transparent transparent #0AAAE6 transparent;
}
.fit-box .tourname-icon{background-color: #0AAAE6;}

.result-box-sp .result-box-wrap{
	padding:0.5em 1em;
	background-color: #FFF;
}

.fit-box ul.info h4 {
	background-color: #49A2CC;
	color: #FFF;
}
.fit-box ul.info p {
	color: #20303B;
}


/*カテゴリーカラー
*****************************/
.cate-c01{
	/*background: linear-gradient(to bottom, #3690f0 0%,#1e69de 100%);*/
	background-color:#1e69de;
}
.cate-c02{
	/*background: linear-gradient(to bottom, #f2c043 0%,#f49d3a 100%);*/
	background-color:#f49d3a;
}
.cate-c03{
	/*background:linear-gradient(to bottom, #f2825b 0%,#e55b2b 100%);*/
	background-color:#e55b2b;
}
.cate-c04{
	/*background:linear-gradient(to bottom, #cb60b3 0%,#ad1283 100%);*/
	background-color:#ad1283;
}
.cate-c05{
	/*background: linear-gradient(to bottom, #a0573e 0%,#752201 100%);*/
	background-color:#752201;
}


.bg07{
	background-color: transparent;
	padding: 0 0 1.2em;
	border-bottom: 2px solid #666;
}
.bg09{
	background-color: #E5E5EF;
}

.footer .reserveArea{
	margin: 0 0 0 0!important;
}

.left{
	float: left;
}
.right{
	float: right;
}

.bg07{
	/* background: url(../../img/bg_slash.png) #FFF; */
	padding: 0 0 1.2em;
	border-bottom: 2px solid #666;
}
.bg09{
	background-color: #E5E5EF;
}

.footer .reserveArea{
	margin: 0 0 0 0!important;
}

.left{
	float: left;
}
.right{
	float: right;
}
footer #otherArea ul{
  display: none;
}
#wrap{
	background-color: transparent;
	/*background-image: url(/kix/fair/hatsuyume/sp/img/bg_gold.jpg);*/
	background-color: #FFF;
}
.nav-active a{
	color: #FFF;
	/*background-color: red;*/
}

.result-nav-li a{
	color: #FFF;
	/*background-color: red;*/
}

/*ページトップボタン
*****************************/
#pagetop {
    position: fixed;
    bottom: 1%;
    right: 1%;
    font-size: 77%;
    z-index: 100;
	text-align: center;
}

#pagetop a {
    text-decoration: none;
    color: #fff;
    padding: 10px 2px;
    text-align: center;
    display: block;
    border-radius: 4px;
    background-color: #ACACAC;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}