@charset "utf-8";

/****************************************
		0. 全体の設定
*****************************************/
/* IE7でpadding指定 */
*:first-child+html body {padding-left: 1px;}
/* IE6以下でpadding指定 */
*html body {padding-left: 1px;}
/*--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 */
.clear{display: block;clear:both;font-size: 0;margin:0px;	padding:0px;border:0px;height:0px;line-height:0px;visibility: hidden;content: " ";}
html,body {text-align:left;	color:#333333;}
h1,h2,h3,h4,h5{font-weight: normal;	margin:0;padding:0;}

html{font-size: 62.5%;}
body{font-size: 1.4em ;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";}
a img {
	border-style:none;
}

/*全体設定
*****************************/
*{
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrap{
	width: 100%;
	min-height: 900px;
	margin: 0 auto;
	font-size: 16px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
}

div#js-breadcrumb {
    width: 1024px;
    margin: 0 auto;
}
.breadcrumb__inner {
  overflow-y: hidden;
}

/*検索ボックス*/
#search-mod {
	margin-top: 60px;
}

/*おすすめ特集*/
#bottomInfo {
  background: #cce8f9;
	padding: 60px 0;
	margin-top: 60px;
}
.banner__reco {
  width: 992px;
  background: #fff;
  display: grid;
  margin: 0 auto 50px;
  padding: 34px;
  gap: 36px;
  grid-template-columns: repeat(4, 1fr);
}
.banner__reco--inner {
  display: block;
  box-shadow: 0px 0px 0px 4px #fff;
}
.banner__reco--inner:hover {
    box-shadow: 0px 0px 0px 4px #f8a421;
  }
.banner__reco--item img {
    max-width: 100%;
}

/*お問い合わせ枠*/
#tell {
}

.breadcrumb__item, .breadcrumb__item a {
    font-size: 11.2px;
		font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*tour商品カセットimpビジネス対応*/
.tour_item_box .tour_item_detail[href*="TI-"] .item_box_info::before, .tour_item_box .tour_item_detail[href*="TB-"] .item_box_info::before {
    display: inline-block;
    line-height: 1;
    color: #fff;
		margin: 0 0 10px;
		padding: 6px 20px 3px;
}
.tour_item_box .tour_item_detail[href*="TI-"] .item_box_info::before {
    content: "添乗員同行";
    background: #00a3d9;
}
.tour_item_box .tour_item_detail[href*="TB-"] .item_box_info::before {
    content: "ビジネスクラス";
    background: #00B33B;
}