@charset "utf-8";
/* ====================================================

	Layout CSS

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

/****************************************
		0. General Setting 
*****************************************/
*{margin:0; padding:0;}
/*--clearfix--*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}
.clearfix{
	zoom:100%;
	overflow:hidden; /* for dreamweaver */
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#wrp{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/****************************************
		1. Basic Layout 
*****************************************/

/****************************************
		3.  Main
*****************************************/
#wrp{background: url("../img/bg01.png");}
#main_inner{
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	position: relative;
	font-size:14px; 
	margin: 0px;
	padding: 0px;
	border:none;
	z-index: 2;
	background: #F7F7EC;
}

/*最安値*/
#bottom_box{background:#e1edf9;}
#bottom_box_inner{padding: 10px 0;
	width:960px;
	clear:both;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	}
#tour_bottom,#tour_bottom2,#tour_bottom3,#tour_bottom4,#tour_bottom5,#tour_bottom6,#tour_bottom7{margin-right:50px;}	
#bottom_box_inner a{ text-decoration:none;display:inline-block; margin:0 10px; color:#000000; font-size:15px;}
#bottom_box_inner a:hover{opacity: 0.6;	transition:all 0.3s ease;}
#bottom_box_inner a .price{color:#FF0000; font-size:17px;}	

.bgcol_tour{background:#0066CC; color:#FFFFFF; padding:2px 10px; border-radius:3px; font-weight: normal;}
	
.contents {
	padding:7px 0;
	width:960px;
	clear:both;
	margin:0 auto;
	border:none;
	text-align: center;
}

.contents h2{
	margin: 20px auto 15px;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    border-bottom: 5px solid #2361ad;
    line-height: 1.2em;
    display: inline-block;
}
/*.contents h2:before{content: url(../img/tour_h2.png); margin-right:5px;}*/

h2.title {
	width: 350px;
    margin: 35px auto 15px;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    border-bottom: 5px solid #cd3210;
    line-height: 1.2em;
}
#recArea h3 {
    text-align: center;
    font-size: 30px;
	font-weight: 400;
    color: #333;
    margin: 0 0 25px;
}
#recArea h3 span {
    border-bottom: 5px solid #cd3210;
}
/*h2.title:before{content: url(../img/tour_h2.png); margin-right:5px;}*/

/******topic**********/
#topic_box{border:1px solid #999; background:#FFF; padding:10px; margin-bottom:20px;}
#topic_box h2{display:block; width:10%; float:left; text-align:center; background:#FF6666; color:#FFF; margin:-10px 10px 0 0; padding:5px 0; border-radius:0 0 6px 6px;}
.topic ul li{}
.topic ul li:before{content:"▶"; padding-right:5px; font-size:12px; color:#333;}
.topic ul li a{text-decoration:none; color:#333;}
.topic ul li a:hover{text-decoration:underline; color:#069;}




/******ツアー部分*****/
h2.tour:before{content: url(../img/tour_h2.png); margin-right:5px;}
.tour_waku{margin-bottom:20px;}
.tour_box{
	width:32%;
	float:left;
	margin:0 1% 10px 0;
	/*border-bottom:solid 5px #66CCCC;*/
	/*position: relative;*/
	line-height:1.5;
	background:#FFFFFF;
	}

.tour_box .img_box{width:100%; height:150px; overflow:hidden;}
.tour_box img.mainpic{width:100%; margin-top:-10px; padding:0; border:0;}
.tour_box a{text-decoration:none;}
.tour_box .price{font-weight:bold; display:block; text-align:center;color: #FF3300;
	font-size: 18px;}

.tour_box .label{
	position: absolute;
	top:0px;
	left:140px;
	}
.tour_box a{display:block; color:#333333;}	
	
.tour_box_w{margin:0 0 10px; border-bottom:2px solid #DCD9B8; position:relative; min-height:90px; clear:both; line-height:1.5;}
.tour_box_w .label{position:absolute; left:3px; top:0;}
.tour_box_w img.mainpic{width:130px; float:left;}
.tour_box_w p{display:block; float:left; padding:0 5px 5px; width:560px;}
.tour_box_w p .small{font-size:12px;}
.tour_box_w .price{font-weight:bold; padding-left:10px;}
.tour_box_w a{display:block; text-align:right; padding-right:10px;}
.tour_box .pd5{padding:5px;}
.tour_box a:hover{background:#FFFFCC;}

.tour_box .pd5 span.hotel{
	display: block;
	font-size: 12px;
}

.tour_box .pd5 span.ttl{
	display: block;
	font-weight: bold;
}

.tour_box .img_box{
	position: relative;
}

.tour_box .img_box .tag{
	position: absolute;
	left: 5px;
	top: 5px;
	margin: 0 5px 0 0;
	padding: 5px;
	background: #ff3366;
	color: #fff;
	font-weight: bold;
}



/****************************************
		3.  スライダー
*****************************************/
/* slider */

.flexslider ul{
	margin: 0;
	padding: 0;
}
.flexslider li{
	list-style: none;
	text-align: center;
}
.flexslider .slides{
	position: relative;
}
.flex-direction-nav li a{
	position: absolute;
	text-indent: 300%;
	overflow: hidden;
	white-space: nowrap;
	width: 61px;
	height: 61px;
	top: 140px;
}

#covercenter {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#covercenter .topic{
  position: absolute;
  z-index: 100;
  top: 64px;
  left: 100px;
}

img#cover_left {
	position: absolute;
	right: 1000px;
}

img#cover_right {
	position: absolute;
	left: 1000px;
	width: 1000px;
}

#cover_left_black {
	background-color: #000;
	width: 1000px;
	height: 400px;
	z-index: 4;
	position: absolute;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

	top: 0px;
	right: 1000px;
}

#cover_right_black {
	background-color: #000;
	width: 1000px;
	height: 400px;
	z-index: 4;
	position: absolute;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	top: 0px;
	left: 1000px;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -425px;
	text-align: center;
	display:none !important;
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 12px;
	height: 13px;
	display: block;
	background: transparent url(../images/bullet.png) no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: transparent url(../images/bullet.png) no-repeat;
	background-position: 0 -13px; 
}

.flex-control-paging li a.flex-active {
	background: transparent url(../images/bullet.png) no-repeat;
	cursor: default;
	background-position: 0 -13px;
}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* slider_end */

/**********トップ静止画像*********/
.head{
background:url(chubu/img/bg.jpg) center top no-repeat
}
.head_respo{width: 100%; height: 497px; text-align: center; overflow: hidden; position: relative;}
.head_respo img{
	 position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}
.head_inner {
	max-width:2000px;
	width:100%;
	height:497px;
	margin:0 auto;}

/**********検索*********/
#serch_box{background:#e1edf9; padding:20px 0 40px;}
#serch_box iframe{width:100%; height:460px; border:none; }

/*****スパー*****/
#spa_box{background:#EAEFF8; text-align: center;}
#spa_box h2{ font-size:20px; margin-bottom:15px;}
#spa_box ul{}
#spa_box li{width:460px; height:200px; box-sizing:border-box; background:
url(../bali/img/spa/spa_bg.gif) no-repeat; float:left; padding:20px 10px 0 25px; font-size:14px;}

