/* レイアウトルール */
#l-wrapper{
	padding: 0 0 5% 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	width:100%;
	margin:0 auto ;
	background: url(../../img/bg01.png) repeat #FFF/*#F8F3E7*/;
}
#wrap{/*background:#FCFACA;*/ background: url(../../img/bg01.png) repeat #FFF;}

.l-container img{
	max-width:100%;
	height:auto;}
	
.container{
	background:#FCFACA; padding:2% 0 1% 0;}

.l-container{
	width:96%;
	margin:5% auto 0; box-sizing:border-box;
	text-align:left;
	padding:10px 0 0;
}

a{text-decoration:none; color:#333;}

/*パンくず*/
#breadcrumb { color: #d12018;}


.linkArea.search{ background-color: #D2C87D !important;}
.linkArea.search a{	color: #004baf;}

#footerAreaSP h3 {
	background: #cf2f0b !important;
    color: #FFF !important;
}

#searchArea h3::before, #recommendAreaSP h3::before {color: #FFF !important;}

/* 空席紹介スライダー */

/* Insignificant stuff, for demo purposes */
.panel h2.title { margin:0; padding:0; font-size:110%; }
/* Most common stuff you'll need to change */
.coda-slider-wrapper { margin:0; padding:44px 0 5px; background:url(../img/seat/seatavailable-top-txt.png) no-repeat center top; }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height:200px; overflow:auto !important; padding-right:20px; }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width:796px; } 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:800px; }
.coda-slider-wrapper.arrows .coda-slider { margin-top:0px; }
/* Tab nav */
.coda-nav ul li a.current { background:#39c; }
/* Preloader */
.coda-slider p.loading { padding:20px; text-align:center; }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul { clear:both; display:block; margin:auto; overflow:hidden; }
.coda-nav ul li { display:inline; }
.coda-nav ul li a { background:#000; color:#fff; display:block; float:left; margin-right:1px; padding:3px 6px; text-decoration:none; }
/* Miscellaneous */
.coda-slider-wrapper { height:285px; position:relative;}/*height:360px;*/
.coda-slider { float:left; overflow:hidden; position:relative; z-index:10; }
.coda-slider .panel { display:block; float:left; }
.coda-slider .panel-container { position:relative; }
.coda-nav-left { float:left; position:absolute; top:9px; left:0; z-index:100; cursor:pointer;}
.coda-nav-right { float:left; position:absolute; top:9px; right:5px; z-index:100;  cursor:pointer;}
.coda-nav-left a, .coda-nav-right a { display:block; text-align:center; text-decoration:none; }




/* 航空券+ホテル */

.eyeCatch {
	margin: 0;
	padding:0;
	overflow: hidden;
	zoom: 1;
}



/**/
.catbox{
	width: 100%;
	margin: 0 0 2% 0;
	
	}

.corse_btn{
	float: left;
	width: 100%;
	margin: 0 7px 15px 0;
	}

.corse_btn a{
	display:block;
	background:#CCCCCC;
	padding:5px;
	margin:0 3px 0;
	text-align:center;
	text-decoration:none;
	border-radius:0 0 6px 6px;
	}

.corse_btn a:hover{background:#333333; color:#FFF;}




/*----- midashi -----*/



.midashi{position: relative;}
.midashi::after{  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-top-color: #222;
  position: absolute;
  left: 20%;
  top: 100%;}
  
h3.tourpick {
	display: block;
    width: 100%;
    font-size: 5vw;
	font-weight:bold;
    padding: 3% 0 2% 4%;
	background:#222;
	color:#FFFFFF;
 /*	   color: #fff;
background: url("../img/bbg.png") center 70%;*/

}

h3.tourpick span{ font-size:20px;}
  
.oshi{ padding:2%; text-align:center;}

.type01 {
	background: url(../../img/ic01.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type02 {
	background: url(../../img/ic02.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type03 {
	background: url(../../img/ic03.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type04 {
	background: url(../../img/ic04.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type05 {
	background: url(../../img/ic05.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type06 {
	background: url(../../img/ic06.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type08 {
	background: url(../../img/ic08.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}

.type06_dome {
	background: url(../../img/dome_ic06.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}

.type07_dome {
	background: url(../../img/dome_ic07.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}

.type08_dome {
	background: url(../../img/dome_ic08.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}
.type09_dome {
	background: url(../../img/dome_ic09.png) no-repeat left bottom #FFF;
	margin: 25px 0 0;background-size: 17%;
}

/*カレンダー*/

/*ステータス入商品情報*/

.icon_sts{border:1px solid #CCC; padding:5px; text-align:center; margin-bottom:15px; background:#FFFFFF;}
.preback{position:absolute; top:100px; display:block; width:75px; z-index:1;}
.preback a{display:inline-block; background:#AAA; border-radius:50%; padding:18px 5px; color:#FFFFFF; text-decoration:none; cursor:pointer; text-align:center;}
.preback a span{font-size:140%; font-weight:bold; line-height:1.0;}
.preback a:hover{background:#0066CC;}
.fl{left:-70px;} .fr{right:-70px;}

.sts_tour_box{border:#F6C500 solid 2px; padding:5px; margin-bottom:15px; z-index:2; background:#FFFFFF;}
.sts_tour_box .tour_txt{width:65%; float:right;}
.sts_tour_box .tour_img{width:34%; float:left; margin-right:1%;}
.sts_tour_box .tour_img img{width:100%;}
.sts_tour_box .tour_txt a h3{font-size:130%; margin:5px 0; color:#006699;}
.sts_tour_box .tour_txt a:hover h3{color:#6600CC;}
.sts_tour_box .tour_txt .price{font-size:130%; color:#FF0000; font-weight:bold;}

.sts_tour_box table{display:none;}
<!--.sts_tour_box table{border:solid #999; border-width:1px 0 0 1px; margin:0; padding:0; height:78px; width:98%;}-->
.sts_tour_box table td{padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center;}

.sts_tour_box table td a:hover{text-decoration:underline;}

.sat{background:#A3BCE2;}
.sun{background:#F5B2B2;}
.dep{background:#E8E8E8;}
.price_waku{color:#F00;}


.tour_link a{display:none;}




/*----- parts.css -----*/

#kv{
	height: 0; width:100%;
	 padding-top: 53.34%;
	 background: url(../img/main_ttl.jpg) 0 0 no-repeat;
    background-size: contain;
}


#kv_tour{
	height:180px;
	background: url(../img/common/title_bg_tour.png)  no-repeat center top;
	background:#f6c500;
}


.seat_bg{display:none;}


#titlearea{ display:none;}


#desc{
	width: 100%;
    padding-bottom: 20px;
	}

#desc p {
    font-size: 14px;
    line-height: 1.4em;
    padding: 0 5vw 2vw;
}

#desc p span {
    font-weight: bold;
}

#desc img {
    width: 100%;
    vertical-align: bottom;
}


/*ステータス入商品情報*/

.sts_waku{ position: relative; /*width:96%;*/  margin:0 auto;}
.sts_tour_box{ line-height:1.3em;}
.sts_tour_box .tour_txt{width:100%; float:none;}
.sts_tour_box .tour_img{width:40%; margin-right:2%; margin-bottom:2%;}
.sts_tour_box .tour_txt a h3{font-size:1em;}
.preback a{display:inline-block; background:#AAA; border-radius:60%; padding:18px 5px; color:#FFFFFF; text-decoration:none; cursor:pointer; text-align:center;font-size:0.8em;}
.preback a span{font-size:120%; font-weight:bold; line-height:1.0;}
.sts_tour_box .copy{font-size:0.8em;line-height:1.1;}
.sts_tour_box table td{ padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center;}

.sts_tour_box .tour_txt .price {  clear:both;font-size:1.2em;}
.sts_tour_box .tour_txt .departureDate,.hotel,.icon_sts { font-size:0.8em;  }

.sts_tour_box .tour_txt .hotel{ padding: 3px 5px;   background-color: #EAF2FA;}


.sts_tour_box table{}
.sts_tour_box table td{padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center; font-size:0.9em; }


#titlearea{width:960px; margin:0 auto;}
#titlearea img{float:left; margin:0; padding:0; border:0;}
#titlearea a{width:960px; display:block; margin:0 auto;}




#infoarea{
	float:left;
	position:relative;
	width:250px;
	height:216px;
}

#infoarea img {
	position:absolute;
}

img.img01{
	top:10px;
	left:10px;
}

img.img02{
	top:100px;
	left:10px;
}










/*------eyeCatch 3colums-------*/
#eyeCatch {
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	line-height:1.2;
}
/*#eyeCatch > li {
	margin: 0 0 5% 0;
	border: 0;
	background:#FFF;
}*/
#eyeCatch div.mosaic-wrap {
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding: 3px;
}

/*General Mosaic Styles*/
.mosaic-block {
	position:relative;
	width:100%;
	background:#FFFFFF;
	border:#f6c500 solid 2px;
}

.mosaic-block a {
	text-decoration: none;

	
}

.bar2 .mosaic-overlay{	
}
.imgLiquid_bgSize{ width:32%; height:100%;	position:absolute;
	left:0;top:0;}

.bar2 .mosaic-overlay .details {
	width:64%;
	padding:2%;
	margin-left:32%;
	font-size:0.9em;
}




/*------方面タイトル-------*/
div.mosaic-block h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32%;
	height: 20px;
	padding: 5px 0; 
	color: #fff;
	/* background: rgb(0, 0, 0); fallback color */
	/*background: rgba(0, 0, 0, 0.75);*/
	background: url(../img/bg-black-80.png);
	z-index: 99;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-shadow: 1px 1px 0 rgb(0,0,0);
	margin:0;
}




/*------商品タイトル-------*/
.mosaic-block h3 {
  width: 100%;
    display: block;
    padding: 2px 0 2px 0;
    clear: both;
    font-size: 1.0em;
	color:#004098;
}

/*------料金-------*/
.mosaic-block p.price {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	color: #F00;
}

/*------ホテルグレード-------*/
.mosaic-block p.hotel {
    clear: both;
    font-size: 0.65em;
    line-height: 1.2;
    margin-bottom: 5px;
    margin: 0 auto 5px;
    padding: 3px 5px;
    text-align: left;
    color: #333;
    background-color: #EAF2FA;
    width: 98%;
}


/*------アイコン-------*/
ul.icon { display:none; }

/*------出発日-------*/
.mosaic-block p.departureDate {font-size: 0.7em;}


/*------キャッチコピー-------*/
.mosaic-block p.copy {font-size: 0.8em;}



/* -------------------- アコーディオンメニュー -------------------- */

#navi_menu_area{display:none;}

div.accordion {
	width: 95%;
    display: block;
    margin: 0 auto;
}
div.accordion > ul > li > a {
	display: block;
    color:#222;
    font-size: 4.2vw;
    text-decoration: none;
	background: #cdd6ed;
/*    background: #cdd6ed url(../img/icon_next01_BL.png) no-repeat right 5px center;*/
    border-bottom: 2px solid #999;
    cursor: pointer;
    padding: 3%;
    position: relative;
    font-weight: bold;
}
div.accordion > ul > li > a.active{
	background-color:#444;
	color: #fff;
	border-bottom: 2px solid #F90;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
	font-size: 3vw;
    position: absolute;
    right: 12px;
    top: 30%;
    color:  #666;
}
div.accordion > ul > li > a:after{
	content: "\25BC";
}
div.accordion > ul > li > a.active:after{
	content: "\25B2";
}
div.accordion > ul > li > ul {
	display: none;
	background:#666666;
	padding:2px 0 0 2px;
}

div.accordion > ul > li > ul > li > a{
	display: block;
	float:left;
	color: #333;
	font-size: 3.5vw;
	background-color:#D9D9D9;
	padding: 3% 0;
	position: relative;
	text-align:center;font-weight:bold;
	width:50%;
	box-sizing: border-box;
	border:solid #666;
	border-width:0 2px 2px 0;
}
div.accordion > ul > li > ul > li > a:hover{
background-color:#D9D9D9;
}
	

.fixed{
	position:fixed;
	top: 0px;
	left: 0;
	z-index:999999;
}

/* ===============================================
 gNav（ナビ部分/全共通）　
=============================================== */
#gNav{margin:0 3.1% 4.7%;text-align:center;}
#gNav .tabMenu{letter-spacing:-.40em; margin-top:4%;}
#gNav .tabMenu li{width:25%; letter-spacing:normal;text-align:center;display:inline-block;}
#gNav .tabMenu li img{width:95%;}

.comment{margin:4%; text-align:center; font-size: 3vw; }


/****************************************
		国内用追加
*****************************************/

div.domelink {
	width: 95%;
    display: block;
    border-top: solid 3px #fbfc04;
    z-index: 9999px;
    margin: 0 auto 20px;
}
div.domelink > ul > li > a {
	display: block;
    color: #fff;
    font-size: 4.2vw;
    text-decoration: none;
    border-bottom: 1px solid #FFF;
    cursor: pointer;
    padding: 3%;
    position: relative;
    font-weight: bold;	
	background-color: #FF8900;
}
div.domelink > ul > li > a:hover{
background-color:#D9D9D9;
}
div.domelink > ul > li > a:after{
	position: absolute;
	top: 50%;
	right: 17px;
	content: " ";
	margin-top: -8px;
	width: 14px;
	height: 16px;
	background: url(../../img/ic07.png) no-repeat 0 0;
}

/****************************************
		新ナビ
*****************************************/

#navigationWrap, .navigationWrap{
	background: url(../../img/bg_curtain.png) no-repeat center top;
	padding-top: 5%;
	padding-bottom: 2%;
}


.navi-box{
	width: 100%;
	margin: 0 auto;
    padding: 6px 0 0;
}
.navi-box li{
	 margin:1.5% 3% 1.5% 0; 
	text-align: center;
	font-weight: bold;
	width: 49.2%;
	margin: 4px 0;
	float:left;
}
.navi-box li a{
	font-size: 14px;
	margin: 0 2px 0 6px;
	padding: 10px 2px;
    background: #222;
    color: #FFF;
	text-decoration: none;
	display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-repeat: no-repeat;
    background-position: right 1% bottom 50%;
    background-size: 20px;
    background-image: url(../img/icon_down01.png);
}


.navi-box2>li.on a{background: #0BADD3; color: #fff;}
.navi-box3>li.on a{  background: #EA5C8B; color: #fff;}