#spa_box .txt{float:left; width:250px; margin:0 5px 0 0; text-align:left;}
#spa_box .menu{ font-size:16px; color:#783E8E; font-weight:bold; margin-right:10px;}
#spa_box .price{ font-size:18px; color:#FF0000; font-weight:bold;}
#spa_box .more a{ display:block; color:#FFF; background:#783E8E; padding:2px; text-decoration:none; width:230px; text-align:center;border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */}


/*****バナー*****/
#banner_box{/*background:#FFFFFF;*/ text-align: center; }
#banner_box ul{display: inline-block;}
#banner_box li{width:169px; text-align:center; float:left; margin:0 5px; border:1px solid #DDD; padding:5px;}
#banner_box li img{margin-bottom:5px; width: 100%;}
#banner_box li a{ font-size:13.5px;text-decoration:none; color:#666666;}
#banner_box li a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}


.banner_box{/*background:#FFFFFF;*/ text-align: center; }
.banner_box ul{display: inline-block;}
.banner_box li{width:169px; text-align:center; float:left; margin:0 5px; border:1px solid #DDD; padding:5px;}
.banner_box li img{margin-bottom:5px; width: 100%;}
.banner_box li a{ font-size:13.5px;text-decoration:none; color:#666666;}
.banner_box li a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";}

/****************************************
		# 地域別ホテルからツアーを探す
*****************************************/

#hotel_tour_sp {
    background: #EAF7E6;
	padding:4%;
}
#hotel_tour_sp .contents h2 { border-color: #53c331;}
#hotel_tour_sp ul{display: flex;}
#hotel_tour_sp ul li{width: calc(97.5% / 4); margin:0.5%;}
#hotel_tour_sp img { width:100%;}
.hotel_tour_txt{ color:#439e28; text-align:center;font-size:1.1em; font-weight:bold; padding:2% 0; }
.hotel_tour_areaname{ background:#439e28; color:#FFF; text-align:center; font-size:1.4rem; font-weight:bold; padding:1% 0;}
#hotel_tour_sp .htltour-btn a{
	display:block;
	width: 88%;
    padding: 3% 7% 3% 3%;
	text-align: center;
	border: solid 2px #3fa71f;
	background-color: #FFF;
	color: #3fa71f;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	text-decoration: none;
	margin:0 auto 2%;
	position:relative;
	font-size: 0.8em;
	line-height: 1.2;
}
#hotel_tour_sp .htltour-btn a::after{
content: "\f138";font-family: FontAwesome; position:absolute; right:10px;}

/*****ホテル*****/
#area_hotel{padding:20px 0 10px;}

#area_hotel ul li{
	width: 225px;
    float: left;
    margin: 6px 6px 0;
    display: block;
    background: #FFFFFF;
    padding-bottom: 5px;
    height: auto;
    min-height: 285px;
    position: relative;
    text-align: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
#area_hotel ul li img{width:100%; display:block; margin:0; padding:0;height:150px; overflow:hidden;}
#area_hotel ul li .rank{ background:#333333; color:#FF0; padding:0 5px;}
#area_hotel ul li .rank span{color:#FFF; display:table-cell; padding-top:2px; width:50%; float:right; font-size:12px; text-align:right;}
#area_hotel ul li .pd5{
    font-size: 12px;
    line-height: 1.35em;
    padding: 5px;
	height: 95px;
}
#area_hotel ul li .neme{
	font-weight: bold;
    display: block;
    font-size: 13px;
    line-height: 17.0px;
    padding: 1% 0 2%;
}
#area_hotel ul li a{
    display: block;
    width: 95%;
    font-size: 13px;
    line-height: 1.2;
    padding: 4%;
    margin: 1% 2.5%;
    float: left;
    background: #E8E8E8;
    color: #333333;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
}
#area_hotel ul li a:hover{background:#c1dcff; transition: all 0.4s;}
#area_hotel ul li a.room{margin-top:5px; width:96%; padding:3% 1%;}


/*****btmlink*****/
#btmlinks_wrp{background:  url("../img/bg01.png")!important;}
#btmlinks_wrp .caution {background: #fff;}
#btmlinks_wrp .caution b {width: 560px!important;}

/***TOP戻るボタン****/
#page-top {
	position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 82%;
    z-index: 99;
    border-radius: 5px;
    background-color: #d6e8ff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
    padding: 10px;
    font-weight: bold;
    box-shadow: 2px 3px 5px #999;
    -webkit-box-shadow: 2px 3px 5px #999;
    -moz-box-shadow: 2px 3px 5px #999;
}
#page-top a {
	text-decoration: none;
	color: #444;
	display: block;
	padding:5px 10px;
}
#page-top a:hover {
	text-decoration: none;
    background: #a4ccff;
    border-radius: 7px;;
}
#page-top a:before{content:'・'; margin-right:5px;}


#hotel_tour{background:#EAF7E6; padding: 20px 0 25px;}
#hotel_tour .contents h2 {border-color: #53c331;}
#hotel_tour a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/***　特集バナー　****/
.spbn{
	text-align: center;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    margin: 0 auto;
	}
.spbn img{padding: 30px 0 10px;}
.w43 {width: 545px;}
.w43r{width: 545px; margin-left: 10px;}
.spbn a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	transition: all 0.4s ease;
}

/*新ヘッダー対策*/
#banner_box li,.banner_box li{ box-sizing: content-box; background: #fff;}


/* searchBoxSet(bottom) */
#search_box{
	margin: 0 0 30px 0;
}
#search_box .md_searchTab,
#search_box .md_searchTab_blank{
	margin: 0;
  padding: 0;
}
#search_box .md_searchTab .md_search_tabList,
#search_box .md_searchTab_blank .md_search_tabList {
	margin: 0 3px 0 0;
  display: inline-block;
}
#search_box .md_search_tabList a{
	width: 180px;
	padding: 16px 0 10px 0;
	background: #ffffff;
	border-top: 2px solid #1796c9;
	border-right: 2px solid #1796c9;
	border-left: 2px solid #1796c9;
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
	text-align: center;
	font-weight: bold;
	color: #1796c9;
	display: block;
	text-decoration: none;
	transition: all 0.4s;
	font-size: 16px;
}
#search_box .md_search_tabList a.is_block{
	background: #1796c9;
	color: #ffffff;
}
#search_box .md_search_tabList a:hover{
	background: #1796c9;
	color: #ffffff;
}
#search_box .md_searchTab_blank .md_search_tabList a:after {
	content: url(../img/icon_brank_blue.png);
	background: url(../img/icon_brank_white.png) no-repeat center center;
	display: inline-block;
	width: 17px;
	height: 13px;
	margin: 0 0 0 10px;
}
#search_box .md_searchTab_blank .md_search_tabList a:hover:after {
	content: "";
}
#search_box .md_search_tabBody{
	border: solid 4px #1796c9;
	background: #ffffff;
	padding: 15px 20px;
}
#search_box .md_search_tabBody .is_destCity div:first-of-type {
	left: inherit;
	right: 0;
}
#search_box .md_search_tabBody .md_search_item .md_search_label_reqIcon {
	width:33px;
}
#search_box .md_search_details_btn{
	color: #1796c9;
}
#search_box .md_search_label{
	background: #1796c9;
}
#search_box .md_search_checkboxArea a.is_pleasureTrip{
	color: #1796c9;
}
#search_box .md_search_btn{
  background: #fff000;
  box-shadow: 2px 2px #666;
  transition: all 0.5s;
}
#search_box .md_search_btn:hover{
  opacity: 0.7;
}
#search_box .md_search_btn_txt{
  text-shadow: inherit;
  color: #000;
}
#search_box .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;
}